html, body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

.header-nav {
    background-color: var(--rq-headernav-background);
    color: var(--rq-headernav-color);
}

    .header-nav .btn-dark {
        background-color: var(--rq-headernav-btndark-background);
        border-color: var(--rq-headernav-btndark-background);
        color: var(--rq-headernav-btndark-color);
    }

    .header-nav .nav-link-custom {
        color: var(--rq-headernav-btndark-color) !important;
    }

    .header-nav .btn-dark:hover {
        background-color: var(--rq-headernav-btndark-hover-background);
        border-color: var(--rq-headernav-btndark-hover-background);
        color: var(--rq-headernav-btndark-color);
    }

    .header-nav .btn-dark:active, .header-nav .btn-dark.active, .header-nav .btn-dark:focus, .header-nav .btn-dark.focus {
        background-color: var(--rq-headernav-btndark-active-background) !important;
        border-color: var(--rq-headernav-btndark-active-background) !important;
        box-shadow: 0 0 0 0.2rem var(--rq-headernav-btndark-active-bordercolor);
    }

    .header-nav .form-group.inline-button.dark {
        background-color: var(--rq-headernav-btndark-background);
        border-color: var(--rq-headernav-btndark-background);
        color: var(--rq-headernav-btndark-color);
    }

    .header-nav i.fas.fa-search {
        color: var(--rq-headernav-btndark-color);
        opacity: 0.8;
    }

    .header-nav #search-input::placeholder, .header-nav #mobile-search-input::placeholder {
        color: var(--rq-headernav-btndark-color);
        opacity: 0.5;
    }

    .header-nav #search-input, .header-nav #mobile-search-input {
        color: var(--rq-headernav-btndark-color);
        opacity: 0.8;
    }

.sidebar-nav, .sidebar-nav .nav-link-text {
    background-color: var(--rq-sidebar-background);
    color: var(--rq-sidebar-color) !important;
    border-color: var(--rq-sidebar-bordercolor);
}

    .sidebar-nav li a.nav-link {
        color: var(--rq-sidebar-textcolor) !important;
    }

#mobile-sidebar, #mobile-sidebar .nav-link-text {
    background-color: var(--rq-sidebar-background);
    color: var(--rq-sidebar-color) !important;
    border-color: var(--rq-sidebar-bordercolor);
}

    #mobile-sidebar li a.nav-link {
        color: var(--rq-sidebar-textcolor) !important;
    }

.tab-content {
    background-color: var(--rq-tabcontent-background);
    border: 1px solid var(--rq-tabcontent-border);
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary)
}

.form-check-input:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem var(--rq-primary-boxshadowcolor)
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 0.25rem var(--rq-primary-boxshadowcolor)
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem var(--rq-primary-boxshadowcolor) !important
}

.form-control:focus, .form-select:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem var(--rq-primary-boxshadowcolor);
    background-color: var(--bs-window-bg);
    color: var(--bs-window-color)
}

.form-control, .form-select {
    background-color: var(--bs-window-bg);
    color: var(--bs-window-color)
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23878787'/%3e%3c/svg%3e")
}

.form-select, .select2-container--bootstrap-5 .select2-selection--single {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23283436' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

.bg-body {
    background-color: var(--bs-body-bg) !important;
}

.bg-window {
    background-color: var(--bs-window-bg) !important;
}

a,
.btn-link {
    color: var(--bs-link-color);
}

    a:hover, .btn-link:hover {
        color: var(--bs-link-hover-color);
    }

.btn-primary,
.bg-primary {
    background-color: var(--bs-btn-bg) !important;
    color: var(--bs-btn-color) !important;
}

.badge-primary {
    background-color: var(--bs-badge-bg) !important;
    color: var(--bs-badge-color) !important;
}

.btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active {
    box-shadow: 0 0 0 0.2rem var(--bs-btn-box-shadow-rgba) !important;
    background-color: var(--bs-btn-hover-bg) !important;
    border-color: var(--bs-btn-hover-border-color) !important;
    color: var(--bs-btn-hover-color) !important;
}

.btn-primary,
.btn-outline-primary {
    border-color: var(--bs-btn-border-color) !important;
}

    .btn-primary:hover, .btn-primary.hover,
    .btn-outline-primary:hover,
    .btn-outline-primary.hover,
    .btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
        background-color: var(--bs-btn-hover-bg) !important;
        border-color: var(--bs-btn-hover-border-color) !important;
        color: var(--bs-btn-hover-color) !important;
    }

    .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active,
    .btn-outline-primary:focus,
    .btn-outline-primary.focus,
    .btn-outline-primary:active,
    .btn-outline-primary.active {
        box-shadow: 0 0 0 0.2rem var(--bs-btn-box-shadow-rgba) !important;
        border-color: var(--bs-btn-hover-border-color) !important;
        color: var(--bs-btn-hover-color) !important;
    }

    .btn-outline-primary:focus,
    .btn-outline-primary.focus
    {
        color: var(--bs-btn-hover-border-color) !important;
    }

