/*************************    CALENDAR START   *****************************/
:root {
	--litepicker-container-months-color-bg: var(--white-color);
	--litepicker-container-months-box-shadow-color: var(--shadow-color);
	--litepicker-footer-color-bg: #fafafa;
	--litepicker-footer-box-shadow-color: var(--shadow-color);
	--litepicker-tooltip-color-bg: var(--white-color);
	--litepicker-month-header-color: var(--gray-900);
	--litepicker-button-prev-month-color: var(--gray-600);
	--litepicker-button-next-month-color: var(--gray-600);
	--litepicker-button-prev-month-color-hover: var(--gray-800);
	--litepicker-button-next-month-color-hover: var(--gray-800);
	--litepicker-month-width: calc(var(--litepicker-day-width) * 7);
	--litepicker-month-weekday-color: var(--gray-600);
	--litepicker-month-week-number-color: #9e9e9e;
	--litepicker-day-width: 38px;
	--litepicker-day-color: var(--gray-900);
	--litepicker-day-color-hover: var(--yellow-800);
	--litepicker-is-today-color: var(--yellow-400);
	--litepicker-is-in-range-color: var(--yellow-200);
	--litepicker-is-locked-color: var(--gray-500);
	--litepicker-is-start-color: var(--white-color);
	--litepicker-is-start-color-bg: var(--yellow-600);
	--litepicker-is-end-color: var(--white-color);
	--litepicker-is-end-color-bg: var(--yellow-600);
	--litepicker-button-cancel-color: var(--white-color);
	--litepicker-button-cancel-color-bg: var(--gray-600);
	--litepicker-button-apply-color: var(--white-color);
	--litepicker-button-apply-color-bg: #2196f3;
	--litepicker-button-reset-color: #909090;
	--litepicker-button-reset-color-hover: #2196f3;
	--litepicker-highlighted-day-color: var(--green-600);
	--litepicker-highlighted-day-color-bg: #d1e7dd;
}
/*************************    CALENDAR END    *****************************/

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--gray-700);
   
}



#change-btn{
   

}

.resume_span_container{

    background: var(--white-color);
    color: var(--gray-700);
}
.resume-dates{
	
}

.resume-dates-titles{

	color: var(--gray-700);
}



.be-rc-button{
	
	color: var(--gray-800);
}

.be-rc-button:hover{
	
	color: var(--gray-900);
	transform: scale(1.05);
}




body {
	background-color: var(--gray-100);
	color: var(--gray-800);
}


.price-font{
    color: var(--gray-700);
}
.basket-price-font{
    color: var(--gray-700);
}

.total-titles{
    color: var(--gray-700);
    
}

.basket_total_span{
	color: var(--yellow-800);
    
}

.span_total_prepaid{
	color: var(--gray-700);
}

.currency-font{
    color: var(--gray-700);
}


.treatment_desc{
    color: var(--gray-800);
}


.treatment-icon{
	color: var(--gray-800);
}

.blu-icon{
	color: var(--gray-800);
}


.calendar-not-available{
	
	background-color: var(--orange-600) !important;
	color: var(--white-color) !important;
	
}

.unselectable{
	
	background-color: var(--dark-grey-color);
}


.rate-col-desc {
	border-top: 1px  solid var(--gray-400);
	background-color: var(--gray-200);
}


/*****************************************************		STEP CURRENCY LANG HEADER	*******************************************************************/

#lang_bar_mobile {
	
	background-color: var(--light-grey-color);

}

#cur_bar_mobile {
	
	background-color: var(--light-grey-color);

}

#lang_bar {
	
	background-color: var(--light-grey-color);

}

#cur_bar {
	
	background-color: var(--light-grey-color);

}



.white-transparent{
background-color: var(--background-color);



}

/* Track */
::-webkit-scrollbar-track {
  background: var(--white-color); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--light-grey-color); 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--dark-grey-color); 
}

.sold-out{
	background-color: var(--dark-grey-color);
}

.shopping-cart-button {
  background-color: var(--gray-500);
  color: var(--white-color);
}



.fa-nav{
color: var(--dark-grey-color);
}

.fa-nav-selected{
color: var(--gray-700);
}


#search_room_legend {
    background-color: var(--light-grey-color);
}
#search_room_box {
  	background-color: var(--white-color);
}

/*                      RESULT  STYLE                      */


#info_box_icon{
    background-color: var(--yellow-300);
    color: var(--gray-600);
    border: 1px solid var(--yellow-600);
}


