:root {
    --bs-primary: var(--f7-theme-color);
    --bs-primary-active: #056EE9;
    --bs-primary-light: #E9F3FF;
    --bs-primary-rgb: 139, 80, 0;
    --bs-text-primary: var(--f7-theme-color);
    --bs-component-active-bg: var(--f7-theme-color);
    --bs-component-hover-color: var(--f7-theme-color);
    --bs-component-checked-bg: var(--f7-theme-color);
    --bs-scrolltop-bg-color: var(--f7-theme-color);
    --bs-scrolltop-bg-color-hover: var(--f7-theme-color);
    --bs-menu-link-color-hover: var(--f7-theme-color);
    --bs-menu-link-color-show: var(--f7-theme-color);
    --bs-menu-link-color-here: var(--f7-theme-color);
    --bs-menu-link-color-active: var(--f7-theme-color);
    --bs-ribbon-label-bg: var(--f7-theme-color);
    --bs-ribbon-label-border-color: #0053b4;
}

.active > .page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--f7-theme-color);
    border-color: var(--f7-theme-color);
}

button.button-fill:focus-visible {
    background: #000000 !important;
    color: #ffffff !important;
}

button:focus-visible:not(.button-fill), .button:has(input:focus-visible), .button:has(select:focus-visible) {
    border-width: 2px solid var(--f7-button-fill-bg-color, var(--f7-theme-color));
}

.select2-container {
    z-index: 10000;
}

.daterangepicker {
    z-index: 10000;
}

.daterangepicker .ranges li.active {
    background-color: var(--f7-theme-color);
    color: var(--bs-component-active-color);
}

.daterangepicker.show-calendar .drp-buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.daterangepicker .drp-calendar td.active {
    background-color: var(--f7-theme-color) !important;
}

.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {
    color: var(--f7-theme-color);
}

.select2-container--bootstrap5 .select2-dropdown {
    min-width: 250px;
}

.dt-processing.card {
    display: none !important;
}