@media (max-width: 959px)
{
    h1 {
        font-size: 4vh;
    }
}
.h1_login {
    font-size: 9vh;
    font-weight: bold;
}
.h1_nadpis {
    font-size: 4vh;
    font-weight: bold;
}
h2 {
    font-size:25px;
    font-weight: 100;
    color:white;
    margin: 0;
}

h3 {
    font-size:20px;
    font-weight: 100;
    color:white;
    margin: 0;
}

.tHorizontal 
{
   color:white;
   width: 100%;
}
.tHorizontal th
{
    background-color: #474747;
}
.tHorizontal tr:nth-child(even)
{   
    background-color: rgba(0,0,0,0.7);
}
.tHorizontal tr
{ 
    background-color: rgba(0,0,0,0.9);
}

.tHorizontal tr.dvojradek:nth-child(4n+1) 
{
    background-color: rgba(0,0,0,0.9);
}
.tHorizontal tr.dvojradek:nth-child(4n+2) 
{
    background-color: rgba(0,0,0,0.9);
}


.formular 
{
    
    color:white;
    
}
.formular td,th,.formular .td,.formular .th
{
    padding:0.4vw;
}
.formular th,.formular .th
{
    background-color: #474747;
}


.rFormDiv {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    
}

.rFormContent {
   margin:3px;
   /*padding-top: 5px;*/
   background-color: rgba(0, 0, 0, 0.57);
   padding-bottom: 5px;
   color:white;
   
}

.rFormContent span {
    font-size:2em;
    text-align: left !important;
    color:white;
    font-weight: bold;
    display: block;
    margin-right: 5px;
    margin-left: 5px;
}

.rFormContent table {
    color:white;

}
.rFormContent table th {
    font-size:1.7em;
    font-weight: bold;
}
.rFormContent input{
    
    color: white;
    border: 0;
    background-color: #464646;
    font-size: 1.6em;
    padding: 0.4em;
    border: 1px solid black;
    width: 80%;
}

.rFormSubmit {
    
    flex: 1 100%;
    order: 4;
    
}

#modals{
    display:none;
    overflow: scroll;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.78);
    width: 100%;
    height: 100%;
    z-index:3;
    text-align: left;
    left: 0%;
    top: 0%;
}
.modalClose{
    position: fixed;
    background-color: #ae193e;
    color: white;
    
    z-index:1;
    text-align: left;
    padding: 1%;
    font-size: 5em;
    text-decoration: none;
    font-weight: bold;
    padding-left: 5%;
    padding-right: 5%;
    right: 0%;
    top: 0%;
}

#bigSelects, #bigMultiSelects{
    display:none;
    overflow: scroll;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.78);
    width: 100%;
    height: 100%;
    z-index:3;
    text-align: left;
    left: 0%;
    top: 0%;
}

.ShowNumbersModal {
    margin-top: 30px;
}
.ShowNumbersModal input{
   margin-left: 10%;
}
.ShowNumbersModal button{
    border: none;
    width: 90%;
    margin-left: 5%;
    border-radius: 5px;
    height: 7vh; 
    margin-top: 20px;
    color: white!important;
}

.slidecontainer {
    position: relative;
    width: 100%;    
}

.slidecontainer .arrow-left, .slidecontainer .arrow-right
{
    font-size: 41.5px;
    background: rgba(32,149,242,.6);
    color: white;
    float: left;
    width: 14%;
    border: 1px solid white;
}


.slider {
    width: 70%;
    -webkit-appearance: none;
    float: left;    
}

.slider::-webkit-slider-runnable-track {
      background: black;
      border: 1px solid white;
}

.slider::-moz-range-thumb {
      background: #ccc;
}
    
.slider::-ms-track {
    background: transparent;
}

.slider::-ms-fill-lower {
  background: #e1e1e1;
  border-radius: 10px; 
}
.slider::-ms-fill-upper {
  background: #eee;
}
    
