:root {

	/* Legacy colors */

	--color-black-5: #00ebd7;
	--light-background: #f8f8f8;
	--modify-background: #e9e9e9;
	--main-discount: #2970C2;
	--validate-background: #f0f0f0;
	--text-primary: #000000;
	--text-light: #888888;
	--error-text: #CC00C5;
	--error-background: #f9f9f9;
	--main-border: #cccccc;
	--darker-border: #e5e5e5;


	/* keystone branding */

	--color-primary: #00ebd7;
	--color-primary-hover: #00ae9f;
	--color-primary-fg: #000;

	--color-secondary: #1E1E46;
	--color-secondary-hover: #131332;
	--color-secondary-fg: #FFFFFF;

	--brand-background-1: #7dffeb;

	--brand-background-2: #00ebff;
	--brand-background-2-hover: #bff8ff;

	--brand-light-green: #D2FFF7;
	--brand-red: #DB0000;
	--brand-red-hover: #A20000;

	--brand-recommended: #FFFBE1;


}

/******** Test Mode Only ********/
.isTestModeBanner {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: #CC00C5;
    color: white;
    font-size: 16px;
    line-height: 1;
    padding: 7px;
    margin: 0;
    border-radius: 0;
    line-height: 1;
}

.isTestModeBanner~#header {
    margin-top: 20px;
}

/******** Global ********/
/* Font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700;900&display=swap');

body * {
    font-family: 'Roboto', sans-serif !important;
}

body {
    xbackground: #efefef none 0 0 repeat;
}

/* Conditionally hide Nav Items in Header 
Conditional - My Reservations My Organizations 
Always - My Profile
*/
body:not(.CanManageOrgs) a.organizationsCommand,
body:not(.IsAgent) a.myReservations,
a.profileCommand {
    display: none !important;
}

body.CanSeeReports a.myReservations {
    display: inline-block !important;
}

/* Hide Footer - Cancel/Resend & Low price guarentee */
.ARN_ServiceLinks.cancelLink,
.ARN_ServiceLinks.lowRateLink,
.ArnSupportLinks .dvd:nth-child(2),
.ArnSupportLinks .dvd:last-child {
    display: none !important;
}

/* Hide Cancellation Banner on Support Page */
.WBSupportForm .useCancelFormWarning {
    display: none !important;
}

/* Hide cancelations message from final confirm page */
body.FinalConfirmation .supportInfo,
body.FinalConfirmation .returnResultsInfo {
    display: none !important;
}

/******** Header + Navigation ********/
#nav li a span,
#navmobile li a span {
    xfont-size: 20px;
}

#header,
#header.enterpriseHeader.stick {
    background: #1E1E46;
    border-bottom: none;
}

#header.enterpriseHeader {
    border-bottom: none;
}

.enterpriseHeader .links a,
.enterpriseHeader .wsite-menu li a,
.enterpriseHeader #wsite-menus .wsite-menu li a {
    color: #fff;
    transition: 0.2s color linear;
}

.enterpriseHeader .links a:hover,
.enterpriseHeader .links a:focus,
.enterpriseHeader .wsite-menu li a:hover,
.enterpriseHeader .wsite-menu li a:focus,
.enterpriseHeader #wsite-menus .wsite-menu li a:hover,
.enterpriseHeader #wsite-menus .wsite-menu li a:focus {
    color: #00ebd7;
}

/* Header Nav */
.links li {
    border-right: 1px solid #CCC;
    margin: 0 10px 0 0;
    padding-right: 10px;
}

.links li:last-child {
    border-right: 0 none;
}

.enterpriseHeader .links button {
    color: #fff;
    background-color: transparent;
    border: none;
    font-size: 16px;
    cursor: pointer;
}

.enterpriseHeader .arn_username {
    color: white;
}

.links form {
    margin: 0;
}

/* Mobile */
.hamburger span,
.hamburger::before,
.hamburger::after {
    background: #fff none repeat scroll 0 0 !important;
}

@media (max-width: 1000px) {
    #AdminControlsContainer {
        background-color: #1E1E46;
        height: 30px;
    }
}

/* Logout button */
.links form button.logoutCommand.submit {
    background: #00ebd7;
    padding: 8px 15px;
    margin: 0 10px;
    color: #000;
    font-size: 15px;
    transition: 0.2s color linear, 0.2s background linear;
}

.links form button.logoutCommand.submit:hover,
.links form button.logoutCommand.submit:focus {
    background: #1E1E46;
    color: white;
}

#navmobile {
    background: #1E1E46 none repeat scroll 0 0 !important;
}

@media only screen and (max-width: 1000px) {
    #navmobile {
        top: 79px;
    }
}

/* header to stay in skin */

@media screen and (min-width: 1501px) {
    .enterpriseHeader #logo {
        width: 350px;
        margin-top: 9px;
    }

    .wsite-logo img {
        width: 160px !important;
        margin: 0;
    }
}

