:root {
	/* Datepicker Day Styles */
	--dpDayRadius: 0.25rem;
	--dpDayToday: hsl(57, 100%, 78%); /* Datepicker Default Yellow */
	--dpDayOfTheWeekBGColor: hsl(0, 0%, 95%); /* black, 5% */ /* Has to be specific value because of opacity flickering bug */
	--dpDayOfTheWeekTextColor: hsl(var(--bodyFontColor));
	--dpDayHoverBGColor: hsl(var(--siteColor1));
	--dpDayHoverTextColor: hsl(var(--white));
	--dpDaySelectedBGColor: hsl(var(--siteColor1));
	--dpDaySelectedTextColor: hsl(var(--white));
	--dpDayHighlightBGColor: hsla(192, 57%, 30%, 75%); /* siteColor1, 75% */ /* Has to be specific value because of opacity flickering bug */
	--dpDayHighlightTextColor: hsl(var(--white));
	--dpDayAvailableBGColor: hsla(192, 57%, 30%, 75%); /* siteColor1, 75% */ /* Has to be specific value because of opacity flickering bug */
	--dpDayUnavailableBGColor: hsl(0, 0%, 95%); /* Has to be specific value because of opacity flickering bug */
	--dpDayUnavailableTextColor: hsla(var(--bodyFontColor), 50%);
	--dpDayCheckInBGColor: linear-gradient(to left top, var(--dpDayAvailableBGColor) 49%, var(--dpDayUnavailableBGColor) 50%);
	--dpDayCheckOutBGColor: linear-gradient(to left top, var(--dpDayUnavailableBGColor) 49%, var(--dpDayAvailableBGColor) 50%);
}

/* Datepicker */
#ui-datepicker-div { width: 18.75rem; z-index: 7000 !important; font-size: 0.875rem !important; line-height: 2 !important; }
.ui-datepicker { background: hsl(0, 0%, 96%); border: none !important; border-radius: 0; box-shadow: hsl(var(--black)) 0 0 3.125rem -0.875rem; }
.ui-datepicker .ui-datepicker-header { background: none; border: none; padding: 0 !important; font-weight: normal; }
.ui-datepicker .ui-datepicker-title { width: 100%; height: 1.875rem !important; margin: 0 auto !important; background: hsl(var(--siteColor1)); border-bottom: 0.0625rem solid hsl(var(--siteColor1)); font-size: 0.875rem; color: hsl(var(--white)); line-height: 2.25 !important; text-align: center; }
.ui-datepicker .ui-datepicker-next { width: 2.125rem !important; height: 1.875rem !important; top: 0 !important; right: 0 !important; background: url('/images/layout/datepicker-next-white.png') no-repeat center center !important; cursor: pointer; opacity: 0.75; }
.ui-datepicker .ui-datepicker-prev { width: 2.125rem !important; height: 1.875rem !important; top: 0 !important; left: 0 !important; background: url('/images/layout/datepicker-prev-white.png') no-repeat center center !important; cursor: pointer; opacity: 0.75; }
.ui-datepicker .ui-datepicker-next:after,
.ui-datepicker .ui-datepicker-prev:after { display: none !important; }
.ui-datepicker .ui-datepicker-next-hover { top: 0 !important; right: 0 !important; opacity: 1; border: 0 !important; }
.ui-datepicker .ui-datepicker-prev-hover { top: 0 !important; left: 0 !important; opacity: 1; border: 0 !important; }
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span { display: none !important; }
.ui-datepicker .ui-datepicker-calendar .ui-state-default { text-align: center !important; }
.ui-datepicker-calendar th { font-size: 0.75rem; line-height: 1; font-weight: normal; }
.ui-datepicker-calendar td { position: relative; line-height: 2; }
.ui-datepicker-calendar td span,
.ui-datepicker-calendar td a { width: 2.5rem; height: 2.5rem; padding: 0.5rem 0.3125rem !important; background: hsl(var(--siteColor1)) !important; border: 0.0625rem solid hsl(var(--siteColor1)) !important; font-size: 0.75rem; color: hsl(var(--white)) !important; text-align: center; }
.ui-datepicker-calendar td a:hover { background: hsl(0, 0%, 93%) !important; color: hsl(0, 0%, 27%) !important; font-weight: normal; }
.ui-datepicker .ui-state-disabled:after { content:""; display: block; position: absolute; top: 50%; right: 0; left: 0; border-bottom: 0.125rem solid hsl(var(--white)); }
.ui-datepicker .ui-datepicker-other-month:after { display: none; }
.ui-datepicker .ui-state-disabled.ui-datepicker-today span,
.ui-datepicker .ui-datepicker-today span { background: hsl(0, 0%, 97%) !important; border: 0.0625rem solid hsl(0, 0%, 27%) !important; color: hsl(var(--black)) !important; }
.ui-datepicker .ui-datepicker-today span:hover { background: hsl(var(--white)) !important; color: hsl(var(--siteColor1)) !important; font-weight: 700; }
.ui-datepicker .ui-state-disabled.ui-datepicker-today:after { display: none; }
.ui-datepicker .dp-highlight .ui-state-default { background: hsl(var(--siteColor2)) !important; border-color: hsl(var(--siteColor2)) !important; color: hsl(var(--white)) !important; }

.ui-datepicker .unavailableCheckin, .ui-datepicker .unavailableCheckout { opacity: 1 !important; }
.ui-datepicker .unavailableCheckin:after { width: 0.9375rem; left: auto; }
.ui-datepicker .unavailableCheckin a, .ui-datepicker .unavailableCheckin span, .ui-datepicker .availableCheckin a, .ui-datepicker .availableCheckin span { background: linear-gradient(to left top, hsla(var(--siteColor1), 0.35) 49%, hsl(var(--siteColor1)) 50%) !important; border: none !important; }
.ui-datepicker .unavailableCheckout a, .ui-datepicker .unavailableCheckout span, .ui-datepicker .availableCheckout a, .ui-datepicker .availableCheckout span { background: linear-gradient(to left top, hsl(var(--siteColor1)) 49%, hsla(var(--siteColor1), 0.35) 50%) !important; border: none !important; }