.search-result-head{

background-color: var(--gray-700);
color: var(--white-color);
}

 .facilities_div{
	
	border-top: solid 1px var(--gray-200);
	color: var(--gray-700);
}

/*                               END    RESULT                        */


.x-remove{
color:var(--orange-600);

}

.x-remove:hover{

	color:var(--blue-color);
	

}

.cart-remove{
	color:var(--orange-600);
	
}

.cart-remove:hover{

	color:var(--blue-color);
	
}



.input-no-line {
	
    border: 1px solid var(--gray-700);
    
}

.input-no-line:focus{
	    border: 2px solid var(--gray-700);
}

.input-no-line:focus-visible{
	    border: 2px solid var(--gray-700);
	    outline:none;
}



#sub_form_div_err_pg small{
	color:#a94442;
}

#payment_div{
	
	margin: 10px 0px;
    padding: 15px;
	background-color: var(--white-color);
	
}


.basket_arrow{
	
	
	color:var(--gray-700);

}

.basket_arrow:hover{

	color:var(--gray-700);
	
}

.confirm_msg{
    color: var(--gray-700);
}

.modal-close-span{
	color: var(--gray-700);
}

.modal-close-span:hover{
	color: var(--dark-blu-color);
}



.input-line:hover{
	border-bottom-color: var(--gray-700);
}

.input-line-calendar, .input-line-calendar-text{
	border-bottom-color: #aaaaaa;
	background-color:transparent;
	
}

.input-line-calendar:hover{
	border-bottom-color: var(--gray-700);
}

.input-line-calendar:focus {
	
	border-color: var(--gray-700);

}



.input-line:focus {
	
	border-color: var(--gray-700);

}


#open_privacy_modal{
	color: var(--gray-700);
}

#open_privacy_modal:hover{
	
	
	color: var(--dark-blu-color);
	
}


.box-btn {
border-color: var(--yellow-600);
background-color: var(--grey-color);
color: var(--yellow-800);
}

.occupancy-icon{

color: var(--gray-800);

}

.round-btn{

    border-color:var(--gray-700);
	background-color: var(--grey-color);
	color:var(--cyan-900);
}

.round-btn:hover{

   	border-color:var(--cyan-800);
	background-color: var(--grey-color);
	color:var(--cyan-600);
}



.room-number {
	color:var(--gray-700);
}



#calendar_search_group i{
	color: var(--gray-700);

}


.number-nights {
background: #0073b79c !important;
color: white !important;

border-right-style: dotted !important;
border-right-color: #f5f5f5 !important;

}



.selected-item{
	
    background-color: var(--gray-100);
    border-left: 3px solid var(--gray-300);
}

.all_rate_title{
    color: var(--gray-700);
}

.rm-cnt{
	
    background-color: var(--gray-100);
    border-left: 3px solid var(--gray-300);
	
}

.div-title{
	margin-bottom: 5px;
}

.title>hr{
border-top: 1px solid var(--gray-700);
}

.search-titles {
    
    color: var(--gray-700);
    
}




.active-hr{

	border-top: 2px solid var(--yellow-800) !important;
	
}

.local_taxes_hr{
	
	border-top: 1px solid var(--yellow-800) !important;

	
}


.item-divider {
    border-bottom: 1px dotted var(--gray-700);
}
.item-divider-cart {
    border-bottom: 1px dotted var(--gray-700);
}

/***************************** PAGE - LEFT COLUMN   ******************/

/************* Calendar section *************/
.calendar{
	
	color: var(--gray-700);


}


.calendar-icon {

background: #0073b7cc;
}

.calendar-icon-person{

background: var(--gray-700);
}

.div-room-num{
    COLOR: var(--gray-700);
}

.div-room-adult-quantity{
    background: #ffffff5e;
    border: 1px solid #ffffff;
}
.div-supp-adult-quantity{
	
    background: #f5f4f5;
    border: 1px solid #fff;
}
.div-room-child-quantity{
    background: #ffffff5e;
    border: 1px solid #ffffff;
}


.div-room-ages-quantity{
    background: #ffffff5e;
    border: 1px solid #ffffff;
}

.cart-discount-curr{
    color: #008000;
}
.cart-discount-price{
    color: #008000;
}
.cart-discount-desc{
	color: #008000;
}
.div-cart-discount-desc{
	color: #008000;
}

