/*
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;
	font-size: clamp(16px, calc(16px + 0.5vw), 20px);
}

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;
}

.animate_max_height {
	max-height: 1000px !important;
	transition: all 3s;
	overflow-y: auto;
}

/*
.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_button_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_black.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_black.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: white;
}

#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 */
/* ------------------------------ */
/* 1) Base slide-container styling */
/* ------------------------------ */
.slide-container {
	/* GPU hints */
	will-change: transform;
	backface-visibility: hidden;
	transform-style: preserve-3d;

	/* Isolate paints/layouts inside this container */
	contain: paint;

	position: absolute;
	height: 100%;
	/* You can override width/height per‐instance via inline styles or more specific rules */
	transition: transform 300ms ease-out;
	/* default duration; overridden by JS */
}

/* ------------------------------------------- */
/* 2) Variants for “closed” (offscreen) states */
/* ------------------------------------------- */

/* Slide in/out horizontally from the LEFT:
   “Closed” means fully offscreen to the left: translateX(-100%) */
.slide-container.from-left.closed {
	transform: translateX(-100%);
}

/* Slide in/out horizontally from the RIGHT:
   “Closed” means fully offscreen to the right: translateX(100%) */
.slide-container.from-right.closed {
	transform: translateX(100%);
}

/* Slide in/out vertically from the TOP:
   “Closed” means fully offscreen to the top: translateY(-100%) */
.slide-container.from-up.closed {
	transform: translateY(-100%);
}

/* Slide in/out vertically from the BOTTOM:
   “Closed” means fully offscreen to the bottom: translateY(100%) */
.slide-container.from-down.closed {
	transform: translateY(100%);
}

/* ------------------------------------------- */
/* 3) Variants for “open” (onscreen) state     */
/* ------------------------------------------- */

/* When open, regardless of direction, the transform is zero. */
.slide-container.from-left.open,
.slide-container.from-right.open,
.slide-container.from-up.open,
.slide-container.from-down.open {
	transform: translateX(0) translateY(0);
}



.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;
}

.daterangepicker .available {
	user-select: none;
	-webkit-user-select: none;
}

.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,
.white_button_outline_minimal,
.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;
}

/* select2 */
.select2 {
	text-align: left;
	font-size: 90%;
}

.select2-container {
	display: block;
	width: auto;
	font-size: 90%;
	margin-top: 5px;
	color: #3b3b3b;
	background: white;
	text-align: left;
}

.select2-container--default .select2-selection--single {
	background: white;
	color: black;
}

.select2-selection__placeholder {
	color: black !important;
}

.select2-selection__rendered {
	color: black !important;
}

.select2-container .select2-selection--single {
	height: auto !important;
	padding: 10px 5px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: normal !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	white-space: normal !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;
	}
}

@keyframes container-logo-bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-20px);
	}

	60% {
		transform: translateY(-10px);
	}
}

.fadeTextInOut {
	animation: fadeOpacity infinite alternate ease 3s;
}

@keyframes fadeOpacity {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

#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/icons/heart-white.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: 26px;
	height: 26px;
	border: 0;
}

.search_add_to_favorites_icon:hover {
	background-image: url('../images/icons/heart-red.png');
	transition: background-image 0.5s ease;
}

.search_remove_from_favorites_icon {
	background-image: url('../images/icons/heart-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: 23px;
	height: 23px;
	border: 0;
}

.search_remove_from_favorites_icon:hover {
	background-image: url('../images/icons/heart-white.png');
	transition: background-image 0.5s ease;
}

.search_add_to_favless_icon {
	background-image: url('../images/icons/eye-white.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: 27px;
	height: 27px;
	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 {
	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: 27px;
	height: 27px;
	border: 0;
}

.search_remove_from_favless_icon:hover {
	background-image: url('../images/icons/eye-white.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_image img {
	border-radius: 15px;
	width: 100%;
}

.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(100%);
	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;
}

.iti__search-input {
	padding: 10px !important;
}

#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");
	}
}


/* =Mobile & Tablet ------ */
@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 {
		width: 97vw;
		left: 1vw;
		right: 1vw;
	}

	#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_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;
	}

	#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;
	}

	.property_add_to_favorites_button {
		right: 8px;
	}

	.search_add_to_favorites_button {
		display: block !important;
	}

	.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_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_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;
		height: auto;
		margin: 0;
		padding: 5px;
	}

	#sc_content_display {
		left: auto;
		margin: 0;
		height: auto;
		overflow: visible;
		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: 100vw;
		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: 100vw;
	}

	.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_button_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%;
	}

	#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;
	}
}

/* Mobile Only */
@media all and (max-width: 768px) {
	#property_price_display {
		float: left;
		margin-top: 25px;
		width: 49%;
	}

	.iti--fullscreen-popup {
		position: fixed;
		top: 1px !important;
		left: 1px !important;
		right: 1px !important;
		bottom: 1px !important;
		width: auto !important;
		height: auto !important;
		z-index: 10000 !important;
	}

	.iti__dropdown-content {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: auto !important;
		height: auto !important;
	}
}

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