.vertical-layout.vertical-menu-modern.menu-expanded .main-menu {
    width: 280px;
}
.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded {
    width: 280px;
}

.header-navbar .navbar-container ul.nav li > a.nav-link {
    color: #394C62 !important;
}

#main-menu {
    background-color: #2C5CA4;
}
.main-menu .shadow-bottom {
    background: transparent !important;
}
.main-menu.menu-light .navigation > li.active:not(.sidebar-group-active) > a {
    background: rgba(101, 140, 230, 0.3);
    color: #AEBDD0;
}
.main-menu.menu-light .navigation {
    background: transparent !important;
}
.main-menu.menu-light .navigation .navigation-header, .main-menu.menu-light .navigation li a {
    color: #AEBDD0;
}

.vertical-overlay-menu .main-menu {
    width: inherit !important;
}

#table-data_paginate {
    margin-bottom: 25px;
}

#header-desktop {
    display: block;
}
#header-mobile {
    display: none;
}
.main-menu-mobile {
    display: none;
}
.view-desktop {
    display: block;
}
.view-mobile {
    display: none;
}

@media (max-width: 768px) {
    #table-data_length {
        text-align: left !important;
    }
    #table-data_filter {
        text-align: left !important;
        margin-left: -15px;
        margin-top: 3px;
    }
    #table-data_paginate {
        text-align: left !important;
        margin-left: -15px;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: left !important;
    }
}

@media (max-width: 576px) {
    #button-unduh {
        width: 100%;
    }

    #header-desktop {
        display: none;
    }
    #header-mobile {
        display: block;
        margin-top: 8px;
    }
    .main-menu-mobile {
        display: block;
    }.view-desktop {
        display: none;
    }
    .view-mobile {
        display: block;
    }
}