#cart-items{
	min-height: 0px;
    background-color: var(--white-color);
}
#search-items{
	padding: 5px 5px;
    background-color: var(--white-color);
}

#cart-products-alert>i{
	
	color:var(--orange-600);
}

.shopping-cart-button {
    background-color: var(--gray-500);
    color: var(--white-color);
}


div.property-title{
	background-color: var(--yellow-500);
	border: 1px solid var(--yellow-100);
	color: var(--gray-100);
	display: none;
}


.active_lang, .active_curr {
    background-color: var(--yellow-800) !important;
    color: white !important;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: var(--gray-700);
}


.active_curr {
	background-color: var(--black-color);
	color: white !important;
}

.active_lang {
	background-color: var(--black-color);
	color: white !important;	
}

.title-step>hr {
	border-top: 1px solid var(--gray-700);
}
UL.CurrMenu UL {
	LIST-STYLE: none none outside; Z-INDEX: 999; BORDER-BOTTOM: #dddddd 2px solid; POSITION: absolute !important; BORDER-LEFT: #dddddd 2px solid; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; 
WIDTH: 58px !important; PADDING-RIGHT: 0px; BACKGROUND: #f2f2f2 0px 0px; VISIBILITY: hidden; TOP: 17px; PADDING-TOP: 0px; LEFT: -2px
}

UL.CurrMenu LI {
	POSITION: relative !important; PADDING-BOTTOM: 0px !important; MARGIN: 0px; PADDING-LEFT: 0px !important; 
WIDTH: 58px !important; PADDING-RIGHT: 0px !important; DISPLAY: block !important; FLOAT: left !important; HEIGHT: auto; PADDING-TOP: 0px !important
}
UL.CurrMenu LI A:hover {
	POSITION: relative !important; BACKGROUND-COLOR: #333333; FONT: 12px Verdana; COLOR: #fff !important; TEXT-DECORATION: none
}

UL.CurrMenu A {
	Z-INDEX: 999; TEXT-ALIGN: left; DISPLAY: block; FONT: 11px Verdana; FLOAT: right !important; HEIGHT: 18px !important; COLOR: #333333; CURSOR: pointer !important; TEXT-DECORATION: none !important; font-size-adjust: none; font-stretch: normal
}

.CurrMenu1 {
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 9px; 
	
	WIDTH: 53px !important; 
	PADDING-RIGHT: 0px; 
	MARGIN-RIGHT: 0px; 
	TEXT-DECORATION: none !important; 
	PADDING-TOP: 1px; 
	COLOR: #fff !important; 
	border:1
	
}
.CurrMenu1:hover {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BACKGROUND-COLOR: #333333; 
	WIDTH: 54px !important; COLOR: #fff !important; BORDER-TOP: medium none; FONT-WEIGHT: normal !important; BORDER-RIGHT: medium none
}
.CurrMenu1 SMALL {
	COLOR: #ffffff; FONT-SIZE: 11px;
}
.CurrMenu1:hover SMALL {
	COLOR: #fff; FONT-SIZE: 11px
}



/*end currency*/

/****************************** Search Results section *******************/
#daysselected {
    background: var(--white-color);
   

}

#daysselected_header{
	color:var(--gray-700);
}

.icon-change-warning{
	
    color: #ff8c00;
}
#src_change{
	background: #faf88e;
    
}
.src_change {
    background: #faf88e;
    
}
.src_change i {
    vertical-align: middle;
    color: #ff8c00;
}



#alert-div{
	width:100%;
    background-color: var(--orange-600);
    color: var(--white-color);
    border-bottom: 2px solid var(--white-color);
    }

#alert-div i{
	
    color: var(--white-color);
  
}

#alert-div span{

    color: var(--white-color);
}



.offer_title {
    box-shadow: 3px 3px 3px var(--shadow-color);
}

#offerDescriptions .carousel-control{
	
	color: var(--yellow-100);
}
.offertitle {
	
	background-color: var(--yellow-200);
    border: 1px solid var(--yellow-400);	
	
}

.offer-box:hover{
	    
	    border-left: 2px solid var(--yellow-300);
}

.remove_supps{
	background-color: var(--red-600) !important;
	border: 1px solid var(--red-800) !important;
	color: var(--white-color) !important;
}

.prepaid-titles{   
    color: var(--gray-700);
}
.main-pg-div{
	background-color: var(--white-color);
	
}
.pg_sel{
	background-color: var(--gray-100);
	border: 1px solid var(--gray-300);
}

