/* 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 { width: 100%; line-height: 1.5; 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(0,0%,80%); }
.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: var(--wHeavy); }
.ui-datepicker .ui-state-disabled.ui-datepicker-today:after { display: none; }
.ui-datepicker .dp-highlight .ui-state-default { background: hsl(var(--siteColor3)) !important; border-color: hsl(var(--siteColor3)) !important; color: hsl(var(--white)) !important; }
.ui-datepicker .ui-datepicker-unselectable { opacity: 1 !important; }
.ui-datepicker .ui-datepicker-unselectable span { background: hsla(var(--black), 0.10) !important; border-color: hsl(var(--black), 0.10) !important; color: #bbb !important; text-shadow: none !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(--black), 0.10) 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(--black), 0.10) 50%) !important; border: none !important; }