@charset "utf-8";
/* CSS Document */

/* Bootstrap | http://getbootstrap.com/css/ */
@import url(../import/bootstrap.css);

/* Font Awesome | https://fortawesome.github.io/Font-Awesome */
@import url(../import/font-awesome.min.css);

/* Normalize | https://necolas.github.io/normalize.css */
@import url(../import/normalize.css);

/* Language | CSS rules common for language selection */
@import url(../import/language.css);
@import url(../flag/famfamfam-flags.css);

/* Currency | CSS rules common for currency selection */
@import url(../import/currency.css);

/* Google Font | https://www.google.com/fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans); /*Default font*/
@import url(https://fonts.googleapis.com/css?family=Questrial); /*Title font*/


/*------------------------------------------------------------
CUSTOM PROPERTIES
------------------------------------------------------------*/

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

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

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


/* COLOR 2 : #5bc0de
--------------------------------------------
/* 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: #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, #confirm_error #success: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: #5bc0de;
}

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

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

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


/* COLOR 3 : #FFFFFF
--------------------------------------------
/* 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: #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;
}

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


/* 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: 'Questrial', sans-serif;
}




/*------------------------------------------------------------
GENERAL
------------------------------------------------------------*/
html {
  position: relative;
  min-height: 100%;
}

body { 
	padding-bottom: 40px;
	background-color: #f9f9f9;
	font-family: 'Open Sans', sans-serif;
	font-size: 90%;
}

#content {
	margin-top: 20px;
}

.form-control {
	padding: 6px 5px;
	font-size: 90%;
	border-radius: 2px;
	-webkit-box-shadow: none;
    box-shadow: none;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: none;
	outline:none;
	color: inherit;
}

.btn {
	text-transform: uppercase;
	border-radius: 2px;
}

.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 {
	border: none;
	-webkit-transition: background 300ms ease-in-out;
	-moz-transition: background 300ms ease-in-out;
	-ms-transition: background 300ms ease-in-out;
	-o-transition: background 300ms ease-in-out;
	transition: background 300ms ease-in-out;
}

.btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, 
fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus {
	background-color: #A7A7A7;
    border-color: #A7A7A7;
}

.navbar {
	border-radius: 0;
}

.navbar-right {
	margin-right: 0;
}

.data {
	font-weight: 700;
}

.alert {
	border-radius: 2px;
}

#booking_detail_box .alert {
	margin-bottom: 0;
}

button, input, select, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
}

select {
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
}

select:invalid {
	color: #cccccc;
}

/*if necessary, remove float none when one use grid system on td (table td[class*="col-"], table th[class*="col-"])*/
table td[class*="col-"].removetdblock, table th[class*="col-"].removetdblock {
    float: left;
}

.room_box_number > table > thead > tr > th, .room_box_number > table > tbody > tr > th, .room_box_number > table > tfoot > tr > th,
.room_box_number > table > thead > tr > td, .room_box_number > table > tbody > tr > td, .room_box_number > table > tfoot > tr > td {
	padding: 0 2px;
}

.form-control:focus {
	border: 1px solid #CCC;
	-webkit-box-shadow: none;
    box-shadow: none;
}

.pad-10 {
	padding: 10px;
}

.opaque {
	opacity: .3;
}

.colorgrey {
	background-color: #a7a7a7 !important;	
}

.img-thumbnail {
	border-radius: 0;
	max-width: 170px;
}

.no-pad {
	padding: 0;
}

#sidebar, #main {
	float: left;
}

.pad-t-10 {
	padding-top: 10px;
}

.mar-t-10 {
	margin-top: 10px;
}

input[type="checkbox" i] {
    -webkit-appearance: checkbox;
    vertical-align: sub;
    margin: 0 2px 0 10px;
}

.large {
	font-size: large;
}

.disabled {
	color: #cccccc;
}

.tooltip-inner {
	border-radius: 2px;
}

.label {
	font-weight: normal;
	padding: .3em .6em .3em;
	line-height: inherit;
	margin: 4px 0;
}

.text-danger {
	color: #d9534f;
}

.white {
	color: #FFFFFF;
}

.pointer {
	cursor: pointer;
}

/*------------------------------------------------------------
HEADER
------------------------------------------------------------*/
#header .h_tab {
    padding: 11px;
    border: none;
    min-width: 150px;
    -webkit-transition: background 300ms ease-in-out;
	-moz-transition: background 300ms ease-in-out;
	-ms-transition: background 300ms ease-in-out;
	-o-transition: background 300ms ease-in-out;
	transition: background 300ms ease-in-out;
}

#tab_act {
	background-color: #262626;
}

#header .h_tab a {
	text-decoration: none;
	font-size: small;
	text-transform: uppercase;
	color: #FFFFFF;
}

.navbar {
	min-height: 40px;
	border: none;
	background-color: rgba(34, 34, 34, 0.7);
}

