table tbody td {
    vertical-align: middle !important;
    /* padding-top: 3px !important;
    padding-bottom: 3px !important; */
    line-height: 1.1rem !important;
}


/* #tabel-data {
    font-size: 0.95rem;
} */

#tabel-data thead th {
    text-align: center;
    background-color: #06226996;
    color: white;
}

a.page-link {
    padding: 0.3rem 0.7rem;
    font-size: 1rem;
}

a.page-link:focus,
a.page-link:active,
a.page-link:hover {
    box-shadow: none !important;
}

#tabel-data_processing {
    box-shadow: none !important;
    z-index: 999 !important;
    position: absolute !important;
    background-color: transparent !important;
}



button.dt-button,
div.dt-button,
a.dt-button,
input.dt-button {
    padding: 0.2em 1em !important;
    float: left;
}

.dataTables_wrapper .dataTables_length {
    float: left;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: .25em;

}

.pagination {
    margin-bottom: 20px !important;
}

label.error {
    color: red;
    font-size: 0.8rem;
    display: block;

}

input.error {
    border: 1px solid red;
    font-weight: 300;
    color: red;
}



.icntmb {
    cursor: pointer !important;
}


td.select-checkbox,
th.select-checkbox {
    cursor: pointer;
}

#tabel-data_processing {
    box-shadow: none !important;
}

table.dataTable.table>tbody>tr.selected>* {
    box-shadow: inset 0 0 0 9999px #b0bed9;
    box-shadow: inset 0 0 0 9999px #b0bed9;
}

table.dataTable.table.table-striped>tbody>tr:nth-of-type(2n+1).selected>* {
    box-shadow: inset 0 0 0 9999px #b0bed9;
    box-shadow: inset 0 0 0 9999px #b0bed9;
}


/* Untuk Search Box */
.dataTables_filter,
.dt-search {
    text-align: right !important;
}

.dataTables_filter label,
.dt-search label {
    display: inline-flex;
    align-items: center;
}

/* Untuk Pagination */
.dataTables_paginate,
.dt-paging {
    float: right !important;
}

/* Khusus tampilan Mobile agar kembali ke tengah */
@media (max-width: 767.98px) {

    .dataTables_filter,
    .dt-search,
    .dataTables_paginate,
    .dt-paging {
        text-align: center !important;
        float: none !important;
    }
}

/* Menargetkan semua icon Font Awesome di dalam kolom tabel */
table td i {
    font-size: 18px !important;
    /* Sesuaikan dengan keinginan, misal 13px atau 14px */
    width: 20px;
    /* Opsional: Membuat lebar ikon konsisten agar teks di sampingnya rata */
    text-align: center;
}

table td i:hover {
    color: #0d6efd;
    cursor: pointer;
    transform: scale(1.2);
}

/* Jika kamu ingin ikon aksi (edit/hapus) sedikit lebih besar dari teks */
table td .btn i {
    font-size: 18px !important;
}

table {
    font-size: 15px !important
}