.range__list {
display: flex;
justify-content: space-between;
height: auto;
overflow: hidden;
margin-top: 15px;         
width: 70%;
margin-left: 16%;
float: left;    
}
 .range__list input {
     background: rgba(32,149,242,.6);
     font-size: 35px;
     color: white;
     border: none;
 }
 
 range__opt:before {
  content: '';
  display: block;
  width: 0;
  height: auto;
  padding-left: 3px;
  text-indent: 0;
}

.slidecontainer_input {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 60px;
}
    
.slidecontainer_input input {
    width: 30%;
    height: 60px;
    background: black;
    border: 2px solid white;
    color: white;
    text-align: center;
    font-size: 25px;
}

.slidecontainer .slider {
  -webkit-appearance: none;
  height: 22px;
  border-radius: 5px;
  background: black!important;
  outline: none;
  opacity: 1;
  -webkit-transition: .2s;
  transition: opacity .2s;
  margin-top: 15px;
}

.slidecontainer .slider:hover {
  opacity: 1;
}

.slidecontainer .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(32,149,242,.6);
  cursor: pointer;
  opacity: 1;
}

.slidecontainer .slider::-moz-range-thumb {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(32,149,242,.6);
  cursor: pointer;
  opacity: 1;
}


.bigSelectClose, .bigMultiSelectClose{
    position: fixed;
    background-color: #ae193e;
    color: white;
    
    z-index:1;
    text-align: left;
    padding: 1%;
    font-size: 5em;
    text-decoration: none;
    font-weight: bold;
    padding-left: 5%;
    padding-right: 5%;
    right: 0%;
    top: 0%;
}

@media (max-width: 959px)
{
    .bigSelectClose{
        padding-left: 5vw;
        padding-right: 5vw;
        padding-top: 3vh;
        padding-bottom: 3vh;
    }
}

.bigSelectSearch{
    display: block;
    color: white;
    font-size: 2em;
    padding: 0.3vw;
    margin-top: -60px;
}
.bigSelectSearch input{
    width: 23vw;
    color: white;
    border: 0;
    background-color: #464646;
    font-size: 3vh;
    padding: 1vh;
    border: 1px solid black;
}

#bigSelects a:not(.bigSelectClose),
#bigMultiSelects a:not(.bigMultiSelectClose) {
    display:inline-block;
    margin:1%;
    font-size: 2em;
    background-color:green;
    padding:1%;
    color:white;
    padding-right: 2%;
    padding-left: 2%;
    text-decoration: none;
}
@media (max-width: 959px)
{
    #bigSelects a, #bigMultiSelects a {
        font-size: 1.5em;
    }
}

#bigMultiSelects .checked {
    border: solid #0cd000 4px;
}



.formular select {
    height: 5vh;
    width: 23vw;
    font-size: 3vh;
    color: white;
    border: 0;
    background-color: #464646;
}
.formular option {
    padding: 1vh;
}
.formular input {
    width: 23vw;
    color: white;
    border: 0;
    background-color: #464646;
    font-size: 3vh;
    padding: 1vh;
    border: 1px solid black;
}
.formular_input {
    width: 23vw;
    color: white;
    border: 0;
    background-color: #464646;
    font-size: 3vh;
    padding: 1vh;
    border: 1px solid black;
}





/* alerty */ 
#alertMsg {
    width: 90%;
    margin-left: 5%;
    background-color: rgba(156,0,0,0.8);
    height: 30%;
    position: fixed;
    top: 25%;
    color: white;
    font-size: 10vh;
    text-align: center;
    display: table;
    z-index: 2;
}

#alertMsg span {
    vertical-align: middle;
    display: table-cell;
    padding-bottom: 2%;
}

#alertMsg .alertMsgOK {
    width: 25%;
    padding: 5%;
    float: initial;
    font-size:8vh;
    font-weight: bold;
}

@media (max-width : 500px)
{
    #alertMsg
    {
        font-size: 5vh;
    }
}



#confirmMsg {
    width: 70%;
    margin-left: 15%;
    background-color: rgba(18,148,3,0.8);
    height: 30%;
    position: fixed;
    top: 25%;
    color: white;
    font-weight: bold;
    font-size: 6vh;
    text-align: center;
    display: table;
    z-index: 2;
}

