/*
* 2015 - 2022 David Mrózek
*
* Licenční podmínky použití produktů
*
* Při zakoupení produktu (modulu) se sjednává licence na jeden produkční web / eshop / doménu.
* 
* Produkty (moduly) lze provozovat i na testovací instalaci na PC vlastníka licence.
* 
* Licence není časově omezena, je sjednána na dobu neurčitou.
* 
* Autorská práva a jiná práva duševního vlastnictví, vztahující se k dodávaným
* produktům (modulům), náleží dodavateli jakožto tvůrci dodávaného produktu.
* 
* Autorská práva se řídí právními předpisy České republiky.
* 
* Za řádně a v plné výši uhrazený produkt (modul) dle sjednaných podmínek uděluje
* dodavatel odběrateli užívat licenci výhradně k jeho účelům dle obchodních a licenčních podmínek.
* 
* Odběratel není oprávněn užívat větší množství licencí, než jaký byl dodavatelem poskytnut nebo byl sjednán při zakoupení produktu.
* 
* V ceně licence nejsou zahrnuty žádné další dodatečné individuální úpravy, dodatečné
* služby spojené s instalací a provozem produktu (modulu) ani aktualizace modulů (pokud autor sám nenabídne).
* 
* Odběratel není oprávněn produkt (modul) nabízet, poskytovat, prodávat, vystavovat
* ke stažení, zprostředkovávat další prodej, kopírovat, množit. Odběratel nesmí produkt
* (modul) poskytnout třetím stranám ani zdarma, ani za finanční úhradu, ani si účtovat za jejich instalaci a spojené služby.
*
* V případě porušení licenčních ujednání popsaných výše, může dodavatel požadovat finanční náhradu v případě ušlého zisku.
* 
* Dodaný software jako autorské dílo požívá ochrany zejména zák. č. 121/2000 Sb. autorského zákona a zák. č. 140/1961 Sb., trestního zákona.
* 
* Odběratel je oprávněn jej užít pouze v rozsahu a způsobem stanoveným těmito obchodními podmínkami.
* 
* Dodavatel má nárok dohlížet na dodržování licenčních a autorských práv.
* 
* V případě zásahu odběratele do autorských práv dodavatele vzniká dodavateli nárok
* na smluvní pokutu ve výši 50 000 Kč. Smluvní pokuta je splatná na základě výzvy k úhradě
* smluvní pokuty ve lhůtě 15 dnů od doručení výzvy. Nárok dodavatele na náhradu škody
* způsobené zásahem odběratele do autorských práv dodavatele, není zaplacením smluvní pokuty odběratelem dotčen.
* 
* Vedle nároku na smluvní pokutu má dodavatel v případě zásahu odběratele do jeho autorských
* práv nároky vyplývající z autorského zákona, zejména nárok na zdržení se dalších zásahů
* do autorských práv, nárok na sdělení údajů o způsobu a rozsahu neoprávněného užití
* software a nárok na odstranění následků zásahu do autorských práv včetně poskytnutí
* přiměřeného zadostiučinění a vydání případného bezdůvodného obohacení.
*
*  @author David Mrózek <admin@valasinec.cz>
*  @copyright  2015 - 2022 David Mrózek
*  
*/

/* Progress bar při založení požadavku */
#dm_progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
    width:100%;
    text-align: center;
}

#dm_progressbar li {
    list-style-type: none;
    color: rgb(51, 51, 51);
    text-transform: uppercase;
    font-size: 10px;
    width: 25%;
    float: left;
    position: relative;
}

#dm_progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 25px;
    line-height: 25px;
    display: block;
    font-size: 12px;
    color: #333;
    background: white;
    border-radius: 3px;
    margin: 0 auto 5px auto;
}

/*progressbar connectors*/
#dm_progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: white;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: -1; /*put it behind the numbers*/
}

#dm_progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none; 
}

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#dm_progressbar li.active:before,  #dm_progressbar li.active:after{
    background: #24b9d7;
    color: white;
}

/* SUPPORT LIST výběr požadavků */
.dm_support_select_a
{
    display: inline-block;
    padding: 0 0.9375rem;
    margin-bottom: 1.875rem;
    font-size: 1rem;
    font-weight: 700;
    color: #7a7a7a;
    text-align: center;
    text-transform: uppercase;
}

.dm_support_span
{
    display: block;
    height: 100%;
    padding: 1rem;
    background: #fff;
}

.dm_support_i
{
    display: block;
    width: 100%;
    padding-bottom: 3.4rem;
    font-size: 2.6rem;
    color: #232323;
}

/* SPINNER  */

#dm-cover-spin
{
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin
{
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
}

@keyframes spin
{
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

#dm-cover-spin::after
{
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

/* MODUL INFO  */

.dm-support-modal-window {
  position: fixed;
  background-color: rgba(200, 200, 200, 0.75);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.dm-support-modal-window:target {
  opacity: 1;
  pointer-events: auto;
}

.dm-support-modal-window>div {
  width: 50%;
  position: relative;
  margin: 15% auto;
  padding: 2rem;
  background: #fff;
  color: #444;
  box-shadow: 2px 2px 8px 0 rgba(0,0,0,.3);
  -webkit-box-shadow: 2px 2px 8px 0 rgba(0,0,0,.3);
  -moz-box-shadow: 2px 2px 8px 0 rgba(0,0,0,.3);
  line-height: 1.7em;
  border-radius: 4px;
}

.dm-support-modal-window header {
  font-weight: bold;
}

.dm-support-modal-close {
  color: #aaa;
  line-height: 50px;
  font-size: 80%;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 70px;
  text-decoration: none;
}

.dm-support-modal-close:hover {
  color: #000;
}

.dm-support-modal-window h1 {
  font-size: 150%;
  margin: 0 0 15px;
}

.dm_inputfile {
    padding: 10px;
    margin:  10px;
    border: 1px solid #f6f6f6;
    display: flex;
}