/* Common | CSS rules common for all BE */
@import url(stratos/import/common.css);
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css2? family = Roboto & display = swap');
/*------------------------------------------------------------
HOTEL CUSTOM
------------------------------------------------------------*/

/* COLOR 1 : #212b55
--------------------------------------------
/* background-color color para la barra de busqueda de habitaciones */
.background-color1, #search_room legend, #search_room_legend, .room_box, .offertitle, .show_crossed_hotels, .modal-header, #curlang_bar, .languages #lbli-sv ul.LangMenum, .currencies #cbli-sv ul.CurrMenum, 
#booking_detail_legend, #guest_detail_box_legend, #payment_detail_box_legend, #payment_data_box_legend, #payment_note_box_legend, #cancellation_box_legend, 
.supplement_box, #index_box .language_box, #index_calendar legend, #dailyroom_table .tdsselected, #map_title .text_title, #distance_title .text_title, 
.feedback_box #room_description, #comment_table .comment_title {
	background-color: #ab8700;
	background: linear-gradient(-45deg,#fcf8e3,#ab8700 );
}

/* border-color */
.border-color1 {
	border-color: #ab8700;
}

/* comparator */
#comparator {
	overflow: hidden;
    background: #ab8700;
    background: -moz-linear-gradient(110deg, transparent 0%, transparent 67%, #16161e 67%, #16161e 100%);
    background: -webkit-linear-gradient(110deg, transparent 0%,transparent 67%,#16161e 67%,#16161e 100%);
    background: linear-gradient(110deg, transparent 0%,transparent 67%,#f5f5f5 67%,#8a6d3b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#16161e',GradientType=1 );
}


/* COLOR 2 : #2c2c2c
--------------------------------------------
/* background-color */
.background-color2, #header .h_tab:hover, #offerDescriptions .offerli:hover, .offertextup .specialoffer, #cbli-sv ul.CurrMenum li:hover, #lbli-sv ul.LangMenum li:hover, .btn-info, 
.btn-info:hover, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info, .btn-info:focus, .btn-info.focus, .btn-info:active:hover, .btn-info.active:hover, 
.open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, 
.btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus, td.caSelected, .show_crossed_hotels:hover, #comparator-div .loader:before {
	background-color: #ab8700;
}

/* color de iconos para las imagenes */
.color2, .search_options_persons div:before, #imgsmall a:before, .room_offer, #butts_act, #buttm_act, #butte_act, .imgradio, .simgradio, .checkboxu, .checkbox, 
#confirm_error #error:before, #setPrevious, #setNext, #freetable #free:before, .feedback_box #comment_point, .feedback_box #empty_point, 
.comment_details_box #comment_point, .comment_details_box #empty_point, #imgsmall a:hover:before, .mandatoryOffer, #booking_detail_table .total {
	color: #ab8700;
}

/* border-color */
.border-color2, .rate_box:hover {
	border-color: #ab8700;
}


.background-color1, #search_room legend, #search_room_legend{
    background-color: #fcf8e3;
     background: linear-gradient(-45deg,#ab8700,#f5f5f5 );
}

.img-thumbnail {
    display: inline-block;   
    max-width: 100%;
    height: auto;
    padding: 1px;
    line-height: 1;
    background-color: #f5f5f5;
    border: 1px solid #ab8700;
    border-radius: 6px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/* calendar background-color colores para calendario  */
td.caSelectedCheckIn, #mydiv1 table.cpBorder td.cpCurrentDate {
	background: #2c2c2c; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #2c2c2c 1%, #2c2c2c 87%, #FFFFFF 88%, #FFFFFF 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #2c2c2c 1%, #818181 87%, #FFFFFF 88%, #FFFFFF 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #2c2c2c1%, #818181 87%, #FFFFFF 88%, #FFFFFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

td.caSelectedCheckOut, #mydiv2 table.cpBorder td.cpCurrentDate {
	background: #2c2c2c; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #2c2c2c 1%, #2c2c2c 87%, #FFFFFF 88%, #FFFFFF 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #2c2c2c 1%, #818181 87%, #FFFFFF 88%, #FFFFFF 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #2c2c2c1%, #818181 87%, #FFFFFF 88%, #FFFFFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
}


