/** * ======================================= * Classi per i calendari riservazione * ======================================= */
.hotelOfferAdmin .adminBox{margin:0 5px 0 -20px !important;width: 20px !important;padding:0 !important;background-color:#000 !important; border:0 !important;}
#hotelContent input, #hotelContent select, #hotelContent textarea{background-color:#fff; border: 1px solid #fff;}
#hotelContent .boxContent{padding:0 20px;}
#hotelContent .tabellaForm th{font-family: futuraBold,'Trebuchet MS',Arial,Sans-Serif; font-size: 14pt;}
.nodayBG{border:0 !important;background-color:#f5f5f5;}
.dayBG{border:1px solid #aaa !important;  color:#aaa !important;background-color:#e5e5e5;}
.todayBG{border:1px solid #000 !important; font-weight: bold; filter: drop-shadow(0 5px 7px black);}
.calendarBG{border:1px solid #000 !important;  color:#fff !important;background-color:#3399ff;}
.bloccoBG{border:1px solid #000 !important;  color:#fff !important;background-color:#ff3333;}
.puliziaBG{border:1px solid #000 !important;  color:#fff !important;background-color:#3399ff;}
.esauriteBG{border:1px solid #000 !important;  color:#fff !important;background-color:#ff3333;}
.riservaBG{border:1px solid #000 !important;  color:#fff !important;background-color:#6DACE0;}
.stagioniBG{border:1px solid #000 !important;  color:#fff !important;background-color:#33CC00;}
.stagLowBG{border:1px solid #000 !important;  color:#444 !important;}
.stagMidBG{border:1px solid #000 !important;  background-color:#FFE399;color:#444 !important;}
.stagHighBG{border:1px solid #000 !important;  background-color:#FFB07F;color:#444 !important;}
.selectedBG{border:1px solid #279BFF !important;  color:#279BFF !important;}
.calendarLegend{display:block;float:left;width:100%;font-weight:bold;padding:10px 0 30px 0;border-top:1px dotted #999;font-size:10pt;}
.calendarLegend .exemple{padding:3px;font-size:10pt;}
.riservastagioniBG{color:#006699;border:1px solid #006699;background-color:#33CC00;}
.monthyear{font-size:14px; font-weight:bold; color:#000; border-top:0 !important; border-bottom:1px solid #333; }
.monthyear div{text-align:center; }
.dayName{font-size:10px; font-weight:bold; color:#555; text-align:center; border-top:0 !important; }
#monthView{display:block; margin:0 auto; text-align: center;}
#monthView .daynames{display:inline-table; margin:10px; vertical-align: top;}
#monthView .daynames .dates td{text-align:center; color:#aaa;}
.stagioni-desc{float:left;  margin:0 20px 20px 0;}
#rowCamere{display:none; }
.rowCamere h2{color: #911215 !important;}
.rowCamere th, .rowCamere td{border-top:4px solid #333 !important;}
.rowCamere th th, .rowCamere td td{border-top:0 !important;}
.rowCamere .textContent{display: none !important;}
.rowCamere .galPercent{width: 100% !important;}
.rowCamere .imgGalleryVertL{margin: 0 !important;}
.rowCamere .globalBox{padding: 0 0 40px 0 !important;} 
.tabCamere th, .tabCamere td{vertical-align: middle !important;}
.tabCamere .titleRoom{font-family: futuraBold,'Trebuchet MS',Arial,Sans-Serif; color:#000; width: 210px; min-width: 210px; font-weight: bold; font-size: 20px; text-transform: uppercase;}
.tabCamere label{font-weight: normal !important;}
.rowCamera th, .rowCamera td{border-top:1px solid #666 !important; padding:20px 10px !important; vertical-align: middle !important; }
.rowCamera b{font-family: futuraBold,'Trebuchet MS',Arial,Sans-Serif;}
.rowCamera .popup-hover img{vertical-align: top !important;}
.rowCamera td:first-child{width: 60%;}
.rowCamera .center, .rowCamera .text-right{width: 150px;}
.camPres{padding:0 0 80px 0 !important; background-color:#eee;}
.camPres th, .camPres td {vertical-align: top !important;}
.camPres h1{display: none;}
.camPres .textContent{padding:0 10px !important; display: table;}
.camPres .galPercent{width: 35% !important;}
.camPres .imgGalleryVertL, .camPres .imgGalleryVertR{margin:0; height: auto !important;}
.camPres .imgGalleryVertL{ padding: 0 10px 0 0; }
.camPres .imgGalleryVertL .imgBox{ margin:0; }
.camPres .imgGalleryOrizzontal { margin: 0; text-align: left; }
.camPres .buttonBookNow, .camPres .titleBotBlack, .camPres h2:first-child{display: none;}
.roomSelected{display: none;}
.boxContentTitle{font-family: futuraBold,'Trebuchet MS',Arial,Sans-Serif; text-transform: uppercase; padding: 10px 0; margin: 0; color: #911215;}
.boxContentTitle img{vertical-align: middle; width: 30px !important; height: 30px !important;}
.boxContentTitle p{display:inline-block;}
.bloccoBG{background-color:#F33;}
.totalCell{text-align:right !important;min-width: 70px;}
.totalPrice{font-weight:bold;  text-align:right !important;min-width: 70px;}
.rowAddRoom .active{background-color:#eee;}
.rowAddRoom .addRoom{background-color:#911215; color:#fff; cursor:pointer; padding:3px 5px;}
.rowAddRoom .addRoom:hover{background-color:#c7181c;}
.deleteButHtml{position:absolute; vertical-align:middle !important;  margin:1px -25px 0 0; cursor:pointer;}
.deleteRoomRow{width: 20px; height: 20px; background:url('../../img/admin/cross.png') no-repeat center center; background-size: contain;}
#listClients .hidden{display:none;}
#listClients .selected th, #listClients .selected td{background-color:#eee;}
#listClients .selected th .select-user{background-color:#666;  color:#fff;  border:1px solid #333;}
#listClients .select-user{background-color:#eee;  cursor:pointer;  border:1px solid #aaa;  margin:2px 0;  padding:2px 5px;  text-align:center;}
#listClients .select-user:hover{background-color:#F60;  color:#fff;  border:1px solid #333;}
#listClients .filterCancel{background-color:#eee;  cursor:pointer;  border:1px solid #aaa;  margin:2px 0;  padding:2px 5px;  text-align:center;}
#listClients .filterCancel:hover{background-color:#F33;  color:#fff;  border:1px solid #333;}
.avvisoNatale{display: block; margin: 0 0 20px 0; padding: 10px; background-color: #911215; color: #fff;}
.avvisoNatale h3, .avvisoNatale p, .avvisoNatale a{color: #fff !important; padding: 0;}
.avvisoNatale h3{font-size: 14pt;}
.avvisoNatale .christmas{padding: 5px; float: left;}
#logoHotel { position:absolute; height: 60px; z-index:100; cursor: pointer; }
.groupBoxMonth{background-color: #777;}
.select-adult, .select-child{width: 180px;}
.bookingVerifyBox{display:table; white-space:nowrap; width: 100%; padding: 0; margin: 0;}
.bookingVerifyBox table{width: 100%;}
.bookingVerifyBox input, .bookingVerifyBox select{width: 50%; margin: 10px 0; padding: 10px;}
.bookingVerifyBox th {font-family: futuraBold,'Trebuchet MS',Arial,Sans-Serif; font-size: 14pt; }
.bookingVerifyBox .blue-button{width: auto; padding: 10px 20px;}
.discountRoom{background-color: #333; color:#fff; padding: 0 0 0 5px; display: table; vertical-align: middle; width: 100%; margin: 20px 0;}
.discountRoom .button{float: right; display: inline; vertical-align: middle;}
.discountRoom .discountText{display: table-cell; vertical-align: middle; padding: 5px; text-align: left !important;}
.greyText{color: #777;}
.formWizardButtons {padding: 20px 0; bottom: 0; position: fixed; width: 100%; margin: 0; left: 0; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.4); z-index: 1000;}
.tabOffers .selectOffer{padding: 5px; margin: 5px 0; border:1px solid #333; border-radius: 5px; background-color: #ddd; cursor:pointer;}
.tabOffers .selectOffer:hover{background-color: #333; color: #fff;}
.tabOffers .selectOffer.active{background-color: #911215; color: #fff;}
.tabOffers .selectOffer h3{padding: 0 0 5px 0 !important;}
.tabOffers .selectOffer b{padding: 5px 0 !important;}
/* --------------------------- Responsive --------------------------- */
@media (max-width:940px){
.select-adult, .select-child{width: auto;}
}
@media (max-width: 870px){
.rowCamere th, .rowCamere td{border-top:0 !important;}
.tabCamere .titleRoom{font-size: 26px; border-top: 2px solid #333 !important; background-color: #aaa !important; text-align: center !important;}
.tabCamere th, .tabCamere td{width:100% !important; display:block; text-align: justify !important; }
#monthView th, #monthView td{width:auto !important; display:table-cell !important; text-align: center !important; }
#monthView .calMonth1, #monthView .calMonth2, .tabCamere thead{display: none;}
.tabCamere .input-breakfast{margin: 0 5px;}
.tabCamere .camPres .textContent{padding:0 !important;}
.tabCamere .camPres .galPercent{width: 100% !important; padding-bottom: 20px !important;}
.tabCamere .totalCell, .tabCamere .totalPrice{font-size: 16px; font-weight: bold; text-align: right !important; margin-top: 0 !important;}
.tabCamere .totalPrice{font-size: 24px;}
.onlyMobile{display: inline-block;}
.hideMobile{display: none;}
}
@media (max-width:650px){
#tabs-riservazione .boxTab .titBox{display: block; width: 70%; padding-top: 9px; padding-bottom: 0; font-size: 16px; }
#tabs-riservazione .boxTab .titBox, #tabs-riservazione .boxTab .single, #tabs-riservazione .boxTab .double{padding-right: 7%; }
#tabs-riservazione .boxTab .single, #tabs-riservazione .boxTab .double{padding-top: 5px; padding-bottom: 0; font-size: 12px; }
#tabs-riservazione .boxTab input, #tabs-riservazione .boxTab select{font-size: 12px; padding: 2px; }
#tabs-riservazione .boxTab .butBox{padding: 20px 0 0 0; font-size: 12px; }
.tabStepPrenota ul{text-align: center;}
.tabStepPrenota li{margin:0 !important;}
.tabStepPrenota .textStep{display: none;}
.tabStepPrenota .attivoStepPrenota{background-color: inherit;}
.bookingVerifyBox{padding: 0 0 20px 0;}
.bookingVerifyBox .inputVerStart, .bookingVerifyBox .inputVerNight, .bookingVerifyBox .inputVerButton{display: block; padding: 20px 20px 0 20px !important; width: 100%; }
.bookingVerifyBox input, .bookingVerifyBox select{display: block; width: 100%; padding: 10px !important;}
.bookingVerifyBox .inputVerButton input{background: #222; text-align: center; }
.bookingVerifyBox .title{display: block;}
.tabCamere .addRoom{display: block;}
.tabCamere .popup-hover{width: 100%; left: 0; border-radius: 0;}
}