#confirmMsg span {
    vertical-align: middle;
    display: table-cell;
    padding-bottom: 2%;
}

#confirmMsg .alertMsgOK {
    width: 25%;
    padding: 2%;
    margin-top: 2%;
    float: initial;
    font-size:6vh;
    font-weight: bold;
}

#infoAlertMsg {
    width: 70%;
    margin-left: 15%;
    background-color: rgba(15,17,49,0.9);
    height: 30%;
    position: fixed;
    top: 25%;
    color: white;
    font-weight: bold;
    font-size: 6vh;
    text-align: center;
    display: table;
    z-index: 2;
}

#infoAlertMsg span {
    vertical-align: middle;
    display: table-cell;
    padding-bottom: 2%;
}

#infoAlertMsg .alertMsgOK {
    width: 25%;
    padding: 2%;
    margin-top: 2%;
    float: initial;
    font-size:6vh;
    font-weight: bold;
}


#infoMsg {
    width:80%;
    background-color: rgba(18,148,3,0.5);
    position: fixed;
    top:50%;
}

#doneMsg {
    width:80%;
    background-color: rgba(255,0,0,0.5);
    position: absolute;
    top:50%;
}


#confirmYesNomMsg {
    width: 70%;
    margin-left: 15%;
    background-color: #3e3e3e;
    height: 30%;
    position: fixed;
    top: 20%;
    color: white;
    font-weight: bold;
    font-size: 6vh;
    text-align: center;
    display: table;
    z-index: 2;
}


#confirmYesNomMsg span {
    vertical-align: middle;
    display: table-cell;
    padding-bottom: 2%;
}

#confirmYesNomMsg .MsgYES {
    width: 25%;
    padding: 2%;
    margin-top: 2%;
    float: initial;
    margin-right: 5%;
    font-size:6vh;
    font-weight: bold;
}
#confirmYesNomMsg .MsgNO {
    width: 25%;
    padding: 2%;
    margin-top: 2%;
    float: initial;
    margin-left: 5%;
    font-size:6vh;
    font-weight: bold;
}




/* LOGIN NUMPAD */
#numpadUvod {
    margin:auto;
    display:table;
}
#numpadUvod table {
    width: 70%;
    height: 95%;
    margin: auto;
}

@media (max-width: 959px)
{
    #numpadUvod table {
        width: 95%;
        height: 95%;
        margin: auto;
    }
}

#numpadUvod td {
    width: 22%;
    padding: 1%;
}
#numpadUvod input {
    /*width:100%;*/
    width: 80vw;
    /*height:80px;*/
    font-size: 9vh;
    
    background:transparent;
    font-weight:bold;
    /*padding:5px;*/
    color:white;
    text-align: center;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid whitesmoke;
    background-color: rgba(0, 0, 0, 0.48);
}
#numpadUvod .number {
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    padding:0px;
    text-align:center;
    /*margin:10px;*/
    width:100%;
    /*height:100%;*/
    /*line-height: 100%;*/
    font-size: 9vh;
    border: 1px solid whitesmoke;
    color: whitesmoke;
    border-radius: 3px 3px 3px 3px;
    background-color: rgba(0, 0, 0, 0.48);
    
}


#numpadUvod .submit {
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
    /*margin:10px;*/
    width:100%;
    height:100%;
    /*line-height: 479px;*/
    /*font-size:80px;*/
    font-size: 7vh;
    border: 1px solid whitesmoke;
    color: whitesmoke;
    border-radius: 4px 4px 4px 4px;
    background-color: rgba(0, 0, 0, 0.48);
}

/* NUMPAD UVODNI STRANKA */
#numpad {
    margin:auto;
    display:table;
    font-size: 6vh;
    text-align: center;
}

