/* Branding for the Wise Travel */
:root {
    --color-brand-1: #32373C;
    --color-brand-2: #22262A;
    --color-brand-3: #137483;
    --color-brand-4: #0B5460;
    --color-brand-5: #FEF3ED;
    --color-brand-6: #9DC9CF;
    --color-brand-7: #C4DEE2;
    --color-brand-8: #CBF2ED;
    --color-brand-9: #E80000;
    --color-brand-10: #AC0000;
    --color-brand-11: #F9F3F2;

    --color-primary: var(--color-brand-1);
    --color-primary-hover: var(--color-brand-2);
    --Brand---Primary-FG: var(--color-white-white);
    --color-secondary: var(--color-brand-3);
    --color-secondary-hover: var(--color-brand-4);
    --Brand---Secondary-FG: var(--color-white-white);
    --Brand---Background-1: var(--color-brand-5);
    --Brand---Background-2: var(--color-brand-6);
    --brand-background-2-hover: var(--color-brand-7);
    --Brand---Light-Green: var(--color-brand-8);
    --Brand---Red: var(--color-brand-9);
    --brand-red-hover: var(--color-brand-10);
    --Brand---Recommended: var(--color-brand-11);

    --color-red: var(--color-brand-9);

    --star-rating-active-bg: var(--color-secondary);
}

.ds-primary {
    background-color: var(--color-primary) !important;
    color: var(--Brand---Primary-FG) !important;
}
.ds-primary:hover {
    background-color: var(--color-primary-hover) !important;
    color: var(--Brand---Primary-FG) !important;
}
.ds-secondary {
    background-color: var(--color-secondary) !important;
    color: var(--Brand---Secondary-FG) !important;
}
.ds-secondary:hover {
    background-color: var(--color-secondary-hover) !important;
    color: var(--Brand---Secondary-FG) !important;
}

.enterpriseHeader #user_lipoints {
    background-color: var(--color-primary);
}

.searchOptionsControls button.doneSearchOptions.submit {
    color: var(--Brand---Primary-FG);
}

.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-end-date {
    background-color: var(--Brand---Background-2);
}
.litepicker .container__days .day-item.is-in-range {
    background-color: var(--brand-background-2-hover);
}
.litepicker .container__days .day-item:hover {
    color: var(--color-secondary);
    -webkit-box-shadow: inset 0 0 0 1px var(--color-secondary);
    box-shadow: inset 0 0 0 1px var(--color-secondary);
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer {
    background-color: var(--Brand---Background-1);
}
.percentSavings {
    color: var(--color-white-white);
}
.ratingCount {
    background-color: var(--Brand---Background-2);
}
.SinglePropDetail .bestAvailable {
    background-color: var(--Brand---Recommended);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .SimpleSearch form {
    background-color: var(--Brand---Recommended);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnAvailability a:hover {
    color: var(--brand-red-hover);
}
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a:hover:after,
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a.active:after {
    background-color: var(--color-secondary);
}
.hurryBook {
    color: var(--color-secondary);
    background-color: var(--Brand---Recommended);
}
.enterpriseHeader #logo {
    max-width: 200px;
}
.logoutCommand.submit,
.WBValidatedRegistrationFormContainer.ArnSubPage input.submit {
    background-color: var(--color-primary);
}
#theWBLoginForm .submit {
    background-color: var(--color-primary);
}
#theWBLoginForm .submit:hover {
    background-color: var(--color-primary-hover);
}
#arn_liusername {
    border-right: 1px solid var(--color-black-100);
    padding-right: 10px;
}

.arnQA.CheckOutForm #nav, .arnQA.CheckOutForm .languageContainer {
	display: none !important;
}