@media screen and (max-width: 1500px) {
    .enterpriseHeader #logo {
        width: 350px;
        margin-bottom: 12px;
    }

    .wsite-logo img {
        width: 160px !important;
        margin: 0;
    }

    .members {
        font-size: 16px;
    }
}

@media screen and (max-width: 1300px) {
    .members {
        font-size: 14px;
    }

    .enterpriseHeader .arn_username {
        padding: 13px 10px 13px 5px;
        margin: 0 20px 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: 16px 5px;
        font-size: 16px;
        font-weight: 500;
    }

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

@media screen and (min-width: 1001px) and (max-width: 1200px) {
    .members {
        margin: 0;
        border-left: none;
        padding: 0;
    }
}

@media screen and (max-width: 1000px) {
    .enterpriseHeader #logo {
        width: 70%;
        margin: 0 0 2px 0;
        margin-right: auto;
    }

    .enterpriseHeader #logo img {
        width: 135px !important;
        margin-top: -3px;
    }

    .members {
        font-size: 15px;
        margin: 2px 0 0 5px;
        border-left: none;
        padding: 0 0 0 5px;
    }
}

@media screen and (min-width: 800px) {
    #header.enterpriseHeader.stick .wsite-logo img {
        width: 125px !important;
        margin: 0;
    }

    .enterpriseHeader .languageContainer {
        margin: 0 17px 0 15px;
    }
}

/* Subheaders */
/* Subheader */
@media screen and (max-width: 800px) {

    .SearchHotels .filters,
    .SearchHotels a.ArnToggleMap,
    .SinglePropDetail a.refineLink {
        border-color: #00ebd7;
    }
}

/******** Typography Changes ********/
/* Hotel Search Headline */
.reserveHotel {
    font-size: 38px !important;
}

/* Google Autofill */
.pac-container .pac-item {
    padding: 6px !important;
}

.pac-container .pac-item::after {
    padding: 2px !important;
}

/******** Links ********/
a, a:link {
    color: #000;
}

.arn-leaflet-search2-button {
    background-color: black;
}

/******** Color Changes ********/
/* Buttons */
input[type="submit"] {
    xcolor: #000;
}

/* Submit Buttons */
.submit,
a.ArnShowRatesLink,
.SearchHotels .ArnContentContainer a.bookRoom,
#theConfirmationButton.submit,
.RegisterAction.submit {
    xbackground: #00ebd7;
    xtransition: color 0.2s linear, background 0.2s linear;
    xcolor: #000;
}

.submit:hover,
a.ArnShowRatesLink:hover,
.SearchHotels .ArnContentContainer a.bookRoom:hover,
#theConfirmationButton.submit:hover,
.RegisterAction.submit:hover {
    xbackground: #1E1E46;
    xcolor: #FFF;
}

/* Car Search Landing Page */
.landing-page-bottom {
    border-color: #1E1E46 !important;
}

.landing-page-bottom section div.column a {
    background: #00ebd7 !important;
    border: 0 none !important;
    transition: 0.2s opacity linear !important;
}

.landing-page-bottom section div.column a:hover,
.landing-page-bottom section div.column a:focus {
    opacity: 0.7 !important;
}

/* hurry book banner */
@media screen and (max-width: 800px) {
    .hurryBook {
        xcolor: #FFF;
        xfont-size: 14px;
        xbackground-color: #2970C2;
    }
}

/* checkout discount text */
.hurryBook,
.PaymentPolicies table.savingsTable th,
.PaymentPolicies table.savingsTable td {
    xcolor: #2970C2;
}

/* Checkbout book now confirm */
.bookNowConfirm {
    color: black;
}

/* Checkout - the hotel name */
#CancelDepositPolicy h4:first-child,
.theHotelName {
    xbackground-color: #1E1E46;
}

/* mobile policy accordions */
#theConfirmationPoliciesAjax {
    padding: 10px;
}

/******** Checkboxes ********/
/* Customize the label (the container) */
.custom-checkbox {
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    z-index: 1;
    top: 3px;
    background: #ccc;
    margin-right: 8px !important;
    cursor: pointer;
}

.custom-checkbox span {
    cursor: pointer;
}

.custom-checkbox.disabled {
    background: #818181;
}

.custom-checkbox:hover,
.custom-checkbox:focus,
.custom-checkbox.selected {
    background: #00ebd7;
    border-color: #00ebd7;
    cursor: pointer;
}

.custom-checkbox.selected:before {
    content: "\2713";
    color: #000;
    width: 25px;
    height: 25px;
    font-size: 25px;
    position: absolute;
    left: 4px;
    top: 0;
}

.custom-checkbox.disabled:before {
    content: "X";
    color: #000;
    width: 25px;
    height: 25px;
    font-size: 25px;
    position: absolute;
    left: 5px;
    top: 0;
}

.custom-checkbox input[type="checkbox"] {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    outline: none;
    opacity: 0;
}

/******** Login ********/
/* headline color */
.WBLoginFormContainer.ArnSubPage #theWBLoginForm h1,
.WBLoginFormContainer.ArnSubPage #theWBLoginForm h2 {
    color: black;
}