/* COLOR 3 : rgba(0, 0, 0, .0001)
--------------------------------------------
/* box background-color */
.background-color3, #hotel_title #box_title, #search_room, #hotel_images, #top_bar, #message_noroom, .offertextup, .rate_box, #booking_detail, #confirmation_box, 
#cancellation_box, #options_box .box_icons, #gallery_title #box_title, #room_description_table .room_description_box, #room_facilities_table .room_facilities_box, 
#gallery_images_box, #text_description .text_description, #distance_description .text_description, .feedback_box > div, #index_calendar, 
#booking_read, .crossed_hotel_title #box_title, #message_box, #confirm_error, #index_box .general_box #box_title, #busytable, #freetable, 
#map, #comment_table, #view_price_table .daysrooms {
	background-color: #ffffff4f
}

/* color de iconos de busqueda - detalle - confirmacion */
.color3, .btn-info, #cbli-sv ul.CurrMenum li:hover, #lbli-sv ul.LangMenum li:hover, .offertextup .specialoffer, #offerDescriptions .offerli:hover, .fa-inverse, 
#mydiv1 table.cpBorder td.cpCurrentDate a, #mydiv2 table.cpBorder td.cpCurrentDate a, #offerDescriptions .offerli a:hover, #viewPrice:before,
.show_crossed_hotels:hover, .show_crossed_hotels a:hover {
	color: #f2dede;
}

/* border-color */
.border-color3 {
	border-color: rgba(0, 0, 0, .0001);
}


/* TITLE FONT : Questrial
--------------------------------------------
/* font-family */
.title-font, #room_description, #room_rate,#title_name, #search_room legend, #search_room_legend, #room_price, .offertitle, #offerDescriptions .offerdesc, .offertextup .specialoffer, 
.show_crossed_hotels, .modal-title, #booking_detail_legend, #guest_detail_box_legend, #payment_detail_box_legend, #payment_data_box_legend, #payment_note_box_legend, 
#cancellation_box_legend, #supplement_description, #index_calendar legend, #map_title .text_title, #distance_title .text_title, .feedback_box #room_description, 
#comment_table .comment_title, .crossed_hotel {
	  font-family: 'Roboto', sans-serif;
}

/*Color o imagen de fondo de toda la pagina*/
body
{
	background-color: rgb(255 255 255 / 20%);
	/*background-image: url("../images/hotel/3617/other/3617back_back.jpg");*/
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-attachment: fixed;
}

/*Color para el fondo de cabeza de pagina*/
.navbar
{
	background-color: #ffffffb8;
	color: #ab8700
}

/*Color de fondo y letras para el pie de pagina*/
#footer
{
	background-color: rgba(0, 0, 0, .0001);
	color: #ab8700;
}


#hotel_title #box_title, #index_box .general_box #box_title, #gallery_title #box_title 
{
	background-color: #333;
	background-image: url();
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
    height: 250px;
    }

#hotel_title #box_title, #index_box .general_box #box_title, #gallery_title #box_title
{
	background-color: #2c2c2c;
}


#hotel_title #box_title table, #index_box .general_box #box_title table, #gallery_title #box_title table
{
	display: none;
}

/*Fondo para letras reserva-info-mapa cuando se selecciona*/
#tab_act.h_tab.h_tab_book,
#tab_act.h_tab.h_tab_info,
#tab_act.h_tab.h_tab_map,
#tab_act.h_tab.h_tab_comments
{
	background-color: #ab8700;
}

/*Color de letras reserva info mapa cuando se selecciona*/
#tab_act.h_tab.h_tab_book a,
#tab_act.h_tab.h_tab_info a,
#tab_act.h_tab.h_tab_map a,
#tab_act.h_tab.h_tab_comments a
{
	color: #f5f5f5;
}

/*Fondo para letras de reserva-infor - mapa - comenta*/
#tab.h_tab.h_tab_info,
#tab.h_tab.h_tab_book,
#tab.h_tab.h_tab_map,
#tab.h_tab.h_tab_comments
{
	background-color: rgb(76 50 50 / 2%)
}

/*Color de letras pasa reserva info mapa comentario*/
#tab.h_tab.h_tab_info a,
#tab.h_tab.h_tab_book a,
#tab.h_tab.h_tab_map a,
#tab.h_tab.h_tab_comments a
{
	color: #ab8700 ;
}