#numpad table {
    width: 100%;
    margin: auto;
}
#numpad td {
    width: 22%;
    padding: 2%;
}
#numpad input {
    width:100%;
    font-size: 6vh;
    padding: 0px;
    /*height:50px;*/
    /*font-size:57px;*/
    background:transparent;
    font-weight:bold;
    /*padding:5px;*/
    color:white;
    text-align: center;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid whitesmoke;
    background-color: rgba(0, 0, 0, 0.48);
}
#numpad .number {
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
    /*margin:10px;*/
    width:100%;
    /*height:70px;*/
    /*line-height: 70px;*/
    border: 1px solid whitesmoke;
    color: whitesmoke;
    border-radius: 3px 3px 3px 3px;
    background-color: rgba(0, 0, 0, 0.48);
    
}
#numpad .number_nula {
    width:100%;
}
#numpad .submit {
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
    /*margin:10px;*/
    /*width:80px;*/
    height:100%;
    width: 100%;
    line-height: 650%;
    border: 1px solid whitesmoke;
    color: whitesmoke;
    border-radius: 4px 4px 4px 4px;
    background-color: rgba(0, 0, 0, 0.48);
}

#container {
    display: inline-block;
    width:100%;
}

/* HEADER */
#header {
    width: 100%;
    height:13vh;
    background-color:#474747;
}
#header .buttonH{
    background-color:#2d87ef;
    height:13vh;
    width:13vw;
    /*margin-left:30px;*/
    /*margin-right:30px;*/
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    display: inline-block;
}
#header .buttonHpopis{
    font-size: 0.5em;
    margin-top: 5vh;
    display: block;
    position: absolute;
    right: 3vw;
    font-weight: bold;
    color: black;
}



#header .home {
    background-image: url('../img/home.png');
}
#header .back {
    background-image: url('../img/back.png');
}
#header .exit {
    background-image: url('../img/exit.png');
}
#header .left{
    float:left;
    font-size:4vw;
    color:white;
    height: 13vh;
    line-height: 13vh;
    
}
#header .right{
    float:right;
    font-size:4vw;
    color:white;
    height: 13vh;
    line-height: 13vh;
}

#header .umisteni{
    height: 13vh;
    width: 8vw;
    line-height: 13vh;
    float: right;
    display: inline-block;
    background-image: url(../img/umisteni.png);
    background-repeat: no-repeat;
    background-size: 13vh;
    text-align: center;
}
#header .umisteni span {
    position: relative;
    color: white;
    text-decoration: none;
    top: -18px;
    left: 9px;
    font-weight: bold;
    font-size: 0.8em;
}

@media (max-width: 959px)
{
    #header {
        height:9vh;
    }
    #header .left{
        font-size:5vw;
        height: 9vh;
        line-height: 9vh;
    }
    #header .right{
        font-size:5vw;
        height: 9vh;
        line-height: 9vh;
    }
    #header .buttonH{
        height:9vh;
        width:15vw;
       
    }
    #header .buttonHpopis{
        font-size: 0.5em;
        margin-top: 3vh;
        display: block;
        position: absolute;
        right: 2vw;
        font-weight: bold;
        color: black;
        display: none;
    }
    #header .umisteni{
        display: none;
    }
    
}

/*OBSAH*/
#content {
    text-align: center;
    position: absolute;
    width: 100%;
}

#content .uvodCenter{
    width: 40%;
    display: inline-block;
    text-align:center;
    margin: 0 auto;
    position:relative;
    float: left;
    min-width: 320px;
}
#content .uvodLeft{
    width: 30%;
    display: inline-block;
    text-align:center;
    margin: 0 auto;
    position:relative;
    float: left;
    min-width: 280px;
    
}
#content .uvodRight{
    width: 30%;
    margin-top:2%;
    min-width: 280px;
    text-align:center;
    margin: 0 auto;
    position:relative;
    display: inline-block;
    float: left;
}
@media (max-width: 959px)
{
    #content .uvodContainer{
        display: flex;
        flex-direction: column;
    }
    #content .uvodRight{
        width: 100%;
        order: 2;
    }
    #content .uvodCenter{
        width: 100%;
        order: 1;
    }
    #content .uvodLeft{
        width: 100%;
        order: 3;
    }
}

/*DETAIL*/
/* obecne nastaveni tabulek */ 
#detail td,th{
    padding:0.3vw;
}
#detail th{
    background-color: #474747;
}
#detail table tr:nth-child(even){
    background-color: rgba(0,0,0,0.6);
}