.navbar-fixed-top {
	border-width: 0;
}

.h_tab a:before {
    font-family: FontAwesome;
   	padding-right: 8px;
   	vertical-align: middle;
}

.h_tab_book a:before {
	content: "\f02d";
	font-size: medium;
}

.h_tab_info a:before {
	content: "\f03e";
	font-size: medium;
}

.h_tab_map a:before {
	content: "\f041";
	font-size: medium;
}

.h_tab_comments a:before {
	content: "\f0e6";
	font-size: medium;
}

/*------------------------------------------------------------
BOX TITLE
------------------------------------------------------------*/
 #box_logo  {
	text-align: center;	
}
			
 #box_logo img {
	max-height: 200px;
	max-width: 100%;
			
}

#box_logo, #box_logo_dp  {
	text-align: center;	
}
			
 #box_logo img, #box_logo_dp img {
	max-height: 200px;
	max-width: 100%;
			
}

#hotel_title {
	margin-bottom: 20px;	
}

#hotel_title #box_title {
	padding: 10px;
}

#box_title table {
	width: 100%;
}

#box_title td {
	display: inline;
}

#box_title tr{
	text-align: center;
}

#box_title td#title_name {
	font-size: 1.7em;
	display: block;
}

.stars2 {
	display: inline;
	color: #fdb902;
}

.stars2:before {
    font-family: FontAwesome;
    display: inline-block;
   	vertical-align: middle;
   	content: "\f005";
   	font-size: small;
   	padding: 2px;
}

/*------------------------------------------------------------
BOX CALENDAR
------------------------------------------------------------*/
table#booking_table > thead > tr > th, 
table#booking_table > tbody > tr > th, 
table#booking_table > tfoot > tr > th, 
table#booking_table > thead > tr > td, 
table#booking_table > tbody > tr > td, 
table#booking_table > tfoot > tr > td{
	padding:4px;
}

#search_room {
	margin-bottom: 20px;
	padding-top: 20px;
}

#search_room legend {
	border: none;
	padding: 10px;
	font-size: 120%;
	
	
}
#search_room_legend {
	border: none;
	padding: 10px;
	font-size: 120%;
	margin-bottom: 0 !important;
	vertical-align: middle !important;
}

#cancellation_box_legend {
	border: none;
	padding: 10px;
	font-size: 120%;
	margin-bottom: 0 !important;
	vertical-align: middle !important;
}


#mydiv {
	margin: 0 10px;
}

#mydiv table {
	text-align: center;
}

#mydiv table.table-month {
	margin: 0;
	border: 1px solid #e5e5e5;
}

td.caDayColumnHeader, td.caCurrentDate {
	font-weight: bold;
	background-color: #f9f9f9;
}

td.caTodayText {
	background-color: #f9f9f9;
}

td.caOtherMonthDate, td.caCurrentMonthDate {
	color: #e6e6e6;
}

a.caOtherMonthDate {
	color: #a6a6a6;
}

a.caCurrentMonthDate {
	color: initial;
}

td.caSelected {
	color: #FFFFFF;
}

td.caSelected a:hover, td.caSelected a:focus, td.caSelected a.caCurrentMonthDate, td.caSelected a.caOtherMonthDate {
	color: #FFFFFF;
}

#booking_table.table td {
	border-top: none;
    font-size: 90%;
}

#booking_table.table tr.promo_code td:not(:first-child),
#booking_table.table tr.check_in td:not(:first-child),
#booking_table.table tr.check_out td:not(:first-child),
#booking_table.table tr.adults td:not(:first-child),
#booking_table.table tr.children td:not(:first-child),
#booking_table.table tr td.add_children:not(:first-child) {
	white-space: nowrap;
}

/*#booking_table tr td:first-child {
	padding-left: 10px;
}

#booking_table tr td:last-child {
	padding-right: 10px;
}*/

#booking_table tr.children_age td {
	font-size: 80%;
	text-align: center;
}

#booking_table .getCalendar > a:before {
	font-family: FontAwesome;
    display: inline-block;
   	vertical-align: middle;
   	content: "\f073";
   	font-size: 115%;
}

#booking_read > thead > tr > th, #booking_read  > tbody > tr > th, #booking_read  > tfoot > tr > th,
#booking_read > thead > tr > td, #booking_read  > tbody > tr > td, #booking_read  > tfoot > tr > td {
	border-top: none;
	padding: 10px;
}

#mobile_search, #mobile_photo {
	padding: 0;
}

#mobile_search td {
	border: none;
}

.form_in, .form_out, .search_options_persons {
	text-align: center;
}
.form_in div:before {
	font-family: FontAwesome;
    display: inline-block;
   	vertical-align: middle;
   	content: "\f090";
   	font-size: 115%;
}

.form_out div:before {
	font-family: FontAwesome;
    display: inline-block;
   	vertical-align: middle;
   	content: "\f08b";
   	font-size: 115%;
}

