body[data-sidebar="dark"] .vertical-menu {
    background: #1c2230;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.04);
}

body[data-sidebar="dark"] #sidebar-menu {
    padding: 6px 0 40px;
}

body[data-sidebar="dark"] #sidebar-menu .menu-title {
    padding: 18px 22px 7px !important;
    letter-spacing: 0.14em;
    font-size: 10px;
    font-weight: 700;
    color: #8b93a7;
    opacity: 1;
}

body[data-sidebar="dark"] #sidebar-menu ul li a {
    font-size: 13.5px;
    font-weight: 500;
    letter-spacing: 0.01em;
}

body[data-sidebar="dark"] #sidebar-menu > ul > li > a {
    margin: 2px 10px;
    padding: 0.62rem 0.9rem;
    border-radius: 8px;
}

body[data-sidebar="dark"] #sidebar-menu > ul > li > a i {
    font-size: 1.15rem;
    opacity: 0.82;
}

body[data-sidebar="dark"] #sidebar-menu > ul > li > a:hover,
body[data-sidebar="dark"] #sidebar-menu > ul > li > a:hover i {
    color: #f4f6fb !important;
}

body[data-sidebar="dark"] #sidebar-menu > ul > li.mm-active > a {
    background: rgba(185, 18, 2, 0.18);
    color: #ffffff !important;
}

body[data-sidebar="dark"] #sidebar-menu > ul > li.mm-active > a i {
    color: #f3c6c0 !important;
    opacity: 1;
}

body[data-sidebar="dark"] #sidebar-menu .has-arrow:after {
    float: right;
    margin-top: 2px;
    font-size: 0.95rem;
    opacity: 0.45;
}

body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu {
    margin: 0 10px 8px 22px;
    padding: 2px 0 4px;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}

body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a {
    margin: 1px 0 1px 8px;
    padding: 0.42rem 0.8rem;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
}

body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a:hover {
    color: #f4f6fb !important;
    background: rgba(255, 255, 255, 0.04);
}

body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li.mm-active > a {
    background: rgba(255, 255, 255, 0.07);
    color: #ffffff !important;
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a {
    margin: 0;
    border-radius: 0;
}

.vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu {
    margin: 0;
    border-left: 0;
}

.vertical-collpsed .vertical-menu #sidebar-menu ul li ul.sub-menu li a {
    margin: 0;
    border-radius: 0;
}