/* Common | CSS rules common for all BE */
@import url(https://static.g.roomcloud.net/roomcloud/style/stratos/import/common.css);


/*------------------------------------------------------------
HOTEL CUSTOM
------------------------------------------------------------*/
/* FONT : 
--------------------------------------------*/
/*Insert @import code from Google Font*/


/* COLOR 1
--------------------------------------------
/* background-color */
.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,
#booking_detail_legend,#guest_detail_box legend,
#payment_detail_box legend,#payment_data_box legend,
#payment_note_box legend,#cancellation_box 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: #1a1717; /*Replace the hex color code #D9EDf7*/
}


/* border-color */
.border-color1
{
	border-color: #D9EDf7; /*Replace the hex color code #D9EDf7*/
}


/* comparator */
#comparator 
{
	overflow: hidden;
    background: transparent;
    background: -moz-linear-gradient(110deg, transparent 0%, 
    transparent 67%, #D9EDf7 67%, #D9EDf7 100%); /*Replace the hex color code #D9EDf7*/
    background: -webkit-linear-gradient(110deg, transparent 0%,
    transparent 67%, #D9EDf7 67%, #D9EDf7 100%); /*Replace the hex color code #D9EDf7*/
    background: linear-gradient(110deg, transparent 0%,
    transparent 67%, #D9EDf7 67%, #D9EDf7 100%); /*Replace the hex color code #D9EDf7*/
    filter: progid:DXImageTransform.Microsoft.gradient( 
    startColorstr='transparent', endColorstr='#D9EDf7',GradientType=1); /*Replace the hex color code #D9EDf7*/
}


/* COLOR 2
--------------------------------------------
/* 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: #a0de4e; /*Replace the hex color code #5BC0DE*/
}


/* color */
.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: #a0de4e; /*Replace the hex color code #5BC0DE*/
}


/* border-color */
.border-color2, .rate_box:hover
{
	border-color: #a0de4e; /*Replace the hex color code #5BC0DE*/
}


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

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


/* COLOR 3
--------------------------------------------
/* 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,#imgsmall 
{
	background-color: #FFFFFF; /*Replace the hex color code #FFFFFF*/
}


/* color */
.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: #FFFFFF; /*Replace the hex color code #FFFFFF*/
}


/* border-color */
.border-color3
{
	border-color: #FFFFFF; /*Replace the hex color code #FFFFFF*/
}


/* TITLE FONT : 
--------------------------------------------
/* 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, 
#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: 'Questrial', sans-serif; /*Replace with Font Families import from Google Font*/
}


/* BODY : 
--------------------------------------------*/
body
{
	/*background-color: #FFFFFF;*/
	/*font-family: 'Questrial', sans-serif;*/  /*Replace with Font Families import from Google Font*/ /*Optional*/
	/*filter: grayscale(100%);*/
}


/* FOOTER : 
--------------------------------------------*/
#footer
{
	background-color: #FFFFFF; /*Replace the hex color code #FFFFFF*/
	color:#000000; /*Replace the hex color code #000000*/
}


/* NAVBAR BACKGROUND : 
--------------------------------------------*/
.navbar
{
	background-color: #1a1717; /*Replace the hex color code #FFFFFF*/
}


/* NAVBAR ACTIVE COLOR: 
--------------------------------------------*/
#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: #a0de4e; /*Replace the hex color code #5BC0DE*/
}

#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: #FFFFFF; /*Replace the hex color code #FFFFFF*/
}


/* NAVBAR INACTIVE COLOR: 
--------------------------------------------*/
#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: transparent;
}

#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: #FFFFFF; /*Replace the hex color code #000000*/
}


/* NAVBAR HOVER COLOR: 
--------------------------------------------*/
#tab.h_tab.h_tab_info:hover,
#tab.h_tab.h_tab_book:hover,
#tab.h_tab.h_tab_map:hover,
#tab.h_tab.h_tab_comments:hover
{
	background-color: #a0de4e; /*Replace the hex color code #5BC0DE*/
}

#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: #FFFFFF; /*Replace the hex color code #FFFFFF*/
}


/* NAVBAR HIDE MENU BUTTON: 
--------------------------------------------*/
#tab_act.h_tab.h_tab_book,		/* Comment to show BOOK */
#tab.h_tab.h_tab_book,			/* Comment to show BOOK */

#tab_act.h_tab.h_tab_info,		/* Comment to show INFO&GALLERY */
#tab.h_tab.h_tab_info,			/* Comment to show INFO&GALLERY */

#tab_act.h_tab.h_tab_map,		/* Comment to show MAP */
#tab.h_tab.h_tab_map,			/* Comment to show MAP */

#tab_act.h_tab.h_tab_comments,  /* Comment to show REVIEWS */
#tab.h_tab.h_tab_comments       /* Comment to show REVIEWS */
{
	/*display:none;*/
}


/* NAVIGATION BAR : ICON COLOR
--------------------------------------------*/
#butts, #buttm, #butte 
{
    /*color: #E6E6E6;*/ /*Replace the hex color code #E6E6E6*/
}