.search_options_persons div:before {
	font-family: FontAwesome;
    display: inline-block;
   	vertical-align: middle;
   	content: "\f0c0";
   	font-size: 115%;
}




/*------------------------------------------------------------
BOX CALENDAR POPUP
------------------------------------------------------------*/
#mydiv1 table, #mydiv2 table {
    text-align: center;
    border: 1px solid #dddddd;
	font-size: medium;
}

#mydiv1 table.cpBorder, #mydiv2 table.cpBorder {
	width: 270px;
	border: none;
}

.getCalendar {
	position: relative;
}

.getCalendar #mydiv1, .getCalendar #mydiv2 {
	right: 3px;
	top: 45px;
}

table.cpBorder table:first-child {
	width: 100%;
}

#booking_table.table table.cpBorder td {
	padding: 0;
}

.cpYearNavigation,.cpMonthNavigation {
	 background-color:#ffffff;
	 text-align:center;
	 vertical-align:center;
	 text-decoration:none;
	 color:inherit;
	 font-weight:inherit;
	 font-family: inherit;
	 padding: 8px !important;
}

.cpDayColumnHeader, .cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,.cpCurrentDate,.cpCurrentDateDisabled,.cpTodayText,.cpTodayTextDisabled,.cpText {
 	font-family: inherit;
 	font-size: inherit;
 	padding: 8px !important;
 }

table.cpBorder td {
 	text-align: inherit;
 	border: 1px solid #dddddd;
}

table.cpBorder > tbody > tr > td:first-child {
	border: none;
}

table.cpBorder td.cpMonthNavigation {
	 border: 0;
}

table.cpBorder td.cpDayColumnHeader {
	font-weight: bold;
    background-color: #f9f9f9;
}

#mydiv1 table.cpBorder td.cpTodayText {
	background-color: #f9f9f9;
}

table.cpBorder td.cpOtherMonthDate {
	filter: alpha(opacity=65);
	opacity: .65;
}

.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate {
	text-align: inherit;
	text-decoration: inherit;
}

.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled {
	color: inherit;
	text-align: inherit;
	text-decoration: line-through;
}

.cpCurrentMonthDate, .cpCurrentDate {
	color: inherit;
}

.cpOtherMonthDate {
	color: inherit;
}

td.cpCurrentDate {
	color: inherit;
	background-color: inherit;
	border-width: 1px solid #e5e5e5;
}

td.cpCurrentDateDisabled {
	border: 1px solid #e5e5e5;
}

td.cpTodayText, td.cpTodayTextDisabled {
	border: 1px solid #e5e5e5;
}

a.cpTodayText, span.cpTodayTextDisabled {
	height: auto;
}

A.cpTodayText {
	color: inherit;
}

.cpTodayTextDisabled {
	color: inherit;
}

.cpBorder { 
	border: 1px solid #e5e5e5;
}

.cpDayColumnHeader {
	color: inherit;
}

/*------------------------------------------------------------
BOX PHOTO
------------------------------------------------------------*/
#hotel_images {
	padding: 10px;
	margin-bottom: 20px;	
}

#photos {
	width: 100%;
}

#imgsmall a {
	text-decoration: none;
	cursor: pointer;
}

#imgsmall a img {
	display: none;
}

#imgsmall a:before {
	font-family: FontAwesome;
    display: inline-block;
   	vertical-align: middle;
   	content: "\f03e";
   	padding: 1px;
   	font-size: 115%;
   	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

/*------------------------------------------------------------
NAVIGATION BAR
------------------------------------------------------------*/
#top_bar {
	margin-bottom: 20px;
}

/*------------------------------------------------------------
MESSAGE NO ROOM
------------------------------------------------------------*/
#message_noroom #daysselected {
	padding: 10px;
	text-align: justify;
}

/*------------------------------------------------------------
ROOM BOX
------------------------------------------------------------*/
.room_div {
	margin-bottom: 20px;
}


.rooms-label {
	
	text-align: right;
}

.rate_box {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	border-left: 3px solid transparent;
}

.room_box > thead > tr > th, .room_box > tbody > tr > th, .room_box > tfoot > tr > th, .room_box > thead > tr > td, .room_box > tbody > tr > td, .room_box > tfoot > tr > td,
.rate_box > thead > tr > th, .rate_box > tbody > tr > th, .rate_box > tfoot > tr > th, .rate_box > thead > tr > td, .rate_box > tbody > tr > td, .rate_box > tfoot > tr > td {
	padding: 10px;
}

.rate_box:hover input, .rate_box:hover button, .rate_box:hover select, .rate_box:hover textarea {
	color: initial;
}

.rate_box:hover .room_detail {
	color: initial;
}

#room_other {
	font-size: 85%;
	display: inline-block;
	cursor: pointer;
}

.room_treatment {
	font-size: 85%;
	display: inline-block;
	cursor: pointer;
}

