.brand-logo {
    display: inline-flex !important;
    border-bottom: 1px solid rgb(13, 175, 75, 0.15) !important;
    width: auto;
    height: 5.1rem;
    margin: 0;
    padding: 0.75rem 0.5rem !important;
    color: #fff !important;
    background-color: #058e23 !important;
    overflow: hidden !important;
}

    .brand-logo .brand-text {
        padding: 0;
        margin: 0;
        line-height: 1.5;
        font-size: 2.35rem;
        font-weight: 600;
    }

    .brand-logo .brand-logo-bg {
        display: inline-block;
        width: 3.5rem;
        height: 3.5rem;
        margin: 0 !important;
        padding: 3px !important;
        background: #fff;
        border-radius: 50%;
        transition: padding 0.25s ease-in-out, padding 0.25s ease-in-out;
    }

        .brand-logo .brand-logo-bg:hover {
            padding: 1px !important;
        }

        .brand-logo .brand-logo-bg .logo {
            border: 1px solid #ddd;
            width: auto;
            height: 100%;
            margin: 0;
            padding: 0;
            max-height: 100%;
            background: #fff;
            border-radius: 50%;
            vertical-align: middle;
            overflow: hidden;
            object-fit: cover;
            transition: border 0.25s ease-in-out, width 0.25s ease-in-out;
        }

            .brand-logo .brand-logo-bg .logo:hover {
                border: 1px solid #ccc;
            }


.logo-bg {
    display: inline-block;
    width: auto;
    height: 4rem;
    margin: 0;
    padding: 0;
    background: none;
}

    .logo-bg .logo {
        border: 1px solid #ddd;
        width: auto;
        height: 100%;
        max-height: 100%;
        background: #fff;
        border-radius: 50%;
        vertical-align: middle;
        overflow: hidden;
        object-fit: cover;
    }


.sidebar .nav-sidebar .nav-item a,
.sidebar .nav-sidebar .nav-item a.nav-link {
    /*color: #faf5ea;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);*/
    /*transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;*/

    color: #fefaf7;
    transition: all 0.2s ease-in-out;
}

    .sidebar .nav-sidebar .nav-item a:hover,
    .sidebar .nav-sidebar .nav-item a.nav-link:hover {
        /*color: #fefcfa;
        border-left: 3px solid #1ae !important;
        border-left: 0.25rem solid #5cd;
        color: #fe7;*/
        border-left: 0.25rem solid #de5;
        color: #ef8;
    }

.sidebar .nav-sidebar > li > a.nav-link.active,
.sidebar .nav-sidebar > .nav-item > a.nav-link.active,
.sidebar .nav-sidebar > li.nav-item > a.nav-link.active,
.sidebar .nav-sidebar > li.active > a.nav-link,
.sidebar .nav-sidebar > .nav-item.active > a.nav-link,
.sidebar .nav-sidebar > li.nav-item.active > a.nav-link {
    border-left: 0.25rem solid #f23 !important;
    border-left: 0.25rem solid #2fe !important;
    padding-left: 0.75rem;
    color: #fff !important;
    background-color: #3ca !important;
    background-color: #2c7 !important;
    box-shadow: 0 1px 3px rgb(0, 0, 0, 0.15), 0 1px 2px rgb(0, 0, 0, 0.25) !important;
}

.sidebar .nav-sidebar > li.menu-open > a.nav-link,
.sidebar .nav-sidebar > .nav-item.menu-open > a.nav-link,
.sidebar .nav-sidebar > li.nav-item.menu-open > a.nav-link,
.sidebar .nav-sidebar > .nav-item.menu-open > a.nav-link {
    /*border-left: 0.25rem solid #fe5;
    border-left: 0.25rem solid #18f;*/
    border-left: 0.25rem solid #5b3;
    padding-left: 0.75rem;
    color: #efa;
    background-color: #073;
}


.sidebar .nav-sidebar > .nav-item .nav-treeview,
.sidebar .nav-sidebar > .nav-item > .nav-treeview {
    background-color: rgba(0, 0, 0, 0.15) !important;
}

    .sidebar .nav-sidebar > .nav-item .nav-treeview .nav-item > a.nav-link,
    .sidebar .nav-sidebar > .nav-item > .nav-treeview .nav-item > a.nav-link {
        border-left: 0.25rem solid #3c7;
        width: 15.75rem;
        width: 100%;
    }

        .sidebar .nav-sidebar > .nav-item .nav-treeview .nav-item > a.nav-link:hover,
        .sidebar .nav-sidebar > .nav-item > .nav-treeview .nav-item > a.nav-link:hover {
            /*border-left: 0.3rem solid #fe8;*/
            border-left: 0.3rem solid #ee7;
            color: #efa;
            box-shadow: 0 1px 3px rgb(0, 0, 0, 0.10), 0 1px 2px rgb(0, 0, 0, 0.15) !important;
        }

        .sidebar .nav-sidebar > .nav-item .nav-treeview .nav-item > a.nav-link.active,
        .sidebar .nav-sidebar > .nav-item > .nav-treeview .nav-item > a.nav-link.active {
            /*border-left: 0.25rem solid #7ff !important;
            color: #fff !important;
            background-color: #2a5 !important;

            border-left: 0.25rem solid #a3e !important;
            color: #fff !important;
            background-color: #527 !important;*/
            /*border-left: 0.25rem solid #5de !important;*/
            border-left: 0.25rem solid #4e7 !important;
            color: #fff !important;
            background-color: #1b3 !important;
            background-color: #2b4 !important;
            box-shadow: 0 1px 3px rgb(0, 0, 0, 0.05), 0 1px 2px rgb(0, 0, 0, 0.10) !important;
        }


.sidebar-collapse.sidebar-mini .sidebar:hover .nav-item .nav-treeview .nav-item > a.nav-link,
.sidebar-collapse.sidebar-mini .sidebar:hover .nav-sidebar > .nav-item .nav-treeview .nav-item > a.nav-link {
    width: 15.75rem;
    width: 100%;
}

.sidebar-collapse.sidebar-mini .sidebar:hover + .sidebar-collapse.sidebar-mini .content-wrapper,
.sidebar-collapse.sidebar-mini .sidebar:hover ~ .main-footer,
.sidebar-collapse.sidebar-mini .sidebar:hover ~ .main-header {
    margin-left: 15.75rem !important;
}


.sidebar .nav-sidebar .nav-item .nav-icon,
.sidebar .nav-sidebar .nav-item i.nav-icon {
    width: 22px;
    height: 22px;
}

    .sidebar .nav-sidebar .nav-item .nav-icon img,
    .sidebar .nav-sidebar .nav-item i img,
    .sidebar .nav-sidebar .nav-item i.nav-icon img {
        width: 20px;
        height: 20px;
    }