:root [data-sidebar=brand], [data-sidebar=brand] {
    --bs-sidebar-dark-menu-item-color: #d9d9d9;
    --bs-sidebar-dark-menu-item-active-color: #fff;
    --bs-sidebar-menu-item-active-color: #fff;
    --bs-bg-brand-colour: #3b76e1;
}

.page-loader {
    background-color: rgba(59, 118, 225,0.95);
}

.loader-item span {
    color: #FFF;
}

.navbar-brand-box {
    background-color: #fff;
}

body[data-sidebar=brand] {
    background-color: #3b76e1 !important
}

    body[data-sidebar=brand] .vertical-menu {
        background-color: #3b76e1;
        border-color: #3b76e1
    }

@media (min-width:992px) {
    body[data-sidebar=brand] .vertical-menu::before {
        background-color: #3b76e1
    }
}

body[data-sidebar=brand] .vertical-menu .vertical-menu-btn {
    color: rgba(255,255,255,.8)
}

@media (min-width:992px) {
    body[data-sidebar=brand] .hamburger-icon span {
        background-color: var(--bs-sidebar-dark-menu-item-color);
    }
}

body[data-sidebar=brand] .navbar-brand-box {
    background-color: #3b76e1
}

body[data-sidebar=brand] #sidebar-menu ul li.menu-title {
    color: rgba(255,255,255,.7)
}

body[data-sidebar=brand] #sidebar-menu ul li a {
    color: rgba(255,255,255,.7)
}

    body[data-sidebar=brand] #sidebar-menu ul li a .nav-icon {
        fill: rgba(255,255,255,.7)
    }

    body[data-sidebar=brand] #sidebar-menu ul li a:hover {
        color: #fff
    }

        body[data-sidebar=brand] #sidebar-menu ul li a:hover .nav-icon {
            fill: #fff
        }

body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a {
    color: rgba(255,255,255,.6)
}

    body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:before {
        border-color: rgba(255,255,255,.6)
    }

    body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:hover {
        color: #fff
    }

        body[data-sidebar=brand] #sidebar-menu ul li ul.sub-menu li a:hover:before {
            background-color: #fff;
            border-color: #fff
        }

body[data-sidebar=brand] #sidebar-menu ul li .badge {
    background-color: #fff
}

body[data-sidebar=brand] #sidebar-menu ul li.mm-active {
    color: #fff !important
}

    body[data-sidebar=brand] #sidebar-menu ul li.mm-active > a {
        background: 0 0;
        color: #fff !important
    }

        body[data-sidebar=brand] #sidebar-menu ul li.mm-active > a::before {
            background-color: var(--bs-sidebar-dark-menu-item-active-color)
        }

        body[data-sidebar=brand] #sidebar-menu ul li.mm-active > a .nav-icon {
            fill: #fff !important
        }

    body[data-sidebar=brand] #sidebar-menu ul li.mm-active .mm-show .mm-active > a {
        color: #fff !important
    }

        body[data-sidebar=brand] #sidebar-menu ul li.mm-active .mm-show .mm-active > a:before {
            border-color: #fff !important;
            background-color: #fff !important
        }

body[data-sidebar=brand] .sidebar-footer .main-title {
    color: rgba(255,255,255,.8)
}

body[data-sidebar=brand] .sidebar-footer p {
    color: rgba(255,255,255,.5)
}

body[data-sidebar=brand][data-topbar=light] .navbar-brand-box {
    background-color: #3b76e1
}

body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a {
    background-color: #447ce2;
    color: #fff
}

    body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu > ul > li:hover > a .nav-icon {
        fill: #fff
    }

body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li.mm-active .active {
    color: var(--bs-sidebar-menu-item-active-color) !important
}

body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li a:hover {
    color: var(--bs-sidebar-menu-item-active-color)
}

body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active {
    color: var(--bs-sidebar-menu-item-active-color) !important
}

    body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active > a {
        color: var(--bs-sidebar-menu-item-active-color) !important
    }

        body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active > a i {
            color: var(--bs-sidebar-menu-item-active-color) !important
        }

body[data-sidebar=brand][data-sidebar-size=sm] .vertical-menu .sidebar-footer {
    display: none
}

body[data-sidebar=brand][data-sidebar-size=sm] .hamburger-icon span {
    background-color: var(--bs-sidebar-menu-item-color)
}

:root [data-sidebar=brand], [data-bs-theme=light] [data-sidebar=brand] {
    --bs-sidebar-dark-menu-item-color: #d9d9d9
}