.fa-bb:before {
    content: "\f0f4";
}

.fa-ro:before {
    content: "\f236";
}

.fa-hb:before, .fa-fb:before {
	content: "\f0f5";
}

.modal {
	font-size: 85%;
}

.modal-content {
	border-radius: 3px;
}

.persons, .add_beds {
	font-family: FontAwesome;
    display: inline-block;
   	padding-right: 5px;
}

.persons:before {
	content: "\f007";
}

.add_beds:before {
	content: "\f1ae";
}

.persons:last-of-type, .add_beds:last-of-type {
	padding-right: 0;
}

#room_other:before {
	font-family: FontAwesome;
    display: inline-block;
   	vertical-align: middle;
   	content: "\f05a";
   	padding-right: 5px;
}

#room_other .room_detail {
	/*visibility: hidden;
	cursor: default;*/
}

#room_description {
	font-size: 140%;
}

#room_rate {
	font-size: 110%;
}

#imgphotosmall {
	width: 100%;
	height: auto;
}

#room_price {
	font-size: 120%;
}

#room_price .offer {
	font-size: medium;
	text-decoration: line-through;
	filter: alpha(opacity=45);
	opacity: .45;
}

#room_price small.offer {
	font-size: small;
}

.inwhite {
	background-color: #FFFFFF;
}

.occupancy-label {
	float: right !important;
}

a.button.btn.btn-block.btn-info {
    margin-bottom: 10px;
}

/*------------------------------------------------------------
OFFER
------------------------------------------------------------*/
.offertextup {
	margin-bottom: 20px;
}

.a-offer-title {
	border-left: 3px solid transparent;
}

.a-offer-title .offer-breakdesc {
	font-size: 120%;
}

.offertitle {
	text-align: center;
	padding: 10px;
	font-size: 120%;
}

#offerDescriptions {
	padding: 0;
}

#offerDescriptions .offerli {
	-webkit-transition: background 300ms ease-in-out;
	-moz-transition: background 300ms ease-in-out;
	-ms-transition: background 300ms ease-in-out;
	-o-transition: background 300ms ease-in-out;
	transition: background 300ms ease-in-out;
}


#offerDescriptions .offerli a {
	/*padding: 10px;
	/display: inline-block;*/
}

#offerDescriptions ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#offerDescriptions .offerdesc p {
	display: inline;
}
	
#offerDescriptions .offerdesc:after {
	font-family: FontAwesome;
    display: inline-block;
   	vertical-align: middle;
   	content: "\f274";
   	padding-left: 10px;
   	font-size: small;
}

#offerDescriptions .offerroomli {
	display: none;
}

.offertextup .specialoffer p, .offertextup .specialoffer .cursorminus {
	display: inline;
}

.offertextup .specialoffer .cursorminus a:before {
	font-family: FontAwesome;
    display: inline-block;
   	vertical-align: middle;
   	content: "\f273";
   	padding-left: 5px;
   	font-size: medium;
}

.offer_title span {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

#offer_div {
	border-radius: 2px;
}

#offer_div .alert {
	margin-bottom: 0;
	border-radius: 2px 2px 0 0;
	box-shadow: none;
	border: none;
}

#offer_div .deactivate .btn {
	border-radius: 0 0 2px 2px;
}

#offer_div .deactivate.no-offer-desc .btn {
	border-radius: 2px;
}


#offer_div .deactivate .btn-dismiss {
	background-color: #BF5151;
	color: #FFFFFF;
}

/*------------------------------------------------------------
CROSSED HOTEL
------------------------------------------------------------*/
.crossed_hotel_title #box_title {
	padding: 10px;
}

.crossed_hotel_title .crossed_hotel {
    font-size: 1.7em;
    display: block;
}

.crossed_hotel_title .address {
	display: block;
}

.crossed_hotel_title .calendar {
	font-size: small;
}

#link_crossed_hotels {
	margin-top: 20px;
	margin-bottom: 20px;
}

.crossed_hotel_title {
	margin: 20px 0;
}

.show_crossed_hotels {
	padding: 10px;
	font-size: 125%;
	transition: background 300ms ease-in-out 0s;
}

/*------------------------------------------------------------
FOOTER
------------------------------------------------------------*/
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 40px;
  line-height: 40px;
  background-color: rgba(34, 34, 34, 0.7);
  font-size: small;
  color: #FFFFFF;
  padding: 0 10px;
}

.footer #secure img {
	vertical-align: middle;
	margin-right: 10px;
}

@media (max-width: 539px) {

	.footer #secure {
		display: none;
	}
	
	.footer #copyright {
		text-align: center;
		width: 100%;
	}
}

/*------------------------------------------------------------
MODAL 
------------------------------------------------------------*/
.modal-header {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.modal-body {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

.modal-dialog {
	margin-top: 50px;
}

.modal-title {
	font-size: x-large;
}

/*------------------------------------------------------------
NAVIGATION BAR 
------------------------------------------------------------*/
#navigation_bar td {
	text-align: center;
	font-size: small;
}

#navigation_bar .fa-stack {
	margin-top: 10px;
}

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

