:root {
    --datepicker-bg-hover: #314351;
}

.datepicker {
    font-size: 1.5rem;
    color: #FFF;
}

    .datepicker td, .datepicker th {
        width: 50px;
        height: 50px;
    }

.datepicker-days, .datepicker-months, .datepicker-years {
    background: #101F2E;
}

.datepicker table tr td.old, .datepicker table tr td.new {
    color: #666;

}

.datepicker-dropdown.datepicker-orient-top:before {
    display: none;
}

.datepicker-dropdown.datepicker-orient-top:after {
    display: none;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background-image: linear-gradient(to bottom, var(--bs-primary-border), var(--bs-primary));
}
    .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] {
        background-color: var(--bs-primary);
    }
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
    background: var(--datepicker-bg-hover);
}

.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {
    background: var(--datepicker-bg-hover);
}

.datepicker table tr td span:hover {
    background: var(--datepicker-bg-hover);
}