:root {
    --cl-main: #F9D523;
}

.sidebar__nav li:has(.sidebar__nav__sub .sidebar__nav__item[active]) > .sidebar__nav__item.active .sidebar__nav__item__title,
.sidebar__nav__item.active[active] .sidebar__nav__item__title {
    color: var(--cl-black);
}

.sidebar__nav li:has(.sidebar__nav__sub .sidebar__nav__item[active]) > .sidebar__nav__item.active .sidebar__nav__item__icon,
.sidebar__nav__item.active[active] .sidebar__nav__item__icon {
    filter: brightness(0)!important;
}

.sidebar__nav__sub .sidebar__nav__item.active::before, 
.sidebar__nav__sub .sidebar__nav__item[active]::before {
    background-color: var(--cl-main);
}

.title {
    color: var(--cl-dark-grey);
}

.btn-dflt {
    background-color: var(--cl-main);
    color: var(--cl-black);
}

input[type="checkbox"] {
    accent-color: var(--cl-main);
}

input[type="radio"] {
    accent-color: var(--cl-main);
}

.datepicker-cell.range {
    background-color: #F8D43C1A;
}

@media (hover:hover) {
    .sidebar__nav__item:hover .sidebar__nav__item__icon {
        filter: brightness(0)!important;
    }
    
    .sidebar__nav__item:hover .sidebar__nav__item__title {
        color: var(--cl-black);
    }
}