/* label color */
.WBLoginFormContainer.ArnSubPage #theWBLoginForm div.empty label,
.WBLoginFormContainer.ArnSubPage #theWBLoginForm label {
    color: black;
}

/* input border */
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .formField {
    border-color: black;
}

/* link color */
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .FormActions a {
    font-size: 16px;
    color: black;
}

@media only screen and (max-width: 1000px) {

    /* body container padding for mobile */
    .WBLoginFormContainer.ArnSubPage .SSFormBody,
    .WBValidatedRegistrationFormContainer.ArnSubPage .SSFormBody {
        padding: 15px;
    }

    /* stack links */
    .WBLoginFormContainer.ArnSubPage #theWBLoginForm .FormActions a {
        display: block;
        margin-bottom: 15px;
    }

    /* hide link divider */
    .WBLoginFormContainer.ArnSubPage #theWBLoginForm .loginDivider {
        display: none;
    }
}

/******** Hotel Search Form ********/
/* Calendar Border */
.yui3-skin-sam .yui3-calendar-content {
    border-color: #1E1E46 !important;
}

.yui3-skin-sam .yui3-calendar-day-selected, .yui3-skin-sam .yui3-calendar-day-selected:hover {
    background-color: #00ebd7 !important;
    color: #000 !important;
}

.ArnSearchField>div {
    xmargin-bottom: 10px;
}

.ArnSearchField>div>span[class^=lbl] {
    margin-top: 8px !important;
}

/******************  SEARCH RESULTS ******************/
/* prevent flash while loading */
.RootBody .ArnPushPageContent {
    display: none !important;
}

/*Rating count  */
.ratingCount {
    background-color: #1E1E46;
}

.reviewCount a {
    margin-left: 3px;
}

/* Trip Advisor Icon */
.ArnTripAdvisorDetails img {
    display: block;
    margin: 5px 0 7px 0;
    height: 16px;
}

.animated-background .ArnTripAdvisorDetails img {
    display: none;
}

@media screen and (min-width: 500px) {
    .SearchHotels .ArnPropThumb img {
        height: 280px;
    }
}

.arrowDown::before {
    border-top-color: #00ebd7;
}


/* Air Fixes */

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

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

/******** FEATURED PROPERTIES ********/
.featuredContainer {
    background-color: #1E1E46;
}

.featuredContainer h1 {
    color: #FFF;
    font-weight: 700;
}

.featuredContainer .featuredProperty .tripAdvisor {
    color: #000;
    background-color: #00ebd7;
}

.featuredDestinationsContainer {
    padding-top: 50px;
}

.featuredDestinationsContainer .featuredDestination {
    background-color: #00ebd7;
}

.featuredDestinationsContainer .destinationIncentiveLink {
    background-color: rgba(1, 1, 1, 0.95);
}

.featuredDestinationsContainer .featuredDestination:hover .destinationIncentiveLink,
.featuredDestinationsContainer .featuredDestination:focus .destinationIncentiveLink {
    background-color: #00ebd7;
    color: #000;
}

.featuredDestinationsContainer .savingsLink {
    font-weight: 500;
}

.featuredDestinationsContainer .featuredDestination {
    border-color: #FFF !important;
}

/******** POPULAR DESTINATIONS ********/
.popularDestinationsLandingContainer {
    background-color: #FFF;
}

.popularDestinationsLandingContainer .popularDestinationsContainer .title {
    color: #000;
    font-weight: 700;
}

.popularDestinationsLandingContainer .popularCities li {
    background-color: #00ebd7;
    color: #000;
    opacity: 1;
    transition: opacity 0.3s linear;
}

.popularDestinationsLandingContainer .popularCities li:hover,
.popularDestinationsLandingContainer .popularCities li:focus {
    background-color: #00ebd7;
    opacity: 0.7;
}

.popularDestinationsLandingContainer .popularCities a:link, .popularDestinationsLandingContainer .popularCities a:active, .popularDestinationsLandingContainer .popularCities a:visited {
    color: #000 !important;
    font-weight: 300 !important;
}

.popularDestinationsLandingContainer .popularCities a:hover,
.popularDestinationsLandingContainer .popularCities a:focus {
    background-color: transparent;
    color: #000 !important;
}

/******** HOTEL SEARCH RESULTS ********/
/* Search results form field spacing */
.SearchHotels .ArnQuadSearchContainer.ArnPrimarySearchContainer {
    xbackground: #7DFFEB !important;
    xbackground: -o-linear-gradient(45deg, #fff096 0%, #7dffeb 50%, #00ebff 100%) !important;
    xbackground: linear-gradient(45deg, #fff096 0%, #7dffeb 50%, #00ebff 100%) !important;
}

/* City Search Label */
.SearchHotels .ArnQuadSearchContainer.ArnPrimarySearchContainer .ArnIndividualSearchContainer span {
    font-size: 18px;
    margin-bottom: 3px;
    color: #000;
}

.SearchHotels .ArnSearch .ArnIndividualSearchContainer {
    xmargin-bottom: 8px;
}

/* Submit Button */
.ArnQuadSearchContainer.ArnPrimarySearchContainer #theSubmitButton {
    xbackground: #1E1E46;
    xcolor: #FFF;
    xtransition: color 0.2s linear, background 0.2s linear;
}

.ArnQuadSearchContainer.ArnPrimarySearchContainer #theSubmitButton:hover {
    xbackground: #00ebd7;
    xcolor: #000;
}

