/* Hilangkan scroll horizontal kalau tidak dibutuhkan */
.dataTables_wrapper {
    overflow-x: unset !important;
}

/* Table normal full width */
table.dataTable {
    width: 100% !important;
}

/* Responsif hanya aktif di layar kecil */
@media (max-width: 768px) {
    .dataTables_wrapper {
        overflow-x: auto !important;
    }
}
.dataTables_wrapper .dataTables_paginate {
    margin-top: 10px;
    text-align: center;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.3rem 0.7rem;
    margin: 0 2px;
    border-radius: 0.25rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #0d6efd;
    color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #0b5ed7;
    color: white !important;
    cursor: pointer;
}
/* Styling accordion header */
.accordion-button {
    background-color: #dfeffe; /* default abu soft */
    color: #212529;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}

/* Saat hover */
.accordion-button:hover {
    background-color: #dfeffe;
    color: #0d6efd; /* biru bootstrap */
}

/* Saat aktif (terbuka) */
.accordion-button:not(.collapsed) {
    background-color: #0d6efd;
    color: white;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

/* Setelah ditutup (tetap biru) */
.accordion-button.collapsed.was-active {
    background-color: #0d6efd !important;
    color: white !important;
}

/* Accordion body */
.accordion-body {
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-top: none;
    border-radius: 0 0 8px 8px;
    padding: 1rem 1.25rem;
}

/* Hilangkan border default */
.accordion-item {
    border: none;
    margin-bottom: 8px;
}
.table-dark>thead>th{
    background-color: #0b5ed7!important;
}
.layout-navbar{
    background:#0b5ed7!important;
}
.landing-hero-blank{
    padding-block-start: 0rem!important;
}
.slayer{
    background: #EAE8FD;
    background: linear-gradient(90deg, rgba(234, 232, 253, 1) 0%, rgba(226, 213, 239, 1) 54%, rgba(236, 248, 234, 1) 100%);
}
@media (max-width: 767.98px) {
  .bg-pojok-kanan, #logo_berjajar {
    display: none !important;
  }
}
.text-logo {
  color: #0b5ed7; /* biru Bootstrap */
}

/* Override untuk desktop (≥1200px) */
@media (min-width: 1200px) {
  .text-logo {
    color: #fff; /* putih */
  }
}