/*
Main Green - 37874b
Brown Highlight - 54362c

// Big Bear
Red Highlight - c42129
Blue - 014f74

// Fuota
Orange Highlight - e95325
Broad Color - 778899
*/
/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
*/

/* Debug
* {
	outline: 1px solid #f00 !important;
}
*/

h1, h2, h3, h4, h5, h6, p
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/* ul, li { padding: 3px; } */

h1 { display: inline-block; }
img { border: none; border: 0px; max-width: 100%; transition: transform 0.25s ease; }
.imgzoom { transform: scale(2); }

html {overflow-y:scroll; }
a {outline: 0; cursor: pointer; }
table { font-size: 100%; }

input[type='checkbox']
{
	width:  13px;
}

label.checkbox input[type="checkbox"]
{
	opacity: 0;
	position: absolute;
}
label.checkbox span
{
	display:inline-block;
	border:2px solid #BBB;
	background-color: white;
	border-radius:3px;
	width:20px;
	height:20px;
	vertical-align:middle;
	margin:3px;
	position: relative;
}
/*
label.checkbox :checked + span
{
	width:27px;
	height:27px;
	margin: 2px;
}
*/
label.checkbox :checked + span:after
{
	content: '\2714';
	font-size: 18px;
	position: absolute;
	top: -3px;
	left: 3px;
}

.search_listing_type_label.checkbox span  { margin-left: 0; width:  11px; height:  11px; }
.search_listing_type_label.checkbox :checked + span:after { top: -5px; left:  -1px; font-size: 15px; }
/* *:focus {outline:none !important; box-shadow: inset 0em 0em 2em 0em white; } */
.input_error { outline: solid 2px red;  }
.select
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    height: 39px;
    font-size: 100%;
    width: 100%;

	border: solid 1px lightgrey;
    -webkit-appearance: none;
    -moz-appearance: none;
	padding: 10px;
	background: url(../images/select_arrow.png) no-repeat right #FFF;
	background-position: 97% 50%;
}

select::-ms-expand {
    display: none;
}
/*
select.inpSelect {
	-webkit-appearance: none;

}
*/

input
{
	border: solid 1px lightgrey;
}
textarea { border: solid 1px lightgrey; font-size: 100%; padding: 10px; }

.input
{
	line-height: 16px;
	padding: 10px;
	font-size: 100%;
	width: calc(100% - 22px);
}
.date { padding-top: 11px; padding-bottom: 9px; }

.submit
{
	line-height: 16px;
	padding: 10px 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 40px;
	font-size: 100%;
	cursor:  pointer;
}

/* Remove the annoying dotted border on firefox only */
input::-moz-focus-inner
{
	border: 0;
}

.input_text, .input_number, .input_select
{
	width: 100%;
}

.input_checkbox
{
	padding: 0px;
}
.info::after {
	content: "";
	display: inline-block;
	position: relative;
	top: 2px;
	right: -3px;
	width: 13px;
	height: 13px;
	background: url('../images/icons/info_black.png') 0 0 no-repeat;
	background-size: contain;
}

.hide { display: none; }
.disabled { pointer-events: none; cursor: default; }
.bg_semiopaque { background-color: rgba(0,0,0,.7) !important;
	transition: background-color 0.1s ease-out;
	transition: background-color 0.5s ease-in;
}
.bg_lessopaque { background-color: rgba(0,0,0,.4) !important;
	transition: background-color 0.1s ease-out;
	transition: background-color 0.5s ease-in;
}
.bg_none { background-color: none !important;
	transition: background-color 0.5s ease-out;
	transition: background-color 0.1s ease-in;
}
.bg_transparent { background-color: transparent !important;
	transition: background-color 0.5s ease-out;
	transition: background-color 0.1s ease-in;
}
.bg_semiopaque_white { background: rgba(255,255,255,.8) !important;
	transition: background-color 0.1s ease-out;
	transition: background-color 0.5s ease-in;
}
.bg_lessopaque_white { background: rgba(255,255,255,.4) !important;
	transition: background-color 0.1s ease-out;
	transition: background-color 0.5s ease-in;
}
.bg_white { background-color: white;
	transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-in;
}
.dimgrey { color: dimgrey; }
.red { color: #D22B2B; }
.green {color: green; }
.orange {color: orange; }
.yellow { color: #f5fb14; }
/*
.bg_semiopaque { background-color: rgba(0,0,0,.7);
	-moz-transition: background-color 1s ease-out;
	-webkit-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;

	-moz-transition: background-color 1s ease-in;
	-webkit-transition: background-color 1s ease-in;
	-o-transition: background-color 1s ease-in;
	transition: background-color 1s ease-in;
}
.bg_none { background-color: none;
	-moz-transition: background-color 1s ease-out;
	-webkit-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;

	-moz-transition: background-color 1s ease-in;
	-webkit-transition: background-color 1s ease-in;
	-o-transition: background-color 1s ease-in;
	transition: background-color 1s ease-in;
}
*/
#install_pwa_container { position: fixed; bottom: 0; padding: 20px; left: 0; right: 0;  z-index: 100; }
#install_buttom_label { display: block; color: white; margin-bottom: 10px; }
.pt02_carousel_listing { cursor: pointer; overflow: hidden; }
/* Search Form */
#search_form { float: left; display: inline-block; margin: 0 auto; text-align: center; margin-top: 15px; }
.search_form_input_name { display: none; position: absolute; top: -19px; padding-left: 10px; font-size: 80%; color: white; }
.search_form_input_container { position: relative; float: left; z-index: 49; border: solid 1px lightgrey; border-radius: 5px; }
#search_form_input_lodging_types { border: solid 1px lightgrey; color: white; padding: 10px; float: left; display: block; margin-right: 10px; text-align: left; min-width: 200px; max-height: 150px;}
#search_form_input_activity_types { position: relative; border: solid 1px lightgrey; color: white; padding: 10px; float: left; display: block; margin-right: 10px; text-align: left; max-height: 150px; min-width: 200px; }
.search_listing_type_label { font-size: 85%; margin-left: 5px; position: relative; top: -2px; cursor:  pointer;  }
.checkbox_label { cursor: pointer; }
.property_date_input { border: solid 1px lightgrey !important; }

#index_destination_input {width: 400px; }
.index_date_field { width: 300px;  }
.search_input { display: inline-block; font-size: 96%; float: left; padding-left: 35px !important; margin-right: 10px; width: auto; height: auto; border: solid 1px lightgrey; text-align: left; text-align-last:left; border-radius: 3px; background: rgba(0, 0, 0, .5); color: white; }
.search_date_field { max-width: 125px; display: inline-block; padding-left: 30px !important; font-size: 96%; float: left; margin-right: 10px; width: auto; height: auto; border: solid 1px lightgrey; text-align: left; text-align-last:left; border-radius: 3px; background: rgba(0, 0, 0, .5); color: white; }
.search_date_field { background-image:url(../images/events_icon.png); background-repeat: no-repeat; background-position: 4px 8px; background-size: 18px 18px;  }
.date_field { padding-left: 30px !important; width: calc(100% - 40px); height: auto; border: solid 1px lightgrey; text-align: left; text-align-last:left; border-radius: 3px; }
.date_field { background-image:url(../images/icons/events_icon_grey.png); background-repeat: no-repeat; background-position: 4px 8px; background-size: 18px 18px;  }
#search_sublocation, #destination, #destination_select { margin-bottom:  10px; background-image:url(../images/map_marker_icon.png); background-repeat: no-repeat; background-position: 3px 7px; background-size: 25px 25px;  }
#search_bedrooms { margin-top: 15px; background-image:url(../images/lodging_icon_black.png); background-repeat: no-repeat; background-position: 4px 8px; background-size: 18px 18px; width: 200px; }
#search_reviews { margin-top:  15px; background-image:url(../images/icons/star.png); background-repeat: no-repeat; background-position: 4px 8px; background-size: 18px 18px;  }
#search_custom_container { float: left; margin-left: 50px; margin-top: 2px; }
#search_custom { margin-right: 5px; margin-left: 50px; margin-top: 15px; background-image:url(../images/search_icon_black.png); background-repeat: no-repeat; background-position: 4px 8px; background-size: 18px 18px; }
#search_custom_button { min-height: 37px; height: 37px; width: 70px; margin-top: 15px; }
#search_sort { background-image:url(../images/updown_icon.png); background-repeat: no-repeat; background-position: 4px 8px; background-size: 18px 18px;  }
#search_guests, #grid_guests, #search_guests_display { margin-bottom:  10px; background-image:url(../images/guests_icon.png); background-repeat: no-repeat; background-position: 4px 8px; background-size: 22px 22px;  }
#guests_select { margin-bottom:  10px; background-image:url(../images/guests_icon_black.png); background-repeat: no-repeat; background-position: 4px 8px; background-size: 22px 22px;  }
.guests_selector_label { color: black; }
#search_toggle_extended_button_pc, #search_toggle_extended_button_mobile { font-size: 96%; }
#search_toggle_extended_button_mobile { display: none; }
.search_filter_input { background-color: white ; color: black; }
.search_custom_inline { background: black; color: white; }

.select_search_filter {  }
.select_search_dropdown { position: relative; display: inline-block; }
.select_search_content { display:  none; position: absolute; background-color: #fafafa; min-width: 230px; border: 2px solid lightgrey; z-index: 1; max-height: 350px; overflow-y: auto; }
.select_search_content a { color: black; padding: 12px 16px; text-decoration: none; display: block; }
.select_search_content a:hover {background-color: #f1f1f1}

/* Have to write all of them out as it will error out on the first one if written in a single line */
::-webkit-input-placeholder {
  color: grey;
}
::-moz-placeholder {
  color: grey;
}
:-ms-input-placeholder {
  color: grey;
}
:-moz-placeholder {
  color: grey;
}

#destination::-webkit-input-placeholder {
  color: white;
}
#destination::-moz-placeholder {
  color: white;
}
#destination:-ms-input-placeholder {
  color: white;
}
#destination:-moz-placeholder {
  color: white;
}

.form_container { float: left; width: 45%; margin: 1%; }
.form_label {display: inline-block; width: 36%; text-align: right; font-size: 110%; margin: 5px 0px; margin-right: 10px; }
.form_input {display: inline-block; padding: 10px; font-size: 110%; width: 60%; margin: 5px 0; }

.sub, .sup {vertical-align: baseline; position: relative; } /* 70% size of its parent element font-size which is good. */
.sub {bottom: -0.6em;} /* use em becasue they adapt to parent font-size */
.sup {top: -0.6em;} /* use em becasue they adapt to parent font-size */

html,body {
    margin:0;
    padding:0;
    height:100%;
    font-size: 15px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    overscroll-behavior-y: contain !important;
}

body {
	scrollbar-gutter: stable; /* Prevents layout shifts when scrollbars appear/disappear */
}

body::-webkit-scrollbar {
	-webkit-appearance: none; /* Removes any styling that hides the scrollbar */
	width: 15px; /* Adjust the scrollbar width as needed */
}
/* Optional: Customize the scrollbar style */
body::-webkit-scrollbar-track {
	background: #f1f1f1; /* Scrollbar track color */
}

body::-webkit-scrollbar-thumb {
	background: #888; /* Scrollbar thumb color */
	border-radius: 5px; /* Rounded corners */
}

body::-webkit-scrollbar-thumb:hover {
	background: #555; /* Thumb color on hover */
}

/* Scrollbar styles for Firefox (applied separately) */
@-moz-document url-prefix() {
	body {
	    scrollbar-width: thin; /* Thin scrollbar */
	    scrollbar-color: #888 #f1f1f1; /* Thumb and track colors */
	}
}

body {position: relative; width: 100%; margin: 0 auto; text-align: center;  }
#header {position: absolute; top: 0; text-align: left; width: 100%; z-index: 52; pointer-events: none; }
#header_placeholder {position: relative; height: 0px; width: 100%; }
#header_min {position: absolute; top: 0; height: 45px; text-align: left; width: 100%; z-index: 52; pointer-events: none; }
#header_min_placeholder {position: relative; height: 45px; width: 100%; z-index: -5; }
#header_min_sitename { position: relative; display: inline-block; top: 5px; left: 5px; line-height: 1; color: white; font-size: 160% !important; font-family: 'IM Fell English SC', serif; pointer-events: all; text-decoration: none; }
#afid_powered_by { font-family: 'Alegreya Sans', sans-serif; font-weight: normal; font-size: 50%; }
.title_font { font-family: 'IM Fell English SC', serif; }
.subtitle_font { font-family: 'Montserrat', sans-serif;  }
.sidebar_title { padding: 10px; line-height: 1.2; font-size: 130%; font-weight: bold; text-align: center; margin-bottom: 25px; }
#body {position: relative; width: 98%; margin: 0 auto; text-align: left; background-color: #f4f4f4; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -150px; } /* the bottom margin is the negative value of the footer's height */

.footer, .push {
height: 150px; /* .push must be the same height as .footer */
}

#main_menu_container { position: absolute; pointer-events: all; right: 0; top: 0; }
#content_menu_container { position: absolute; top: 3px; right: 0px; z-index: 500; max-height: 25px; }
.core_menu_icon { max-width: 25px !important; max-height: 25px !important; }
.main_menu_notify_icon { height: 25px; width: 25px; }

.cssmenu { z-index: 49 !important;  }
.cssmenu > ul > li > a { color: white; }
.cssmenu_break { width: 90%; text-align: center; margin: 0 auto; height: 2px; border-bottom: solid 1px lightgrey; }

.main_menu_subcontainer_title { color: white; }
#main_menu_accessibility_widget { pointer-events: all; display: inline-block; position: absolute; right: 60px; top: 6px; }
#accessibilityWidget { position: relative; z-index: 100; max-height: 27px; max-width: 27px; }
#main_menu_subcontainer
{
	display: inline-block;
	position: absolute;
	right: 70px;
	top: 5px;
	padding: 5px;
	border-radius: 3px;
	background-color: black;
	pointer-events: all;
}

.main_menu_sublink
{
	color: white;
	display: inline-block;
	padding: 0px 10px;
	text-decoration: none;
	font-size: 90%;
}

.contain_image {width: 100%; object-fit: contain; }

