body{
    background: white;
    max-width: 100%;
    overflow-x: hidden;
}

.navbar .navbar-nav .nav-link:hover{
    background-color: #7ac33b;
    color: white;
}
/* .vertical {
    border-left: 2px solid black;
    height: 45px;
} */

/* awal untuk ubah lebar sidebar warna hitam */
#side_nav{
    background: rgb(0, 0, 0);
    min-width: 330px;
    max-width: 330px;
    transition:all 0.3s;
}
/* akhir untuk ubah lebar sidebar warna hitam */


.content{
    /* display:block; */
    min-height: 100vh;
    width: 100%;
    /* overflow:auto; */
}

hr.h-color{
    background: white;
}

/* bikin warna putih di dalam menu */
.sidebar li.active{
    background-color: #7ac33b;
    border-radius: 8px;
}
/* bikin warna putih di dalam menu  */

.sidebar span.active{
    background: white;
}

/* untuk scroll berubah warna */
.sidebar li.active a, .sidebar li.active a:hover {
    color: black;
}
.sidebar li a{
    color: white;
}

@media (max-width: 1200px) {
    #side_nav{
        margin-left: -330px;
        position: fixed;
        min-height: 100vh;
        z-index: 1;
    }

    #side_nav.active{
        margin-left: 0;
    }
}

#footer {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-top: 15px;
    position: fixed;
    bottom: 0;
}
div.dataTables_wrapper {
    width: 900px;
    margin: 0 auto;
}

.dataTables_filter {
    float: right !important;
    margin-top: 9px ;

    margin-left: 20px ;
    margin-bottom: 10px;
}
.dataTables_length{
    float: left !important;
    margin-top: 11px ;
    margin-bottom: 10px;
}
.dataTables_info{
    float: left !important;
    margin-top: 5px ;
    margin-bottom: 10px;
}
.dataTables_paginate,.paging_simple_numbers{
    float: right !important;
    margin-top: 5px ;
    margin-bottom: 10px;
}