.pg-hr{
	
    border: 1px solid var(--gray-200);
}

.label-available {
	background: var(--white-color);
	color:var(--gray-700);
	border: 1px solid var(--cyan-900);

}

.label-available-last {
	
    background:var(--orange-600);
    color:var(--white-color);

}

#instruction_title{
	
	color:var(--gray-700);
}

.guest-title{
    color: var(--gray-700);
}

.room-hr{
	border-top: 1px solid var(--light-grey-color);
	
}


.address-hr{
	border-top: 1px solid var(--dark-grey-color);
	
}

.room-title{
	color:var(--gray-700);
	
	
}



.label-room-quantity {
	
    color: var(--gray-700);
}

.last-available{
	color:var(--orange-600);
} 

.label-room-quantity-desc {
	color:var(--cyan-800);
	
}





.label-best-price {
	
	background: #5cb85c;
	color:white;
}

.label-offer{
	color: var(--orange-600);
	background-color:var(--white-color);
	border:1px solid var(--orange-600);
	
}


/********************** Rate Item section ********************/
.cancellation_text{
color: var(--green-500);


}

.cancellation_text-nr{
	
	color:var(--orange-600);
}

.cancellation_text-pr{
	color: var(--green-600);
	
	
}

.div_mandatory_div{
	color: var(--orange-600);
}

.rate-item{
   
    border-top: 0px solid #fefefe;
    border-bottom: 0px solid #dbdada;
    border-left:0px solid var(--gray-700);
}

.product-col{
	background-color: var(--white-color);
	border-left:2px solid var(--white-color);
	border-top: 1px solid var(--gray-200);
	border-bottom: 1px solid  var(--white-color);
	
}

.product-col:hover{
	background-color: var(--gray-100);
	border-top: 1px solid var(--gray-200);
	border-left:2px solid var(--yellow-600);
	border-bottom: 1px solid var(--gray-300);
	
}

.occupancy-center{

    color: var(--gray-700);
}

.rate-title{
	color: var(--gray-700);
}


.label-supp-best-price {
	
	background: #5cb85c;
	color:white;
}
.label-supp-price-type {
	
	background: darkgoldenrod;
	color:white;
}

.cart-supp-room-desc {
    color: var(--gray-700);
}
.label-supp-total {
	background: #5fa5cfc4;
	color:white;
}



.row-totale{
	border-bottom: 0px solid #dfdfdf;
    border-top: 0px solid #dfdfdf;
    background: whitesmoke;
  
}

.div-supp-item-title{
    color: var(--gray-700);

}
.supp-item{
    border-top: 0px solid #fefefe;
    border-bottom: 0px solid #dbdada;
    background: #fff;
}


.supp-block{
	background: var(--gray-200);
	border-left:2px solid var(--white-color);
	border-top: 1px solid var(--gray-400);
}

.supp-block:hover{
	background-color: var(--gray-300);
	border-left:2px solid var(--yellow-600);
	border-top:1px solid var(--gray-500);
}


.div-supp-room-title{
	color: var(--gray-700);
	background-color: #fff;
}

.div-supp-room-title-container{
	border-bottom: 1px solid var(--gray-200);

}

.div-supp-title{
	background: #fff;
}

.modal-title{
	color: var(--gray-700);
}

.room-detail-icon{

color: var(--gray-700);
}


#rc_powered_inner{

    background-color: var(--cyan-800);
}


#rc_powered_inner > span{
	color: var(--white-color);
}

.box-btn-remove {
    border-color: #b2222247;
    background-color: #b222221c;
    color: #b22222;
}
.room-number-supp {
   
    color: #0073b7;
}
.room-number-supp-block {
    background-color: none;
    color: #0073b7;
}
.cart-supp-rate-desc {
    color: var(--gray-700);
 
}


.cart-products-items{

    background-color: #fff;
}
.cart-taxes{

    background-color: #fff;
}

.book-block{
	background: #fff;

}
.book-payment-block{
	background: #fff;
}
.book-privacy-block{
	background: #fff;
}

.room-number-num{
	color:var(--gray-700);
}


.btn-two{
    background-color: var(--cyan-800);
    color: var(--white-color);
    border: 1px solid var(--cyan-600);
}

.btn-two:hover, .btn-two:focus{
	color: var(--white-color);
	
}

.btn-one{
	background-color: var(--yellow-600);
	color:var(--white-color);
	border:1px solid var(--yellow-800);
}