div.center-cropped {
    overflow: hidden;
}
div.center-cropped img {
    width: 100%;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

.warning_text { color: red; }

/* hide depending on mobile or pc */
.pc_clear_break { display: block; }
.mobile_clear_break { display: none; }
.mobile_hide {  }
.pc_hide { display: none; }

.leaf_label_link { display: inline-block; padding: 10px 25px; text-decoration: none; background-size: 100% 100%; cursor: pointer; }
.leaf_label_link:hover, .leaf_label_link_red:hover { box-shadow: none; }
.leaf_label_link:active, .leaf_label_link_red:active { box-shadow: inset 0em 0em 2em 0em white; }
.leaf_label_link:focus, .leaf_label_link_red:focus {outline:none !important; box-shadow: inset 0em 0em 2em 0em white; }

.leaf_label_link_red { display: inline-block; color: #FFFFFF; text-decoration: none; background-size: 100% 100%; cursor: pointer; white-space: normal; }

/*
<a href="" class="leaf_button_container">
	<div class="leaf_button_text">
		<div class="vertical_align">
			Managers
		</div>
	</div>
	<div class="leaf_button_overlay"></div>
	<div class="leaf_button_image_container">
		<div class="leaf_button_image_right"></div>
	</div>
</a>
*/

.leaf_button_container
{
	position: relative;
	display: inline-block;
	min-width: 80px;
	min-height: 40px;
	border-radius: 3px;
	cursor: pointer;
	margin: 0 !important;
	-webkit-transform: translateZ(0);
}

.leaf_button_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: background 0.5s ease;
	pointer-events: none;
}

.leaf_button_text_container {
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	text-align: center;
	font-size: 100%;
	left: 0%;
	z-index: 1;
	transition: left .5s ease;
	pointer-events: none;
}

.leaf_button_container:hover .leaf_button_text_container {
  left: -12%;
  transition: left .5s ease;
}

.leaf_button_image_container {
	display: block;
	position: absolute;
	top: 0;
	height: 100%;
	text-align: center;
	right: 0;
	width: 20%;
	max-width: 50px;
	opacity: 0;
	transition: opacity .5s ease;
	z-index: 1;
	pointer-events: none;
}

.leaf_button_image_left {
	background: url(../images/arrow_left_simple_white.png) no-repeat right;
	background-size: contain;
	width: 100%;
	height: 100%;
}

.leaf_button_image_right {
	background: url(../images/arrow_right_simple_white.png) no-repeat right;
	background-size: contain;
	width: 100%;
	height: 100%;
}

.leaf_button_image_down {
	background: url(../images/arrow_down_simple_white.png) no-repeat right;
	background-size: contain;
	width: 100%;
	height: 100%;
}

.leaf_button_image_up {
	background: url(../images/arrow_up_simple_white.png) no-repeat right;
	background-size: contain;
	width: 100%;
	height: 100%;
}

.leaf_button_container:hover .leaf_button_image_container {
	opacity: 1;
}


.simple_button_container
{
	position: relative;
	display: inline-block;
	min-height: 30px;
	border-radius: 3px;
	cursor: pointer;
	overflow: hidden;
}

.simple_button_text {
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	text-align: left;
	font-size: 90%;
	left: 3%;
	color: black;
	transition: left .5s ease;
	font-weight: 600;
}

.simple_button_container:hover .simple_button_text {
  left: 15%;
  transition: left .5s ease;
  color: white;
}

.simple_button_image_container {
	transition: right .5s ease;
}

.simple_button_container:hover .simple_button_image_container {
  right: -15%;
  transition: right .5s ease;
}

.simple_button_container:hover .simple_button_image_right {
  background: url(../images/arrow_right_simple_white.png) no-repeat right;
  width: 100%;
  height: 100%;
  background-size: contain;
  z-index: 5;
}

.simple_button_image_container {
	display: block;
	position: absolute;
	height: 100%;
	right: 0;
	width: 20%;
}

.arrow
{
	float: right;
	margin-right: 7px;
	position: relative;
    border: solid black;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 5px;
}

.arrow_right
{
	top: 8px !important;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.arrow_left
{
	top: 8px;
}

.arrow_down
{
	top: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.arrowup
{
	top: 12px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.link_mouse_icon { cursor: pointer; }
.search_advanced_link { text-decoration: none; color: white; cursor: pointer; }

.link { cursor: pointer; text-decoration: none; }
.basic_link { text-decoration: none; color: #37874b; cursor: pointer; }
a.basic_link:hover { }

.white_to_color_link, .white_to_black_link { text-decoration: none; }

.icon_link {display: inline-block; }
a.icon_link:hover { }

.tab_link { display: inline-block; text-align: center; font-size: 110%; border: solid 1px; padding: 5px; width: 100px; margin-right: -5px; }

.pagination_link { padding: 10px 15px; display: inline-block; margin-top: 10px; }

.hide_element { display: none !important; }
.show_element {display: block !important; }

.arrow_left { display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center center; width: 20px; height: 20px; background-image: url('../images/arrow_left.png'); }
.checkmark { display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center center; width: 20px; height: 20px; }
.questionmark { color: grey; font-size: 90%; }
.help_cursor { cursor: help; }

#logo { float: left; margin-left: 10px; background-size: 100% 100%; pointer-events: all; }

.select_guests { display: block; width: 40px; margin-right: 2%; }
.select_guests_label { display: block; text-align: center;  }
.basic_search_option { display: inline-block; margin: 0 -2px; }

.ui-tooltip {
    white-space: pre-line;
}

.search_ptype_title { clear: both; text-align: left; font-size: 150%; font-family: 'Montserrat', sans-serif; font-weight: bold; line-height: 1; padding: 10px; padding-top: 0; }
.datePicker, .search_input { cursor: pointer !important; }
.ui-datepicker .ui-corner-all { font-size: 95%; }
.datepicker_footer { background-color: white; color: black; text-align: center; margin-bottom: 5px; padding: 5px; border-radius: 3px; font-weight: bold; font-size: 95%; }

.price { font-size: 150%; color: #e26600; font-weight: bold; }
.price_separator { display: inline; }

/* .helptip { position: absolute; border: solid 2px; background-color: #FFFFFF; color: #000000; border-radius: 15px; padding: 2px 8px; font-weight: bold; cursor: help; text-align: center; font-size: 75%; } */
.helptip_min, .helptip { position: absolute; top: -5px; right: -7px; color: #000000; font-weight: bold; cursor: help; text-align: center; font-size: 80%; padding: 2px 8px; }
.events_none { pointer-events: none; }

.cta_button, .cta_button_outline, .default_button, .default_button_outline, .default_white_button, .default_close_button, .close_button_outline, .approve_button, .disabled_button, .white_button_outline, .cta_close_button, .cta_save_button
{
	font-size: 85%;
	padding: 8px 20px;
	border-radius: 5px;
	transition: border 1s, background-color 2s, color 1s;
	text-decoration: none;
	line-height: 1.1;
	text-align: center;
	max-width: calc(100%-60px);
	cursor: pointer;
	overflow: hidden;
	display: inline-block;
	cursor: pointer;
	overflow: hidden;
}

.cta_close_button { overflow: hidden; display: inline-block; background-color: #F47174; border: solid 2px #F47174; text-align: center; max-width: calc(100%-60px); color: white; border-radius: 3px; transition: border 1s, background-color 2s, color 1s; border-radius: 5px; text-decoration: none;  }
.cta_close_button:hover { background-color: #cf142b; border: solid 2px #cf142b; }

.cta_save_button { overflow: hidden; display: inline-block; background-color: #6CA468; border: solid 2px #6CA468; text-align: center; max-width: calc(100%-60px); color: white; border-radius: 3px; transition: border 1s, background-color 2s, color 1s; border-radius: 5px; text-decoration: none;  }
.cta_save_button:hover { background-color: #3B8471; border: solid 2px #3B8471; }

.freefloat_button_style, .fixed_button_style, .fixed_button_style_small
{
	text-align: center;
	-moz-box-shadow: 2px 1px 1px 0px #1D2120;
	-webkit-box-shadow:  2px 1px 1px 0px #1D2120;
	box-shadow: 2px 1px 1px 0px #1D2120;
	background-color: #FFFFFF;
	display: inline-block;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:5px;
	border:1px solid #125002;
	cursor:pointer;
	font-size:100%;
	padding:11px 10px;
	text-decoration:none;
	margin: 0 auto;
	color: #000000;
}

.freefloat_button_style:hover, a.freefloat_button_style:hover, a.freefloat_button_style:hover, a.fixed_button_style:hover, a.fixed_button_style_small:hover
{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #BCD5D1), color-stop(1, #37874b));
	background:-moz-linear-gradient(top, #BCD5D1 5%, #37874b 50%);
	background:-webkit-linear-gradient(top, #BCD5D1 5%, #37874b 50%);
	background:-o-linear-gradient(top, #BCD5D1 5%, #37874b 50%);
	background:-ms-linear-gradient(top, #BCD5D1 5%, #37874b 50%);
	background:linear-gradient(to bottom, #BCD5D1 5%, #37874b 50%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BCD5D1', endColorstr='#37874b',GradientType=0);
	background-color:#729f98;
	color: #FFFFFF;
}
a.freefloat_button_style:active
{
	-moz-box-shadow: 0px 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px 0px;
	box-shadow: 0px 0px 0px 0px;
	font-size: 95%;
	padding: 10px 9px;
	margin: 1.5px 1.5px;
}

a.disabled
{
	pointer-events: none;
	cursor: default;
}

a.disabled_visually, .disabled_visually
{
	background-image: none;
	background-color: lightgrey !important;
}

/* ICONS */
.icon { display: inline-block; border: none; background-size: contain; background-repeat:no-repeat; background-position: center center; }

.contain_image {width: 100%; object-fit: contain; }

#user_validation_container { position: fixed; bottom: 0; color: white; background-color: red; padding: 10px 10px; width: 100%; text-align: left; z-index: 900; }

.print_show { display: none !important; }

.property_addtocart_button, .activity_addtocart_button { font-weight: 600; }

/* HOMEPAGE */
.content_column { display: inline-block; vertical-align: middle; }
.content_column_01 {  }
.content_column_02 {  }
.content_column_divider { width: 100px; }

/* ========= Activity.php ========== */
#activity_listing_select_container { display: none; }
#activity_listing_radio_container { display: block; overflow-y: auto; }
#activity_summary_left_container { float: left; font-size: 85%; width: 50%; padding-left: 1%; }
#activity_summary_right_container { position: relative; float: right; line-height: 90%; width: 44%; padding-left: 1%; max-height: 520px; overflow-y: auto; }
#activity_price_summary { width: 100%; margin-bottom: 20px; margin-right: 0; padding-right: 0; }
#activity_price_total_display { float: right; text-align: right; line-height: 1; margin-top:  10px; }
.activity_addtocart_button { display: block; float: left; width: 50%; border-radius: 5px; height: 50px; font-size: 110%; line-height: 1.1; }
.gotocart_button { clear: both; display: none; float: left; width: 50%; border-radius: 5px; height: 60px; margin-top: 10px; }
#activity_hours_table { font-size: 100%; margin-top: 30px; width: 100%; border-collapse: collapse; }
#activity_in_past_error { float: left;  text-align: center; }
#activity_price_breakdown { font-size: 100%; border-collapse: collapse; width: 100%; margin-bottom: 40px; }
#time_calendar { padding: 0; margin: 0; width: 100%; }
#time_calendar_info { clear: both; width: 100%; margin:  0; }
#time_addtocart_message { font-size: 130%; max-width: 140px; font-weight: bold; text-align: center; }

#activity_require_date_disclaimer { text-align: center; margin-bottom: 20px; }
/*
#time_calendar { float:  left; position: relative; height: 100%; width: 330px; padding-right:  5px; font-size:  90%;  }
#time_calendar_info { float:  right; margin-right:  15px; }
*/
.time_calendar_row, .time_calendar_row_disabled { display: block; clear: both; border-bottom:  solid 1px; margin-top:  -1px; }
.time_calendar_row_disabled {  }
.time_calendar_row:hover {cursor: pointer; }
.time_calendar_row_disabled:hover {cursor: not-allowed; }
.time_container { float: left; width:  54%; padding: 20px 0px;  }
.time_inventory_container { float:  right; width: 44%; padding:  20px 0px; }

#time_quantity, #time_guests { display: block; float:  left; width: calc((99% - 95px) / 2); margin-right: 1%; font-size: 90%;}

/* Edit Page */
.edit_listing_container { margin-bottom: 15px; padding-top: 10px; }
#edit_page_container { position: fixed; top: 80px; left: 0; width: 100%; height: 100%; }
.edit_col { position: relative; float: left; height: calc(100% - 45px - 80px); width: 50px; border-right: solid 2px lightgrey; border-top: solid 2px lightgrey; transition: width 1s;}
#edit_col1_label, #edit_col2_label { display: none; }
#edit_col4_sub2 { position: absolute; width: 0; height: 0; }

#edit_col3, #edit_col4 { width: 50px; }
.edit_col_active { width: calc(50% - 53px) !important; }
.edit_col_inactive { width: 50px !important; }
.edit_list_status_label { font-weight: bold; margin-top: 40px; }

.edit_col_closed_label { writing-mode: vertical-rl; text-orientation: mixed; position: relative; left: -5px; font-weight: 600; top: 20px; }
.edit_col_padding { padding: 0px 15px; padding-bottom: 20px; }
.edit_col_subcol { float: left; width: 100%; }
#edit_col2_sub1, #edit_col3_sub1 { width: 70%; padding-right: 30px }
#edit_col2_sub2, #edit_col3_sub2 { width: calc(30% - 36px); }
.edit_menu_button { float: left; width: 180px; height: 35px; font-size: 90%; }
.edit_property_link, .edit_listing_link, .edit_listing_advanced_link, .edit_time_link { position: relative; display: block; padding: 7px; border: solid 1px lightgrey; min-height: 30px; font-size: 90%; border-radius: 5px; margin: 10px 0; border-radius: 3px; box-shadow: 2px 2px 2px lightgrey; }
.edit_listing_advanced_link { margin-left: 50px; }
.edit_property_link_status_icon { width: 15px; height: 15px; position: absolute; right: 5px; top: 15px; }
.gradient_highlight_link { background-color: #fffdd0;  }
.gradient_highlight_link:hover { border-color: black;  }
.edit_property_link_category { font-size: 85%; color: dimgrey; }
.edit_property_link_dates { position: absolute; bottom: 0; text-align: center; width: 100%; }
.edit_property_link_dates_listings { margin-left: -25px; }
.edit_property_link_active { box-shadow:0 0 0 2px black; }
.edit_property_link_inactive { box-shadow: 0; }
.restore_listing_image { background-image: url('../images/refresh_icon_black.png'); background-size: 100% 100%; width: 30px; height: 30px; text-align: center; }
.restore_listing_text { font-size: 85%; text-align: center; }

/* hack to make right border on tinymce show up properly */
div.mce-edit-area { padding-right: 1px; }

/* ========= Activity Edit ========== */
#activity_day_table_container { width: 100%; max-width: 100%; padding-top: 10px; padding-bottom: 10px; }
#activity_day_table { max-width: 100%; }
#activity_day_table th { position: relative; font-size: 95%; padding: 5px 5px; }
#activity_day_table td { font-size: 90%; padding: 5px 5px; text-align: center; width: 24%; }
.activity_day_time { max-width: 100px; }

/* ========= MANAGERS ========== */
#cc_fees_calculator_table { border-collapse: collapse; text-align: center; font-size: 100%; width: 100%; }
#cc_fees_calculator_table th, #cc_fees_calculator_table td { padding: 5px 15px; }
#cc_fees_calculator_table th { font-weight: 600; vertical-align: bottom; }
#cc_fees_calculator_table td { }
.cc_calc_fees_td { border-bottom: solid 1px lightgrey; }

.connect_merchant_setup_table { border-collapse: collapse; }
.connect_merchant_setup_table td { padding: 10px; padding-bottom: 20px; }

#manager_container { display: block; float: none; width: auto; padding-top: 5px; }
#manager_body { min-width: 1280px; }
#manager_menu { width: 100%; z-index: 1; }
.manager_menu_group { margin-bottom: 30px; margin-top: 15px; }
.manager_menu_subtitle { margin-bottom: 10px; color: grey; font-weight: bold; }
.manager_submenu_button { display: block; float: left; font-weight: bold; text-align: center; text-decoration: none; padding: 5px 15px; margin: 0 0; }

.disabled_link { pointer-events: none; cursor: default; }

.ui-datepicker { z-index: 1000 !important; }
.ui-datepicker.ui-datepicker-inline {
	width: 100% !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.listing_show_button { float: right; font-size: 70%; }

.available_unit_container { background-color: #F0F0F0; }
.available_unit_name { background-color: white; }

/* .ui-multiselect.search_listing_type_button { visibility: hidden; position: relative; top: -42px; } */
.ui-multiselect-menu { position: relative; z-index: 0 !important; }

#filter_setup_container { position: relative; }

#date_from_filter, #date_to_filter { position: absolute; }

#date_from_filter::-webkit-input-placeholder { color: #f1f1f1; }
#date_from_filter::-moz-placeholder { color: #f1f1f1; }
#date_from_filter:-ms-input-placeholder { color: #f1f1f1; }
#date_from_filter:-moz-placeholder { color: #f1f1f1; }
#date_to_filter::-webkit-input-placeholder { color: #f1f1f1; }
#date_to_filter::-moz-placeholder { color: #f1f1f1; }
#date_to_filter:-ms-input-placeholder { color: #f1f1f1; }
#date_to_filter:-moz-placeholder { color: #f1f1f1; }

.manager_calendar { contain: layout paint; background: white; position: relative; width: 100%; max-width: calc(100% - 2px); border-collapse: collapse; text-align: center; font-size: 85%; table-layout: fixed; overflow: hidden; border: 0; }
#calculated_from_container { position: absolute; left: 5px; margin: 0; padding: 0; top: -5px; font-size: 90%; min-width: 250px; }
#calculate_from { width: 100%; padding-right: 30px; max-width: 200px; }
/*
.manager_calendar:not(.nohover) tbody tr:hover { background-color: lightgrey; }
.manager_calendar td:hover::after, .manager_calendar th:hover::after { background-color: lightgrey; }
.manager_calendar td:hover::after, .manager_calendar thead th:not(:empty):hover::after, .manager_calendar td:focus::after, .manager_calendar thead th:not(:empty):focus::after { content: '';	height: 10000px; left: 0; position: absolute; top: -5000px;	width: 100%; z-index: -1; }
*/

/* #manager_calendar { position: relative; width: 100%; border-collapse: collapse; text-align: center; font-size: 80%; table-layout: fixed; overflow: hidden; border: 0; box-shadow:0 0 0 1px black; } */
.manager_calendar tr:hover td:first-child { background-color: lightgrey; }

.mc_th { position: relative; vertical-align: middle; font-weight:  400; }
.mc_td { contain: size; position: relative; border: solid 1px lightgrey; vertical-align: middle; height: 45px;}
.mc_listing_title, .mc_header_listing_title { text-align: right; font-weight: bold; width: 255px; padding: 2px 5px; padding-right: 10px; border-left: 0; z-index: 1; border-bottom: solid 1px transparent !important; vertical-align: middle; height: 35px; overflow: hidden; }
.mc_room_title { text-align: right; width: 255px; padding: 2px 5px; padding-right: 10px; border-left: 0; border-bottom: solid 1px transparent !important; }
.mc_room_title_text { height: 35px; overflow: hidden; }
.mc_listing_td {  }
.mc_activity_td { font-weight: normal; }
.mc_property_td { font-weight: bold; }
.mc_parent_unit { background-color: silver; }
.mc_override_ota_available_online_red { background-color: red; position: absolute; top: 0; left: 0; font-weight: normal; font-size: 55%; padding: 1px 2px; color: white; }
.mc_override_ota_available_online_purple { background-color: #a896c8; position: absolute; top: 0; left: 0; font-weight: bold; font-size: 55%; padding: 1px 2px; color: black; }
.mc_end_reservation { position: relative; }
.mc_start_reservation { position: relative; }
.mc_reservation { position: relative; }
.mc_text { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; }
.mc_price_title {vertical-align: top; border: 0;  }
.mc_price { vertical-align: top; border: 0; }
.mc_info_row { height: 200px; border: 0;}
.mc_extra_cell { position: relative; border: 0; padding-top: 20px; }

#mc_main_today_button { width: 180px; font-size: 90%; height: 30px; margin-left: 10px; }
#mc_options_panel { position: relative; float: right; padding: 0 15px; }
#mc_options_button { width: 140px; font-size: 90%; padding: 0 15px; }
#mc_quick_override_button { width: 140px; font-size: 90%; height: 40px; margin-top: 3px; margin-left: 10px; }
#mc_create_reservation_button { width: 140px; font-size: 90%; height: 40px; margin-top: 3px; margin-left: 10px; }
#mc_bedroom_select_container { position: relative; top: 45px; right: 10px;  }
#mc_quick_calendar_container { position: relative; width: 305px; font-size: 14px; float: left; margin-left: 5px; height: 85px; margin-right: 5px; }
#mc_quick_calendar_placeholder { display: none; }
.mc_title_text { position: relative; float: left; left: 5px; top: 0; max-width: 70%; text-align: left; }
.mc_property_row { contain: layout paint; }
.mc_room_row { contain: layout paint; height: 40px; border-top: solid 2px lightgrey !important; }
.calendar_summary_background_container { border-left: 0 !important; border-right: 0 !important; }
.calendar_summary_price_container {vertical-align: middle; font-size: 90% !important; color: grey; border-right: 0px !important; border-left: 0px !important; }

#mc_legend_container { font-size: 90%; width: 100%; margin-top: 10px; }
.mc_legend_type { margin-bottom: 2px; }
.mc_legend_type_color { float: left; width: 20px; height: 20px; }
.mc_legend_type_text { float: left; margin-left: 8px; }
.mc_input { display:table-cell; background-color:rgba(0, 0, 0, 0); color: white; text-align: center; width: 100%; height: 100%; padding: 12px; border: 0; }
.mc_input:focus { background-color: red; }
.mc_legend_type_color { border-radius: 3px; }
.mc_room_td_price { display: block; background: none; position: absolute; height: 100%; width: 100%; top: 0; color: grey; text-align: center; border: 0; pointer-events: none;}
.mc_room_td_price_override { background-color: rgba(93, 177, 93, 0.2); color: black; padding: 0; } /* background-color: #def9e4;  */
.mc_room_td_min_stay { position: absolute; bottom: -2px; right: 4px; font-size: 70%; }
.mc_room_td_min_stay_fixed { display: inline-block; padding: 0px 4px; padding-bottom: 0px; right: 1px; background-color: green; color: white; }
.mc_room_td_bottom_bar { position: absolute; width: 100%; left: 0; bottom: 0; height: 10px; pointer-events: none; }
.mc_room_td_bottom_bar_closed, .mc_room_td_bottom_bar_rtb, .mc_room_td_bottom_bar_unavailable { box-shadow: 1px 2px lightgrey; font-weight: bold; }
.mc_room_td_bottom_bar_closed { background-color: #cb6161; } /* rgba(218,37,20,.4);  */
.mc_room_td_bottom_bar_rtb { background-color: #a896c8; font-weight: bold; }
.mc_room_td_bottom_bar_unavailable { background-color: #cb6161; }
.mc_room_td_ib { position: absolute; bottom: -2px; left: 4px; font-size: 70%; border-radius: 2px; overflow: hidden; max-height: 14px; }
.mc_room_td_price_edit { background-color: white; color: black; font-weight: bold; }
.mc_highlight_weekend { background-color: #fcffd1; }
.mc_highlight_today { background-color: #D6FFF9 !important; }

.mc_override_available_online { border-bottom: solid 5px red !important; }
.mc_override_closed_to_arrival { box-shadow: inset 9px 0 9px -7px red; }
.mc_override_closed_to_departure { box-shadow: inset -9px 0 9px -7px red; }
.mc_override_ct_both { box-shadow: inset 9px 0 9px -7px red, inset -9px 0 9px -7px red;  }
.mc_room_unavailable { contain: layout paint; position: absolute; box-sizing: border-box; top: 50%; height: 100%; transform: translate(0%, -50%); cursor: pointer; border-radius: 3px; overflow: hidden; border-width: 2px !important; border-style: solid; }
.mc_room_unavailable_clipped { clip-path: polygon(20px 0, calc(100% - 5px) 0, calc(100% - 20px) 100%, 5px 100%) !important; border-top: none !important; border-width: 3px !important; }
.mc_room_unavailable_clipped_depart { clip-path: polygon(0 0, calc(100% - 5px) 0, calc(100% - 20px) 100%, 0px 100%) !important; border-top: none !important; border-width: 3px !important; border-left: none !important; }
.mc_room_unavailable { background: grey; color: #F5F5F5;}
.mc_rtb { position:absolute; box-sizing: border-box; top: 50%; height: 100%; transform: translate(0%, -50%); cursor: pointer; border-radius: 3px; overflow: hidden; }
.mc_rtb { background: #a896c8; }
.mc_rtb_waitlisted { background: orange; border-color: orange !important;}
.mc_rtb_approved { border-color: darkgreen !important; }
.mc_rtb_pending { background: #a896c8; border-color: #a896c8; }
.mc_payment_failed { border-color: white; animation: fadeBorderInOut 3s ease-in-out infinite; }
.mc_rtb_cancelled { border: solid 3px #a896c8 !important; background: lightgrey;  color: black; }
.mc_rtb_pending_manager { border-color: orange !important; }
.mc_room_owner { background: #FEFE75; color: black; }
.mc_room_not_checked_in { background: lightgreen; color: black; }
.mc_room_checked_in { background: #278900; color: white; }
.mc_room_cleaning_in_progress { background: #66FF99; color: white; }
.mc_room_checked_out { background: grey; color: #F5F5F5; }
.mc_hk_checked_in { background: #FFE370; }
.mc_room_unclean { background-color: red; color: white; }
.mc_room_manual_block { background: lightgrey; color: black; border-color: transparent !important; }
.mc_room_grouped { background-color: #6F4E37; }
.mc_room_unpaid { border-color: red !important; }
.mc_room_partial_unpaid { border-color: #f5fb14 !important; }
.mc_room_deposit_unpaid { border-color: #f5fb14 !important; }
.mc_room_paid { border-color: darkgreen !important; }
.mc_room_owner_no_clean { border-color: grey !important; }
.mc_room_owner_clean { border-color: yellow !important; }
.mc_room_no_border { border-color: transparent; }
.mc_room_default { border-color: lightgrey; }
.mc_reservation_text { position: relative; line-height: 1; pointer-events: none; text-align: left; height: 38px; }
.mc_reservation_quantity { position: absolute; bottom: 0; left: 3px; font-size: 85%; }
.mc_reservation_quantity_cliipped { position: absolute; bottom: 0; left: 8px; font-size: 85%; }
.mc_legend_type_missing_data { width: 13px; height: 13px; background-color: red; border: solid 2px lightgrey; border-radius: 50%; }
.mc_legend_type_owner_reservation { width: 13px; height: 13px; background-color: yellow; border: solid 2px lightgrey; border-radius: 50%; }
.mc_legend_type_checked_in { width: 13px; height: 13px; background-color: darkgreen; border: solid 2px lightgrey; border-radius: 50%; }
.mc_legend_type_not_checked_in { width: 13px; height: 13px; background-color: lightgreen; border: solid 2px lightgrey; border-radius: 50%; }
.mc_legend_type_checked_out { width: 13px; height: 13px; background-color: grey; border: solid 2px lightgrey; border-radius: 50%; }
.mc_legend_type_manual_block { width: 13px; height: 13px; background-color: lightgrey; border: solid 2px lightgrey; border-radius: 50%; }
.mc_legend_type_color_manual_block { width: 21px; height: 21px; background-color: lightgrey; }
.mc_legend_type_color_paid_in_full { width: 14px; height: 14px; border: solid 3px darkgreen; }
.mc_legend_type_color_unpaid { width: 14px; height: 14px; border: solid 3px red; }
.mc_legend_type_color_partial_payment { width: 14px; height: 14px; border: solid 3px #f5fb14; }
.mc_legend_type_color_rtb_approved { width: 14px; height: 14px; border: solid 3px #a896c8; background: #a896c8; }
.mc_legend_type_color_rtb_pending { width: 14px; height: 14px; border: solid 3px orange; background: #a896c8; }

#qo_days_changed_message { display: none; }

#reservation_edit_right_column { position: relative; float: right; width: calc(100% - 310px); text-align: left; height: 99%; }
#reservation_edit_left_column { position: relative; float: left; width: 300px; height: calc(100vh - 6px); }
#reservation_summary_container { position: absolute; top: 0; right: 10px; width: 190px; padding-top: 30px; text-align: left; height: 96%; }
#reservation_edit_form_container {float: left; display: block; text-align: left; width: calc(100% - 225px); }
#reservation_form { display: block; text-align: left; width: calc(100% - 225px); height: 100vh;  position: relative; padding-right: 15px; }
.reservation_container:nth-of-type(odd) { background-color: #F0F0E3; border-radius: 3px; }
.reservation_input { width: 49%; }
.reservation_input_left { float: left; }
.reservation_input_right { float: right; }
#reservation_add_extra_button { position: relative; float: left; width: 100px; }
#reservation_extra_name_container { position: relative; float: left; width: 35%; margin-right: 5px; }
#reservation_extra_quantity_container { position: relative; float: left; width: 15%; margin-right: 5px; }
#reservation_extra_amount_container { float: left; position: relative; width: 15%; margin-right: 5px; }
#reservation_transactions_type_container { float: left; width: 35%; margin-right: 2%; }
#reservation_transactions_amount_container { float: left; width: 35%; }
#reservation_transactions_button_container { float: left; width: 20%; margin-left: 2%; }
.reservation_transaction_list_detail { width: 100%; }
#reservation_mobile_footer_menu { display: none; }
.reservation_mobile_header_menu { display: none; }

#bookings_search { margin-left: 10px; min-width: 330px; }
#bookings_display_timeframe_container { float: left; margin-left: 30px; }
#bookings_display_timeframe { width: 170px; }
#bookings_display_cancelled { width: 150px; }
#bookings_display_cancelled_container { float: left; margin-left: 30px; }

.property_submenu_options { display: block; margin: 2px; width: 170px; text-align: center; }
.listing_submenu_options { display: block; margin: 2px !important; width: 65px; text-align: center; float: right; }
.search_submenu_options:hover { }

.edit_listing_container_checkbox {float: left; width: 31%; margin-bottom: 5px; margin-right: 5px; }
.edit_listing_field_checkbox { float: left; }
.edit_listing_field_checkbox_label { float: left; padding: 2px 0; font-size: 80%; overflow: hidden; max-width: 76%; }
.edit_listing_field_error { box-shadow: 0 0 10px red; } /* border: solid 3px red;  */
.edit_listing_field_information {position: absolute; bottom: 1px; right: 5px; font-size: 75%; color: grey; text-align: right; pointer-events: none; line-height: 1; height: 11px; overflow: hidden; }
.input_example_display { position: absolute; bottom: 2px; right: 5px; font-size: 75%; color: grey; text-align: right; pointer-events: none; line-height: 1; height: 11px; overflow: hidden; }
.edit_listing_title_information {font-size: 75%; color: grey; text-align: right; font-weight: normal; }
.edit_listing_field_prefix {position: absolute; top: 9px; left: 3; font-size: 100%; pointer-events: none; }
.edit_listing_title {position: relative; font-weight: 600; padding-left: 5px; }

.input_currency_symbol { position: absolute; top: 32%; left: 5px;  line-height: 100%; pointer-events: none; }

.edit_listing_field, .edit_listing_field_nosave, .edit_listing_field_noicon { border: solid 1px lightgrey; padding: 10px; font-size: 100%; margin: 1px; border-radius: 3px; box-shadow: 2px 2px 2px lightgrey; }
.edit_listing_field, .edit_listing_field_nosave { width: calc(100% - 22px); }
.edit_listing_field_noicon { width: 100%; }
.edit_listing_field_less_focus {font-size: 80%; color: grey; }

.price_edit_menu_link { position: relative; display: block; color: black; border: solid 1px lightgrey; padding: 10px 5px; }
.reservation_edit_menu_link { position: relative; display: block; color: black; border: solid 1px lightgrey; padding: 0px 5px; padding-top: 10px; padding-bottom: 10px; }
.reservation_section_title { position: relative; display: block; font-size: 150% !important; }
.reservation_container { padding:  15px; display:  none; }
.save_icon_image_link { position: absolute; top: 0px; right: 0; }

#rates_left_column { position: fixed; left: 0; width: 22%; padding: 15px; border-right: solid 1px; overflow-y: auto; }
#rates_right_column { position: fixed; right: 0; width: 73%; padding: 15px; overflow-y: auto; }

#peak_days_table td { width: 14%; }
.peak_days_checkbox { text-align:  center; margin-top: 10px; }

/* ========= REPORTS ========== */
.freport { width: 100%; border-collapse: collapse; font-size: 90%; margin-bottom: 50px; }
.freport th { background-color: white; color: black; }
.freport th, .freport td { text-align: center; padding: 10px; border: solid 1px lightgrey; }
.freport_property { text-align: left !important; padding-right: 30px; }
.freport_column_break { border: 0 !important; }
#freport_date, #freport_logo, #freport_listing_name { display: none; }
#freport_reservation_list_container { float: left; margin-right: 100px; width: 60%; }
#freport_deductions_container { float: left; width: 32%; }
.freport_property_totals { font-weight: bold; }

#adreport_container { width: 90%; margin: 0 auto; }
.adtitle { margin-bottom:  30px !important; }
.ad_subtitle { font-size: 140%; font-weight: 600; margin-bottom: 15px; text-decoration: underline; }
.ad_reservation_container { padding: 15px 0px; border-bottom: solid 1px lightgrey; page-break-inside: avoid; }

.confirmDeleteButton { background-color: #000000; }

.fixed_button_style {position: fixed; z-index: 500; font-size: 120%; padding: 20px 25px 20px 25px; }
.fixed_button_style:hover {  }

.fixed_button_style_small {position: fixed; z-index: 500; font-size: 100%; padding: 5px 10px 5px 10px; }

.pagetitle {font-size: 170%; font-weight: 600; padding: 5px; padding-left: 0px; margin-bottom: 10px; }
.pagesubtitle { font-size: 120%; font-weight: bold; margin: 10px 0px; }

.FreezePaneOff {visibility: hidden; display: none; position: absolute; top: -100px; left: -100px; }
.FreezePaneOn {position: fixed; top: 0px; left: 0px; visibility: visible; display: block; width: 100%; height: 100%; background-color: #FFFFFF; z-index: 900; filter:alpha(opacity=85); -moz-opacity:0.85; }
.InnerFreezePane {position: fixed; width: 66%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;   font-size: large; padding: 9px; }

.scrollDisabled { position: fixed; top: 0; }

#unread_messages_counter { position: absolute; top: -2px; left: 91%; text-align: left; font-size: 120%; font-weight: bold;  }
.message_details_container { display: block; text-align: left; font-size: 85%; background: white; padding: 8px; margin-top: -6px; margin-bottom: 6px; border-radius: 3px; }
.message_sentfrom { font-size: 80%; }
.message_subscribe_button { position: fixed; bottom: 25px; left: 25px; }
#message_notification_container {display: none; position: fixed; top: 0; width: 100%; z-index: 951; font-size: 115%; text-align: center; border-style: solid; border-width: 0px 0px 3px 0px; border-radius: 0px 5px 0 0;  }
#message_notification_area {display: table; padding: 10px; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; text-align: center; width: 95%; }
#message_notification_text { display: table-cell; vertical-align: middle; text-align: center; margin: 0 auto; }
.message_notification_highlight_success
{
	background-image:none !important;
	animation: fadeOutSuccess 3s ease-in-out;
}
.message_notification_highlight_failure
{
	background-image:none !important;
	animation: fadeOutFailure 3s ease-in-out;
}
.message_notification_color_success
{
	background-image:none !important;
	background-color: green !important;
}
.message_notification_color_failure
{
	background-image:none !important;
	background-color: red !important;
}
.button_highlight_anim { animation: buttonActiveAnim 3s ease-in-out infinite; }

/* I need this here, otherwise loading icons with logos will spin, such as BigBear.com */
.MessagesSpinForever { animation:spin 1s linear infinite !important; }

@keyframes fadeOutSuccess {
  0%   { background-color: #FFFFFF; }
  50%  { background-color: #BCED91; }
  100% { background-color: #FFFFFF; }
}

@keyframes fadeOutFailure {
  0%   { background-color: #FFFFFF; }
  50%  { background-color: #ff6666; }
  100% { background-color: #FFFFFF; }
}

@keyframes fadeBorderInOut {
	0%   { border-color: #FFFFFF; }
	50%  { border-color: #ff6666; }
	100% { border-color: #FFFFFF; }
}

@keyframes fadeOutlineInOut {
	0%   { outline-color: #FFFFFF; }
	50%  { outline-color: #ff6666; }
	100% { outline-color: #FFFFFF; }
}

#faq_contact_button { position: fixed; bottom: 0px !important; right: 1%; z-index: 53; padding: 5px 30px; line-height: 1; border-radius: 5px 5px 0 0; font-size: 90%;  text-decoration: none; }
#faq_contact_button_icon { display: inline-block; position: relative; font-size: 160%; font-weight: bold; margin-right: 10px; top: -4px; }
#faq_contact_button_text { display: inline-block; }
.faq_left_column { display: inline-block; font-weight: bold; width: 80px; padding-right: 30px; vertical-align: top; text-align: center; }
.faq_right_column { display: inline-block; width: calc(100% - 265px); }

.close_button {position: absolute; right: 0; bottom: -29px; width: 30px; height: 20px; line-height: 20px; font-size: 110%; text-align: center; margin: 0 auto; border-radius: 3px 0 0 0; border-style: solid; border-width: 0px 3px 3px 3px; padding: 3px 15px; font-weight: bold; cursor: pointer; text-decoration: none; border-radius: 0 0 7px 7px; }
.close_button_top {position: absolute; right: 0; top: -29px; width: 30px; height: 20px; line-height: 20px; font-size: 110%; text-align: center; margin: 0 auto; border-radius: 3px 0 0 0; border-style: solid; border-width: 3px 3px 0px 3px; padding: 3px 15px; font-weight: bold; cursor: pointer; text-decoration: none; border-radius: 7px 7px 0px 0px; }
.close_button_simple, .close_button_simple_white { transition: background-color 1s, color 1s; position: absolute; right: 0; top: 0; z-index: 5; color: red; line-height: 20px; font-size: 110%; text-align: center; margin: 0 auto; border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; padding: 3px 15px; font-weight: bold; cursor: pointer; text-decoration: none; border-radius: 4px;  }
.close_button_simple:hover {color: black; text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF; }
.close_button_simple_black { position: absolute; top: 0; left: 0; z-index: 5; color: black; line-height: 20px; font-size: 110%; text-align: center; border-color:  black !important; border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; padding: 3px 15px; font-weight: bold; cursor: pointer; text-decoration: none; border-radius: 4px;  }
.close_button_simple_black:hover {color: red; text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF; }

#loading_container { display: none;   }
#loading_background { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; z-index: 950; opacity: 0.80; }
#popup_background { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; z-index: 900; opacity: 0.80; }
#loading_text { position: fixed; width: 100%; top: 40%; transform: translate3d(0,-100%,0); padding: 20px 0; color: #FFFFFF; z-index: 951; font-size: 120%; border-radius: 10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; filter: blur(0); -webkit-filter: blur(0); }
#loading_message { font-size: 140%; padding:  0 20px; }
#loading_icon_container { position: absolute; left: 49%; }
#loading_icon, #loading_circle { position: absolute; display: block; margin: 0 auto; top: 15px; border: 0; left: -30px; }

#loading_icon, #social_loading_icon { background-image: url('../images/loading_icon.png'); background-size: 100% 100%; width: 60px; height: 60px; }
.SpinForever { animation:spin 1s linear infinite; }
.AlwaysSpinForever { animation:alwaysspin 1s linear infinite; }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
@keyframes alwaysspin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

#loading_circle { width: 60px; height: 60px; border-radius: 50px; background-color: white; }
.ScaleForever { animation:scale 1.5s ease-in-out infinite alternate; }
@keyframes scale
{
	0% { transform: scale(0.15); }
	100% { transform: scale(0.4); }
}

.rotate_180 { animation:rotate_180 0.5s linear; animation-fill-mode: forwards; }
@keyframes rotate_180 { 100% { transform: rotate(180deg); } }
.rotate_360 { animation:rotate_360 0.5s linear; animation-fill-mode: forwards; }
@keyframes rotate_360 { 100% { transform: rotate(0deg); } }

/* Global Formatting */
.curved_borders {border-radius: 20px; }
.vertical_align { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); zoom: 97%; }

.arrow_box {
	background: #FFFFFF;
	border: 4px solid #88734c;
	border-radius: 7px;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 17px;
	border: solid transparent;
	content: " ";
	height: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-width: 15px;
	margin-top: -15px;
}
.arrow_box:before {
	border-right-color: #88734c;
	border-width: 21px;
	margin-top: -21px;
}


/* ========= HEADER ========== */
#pms_header_phone_display { position: absolute; top: 0px; left: 50%; margin-left: -90px; text-align: center; color: white; line-height: 140%; }

/* Calendar */
.highlight_unavailable { }
.highlight_na { }

.close_black_button {display: block; width: 25px; text-align: center; border-radius: 3px; padding: 0 15px; background-color: #000000; color: #ffffff; font-weight: bold; cursor: pointer; text-decoration: none; }
.close_red_button {display: block; width: 25px; text-align: center; border-radius: 3px; padding: 0 15px; background-color: #D22E2E; color: #ffffff; font-weight: bold; cursor: pointer; text-decoration: none; z-index: 10;}
.close_black_button:hover { background-color: #D22E2E; }
.close_red_button:hover { background-color: white; color: black; }
.close_no_border { font-weight: bold; padding: 5px 5px; }
.close_no_border:hover { color:  #D22E2E; }

.ison_button { overflow: hidden; display: inline-block; background-color: green; text-align: center; max-width: calc(100%-60px); padding: 10px 30px; color: white; border: solid 2px grey; border-radius: 3px; transition: border 1s, background-color 2s, color 1s; border-radius: 5px; text-decoration: none;  }
.ison_button:before { content: "Active" }
.ison_button:hover { background-color: #D22E2E; border: solid 2px grey; }
.ison_button:hover:before { animation: ison_disable_preview 2s linear alternate; content: "Disable"; }

@keyframes ison_disable_preview
{
	0% {
	  opacity: 100%;
	  content: "Active";
	}
	50% {
	  opacity: 0%;
	}
	100% {
		opacity: 100%;
		content: "Disable";
	}
}

.isoff_button { overflow: hidden; display: inline-block; background-color: #D22E2E; text-align: center; max-width: calc(100%-60px); padding: 10px 30px; color: white; border: solid 2px grey; border-radius: 3px; transition: border 1s, background-color 2s, color 1s; border-radius: 5px; text-decoration: none;  }
.isoff_button:before { content: "Inactive" }
.isoff_button:hover { background-color: green; border: solid 2px grey; }
.isoff_button:hover:before { animation: ison_disable_preview 2s linear alternate; content: "Activate"; }

@keyframes ison_disable_preview
{
	0% {
	  opacity: 100%;
	  content: "Inactive";
	}
	50% {
	  opacity: 0%;
	}
	100% {
		opacity: 100%;
		content: "Activate";
	}
}

#calendar .fc-event { padding-left: 0px; padding-right: 0px; }
#calendar .fc-today { background-color: #ffffc7; color: #FFFFFF; }
#calendar .fc-other-month { background-color: #ededed !important; }


/* Popup Prompts */
.prompt_defaults { color: #000000; }
.prompt_title { font-weight: 600; }
.prompt_message { font-size: 130%; }
.prompt_button { }
.prompt_close { }
.prompt_prompt { }
.prompt_fade { }
.prompt_box {  }
.prompt_default_button { }

.calendar_popup_table_label { padding-right: 10px; color: #000000; }
.calendar_popup_table_value { color: #000000; }

.tooltip_popup { font-size: 80% !important; opacity: 1 !important; background-color: white; }
#powerTip { position: absolute; display: none; font-size: 90%; white-space: normal; max-width: 400px; background-color: white; }
/*
#event_popup_bar { display: block; position: fixed; bottom: 0px; right: 0; width: 350px; text-align: left; border: solid 2px; border-bottom: 0; border-radius: 5px 5px 0 0; background-color: #FFFFFF; color: #000000; }
#event_popup_container { display: none; position: fixed; bottom: 0; right: 0; width: 350px; text-align: left; border: solid 2px; border-bottom: 0; border-radius: 5px 5px 0 0; background-color: #FFFFFF; color: #000000; }
#event_popup_header { padding: 15px; text-align: center; }
#event_popup_body { overflow-y: auto; max-height: 350px; padding: 15px; }

.event_popup { display: block; margin: 10px 0; }
.event_popup_name { float: left; padding: 5px 10px; margin-right: 20px; }
.event_popup_price { float: right; padding: 5px 15px; width: 50px; text-align: center; }
*/
#listing_nav_container { margin-top: 10px; width: 59%; height: 25px; }
#listing_nav_back_button { display: inline-block; margin: 5px; font-size: 90%; }
#listing_nav_share_container { display: none; position: absolute; top: 38px; right: 5px; float: right; z-index: 10; }
#listing_nav_trail_container { position: absolute; right: 0; top: -5px; max-width: calc(100% - 100px); line-height: 1; font-size: 90%; }

.login_panel { margin: 0 auto; width: 90%; padding: 1%; }
#reset_password_panel { padding: 1%; margin-left: 2%; max-width:  400px; }
/*
#login_column { float: left; }
#register_column { position: relative; float: right; height: 91%; overflow-y: auto; }
*/
#register_button, #login_button { margin:  0 auto; padding: 15px 80px; font-size: 100%; margin-top:  20px; }
#termsandconditions_container { text-align: center; margin-top:  30px; }

#popup_center_container { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 905; display: none; }
#popup_center_display { z-index: 906; position: fixed; left: 0; right: 0; top: 5%; width: 75%; height: 90%; max-height: 90%; margin: auto; max-width: 100%; border: solid 3px; border-radius: 5px; }
#popup_right_options_menu { position: absolute; bottom: 0px; right: -55px; padding: 8px 5px; background-color: white; outline: solid 1px white; border-radius: 5px; z-index: 10;}

#popup_bottomleft_container { z-index: 910; position: fixed; display: none; left: 15px; bottom: 15px; height: auto; width: 300px; height: auto; border: solid 3px; border-radius: 5px; }
#popup_bottomright_container { z-index: 910; position: fixed; display: none; right: 15px; bottom: 15px; width: 350px; height: auto; border: solid 3px; border-radius: 5px; }
#popup_bottomright_display { padding: 10px; }
#popup_smallnotification_container { z-index: 2000; font-weight: 500; text-align: center; position: fixed; display: none; background-color: green; color: white;  top: 5px; right: 5px; cursor: pointer; font-size: 95%; width: 400px; max-width: 100%; height: auto; border: solid 1px; border-radius: 5px; }
#popup_smallnotification_display { padding: 15px 10px; }
#popup_save_container { z-index: 950; position: fixed; display: none; left: 30px; max-width: 200px; bottom: 0px; width: auto; height: auto; border: solid 2px grey; border-radius: 5px 5px 0 0; line-height: 1.2; padding: 5px 15px; font-size: 90%; }
#popup_social_container, #popup_social_loader_container { z-index: 10; position: fixed; display: none; right: 200px; max-width: 320px; bottom: 0px; width: auto; height: auto; border: solid 2px grey; border-radius: 5px 5px 0 0; line-height: 1.2; padding: 5px 10px; font-size: 90%; }
#popup_fullscreen_container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 900; display: none; }
#popup_fullscreen_display { contain: layout paint; z-index: 901; position: fixed; left: 0; right: 0; top: 0%; max-width: 1280px; background-color: white; margin: 0 auto; height: 99%; margin: auto; border: solid 3px; border-radius: 5px; overflow: hidden; }
#popup_social_loader_container { max-width: 300px; }
#social_loader { position: absolute; right: 0px; top: 0px; }
.social_loader_icon { position: absolute; top: 13px; right: 13px; width: 20px !important; height: 20px !important; }

/* ========= INDEX PAGE ========== */
.index_information_containers { float: left; width: 29%; margin: 0 2%;  }
.index_information_title { text-align: center; color: #e95325; font-size: 150%; }
.index_information_text { border: solid 2px; border-radius: 5px; padding: 15px; }

/* ========= PROPERTY PAGE ========== */

.property_input_name { position: absolute; top: -19px; padding-left: 10px; font-size: 80%; }
#property_image_container { position: relative; float: left; width: 59%; margin-right: 1%; }
#property_image_main { position: relative; object-fit: cover; width: 100%; border-radius: 5px; }
#property_booking_container { float: right; width: 39%; margin-bottom: 20px; margin-right: 1%; }
#property_information_container { float: left; width: 59%; min-height: 300px; position: relative; }
#property_price_summary { float: right; padding: 10px; padding-top: 0; margin-right: 0; padding-right: 0; margin-bottom: 5px; font-size: 80%; }
.property_price_summary_value { text-align: right; padding-left: 20px; }
#property_information_display { margin-bottom: 50px; margin-top: 20px; padding: 0 10px; }

#property_update_dates_form { margin-top: 20px; }
#property_add_to_cart_container { float: right; line-height: 90%; width: 33%; }
#property_checkin_info { float: left; font-size: 85%; width: 65%; }
#property_view_more_listings_button { clear: both; margin-top: 5px; display: none; }
.property_listings_individual_container { width: 100%; text-align: left; position: relative; display: block; padding: 4px; padding: 10px 0; min-height: 50px; }
.property_listings_individual_highlight { border-top: solid 4px #778899; border-bottom: solid 4px #778899; }
.property_listings_title { display: inline-block; width: 65%; font-weight: bold;  } /* 6D053C */
.property_listings_price { display: inline-block; width: 30%; height: 70px; padding: 0 5px; text-align: center; text-decoration: none; color: #FFFFFF; font-weight: bold; }
.property_listings_price:hover { color: #000000; }
.property_date_input { border: 0; width: 100%; } /* width: 95px; */
#property_amenity_icon_wifi { display: inline-block; background-size: contain; background-repeat:no-repeat; background-position: center center; width: 20px; height: 20px; }
#property_amenity_icon_breakfast { display: inline-block; background-size: contain; background-repeat:no-repeat; background-position: center center; width: 20px; height: 20px; }
#property_amenity_icon_pets { display: inline-block; background-size: contain; background-repeat:no-repeat; background-position: center center; width: 20px; height: 20px; }

#property_contact_container {float: right; width: 30%; }
#property_contact_button { float: right; margin: 0 auto; width: 150px; height: 50px; }
#property_price_container { text-align: right; margin-right: 0px; margin-bottom: 15px; }
#property_price_display { width: 100%; margin-top: 10px; }
#property_price_total_display { float: right; text-align: right; line-height: 1; }
.property_addtocart_button { display: block; float: left; width: 40%; border-radius: 5px; height: 60px; margin-top: 10px; }
.property_addtocart_na_message { text-align: center; font-size: 130%; margin-top: 25px; max-width: 60%; }
#property_summary_price { display: none; }
.property_summary_na_message {display: table-cell; text-align: center; vertical-align: middle; width: 5%; padding-right: 15px; font-size: 120%; line-height: 20px; }
#property_calendar_instructions { float: right; text-align: center; max-width: 40%; }

.property_amenity_label { float: left; padding: 2px 0; font-size: 80%; overflow: hidden; max-width: 76%; color: #000000; }
.property_review_overview_label {padding-right: 35px; }
#display_overview_stats_container { float: right; table-layout: fixed; width: 400px; border-collapse: collapse; font-size: 70%; text-align: center; border: solid 1px lightgrey; }
#display_overview_title { float: left; width: calc(100% - 400px); }
.property_review_general_info { float: left; margin-right: 40px; margin-bottom: 20px; max-width: 200px; position: relative; text-align: center;}
.property_review_table { float: left; border-collapse: collapse; }
.property_review_category_title { font-size: 110%; font-weight: bold; padding: 2px 0px; margin-right: 10%; margin-top: 15px; }
.property_review_category_text_container { overflow: hidden; max-height:  150px; }
.property_review_category_expand_button { float: right; margin: 5px 10px; font-size: 85%; }
#aboutus_review_container { float: left; margin-right: 80px; display:  inline-block; }
#aboutus_contact_container { float:  right; position: relative; top: -10px; font-size: 90%; display: inline-block; text-align: center; }
.aboutus_link { display: block; }
#display_sleeping_arrangements { width: 28%; margin: 0 2%; float: left; min-height: 170px; }

#question_find_disclaimer_container { float: right; font-size: 90%; }
#question_find_disclaimer_text { display: inline-block; position: relative; vertical-align: top;  top: 5px; margin-right: 10px; }
#question_find_disclaimer_buttons { display: inline-block; }

#displayPhotoContainer { float: left; width: 60%; }
#property_title {font-size: 1.8em; margin: 5px; font-weight: bold; }
#property_business_container {float: right; width: 38%; }
#listings_availability_container {float: right; width: 38%; }

.grid_image_container { position: relative; float: left; margin-left: 3px; margin-right: 10px; margin-bottom: 40px; width: 426px; }

.tutorial_animate { animation: tutorialFadeBorderInOut 4s ease-in-out infinite; }

.property_addtocart_icon { width: 60px; height: 60px; }

/* #property_image_container { position: relative; overflow: hidden; height: 400px; } */
#property_menu_container { margin-top: 10px; }
.property_menu_button { border-radius: 0 0 3px 3px; height: 45px; width: 13.7%;  font-size: 90%; font-weight: 600; }

#property_localarea_map { height: 500px; }

.container_left { border-right: 0 !important; margin-right: 0px; border-radius: 5px 0px 0px 5px; }
.container_middle { border-right: 0; border-left: 0; border-radius: 0 0 0 0; }
.container_right { border-left: 0 !important; margin-right: 10px; border-radius: 0px 5px 5px 0px; }

/* ========= SEARCH PAGE ========== */
#search_hero_image { z-index: -1; width: 100%; position: absolute; left: 0; top: 0; }
#search_advanced_container { text-align: left; z-index: 40; margin: 0; }
#search_advanced_active_filters { position: relative; padding-top: 5px; margin-top: 5px; margin-bottom: 10px; }
#search_advanced_form { position: relative; margin-top: 10px;  }
#search_advanced_main { display: inline-block; margin-left: 15px; position: relative; }
#search_advanced_main_left { float: left; max-width: 750px; }
#search_advanced_main_right { float: left; margin-left: 0px; }
#search_advanced_extended { margin-top: 15px; display: none; padding-bottom: 20px; text-align: left; width: 900px; }
#search_toggle_advanced_button { display: none; position: fixed; bottom: 0; left: 0; z-index: 50; padding: 5px; border-radius: 0 5px 0 0; }
#search_button_container { display: inline-block; margin-left: 0px; margin-top: 10px; }
#search_advanced_price_container { float: left; margin-left: 10px;  }
#search_price_slider_container { float: left; width: 300px; margin-top: 5px; margin-bottom: 10px; }
.search_filter_container { float: left; margin-right: 10px; }
.main_image_scroll_button { display: none; z-index: 1; position: absolute; top: 0; height: 100%; width: 40px; }
.main_image_scroll_button img:hover { top: 48% !important; width: 34px; }
.main_image_scroll_button img { position: absolute; top: 48% !important; width: 30px; margin: 0 5px; }
.image_left_scroll_button { left: 0; }
.image_left_scroll_button img { left: 0; }
.image_right_scroll_button { right: 0; }
.main_image_tile_scroll_button { top: 140px; }

#search_sort_label { float: left; line-height: 40px; display: inline-block; font-weight: bold; }
#search_sort { width: 140px; }
#search_instant_button { display: inline-block; background: rgba(0, 0, 0, .5); border: solid 1px lightgrey; border-radius: 3px; }
#search_instant_button_text { float: left; line-height: 1; font-size: 90%; color: white; padding: 4px; padding-right: 7px; }
#search_main_filters_container { float: left; width: 601px; }

#update_search_button { display: block; width: 125px; text-align: center; margin-top: 5px; margin-bottom: 20px; }
.search_advanced_fav_button { display: block; width: 145px; text-align: left; margin-top: 5px; margin-bottom: 20px; }
.search_advanced_right_button { display: block; margin-left: 10px; width: 125px; text-align: center; margin-top: 5px; margin-bottom: 20px; }
.search_advanced_price { max-width: 40%; font-size: 110%; color:#778899; font-weight: bold; border: 0 !important; }
.search_grid_title { padding-top:  70px; }
.grid_date_th { font-weight: bold; color: white; }
.grid_price { font-size: 90%; color: black; }
.search_grid_divider {clear: both; margin-bottom: 50px; }

#main_search_type_container { display: block; margin-bottom: 20px; }
.main_search_type_link { font-size: 90%; float: right; display: block; height: 75px; width: 85px; text-align: center; border-radius: 3px; text-decoration: none; margin: 0 1px; }
.main_search_type_divider { float: left; width: 1px; }

#search_view_type { position: relative; width: 100%; margin-bottom: 25px; z-index: 30; }
#search_view_type_inner { display: inline-block; vertical-align: bottom; }
.search_type_link { float: right; text-align: center; margin: 0 12px; pointer-events: auto; }
.search_view_type_link { display: inline-block; text-align: center; font-size: 110%; border: solid 1px; padding: 3px 0; pointer-events: auto; margin-right: -5px; }
#search_view_type_options { position: relative; float: right; padding: 0 10px; z-index: 51; }
#search_more_button { display: block; width: 50%; margin: 0 auto; margin-bottom: 25px; text-align: center; }
.search_package_deal { font-size: 80%; margin-bottom: 10px; }
.search_view_type_options_icons { display: inline-block; width: 35px; height: 35px; background-size: 100% 100%; }
#tripadvisor_logo_container_pc { display: inline-block; float: right; font-size: 75%; text-decoration: none; color: black; text-align: center; margin-right: 20px; }
#search_price_tip { position: absolute; top: calc(100vh + 20px); left: 0; display: inline-block; font-size: 75%; text-decoration: none; color: black; text-align: center; margin-bottom: 20px; }
#tripadvisor_logo_container_mobile { display: none; }
#search_mobile_favorites_toggle { display: none; }
#search_favorite_icon { background-image: url('../images/favorites_show.png'); }

.search_property_name_mobile { display: none; font-size: 140%; }
.search_property_name_pc { display: block; margin-bottom: 3px; font-size: 90%; line-height: 92%; }
.search_time_display { display: inline-block;  font-size: 95%; }
#search_time_break { display: inline-block; }
.search_time_label { display: inline-block; }
.search_managed_by { float: right; display: inline-block; text-align: right; }
#search_manager_filter { float: left; text-align: left; margin-left: 5px; margin-right: 40px; margin-top: 10px; }
#search_destination_info { float: left; margin-bottom: 20px; margin-right: 75px; }
.search_price_links_container { float: right; width: 32%; margin-top: -5px; }
.search_link_and_review_container { position: relative; text-align: right; float: right; width: 32%; height: 125px; }
.search_link { position: absolute; bottom: 0; right: 0; }
.search_link_brand, .search_link_activity { position: relative; float: right; margin-top: 5px; }
.search_external_link_label { float: left; font-weight: bold; position: relative; top: 2px; padding: 0 5px; }
.search_external_link_arrow { float: left; width: 23px; height: 23px; }

.search_tripadvisor_link { text-decoration: none; color: #000000; }
.search_tripadvisor_num_reviews { position: relative; top: -4px;  margin-left: 5px; }

.search_active_filter_link { display: block; float: left; margin: 2px; font-size: 80%; border: solid 1px; border-radius: 8px; padding: 2px 6px; text-decoration: none;  }
.search_active_filter_link h1 { padding: 0; margin: 0; font-size: 100%; font-weight: normal; }

.search_active_filter_x { margin-left: 10px; padding-right: 3px; }

#search_advanced_categories { float: left; height: auto; }
#search_advanced_categories_label { padding-left: 0px; top: -18px; }
#tip_message_container { position: relative; float: left; }
#tip_message { float: left; margin-top: 10px; border: solid 1px lightgrey; border-radius: 5px; padding: 1px; text-align: left; box-shadow: 1px 1px 2px #888888; }

.search_map_title { font-size: 130%; font-weight: bold; color: #000000; }
.search_map_listing_title { padding-bottom: 15px; font-size: 110%; }
.search_map_description { font-size: 120%; color: #000000; }
.search_map_price { float: right; margin-top: 5px; }


#search_brand_directory_title { float: left; font-size: 120%; padding-left: 20px; font-weight: bold; margin-right: 20px; }
.search_brand_container { float: left; display: block; position: relative; width: 600px; height: 430px; margin-top: 10px; margin-right: 25px; margin-bottom: 30px; text-align: left; color: #000000; background-color: #FFFFFF; }
.search_property_free_amenities { display: inline-block; font-size: 70%; padding: 0px 5px; text-align: center;}
.search_listings_container {width: 100%; text-align: left; position: relative; display: block; padding-bottom: 4px; min-height: 64px; text-decoration: none; overflow: hidden; margin-left: 5px; }
.search_listings_viewmore {display: block; width: 100%; padding: 7px 0; margin-left: 5px; text-align: center; }
.search_listings_price, .search_activity_price {display: block; margin-top: 0px; color: #000000; font-size: 90%; font-weight: bold; }
.search_price_per_night { font-size: 50%; margin-bottom: 3px; }
.search_listings_highlight_amenities {display: block; padding-left: 5px; }
.search_listings_amenity { display: inline-block; object-fit: fit; width: 20px; height: 20px; }
.brandlisting_search_details_link { left: 5px; }
.search_sub_label { display: inline-block; vertical-align: middle; font-size: 95%; width: 85px; margin-left: 5px; }
.search_sub_number { display: inline-block; vertical-align: middle; text-align: left; font-size: 135%; font-weight: bold; width: 55px; }
.search_event_start_date { float: left; }
.search_event_end_date { float: right; }
.search_marker_label
{
	background-color: white;
	padding: 5px;
	border-radius: 0 7px 7px 7px;
}

#search_marker_label { font-size: 120%; }

.search_event_sub_date { font-weight: bold; font-size: 130%; }
.search_event_sub_time { position: relative; font-size: 80%; font-weight: normal; margin-left: 10px; }

.search_listing_type { font-size: 87%; }
.search_listings_title { font-size: 87%; font-weight: bold; }
.search_events_title { display: inline-block; }
.search_brand_image_container { float: left; position: relative; width: 100%; height: 300px; border-radius: 4px; margin-bottom: 3px; }
.search_property_image_container {float: left; position: relative; width: 70%; height: 250px; border-radius: 4px; margin-bottom: 3px; }
.search_image { object-fit: cover; width: 100%; height: 100%; }
.search_property_sidebar_container {position: relative; float: left; width: 30%; height: 250px; }
.search_description_display { float: left; width: 67%; margin-bottom: 10px; }
.search_star_display { display: block; float: right; }

.search_add_to_favorites_button, .search_add_to_favless_button {display: block; z-index: 2 !important; }
.property_add_to_favorites_button {display: block; z-index: 5; position: absolute; right: 26px; top: 8px; }
.search_add_to_favorites_icon { background-image: url('../images/favorites_hide.png'); transition: background-image 0.5s ease-out; transition: background-image 0.5s ease-in; background-size: contain; background-repeat:no-repeat; background-position: center center; width: 35px; height: 35px; border: 0; }
.search_add_to_favorites_icon:hover { background-image: url('../images/favorites_show.png'); transition: background-image 0.5s ease; }

.search_add_to_favless_icon { opacity: 0.6; background-image: url('../images/icons/eye_grey.png'); transition: background-image 0.5s ease-out; transition: background-image 0.5s ease-in; background-size: contain; background-repeat:no-repeat; background-position: center center; width: 35px; height: 35px; border: 0; }
.search_add_to_favless_icon:hover { background-image: url('../images/icons/eye_red.png'); transition: background-image 0.5s ease; }
.search_remove_from_favless_icon { opacity: 0.6; background-image: url('../images/icons/eye_red.png'); transition: background-image 0.5s ease-out; transition: background-image 0.5s ease-in; background-size: contain; background-repeat:no-repeat; background-position: center center; width: 35px; height: 35px; border: 0; }
.search_remove_from_favless_icon:hover { background-image: url('../images/icons/eye_grey.png'); transition: background-image 0.5s ease; }

.search_remove_from_favorites_icon { background-image: url('../images/favorites_show.png'); transition: background-image 0.5s ease-out; transition: background-image 0.5s ease-in; background-size: contain; background-repeat:no-repeat; background-position: center center; width: 35px; height: 35px; border: 0; }
.search_remove_from_favorites_icon:hover { background-image: url('../images/favorites_hide.png'); transition: background-image 0.5s ease; }
.search_property_sub_description { position: relative; padding: 4px; margin-left: 1px; font-size: 85%; }

.search_icon_phone { display: inline-block; margin-left: 30px; background-size: contain; background-repeat:no-repeat; background-position: center center; width: 30px; height: 25px; background-image: url('../images/phone_icon_black.png'); }
.search_icon_phone_property { float: right; margin-right: 10px; display: inline-block; margin-left: 30px; background-size: contain; background-repeat:no-repeat; background-position: center center; width: 30px; height: 25px; background-image: url('../images/phone_icon_black.png'); }
.search_amenity_icon_wifi { display: inline-block; background-size: contain; background-repeat:no-repeat; background-position: center center; width: 25px; height: 25px; }
.search_amenity_icon_breakfast { display: inline-block; background-size: contain; background-repeat:no-repeat; background-position: center center; width: 25px; height: 25px; }
.search_amenity_icon_pets { display: inline-block; background-size: contain; background-repeat:no-repeat; background-position: center center; width: 25px; height: 25px; }
.search_amenity_icon_accessible { display: inline-block; background-size: contain; background-repeat:no-repeat; background-position: center center; width: 25px; height: 25px; }

.search_display_bottom_info { display: none; position: absolute; right: 0; bottom: 0px; text-align: right; padding: 5px 10px; font-size: 90%;  }

.search_amenity {float: left; width: 24%; margin-bottom: 5px; margin-right: 5px; }
.search_amenity_label { float: left; padding: 2px 0; font-size: 80%; overflow: hidden; max-width: 76%; color: #000000; }

.offer_icon_container { position: absolute; bottom: 0; left: 0; font-size: 70%; z-index: 15; }
.offer_icon { width: 0; height: 0; border-style: solid; border-width: 80px 0 0 80px; pointer-events: none; -webkit-transform:rotate(360deg) }
.offer_icon_text { position: absolute; bottom: 0; left: 0; padding: 5px; }

.offer_list_container { display: none; position: absolute; top: 0; left: 0; overflow-y: auto; margin: 0; width: 100%; height: 100%; text-align: left; z-index: 15; }
.offer_list_title { font-weight: bold; padding-left: 55px; margin-top: 15px; }
.offer_list { padding: 10px; margin-left: 55px;}

.offer_link { float: left; margin-bottom: 10px; text-decoration: none; }
.available_highlight_container { position: absolute; width: 85%; height: 85%; top: 50%; left: 50%; transform: translate(-50%, -50%);}

#reservation_edit_save_success { display: none; position: absolute; height: 20px; padding: 3px 50px; color: white; bottom: 100%; right: 70px; background-color: green; border-radius: 3px 3px 0 0; }
#reservation_edit_bottom_container { position: absolute; top: 100%; left: 50%; transform: translate(-50%, 0); text-align: center; font-size: 85%; width: 96%; border: solid 2px; border-radius: 0 0 3px 3px; }
.payment_summary_labels { min-width: 100px; }
.payment_summary_values { text-align: left; max-width: 50px; }

/* ========= MY ACCOUNT ========== */
.myaccount_booking_container { font-size: 95%; }
.myaccount_booking_container_image {float: left; width: 220px; padding: 0; }
.myaccount_booking_container_property_info {float: left; margin: 0 1%; width: 28%; }
.myaccount_booking_container_book_info {float: left; width: 23%; padding: 0 1%; padding-bottom: 0px;  }
.myaccount_booking_container_submenu {float: right; width: 26%; }
.myaccount_booking_container_button { display: inline-block; margin: 2px; width: 47%; text-align: center; margin-bottom: 3px; font-size: 95%; }
.myacount_booking_container_divider { width: 100%; height: 20px; margin: 10px 0px; }
.myaccount_update_settings { float: right; }

.myaccount_hidden_booking { color: grey !important; }
.myaccount_hidden_booking_summary { display: block; margin: 0px 0px; padding: 5px; font-weight: normal; }
.myaccount_hidden_booking_info { float: left; margin: 0 20px; }

.dashboard_title { font-size: 120%; margin-bottom: 10px; padding-left: 0px; font-weight: bold; margin-top: 25px; }
.dashboard_check_type { margin-top: 60px; }
.dashboard_booking_container_property_info {float: left; margin: 0 1%; width: 45%; }
.dashboard_booking_container_book_info {float: right; width: 45%; padding: 0 1%; padding-bottom: 0px;  }
.dashboard_booking_container_submenu {clear: both; padding-top: 10px; width: 100%; }

.news_eta_text { font-size: 80%; font-weight: normal; margin-left: 10px; }

/* ========= REVIEW ========== */
#review_page_details { margin-top: 30px; margin-bottom: 70px;text-align: center; }
.review_button {float: left; display: block; margin: 2px; width: 250px; text-align: center; margin-bottom: 3px; font-size: 95%; }
#review_page_title {position: absolute; text-align: center; }
#review_form { float: left; width: 50%; }
#review_form_description_container {float: left; padding-right: 10px; margin-right: 30px; width: 25%; height: 140%; }
.review_title { font-size: 140%; margin-bottom: 20px; }
#review_resetpass_container { position: absolute; top: 10px; right: 10px;  text-align: center; width: 300px;  z-index: 5; }

.star, .star_half, .star_empty, .ratings_stars, .ratings_vote, .ratings_over
{
	display: inline-block;
	width: 15px;
	height:  15px;
	background-size: 100% 100%;
	filter: invert(93%) sepia(39%) saturate(5085%) hue-rotate(358deg) brightness(105%) contrast(102%);
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center center;
}

.ratings_stars, .ratings_vote, .ratings_over
{
	width:  35px;
	height:  35px;
}

.star_empty, .ratings_stars { background-image: url('../images/icons/star_empty.png'); }
.star_half { 	background-image: url('../images/icons/star_half_empty.png'); }
.star, .ratings_vote, .ratings_over { background-image: url('../images/icons/star.png'); }

.review_type_container {position: relative; margin-bottom: 30px; }
.review_text_container { position: relative; }
.review_type_description { position: relative; font-size: 90%; margin: 10px 3px; }
.review_optional_disclaimer {position: absolute; left: 5px; bottom: 5px; font-size: 80%; }

/* ========= REGISTER  ========== */
.register_type_container {display: inline-block; margin-top: 20px; }
.register_title { text-align: right; margin-right: 5%; }
/* #register_password_popup { display: none; color: #000000; text-align: left; position: absolute; left: 105%; top: 0; width: 300px; padding: 10px; font-size: 90%; } */
#register_password_popup { display: block; position: relative; left: 0; top: 0; width: 90%; margin: 0 auto; padding: 10px; font-size: 90%; }


#register_manager_container { width: 50%; margin: 0 auto; margin-bottom: 20px; }
#register_manager_success { margin-top: 50px; color: #778899; font-size: 300%; font-weight: bold; }
.register_manager_border_box { border: solid 3px #778899; border-radius: 5px; padding: 3%; }
.register_step { position: relative; display: inline-block; padding: 10px 0; margin: 0 -3px; font-size: 110%; text-align: center; }
.register_step_completed { }
.register_step_checkmark { position: absolute; width: 30px; right: 30; }
#register_trouble_disclaimer { margin-top: 35px; text-align: center; }
.intl-tel-input {width: 100%; margin: 1px; }

#forgot_password_input_container { display: inline-block; width: 40%; margin: 0 auto; }
#forgot_password_email_container { float: left; position: relative; width: 70%; }
#forgot_password_button { width: 29%; float: left; padding: 12px 15px; }

/* ========= SHOPPING CART  ========== */
#sc_content_display { position: relative; left: 0; margin-left: 2%; max-width: 70%; font-size: 95%; border: solid 1px transparent; overflow-y: auto; padding-right: 15px; }
#sc_fixed_menu { border: solid 1px transparent; position: fixed; width: 25%; right: 0%; padding-top: 10px; margin-left: 2%; font-size: 95%; overflow-y: auto; padding-right: 2%; }
#sc_purchase_button_container { text-align: center; position: fixed; bottom: 0; right: 0; background-color: white; z-index: 5; width: 27%; }
#optin_container { width: 90%; margin: 0 auto; text-align: center; margin-top: 15px; padding-bottom: 0px; font-size: 85%; }
#sc_user_form { max-width: 98%; margin: 0 auto; margin-top: 30px; }
#sc_user_form_info { font-size: 90%; margin-top: 5px; text-align: left; padding-left: 10px; }
#sc_accept_card_image { font-size: 90%; margin-top: 0px; text-align: center; padding-bottom: 100px; }
#sc_listing_extra_info { margin-top: 10px; }
#sc_summary { padding: 1%; width: 98%; border-collapse: collapse; font-size: 90%; }
#sc_summary td { padding: 5px; }
#sc_promocode_form { float: left; font-size: 80%; width: 100%; margin-bottom: 100px; padding-bottom: 100px; }
.sc_total_price { float: left; font-weight: bold; font-size: 120%; margin-top: 40px; margin-right: 40px; }
.sc_purchase_button {display: block !important; margin: 0 auto; text-align: center; margin-bottom: 3px; max-width: 99%; font-size: 160%; font-weight: 600; padding: 20px 0 !important; font-family: 'Montserrat', sans-serif; }
.sc_purchase_button_saved { float: left; width: 70%; }
.sc_purchase_other_button { height: 60px; }
.sc_unavailable_message { display: none; background-color: red; padding: 10px 15px; color: #FFFFFF; }
#sc_header_total { position: absolute; top: 0px; right: 6px; font-size: 100%; color: white; font-weight:  bold; text-align: center;  }
.sc_item_container { margin-bottom: 5px; padding: 10px; position: relative; }
.sc_item_container_background { border-radius: 5px; }
.sc_purchase_item_completed_text { text-align: center; padding: 0 5px; border-radius: 5px; }
.sc_agreement_checkbox { float: left; margin-top: 12px; margin-right: 10px; }
.sc_agreement_text { position: relative; top: 10px; left: 5px; }
.sc_agreement_age_text { position: relative; top: 15px; left: 5px; }
.sc_booking_container_submenu {float: right; width: 24%; min-height: 180px;}
.sc_agreement_checkbox_container { font-size: 85%; padding-bottom: 32px; margin-top: 15px; text-align:left; margin-left: 5px; }
.sc_booking_container_property_info {float: left; margin: 0 1%; width: 34%; }
.sc_booking_container_book_info {float: left; width: 30%; padding: 0 1%; padding-bottom: 0px;  }
.sc_extras_table { border-collapse: collapse; font-size: 90%; text-align: center; margin-bottom: 20px; margin-top: 30px; width: 100%; }
.sc_extras_table td { padding: 3px 0px; padding-left:  15px; }

#sc_upsell_container { z-index: 500; display: block; position: fixed; bottom: 0px; right: 0; height: 400px; width: 350px; text-align: left; border: solid 2px; border-bottom: 0; border-radius: 5px 5px 0 0; background-color: #FFFFFF; color: #000000; }
#sc_upsell_header { padding-left: 10px; padding-top: 3px; padding-bottom: 3px; margin-bottom: 20px; text-align: left; font-weight: bold; font-size: 110%; }
#sc_upsell_body { position: relative; padding: 10px; overflow-y: auto; height: 295px; overflow-x: hidden; }
#sc_upsell_footer { position: absolute; bottom: 0; padding: 5px 0;  text-align: center; font-weight: bold; font-size: 100%; width: 100%; }
#sc_login_message { margin-top: 5px; padding: 5px; text-align: center; display: none; }
#sc_agent_disclaimer {width: 100%; padding: 10px 10px; text-align: center;  color: white; }

/* ========= Things To Do  ========== */
#ttd_map_container { position: relative; float: left; width: 39vw; height: 60vh; z-index: 0; }

/* ========= Request To Book  ========== */
#rtb_column_1 { float:  left; width:  49%; }
#rtb_column_2 { float:  right; width:  49%; }
#expiration_countdown { margin-bottom: 10px;  }
.rtb_timer { color: red; font-weight: bold; }

/* ========= Confirmation  ========== */
#upsell_column_1 { float: left; display: inline-block; padding: 20px 30px; max-width: 65%; font-size: 300%; font-family: 'Montserrat', sans-serif; font-weight: bold; line-height: 1;  }
#upsell_column_2 { float: left; display: inline-block; max-width: 33%; padding: 20px 30px; margin-left: 50px; }
#upsell_title, .upsell_title { position: relative; text-align: left; padding-bottom: 20px; padding-top: 25px;  }
.upsell_title_text { font-size: 170%; font-family: 'Montserrat', sans-serif; font-weight: 600; line-height: 1;  }
#extras_upsell_more_button { width: 400px; float: right; margin-right:  15px; }

/* ========= Housekeeping ========== */
.hk_task_container {  width: auto; padding: 15px; font-size: 90%; border-bottom: solid 1px; }
.hk_property_name_info { width: 40%; float: left; }
.hk_task_title { font-weight: bold; color: #578DC0; }
.hk_task_info { float: left;  padding: 10px; min-width: 100px; }
.hk_task_actions_container { width: 200px; }
.hk_video_details_button { float: right; top: -10px; }
.hk_set_clean_button { position: relative; margin-top: 10px; width: 200px; font-size: 95%; }
.hk_youtube_player_container { float: left; width: 300px; padding: 0px; margin-right: 25px; margin-bottom: 30px; }
.hk_submit_note_button { float: left; font-size: 95%; width: 200px; margin-top: 5px; margin-bottom: 30px; }

.assign_housekeeper_input { float: right; max-width: 59%; border: 0; }
.assign_housekeeper_room_price_container { float: left; position: relative; max-width: 75px; margin-left: 10px; }

/* ========= Messages  ========== */
#canned_response_container { position: absolute; top: 11px; left: 0px; }
#message_header { position:  relative; padding: 10px; padding-bottom: 10px; border-bottom: solid 1px lightgrey; min-height: 30px; margin-bottom: 0; }
#message_title { float: right; font-size: 90%; text-align: right; line-height: 1.1; }
#message_status_info { float: right; margin-left: 20px; }
#chat_notification_container { position: absolute; top: 1px; left: 2px; padding: 3px 15px; text-align: center; z-index: 10; border-radius: 0 0 3px 3px; }
#chat_notification_text { color: white; display: inline-block; font-size: 80%; vertical-align: middle; line-height: normal; padding: 7px 0; }
.chat_thread_link { display: block; width: 200px; margin: 5px 0px; }
a.linkified:has(> .cta_button) { text-decoration: none; }
#messages { position: relative; width: 100%; height: 100%; margin: 0; }
#message_system_display { position: relative; }
#message_input_container { position: absolute; bottom: 0px; padding: 0; margin: 0; height: 55px; width: 100%; }
#message_input, #message_submit_container { font-family: 'Open Sans', cursive; font-size: 95%; }
#message_input { white-space: pre-wrap; position: absolute; min-height: 42px; max-height: 200px; left: 40px; bottom: 0; height: auto; overflow: hidden; overflow-wrap: anywhere; resize: none; padding: 5px 10px; border: solid 1px lightgrey; width: calc(80% - 64px); overflow-y: auto; text-align: left; }
#message_submit_container { float: right !important; position: relative; font-weight: bold; width: 20%; height: 56px; }
#message_submit { position: absolute; bottom: 0; right: 0; height: 100%; width: 100%; }
#message_submit_loading { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#messages_icon_container { position: absolute; top: 15%; left: 28%; }
#messages_loading_icon, #messages_loading_circle { position: absolute; display: block; margin: 0 auto; top: 5px; border: 0; left: 5px; }
#messages_loading_circle { width: 40px; height: 40px; border-radius: 40px; margin-left: -2px; margin-top: -1px; background-color: white; }
#messages_loading_icon { background-image: url('../images/loading_icon.png'); background-size: 100% 100%; width: 35px; height: 35px; }
.message_display { display: inline-block; white-space: pre-line; }
.message_from, .message_to, .message_system { position: relative; font-size: 90%; min-width: 160px; max-width: calc(100% - 30px); padding: 12px 10px;  margin: 1px 5px; padding-bottom: 20px; }
.message_from { float: left; }
.message_to {  float: left; }
.message_system { font-weight: bold; text-align: center; width: 100%; }
.sys_message {  }
.sys_message_title { cursor: pointer; display: inline-block; font-weight: bold; }
.sys_message_info { font-size: 90%; }
.message_text { position: relative; z-index: 2; overflow-wrap: break-word; }
.message_from_username, .message_to_username { position: relative; font-size: 80%; text-align: center; top: 10px; margin: 0px 5px; }
.message_from_username { float: left;  z-index: 2; border-radius: 10px 10px 10px 10px; }
.message_to_username { float: left;  z-index: 2; border-radius: 10px 10px 10px 10px; }

/* ========= HELP PAGES  ========== */
.list_title { font-weight: bold; font-size: 135%; margin-bottom: 5px;}
.list_description { font-size: 95%; margin-bottom: 30px; }

#agreement_reservation_container, #agreement_policy_container { max-width: 1280px; text-align: left; margin: 0 auto; }
#agreement_reservation_container { margin: 0 auto; padding: 10px; padding-bottom: 0; display: inline-block; }
#agreement_print_header { display: none; padding: 10px; margin-bottom: 20px; }

#agreement_more_options_container { float: left; width: 273px; min-height: 120px; margin-bottom: 20px; margin-right: 15px; padding: 15px; border-right: solid 2px lightgrey; border-bottom: solid 2px lightgrey; border-radius: 0 0 5px 0; }
#agreement_reservation_info_container { float: left; display: inline-block; font-size: 100%; margin-right: 60px; margin-top: 15px; padding: 5px; margin-bottom: 20px; }
#agreement_manager_info_container { float: left; display: inline-block; padding: 5px; margin-bottom: 20px; }

#agreement_policy_container { padding: 10px; padding-top: 0;  }
.agreement_image { float: left; width: 300px; margin-right: 15px; }
.agreement_reservation_label { display: inline-block; width: 25px; min-width: 25px; color: dimgrey; font-size: 80%; }
.agreement_reservation_info { display: inline-block; font-size: 110%; }
.agreement_property_info { float: left; display: inline-block; vertical-align: top; margin-right: 60px; margin-bottom: 30px; padding: 0px; }
.agreement_property_info_print { display: none; }
.agreement_property_details { float: left; display: inline-block; margin-right: 20px; }
.agreement_date_info { float: right; vertical-align: top; margin-right: 60px; margin-bottom: 20px; font-size: 100%; padding: 5px; }
#agreement_custom_field { margin-bottom: 30px; }
#agreement_property_description { margin-top: 50px; }
#agreement_signature_container { margin-top: 50px; display: none; }
.invoice_write_line_container { float: left; width: 46%; padding-left: 2%; padding-right: 2%; margin-bottom: 20px; }
.invoice_write_line { border-bottom: solid 1px; font-size: 120%; }
.invoice_write_line_title { font-size: 85%; }

#agreement_more_options_label {  float: left; width: 350px; margin-right: 15px; font-size: 90%; }
.agreement_more_options_button { font-size: 90%; margin-right: 10px; margin-top: 3px; }
#agreement_redeem_container { margin-top: 30px; text-align: left; }
#agreement_redeem_text { max-width: 300px; float: left; font-size: 90%; margin-right: 20px; }
.agreement_breakdown_row { font-size: 85%; border-bottom: solid 1px lightgrey; }
.agreement_breakdown_label { display: inline-block; width: 230px; text-align: right; border-right: solid 1px lightgrey; padding-right: 10px; margin-right: 10px; line-height: 1; }

#help_container { width:  45; max-width: 600px; }

#feedback_content_display { position: relative; height: 100%; padding: 25px; padding-top: 35px; }
#feedback_button { transform: rotate(90deg); z-index: 50; display: inline-block; position: fixed; font-size: 95%; bottom: 90px; left: -35px; max-width: 70px; padding: 5px 15px; border-bottom: 0; border-radius: 5px 5px 0 0; }
#feedback_button:hover { color: white !important; }

/* ========= FOOTER  ========== */
#footer_container { height: 150px; padding-bottom: 50px;}
#footer_information_container { width: 70%; padding: 1%; font-size: 85%; margin: 0 auto; }
.footer_column { float: left; width: 18%; margin: 0 3%; }
.footer_column_title { padding: 0 5px; margin-bottom: 5px; font-size: 115%; font-weight: bold; text-decoration: underline; }
.footer_link { display: inline-block; text-decoration: none; color: #FFFFFF; }

/* ========= FINANCIAL REPORT ========== */
#notes_print { display: none; }

/* ========= Template 02  ========== */
#template_02_phone { position: relative; float: left; margin-top: -30px; margin-left: 15px; font-size: 130%; }

/* ========= Signup Page  ========== */
.signup_page { margin-top: 30px; }
.flexrow { display: flex; flex-wrap: wrap; grid-gap: 80px; justify-content: center; width: 100%; }
.flex-break { flex-basis: 100%; height: 0; }
.signup_container { display: table-cell; position: relative; padding: 32px 64px; width: 488px; background: #F4F3F4; border-radius: 20px; padding-bottom: 10px; }
.signup_container_title { font-family: Mont; font-style: normal; font-weight: 800; font-size: 32px; line-height: 41px; letter-spacing: -0.02em; margin-bottom: 15px; }
#signup_hero_title { display: inline-block; position: relative; top: 40%; color: white; -webkit-text-stroke: 1px black; font-size: 300%; line-height: 1.0; font-weight: bold; }
/*
.signup_feature_container { display: flex; flex-wrap: wrap;  }
.signup_feature_list_item { flex: 1; border: solid 2px lightgrey; border-radius: 5px; padding: 25px; margin: 10px; display: flex; justify-content: center; align-items: center;}
*/
.signup_feature_container { display: grid; gap: 1em; grid-template-columns: repeat(auto-fit, minmax(10em, 25em));
	justify-content: space-evenly;
	justify-items: center;
	align-content: space-evenly;
	align-items: center;
}
.signup_feature_list_item { position: relative; border: solid 2px lightgrey; border-radius: 5px; padding: 20px 25px; height: 110px; }
.signup_feature_list_item_title { font-weight: 600; margin-bottom: 5px; }
.signup_feature_list_item_text { font-size: 90%; }
.signup_feature_list_pms_background { background-color: lightgrey; }

.signup_pricing_title { font-weight: bold; margin-top: 30px; margin-bottom: 10px; font-size: 120%; border-bottom: solid 1px lightgrey; padding-bottom: 5px; }
.signup_pricing_table { border-collapse: collapse; margin: 0 auto; }
.signup_pricing_table td { padding: 3px 20px; }
.signup_pricing_table td:nth-child(2) { text-align: right; font-weight: 600; min-width: 60px; }
.signup_pricing_table td:nth-child(3) { text-align: left; font-size: 95%; }
.signup_pricing_input_fdx, .signup_pricing_input_hipinn { width: 60px; }
.signup_pricing_input_fdx { background: none; border: none; }

.signup_website_container {
	display: grid;
	gap: 1em;
	row-gap: 2em;
	/* grid-template-columns: repeat(auto-fit, minmax(400px, auto)); */
	grid-template-columns: repeat(2, 1fr);
	justify-content: space-evenly;
	justify-items: center;
	align-content: space-evenly;
	align-items: center;
	margin: 0 auto;
}
.signup_website_field_container { position: relative; padding-bottom: 20px; width: 100%; text-align: left; }
.signup_wrapper { width: 70%; max-width: 1000px; margin: 0 auto; margin-top: 20px; }
#subdomain_status { position: absolute; }
#signup_create_website_button { display: block; margin-top: 10px; }

/* ========= END Signup Page  ========== */

.iti__flag {background-image: url("../plugins/intlTelInput/flags.png");}
.iti { width: 100%; height: 42px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag {background-image: url("../plugins/intlTelInput/flags@2x.png");}.intl-tel-input {width: 100%;} }


/* =Mobile ------ */
@media all and (max-width: 1279px)
{
	#main_menu_accessibility_widget { right: 60px; }
	#accessibilityWidget { max-width: 27px; max-height: 27px; }

	#logo
	{
		width: 25%;
	}

	#basic_search_container
	{
		width: 100%;
	}

	#date_from::-webkit-input-placeholder, #date_to::-webkit-input-placeholder {
	  color: grey;
	}
	#date_from::-moz-placeholder, #date_to::-moz-placeholder {
	  color: grey;
	}
	#date_from:-ms-input-placeholder, #date_to:-ms-input-placeholder {
	  color: grey;
	}
	#date_from:-moz-placeholder, #date_to:-moz-placeholder {
	  color: grey;
	}

	#search_view_type_options { position: relative; width: 100%; padding: 0; margin: 0; }
	#main_search_type_container { width: 100%; margin: 0; }
	.main_search_type_link { height: 50px; margin: 0;}
	#main_menu_subcontainer { display:  none; }

	.pagetitle {font-size: 150%; }

	#powerTip { max-width: 100vw; }

	.fullscreen { position: fixed !important; top: 0 !important; left: 0; display: block; height: 100%; width: 100%; overflow-y: auto; z-index: 51 !important;}
	#popup_bottom_container { width: 98%; }
	#popup_center_display { top: 0; left: 0; width: 99vw; max-width: 99vw; height: 99vh; max-height: 99vh; margin: 0; padding: 0; }
	#popup_right_options_menu { position: fixed; bottom: 0px; right: 0px; padding: 8px; background-color: white; border: solid 2px lightgrey; border-radius: 5px 0 0 0; z-index: 10;}
	#popup_social_container, #popup_social_loader_container { width: 190px; max-width: 190px; left: 5px; font-size: 85%; padding: 5px 10px; }
	#popup_fullscreen_display { top: 0; height: 99%; }

	#popup_smallnotification_container { top: initial; left: 0; margin: 0; bottom: -1px; width: 100%; border: 0; }
	#faq_contact_button_icon { font-size: 150%; margin-right: 15px; top: -3px; }
	#faq_contact_button_text { font-size: 85%; }
	.faq_left_column { display: block; width: auto; text-align: left; }
	.faq_right_column { display: block; width: auto; margin-top: 25px; }

	.login_panel { width: 98%; }
	#reset_password_panel { margin: 0; max-width:  100%; }
	#register_column { margin-top: 20px; overflow-y: initial; }
	#gcaptcha_container { clear: both; margin-bottom: 15px; -webkit-transform: none; transform: none; }

	#search_go_button { margin-top: 5px; margin-left: 5px; }

	#displayPhotoContainer, #listings_availability_container { width: 100%; }

	.simple_button_container { margin-top: 15px; }

	.form_container { display: block; width: 98%; margin: 1%; }
	.form_label {display: block; width: 100%; text-align: left; font-size: 110%; }
	.form_input {display: block; font-size: 110%; width: 100%; margin-bottom: 10px; }

	/* Header */
	#header_min_sitename { left: 2px; text-decoration: none; font-size: 100%;}
	#pms_header_phone_display { display: none; top: 85px; }
	#content_menu .desktop_menu { display: none; }
	#user_validation_container { text-align: center; }
	#user_validation_right { float: left; margin-top: 20px; }
	#user_validation_button { display: block; margin-top: 15px; }

	.register_type_container { width: 100%; }
	.register_title { text-align: center; }
	#register_password_popup { display: block; position: relative; left: 0; top: 0; width: 90%; margin: 0 auto; padding: 10px; font-size: 90%; }
	#register_password_popup::before { display: none; }
	#register_password_popup::after { display: none; }
	#register_trouble_disclaimer { text-align: center; }
	#register_button, #login_button { width: 100%; }
	#forgot_password_input_container { width:  100%; }
	#forgot_password_email_container { clear: both; width:  100%; }
	#forgot_password_button { width:  100%; margin-top:  3px; }

	#listing_nav_container { position: relative; width: 100%; display: block; padding-bottom: 5px; }
	#listing_nav_back_button { position:  relative; display: none; }
	#listing_nav_trail_container { display:  block; position: relative; height: auto; width: auto; font-size: 90%; }
	#listing_nav_share_container { top: 30px;  }

	/* Property */
	#property_listings_container { height: 210px; overflow: hidden; }
	#property_view_more_listings_button {display: block; }
	#property_image_container { width: 100%; margin-right: 0%; }
	#property_image_main { max-height: 300px; }
	#property_booking_container { width: 100%; margin-right: 0; }

	#property_add_to_cart_container { width: 49%; margin-top: 15px; }
	#property_checkin_info { width: auto; padding: 10px; }

	#property_price_container { margin-right: 10px; }
	#property_price_summary { font-size: 90%; }
	#property_price_total_display { float: right; margin-bottom: 20px; margin-left: 1%; }
	#property_price_display { float: left; margin-top: 25px; width: 49%; }
	.property_price_summary_value { padding-left: 10px; }

	.property_addtocart_button, .activity_addtocart_button { width:  100%; height:  60px;  }
	.property_addtocart_na_message { max-width: 100%; }
	#property_summary_price { display: table-row; }
	#property_calendar { display: none; }
	#property_calendar_instructions { display: none; clear: both; max-width: 100%; padding: 10px; }

	#property_information_display { margin-top: 0px; }
	#property_update_dates_form { margin-top: 0px; font-size: 90%; }
	#property_contact_button { display: none; }
	#property_information_container { width: 100%; }
	#property_menu_container { float: left; width: 100%; margin-bottom: 10px; }
	.property_date_input { display: inline-block; width: 100%; margin: 1%; border: solid 2px #37874b;  }
	.property_menu_button {width: 49% !important; font-size: 95%;}
	.property_review_general_info { max-width: 100%; padding: 0px; margin-right: 0px; width: 100%;  }
	.property_review_table { width: 100%; }
	#property_localarea_map { height: 400px; }
	#aboutus_review_container { margin-right:  0px; width: 100%;  }
	#aboutus_contact_container { width:  100%; text-align: left; margin-top: 25px; }
	.aboutus_link { display: inline-block; width: 47%; float: left; margin-top: 20px; margin-bottom: 10px; }
	#aboutus_phone_link { text-align: right; }
	.edit_listing_container_checkbox {width: 48%; }

	#question_find_disclaimer_container { clear: both; width: 100%; text-align: center;}
	#question_find_disclaimer_text { clear: both; display: block; text-align: center; width: auto; top: 0; margin: 0; padding: 0; margin-bottom: 3px;  }
	#question_find_disclaimer_buttons { display: block; width: 100%; }

	#display_overview_title { float: none; width: 100%; margin-bottom: 10px;  }
	#display_overview_stats_container { float: none; width: 100%; margin-bottom: 10px; }
	#display_sleeping_arrangements { width: 45%; }

	/* Index */
	#search_form { float: left; display: block; margin: 0 auto; text-align: center; }
	.search_form_input_container, .property_form_input_container { width: 47%; margin: 0 0.5%; margin-top: 20px; }
	#index_destination_input { width: 100%; }
	.index_destination_input { width: 98%; }
	.index_date_field { width: 100%; }
	.date_from { width: 98%; margin: 0; margin-left: 0.5%; }
	.date_to { width: 98%; margin: 0; margin-right: 0.5%; }
	.search_input { width: 100%; background-color: white; color: black; }

	.index_information_containers { float: none; width: 100%; margin: 0; margin-top: 70px; }
	.index_information_text { min-height: auto; margin-bottom: 30px; }

	.pc_clear_break { display: none !important; }
	.mobile_clear_break { display: block !important; }
	.mobile_hide { display: none !important; }
	.pc_hide { display: block !important; }

	/* Search */
	#search_hero_image { display: none; }
	#search_advanced_main { width: 100%; margin: 0; }
	#search_advanced_container { position: absolute; display: none; width: 100%; text-align: center; margin: 0 auto; border-bottom: solid 2px; padding-bottom: 30px; z-index: 60 !important;}
	#search_advanced_extended { width: 100%; z-index: 900; }
	#search_advanced_form { clear: both; text-align: center; }
	#search_view_type_container { border-radius: 3px; padding: 15px; background: none !important; }
	#search_view_type_map, #search_view_type_tiles { display:  none; }
	#search_view_type_favorites { color: black !important;  }
	#search_advanced_price_container { width: 90%; margin: 20px 0; margin-left: 5%; }
	#search_price_slider_container { float: none; width: 90%; margin: 0 auto; }
	#search_toggle_advanced_button { display: block; z-index: 62;}
	#search_button_container { float: none; display: inline-block; margin: 0 0; margin-top: 10px; text-align: center; }
	.search_filter_container { position: relative; display: block; margin-top: 25px;  }
	.search_icon_phone { float: left; margin-left: 0px; margin-right: 30px; }
	.search_icon_phone_property { float: left; margin-right: 15px; margin-left: 0px; }
	#search_sort_align { float: none; }
	#search_view_type { position: relative; bottom: 0; left: 0; margin: 0 auto; text-align: left; pointer-events: none; margin-bottom: 10px; }
	#search_view_type_inner { display: inline-block; width: 100%; vertical-align: bottom; }
	#search_mobile_favorites_toggle { clear: both; display: inline-block; margin-top: 10px; }
	#search_custom { margin: 0; width:  70%; }
	#search_custom_button { margin-top: 0px; margin-bottom: 0; width: 20%; }
	#search_instant_button { margin-top: 10px; }
	#search_main_filters_container { width: auto; }
	.search_view_type_link { border: solid 1px; border-top: 0; padding: 3px 0; border-radius: 0px 0px 5px 5px; pointer-events: auto; }
	.search_date_field, .date_field { color: black; }
	.search_date_field, date_field { background-image:url(../images/events_icon_black.png); }
	#search_sublocation, #destination, #destination_select { margin-bottom:  0;  }
	#search_sort { width: 100%;  }
	#search_guests, #grid_guests { background-image:url(../images/guests_icon_black.png); }
	#search_bedrooms { float: left; margin-top: 15px; margin-left: 10px; width: 46%;  }
	#search_reviews { float:  right; margin-top:  15px; width: 46%; }
	.search_time_display { display: block; }
	#search_time_break { display: none; }
	.search_time_label { width: 60px; }
	.search_grid_title { padding-top:  50px; }
	.search_grid_divider { display: none; }
	.search_advanced_fav_button { display: block; clear: both; margin: 0 auto; }
	#search_toggle_extended_button_pc { display: none !important; }
	#search_toggle_extended_button_mobile { display: block; position: relative; float: none; margin: 0 auto; position: relative; margin-top: 15px; margin-bottom: 10px; width: 105px; text-align: center; }
	#update_search_button { float: none; display: inline-block; margin: 0 auto; position: relative; top: 15px; width: 125px; margin-bottom: 5px; text-align: center; }
	#search_advanced_main_right { float: none; }

	#date_from { min-width: auto; }
	#search_guests { min-width: auto; }
	#search_form_input_lodging_types, #search_form_input_activity_types { border: 0; position: relative; margin: 0 1%; margin-top: 15px; margin-bottom: 15px; width: 100%; min-width: 100%; height: auto; }
	#search_advanced_categories { height: auto; }
	#search_advanced_categories_label { padding-left: 0px; top: -12px; }
	#tip_message_container { display: none; }

	#search_brand_directory_title { width: 100%; text-align: left; margin: 0; padding: 0; padding-left: 5px; }
	.search_brand_container { width: 100%; height: auto; margin-bottom: 30px !important; padding-bottom: 30px; }
	.search_property_image_container { width: 100%; }
	.search_property_sidebar_container { display: block; width: 100%; height: auto; }
	.search_property_sub_description {margin-top: 0px; margin-bottom: 10px; }
	.search_events_sub_description { margin-top: -30px; }
	.search_sub_label { display: block; width: auto; margin-left: 0px; font-size: 90%; margin-right: 15px; }
	.search_sub_number { width: auto; margin: 0; }
	.search_event_start_date { margin-right: 70px; margin-bottom: 10px; }
	.search_event_end_date { float: left; }
	.search_sub_info { display: inline-block; width: 32%; }
	.brandlisting_search_details_link { text-align: right; left: auto; right: 0; }
	.brandlisting_search_sidebar_container { padding-bottom: 25px; }
	.search_link_and_review_container { clear: both; height: auto; width: 100%; padding-bottom: 30px; }
	.search_description_display { display: block; width: 100%; margin-bottom: 10px; }
	.search_star_display {position: absolute; bottom: 0; left: 0;  }
	.search_star_display_brand {display: block; float: left; padding-top: 20px; }
	.search_add_to_favorites_button, .search_add_to_favless_button { float: right; }
	.property_add_to_favorites_button { right: 8px; }
	.search_listings_container { margin-left: 0; min-height: auto; }
	.search_listings_viewmore { margin-left: 0; text-align: left; }
	.search_property_name_mobile { display: block; font-weight: bold; font-size: 130%; }
	.search_property_name_pc { display: none; }
	.search_amenity { width: 48%; }
	.search_amenity_label { }
	.search_managed_by { float: left; text-align: left; margin-top: 0px; width: 50%; }
	#search_manager_filter { margin-left: 0px; }
	.search_listings_price { float: right; line-height: 1; }
	.search_activity_price { float: left; }
	.search_link_activity { margin-top: 0; }
	.search_listings_title {  }
	.search_events_title { float: right; }
	.search_listings_highlight_amenities { float: left; margin-top: 0px; margin-right: 0px; }
	.search_price_links_container { width: 100%; }
	.search_display_bottom_info { position: absolute; float: left; bottom: 0px;  }
	.search_subtitles { padding-top: 25px; }
	#tripadvisor_logo_container_mobile { display: inline-block; margin: 0 auto; margin-top: 5px; font-size: 70%; text-align: center; }
	#tripadvisor_logo_container_pc { display: none; }

	/* My Account */
	.myaccount_booking_container { font-size: 90%; }
	.myaccount_booking_container_image {width: 100%; }
	.myaccount_booking_container_book_info {width: 100%; padding: 0; }
	.myaccount_booking_container_property_info {width: 100%; padding: 0; margin: 0; }
	.myaccount_booking_container_submenu { display: block; width: 100%; }

	/* Managers */
	.manager_calendar_wrapper { position: relative; overflow-x: scroll; }
	.manager_calendar { width: 1920px; max-width: 1920px;}
	#calculated_from_container { clear: both; position: relative; margin: 0 auto; padding: 0; top: -25px; left: 0; }
	#calculate_from { margin: 0; }
	.mc_listing_title, .mc_header_listing_title { width: 8% !important; max-width: 8% !important; }
	#manager_menu { display: none; position: relative; width: 100%; height: auto; }
	#manager_container { display: block; float: none; padding: 0; width: auto; }
	.manager_submenu_button { clear: both; text-align: left; }
	#filter_setup_container { display: none; }
	#mc_main_today_button { display: none; }
	#mc_bedroom_select_container { display: none; }
	#mc_options_panel { position: absolute; width: 100vw; text-align: center; top: 0; left: 0; padding: 0; padding-top: 5px; clear: both; }
	.manager_calendar_menu_buttons { width: 30%; margin: 0; }
	#mc_options_button { float: left; width: 50%; padding: 0; margin: 0; border-radius: 0; font-size: 70%; }
	#mc_quick_override_button { float: right; width: 50%; margin: 0; padding: 0; border-radius: 0; font-size: 70%; }
	#mc_create_reservation_button { float: right; width: 50%; margin: 0; padding: 0; border-radius: 0; font-size: 70%; }
	#mc_quick_calendar_container { width: 100vw; height: 170px; margin: 0; margin-top: 30px; }
	#mc_quick_calendar_placeholder { display: block; }
	.mc_title_text { display: block; max-width: 100%; left: 0; padding: 0; margin: 0;  }
	.nu-context-menu, .nu-context-menu.active { position: fixed !important; width: 100% !important;  left: 0 !important; top: 0 !important; }

	.reservation_container { padding: 0; }
	#reservation_edit_left_column { display: none; }
	#reservation_edit_right_column { clear: both; width: auto; margin: 0 auto; max-width: 100vw; }
	#reservation_summary_container { display: none; }
	#reservation_edit_form_container { clear: both; width: 100%; }
	#reservation_form { clear: both; width: 100%; }
	#reservations_menu { display: none; }
	#reservation_info_container .edit_listing_field { clear: both; width: 100%; }
	.reservation_input { width: 100%; }
	.reservation_input_left { clear: both; }
	.reservation_input_right { clear: both; }
	.reservation_date_input { padding-bottom: 30px; padding-top: 10px; }
	.review_button { width: 45%; }
	#review_page_details { margin-bottom:  30px; }
	#review_page_title {position: relative; margin-bottom: 10px; }
	#review_form { width: 100%; text-align:  center; }
	#review_form_description_container {display: none; }
	#reservation_extra_name_container { width: 100%; }
	#reservation_extra_quantity_container { width: 30%; margin-top: 5px; }
	#reservation_extra_amount_container { width: 40%; margin-top: 5px; }
	#reservation_add_extra_button { width: 25%; margin-top: 6px; }
	#reservation_transactions_type_container { width: 100%; margin: 0; }
	#reservation_transactions_amount_container { width: 49%; margin-top: 5px; }
	#reservation_transactions_button_container { width: 49%; float: right; margin: 0; margin-top: 5px; }
	.reservation_transaction_list_detail { width: 100%; text-align: left; padding: 0; }

	.reservation_mobile_header_menu { display: table; text-align: center; border-collapse: collapse; width: 100%; color: white; font-size: 90%; }
	.reservation_mobile_header_menu td { padding: 10px 0; }

	#reservation_mobile_footer_menu { position: fixed; text-align: center; width: 100%; table-layout: fixed; bottom: 0; left: 0; display: table; border-collapse: collapse; font-size: 100%; color: white; }
	#reservation_mobile_footer_menu td { border-right: solid 1px lightgrey; height: 50px; }
	#reservation_save_button { display: block; height: 100%; }
	#reservation_saveclose_button { display: block; height: 100%; }

	.review_type_container {position: relative; margin-bottom: 30px; height: auto; }
	.review_text_container {position: relative; width: 100%; }
	.review_type_description {position: relative; width: 100%; left: 0; top: 0; font-size: 80%; text-align: center; }
	#review_resetpass_container { position: relative; margin: 0 auto; }

	#bookings_search { margin: 0; min-width: 74%; width: 74%; float: left; }
	#bookings_search_button { width: 25%; float: right; }
	#bookings_clear_search_button { width: 100%; margin-top: 3px; }
	#bookings_display_timeframe_container { width: 100%; margin-left: 0; margin-bottom: 3px;}
	#bookings_display_timeframe { width: 100%; margin: 0; }
	#bookings_display_cancelled {  }
	#bookings_display_cancelled_container { float: right; margin-left: 0; margin-top: 3px; }

	.grid_image_container { margin: 0; padding: 0; margin-bottom: 40px; width: 100%; }

	/* ========= Shopping Cart  ========== */
	#sc_fixed_menu { position: relative; width: auto; margin: 0; padding: 5px; }
	#sc_content_display { left: 0; margin: 0; max-width: 100%; padding: 5px;}
	.sc_agreement_text { top: 0px; }
	.sc_agreement_age_text { top: 0px; }
	.sc_booking_container_property_info { width: 100%; margin:  0; }
	.sc_booking_container_book_info { width: 100%; margin-top: 10px; }
	.sc_remove_from_cart { display: block; margin-top: 5px; }
	.sc_policy_buttons { margin-top: 10px; text-align: center; }
	.sc_item_container { padding:  0; }
	#sc_promocode_form { margin-bottom: 30px; padding-bottom: 0px; }
	#sc_user_form { width: 100%; margin: 0; }
	#sc_user_form_info { margin: 5px auto; width: 95%;  }
	#sc_accept_card_image { padding-bottom: 20px; }
	#sc_quantity_setup { float: right; display: inline-block; }
	#sc_listing_extra_info { float: left; display: inline-block; }
	#sc_promocode_form { float: left; width: 100%; }
	#promocode { width: 70%; }
	#sc_promocode_button { width: 30%; }
	.sc_booking_container_submenu { display: block; width: 100%; margin: 0 auto; }
	.sc_purchase_item_completed_text { max-height: 200px; }
	.sc_total_price { margin-top: 0px; }
	.sc_purchase_button {position: fixed; left: 0; bottom: 0px; width: 100%; margin: 0; z-index: 100; max-width: 99%; padding: 10px 0 !important; }
	.sc_purchase_button_saved { width: 80%; }
	.sc_purchase_other_button {position: fixed; left: 0; bottom: 70px; width: 100%; margin: 0; z-index:  100; max-width: 100%; }
	.rtb_purchase_button { bottom:  0; }
	.sc_agreement_checkbox { height: auto; margin-top: 5px; }
	.sc_agreement_checkbox_container { margin-top: 30px; }
	#sc_upsell_container { width: 100%; height: 100%; border-left: 0; border-right: 0; border-radius: 0; }
	#sc_upsell_body { height:  calc(100vh - 130px);  }
	.sc_extras_table { font-size: 85%; width: 100%; }
	.sc_extras_table td { padding-left:  4%; }
	#endofcart { padding-bottom: 50px; }
	#sc_purchase_button_container { width: 100%; }
	#sc_agent_disclaimer {width: calc(100% - 20px); }

	/* ========= Request To Book  ========== */
	#rtb_column_1, #rtb_column_2 { width:  100%; }
	#expiration_countdown { margin-top: 15px; margin-bottom: 10px;  }
	.rtb_timer { display: block; }

	/* ========= Confirmation  ========== */
	#upsell_column_1 { clear: both; max-width: 100%; width: 100%; padding: 0; margin: 0; margin-bottom: 20px; font-size:  220%; padding-top:  10px; }
	#upsell_column_2 { clear: both; max-width: 100%; width: 100%; padding: 0; margin: 0; }
	#upsell_title { margin-top: 20px; }
	.upsell_title_text { width: 98%; font-size: 130%; margin-top: 15px; }
	#extras_upsell_more_button { clear: both; float: left; width: 98%; margin-left: 1%; margin-top: 20px; font-size:  90%; }

	#register_manager_container { width: 100%; margin-bottom: 50px; }

	#event_popup_container { width: 99%; }
	#event_popup_bar { width: 99%; }
	#event_popup_body { max-height: 250px; }

	/* ========= Activity.php ========== */
	#activity_summary_left_container { width: 100%; }
	#activity_summary_right_container { width: 100%; max-height: auto; }
	#activity_listing_select_container { display: none; margin-bottom: 15px; }
	#activity_listing_radio_container { max-height: 200px; margin-top: 30px; }
	#activity_price_summary { float: left; width: 48%; }
	#activity_price_total_display { float: right; text-align: right; width: 48%; margin-right: 10px; }
	.activity_addtocart_button { font-size:  120%; }
	#activity_in_past_error { float: right; margin-right: 2%; }
	#activity_price_total_display::before { content: "Total: "; }
	#activity_hours_table { font-size:  110%; }
	.gotocart_button { float: right; }

	#time_addtocart_message { float:  right; }
	#activity_require_date_disclaimer { margin-top:  20px; }
	.activity_grid_input_container { }
	.activity_grid_item_name { width: 100%; }

	/* ========= Things To Do  ========== */
	#ttd_map_container { width: 100%; height: 300px; margin-bottom: 5px; }

	/* ========= Messages ========== */
	.message_subscribe_button { display:  none; }
	#message_contact_text { color: white !important; }

	#install_pwa_container { bottom: auto; top: 0; padding: 10px;}
	#install_buttom_label { display: block; margin-bottom: 10px; }

	#canned_response_container { left: 5px; }

	/* ========= Housekeeping ========== */
	.hk_task_container {  text-align: left; padding: 0; padding-top: 10px; padding-bottom: 20px; width: auto;  }
	.hk_property_name_info { width: 70%; float: left; }
	.hk_action_info { width: 29%; float: right; }
	.hk_task_info { clear: both; height: auto; padding: 0px; min-width: 100%; margin-top: 10px; }
	.hk_task_actions_container { width: 100%; }
	.hk_set_clean_button { clear: both; top: 0px; }
	.hk_youtube_player_container { width: 100%;}
	.hk_submit_note_button { float: right; }

	/* ========= HELP PAGES  ========== */
	#agreement_reservation_info_container { width: 100%; }
	#agreement_manager_info_container { width:  100%; margin-top: 10px; }
	.agreement_property_info { width:  100%; margin: 0; padding: 0; }
	.agreement_image { display: block; width: 100%; margin: 0; padding: 0; }
	.agreement_date_info { padding: 0; margin: 0; margin-bottom: 30px; display: block; width:  100%; font-size:  100%;  }
	#agreement_more_options_label {  float: none; width: 100%; margin-right: 0px; font-size: 90%; }
	#agreement_redeem_container { text-align: center; max-width: 100%; width:  100%; margin-top:  20px; margin-bottom:  30px; }
	#agreement_redeem_text { max-width: 100%; }
	#agreement_more_options_container { border: 0; width: 100%; margin: 0; padding: 0; }
	.agreement_more_options_button { display: block; margin-bottom: 5px; }
	.agreement_property_details { width: 100%; padding: 0; }
	#help_container { width:  100%; }

	#feedback_content_display { height: calc(100vh - 60px); }
	#feedback_button { border-bottom: 0 !important; padding: 3px 10px; display: none; }

	/* ========= RATES  ========== */
	#rates_left_column { position: relative; top: 0; left: 0; width: auto; padding: 5px; border: 0; }
	#rates_right_column { position: relative; top: 0; left: 0; width: auto; padding: 5px; border: 0; }

	/* ========= FOOTER  ========== */
	#footer_container { height: auto; font-size: 110%; }
	#footer_information_container { width: 100%; padding: 0; font-size: 85%; }
	.footer_column { width: 45%; min-height: 100px; margin: 0 2%; margin-top: 5px; margin-bottom: 40px; }

	.ui-datepicker { width: 95%; font-size: 5vw; z-index: 999 !important; }
	#ui-datepicker-div { z-index: 999 !important; }

	/* ========= Template 02  ========== */
	#date_filter_container { width: 100%; }
	#date_filter_label { display: block; font-weight: bold; }
	#template_02_phone { clear: both; margin: 0px; padding: 0; text-align: center; width: 100%; color: black !important; }

	#bb_mobile_menu_login { display:  none; }

	/* ========= Dashboard ============ */
	.dashboard_column { display: block; width: auto; min-width: 94%;  }

	/* ========= Signup Page  ========== */
	#signup_hero_title { top: 30%; }
	.signup_website_container {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		gap: 10px;
	}
	.signup_website_field_container {
		grid-column: auto;
		grid-row: auto;
		width: calc(100% - 20px);
	}
	.signup_wrapper { width: 99%; }
	.signup_container { width: auto; }
	#subdomain_status { position: relative; }
	/* ========= END Signup Page  ========== */
}

/* = Mobile, but wider than tall */
@media all and (max-width: 1279px) and (orientation:landscape)
{
	.search_property_image_container {float: left; position: relative; width: 70%; height: 250px; border-radius: 4px; margin-bottom: 3px; }
	.search_property_sidebar_container {position: relative; float: left; width: 30%; height: 250px; }
	.search_sub_info { display: block; width: 100%; }
	.search_sub_label { display: inline-block; font-size: 95%; width: 85px; margin-left: 5px; }
	.search_sub_number { display: inline-block; text-align: left; font-size: 135%; font-weight: bold; width: 55px; }
	.search_listings_highlight_amenities { clear: both; display: block; padding: 0 5px; margin-top: 3px; }
	.search_listings_container {width: 100%; text-align: left; position: relative; display: block; padding-bottom: 4px; min-height: 64px; text-decoration: none; overflow: hidden; margin-left: 5px; }
	.search_listings_price { clear: both; float: left; }
	.search_star_display { position: relative; float: right; }

	#listing_nav_share_container { top: 30px;  }
	.listing_nav_share_container_activities { top: 50px !important;  }
	#property_checkin_info { float: left; }
	#property_add_to_cart_container { float: right; line-height: 90%; width: 33%; }
	#property_price_display { float: right; margin-top: 0; }

	#activity_listing_radio_container { max-height: 200px; }
	#activity_price_summary { float: right; }
	#activity_price_breakdown { float: left; width: 48%; }
	.activity_addtocart_button { width: 48%; float: right; margin-top: 5px;}
	#activity_hours_table { float: left; width: 48%; position: relative; top: -60px; }
	.activity_grid_input_container { min-width: 310px; }

	#sc_user_form { float: left; max-width: 50%; margin-top: 40px; }
	#optin_container { float: right; max-width: 45%; margin-top: 70px; }
	#sc_agreement_checkbox_container { padding-bottom: 5px; }
	.sc_booking_container_property_info {float: left; margin: 0 1%; width: 34%; }
	.sc_booking_container_book_info {float: right; width: 50%; padding: 0 1%; padding-bottom: 0px;  }
}

/* Tablet */
@media all and (min-width: 768px) and (max-width: 1279px)
{
	#bb_mobile_menu_login { display:  block; }
	#manager_menu { display: block; }
}

@media print
{
	html, header, body, a {color: black !important; font-color: black !important; font-size: 85% !important; }
	#body, #manager_container { width: auto !important; max-width: 99% !important; color: black !important; }
	.basic_link { color: black !important; }
	.print_to_black { color: black !important; }

	#header { display: none; }
	#header_placeholder { display: none; }
	#manager_menu { display: none; }
	#footer, .footer, #footer_top_padding, .push { display: none; }
	.print_show { display: block !important; }
	.print_hide { display: none !important; height: 0 !important; visibility: hidden; }
	.footer_push_container { display: none; }

	/* ========= AGREEMENT ========== */
	#agreement_reservation_container, #agreement_policy_container { display: block; width: auto; padding: 0; }
	#agreement_reservation_info_container { float: left; width: 47%; font-size: 110%; margin-right: 0px; margin-bottom: 0px; padding: 0px; }
	#agreement_manager_info_container { float: right; display: inline-block; width: 30%; padding: 5px; margin-bottom: 20px; margin-top:  0; }
	.agreement_property_info { float: left; vertical-align: top; width: 48%; margin-right: 0px; margin-bottom: 0px; padding: 5px; }
	.agreement_property_info_print { display: block; margin-top: 20px; margin-bottom: 20px; }
	.agreement_date_info { float: right; position: relative; width: 47%; vertical-align: top;  margin-right: 0px; margin-bottom: 20px; font-size: 110%; padding: 5px; }
	#agreement_print_header { position: relative; display: block; padding: 0; margin: 0; }
	#agreement_policy_container { padding-left: 0; padding-right: 0;  }
	.agreement_image { display: none; }
	#agreement_property_name { font-size: 120% !important; }

	#agreement_custom_field { margin-bottom: 10px; }
	#agreement_property_description { margin-top: 20px; }
	#agreement_signature_container { display: block; }

	#accessibilityWidget { display: none !important; }
	#userwayAccessibilityIcon { display: none !important; }

	/* ========= FINANCIAL REPORT ========== */
	.freport th { color: black !important; }
	#freport_date, #freport_logo, #freport_listing_name { display: block; }
	#freport_logo { margin-bottom: 30px; }
	#freport_date { font-size: 230%; margin-bottom: 20px; }
	#freport_listing_name { font-size: 160%; margin-bottom: 10px; }
	#notes_print { display: block; }
	#report_notes_textarea_container { display: none; }
	#freport_reservation_list_container { width:  40%; margin-right: 0; }
	#freport_deductions_container { float:  right; width: 38%; }

	.adtitle { margin-bottom: 10px !important; }
	#adreport_container { width:  100%; }
	.ad_reservation_container { padding: 3px; }
	.dashboard_title { margin-top: 15px !important; }

	#receipt_list_table_container { overflow-x: visible !important; }
}