:root {
	/* Colors for consistency with Keystone*/
	--color-primary: #026EF2;
	--color-primary-hover: #00B8FF;
	--color-secondary: #333333;
	--color-secondary-hover: #575757;
}

#AdminControlsContainer {
	display: block;
	position: absolute;
	z-index: 10;
}

#lightbox .informMessage.WBProfileListMessage {
	width: 500px;
	background-color: white;
	padding: 1rem;
}

#lightbox .informMessage.WBProfileListMessage input {
	margin: 0 0 15px 0;
	border: 1px solid #ccc;
}

/* Member Savings */

.memberCounterSavings {
	position: absolute;
	top: 88px;
	width: 100%;
	background-color: #0073FF;
	color: white;
	text-align: center;
	padding: 20px 0;
	font-size: 1.4rem;
	transition: all .5s ease-in-out;
	font-weight: 600;
	box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, .25);
	z-index: 2;
}

.stick .memberCounterSavings {
	top: 63px;
}

.memberCounterSavings .content {
	max-width: 1280px;
	margin: 0 auto;
}

.MemberSavings {
	display: inline;
}

/* header to stay in skin */

.enterpriseHeader {
	padding: 14px 40px;
}

.enterpriseHeader .links a.profileCommand {
	display: none;
}


@media only screen and (max-width: 1300px) {
	.enterpriseHeader .arn_username {
		padding: 13px 10px 13px 5px;
		margin: 0 5px 0 0;
		font-size: 15px;
	}

	.links form .logoutCommand.submit {
		font-size: 14px;
		padding: 13px 5px;

	}

	.enterpriseHeader .links a, .enterpriseHeader .wsite-menu li a, .enterpriseHeader #wsite-menus .wsite-menu li a {
		padding: 18px 5px;
		font-size: 14px;
	}

	.enterpriseHeader .languageContainer select {
		max-width: 125px;
	}
}

@media only screen and (max-width: 1000px) {
	.memberCounterSavings {
		position: static;
	}
}

@media screen and (min-width: 1000px) {
	.hamburger:before {
		border-top-color: #0073FF;
	}
}



/* Cars Rec Color Changes */

.ArnCarRentals button {
	background-color: #0073FF;
}

/* AIR CAR FIXES */

.arnAir .members, .arnCar .members {
	margin: 22px 0 0 10px;
	vertical-align: top;
}

.throbberContainer {
	box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, .25);
}


/* Air Fixes */

.arnAir a.rs_button {
	color: #fff;
}

.arnAir #header.enterpriseHeader {
	position: static;
}

/* Compare Pricing */

.animated-background .ArnPriceCompare {
	display: none;
}

.ArnProperty {
	position: relative;
}

.ArnPriceCompare {
	position: relative;
	xright: 28%;
	xbottom: 10px;
}

.SinglePropDetail .ArnPriceCompare {
	xright: 43%;
	xbottom: initial;
	xtop: 113px;
}

.ArnPriceCompare a {
	color: dodgerblue;
	text-decoration: underline;
}

.priceCompare {
	text-decoration: underline;
}

.priceCompare svg {
	height: 8px;
	margin: 0 0 0 5px;
	fill: #40c1ac;
}

.rateComparePopup {
	position: absolute;
	z-index: 7;
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 5px;
	padding: 15px;
	width: 250px;
	right: -56px;
	color: #353e44;
	top: 37px;
	box-shadow: -3px 5px 6px rgba(0, 0, 0, .2);
	font-size: 14px;
	font-weight: 300;
}

.rateComparePopup:after, .rateComparePopup:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.rateComparePopup:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 15px;
	margin-left: -15px;
}

.rateComparePopup:before {
	border-color: rgba(153, 153, 153, 0);
	border-bottom-color: #999999;
	border-width: 16px;
	margin-left: -16px;
}

.rateComparePopup div {
	display: block;
	width: 100%;
}

.rateComparePopup label {
	display: inline-block;
	width: 30%;
	text-align: left;
	font-weight: 300;
	white-space: nowrap;
}

.rateComparePopup span {
	display: inline-block;
	width: 70%;
	text-align: right;
	white-space: nowrap;
}

