:root {
    --primary-color: #008a8a;
}
.datepicker-dropdown {
    z-index: 100 !important;
}

.datepicker-days th.datepicker-switch {
    text-align: center;
    font-size: 14px;
}
.datepicker-days thead th {
    padding-top: 8px;
    padding-bottom: 8px;
}
.datepicker-days th.dow {
    padding: 8px 10px;
    font-size: 13px;
    font-weight: 500;
    color: var(--primary-color);
    border: none !important;
}
.datepicker-days td.day {
    padding: 8px 6px !important;
    text-align: center;
    font-size: 13px;
    border-radius: 6px;
}
.datepicker-days td.active.day {
    background-color: var(--primary-color);
    color: var(--white);
}
.datepicker-days thead th.prev,
.datepicker-days thead th.next,
.datepicker-days td.day {
    cursor: pointer;
}
.datepicker-days thead tr:first-child th {
    border: 0;
}
.datepicker.datepicker-dropdown .datepicker-days td.new.day,
.datepicker.datepicker-dropdown .datepicker-days td.old.day {
    opacity: 0.5;
    pointer-events: none;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    opacity: 0.5;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] {
    color: #FFFFFF !important;
    background-color: var(--primary-color) !important;
    background-image: none !important;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    color: var(--primary-color);
    background-color: #FAEF5D;
    background-image: none;
}