.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: var(--colorPrimary) !important;
}

.bootstrap-datetimepicker-widget a {
    color: var(--colorPrimary) !important;
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: var(--colorPrimary) !important;
}


.daterangepicker .ranges li.active {
    background-color: var(--colorPrimary) !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--colorPrimary) !important;
}