.badge-primary {
    border-color: var(--bs-btn-border-color);
}

.text-primary {
    color: var(--bs-primary) !important;
}

.btn-outline-primary {
    color: var(--bs-btn-hover-bg) !important;
}

    .btn-outline-primary:hover {
        color: var(--bs-btn-color) !important;
    }

.btn-secondary,
.bg-secondary {
    background-color: var(--bs-btn-bg) !important;
    color: var(--bs-btn-color) !important;
}

.badge-secondary {
    background-color: var(--bs-badge-bg) !important;
    color: var(--bs-badge-color) !important;
}

.btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active {
    box-shadow: 0 0 0 0.2rem var(--bs-btn-box-shadow-rgba) !important;
    background-color: var(--bs-btn-hover-bg) !important;
    border-color: var(--bs-btn-hover-border-color) !important;
    color: var(--bs-btn-hover-color) !important;
}

.btn-secondary,
.btn-outline-secondary {
    border-color: var(--bs-btn-border-color) !important;
}

    .btn-secondary:hover, .btn-secondary.hover,
    .btn-outline-secondary:hover,
    .btn-outline-secondary.hover,
    .btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active {
        background-color: var(--bs-btn-hover-bg) !important;
        border-color: var(--bs-btn-hover-border-color) !important;
        color: var(--bs-btn-hover-color) !important;
    }

    .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active,
    .btn-outline-secondary:focus,
    .btn-outline-secondary.focus,
    .btn-outline-secondary:active,
    .btn-outline-secondary.active {
        box-shadow: 0 0 0 0.2rem var(--bs-btn-box-shadow-rgba) !important;
        border-color: var(--bs-btn-hover-border-color) !important;
        color: var(--bs-btn-hover-color) !important;
    }

.badge-secondary {
    border-color: var(--bs-btn-border-color);
}

.text-secondary {
    color: var(--bs-secondary) !important;
}

.btn-outline-secondary {
    /*color: var(--bs-btn-hover-bg) !important;*/
}

    .btn-outline-secondary:hover {
        color: var(--bs-btn-color) !important;
    }

.btn-light,
.badge-light,
.bg-light {
    background-color: var(--bs-window-bg);
    color: var(--bs-window-color);
}

    .btn-light:focus, .btn-light.focus, .btn-light:active, .btn-light.active {
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5) !important;
        background-color: var(--bs-body-bg) !important;
        border-color: var(--bs-border-color) !important;
    }

.btn-light,
.btn-outline-light {
    border-color: var(--bs-window-bg);
}

    .btn-light:hover, .btn-light.hover,
    .btn-outline-light:hover,
    .btn-outline-light.hover {
        background-color: var(--bs-body-bg) !important;
        border-color: var(--bs-border-color);
    }

    .btn-light:focus, .btn-light.focus, .btn-light:active, .btn-light.active,
    .btn-outline-light:focus,
    .btn-outline-light.focus,
    .btn-outline-light:active,
    .btn-outline-light.active {
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5) !important;
        border-color: var(--bs-border-color) !important;
    }

.badge-light {
    border-color: var(--bs-border-color);
}

.text-light,
.btn-outline-light {
    color: var(--bs-window-color) !important;
}

    .btn-outline-light:hover {
        color: var(--bs-window-color)f !important;
    }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--bs-primary);
}

.link-primary {
    color: var(--bs-link-color) !important;
}

    .link-primary:hover {
        color: var(--bs-link-hover-color) !important;
    }

.select2-search {
    background-color: var(--bs-window-bg) !important;
}
    /* Change the appearence of the search input field */
    .select2-search input {
        color: var(--bs-window-color) !important;
        background-color: var(--bs-window-bg) !important;
    }

/* Change the appearence of the search results container */
.select2-results {
    background-color: var(--bs-window-bg) !important;
}

