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

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

/* COLOR 1 : #CBC4B2
--------------------------------------------
/* 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: #CBC4B2;
}

/* color */
.color1, .search_options_persons div:before, 
#imgsmall a:before, 
.room_offer, 
.imgradio, 
.simgradio,  
#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: #2F261D;
}

/* border-color */
.rate_box:hover,
.supplement_description:hover {
	border-color: #CBC4B2;
}

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

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


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

/* color */
.color2, 
.supplement_description .tab, 
#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, 
.show_crossed_hotels:hover, 
.show_crossed_hotels a:hover,
#dailyroom_table,
#map_title,
.btn-info, 
.modal-body,
#room_other .modal-body,
.checkboxu, 
.checkbox {
	color: #000000;
}


#top_bar,
#navigation_bar,
#curlang_bar,
#top_bar #navigation_bar, 
#top_bar #curlang_bar{
	background-color: #B6ACA2;
}

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

/* box background-color */
.background-color3, 
#hotel_title #box_title,  
#hotel_images, 
#message_noroom, 
.offertextup, 
#room_description_table .room_description_box, 
#room_facilities_table .room_facilities_box, 
#gallery_images_box,  
.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,
#dailyroom_table > tbody > tr > td:first-child,
#dailyroom_table > tbody > tr > td:last-child{
	background-color: #B6ACA2;
}


#viewPrice:before{
		color:#FFFFFF;
}
 
.supplement_details,
.offertextup .specialoffer, 
.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,
#search_room,
.rate_box
  {
	background-color: #B6ACA2;
}

.room_box,
.supplement_details,
.supplement_box{
	background-color:#B6ACA2;
	color:#2F261D;
}
.supplement_div{
	background:none;
}
.supplement_room_box,
.supplement_description,
.supplement_description .tab,
#offerDescriptions,
#text_description .text_description,
#distance_description .text_description{
	background-color: #FFFFFF;
	color:#CBC4B2;
}



/* border-color */
.rate_box,
.supplement_description{
	border-color: #B6ACA2;
}

/* 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,
#box_title .text_title,
#map_title .text_title, 
#distance_title .text_title, 
.offertitle,
.supplement_box_title,
.modal-header,
.supplement_box .checkbox,
.supplement_box .checkboxu,
.languages #lbli-sv ul.LangMenum li:hover,
.currencies #cbli-sv ul.CurrMenum li:hover{
	color:#FFFFFF;
}
 



/* TITLE FONT : Open Sans
--------------------------------------------
/* font-family */
.btn,
.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, 
#text_description .text_description,
#distance_description .text_description,
#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: "Open Sans", sans-serif;
	font-size:140%;
}



/*------------------------------------------------------------
HOTEL CUSTOM
------------------------------------------------------------*/
body{
	background-color:#2f261d;
}


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


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


#booking_table
.currencies,
.languages,
.rate_box,
.supplement_room_box, 
.supplement_description, 
.supplement_description .tab, 
#offerDescriptions, 
#text_description .text_description, 
#distance_description .text_description,
#supplement_room_description,
#supplement_rate_description,
.supplement_conditions {
	color:#2F261D;
}

/* --- START Put Logo Image --- */
#hotel_title #box_title, 
#index_box .general_box #box_title, 
#gallery_title #box_title {
	background-image: url("http://thegluhotel.com/web/views/layout/default/img/logo.png");
	background-repeat: no-repeat;
	background-position: center center;
	width:300px;	
    height:150px;
}

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

#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-color2 {
	background-color: #2F261D;
	color:#CBC4B2;
	border-radius:3px;
	border:1px solid #CBC4B2;
	font-family: "Open Sans", arial, san-serif;
	font-size: 11px;
}

.add_supplement{
	background-color: #9c9999;
	color:#FFFFFF;
}

.btn-info:hover, 
.btn-info:active:hover, 
.btn-info.active:hover, 
.open > .dropdown-toggle.btn-info:hover,
.add_supplement:hover {
	background-color: #5A483B;
	border:1px solid #CBC4B2;
	color:#CBC4B2;


}

/* --- 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: #2F261D;
}

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

#viewPrice{
	display:none;
}