.vertical-menu {
    background-color: #3C597A;
}


.mm-active {
    color: #eb6e10 !important
}

.mm-active .active {
    color: #eb6e10 !important
}

.mm-active .active i {
    color: #eb6e10 !important
}

.mm-active > i {
    color: #FFFFFF !important
}

#sidebar-menu ul li a i {
    color: #FFFFFF;
}

#sidebar-menu ul li a {
    color: #FFFFFF;
}

#sidebar-menu ul li a:hover {
    color: #eb6e10;
}

.vertical-collpsed .vertical-menu {
    position: fixed !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {
    color: #3C597A !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {
    color: #FFFFFF !important;
}


.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {
    background-color: #383b4e;
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul ul {

    background-color: #3C597A !important;

}

#page-topbar {
    background-color: #3C597A;

}

.noti-icon i {
    color: #FFFFFF !important;
}