/* Change the appearence of the dropdown select container */
.select2-container--bootstrap-5 .select2-selection {
    color: var(--bs-window-color);
    background-color: var(--bs-window-bg);
    border-color: var(--bs-border-color);
}

/* Change the color of the default selected item i.e. the first option */
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: var(--bs-window-color) !important;
}

.select2-container--disabled {
    opacity: 0.5 !important;
}

.select2-container--bootstrap-5 .select2-dropdown {
    border-color: var(--bs-primary) !important;
}

    .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
        background-color: var(--bs-primary) !important;
        color: var(--bs-window-bg) !important;
    }

.select2-selection__arrow {
    color: var(--bs-window-color) !important;
}

.select2-selection__placeholder {
    color: var(--bs-window-color) !important;
    opacity: 0.5;
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}

.header-nav .nav-link-custom:hover {
    color: var(--rq-headernav-btndark-color);
    opacity: 0.8;
}

.main-bg-custom {
    background-color: var(--bs-window-bg);
    color: var(--bs-window-color);
}

.nav-tabs {
    border-bottom: 0px !important;
}

    .nav-tabs .nav-link.active {
        color: var(--bs-window-color);
        background-color: var(--bs-window-bg);
        border-color: var(--bs-window-bg);
        border-bottom-color: var(--bs-window-bg) !important;
    }

    .nav-tabs .nav-link:hover {
        border-color: var(--bs-border-color-translucent) !important;
        border-bottom-color: var(--bs-window-bg) !important;
    }

    .nav-tabs .nav-link:focus {
        border-color: var(--bs-window-bg) !important;
        border-bottom-color: var(--bs-window-bg) !important;
    }

/*.call-item-selected {
    color: var(--bs-nav-pills-link-active-color) !important;
    background-color: var(--bs-primary);
}*/

.chat-all-content {
    background-color: var(--bs-window-bg);
    color: var(--bs-window-color);
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
    color: var(--bs-window-color) !important;
    opacity: 0.5 !important;
}

