.datepicker-plot-area{
    width: 250px;
    border-radius: 10px !important;
}

.datepicker-plot-area .toolbox .pwt-btn-submit,
.datepicker-plot-area .toolbox .pwt-btn-calendar,
.datepicker-plot-area .toolbox .pwt-btn-today,
.datepicker-plot-area .datepicker-day-view .table-days td.selected span,
.datepicker-plot-area .datepicker-year-view .year-item.selected,
.datepicker-plot-area .datepicker-month-view .month-item.selected {
    background-color: #0265ba !important;
    border-radius: 5px !important;
    text-shadow: unset !important;
    color: wheat;
    font-weight: 600;
}

.datepicker-plot-area .datepicker-day-view .table-days td.today span {
    background-color: #5a6268 !important;
    border-radius: 5px;
}

.datepicker-plot-area .toolbox div:hover,
.datepicker-plot-area :is(.month-item, .year-item):hover {
    background-color: #007be6 !important;
    border-radius: 5px !important;
}

.datepicker-plot-area :is(.month-item, .year-item, .table-days td span) {
    border-radius: 5px !important;
    background-color: transparent !important;
    color: black !important;
}

.table-days td span.other-month {
    color: #636363 !important;
}

.datepicker-time-view input {
    color: black !important;
}

.datepicker-plot-area .toolbox {
    padding: 5px !important;
}

.datepicker-plot-area .header-row-cell {
    color: #ef3a66 !important;
}


[data-bs-theme=dark] .datepicker-plot-area {
    background: #1e1e2d !important;
    border: 1px solid #33354d;
    box-shadow: 0 8px 20px rgba(255, 255, 255, 0.1);
}

[data-bs-theme=dark] .datepicker-plot-area .datepicker-day-view .table-days td span,
[data-bs-theme=dark] .datepicker-plot-area :is(.month-item, .year-item, .table-days td span) {
    color: white !important;
}

[data-bs-theme=dark] .datepicker-plot-area .datepicker-day-view .table-days td span.other-month {
    color: #474646 !important;
}

[data-bs-theme=dark] .datepicker-plot-area .datepicker-navigator {
    background-color: #007be6;
    border-radius: 5px;
}

[data-bs-theme=dark] .datepicker-plot-area .datepicker-navigator .pwt-btn,
[data-bs-theme=dark] .datepicker-time-view input,
[data-bs-theme=dark] .datepicker-time-view {
    background-color: unset !important;
    color: #dbd9d9 !important;
    border-top: 0 !important;
}

[data-bs-theme=dark] .datepicker-plot-area .datepicker-time-view :is(.down-btn, .up-btn):hover, :is(.down-btn, .up-btn) {
    background-color: unset !important;
    color: #616161 !important;
}