/*Color del cursonr cuando pasa reserva info mapa*/
#tab.h_tab.h_tab_info a:hover,
#tab.h_tab.h_tab_book a:hover,
#tab.h_tab.h_tab_map a:hover,
#tab.h_tab.h_tab_comments a:hover
{
	color: #2c2c2c;
}


#dailyroom_table,
#options_box .box_icons,
#room_facilities_table .room_facilities_box, 
#gallery_images_box
{
	background-color: rgba(0, 0, 0, .075);
}


.pad-10.portal-offer,
.pad-10.background-color1.booking_detail_room_total,
.pad-10.background-color1.booking_detail_room_title,
.background-color1.title-font.large.text-center,
#dailyroom_table .tdsselected,
#curlang_bar, 
.languages #lbli-sv ul.LangMenum, 
.currencies #cbli-sv ul.CurrMenum, 
#room_other,
#room_description, 
#title_name, 
#search_room legend, #search_room_legend, 
.offertitle, 
#offerDescriptions .offerdesc, 
.offertextup .specialoffer, 
.show_crossed_hotels, 
.modal-title, 
#booking_detail_legend, 
#guest_detail_box_legend, 
#payment_detail_box_legend, 
#payment_data_box_legend, 
#payment_note_box_legend, 
#cancellation_box_legend, 
#supplement_description,
.supplement_conditions,
#index_calendar legend, 
#map_title .text_title, 
#distance_title .text_title,
#search_room legend, #search_room_legend
{
	color: #2c2c2c;
}


/*Color y fondo para icono de boton visualizar precio*/
#viewPrice:before
{
	background-color: rgba(0, 0, 0, .0001);
	color: #ab8700;
}


/*color boton busqueda detalle confirmacion*/

#butts, #buttm, #butte 
{
    color: #2c2c2c;
}



@media print
{
	* 
	{
				  -webkit-print-color-adjust: exact !important;
				   color-adjust: exact !important;
	}

	@page
	{
				   size: A4 landscape;
	}

	body
	{
				  background-image: none !important;
	}
	

	#top_bar,
	#footer,
	#chatbox
	{
				   display: none;
	}

	a, a:after
	{
				   content: normal !important;
	}

	#hotel_title #box_title table
	{
				   display: inherit;
	}
}

/*Color de boto de visualizar precios*/
.btn-info
{
    background-color: #2c2c2c ;
    border: 1px #ab8700 solid;
    color: #f5f5f5;
}
/*Cuando pasa el cursor sobre los botones de visualizar precio*/

.btn-info:hover
{
    background-color: #a07215;
    border: 1px #ab8700 solid;
    color: #ffffff;
}

.close {
    color: #fcf8e3;
}


.label-danger {
    background-color: #fcf8e3;
}

#offer_div .deactivate .btn-dismiss {
    background-color: #ab8700;
    color: #ffffff;
}

/*Children Age filter*/ 
.add_children select option:nth-child(1), 
.add_children select option:nth-child(2), 
.add_children select option:nth-child(3),
.add_children select option:nth-child(4), 
.add_children select option:nth-child(5), 
.add_children select option:nth-child(6), 
.add_children select option:nth-child(7),  
.add_children select option:nth-child(8), 
.add_children select option:nth-child(9), 
.add_children select option:nth-child(10), 
.add_children select option:nth-child(11), 
.add_children select option:nth-child(12), 
.add_children select option:nth-child(13),
 
{  
display: none;
 } 

 #hotel_title #box_title, #index_box .general_box #box_title, #gallery_title #box_title 
{
	background-image: 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: unset;
    height:0.5px;
}
#hotel_title #box_title table, #index_box .general_box #box_title table, #gallery_title #box_title table 
{
	display: none;
}

/*Logo del hotel*/
#hotel_title #box_title, #index_box .general_box #box_title, #gallery_title #box_title 
{
	background-image: url(https://secure.roomcloud.net/be/images/hotel/13690/other/13690_logo1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
    height: 250px;
    }

#hotel_title #box_title, #index_box .general_box #box_title, #gallery_title #box_title
{
	background-color: #e5e5e5;
}


#hotel_title #box_title table, #index_box .general_box #box_title table, #gallery_title #box_title table
{
	display: none;
}