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

.sidebar__nav li:has(.sidebar__nav__sub .sidebar__nav__item[active]) > .sidebar__nav__item.active .sidebar__nav__item__title,
.darktheme .sidebar__nav__item[active] .sidebar__nav__item__title {
    color: #fff;
}

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

.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: #fff;
}

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

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

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

.input__error {
    margin-top: -5px;
    font-size: 12px;
}



@media (hover:hover) {
    .darktheme .sidebar__nav__item:hover .sidebar__nav__item__icon {
        filter: brightness(0) invert(1);
    }

    .darktheme .sidebar__nav__item:hover .sidebar__nav__item__title {
        color: #fff;
    }
}