.select2-container--bootstrap-5 .select2-dropdown {
    color: var(--bs-window-color) !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice:not([style*='backgr']) {
    color: var(--bs-window-color) !important;
}

.table {
    --bs-table-bg: var(--bs-window-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-color: var(--bs-window-color);
}

    .table.ui-pager-table {
        --bs-table-bg: var(--bs-body-bg);
    }

    .table tr.success {
        --bs-table-bg: var(--bs-border-color-translucent);
        filter: contrast(105%);
    }

    .table tr.active {
        --bs-table-bg: var(--bs-btn-secondary-bg);
        --bs-table-color: var(--bs-btn-secondary-colo);
    }

.form-control, .form-select {
    border-color: var(--bs-border-color);
}

.form-control-plaintext {
    color: var(--bs-window-color);
}


.btn:disabled, .btn.disabled, .btn[disabled] {
    color: var(--bs-window-color) !important;
    border: 1px dashed var(--bs-border-color) !important;
}

hr {
    color: var(--bs-border-color);
    opacity: 0.8;
}

.dropdown-menu {
    --bs-dropdown-color: var(--bs-window-color);
    --bs-dropdown-bg: var(--bs-window-bg);
    --bs-dropdown-link-color: var(--bs-window-color);
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-bottom: 7px solid var(--bs-border-color) !important;
    border-bottom-width: 7px !important;
    border-bottom-style: solid !important;
    border-bottom-color: var(--bs-border-color) !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-bottom: 6px solid var(--bs-window-bg) !important;
    border-bottom-width: 6px !important;
    border-bottom-style: solid !important;
    border-bottom-color: var(--bs-window-bg) !important;
}

.card {
    --bs-card-border-color: var(--bs-border-color);
    --bs-card-cap-color: var(--bs-window-color);
}
.card:not([class^="card text-bg-"]){
    --bs-card-cap-bg: var(--bs-window-bg);
}

section#ticket-header {
    background-color: var(--bs-body-bg);
    border-bottom: 0px;
}

/*jqGrid*/
.ui-jqgrid {
    border: 1px solid var(--bs-border-color); /*default*/
}
    .ui-jqgrid .ui-jqgrid-titlebar {
        border-bottom: 1px solid var(--bs-border-color); /*default*/
    }
    .ui-jqgrid .table-bordered tr.ui-row-rtl td {
        border-left: 1px solid var(--bs-border-color) !important;
    }

div.tablediv > .table-bordered {
    border-left: 1px solid var(--bs-border-color) !important;
}
.ui-jqgrid .ui-jqgrid-toppager {
    border-top: 1px solid var(--bs-border-color);
}

.ui-jqgrid .ui-jqgrid-toppager {
    border-bottom: 1px solid var(--bs-border-color);
}
.ui-jqgrid .loading,
.loading_pivot {
    border: 1px solid var(--bs-border-color); /*default*/
    background-color: var(--bs-window-bg);
    color: var(--bs-window-color);
}
.ui-jqgrid .ui-userdata-top {
    border-bottom: 1px solid var(--bs-border-color);
}

.ui-jqgrid .ui-userdata-bottom {
    border-top: 1px solid var(--bs-border-color);
}
.ui-jqgrid {
    background-color: var(--bs-border-color) !important;
}

    .ui-jqgrid tr {
        border-color: var(--bs-border-color);
    }
.ui-jqgrid-htable tr th {
    background-color: var(--bs-body-bg);
}
/*END jqGrid*/

/*Vertical navpills*/
.vertical-navpills-border {
    border-right: 1px solid var(--bs-border-color);
    border-bottom: none;
}

@media (max-width:768px) {
    .vertical-navpills-border {
        border-right: none;
        border-bottom: 1px solid var(--bs-border-color);
    }
}

.vertical-navpills-border-lg {
    border-right: 1px solid var(--bs-border-color);
    border-bottom: none;
}

@media (max-width:992px) {
    .vertical-navpills-border-lg {
        border-right: none;
        border-bottom: 1px solid var(--bs-border-color);
    }
}

.form-group.inline-button {
    background: var(--bs-window-bg);
    color: var(--bs-window-color);
}

.timeline-badge-activity {
    color: var(--bs-window-color);
    background-color: var(--bs-window-bg);
    border: 1px solid var(--bs-border-color);
}

.timeline-bar:before {
    background-color: var(--bs-border-color);
}

.timeline > div > .timeline-item {
    width: calc( 100% - 75px );
    float: right;
    border: 1px solid var(--bs-border-color-translucent);
    background-color: var(--bs-body-bg);
    border-radius: 0.1875rem;
    box-sizing: border-box;
    padding: 10px;
}

.timeline > div > .timeline-panel {
    border: 1px solid var(--bs-border-color-translucent);
    background-color: var(--bs-window-bg);
}

    .timeline > div > .timeline-panel.first-message {
        background-color: var(--bs-btn-secondary-bg);
        border-color: var(--bs-btn-secondary-bg);
        color: var(--bs-btn-secondary-color);
    }

    .timeline > div > .timeline-panel.gray {
        background-color: var(--rq-reply-bg);
        color: var(--rq-reply-color);
        border: 1px solid var(--rq-reply-border);
    }


.btn-light, .btn-light:hover {
    color: var(--bs-primary) !important;
    border-color: var(--bs-border-color) !important;
}

.ticket-message-attachments .panel-image {
    border: 1px solid var(--bs-border-color);
    background-color: var(--bs-body-bg);
}

div.ticket-description-body {
    background-color: var(--bs-window-bg);
}

section#ticket-communication h2 {
    color: var(--bg-window-color);
}

.progress_indicator {
    border: 1px solid var(--bs-border-color);
    background: var(--bs-window-bg);
}

.panel-file {
    border: 1px solid var(--bs-border-color);
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: var(--bs-window-color);
    background-color: var(--bs-border-color);
    border-color: var(--bs-border-color);
}

.pagination > li > a, .pagination > li > span {
    background-color: var(--bs-window-bg);
    border-color: var(--bs-border-color);
}

.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: var(--bs-border-color);
    background-color: var(--bs-window-bg);
    border-color: var(--bs-border-color);
}

.settings-card .card-header {
    background: var(--bs-body-bg);
}

    .settings-card .card-header i {
        color: var(--bs-body-color);
    }

.settings-card .card-row:not(:last-of-type) {
    border-bottom: 1px solid var(--bs-border-color);
}

.settings-card .card-row::after {
    color: var(--bs-primary);
}

.settings-card .card-row:hover {
    background-color: var(--bs-btn-secondary-bg);
    color: var(--bs-btn-secondary-color);
}

.settings-contents div a {
    transition: all 0.4s;
    color: var(--bs-window-color);
}

    .settings-contents div a:hover {
        cursor: pointer;
        text-decoration: none;
        color: var(--bs-link-color);
    }