.btn-one:hover, .btn-one:focus {
	color: var(--gray-100);
	
}

.btn-grey{
	background-color: var(--gray-200);
	color:var(--white-color);
	border:1px solid var(--gray-400);
}

.room-number-num-supp-block{

    color: #0073b7;

}




.cart-room-desc {
    color: var(--gray-700);
}


.basket-occupancy-icon{
	color: var(--gray-700);
}


#basket-tab{
	margin-top: 10px;
	background-color: var(--white-color);
	
    /*padding: 5px;*/
}

    
.best-price-span{
    color: var(--gray-700);
}

    
#close_basket_hr{
	border-top: 1px solid var(--light-grey);
}    

.basket_hr{
	border-top: 1px solid var(--light-grey);
}
 
.cart-cls{
	background-color: var(--white-color);
}
.cart-cls-floating{
	background-color: var(--white-color);
	border: 1px solid var(--gray-500);
	
}   
  

#floating_basket_footer_icon_div{
	
	
	background-color: var(--cyan-800);
	border:2px solid var(--gray-300);
	
}
  
  
  
    
#floating_basket_footer_icon{
	
	color: var(--white-color);
	
} 
 
#floating_basket_footer_content{

	border:2px solid var(--gray-300);
	background-color: var(--cyan-800);
   }


#floating_basket_footer_total>span{
	
	color: var(--white-color);
	
}


#basket-action{
	border: 2px solid var(--dark-blu-color);

}


#basket-action-message-ok{
	color: var(--yellow-800);
}

#basket-action-message-no{
	color: var(--yellow-800);
}


.adults_span_error {
	color: var(--orange-600) ;
}


.show_crossed_span{
	color: var(--gray-700);
}

.show_crossed_span:hover{
	color: var(--gray-700);
	
}

/**************************   COMPARATOR START  **************************************/

#comparator_loader:before {
 
    background-color: var(--yellow-800);
}


#comparator {

overflow: hidden;
background:
linear-gradient(45deg, var(--cyan-800) 0%,var(--cyan-800) 60%,transparent 61%,transparent 100%),
linear-gradient(135deg, var(--cyan-800) 0%,var(--cyan-800) 60%,transparent 61%,transparent 100%),
linear-gradient(45deg, #ffffff 0%,#ffffff 62%,transparent 62%,transparent 100%),
linear-gradient(135deg, #ffffff 0%,#ffffff 62%,transparent 62%,transparent 100%),
linear-gradient(45deg, var(--cyan-800) 0%,var(--cyan-800) 62%,transparent 63%,transparent 100%),
linear-gradient(135deg, var(--cyan-800) 0%,var(--cyan-800) 62%,transparent 63%,transparent 100%);
border: solid 1px var(--yellow-500);
}

@media only screen and (max-width: 420px){

	#comparator {
		background:
			linear-gradient(45deg, var(--cyan-800) 0%,var(--cyan-800) 42%,transparent 43%,transparent 100%), 
			linear-gradient(135deg, var(--cyan-800) 0%,var(--cyan-800) 42%,transparent 43%,transparent 100%), 
			linear-gradient(45deg, #ffffff 0%,#ffffff 43%,transparent 43%,transparent 100%), 
			linear-gradient(135deg, #ffffff 0%,#ffffff 43%,transparent 43%,transparent 100%), 
			linear-gradient(45deg, var(--cyan-800) 0%,var(--cyan-800) 43%,transparent 46%,transparent 100%), 
			linear-gradient(135deg, var(--cyan-800) 0%,var(--cyan-800) 43%,transparent 46%,transparent 100%);
		border: solid 1px var(--yellow-500);
		display: list-item;
		justify-content: space-between;
	}
	

}
.best-offer {
	
	color:var(--gray-100);
}

.site-offer{
	
	color:var(--gray-100);
}


.portal-offer{
	color:var(--gray-800);
}



/**************************   COMPARATOR END  **************************************/

/*************************    PAGE LOADER SPIN START *****************************/
.loader {
  border: 10px solid var(--gray-300); 
  border-top: 10px solid var(--yellow-800); 
 

}

/*************************    PAGE LOADER SPIN END *****************************/

/************************ NEW USER AREA ***********************************/


.main-background-color{
	background-color: var(--yellow-300)!important;
}
.main-text-color{
	color:#fefefe;
}

/************************ NEW USER AREA END ***********************************/