.rateComparePopup span.dollarSign {
	display: initial;
	width: initial;
}

@media only screen and (max-width: 500px) {
	.ArnPriceCompare {
		left: 7%;
		bottom: 33px;
		right: auto;
	}
}

.SearchHotels .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer div.V1StarBox,
.SearchHotels .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer div.V2StarsBox {
	display: none !important;
}

.mustSelectAge {
	color: red;
	font-weight: 700;
}

#theSubmitButton:disabled {
	background-color: #ccc;
}

/* Custom to Skin */

.backToTop {
	position: fixed;
	bottom: 1rem;
	right: 5%;
	background-color: #757575;
	border-radius: 50%;
	padding: .75rem .9rem;
	opacity: 0;
	transition: all .2s ease-in-out;
}

.backToTop svg {
	position: relative;
	top: .15rem;
	width: 30px;
	height: 30px;
}

.backToTop svg path {
	fill: #fff;
}

.stick .backToTop {
	opacity: 1;
}

.ratingCount {
	display: none;
}

.animated-background .ArnPropClass {
	display: none !important;
}

@media only screen and (max-width: 1450px) {
	.stick .backToTop {
		right: auto;
		left: 1%;
		background-color: #757575;
	}

	.backToTop svg path {
		fill: #fff;
	}
}

@media only screen and (max-width: 800px) {
	.stick .backToTop {
		opacity: 0;
	}
}


/* Searching Throbber */

.searchingContainer div.image {
	background-image: url("//media.travsrv.com/appSkins/62308/v6/themes/standard/images/ViajaPlus2.png?v=2");
	background-size: 135px;
}

.searchingWrapper .submit {
	display: none;
}

/* Checkout Adjustments */

#theRewardNumberAjax {
	display: none;
}

.expandRequests {
	display: none;
}

.expandRequests.open {
	display: block;
}

.expandRequests label {
	font-size: 13px;
	font-weight: bold;
	color: initial !important;
	line-height: 1.4;
	margin: .25rem 0 .5rem 0;
}



/* New Calendar 

.litepicker .container__months.columns-2 {
    width: initial;
}
.litepicker .container__months {
    border-radius: 20px;
}
.litepicker .container__months .month-item-header div > .month-item-name {
    text-transform: capitalize;
}
.litepicker .container__months .month-item {
    padding: 1rem;
}
.litepicker .container__months .month-item-header {
    font-size: 1rem;
}
@media only screen and (max-width: 700px) {
	.litepicker .container__months.columns-2 {
	    width: 300px;
	}
}
*/
/* remove number or city results from search results */

.ArnPagerResult {
	display: block;
}

#SortControlsContainer {
	margin: 0;
}

/* Notifications */

.CheckOutForm #ajaxStatus {
	background-color: rgba(0, 0, 0, .5);
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	margin: 0;
}

.CheckOutForm #ajaxStatus div {
	background-color: white;
	width: 200px;
	height: 200px;
	margin: 25vh auto 0;
	position: relative;
}

.CheckOutForm #ajaxStatus img {
	xdisplay: block;
	margin: auto;
	position: absolute;
	top: 32%;
	left: 33%;
	width: 75px;
}

/* Handly USD Value in UI */

.OriginalPrice.USD {
	display: block;
	font-size: 1.2rem;
}

/* Contact sub menu */
#contact_plus {
	position: relative;
}

#contact_plus:hover .contact__plus {
	display: block;
}

#contact_plus span div {
	margin-left: 5px;
}

#contact_plus span div img {
	width: 15px;
	height: auto;
}

#contact_plus .contact__plus {
	position: absolute;
	display: none;
	width: 200px;
	padding: 5px;
	top: 52px;
	left: 50%;
	transform: translate(-50%, 0);
}

#contact_plus .contact__plus li:hover {
	background: #fff;
}

#contact_plus .contact__plus li {
	display: block;
	font-size: 16px;
	color: #333;
	text-align: center;
	background: #f7f7f7;
}

#contact_plus .contact__plus li a {
	text-decoration: none;
	color: #333;
}

/* Destinos destacados */
.featuredDestinationsContainer .title_plus {
	color: #fff;
	background: #000;
	padding: 20px 0;
	text-align: center;
}