#detail .nadpis {
    padding-left:1%;
    width: 98%;
    text-align: left;
    
}

#detail .udaje {
    display: inline-block;
    width: 59vw;
    text-align: left;
    float: left;
}

#detail .hlavni table{
    font-size: 3.5vh;
    font-weight: bolder;
    float: left;
    color: white;
    width: 50%;
    background-color: rgba(0,0,0,0.7);
}
#detail .vedlejsi table{
    font-size: 3vh;
    color: white;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
}

#detail .udaje .fotka {
    width: 50%;
    float: left;
}


#detail .udaje .zoom {
    position: absolute;
    width: 60px;
    margin-left: 239px;
    margin-top: 138px;
}



#detail .funkce {
    display: inline-block;
    width: 38vw;
    float: right;
   
}

#testy_specifikace {
    width: 100%;
    
}

/* detail pro telefon */
@media (max-width: 959px)
{
    #detail .udaje {
        width: 100vw;
        margin: auto;
    }
    #detail .udaje .zoom {
        position: absolute;
        width: 10%;
        margin-left: 80%;
        margin-top: 43%;
    }
    #detail .funkce {
        width: 100vw;
    }
    
    #detail .udaje .fotka {
        width: 80vw;
        margin-left: 10vw;
        margin-bottom: 5px;
    }
    
    #detail .hlavni table {
        width: 100vw;
    }
    
    
    
}


#muj-profil{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


#fotky_vzv, .fotky_vzv {
    width: 100%;
    text-align: left;
    padding:1vw;
}


#map_hoder {
    
    
}


#mapa_uvod {
    width: 100%;
    
}
#map_holder .podMapa {
    display:none;
}

.button {
    display: inline-block;
    width: 100%;
    float: left;
    text-align: center;
    /*padding:3%;*/
    /*line-height: 35px;*/
    opacity:1;
    color:white;
    font-size:6vh;
    text-decoration: none;
}

.buttonUvod {
    display: inline-block;
    width: 100%;
    float: left;
    text-align: center;
    margin-top:2vh;
    padding-bottom: 2vh;
    padding-top: 2vh;
    margin-bottom:2vh;
    /*padding:3%;*/
    opacity:1;
    color:white;
    font-size:5vh;
    text-decoration: none;
}
.buttonDetail {
    display: inline-block;
    float: left;
    text-align: center;
    /*margin:1%;*/
    margin-bottom:3%;
    /*padding:5%;*/
    padding-top: 5%;
    padding-bottom: 5%;
    width: 100%;
    line-height: 35px;
    opacity:1;
    color:white;
    font-size:35px;
    text-decoration: none;
}

.buttonObecny {
    display: inline-block;
    text-align: center;
    padding: 3vw;
    margin: 2vw;
    opacity: 1;
    color: white;
    font-size: 4vw;
    text-decoration: none;
}
.buttonObecnyMaly {
    display: inline-block;
    text-align: center;
    padding: 1vh;
    margin: 1vw;
    opacity: 1;
    color: white;
    font-size: 3vh;
    text-decoration: none;
}
.buttonObecnyMini {
    display: inline-block;
    text-align: center;
    padding: 0.5em;
    opacity: 1;
    color: white;
    font-size: 1.5em;
    text-decoration: none;
}
.buttonSelect {
    display: inline-block;
    text-align: center;
    padding: 0.3em;
    opacity: 1;
    color: white;
    font-size: 1.6em;
    text-decoration: none;
    margin-right: 5px;
    margin-left: 5px;
}
.buttonAktivni {
    border: 3px solid #10d210;
}

.buttonRadkovy {
    display: block;
    text-align: center;
    padding: 3vw;
    margin: 2vw;
    opacity: 1;
    color: white;
    font-size: 4vw;
    text-decoration: none;
}

@media (max-width: 959px)
{
    .buttonRadkovy {
    
        font-size: 7vw;

    }

}


.buttonPrace {
    display: inline-block;
    text-align: center;
    padding: 2vh;
    margin: 1vw;
    opacity: 1;
    color: white;
    font-size: 3vh;
    text-decoration: none;
}
.buttonPrace img {
    position: relative;
    right: 0.5vw;
    top: 0.5vw;
    width: 3vw;
}