.table-wrapper {
    border: 1px solid var(--bs-border-color);
    border-bottom: 0px;
}

.ticket-list .column-xsmall {
    background-color: var(--bs-window-bg);
    box-shadow: initial;
}

.list-header {
    box-shadow: initial;
    background: var(--rq-ticketlist-bg);
    border-bottom: 1px solid var(--rq-ticketlist-border);
    color:var(--rq-ticketlist-color)
}

    .list-header tr th.column-xsmall {
        box-shadow: initial;
        background: initial;
        background-color: var(--rq-ticketlist-bg);
        border-bottom: 1px solid var(--rq-ticketlist-border);
    }

.list-row {
    background-color: var(--bs-window-bg);
    border-bottom: 1px solid var(--bs-border-color);
    color: var(--rq-ticketlist-color)
}

    .list-row:not(:last-of-type) {
        border-bottom: 1px solid var(--bs-border-color);
    }

    .list-row.selected {
        background-color: var(--rq-ticketlist-bg-alt);
    }

        .list-row.selected .column-xsmall {
            background-color: var(--rq-ticketlist-bg-alt);
            box-shadow: initial;
        }

.list-footer {
    background: var(--rq-ticketlist-bg);
    border: 1px solid var(--rq-ticketlist-border);
    color: var(--rq-ticketlist-color)
}

.new-ticket-sticky-footer {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
}

.text-bg-light {
    background-color: var(--bs-window-bg) !important;
    color: var(--bs-window-color) !important;
}

.accordion {
    --bs-accordion-bg: var(--bs-window-bg);
    --bs-accordion-color: var(--bs-window-color);
    --bs-accordion-active-color: var(--bs-bodyry-color);
    --bs-accordion-active-bg: var(--bs-body-bg);
    --bs-accordion-btn-color: var(--bs-window-color);
}
.welcomeAccordion .accordion-button:focus {
    box-shadow: 0 0 0 0.25rem var(--rq-primary-boxshadowcolor) !important;
}

.list-group {
    --bs-list-group-bg: var(--bs-window-bg);
    --bs-list-group-color: var(--bs-window-color);
    --bs-list-group-action-hover-bg: var(--bs-body-bg);
    --bs-list-group-action-hover-color: var(--bs-window-color);
    --bs-list-group-action-active-bg: var(--bs-body-bg);
    --bs-list-group-action-active-color: var(--bs-window-color);
}

.list-group-item.active {
    --bs-list-group-active-bg: var(--bs-body-bg);
}

.control-menu a.nav-link, #views-refresh {
    color: var(--rq-colorforviews) !important;
}

#views-refresh:hover {
    color: var(--rq-colorforviews-hover) !important;
}

.btn-workflow, .btn-reply
{
    background-color: var(--bs-btn-bg) !important;
    color: var(--bs-btn-color) !important;
}

    .btn-workflow:focus, .btn-workflow.focus, .btn-workflow:active, .btn-workflow.active,
    .btn-reply:focus, .btn-reply.focus, .btn-reply:active, .btn-reply.active {
        box-shadow: 0 0 0 0.2rem var(--bs-btn-box-shadow-rgba) !important;
        background-color: var(--bs-btn-hover-bg) !important;
        border-color: var(--bs-btn-hover-border-color) !important;
        color: var(--bs-btn-hover-color) !important;
    }

.btn-workflow, .btn-reply {
    border-color: var(--bs-btn-border-color) !important;
}

    .btn-workflow:hover, .btn-workflow.hover,
    .btn-reply:hover, .btn-reply.hover {
        background-color: var(--bs-btn-hover-bg) !important;
        border-color: var(--bs-btn-hover-border-color) !important;
        color: var(--bs-btn-hover-color) !important;
    }

    .btn-workflow:focus, .btn-workflow.focus, .btn-workflow:active, .btn-workflow.active,
    .btn-reply:focus, .btn-reply.focus, .btn-reply:active, .btn-reply.active {
        box-shadow: 0 0 0 0.2rem var(--bs-btn-box-shadow-rgba) !important;
        border-color: var(--bs-btn-hover-border-color) !important;
        color: var(--bs-btn-hover-color) !important;
    }

.timelineOverdueAndUpcoming {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color)
}

.navbar-brand, .navbar-brand:hover, .nav-link-navbar, .nav-link-navbar:hover {
    color: var(--rq-headernav-color);
}