/* Search Box Tabs */
a.ArnGoCitySearch, a.ArnGoAddressSearch, a.ArnGoLandmarkSearch, a.ArnGoAirportSearch {
    border-right: 1px solid #ccc;
}

.ArnPropAddress {
    font-size: 14px;
}

/* Autocomplete */
div.autocomplete {
    text-indent: 8px !important;
}

div.autocomplete ul,
div.autocomplete ul li {
    font-size: 16px !important;
    margin: 0 0 3px 0 !important;
    line-height: 2.25 !important;
}

div.autocomplete ul li.selected {
    background-color: #00ebd7 !important;
}

.SearchHotels .reserveHotel, .SearchHotels .modifySearch {
    font-size: 19px;
    color: #000;
}

.SearchHotels .ArnPages a,
.SearchHotels .ArnPages span {
    color: #1E1E46;

    transition: 0.2s border-color linear, 0.2s bbackground-color color linear;
}

.SearchHotels .ArnPages a,
.SearchHotels .ArnPages span {
    border: none;
}

.SearchHotels .ArnPages span.pagesActive {
    background-color: #1E1E46;
}

.SearchHotels .ArnPages span.pagesActive:hover,
.SearchHotels .ArnPages span.pagesActive:focus,
.SearchHotels .ArnPages a:hover,
.SearchHotels .ArnPages a:focus,
.SearchHotels .ArnPages span:hover,
.SearchHotels .ArnPages span:focus {
    color: #000;
    xborder-color: #00ebd7;
    xbackground-color: #00ebd7;
}

a.ArnGoCitySearch:hover,
a.ArnGoAddressSearch:hover,
a.ArnGoLandmarkSearch:hover,
a.ArnGoAirportSearch:hover,
a.selectedTab {
    background-color: #1E1E46;
    color: #FFF;
}

/* Modify Search Mobile */
@media screen and (max-width: 1000px) {
    .SearchHotels .modifySearchButton {
        background-color: #00ebd7;
        color: black;
    }
}

/* Mobile Sort Dropdown */
@media screen and (max-width: 1000px) {
    #SortControlsContainer .hamburger:before {
        border-top-color: #00ebd7;
    }
}

.ArnSortContainer a:hover {
    border-left: 4px solid #333;
}

.SearchHotels .roomCount {
        max-width: 100%;
        font-size: .8rem;
        font-weight: 700;
        width: 100%;
        text-wrap: wrap;
}

.ArnPriceCell .percentSavings {
    xborder-color: #2970C2;
    xcolor: #2970C2;
}

/* Mobile saves badge */
@media screen and (max-width: 1000px) {
    .SearchHotels .percentSavings {
        xbackground-color: #2970C2;
        xcolor: white;
    }
}

.SearchHotels .roomCount,
.memberSavings {
    xcolor: #2970C2;
}

.OnSale .mainRate .yourRateContainer,
.OnSale .yourRateContainer {
    color: black;
    margin: 10px 0;
}

.SearchHotels .OnSale .yourRateAmount {
    color: black;
}

.SearchHotels .OnSale .memberSavings a {
    color: #2970C2;
}

.SearchHotels .ArnContentButtonContainer div.active,
.SearchHotels .ArnContentButtonContainer div:hover,
.SinglePropDetail a.bookRoom,
.SinglePropDetail a.holdRoom {
    background-color: #1E1E46;
}

.SinglePropDetail a.bookRoom:hover,
.SinglePropDetail a.holdRoom:hover {
    background-color: #1E1E46;
}

.ArnNoResults {
    font-size: 21px;
}

/* cancel policy popup */
.SinglePropDetail .ArnRateCancelPolicyContainer {
    font-size: 14px;
    line-height: 1.4;
}

.SearchHotels .ArnSecondarySearchOuterContainerTop span.close,
.SinglePropDetail .ArnRateCancelPolicyContainer .close {
    color: black !important;
}

/* property amenities content */
.ArnAmenityContainer {
    padding: 15px 0;
}

/******** HOTEL MAP ********/
.arnMapPopup .pricing {
    background-color: #2970C2;
}

.arnMapPopup .original {
    color: rgba(255, 255, 255, 0.75);
}

.arnMapMarker {
    background-color: #1E1E46;
    border: 1px solid white;
    color: #FFF;
}

.arnMapMarkerTriangle {
    border-top-color: black;
}

.arnMapMarker:hover {
    background-color: #00ebd7;
    border: solid 1px black;
    color: #000;
}

.arnMapMarker:hover .arnMapMarkerTriangle {
    border-top-color: #00ebd7;
    color: #000;
}

.arnMapMarker.highlight {
    background-color: #00ebd7;
    border: solid 1px #000;
    color: #000;
}

