.table thead {
    background-color: var(--bs-primary) !important;
    color: white !important;
}

.table thead tr th {
    color: white !important;
    font-weight: bold !important;
}

.table thead tr th,
.table tbody tr td {
    border-right: 1px solid rgb(218, 218, 218) !important;
    border-left: 1px solid rgb(218, 218, 218) !important;
}

.no-side-border thead tr th,
.no-side-border tbody tr td {
    border-right: none !important;
    border-left: none !important;
}

.hide-scrollbar-x {
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.hide-scrollbar-x::before {
    display: none;
}

.mobile-custom-card {
    border-radius: 0.3rem;
    border: 1px solid #00990d;
}

.mobile-custom-card .header {
    border-radius: 0.3rem 0.3rem 0px 0px;
    background-color: #00990d;
    color: white;
    text-align: center;
    padding-top: .4rem;
    padding-bottom: .4rem;
    font-weight: bold;
}

.mobile-custom-card .body {
    border-radius: 0px 0px 0.3rem 0.3rem;
    background-color: white;
}

#mobile-navs .dropdown-menu {
    display: block;           /* penting */
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.25s ease;
    pointer-events: none;
}

#mobile-navs .dropdown-menu.show {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}