/* Common | CSS rules common for all BE */
@import url("stratos/import/common.css");
@import url("https://fonts.googleapis.com/css?family=Lato:400,700"); /*Default font*/

/*------------------------------------------------------------
COMMON CUSTOM
------------------------------------------------------------*/

/* COLOR 1 : #1289D5
--------------------------------------------
/* background-color */
.background-color1, #search_room legend, #search_room_legend, 
.offertitle, 
.show_crossed_hotels, 
.modal-header,
td.caSelected,
#header .h_tab:hover,  
#cbli-sv ul.CurrMenum li:hover, 
#lbli-sv ul.LangMenum li:hover, 
#booking_detail_legend, 
#guest_detail_box_legend, 
#payment_detail_box_legend, 
#payment_data_box_legend, 
#payment_note_box_legend, 
#cancellation_box_legend,  
#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: #1289D5;
}

/* color */
.color1, .supplement_box,
.search_options_persons div:before, 
#imgsmall a:before, 
.room_offer, 
.imgradio, 
.simgradio, 
.supplement_box_title,
#supplement_room_description,
#supplement_rate_description, 
#supplement_description,
#confirm_error #error:before, 
#setPrevious, 
#setNext, 
#freetable #free:before, 
.supplement_box_checkbox,
.checkbox,
.supplement_box_checkboxu,
.checkboxu,
.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: #1289D5;
}

/* border-color */
.rate_box:hover {
	border-color: #1289D5;
}

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

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


/* COLOR 2 : #000000
--------------------------------------------

/* color */
.color2,  
#cbli-sv ul.CurrMenum li:hover, 
#lbli-sv ul.LangMenum li:hover, 
.offertextup .specialoffer, 
#offerDescriptions .offerli:hover,  
#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,
#dailyroom_table,
#map_title,
.btn-info, 
.modal-body,
#room_other .modal-body
 {
	color: #000000;
}

/* COLOR 3 : #FFFFFF
--------------------------------------------

/* box background-color */
.rate_box,
#hotel_title #box_title,  
#hotel_images, 
#top_bar, 
#message_noroom, 
.offertextup, 
.supplement_box,
#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, 
.comment_details_box, 
#index_calendar, 
#booking_read, 
.crossed_hotel_title #box_title, 
#message_box, 
#confirm_error, 
#index_box .general_box #box_title, 
#busytable, 
#freetable, 
#map, 
#comment_table{
	background-color: #FFFFFF;
}
 
.offertextup .specialoffer, 
#curlang_bar, 
.languages #lbli-sv ul.LangMenum, 
.currencies #cbli-sv ul.CurrMenum, 
.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, 
.show_crossed_hotels:hover,
#top_bar #navigation_bar, 
#top_bar #curlang_bar  {
	background-color: #FFFFFF;
}

/* border-color */
.rate_box{
	border-color: #FFFFFF;
}

/* color */
.color3, 
#search_room legend, #search_room_legend, 
#booking_detail_legend, 
#guest_detail_box_legend, 
#payment_detail_box_legend, 
#payment_data_box_legend, 
#payment_note_box_legend, 
#cancellation_box_legend,
#butts_act .fa-inverse, 
#buttm_act .fa-inverse, 
#butte_act .fa-inverse,
#butts .fa-inverse, 
#buttm .fa-inverse, 
#butte .fa-inverse,
.offertitle,
.modal-header{
	color:#FFFFFF;
}
 



/* TITLE FONT : Lato
--------------------------------------------
/* 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 {
	font-family: "Lato", sans-serif;
}



/*------------------------------------------------------------
HOTEL CUSTOM
------------------------------------------------------------*/
body{
	background-image: url("../images/hotel/786/other/bkg_quetzal.jpg");
	background-repeat: no-repeat;
	background-size:cover;
}


#booking_detail_box,
#booking_detail, 
#confirmation_box, 
#cancellation_box, 
#options_box .box_icons, 
#gallery_title #box_title,
#search_room, 
#offerDescriptions .offerli:hover,
.supplement_description .tab{
background-color:#FFFFFF;
}

.supplement_div,
.background-color3,
.room_box,
.supplement_room_box,
.supplement_box,
.supplement_details{
	background-color: rgba(50, 50, 50, 0.7);
	color:#FFFFFF;
}

#supplement_room_description,
#supplement_rate_description,
#supplement_description{
	color:#FFFFFF;
}

#booking_table,
.rate_box,
.supplement_description .tab{
	color:#464646;
}


#room_description, 
#room_price {
	font-size: 120%;
}

#room_rate {
	font-size: 110%;
}



.currencies,
.languages {
	color:#464646;
}

/* --- START Put Logo Image --- */
#hotel_title #box_title, 
#index_box .general_box #box_title, 
#gallery_title #box_title {
	background-image: url("../images/hotel/786/other/786_logo.png");
	background-repeat: no-repeat;
	background-position: top center;
    height:160px;
}

#hotel_title #box_title, 
#index_box .general_box #box_title, 
#gallery_title #box_title {
	background-color: rgba(50, 50, 50, 0.7);
}

#hotel_title #box_title table, 
#index_box .general_box #box_title table, 
#gallery_title #box_title table {
	display: none;
}
/* --- END Put Logo Image --- */



/* --- START Buttons Style --- */
.btn-info, 
.btn-info:active, 
.btn-info.active, 
.open > .dropdown-toggle.btn-info, 
.btn-info:focus, 
.btn-info.focus, 
.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 {
	background-color: #1289D5;
	color:#FFFFFF;
	border-radius: 6px;
	font-family: "Lato", sans-serif;
}

.btn-info:hover, 
.btn-info:active:hover, 
.btn-info.active:hover, 
.open > .dropdown-toggle.btn-info:hover {
	background-color: #1289D5;
	opacity:0.8;
}

/* --- END Buttons Style --- */

#search_room legend, #search_room_legend, 
#booking_detail_legend, 
#guest_detail_box_legend, 
#payment_detail_box_legend,
#payment_data_box_legend, 
#payment_note_box_legend, 
#cancellation_box_legend, 
#map_title .text_title,
#distance_title .text_title, 
.feedback_box #room_description, 
#comment_table .comment_title {
	text-transform: uppercase;
	font-size: 100%;
}

#search_room legend, #search_room_legend, 
#booking_detail_legend, 
#guest_detail_box_legend b, 
#payment_detail_box_legend b,
#payment_data_box_legend b, 
#payment_note_box_legend b, 
#cancellation_box_legend b, 
#map_title .text_title,
#distance_title .text_title, 
.feedback_box #room_description, 
#comment_table .comment_title {
	font-weight: 700;
}



#butts_act, 
#buttm_act, 
#butte_act{
	color: #1289D5;
}

#butts, 
#buttm, 
#butte {
    color: #CCCCCC;
}