.arnMapMarker.highlight .arnMapMarkerTriangle {
    border-top-color: #00ebd7;
}

.arn-leaflet-reset-button,
.arn-leaflet-search2-button {
    background-color: #1E1E46;
    color: #FFF;
}

/******** SINGLE PROPDETAILS ********/
/* Slideshow */
.SinglePropDetail .control {
    top: 40%;
}

.SinglePropDetail .control.next {
    right: 31px;
}

/* Cancellation links */
.SinglePropDetail a.ArnRateCancelAnchor {
    font-size: 14px;
}

/* View Rooms - Hotel Details */
.SinglePropDetail a.showRoomsLink {
    xdisplay: inline-block !important;
    xbackground: #00ebd7;
    color: black;
    text-decoration: none;
    padding: 3px 6px;
}

@media screen and (max-width: 800px) {
    .SinglePropDetail a.showRoomsLink {
        width: 100%;
    }
}

/* Prop Tabs */
.SinglePropDetail .PropertyLinks li a {
    background-color: #1E1E46;
    color: white;
    border-right: 1px solid #fff;
    line-height: 19px;
}

.SinglePropDetail .PropertyLinks li a:hover,
.SinglePropDetail .PropertyLinks li a:focus,
.SinglePropDetail .PropertyLinks li a:active {
    xbackground-color: #00ebd7;
    color: black;
}

.SinglePropDetail .PropertyLinks a img {
    filter: brightness(100);
}

@media screen and (max-width: 480px) {
    .SinglePropDetail .PropertyLinks ul li {
        width: 50%;
    }
}

/* Boxed Headlines */
.SinglePropDetail .ArnContentContainer legend,
.QualifiedRates.StandardAvailability legend {
    xbackground-color: #1E1E46 !important;
}

@media screen and (max-width: 800px) {
    .SinglePropDetail .ArnRateTableHeader {
        background-color: #1E1E46;
        border-bottom: none;
    }
}

/* Standard Availibity Content */
.ArnContentGeneralInfo td:not(.bookRoomCell) {
    font-weight: 300;
    padding-right: 10px;
}

/* General Info Content */
.ArnContentGeneralInfo p {
    font-weight: 300;
}

@media screen and (max-width: 800px) {
    .ArnContentGeneralInfo {
        margin-top: 25px;
    }
}

.SinglePropDetail .roomCount {
    font-size: 14px;
    font-weight: 700;
    xcolor: #2970C2;
}

.SinglePropDetail .rateRow .percentSavings {
    xbackground-color: #2970C2;
    xborder-color: #2970C2;
    xcolor: #FFF;
}

.SinglePropDetail .ArnProperty .percentSavings {
    xbackground-color: #2970C2;
    xborder-color: #2970C2;
    xcolor: #FFF;
}

/* Rate Blocks */
.SinglePropDetail .ArnNightlyRate div {
    margin-bottom: 8px;
}

.SinglePropDetail .ArnNightlyRate .bookRoom {
    margin: 10px 0;
}

.PropLimitedAvail .ArnAvailability {
    xcolor: white;
    xborder-color: #CC00C5;
    xbackground-color: #CC00C5;
}

/******** Checkout Process ********/
#theReservationFormContainer #inventoryNotice {
    font-size: 22px;
}

#theReservationFormContainer #theStayPolicies {
    background-color: #FFF;
}

#theReservationFormContainer .reviewCount {
    margin-bottom: 15px;
}

/* Totals Tables */
.totalsTable .dueNowRow td,
.totalsTable .balanceDueRow td {
    font-size: 35px;
}

.totalsTable th,
.PaymentPolicies table th {
    width: 35%;
}

.totalsTable td,
.PaymentPolicies table td {
    width: 64%;
}

.PaymentPolicies table th {
    width: 100px !important;
}

#theReservationFormContainer .originalPrice {
    color: #000;
}

.hotelBox {
    text-align: center;
    background-color: #efefef;
}

.hotelBox .recommendedProperty {
    border-color: #00ebd7;
    color: #00ebd7;
}

.hotelBox .theHotelName {
    color: #FFF !important;
}

@media screen and (max-width: 800px) {
    .hotelBox .recommendedProperty {
        background: transparent;
    }
}

/******** Confirmation Page ********/
/* hide cloud video */
#theBookingPage.ConfirmationPage .confirmationHeader {
    height: 275px;
}

#theBookingPage.ConfirmationPage .confirmationHeader video {
    display: none;
}

#theBookingPage.ConfirmationPage .confirmationHeader {
    background-image: none;
    background: #7DFFEB !important;
    background: linear-gradient(45deg, #fff096 0%, #7dffeb 50%, #00ebff 100%) !important;
}

#theBookingPage.ConfirmationPage .thankYou {
    font-size: 80px;
    bottom: calc(50% - 70px);
    color: #000;
}

@media screen and (max-width: 800px) {
    #theBookingPage.ConfirmationPage .thankYou {
        font-size: 45px;
        bottom: calc(50% - 35px);
    }
}