/*COLORS:*/
.colorDarkorange {
    background-color:#d9522c;
}
.colorGreen {
    background-color:#009900;
}
.colorRed {
    background-color:#ae193e;
}
.colorLightblue {
    background-color:#0099ab;
}
.colorLightGreen {
    background-color:#3eaf3e;
}
.colorOrange {
    background-color:#fba919;
}
.colorBlue {
    background-color:#2d87ef;
}
.colorBlueDarker {
    background-color:#27699c;
}
.colorViolet {
    background-color:#5b39b6;
}
.colorTifany {
    background-color:#3f8e86;
}
.colorGray {
    background-color:#474747;
}
.colorBlack {
    background-color:#000000;
}
.colorPurple {
    background-color:#49134a;
}
.colorDarkBlue {
    background-color:#18435d;
}
.colorDarkGreen {
    background-color:#024401;
}
.colorVZVRENT {
    background-color:#d4ff00;
}


/*WIDTHS:*/
.w25 {
    width: 25%;
}
.w50 {
    width: 50%;
}
.w75 {
    width: 75%;
}
.w100 {
    width: 100%;
}

#loading {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99998;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
}

#loading img{
    
    width: 25vw;
    margin-top: 45vh;
}



@media (max-width: 959px)
{
    .fancybox-nav span {
        height: 90px;
        width: 60px;
        margin-right: -25px;
        margin-left: -25px;
    }
    .fancybox-close {
        width: 80px;
        height: 80px;
        right: 0px;
        top: -60px;
        background-position: -37px 130px;
    }
    .fancybox-next span {
        right: 10px;
        background-position: 104px -213px;
    }
    .fancybox-prev span {
        left: 10px;
        background-position: -46px -35px;
    }

}


.dateRangePickerVikend {
    opacity: 0.5;
 }
 
 #timeoutPopup {
     position: absolute;
     width: 60vw;
     padding-top:5vh;
     padding-bottom:5vh;
     margin-top:15vh;
     right: 20vw;
     display:none;
     background: red;
     z-index: 9;
     font-size: 4vh;
     text-align: center;
     font-weight: bold;
     opacity: 1;
 }
 
 
#content .dovezenoLeft{
    width: 50%;
    display: inline-block;
    text-align:center;
    margin: 0 auto;
    position:relative;
    float: left;
    min-width: 320px;
}
#content .dovezenoRight{
    width: 50%;
    display: inline-block;
    text-align:center;
    margin: 0 auto;
    position:relative;
    float: right;
    min-width: 280px;
    
}
#content .odvezenoLeft{
    width: 50%;
    display: inline-block;
    text-align:center;
    margin: 0 auto;
    position:relative;
    float: left;
    min-width: 320px;
}
#content .odvezenoRight{
    width: 50%;
    display: inline-block;
    text-align:center;
    margin: 0 auto;
    position:relative;
    float: right;
    min-width: 280px;
    
}
@media (max-width: 959px)
{
    #content .dovezenoContainer,#content .odvezenoContainer{
        display: flex;
        flex-direction: column;
    }
    #content .dovezenoRight,#content .odvezenoRight{
        width: 100%;
        order: 1;
    }
    #content .dovezenoLeft,#content .odvezenoLeft{
        width: 100%;
        order: 2;
    }
}


.foto_element{
    width:31.3333%;
    float:left;
    height: 100px;
    margin:1%;
}


#uploadProgres 
{
    display: none;
    font-size: 10vh;
    background-color: rgba(174, 208, 255, 0.46);
    font-weight: bold;
}

.mk-trc label{
    color: white;
    font-weight: bold;
    font-size: 1.8em;
    margin-right: 10px;
}

#date_time_uvod{
    color:white;
    font-size:3em
}
#date_time{
    font-size: 4vh;
    line-height: 6vh;
    padding-left: 10px;
}
@media (max-width: 959px)
{
    #date_time {
        font-size: 2vh;
        line-height: 4vh;
        padding-left: 10px;
    }
}
@media (max-width: 500px)
{
    #date_time_uvod{
        font-size : 5vw;
    }
}


