.hover-elevate-up {
    transition: transform .25s ease, box-shadow .25s ease;
}

.hover-elevate-up:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.menu-item .menu-link {
    border-radius: 0.65rem;
}

.menu-item.here .menu-link,
.menu-item .menu-link:hover {
    background-color: rgba(255,255,255,.08);
}

.aside-logo {
    border-bottom: 1px dashed rgba(255,255,255,.15);
}

/* ===== METRONIC 8 ACTIVE MENU FIX ===== */

.aside .menu-item.active > .menu-link {
    background-color: rgba(0, 74, 116, 1) !important;
    border-radius: 0.65rem;
    padding: 0.75rem 1rem; /* override padding kecil */
}

/* Text */
.aside .menu-item.active > .menu-link .menu-title {
    color: #ffffff !important;    
    font-weight: 700;
}

/* Icon */
.aside .menu-item.active > .menu-link .menu-icon i {
    color: #ffffff !important; /* primary */
}

/* Hover */
.aside .menu-item > .menu-link:hover {
    background-color: rgba(0, 74, 116, 0.2);
    border-radius: 0.65rem;
}