/* Print LInk Turned into Button */
#theBookingPage.ConfirmationPage .receiptLink {
    display: inline-block;
    background: #00ebd7;
    padding: 8px 15px;
    margin: 0 10px;
    color: #000;
    font-size: 15px;
    transition: color 0.2s linear, background 0.2s linear;
}

#theBookingPage.ConfirmationPage .receiptLink:hover,
#theBookingPage.ConfirmationPage .receiptLink:focus,
#theBookingPage.ConfirmationPage .receiptLink:active {
    background: #1E1E46;
    color: white;
}

/* Cancellation policy link */
#theBookingPage.ConfirmationPage .ARN_ServiceLinks {
    text-decoration: underline;
}

/******** SUPPORT FOOTER & PAGES ********/
/* Stack footer links for mobile */
@media screen and (max-width: 480px) {
    .ArnSupportLinks.ArnSupportBottom a {
        display: block;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .ArnSupportLinks.ArnSupportBottom .dvd {
        display: none;
    }
}

.ArnSupportLinks.ArnSupportBottom {
    background-color: #1E1E46;
}

.FormFields {
    margin-bottom: 15px;
}

.WBSupportForm .useCancelFormWarning {
    xbackground: #CC00C5 !important;
}

.ErrorList {
    xbackground-color: #efefef;
    xborder: 2px solid #CC00C5;
}

.Error {
    xcolor: #CC00C5;
}

.FieldError {
    xborder-color: #CC00C5 !important;
}

.errors {
    xborder-color: #CC00C5;
    xbackground-color: #CC00C5;
    xcolor: white;
    padding: 10px !important;
}

.errors li {
    xcolor: white;
}

.HasError input {
    xborder-color: #CC00C5;
}

/******** ADMIN PAGES ********/
.v6Admin:before {
    background-image: none;
    background: #7DFFEB !important;
    background: linear-gradient(45deg, #fff096 0%, #7dffeb 50%, #00ebff 100%) !important;
    height: 250px;
}

/* Close button */
#commands a:first-child::before {
    background-color: #1E1E46;
    color: white;
    font-size: 35px;
    padding: 12px 0px 0 15px;
    transition: 0.3s background-color linear;
}

#commands a:first-child:hover:before {
    background-color: #00ebd7;
    color: black;
}

/* Logout button */
#commands form .logoutCommand.submit {
    background: #00ebd7;
    padding: 8px 15px;
    margin: 0 25px !important;
    color: #000;
    font-size: 15px;
    transition: 0.2s opacity linear, 0.2s background linear;
}

#commands form .logoutCommand.submit:hover,
#commands form .logoutCommand.submit:focus,
#commands form .logoutCommand.submit:active {
    background: #1E1E46;
    color: white;
}

/* remove background on logout hover */
#commands form, #commands form:hover {
    background: transparent;
}

/* Reservations headline */
.WBSearchReservationsListProfile .v6Admin h1 {
    margin: -130px 0 122px 0;
    padding: 0 0 0 20px;
    color: black;
    height: auto;
}

/* My Profile Page */
.v6Admin .formLegend {
    margin: -178px 0 122px 0;
    padding: 0 0 0 20px;
    color: black;
    height: auto;
    font-size: 24px;
}

.v6Admin .formLegend label {
    font-size: 30px;
}

/* Organizations Page */
.WBOrganizationList .message {
    height: 28px;
    margin: -18px auto 39px !important;
    font-size: 34px;
    color: black;
}

@media screen and (max-width: 1000px) {
    .WBSearchReservationsListProfile .v6Admin h1 {
        margin: -151px 0 138px 0;
        color: black;
    }
}

/* Mobile Admin Nav */
@media screen and (max-width: 1000px) {
    #commands {
        height: 188px;
    }

    #commands a, #commands form {
        background: #1E1E46;
        color: #FFF !important;
    }

    #commands a:hover,
    #commands a:hover:first-child {
        background: #00ebd7;
        color: #000 !important;
    }
}

/******** SUB PAGES ********/
.ArnSubPage p {
    font-weight: 300;
}

/******** ACTIVITIES ********/
/* layout */
.ArnActivities.OrderSearch {
    background-color: var(--color-secondary);
}

.ArnActivities.OrderSearch main {
    background: white;
    padding: 5px 0;
}

/* Error messages */
.ArnActivities ul.messages.success {
    background-color: var(--color-primary);
    border: 2px solid var(--color-primary);
    color: #000 !important;
}

.ArnActivities ul.messages.errors {
    background-color: var(--error-text);
    border: 2px solid var(--error-text);
    color: #FFF !important;
}

.ArnActivities .error input,
.ArnActivities .error select,
.ArnActivities .error textarea {
    border: 1px solid var(--error-text);
}

.ArnActivities .error label {
    color: var(--error-text);
}