#cbli-sv ul.CurrMenum li, #lbli-sv ul.LangMenum li {
	-webkit-transition: background 300ms ease-in-out;
	-moz-transition: background 300ms ease-in-out;
	-ms-transition: background 300ms ease-in-out;
	-o-transition: background 300ms ease-in-out;
	transition: background 300ms ease-in-out;
}

.languages ul.LangMenu, .currencies ul.CurrMenu {
	float: right;
	padding: 0;
}

.languages .LangMenu #lbli-sv, .currencies .CurrMenu #cbli-sv {
	padding: 10px 20px !important;
}

.languages #lbli-sv ul.LangMenum, .currencies #cbli-sv ul.CurrMenum {
	margin-top: 10px;
}

.languages #lbli-sv ul.LangMenum li, .currencies #cbli-sv ul.CurrMenum li {
	padding: 2px 20px !important;
}

/*------------------------------------------------------------
BOOKING DETAIL
------------------------------------------------------------*/
#booking_detail legend, #guest_detail_box_legend, #payment_detail_box_legend, #payment_data_box_legend, #payment_note_box_legend, #cancellation_box_legend {
	border: none;
	padding: 10px;
	font-size: 120%;
	text-align: center;
	margin-bottom: 0px;
}

#payment_detail_box_table > tbody > tr.paymentsRow > td{
	padding-top: 20px;
}

#booking_detail fieldset, #guest_detail_box fieldset, #payment_detail_box_fieldset, #payment_data_box_fieldset, #payment_note_box fieldset{
    padding-top: 20px;
   
}



#booking_detail {
	margin-bottom: 20px;
}

#booking_detail_table, #guest_detail_box_table, #payment_detail_box_table, #payment_data_box_table, #payment_note_box_table, #cancellation_box_table {
	margin-bottom: 20px;
	font-size: 90%;
}

#booking_detail_table .data {
	text-align: right;
}

#booking_detail_table > thead > tr > th, #booking_detail_table  > tbody > tr > th, #booking_detail_table  > tfoot > tr > th,
#booking_detail_table > thead > tr > td, #booking_detail_table  > tbody > tr > td, #booking_detail_table  > tfoot > tr > td {
	border-top: none;
	padding: 0 10px;
}

#guest_detail_box_legend b, #payment_detail_box_legend b, #payment_data_box_legend b, #payment_note_box_legend b, #cancellation_box_legend b {
	font-weight: normal;
}

#confirmation_box input, #confirmation_box textarea, #confirmation_box select {
	margin: 3px 0;
}

#guest_detail_box_table > thead > tr > th, #guest_detail_box_table > tbody > tr > th, #guest_detail_box_table > tfoot > tr > th,
#guest_detail_box_table > thead > tr > td, #guest_detail_box_table > tbody > tr > td, #guest_detail_box_table > tfoot > tr > td,
#payment_detail_box_table > thead > tr > th, #payment_detail_box_table > tbody > tr > th, #payment_detail_box_table > tfoot > tr > th,
#payment_detail_box_table > thead > tr > td, #payment_detail_box_table > tbody > tr > td, #payment_detail_box_table > tfoot > tr > td,
#payment_data_box_table > thead > tr > th, #payment_data_box_table > tbody > tr > th, #payment_data_box_table > tfoot > tr > th,
#payment_data_box_table > thead > tr > td, #payment_data_box_table > tbody > tr > td, #payment_data_box_table > tfoot > tr > td,
#payment_note_box_table > thead > tr > th, #payment_note_box_table > tbody > tr > th, #payment_note_box_table > tfoot > tr > th,
#payment_note_box_table > thead > tr > td, #payment_note_box_table > tbody > tr > td, #payment_note_box_table > tfoot > tr > td,
#cancellation_box_table > thead > tr > th, #cancellation_box_table > tbody > tr > th, #cancellation_box_table > tfoot > tr > th,
#cancellation_box_table > thead > tr > td, #cancellation_box_table > tbody > tr > td, #cancellation_box_table > tfoot > tr > td {
	border-top: none;
	padding: 0 10px;
}

#payment_detail_box_table > tbody > tr.paymentsRow > td{
	padding-top: 20px;
}

#guest_detail_box > table, #payment_detail_box > table, #payment_data_box > table, #payment_note_box > table, #guest_detail_box_table {
	width: 100%;
    max-width: 100%;
}


.imgradio, .simgradio {
	font-family: FontAwesome;
    display: inline-block;
   	vertical-align: middle;
   	padding-left: 5px;
   	font-size: large;
   	cursor: pointer;
}

.imgradio:before {
	content: "\f10c"
}

.simgradio:before {
	content: "\f192";
}

#room_cancellation, #paymentdetailBox, .label-discount {
	cursor: pointer;
}

