#sidebar {
    width: 250px;
    transition: all 0.3s;
    background-color: #000000;
    flex-shrink: 0;
}

#sidebar.collapsed {
    width: 80px;
}

.text-nav:hover {
    transition: 0.3s;
    color: #ECFFCE;
}

#MainContent.full {
    margin-left: 80px !important; /* Sesuaikan dengan lebar sidebar collapsed */
}

#btn-kembali.collapsed {
    opacity: 0;
}

#btn-kembali:hover{
    color: #ECFFCE;
    transition: .3s;
}

.text-nav {
    color: #898FA0 ;
}

.nav-active:hover{
    color: #ECFFCE;
    transition: .3s;
}

.nav-active{
    color: #ECFFCE;
}

#sidebar.collapsed ul li span {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.btn-kembali {
    transition: opacity 0.3s;
    text-decoration: none;
    color: #898FA0;
}

.nextpage h5 {
    color: black;
    font-weight: bold;
}

.nextpage span:hover {
    color: #6c6c6c;
    transition: .3s;
}
.nextpage span {
    color: black;
}