.fa-hotel:before,
.fa-bed:before,
.fa-gift:before,
.fa-pencil:before,
.fa-check:before
{
    /*color: #E6E6E6;*/ /*Replace the hex color code #E6E6E6*/
}

/* SMALL GALLERY : HIDE
--------------------------------------------*/
#hotel_images
{
	/*display: none;*/
}


/* SMALL GALLERY : HIDE
--------------------------------------------*/
#imgsmall
{
	/*display: none;*/
}


/* SMALL GALLERY : NAVIGATION COLOR
--------------------------------------------*/
.ekko-lightbox-nav-overlay a 
{
    /*color: #000000;*/ /*Replace the hex color code #000000*/
}


/* DAILY PRICES : BUTTON ICO COLOR 
--------------------------------------------*/
#viewPrice:before
{
	/*background-color: transparent;
	color: #000000;*/ /*Replace the hex color code #000000*/
}

#viewPrice:hover:before
{
	/*background-color: transparent;
	color: #FFFFFF;*/ /*Replace the hex color code #FFFFFF*/
}


/* DAILY PRICES : HIDE BUTTON 
--------------------------------------------*/
#booking_table .calendar
{
	/*display: none;*/
}


/* DAILY PRICES : 
--------------------------------------------*/
#busy,
#busytable #busy:before,
#busytable > tbody > tr > td,
.alert-danger
{
	/*background-color: #E6E6E6;*/ /*Replace the hex color code #E6E6E6*/
	/*border: 1px solid #CCCCCC;*/ /*Don't change hex color code*/
}

#freetable > tbody > tr > td
{
	/*background-color: #FFFFFF;*/ /*Don't change hex color code*/
	/*border: 1px solid #CCCCCC;*/ /*Don't change hex color code*/
}


/* TEXT COLOR : 
--------------------------------------------*/
.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,
#room_price,

.offertitle,
#offerDescriptions .offerdesc,
.offertextup .specialoffer,
.show_crossed_hotels,
.offer_title.white,
.offer_readother.white.small.pointer,

.modal-title,
#booking_detail legend,
#booking_detail_legend,
#guest_detail_box legend,
#payment_detail_box legend,
#payment_data_box legend,
#payment_note_box legend,
#cancellation_box legend,
#guest_detail_box_legend,
#payment_detail_box_legend,
#payment_data_box_legend,
#payment_note_box_legend,
#cancellation_box_legend,

#supplement_description,
.supplement_conditions,
.supplement_description .tab,
.supplement_description .add_supplement,

#index_calendar legend,
#map_title .text_title,
#distance_title .text_title,
#comment_table .comment_title
{
	color: #FFFFFF;*/ /*Replace the hex color code #FFFFFF
}


/* BAR : SHADOW
--------------------------------------------*/
.navbar,
#footer
{
	box-shadow: 0 0 10px 2px #00000033;
}


/* BOX : SHADOW
--------------------------------------------*/
#message_noroom,
#top_bar,
#search_room_box,
#hotel_images.hidden-sm,
#imgsmall,
#box_title.box_icons,
#box_title.room_description_box,
#box_title.room_facilities_box,
#gallery_images_box.clearfix,
#map,
#box_title,
#text_description,
#distance_description,
#confirmation_box,
.general_box,
#pt_0
{
	box-shadow: 0 0.15em 0.35em 0 #00000033;
}


/* ROOM NAVBAR : HIDE (enable SHOW TOTAL PRICE) 
--------------------------------------------*/
.hidden-xs.rate_box_title
{
	/*display: none;*/
}

.navbar-default
{
    /*color: #000000;*/ /*Replace the hex color code #000000*/
}

/* ADULTS : FILTER
--------------------------------------------*/

.adults select option:nth-child(1),
.adults select option:nth-child(2),
.adults select option:nth-child(3),
.adults select option:nth-child(4),
.adults select option:nth-child(5),
.adults select option:nth-child(6),
.adults select option:nth-child(7),
.adults select option:nth-child(8),
.adults select option:nth-child(9),
.adults select option:nth-child(10),
.adults select option:nth-child(11),
.adults select option:nth-child(12),
.adults select option:nth-child(13),
.adults select option:nth-child(14),
.adults select option:nth-child(15),
.adults select option:nth-child(16),
.adults select option:nth-child(17),
.adults select option:nth-child(18),
.adults select option:nth-child(19),
.adults select option:nth-child(20)
{
	/*display: none;*/
}


/* CHILDREN : FILTER
--------------------------------------------*/