#room_cancellation:after, #paymentdetailBox:after, .label-discount:after {
	font-family: FontAwesome;
    display: inline-block;
   	vertical-align: inherit;
   	content: "\f129";
   	padding-left: 10px;
   	font-size: medium;
   	font-weight: normal;
}

#room_cancellation .cancellation_detail, #paymentdetailBox .paymentdetail {
    cursor: default;
    visibility: hidden;
}

#info_security:before {
	font-family: FontAwesome;
    display: inline-block;
   	vertical-align: middle;
   	content: "\f059";
   	padding-right: 5px;
}

#info_security span {
	display: none;
}

#button_box {
    margin: 20px 0;
}

#loading_box {
	margin: 20px 0;
}

#loading_box > div {
	padding: 10px;
}

#loading_box div.loader-title {
	font-size: 120%;
}

#loading_box div.loader p {
	line-height: 32px;
	margin: 0;
}

#loading_box div.loader p.loadDesc {
	font-size: 90%;
}

#loading_box img {
	vertical-align: middle;
}

.fb_iframe_widget {
	margin-bottom: 10px;
}

table.hoteldetail td:not(:first-child) {
	white-space: nowrap;
}

select[name="cc_expiration_month"] {
	width: 48%;
	margin-right: 2%;
    float: left !important;
}

select[name="cc_expiration_year"] {
	width: 48%;
	margin-left: 2%;
	float: right !important;
}

.paymentTypeInfo {
	text-align: center;
}

.paymentTypeInfo .modal {
	text-align: left;
}


/*------------------------------------------------------------
COMPARATOR
------------------------------------------------------------*/

#comparator-div {
	position: relative;
	min-height: 4px;
}

#comparator-div .loader-container {
	height: 4px;
}

#comparator-div .loader {
  height: 4px;
  width: 100%;
  top: 0;
  position: absolute;
  overflow: hidden;
  background-color: inherit;
}

#comparator-div .loader:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  animation: loading 2s linear infinite;
}

@keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}

#comparator div.best-offer {
	height: 75px;
}

#comparator div.best-offer > .best-offer-bk {
    border-bottom: 60px solid;
    border-color: inherit;
    border-left: 2px solid transparent;
    height: 0;
    margin-top: -21px;
    margin-left: -2px;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
}

#comparator div.best-offer > .best-offer-bk > div {
	transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    padding: 23px 10px 0;
    font-size: 26px;
}

#comparator .site-price {
	font-size: 30px;
	line-height: 30px;
}

#comparator .portal-price {
	font-size: 26px;
	line-height: 30px;
}

#comparator .site-currency {
	font-size: 20px;
}

#comparator .portal-currency {
	font-size: 16px;
}

#comparator hr {
	margin-top: 2px;
	margin-bottom: 4px;
}

@media screen and (max-width: 767px) {
	
	#comparator div.best-offer > .best-offer-bk > div {
		font-size: 18px;
		padding: 20px 7px 0;
	}
	
	#comparator div.best-offer > .best-offer-bk {
		border-bottom-width: 50px;
	}
	
	#comparator div.best-offer {
    	height: 55px;
	}
	
	.site-offer label, .portal-offer label {
		font-size: small;
	}
	
	.site-label, .portal-label {
		font-size: 12px;
	}
	
	#comparator hr {
		display: none;
	}
	
	#comparator {
		background: transparent !important;
	}
}

/* Classes for Price Comparator Widget */
body#price-comparator {
	padding: 0;
	background: transparent !important;
}

body#price-comparator #comparator-div {
	margin: 0;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.135);
}

/*------------------------------------------------------------
SUPPLEMENT AND ROOM BOX
------------------------------------------------------------*/
.supplement_div, .room_div, #booking_detail_box, .alert, #offer_div, #comparator-div {
	margin-bottom: 20px;
	box-shadow: 0 0.15em 0.35em 0 rgba(0,0,0,0.135);
}

.supplement_div .suppl_image {
    height: auto;
    width: 100%;
}

.supplement_box > thead > tr > th, .supplement_box > tbody > tr > th, .supplement_box > tfoot > tr > th,
.supplement_box > thead > tr > td, .supplement_box > tbody > tr > td, .supplement_box > tfoot > tr > td {
    padding: 10px;
}

#supplement_description {
    font-size: 140%;
}

.checkboxu, .checkbox {
	font-family: FontAwesome;
    display: inline-block;
   	vertical-align: middle;
   	padding-right: 5px;
   	font-size: large;
   	cursor: pointer;
   	margin: 0;
}

.checkboxu:before {	
   	content: "\f10c";
}

.checkbox:before {	
   	content: "\f192";
}

.supplement_box_detail select {
	width: auto;
}

.supplement_details  {
	line-height: 33px;
	text-align: center;
}

.supplement_description {
	font-size: small;
}

