/* v JQUERY DATEPICKER v */

.ui-datepicker {
    z-index: 100 !important;

    margin-top: 0.5rem !important;
    padding: 1.5rem 1.5rem 0.625rem 1.5rem !important;

    border: 1px solid #8e97a8 !important;
    border-radius: 8px !important;

    width: 18.75rem !important;

    box-sizing: border-box !important;
}
.ui-datepicker-header {
    background: white !important;
    border-width: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #d5dae1 !important;
    padding: 0 0 1rem 0 !important;
}
.ui-datepicker-header .ui-datepicker-title {
    font-family: 'Inter' !important;
    font-style: normal !important;
    font-weight: bolder !important;
    font-size: 0.875rem !important;
    color: black !important;
    line-height: 1.125rem !important;
}
.ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next {
    top: -5px !important;
    cursor: pointer;
}
.ui-datepicker-header .ui-datepicker-prev.ui-state-hover {
    background: white !important;
    border: none ;
    left: 2px !important;
}
.ui-datepicker-header .ui-datepicker-next.ui-state-hover {
    background: white !important;
    border: none;
    right: 2px !important;
}
.ui-datepicker-header .ui-datepicker-prev .ui-icon {
    background-image: url(/images/Icon=Big-Arrow-Left.svg) !important;
    background-size: contain;
    background-position: 0 0 !important;
}
.ui-datepicker-header .ui-datepicker-next .ui-icon {
    background-image: url(/images/Icon=Big-Arrow-Right.svg) !important;
    background-size: contain;
    background-position: 0 0 !important;
}
.ui-datepicker-calendar {
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 5px !important;
}
.ui-datepicker-calendar tr th {
    font-family: 'Inter' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    color: black !important;
    font-size: 0.875rem !important;
    line-height: 0.938rem !important;
}
.ui-datepicker-calendar tbody td {
    font-family: 'Inter' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    color: black !important;
    font-size: 0.75rem !important;
    line-height: 1.875rem !important;
}
.ui-datepicker-calendar tbody td a {
    background-color: white !important;
    background: none !important;
    border: none !important;

    text-align: center !important;
}
.ui-datepicker-calendar tbody td:hover a {
    color: var(--light-highlight-blue) !important;
}
.ui-datepicker-calendar tbody td.ui-datepicker-current-day {
    background: var(--highlight-blue) !important;
    border-radius: 50% !important;
}
.ui-datepicker-calendar tbody td.ui-datepicker-current-day a {
    color: white !important;
}