/* search form */
.ArnActivities .search-text input {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23000000' d='M7.736.102C6.328.17 5.128.74 4.125 1.817c-1.31 1.408-1.733 3.44-1.1 5.28.132.38.12.36 1.05 2.054l2.865 5.213.913 1.5c.126.068.245.05.366-.053.1-.087-.007.1 1.313-2.302L12.25 8.57c.47-.85.69-1.32.796-1.7.584-2.068-.023-4.117-1.633-5.507C10.374.465 9.12.035 7.736.102m.66 3.333c1.567.267 2.153 2.274.987 3.38-.816.768-2.163.7-2.862-.143a1.98 1.98 0 0 1 1.874-3.237'/%3E%3Ccircle /%3E%3C/svg%3E");
}

.ArnActivities .search-text input:focus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%2300ebd7' d='M7.736.102C6.328.17 5.128.74 4.125 1.817c-1.31 1.408-1.733 3.44-1.1 5.28.132.38.12.36 1.05 2.054l2.865 5.213.913 1.5c.126.068.245.05.366-.053.1-.087-.007.1 1.313-2.302L12.25 8.57c.47-.85.69-1.32.796-1.7.584-2.068-.023-4.117-1.633-5.507C10.374.465 9.12.035 7.736.102m.66 3.333c1.567.267 2.153 2.274.987 3.38-.816.768-2.163.7-2.862-.143a1.98 1.98 0 0 1 1.874-3.237'/%3E%3Ccircle /%3E%3C/svg%3E");
}

.ArnActivities .search-date input {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23000000' d='M15 0a1 1 0 0 1 .7.3 1 1 0 0 1 .3.7v14a1 1 0 0 1-.3.7 1 1 0 0 1-.7.3H1a1 1 0 0 1-.7-.3A1 1 0 0 1 0 15V1A1 1 0 0 1 .3.3 1 1 0 0 1 1 0h1.3v2a1 1 0 0 0 1 1 1 1 0 0 0 .7-.3 1 1 0 0 0 .3-.7V0h7.4v2a1 1 0 0 0 .3.7 1 1 0 0 0 .7.3 1 1 0 0 0 .7-.3 1 1 0 0 0 .3-.7V0H15zM5 13.7V11H2.3v2.7zM5 9V6.3H2.3V9zm4.3 4.7V11H6.7v2.7zm0-4.7V6.3H6.7V9zm4.4 4.7V11H11v2.7h2.7zm0-4.7V6.3H11V9h2.7z'/%3E%3Ccircle /%3E%3C/svg%3E");
}

.ArnActivities .search-date input:focus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%2300ebd7' d='M15 0a1 1 0 0 1 .7.3 1 1 0 0 1 .3.7v14a1 1 0 0 1-.3.7 1 1 0 0 1-.7.3H1a1 1 0 0 1-.7-.3A1 1 0 0 1 0 15V1A1 1 0 0 1 .3.3 1 1 0 0 1 1 0h1.3v2a1 1 0 0 0 1 1 1 1 0 0 0 .7-.3 1 1 0 0 0 .3-.7V0h7.4v2a1 1 0 0 0 .3.7 1 1 0 0 0 .7.3 1 1 0 0 0 .7-.3 1 1 0 0 0 .3-.7V0H15zM5 13.7V11H2.3v2.7zM5 9V6.3H2.3V9zm4.3 4.7V11H6.7v2.7zm0-4.7V6.3H6.7V9zm4.4 4.7V11H11v2.7h2.7zm0-4.7V6.3H11V9h2.7z'/%3E%3Ccircle /%3E%3C/svg%3E");
}

/* header */
.ArnActivities .languageContainer {
    display: inline-block !important;
}

/* buttons */
.ArnActivities button {
    background-color: var(--color-primary);
    color: black;
}

.ArnActivities button:hover,
.ArnActivities button:focus,
.ArnActivities button:active {
    background-color: var(--color-secondary);
    color: white;
}

.ArnActivities button,
.ArnActivities button:hover,
.ArnActivities button:focus,
.ArnActivities button:active {
    transition: color 0.2s linear, background-color 0.2s linear;
    cursor: pointer;
}

/* search results */
.ArnActivities .rate-details .retail-rate span,
.ArnActivities .retail-rate,
.ArnActivities .total-retail {
    width: 100%;
    color: var(--main-discount) !important;
    text-decoration: line-through;
    font-weight: 400;
}

.ArnActivities div.extra-detail {
    color: var(--color-secondary);
}

.ArnActivities.SearchProducts .description {
    color: #000;
    font-weight: 400;
}

.ArnActivities .categories .clear-category.disabled {
    color: #000;
}

.ArnActivities .categories .clear-category {
    font-weight: 500;
    color: var(--color-secondary);
    cursor: pointer;
    text-decoration: underline;
}

.ArnActivities div.learn-more,
.ArnActivities .product .overflow,
.ArnActivities div.learn-more:hover,
.ArnActivities .product .overflow:hover {
    color: black !important;
}

/* pagination */
.ArnActivities .pages .page-number-link {
    color: black;
    background-color: transparent;
    border: 1px solid var(--color-primary);
    transition: color 0.2s linear, border 0.2s linear, background-color 0.2s linear;
}