.featuredDestinationsContainer .title_plus span {
	text-align: center;
	font-size: 32px;
	font-weight: lighter;
}

/* note 6/28/24 this is causing an issue on 66808 - not needed keystone has it as a.featuredProperty:last-child {display: none;} 
a.featuredProperty:last-child {
	display: inline-block !important;
}
*/

/* Remove Smoking */

#theSmokingRoomAjax {
	display: none;
}

/* Installment Plans */

#theAjaxInstallmentPlans {
	color: red;
	font-size: 14px;
	font-weight: 700;
}

div#id25 .ArnAcdSpan:nth-child(2)::after {
	content: '*';
	position: relative;
	color: black;
	top: 0;
	left: 0;
}

.PaymentPolicies table .savings th, .PaymentPolicies table .savings td {
	color: #3aab03;
}

table.ArnSupportChatTable p {
	float: left;
	width: 100%;
	margin: 0;
}

table.ArnSupportChatTable p:first-of-type {
	visibility: hidden;
}

table.ArnSupportChatTable p:first-of-type::after {
	visibility: visible;
	float: left;
}

.site-62308 table.ArnSupportChatTable p:first-of-type::after {
	content: 'Si deseas hablar con un agente de Viaja Plus por favor comunícate al número 800 250 7000, o envía un correo electrónico a infoviajaplus@posadas.com';
}

.site-65336 table.ArnSupportChatTable p:first-of-type::after,
.site-66808 table.ArnSupportChatTable p:first-of-type::after {
	content: 'Si deseas hablar con un agente, por favor comunícate al número 443 113 1490, o envía un correo electrónico a infofavclub@favc.com WhatsApp: 55 8008 6152';
}

.site-66809 table.ArnSupportChatTable p:first-of-type::after {
	content: 'Si desea hablar con un agente, por favor comuníquese al número 800 841 8390(México) +52 855 306 4599(USA), o envíe un correo electrónico a residenceclub@liveaqua.com WhatsApp: 55 8005 9579';
}

table.ArnSupportChatTable p:last-of-type {
	visibility: hidden;
}

table.ArnSupportChatTable p:last-of-type::after {
	content: 'De lo contrario, por favor utiliza el siguiente formulario y uno de nuestros agentes responderá lo antes posible.';
	visibility: visible;
	float: left;
}

.icon-vp {
	width: 20px;
	position: relative;
	margin-left: 8px;
}

/* show usd and mx currency in dropdown */
.ArnCurrency select option[value=140],
.ArnCurrency select option[value=114] {
	display: block;
}

/* Branding Color Changes */

.SearchHotels.SearchMode-WBHotelListKeystone .ArnPrimarySearchOuterContainer {
	background-color: #F7F4F0;
}

.submit {
	background: var(--color-primary) none repeat scroll 0 0;
}

.searchOptionsControls button.doneSearchOptions.submit {
	background-color: var(--color-primary);
	color: #fff;
}

.SearchHotels.SearchMode-WBHotelListKeystone #theSubmitButton {
	background-color: var(--color-secondary);
}

.SearchHotels.SearchMode-WBHotelListKeystone #theOtherSubmitButton {
	background-color: var(--color-secondary);
}