.supplement_description .add_supplement {
	cursor: pointer;
	color: #FFFFFF;
	text-align: center;
}

.supplement_description .add_supplement.mandatory {
	cursor: default;
}

.supplement_details > .clearfix > div {
	padding: 10px;
	margin-bottom: -1px;
}

.supplement_details > .clearfix > div.no-pad {
	padding: 10px 0;
}

.supplement_details .sum {
	font-size: 120%;
}

.supplement_description .tab {
	background-color: #616161;
    text-transform: uppercase;
    color: #FFFFFF;
}

.supplement_room_box, .header_room_box {
	font-size: 80%;
    text-transform: uppercase;
}

#room_qty_lbl {
	white-space: nowrap;
}

/*------------------------------------------------------------
CONFIRM PAGE
------------------------------------------------------------*/

#message_box > thead > tr > th, #message_box > tbody > tr > th, #message_box > tfoot > tr > th,
#message_box > thead > tr > td, #message_box > tbody > tr > td, #message_box > tfoot > tr > td,
#confirm_error > thead > tr > th, #confirm_error > tbody > tr > th, #confirm_error > tfoot > tr > th,
#confirm_error > thead > tr > td, #confirm_error > tbody > tr > td, #confirm_error > tfoot > tr > td {
    padding: 10px;
}

#confirm_error {
	margin-top: 50px;
}

#confirm_error #error:before {
	font-family: FontAwesome;
	display: inline-block;
	vertical-align: middle;
	font-size: 5em;
	content: "\f06a";
}


#confirm_error #success:before {
    font-family: FontAwesome;
    display: inline-block;
    vertical-align: middle;
    font-size: 5em;
    content: "\f058";

}


/*------------------------------------------------------------
INDEX PAGE
------------------------------------------------------------*/

#index_box .general_box {
	margin-top: 20px;
}

#index_box .language_box {
	margin-top: 20px;
}

#index_box .general_box #box_title {
    padding: 10px;
}

#index_box .general_box td#title_name {
    display: block;
    font-size: 1.7em;
}

#index_box .general_box .languages:before, #top_bar .languages:before {
	content:"";
	clear: both;
}

#index_box .general_box .languages, #top_bar .languages {
	float: right;
}

#index_calendar {
	margin-bottom: 20px;
}

#index_calendar legend {
    border: medium none;
    font-size: 120%;
    padding: 10px;
}

#viewPrice {
	white-space: normal;
}

#viewPrice:before {
	font-family: FontAwesome;
    display: inline-block;
   	vertical-align: middle;
   	content: "\f272";
   	padding-right: 5px;
}

.buttonsubmit {
	white-space: normal;
}

/*------------------------------------------------------------
DAILY PRICE PAGE
------------------------------------------------------------*/

#view_price_table #hotel_title {
	margin: 20px 0;
}

#dailyroom_table {
	font-size: 80%;
}

#dailyroom_table .dailyprices {
	font-size: inherit;
	cursor: pointer;
}

#dailyroom_table > thead > tr > th, #dailyroom_table > tbody > tr > th, #dailyroom_table > tfoot > tr > th,
#dailyroom_table > thead > tr > td, #dailyroom_table > tbody > tr > td, #dailyroom_table > tfoot > tr > td {
    padding: 10px;
    text-align: center;
}

#setPrevious, #setNext {
	font-family: FontAwesome;
    display: inline-block;
   	vertical-align: middle;
   	font-size: large;
}

#setPrevious {
	float: right;
}

#setNext  {
	float: left;
}

#setPrevious:before {
	content: "\f0a8";
}

#setNext:before {
   	content: "\f0a9";
}

#dailyroom_table .tdsselected, #dailyroom_table .daysrooms, #dailyroom_table .dailyprices_busy, #dailyroom_table .dailyprices {
	border: 1px solid #CCCCCC;
}

#dailyroom_table .tdsselected, #dailyroom_table .daysrooms {
	font-weight: bold;
}

#busytable {
	margin-top: 20px;
}

#busytable > thead > tr > th, #busytable > tbody > tr > th, #busytable > tfoot > tr > th, 
#busytable > thead > tr > td, #busytable > tbody > tr > td, #busytable > tfoot > tr > td,
#freetable > thead > tr > th, #freetable > tbody > tr > th, #freetable > tfoot > tr > th, 
#freetable > thead > tr > td, #freetable > tbody > tr > td, #freetable > tfoot > tr > td {
	border: none;
}

#busytable #busy:before {
	font-family: FontAwesome;
    display: inline-block;
   	vertical-align: middle;
   	font-size: large;
   	color: #a94442;
   	content: "\f05c";
   	padding: 0 10px;
}

#freetable #free:before {
	font-family: FontAwesome;
    display: inline-block;
   	vertical-align: middle;
   	font-size: large;
   	content: "\f05d";
   	padding: 0 10px;
}


/*------------------------------------------------------------
GALLERY
------------------------------------------------------------*/