.ArnActivities .pages .page-number-link.disabled {
    color: #000;
    border: none;
}

.ArnActivities .pages .page-number-link.active,
.ArnActivities .pages .page-number-link:hover {
    color: black;
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
    transition: color 0.2s linear, border 0.2s linear, background-color 0.2s linear;
}

/* details pages */
.ArnActivities .product-details section.availability .travel-date,
.ArnActivities .product-details section.availability .age-band,
.ArnActivities .product-details section.tags {
    color: #000;
}

.ArnActivities .product-details .details li.exclusion svg path {
    fill: var(--error-text);
}

.ArnActivities .product-details .details li.inclusion svg path {
    fill: var(--color-primary);
}

.ArnActivities .retail-rate {
    color: var(--main-discount);
}

.ArnActivities .product-details section.tour-grades .tour-option .tour-grade-variants label {
    margin: 0 20px 0 0;
}

.ArnActivities .product-details section.tour-grades .tour-option .tour-grade-variants {
    padding: 0 30px 15px;
}

.ArnActivities .language .link {
    color: black !important;
}

.ArnActivities .backToResults {
    max-width: 250px;
    background: var(--color-primary);
    color: black;
    height: 48px;
    line-height: 48px;
    border: none;
    padding: 0 20px;
}

.ArnActivities .backToResults:hover,
.ArnActivities .backToResults:focus {
    background-color: var(--color-secondary);
    color: white;
}

.ArnActivities .backToResults,
.ArnActivities .backToResults:hover,
.ArnActivities .backToResults:focus {
    transition: color 0.2s linear, background-color 0.2s linear;
}

/* Support Links */
.ArnActivities section.support-links {
    background-color: var(--color-secondary);
}

.ArnActivities section.support-links ul li {
    border-right: 1px solid #FFF;
}

.ArnActivities section.support-links ul li a {
    color: white;
}

/* Links */
.ArnActivities section.support-links ul li a:hover,
.ArnActivities section.support-links ul li a:focus,
.ArnActivities section.support-links ul li a:active {
    color: var(--color-primary);
}

.ArnActivities section.support-links ul li a,
.ArnActivities section.support-links ul li a:hover,
.ArnActivities section.support-links ul li a:focus,
.ArnActivities section.support-links ul li a:active,
.ArnActivities .language .link,
.ArnActivities .language .link:hover,
.ArnActivities .language .link:focus {
    transition: color 0.2s linear;
}

/* Radio Buttons */
.ArnActivities [type="radio"]:not(:checked),
.ArnActivities [type="radio"]:checked {
    position: absolute;
    left: -9999px;
    opacity: 0;
}

.ArnActivities [type="radio"]:not(:checked)+label,
.ArnActivities [type="radio"]:checked+label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    line-height: 25px;
    font-size: 1rem;
    -webkit-transition: .28s ease;
    transition: .28s ease;
    /* webkit (konqueror) browsers */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ArnActivities [type="radio"]+label:before,
.ArnActivities [type="radio"]+label:after {
    content: '';
    position: absolute;
    left: -20px;
    top: 0;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    transition: .28s ease;
    background: transparent;
}

/* Unchecked styles */
.ArnActivities [type="radio"]:not(:checked)+label:before,
.ArnActivities [type="radio"]:not(:checked)+label:after,
.ArnActivities [type="radio"]:checked+label:before,
.ArnActivities [type="radio"]:checked+label:after {
    border-radius: 50%;
}

.ArnActivities [type="radio"]:not(:checked)+label:before,
.ArnActivities [type="radio"]:not(:checked)+label:after {
    border: 2px solid var(--color-primary);
}

.ArnActivities [type="radio"]:not(:checked)+label:after {
    z-index: -1;
    -webkit-transform: scale(0);
    transform: scale(0);
}

/* Checked styles */
.ArnActivities [type="radio"]:checked+label:before {
    border: 2px solid transparent;
}

.ArnActivities [type="radio"]:checked+label:after {
    border: 2px solid var(--color-primary);
}

.ArnActivities [type="radio"]:checked+label:after {
    background-color: var(--color-primary);
    z-index: 0;
}

.ArnActivities [type="radio"]:checked+label:after {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

/* Checkout page */
.ArnActivities .hurry-book,
.ArnActivities .order-container .savings {
    color: var(--main-discount);
}

.ArnActivities .submit, .ArnActivities input[type="submit"] {
    background-color: var(--main-discount);
    color: black;
}

.ArnActivities .submit, .ArnActivities input[type="submit"]:hover,
.ArnActivities .submit, .ArnActivities input[type="submit"]:focus {
    background-color: var(--color-secondary);
    color: white;
}

.ArnActivities .submit, .ArnActivities input[type="submit"],
.ArnActivities .submit, .ArnActivities input[type="submit"]:hover,
.ArnActivities .submit, .ArnActivities input[type="submit"]:focus {
    transition: color 0.2s linear, background-color 0.2s linear;
}

#CurrenciesContainer {display:none !important; visibility: hidden !important; opacity: 0 !important;}