/* Area scroll khusus tabel */
.table-wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 450px;
    overflow: auto;
}

/* Tabel */
.table-wrapper table {
    border-collapse: separate;
    border-spacing: 0;
}

/* Header tabel */
.table-wrapper thead th {
    position: sticky;
    top: 0;

    /* Jangan sampai menutupi menu atau modal */
    z-index: 2;
    
font-size: 12px;
    padding: 3px 6px;
    
    background: #1f4ea6;
    color: #fff;

    /* Biarkan tinggi header mengikuti isi */
    /*height: auto;*/
    /*min-height: 0;*/
    /*padding: 3px 6px;*/

    /* Izinkan teks panjang membungkus baris */
    white-space: normal;
    overflow: visible;
    /*line-height: 1.4;*/
    vertical-align: middle;
    /*border-left: 1px solid #f0f2f5;*/
    border-right: 1px solid #f0f2f5;
    border-bottom: 1px solid #f0f2f5;
}
.table-wrapper tbody td {
    font-size: 12px;
    border-right: 1px solid #d9dbde;
    border-bottom: 1px solid #d9dbde;
}

/* Span di dalam header */
.table-wrapper thead th span {
    display: inline;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    font-size: 11px;
}
.table-wrapper thead .header-group th {
    position: sticky;
    top: 0;
    z-index: 3;
}

.table-wrapper thead .header-sub th {
    position: sticky;
    top: 18px; /* Sesuaikan dengan tinggi baris pertama */
    /*z-index: 2;*/
}
/* Hilangkan garis di ujung kanan header */
/*.table-wrapper thead th:last-child {*/
/*    border-right: none;*/
/*}*/