#sidebar {
    /* background-color: transparent; */

    ul.nav.nav-list {
        flex-grow: 1;
        
        li {
            /* margin: 8px;
            border: #A4C6DD 2px solid;
            border-radius: 8px; */

            a {                   
                display: flex;
                justify-content: flex-start;
                align-items: center;

                padding: 4px 0px 4px 20px;
                /* background-color: transparent; */
            }
        }
        li:before {
            /* hide bold line on the left */
            /* display: none; */
        }   
        li.active {
            border: none;
            /* border: #4D96CB 2px solid !important; */
        }
        li.active>a {
            /* font-weight: 500;
            background-color: #4D96CB !important;
            color: #ffffff !important;                 */
            /* 
            border-radius: 8px;
            background-color: #f3faff !important;
            color: #4D96CB !important;
            */
        }

        li.active>a:before {
            /* hide marker on the right */
            display: none;
        }
    }

    /* ul.nav.nav-list li:first-child {
        margin-bottom: 24px;
    }
    ul.nav.nav-list li:nth-child(3) {
        margin-bottom: 24px;
    }
    ul.nav.nav-list li:nth-child(5) {
        margin-bottom: 24px;
    }
    ul.nav.nav-list li:nth-child(7) {
        margin-bottom: 24px;
    }
    ul.nav.nav-list li:nth-child(9) {
        margin-bottom: 24px;
    }
    ul.nav.nav-list li:nth-child(10) {
        margin-bottom: 24px;
    }
    ul.nav.nav-list li:nth-child(13) {
        margin-bottom: 24px;
    } */

    .sidebar-toggle {
        background-color: transparent; 
    }

    .sidebar-toggle>.ace-icon {
        background-color: transparent; 
        border: none;
        font-size: 14px;
    }

    .sidebar-toggle:before {
        display: none;
    }

}

#sidebar.sidebar.sidebar-fixed.responsive.compact {
    /* width: 240px;  */
    display: flex;
    flex-direction: column;
    height: calc(100vh - 45px);
}

/*********************************************/
/* SIDEBAR                                   */
/* *******************************************/

@media (min-width: 1200px) {
    .sidebar.compact, .sidebar.compact.navbar-collapse {
        /* width: 125px; */
        width: 200px !important;
    }
}
@media (min-width: 992px) {
    .sidebar.compact, .sidebar.compact.navbar-collapse {
        /* width: 125px; */
        width: 200px !important;
    }
}
.sidebar.menu-min, .sidebar.menu-min.compact, .sidebar.menu-min.navbar-collapse {
    width: 70px !important;
}

/*********************************************/
/* MAIN                                      */
/* *******************************************/

@media (min-width: 1200px) {
    .sidebar.compact + div.main-content {
        margin-right: auto !important;
        /* margin-left: 125px !important; */
        margin-left: 200px !important;
    }
}
@media (min-width: 992px) {
    .sidebar.compact + div.main-content {
        margin-right: auto !important;
        /* margin-left: 125px !important; */
        margin-left: 200px !important;
    }
}
@media (min-width: 1200px) {
    .sidebar.menu-min + div.main-content {
        margin-right: auto !important;
        /* margin-left: 43px !important; */
        margin-left: 70px !important;
     }
}
@media (min-width: 992px) {
    .sidebar.menu-min + div.main-content {
        margin-right: auto !important;
        /* margin-left: 43px !important; */
        margin-left: 70px !important;
    }
}

/*********************************************/
/* FOOTER                                    */
/* *******************************************/

@media (min-width: 1200px) {
    .sidebar.compact ~ .footer .footer-inner {
        /* left: 125px; */
        left: 200px !important;
    }
}
@media (min-width: 992px) {
    .sidebar.compact ~ .footer .footer-inner {
        /* left: 125px; */
        left: 200px !important;
    }
}

@media (min-width: 1200px) {
    .sidebar.menu-min ~ .footer .footer-inner {
        /* left: 43px; */
        left: 70px !important;
    }
}
@media (min-width: 992px) {
    .sidebar.menu-min ~ .footer .footer-inner {
        /* left: 43px; */
        left: 70px !important;
    }
}