/* loader */
.lds-facebook {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background: #fff;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
    left: 32px;
    animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
    left: 56px;
    animation-delay: 0;
}
@keyframes lds-facebook {
    0% {
        top: 8px;
        height: 64px;
    }
    50%,
    100% {
        top: 24px;
        height: 32px;
    }
}
.loader-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.loader-text {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    color: white;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.delete-form {
    display: inline-block;
}

.table .thead-dark th {
    color: #fff;
    background-color: #212529 !important;
    border-color: #32383e;
}

/* .sidebar { */
/*   background-color: #a92623 !important; */
/* } */
/**/
/* .brand-link { */
/* 	border-bottom: 1px solid #4b545c !important; */
/*     background: #a92623 !important; */
/* } */
/**/
/* .navbar { */
/*   background-color: #ee542c !important; */
/* } */
/**/
/* .content-wrapper { */
/*     background-color: #3f474e !important; */
/*     color: #fff !important; */
/* } */
/**/
/* .wrapper .card { */
/*   background-color: #3a3a3a !important; */
/*   border: 1px solid #dee2e6; */
/* } */
/**/
/* .wrapper .card-header { */
/*   background-color: #444 !important; */
/*   border-bottom: 1px solid #dee2e6; */
/*   color: #fff !important; */
/* } */
/**/
/* .user-block .username a { */
/*   color: #ffffff !important; */
/* } */
/**/
/* .user-block .description { */
/*   color:azure !important;   */
/* } */
/**/
/* .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active { */
/*     background-color: #3366ff; */
/*     color: #fff; */
/* } */
/**/
/* .widget-user-header.bg-info { */
/*   background-color: #3366ff !important; */
/* } */
/**/
/**/
/* /* Table Dark */
*/
/* .table.table-dark thead tr:nth-child(1) th { */
/*   background-color: #3a3a3a !important;   */
/*   color: #ffffff !important; */
/*   border-bottom: 1px solid #444 !important; */
/* } */
/**/
/* .table.table-dark tbody td { */
/*   background-color: #2c2c2c !important;  */
/*   color: #ffffff !important; */
/*   border-top: 1px solid #444 !important; */
/* } */
/**/
/* .table.table-dark tfoot th { */
/*   background-color: #3a3a3a !important; */
/*   color: #ffffff !important; */
/* } */
/**/
/**/
/* /* Table Light */ */
/* .table.table-light thead tr:nth-child(1) th { */
/*   background-color: #ffffff !important;   */
/*   color: #212529 !important;            */
/*   border-bottom: 1px solid #dee2e6 !important; */
/* } */
/**/
/* .table.table-light tbody td { */
/*   background-color: #ffffff !important; */
/*   color: #212529 !important; */
/*   border-top: 1px solid #dee2e6 !important; */
/* } */
/**/
/* .table.table-light tfoot th { */
/*   background-color: #f8f9fa !important; */
/*   color: #212529 !important; */
/* } */
/**/
/* div#product-filter { */
/*     color: #ffffff; /* teks putih */ */
/*     background-color: #007bff; /* biru */ */
/* } */

#top {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* nempel di atas */
    align-items: stretch; /* canvas full width */
}

#chart-top {
    display: block; /* jangan inline */
    width: 100% !important;
    height: 400px; /* tetap sesuai height yg kamu mau */
}