#gallery_title, #options_box, #room_description_table, #room_facilities_table {
	 margin-bottom: 20px;
}

#room_description_table {
	font-size: 90%;
}

#room_facilities_table {
	font-size: 80%;
}

#room_facilities_table #box_title td {
	display: table-cell;
}

#gallery_title #box_title, #room_description_table .room_description_box, #room_facilities_table .room_facilities_box {
    padding: 10px;
}

#options_box .box_icons {
    padding: 10px;
    text-align: center;
}

p.icon {
	display: inline-block;
}

#gallery_images_box {
	padding: 0 10px;
	margin-bottom: 20px;
}

#gallery_images_box .gallery_image {
	margin: 10px 0;
}

#gallery_images_box .gallery_image.col-sm-4:nth-child(3n+1) {
    clear: left;
}

.room_facilities_box > table {
	width: 100%;
	max-width: 100%;
}


/*------------------------------------------------------------
MAP
------------------------------------------------------------*/
#map {
	height: 500px;
}

.maptext {
	margin-bottom: 20px;
	display: block;
}

#map_title, #text_description, #distance_title, #distance_description {
	width: 100%;
	max-width: 100%;
}

#text_description, #distance_description {
	margin-bottom: 20px;
}

#text_description .text_description, #distance_description .text_description {
    padding: 10px;
    font-size: 90%;
}

#map_title .text_title, #distance_title .text_title {
    border: medium none;
    font-size: 120%;
    padding: 10px;
}


/*------------------------------------------------------------
COMMENTS
------------------------------------------------------------*/
#feedback_table {
	margin-bottom: 20px;
}

.feedback_box > div, .comment_details_box {
    padding: 10px;
    font-size: 90%;
}

.feedback_box #room_description {
    border: medium none;
    font-size: 120%;
    text-align: center;
}

.feedback_box #average_value td {
	padding-bottom: 15px;
}

.feedback_box #comment_point, .feedback_box #empty_point {
	font-family: FontAwesome;
    display: inline-block;
   	vertical-align: middle;
   	padding: 0 1px;
}

.feedback_box #comment_point:before {
   	content: "\f111";
}

.feedback_box #empty_point:before {
   	content: "\f10c";
}

.feedback_box #empty_point img {
	display: none;
}

#comment_table {
	margin-bottom: 20px;
}

#comment_table .comment_title {
    border: medium none;
    font-size: 120%;
    text-align: center;
    padding: 10px;
}

#comment_table #setNext, #comment_table #setPrevious {
	font-size: x-large;
}

#comment_details_table {
	margin-bottom: 20px;
}

.details_description {
	font-weight: bold;
	padding-top: 15px;
}

.details_description.comment {
	padding-top: 35px;
}

.comment_details_box #room_description {
	font-family: inherit;
	font-size: inherit;
}

#client_type td {
	padding-bottom: 20px;
}

.comment_details_box #comment_point, .comment_details_box #empty_point {
	font-family: FontAwesome;
    display: inline-block;
   	vertical-align: middle;
   	padding: 0 1px;
}

.comment_details_box #comment_point:before {
   	content: "\f111";
}

.comment_details_box #empty_point:before {
   	content: "\f10c";
}

.comment_details_box #empty_point img {
	display: none;
}

/*------------------------------------------------------------
CROP IMAGES
------------------------------------------------------------*/

.auto-thumbnail {
  position: relative;
  width: 100%;
  height: 100px;
  overflow: hidden;
}
.auto-thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.auto-thumbnail img.portrait {
  width: 100%;
  height: auto;
}

/*------------------------------------------------------------
HOTELS LIST
------------------------------------------------------------*/

.hotel_description {
	font-size: 1.4em;
    display: block;
}

/*------------------------------------------------------------
MEDIA QUERIES
------------------------------------------------------------*/
@media screen and (max-width: 991px) {
	table td#sidebar[class*="col-"], table td#main[class*="col-"] {
		display: block;
		float: none;
	}
	
	.occupancy_persons
	{
		
		padding-top: 18px;
	}
	
}

@media screen and (max-width: 767px) {	
	.footer {
		font-size: x-small;
	}
	
	.modal-dialog {
    	margin-top: 10px;
	}

	.supplement_details > .clearfix > div.no-pad {
		padding: 0 10px;
	}
	
	.supplement_details > .clearfix > div.no-pad:first-child {
		padding-top: 10px;
	}
	
	.rate_box .occupancy_persons {
		padding-bottom: 0;
	}
	
	.room_box .btn-info 
	{
		float: right;
	}
}

@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)));

      }

}

@media print {

	#booking_detail_box, #booking_detail, #confirmation_box, #cancellation_box, #options_box .box_icons, 
	#gallery_title #box_title, #search_room, #offerDescriptions .offerli:hover, .rate_box {
		background: transparent !important;
	}


/* 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%;
}

	
}