.rezTable td { font-size:10px  }
.rezTable td.hourcell{ font-size: 15px; }
.timecell{ font-size:9px }




.rezTable{ border-collapse: collapse; }
.rezTable td, .rezTable th{ border: 1px solid white; }
.rezTable th{ background-color: #eee; padding: 1px 2px 1px 2px; min-width: 30px; text-align:center }
.rezTable td { text-align: center; }

.cell_tempyour{ background-color: orange !important;  }
.cartday{ background-color: orange; }
.reservations2pay td{ border:1px solid white; background-color: #eee;  }
.reservations2pay td, .reservations2pay th{ padding: 2px 5px 2px 5px }
.cell_taken{ background-color: silver !important; }
.colorb{ display:inline-block; width: 25px; }
.legendlab{ padding: 2px 10px 2px 10px }
.hprice{ font-size: 80% }

#duration label{ margin-left: 7px;margin-bottom: 3px;}
#rezform{ padding:15px; margin:10px; }
.rezformTbl{ border-collapse: collapse; }
.rezformTbl td, .rezformTbl th{ border: 1px solid #e0e0e0; padding: 2px 5px 2px 5px }
.rezformTbl th{ white-space:nowrap }
.nowrap { white-space:nowrap }
.legenditm{ display:inline-block; float:left; margin:10px; height:20px;}
.bg-yell{ background-color: yellow; color:black !important; }	
.admrez{  cursor: pointer;  }
.cellAjaxWait{ background-color: red; }

.disabled-date{ color: red !important }

.rezpickgroup .active img{ filter: invert(1); }
.rezpickgroup img{ padding: 1px; }


.reservations2pay th{ word-break: break-word; }



@media screen and (min-width: 600px) {
    .mobile{ display:none }

}	
@media screen and (max-width: 600px) {
    .laptop{ display:none }
    .reservations2pay th{ font-size:80% }
}

@media (max-width: 400px){
	.rezTableLg th{ 
		background-color: #eee; padding: 1px;  text-align:center;
		font-size:70%
	}
	.rezTableLg .hourcell{ font-size: 75% }
}

.rezTableWrap{
  width: 100%;
  overflow-x: auto;	
}