:root {
    --primary: #0066CC;
    --bs-border-color: var(--bs-gray-500); 
}

.is-primary,
.has-text-primary,
.datetimepicker-dummy.is-primary .datetimepicker-clear-button,
.datetimepicker.is-primary .datetimepicker-header .datetimepicker-selection-day,
.datetimepicker-footer-today {
    color: var(--primary) !important;
}

.has-background-primary,
.button.is-primary,
.datetimepicker.is-primary .datepicker-nav {
    background-color: var(--primary) !important;
    color: white !important;
}

.button.is-primary:hover {
    background-color: #004080;
}

.datetimepicker-dummy.is-primary .datetimepicker-dummy-wrapper:before,
.datetimepicker-dummy.is-primary:before {
    background-color: var(--primary);
}

.datetimepicker-dummy.is-primary .datetimepicker-dummy-wrapper.is-active,
.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover {
    border-color: var(--primary)
}

.input:active, .input:focus,
.is-active.input,
.is-active.textarea,
.is-focused.input,
.is-focused.textarea,
.select select.is-active,
.select select.is-focused,
.select select:active,
.select select:focus,
.textarea:active,
.textarea:focus,
.datetimepicker-dummy.is-primary .datetimepicker-dummy-wrapper:focus,
.datetimepicker-dummy.is-primary .datetimepicker-dummy-wrapper.is-focused,
.datetimepicker-dummy.is-primary .datetimepicker-dummy-wrapper:active,
.datetimepicker-dummy.is-primary .datetimepicker-dummy-wrapper.is-active {
    border-color: var(--primary);
    box-shadow: none;
}

.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today {
    border-color: var(--primary);
    color: var(--primary);
}

.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}