.page-logo img {
    width: 50px;
    height: 50px;
}

.page-logo {
    height: 80px;
}

.custom-nav-menu {
    gap: 24px;
    padding: 24px 16px;
    margin: 0px;
}

ul {
    list-style: none;
    padding: 0px;
}

li > a > em {
    width: 24px;
    height: 24px;
    text-align: center;
}

li > a > em::before {
    vertical-align: -15%;
}

.page-sidebar {
    width: 240px !important;
}

.mod-skin-light:not(.mod-skin-dark) .page-sidebar {
     -webkit-box-shadow: none; 
     box-shadow: none; 
     border-right: 1px solid var(--stroke);
}

.btn-menu {
    display: flex;
    width: 208px;
    height: 50px;
    padding: 0px 16px;
    align-items: center;
    border-radius: 7px;
}

.btn-menu:hover, li > ul > .active, li.active {
    background: var(--sections);
    /* light-dropshadow */
    box-shadow: var(--light-shadow);
}

.active > a > em, .btn-menu:hover > a > em {
    color: var(--primary-color);
}

.btn-menu > a {
    gap: 16px;
    display: flex;
    align-items: center;
}