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

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

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

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

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

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

td.caSelectedCheckOut, 
#mydiv2 table.cpBorder td.cpCurrentDate {
	background: #404040; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #404040 1%, #404040 87%, #FFFFFF 88%, #FFFFFF 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #404040 1%, #404040 87%, #FFFFFF 88%, #FFFFFF 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #404040 1%, #404040 87%, #FFFFFF 88%, #FFFFFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', 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,
.checkboxu, 
.checkbox {
	color: #000000;
}

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

/* box background-color */
.background-color3, .rate_box,
#hotel_title #box_title,  
#hotel_images, 
#top_bar, 
#message_noroom, 
.offertextup, 
#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,
.supplement_box_title,
.modal-header,
.supplement_box .checkbox,
.supplement_box .checkboxu{
	color:#FFFFFF;
}
 



/* TITLE FONT : Open Sans Condensed
--------------------------------------------
/* font-family */
.title-font,
#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, 
#index_calendar legend, 
#map_title .text_title, 
#distance_title .text_title, 
.feedback_box #room_description, 
#comment_table .comment_title {
	font-family: 'Open Sans Condensed',sans-serif;
	font-size:20px;
	font-weight:bold;
}

/* DEFAULT FONT : Courier New
--------------------------------------------
/* font-family */

#room_description, 
#room_rate,
#title_name, 
#room_price, 
.offertitle, 
#offerDescriptions .offerdesc, 
.offertextup .specialoffer, 
.show_crossed_hotels, 
.modal-title, 
#supplement_description, 
#map_title .text_title, 
#distance_title .text_title, 
.feedback_box #room_description, 
#comment_table .comment_title {
	font-family: 'Courier New', monospace;
}


/*------------------------------------------------------------
HOTEL CUSTOM
------------------------------------------------------------*/
body{
	font-family: 'Courier New', monospace; /*Default font*/
	font-size: 100%;
	background: #FFFFFF url(../images/hotel/863/design/bg.jpg) repeat top left; /* Color Background */
}

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

#booking_table,
.room_box,
.rate_box{
	color:#464646;
}

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

/* --- START Put Logo Image --- */
#hotel_title #box_title, 
#index_box .general_box #box_title, 
#gallery_title #box_title {
	background: transparent url("../images/hotel/863/design/logo.png") no-repeat top center;
	height: 135px;
}

#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-color: #404040;
	color:#FFFFFF;
	border-radius: 6px;
}

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

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


#butts_act, 
#buttm_act, 
#butte_act{
	color: #404040;
}

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

.supplement_box {
	background-color: #FFFFFF;
}

.add_supplement {
	background-color: #404040;
}


#mydiv1 table.cpBorder td.cpCurrentDate a,
.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
{
	color: #FFFFFF;
}