.formularSpecifikace strong{
    font-size: 1.5em;
}

.pozadavekPriprava {
    background-color: rgba(0, 0, 0, 0.6);
    color:white;
    font-size: 1.8em;
    padding: 1%;
    
}


.tabulkaFormular th {
    font-size: 2em;
    background-color: #1e2226;
}
.tabulkaFormular td {
    background-color: rgba(0, 0, 0, 0.57);
}
.tabulkaFormular tr {
    background-color: initial;
}
.tabulkaFormular tr:nth-child(even) {
    background-color: initial;
}
.tabulkaFormular input {
    color: white;
    border: 0;
    background-color: #464646;
    font-size: 1.6em;
    padding: 0.4em;
    border: 1px solid black;
    width: 80%;
}

@media (max-width : 500px)
{
    .tabulkaFormular th
    {
        font-size: 1em;
    }
    .tabulkaFormular td
    {
        font-size: 1em;
    }
}

#tabsSpecifikaceTest ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333333;
}

#tabsSpecifikaceTest li {
    float: left;
    font-size: 2em;
    
}

#tabsSpecifikaceTest li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    padding-left: 35px;
    padding-right: 35px;
    text-decoration: none;
}

#tabsSpecifikaceTest li a:hover {
    background-color: #111111;
}

#tabsSpecifikaceTest .nadpis {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    padding-right: 16px;
    padding-left: 16px;
    padding-left: 35px;
    padding-right: 35px;
    text-decoration: none;
}

#tabsDefault ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333333;
}

#tabsDefault li {
    float: left;
    font-size: 2em;
    
}

#tabsDefault li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    padding-left: 35px;
    padding-right: 35px;
    text-decoration: none;
}

#tabsDefault li a:hover {
    background-color: #111111;
}

.tabulkaSpecifikace th {
    font-size: 2em;
    background-color: #1e2226;
}
.tabulkaSpecifikace td {
    background-color: rgba(0, 0, 0, 0.57);
}
.tabulkaSpecifikace tr {
    background-color: initial;
}
.tabulkaSpecifikace tr:nth-child(even) {
    background-color: initial;
}
.tabulkaSpecifikace input {
    color: white;
    border: 0;
    background-color: #464646;
    font-size: 1.6em;
    padding: 0.4em;
    border: 1px solid black;
    width: 80%;
}

/* REGALOVY SYSTEM - TODO */

.grid-container {
    margin: auto;
    display: flex;
    flex-wrap: wrap-reverse;
    /*border: 1px solid red;*/
    background-color:#272626;
    color:white;
}

.grid-item {
    width: 70px;
    height: 60px;
    line-height: 60px;
    /*border: 1px solid green;*/
    margin: 1%;
    background-color: #636363;
    font-size: 38px;
    font-weight: bold;
}

.grid-item a {
    width: 100%;
    height: 100%;
}


.grid-title-row {
    width: 70px;
    vertical-align: middle;
    font-weight: bold;
    letter-spacing: 1px;
    margin: auto 1%;
}


.grid-title-column {
    width: 82px;
    position: relative;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 1%;
}

 .line-break {
  width: 100%;
}

/* REGALOVY SYSTEM - TODO */

.bigSelect, .bigMultiSelect
{
    margin: 3%;
    margin-top: 10%;
}
@media (max-width : 500px)
{
    .bigSelect a.item, .bigMultiSelect a.item
    {
        width: 100%;
    }
}

.datepickerBig
{
    overflow: scroll;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.95);
    width: 100%;
    height: 100%;
    z-index: 3;
    left: 0%;
    top: 0%;
    text-align : left;
}
.datepickerBig .item
{
    display: inline-block;
    /*margin: 1%;*/
    font-size: 2em;
    background-color: green;
    /*padding: 1%;
    padding-right: 1%;
    padding-left: 1%;*/
    color: white;
    /*padding-right: 2%;
    padding-left: 2%;*/
    text-decoration: none;
    text-align: center;
}
.datepickerBig .closeWrap
{
    display : flex;
    justify-content : flex-end;
    width: 100%;
}
.datepickerBig .close
{
    display: block;
    background-color: #ae193e;
    color: white;
    z-index: 1;
    text-align: left;
    padding: 1%;
    font-size: 5em;
    text-decoration: none;
    font-weight: bold;
    padding-left: 5%;
    padding-right: 5%;
}
.datepickerBig .radek
{
    width : 100%;
}

