.pre-mobil{widht:360px;height:640px;overflow:hidden;border: 2px solid black;background-color:#111111; border-radius: 16px;-webkit-box-shadow: 1px 1px 14px 1px rgba(0,0,0,0.83);
    -moz-box-shadow: 1px 1px 14px 1px rgba(0,0,0,0.83);
    box-shadow: 1px 1px 14px 1px rgba(0,0,0,0.83);
    padding:0px;margin:0px;
    position:relative;
}

.Brt-Code{overflow:hidden;background-color:#f2f2f2;border-radius: 8px; border: none; outline: none; font-size:13px;height:auto;display:block;width:96%;padding:10px 2% 10px 2%;margin:0px 2% 15px 2%;}

.cpointer{cursor:pointer}

/* ------- logování ------*/
.pre-mobil-login-bg{background-color: #092e3f;width:100%;height:inherit;padding-top:35px;
    background: #0b2531; /* Old browsers */
    background: -moz-linear-gradient(top,  #0b2531 0%, #185c7c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #0b2531 0%,#185c7c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #0b2531 0%,#185c7c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2531', endColorstr='#185c7c',GradientType=0 );
}
.btLogFlags{margin-bottom:45px;}
.flag{width:30px;height:23px;opacity:.7;border-radius:4px;filter: grayscale(100%);cursor:pointer;}
.flag:hover{opacity:1;filter: grayscale(0%);}
.flagActive{opacity:1;filter: grayscale(0%);}


.pre-mobil-login-logo{margin:0px auto 25px auto;width:40%;height:auto;}
.pre-mobil-login-logo img{width:100%;height:auto;}

.btLogIco{background-color:#071d27!important; border-radius: 4px 10px 10px 4px!important;}
.btLogIco .input-group-text{background-color:#071d27!important; border-radius: 4px 0px 0px 4px!important;border-style: none;}

.login_container {    padding: 0 2rem;}
.login_btn {    width: 60%;    background: #09222d !important;    color: white !important;}
.login_btn:focus {    box-shadow: none !important;    outline: 0px !important;}


/*------------hlavička nalogovaného ------------*/

.pre-mobil-nalogovan-bg{background-color: #ffffff;width:100%;height:inherit;position:relative;}

.brHeader{background-color: #092e3f;width:100%;height: 60px;padding:8px 15px 0px 15px;margin:0px;
  background: #0b2531; /* Old browsers */
  background: -moz-linear-gradient(top,  #0b2531 0%, #185c7c 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #0b2531 0%,#185c7c 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #0b2531 0%,#185c7c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2531', endColorstr='#185c7c',GradientType=0 );}

.boxSeaIcon{cursor:pointer;}

.SeaIcon{background-color:#175674;border-style: none;}
.boxSeaIcon:hover .SeaIcon{background-color:#0f6087;}

.btServices{background-color: #092e3f;padding:10px 0px 10px 0px;}
.btService{display:inline-block;}
.btServiceHref{color: #fae0a9;cursor:pointer;position:relative;}
.btServiceHref:hover{color: #ffffff;cursor:pointer;}
.btServiceHrefName{padding:0px 0px 0px 7px;display:inline-block;vertical-align: middle;}

.count-wrapper {position: relative;}
.upozorneniNBR{width:15px;height:15px;display:inline-block;position:relative;top:0px;}
.count-wrapper .count {position: absolute;width: auto;min-width: 8px;min-height: 8px;padding: 2px 4px;font-size: 75%;line-height: 1;vertical-align: middle;border-radius: 100%;color: #ffffff;font-weight: 500;}

.btContentKalendar{position:absolute;top:17%;height:80%;width:100%;overflow:hidden;}

.btContent{position:absolute;top:17%;height:80%;width:100%;overflow:auto;}
.btContentNoScroll{position:absolute;top:40%;height:80%;width:100%;overflow:hidden;}
.btContentScroll{position:relative;height:auto;}

.btNadpis{padding:25px 15px 15px 15px;color:#046c9e;font-size:18px;text-align:left;}

.RezTable{font-size: 11px;}
.RezTable td{padding:7px 9px;font-size: 11px;}


.RezTable {
  overflow-y: auto!important;
  overflow-x: hidden!important;
  height: 100px!important;
  background-color:red;
}

.RezTable th {
  position: sticky;
  top: 0;

}
.JmenoPokoje{display:block!important;padding: 17px 0px 15px 10px;margin: 4px 6px 10px 0px;height:55px;font-size:13px;}
.PrehledDnu{display:block!important;margin: 4px 0px 4px 0px;}

.wrapScroll {
  white-space: nowrap;
  overflow-x: auto;
  border: 1px solid orange;
}


.MainKalendar{position:absolute;top:24.6%;bottom:2%;width:100%;overflow-y:auto;overflow-x:hidden;}
.kalendarListPokoju{float:left;width:25%;}
.kalendarListDnu{float:left;width:75%;height: 100%;overflow-x:auto;overflow-y:hidden;}
/* ---------- ion ----------*/

.ion {    display: inline-block;    line-height: 1;    width:20px;     height:20px;  }
.ion10 {    display: inline-block;    line-height: 1;    width:10px;     height:10px;  }
.ion15 {    display: inline-block;    line-height: 1;    width:15px;     height:15px;  }
.ion25 {    display: inline-block;    line-height: 1;    width:25px;     height:25px;  }
.ion30 {    display: inline-block;    line-height: 1;    width:30px;     height:30px;  }

  .ion-white {
    filter: invert(100%);
  } 



  
.denObsaNew, .denObsaNewInfo{	opacity:.9;display: block;	position: relative;	width: 100%;	height: 42px;	margin: 0px 2px 3px 1px;	overflow: hidden;	text-decoration: none;	cursor: pointer;}
.denObsaNew:hover, .denObsaNewInfo:hover{opacity:1;-webkit-box-shadow: 0px 0px 3px 0px rgba(50,50,50,1);-moz-box-shadow: 0px 0px 3px 0px rgba(50,50,50,1);box-shadow: 0px 0px 3px 0px rgba(50,50,50,1);}

.denObsaNewInfo{cursor: zoom-in;}


.denObsa{	opacity:.9;display: block;	position: relative;	width: 26px;	height: 42px;	margin: 0px 2px 3px 1px;	overflow: hidden;	text-decoration: none;	float: left;	cursor: pointer;}
.denObsa:hover{opacity:1;-webkit-box-shadow: 0px 0px 3px 0px rgba(50,50,50,1);-moz-box-shadow: 0px 0px 3px 0px rgba(50,50,50,1);box-shadow: 0px 0px 3px 0px rgba(50,50,50,1);}

.denObsaJmDen{	display: block;	background-color: #9e9e9e;	color: White;	font-size: 11px;	text-align: center;	padding: 1px;}

.denObsaCont{position: relative;width: 100%;height: 42px;text-align: center;padding-top: 10px;}
.denGray{	background-color: #f2f2f2;}

.denVolny{	background: url(../images/b-den-volny.gif);background-repeat: no-repeat;  background-size: 100% 100%;}
.denVolnyObsa{	background: url(../images/b-den-obsazeny-start.gif);background-repeat: no-repeat;  background-size: 100% 100%;}
.denVolnyReze{	background: url(../images/b-den-reyervovany-start.gif);background-repeat: no-repeat;  background-size: 100% 100%;}
.denVolnyMaji{	background: url(../images/b-den-volny-majitel.gif);background-repeat: no-repeat;  background-size: 100% 100%;}

.denObsaz{	background: url(../images/b-den-obsazeny-full.gif);background-repeat: no-repeat;  background-size: 100% 100%;}
.denObsazVolny{	background: url(../images/b-den-obsazeny-konec.gif);background-repeat: no-repeat;  background-size: 100% 100%;}
.denObsazReze{	background: url(../images/b-den-obsazeny-konec-rezervovany.gif);background-repeat: no-repeat;  background-size: 100% 100%;}
.denObsazMaji{	background: url(../images/b-den-obsazeny-majitel.gif);background-repeat: no-repeat;  background-size: 100% 100%;}

.denReze{	background: url(../images/b-den-reyervovany-full.gif);background-repeat: no-repeat;  background-size: 100% 100%;}
.denRezeVolny{	background: url(../images/b-den-reyervovany-konec.gif);background-repeat: no-repeat;  background-size: 100% 100%;}
.denRezeObsa{	background: url(../images/b-den-obsazeny-start-rezervovany.gif);background-repeat: no-repeat;  background-size: 100% 100%;}
.denRezeMaji{	background: url(../images/b-den-reyervovany-majitel.gif);background-repeat: no-repeat;  background-size: 100% 100%;}

.denMaji{	background: url(../images/b-den-majitel-full.gif);background-repeat: no-repeat;  background-size: 100% 100%;}
.denMajiVolny{	background: url(../images/b-den-majitel-volno.gif);background-repeat: no-repeat;  background-size: 100% 100%;}
.denMajiObsa{	background: url(../images/b-den-majitel-obsazeno.gif);background-repeat: no-repeat;  background-size: 100% 100%;}
.denMajiReze{	background: url(../images/b-den-majitel-rezervace.gif);background-repeat: no-repeat;  background-size: 100% 100%;}


.denObsaNbr{display: block;color: #303030;text-align: center;font-weight: bold;padding: 0px;background-color: White;width: 22px;height: 22px;padding-top: 2px;margin: 0px auto 0px auto;font-size: 12px;}

.denObsaMesic{	display: block;	color: #454545;background-color: #9e9e9e;	font-size: 9px;	text-align: center;}

.obsaStetec{padding: 6px 0px 6px 0px;	display: block;	float: left;	width: 80px;	font-size: 15px;	font-weight: bold;}

a.obsaStetecButt{display: block;float: left;width: 130px;margin: 0px 5px 8px 5px;padding: 6px 0px 6px 0px;text-align: center;opacity: .5;cursor: pointer;text-decoration: none;font-size: 15px;font-weight: bold;color: White!important;border-radius: 4px 4px 4px 4px;	-moz-border-radius: 4px 4px 4px 4px;	-webkit-border-radius: 4px 4px 4px 4px;border: 2px solid #ffffff;}
a.obsaStetecButt:hover{	opacity:1;}

a.obsaStetecButtRezervace{display: block;float: right;width: 130px;margin: 0px 5px 8px 5px;padding: 6px 0px 6px 0px;text-align: center;opacity: 1;cursor: not-allowed;text-decoration: none;font-size: 15px;font-weight: bold;color: White!important;border-radius: 4px 4px 4px 4px;	-moz-border-radius: 4px 4px 4px 4px;	-webkit-border-radius: 4px 4px 4px 4px;border: 2px solid #ffffff;}
a.obsaStetecButtRezervace:hover{	opacity:1;}


a.obStBuSel{	opacity: 1;	border: 2px solid #000000;}


/*-------rezervation by day---*/
.BatRezDayBG{background: url(../images/rezervation-day-bg.png) repeat;padding:1px;background-position: top left;margin:0px!important;padding:0px!important;} /*opakuje se po 35pixelech šířky*/
.BatRezDayTD{padding:1px;!important;margin:0px!important;} 
.BatRezDayDay           {padding:2px 4px;color:white;font-size:10px;overflow:hidden;display:inline-block;height:44px;border-radius: 4px;margin: 0px 1px 0px 1px;line-height:1.3em;}
.BatRezDayDayVolny      {background-color:#30dca0;} /*opakuje se po 35pixelech šířky*/
.BatRezDayDayRezervovany{background-color:#fe2116;cursor:pointer;} /*opakuje se po 35pixelech šířky*/
.BatRezDayDayZavreny    {background-color:#ffa200;} /*opakuje se po 35pixelech šířky*/
.BatdenObsa{opacity:1;display: block;	position: relative;	width: 100%;	height: 40px;	margin: 0px 0px 0px 0px;	overflow: hidden;	text-decoration: none;	cursor: pointer;padding-top: 4px;}
.BatdenObsaNbr{display: block;color: #303030;text-align: center;font-weight: bold!important;padding: 0px;background-color: White;width: 22px;height: 22px;padding-top: 5px;margin: 0px auto 2px auto;font-size: 1em;}
.BatdenObsaName{display: block;text-align:center;	width: 100%;}


/*-------rezervation by day---*/