.arn-leaflet-search2-button {
	color: var(--color-secondary) !important;
	border: 2px solid var(--color-secondary) !important;
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer.ArnPropertyClassesContainer div span svg path {
	fill: var(--color-secondary);
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer.ArnPropertyClassesContainer div span svg.inactive path {
	fill: #ddd;
}

.SinglePropDetail.WBPropertyDetailViewKeystone a.showRoomsLink {
	background-color: var(--color-primary);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form>input.submit {
	background-color: var(--color-secondary);
	color: #fff;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .bookRoom, .SinglePropDetail.WBPropertyDetailViewKeystone .holdRoom {
	background-color: var(--color-primary);
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a:hover:after, .SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a.active:after {
	background-color: var(--color-secondary) !important;
}

.ArnPropClass svg path, .customRatingImageSpan svg path {
	fill: var(--color-secondary);
}

.ArnPropClass svg.inactive path, .customRatingImageSpan svg.inactive path {
	fill: #ddd;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelPolicyPopupAnchor, .SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelAnchor {
	color: #62645F;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .RateCalendarPopupAnchor {
	color: #62645F;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .goBack {
	color: #62645F;
}

#theOtherSubmitButton2 {
	background-color: var(--color-secondary);
}

.ds-primary:hover {
	background-color: var(--color-primary-hover) !important;
	color: #FFF !important;
}

.ds-secondary:hover {
	background-color: var(--color-secondary-hover) !important;
}

a:hover, a:focus {
	color: #36382E !important;
}

#theCouponFieldset button {
	background-color: var(--color-secondary);
}

/* Logo Resize */

.enterpriseHeader .wsite-logo, .enterpriseHeader .wsite-logo a {
	width: 150%;
}

/* Checkout Form Font Size Adjustment for Spanish theme */

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone label {
	font-size: 13px;
}

/* Phone Header Adjustment*/

@media screen and (max-width: 1000px) {
	.enterpriseHeader #navmobile {
		top: 55px;
	}
}

/* Spanish Theme Test display */

.RootPage .ArnStayTable {
	font-size: 16px;
}

input {
	font-size: 14px;
}

/* Language Selector */

.enterpriseHeader .languageContainer {
	display: inline-block;
	margin: 0 0 0 15px;
}

.enterpriseHeader #nav {
	display: flex;
	align-items: center;
}

/*Search Wrapper*/
@media screen and (max-width: 500px) {
	.searchingWrapper {
		margin: 0 auto;
		width: 350px;
		right: 0;
	}
}

@media screen and (max-width: 500px) {
	.SearchHotels .ArnTripAdvisorDetails {
		min-height: initial;
	}
}

@media screen and (max-width: 800px) {
	.enterpriseHeader {
		z-index: 31;
	}
}

@media screen and (max-width: 1000px) {
	.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropThumb {
		height: auto;

	}

	.SearchHotels.SearchMode-WBHotelListKeystone .ArnContainer {
		height: auto;
	}
}

/* Room Count Margin Modify */

.roomCount {
	xmargin: 7px 0px 0px 0px;
	line-height: 1.4;
}


.SearchHotels.SearchMode-WBHotelListKeystone .ArnRateCell {
	xbottom: 5px;
	xright: 5px;
}

@media screen and (max-width: 1000px) {
	.SearchHotels.SearchMode-WBHotelListKeystone .ArnIndividualSearchContainer {
		width: 40%;
	}
}

.SearchHotels.SearchMode-WBHotelListKeystone #theSearchBox {
	width: 85%;
}

@media screen and (max-width: 1000px) {
	.SearchHotels.SearchMode-WBHotelListKeystone #theSubmitButton {
		width: 42px;
		font-size: 0;
		position: absolute;
		right: 20px;
	}
}

/* Added for Comparison Rate module */

@media screen and (min-width: 1200px) {
	.SearchHotels.SearchMode-WBHotelListKeystone .ArnPropThumb {
		min-width: 250px;
	}
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnRateCell {
	bottom: 30px;
}

@media screen and (max-width: 1000px) {
	.rateComparePopup {
		right: -18px;
	}
}

@media screen and (max-width: 650px) {
	.SearchHotels.SearchMode-WBHotelListKeystone .ArnRateCell {
		margin: 10px 0 25px;
	}

	.ArnPriceCompare {
		text-align: right;
	}
}

#contact_plus:hover .contact__plus {
	display: none;
}

.ArnPriceCompare a {
	font-size: 13px;
}

.ArnPriceCompare {
	position: absolute;
	right: 14px;
	bottom: 3px;
	xdisplay: none !important;
}

/*reservation link is doubling -may be temporary solution - link is added in footer.js*/
.site-62308 .drop-link {
	display: none !important;
}

/* Set white font on dark background */
.percentSavings {
	color: var(--color-white-white);
}

.arnQA.CheckOutForm .enterpriseHeader #nav {
	display: none;
}

/* TS-1297 This CSS is coming from keystone.css - approx line 5290. -And causing the compare price pop-up not to show */
.SearchHotels.SearchMode-WBHotelListKeystone .ArnProperty {
    overflow: unset;
}