.autocompleteBig
{
    overflow: scroll;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.95);
    width: 100%;
    height: 100%;
    z-index: 3;
    left: 0%;
    top: 0%;
    text-align : left;
}
.autocompleteBig .closeWrap
{
    display : flex;
    justify-content : flex-end;
    width: 100%;
}
.autocompleteBig .close
{
    display: block;
    background-color: #ae193e;
    color: white;
    z-index: 1;
    text-align: left;
    padding: 1%;
    font-size: 5em;
    text-decoration: none;
    font-weight: bold;
    padding-left: 5%;
    padding-right: 5%;
}
.ui-menu-item
{
    list-style: none;
    background-color: white;
    padding: 10px;
}
.ui-autocomplete
{
    margin: 0;
    padding: 0;
    z-index: 4;
}

@media (max-width: 500px)
{
    .datepickerBig .item
    {
        /*padding-right : 1%;
        padding-left : 1%;*/
        margin : 0.9%;
    }
    
    .datepickerBig .day
    {
        width: 12%;
    }
    
    .datepickerBig .month
    {
        width: 17.5%;
    }
    
    .datepickerBig .year
    {
        width: 17.5%;
    }
    

    
    /*.datepickerBig .close
    {
        padding-left: 2vw;
        padding-right: 2vw;
        padding-top: 1vh;
        padding-bottom: 1vh;
    }*/
}
.active-foto-url {
    border: 5px solid #27699c;
    border-bottom: none;
    border-radius: 10px;
    background: #27699c;
}
.div-koncovka {
    text-align: center;
    width: 150px;
    margin-top: 20px;
    margin-left: 15px;
}


.img-param img{
max-width: 100px;
}

.bigSelect_block img{

}
.active-foto-url .popis-img-select{
   border-bottom-left-radius: 10px; 
   border-bottom-right-radius: 10px; 
}
.popis-img-select{
    background: #27699c;
    color: #FFFFFF;
    margin-top: -45px;
    padding-top: 15px; 
}


.foto_upload_zbozi {
    width:45%;
    margin-left:3%;
    float:left;
}

.udaje_zbozi
{
    width:45%!important;
    float:left!important;
}

.zbozi_poznamka {
    width: 100%;
    float: left;
}

.interni_hodnoceni {
    font-size: 50px;
    margin-top: 10px;
    float: right;
    color: white;
    width: 50%;
    text-align :center;
    padding : 15px 0;
}

.chuf
{
    background-color : #B9B9B9;
}

.ultra_chuf
{
    background-color : white;
    font-weight: bolder;
}

.standard
{
    background-color : #B9B9B9;
}

.prioritni
{
    background-color: #750000 !important;
}

.video-img
{
    background: url('../img/video.png') no-repeat;
    padding: 0 5px 0 25px;
    background-size: 16px;
    color: white;
    font-weight: bold;
}

@media (max-width: 959px)
{
    .interni_hodnoceni {
        width: 100%;
    }
}

/* Nabijecky */

.addButtonBox
{
    margin: 0 1.5% 0.5% 0;
    text-align: right;
}

.tabulkaNabijecka th {
    font-size: 1.2em;
    background-color: #1e2226;
}
.tabulkaNabijecka td {
    background-color: rgba(0, 0, 0, 0.57);
}
.tabulkaNabijecka tr {
    background-color: initial;
}
.tabulkaNabijecka tr:nth-child(even) {
    background-color: initial;
}
.tabulkaNabijecka input {
    color: white;
    border: 0;
    background-color: #464646;
    font-size: 1em;
    padding: 0.2em;
    border: 1px solid black;
    width: 80%;
}

.skryt {
    display: none;
}