.children select option:nth-child(0),
.children select option:nth-child(1),
.children select option:nth-child(2),
.children select option:nth-child(3),
.children select option:nth-child(4),
.children select option:nth-child(5),
.children select option:nth-child(6),
.children select option:nth-child(7),
.children select option:nth-child(8),
.children select option:nth-child(9),
.children select option:nth-child(10),
.children select option:nth-child(11),
.children select option:nth-child(12),
.children select option:nth-child(13),
.children select option:nth-child(14),
.children select option:nth-child(15),
.children select option:nth-child(16),
.children select option:nth-child(17),
.children select option:nth-child(18),
.children select option:nth-child(19),
.children select option:nth-child(20),
.children select option:nth-child(21)
{
	/*display: none;*/
}


/* CHILDREN AGE : FILTER
--------------------------------------------*/

.add_children select option:nth-child(0),
.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),
.add_children select option:nth-child(14),
.add_children select option:nth-child(15),
.add_children select option:nth-child(16),
.add_children select option:nth-child(17),
.add_children select option:nth-child(18),
.add_children select option:nth-child(19)
{
	/*display: none;*/
}


/* CHILDREN AGE BUTTON : HIDE
--------------------------------------------*/
/*#booking_table .children_age .titleindex */
.add_children
{
	/*visibility: hidden;*/
}


/* FACEBOOK BUTTON : HIDE
--------------------------------------------*/
.fb_iframe_widget
{
    /*display:none;*/
}


/* ALL COLOR BOX TRANSP. : 
------------------------------------------------------------*/
/* 1 NAVBAR : 
--------------------------------------------*/
.navbar
{
	/*background-color: transparent;*/
}


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


/* 3 SEARCH : 
--------------------------------------------*/
#search_room,
#search_room_legend,
#hotel_images.hidden-sm, 
#imgsmall
{
    /*background-color: transparent;*/
}


/* 4 VIEW DAILY PRICES :
--------------------------------------------*/
#dailyroom_table,
#room_facilities_table .room_facilities_box
{
	/*background-color: transparent;*/
}


/* 5 NAVIGATION BAR : 
--------------------------------------------*/
#top_bar,
.room_div.background-color3
{
    /*background-color: transparent;*/
}

#curlang_bar
{
    /*background-color: transparent;*/
}


/* 6 MESSAGE AREA: 
--------------------------------------------*/
#message_noroom
{
	/*background-color: transparent;*/
}


/* 6 OFFER AREA: 
--------------------------------------------*/
#offer_div,
.offertitle
.alert.label-danger,
#offer_div .deactivate .btn-dismiss
{
    /*background-color: transparent;*/
}


/* 7 ROOM : 
--------------------------------------------*/
.room_div.background-color3
{
    /*background-color: transparent;*/
}

.room_box
{
    /*background-color: transparent;*/
}

.navbar-default
{
    /*background-color: transparent;*/
}

.rate_box
{
    /*background-color: transparent;*/
}


/* 8 DIALOG : 
--------------------------------------------*/
.modal-content
{
    /*background-color: transparent;*/
}

.modal-header
{
    /*background-color: transparent;*/
}

.modal-body
{
    /*background-color: transparent;*/
}


/* 9 FOOTER : 
--------------------------------------------*/
#footer
{
    /*background-color: transparent;*/
}


/* 10 SMALL GALLERY - INFO&GALLERY :
--------------------------------------------*/
#hotel_images.hidden-sm, 
#imgsmall
{
	/*background-color: transparent;*/
}

#options_box .box_icons,
#gallery_images_box
{
	/*background-color: transparent;*/
}


/* 11 MAP :
--------------------------------------------*/
#map_title .text_title,
#text_description .text_description,
#distance_title .text_title,
#distance_description .text_description
{
	/*background-color: transparent;*/
}


/* 12 SUPPLEMENT :
--------------------------------------------*/
.supplement_div.background-color3
{
	/*background-color: transparent;*/
}

.supplement_room_box
{
	/*background-color: transparent;*/
}

.supplement_box
{
	/*background-color: transparent;*/
}

.supplement_details
{
	/*background-color: transparent;*/
}

.supplement_description
{
	/*background-color: transparent;*/
}

.supplement_description .tab
{
	/*background-color: transparent;*/
}

.supplement_description .add_supplement
{
	/*background-color: transparent;*/
}

/* PRINT CONFIRMATION BUTTON : HIDE
--------------------------------------------*/

.button_print.btn.btn-info
{
		display:none;
}

/* PRINT : LAYOUT
--------------------------------------------*/
@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;
	}
}

/* RESPONSIVE : 
--------------------------------------------*/
@media screen and (min-width: 768px)
{
	.room_box .btn-info 
	{
		float: right;
	}
}

@media screen and (min-width: 992px) 
{
	.occupancy_persons
	{
		padding-top: 18px;
	}
}

@media screen and (max-width: 992px) 
{
	#main
	{
		padding: 0;
	}

}

@media screen and (max-width: 320px) 
{
	body
	{
		display: flex;
		align-items: center;
		justify-content: center;
		/* text-align: center; */
		font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
	}
}

/* Responsive images automatically adjust to fit the size of the screen */
.img-thumbnail.img-fluid,
.img-thumbnail.img-responsive,
#hotel_title #box_title
{
	max-width: 100%;
}