/* Stripe warna latar belakang baris ganjil */
    .table-striped>tbody>tr:nth-of-type(odd)>* {
        --bs-table-accent-bg: #f6f9fc;
        color: black;
    }

    /* Border luar tabel */
    .table,
    .dataTable {
        border: 1px solid #ebf1f6;
    }

    /* Baris terakhir saat tidak ada footer (Yajra dt-empty-footer) */
    div.dt-container.dt-empty-footer tbody>tr:last-child>* {
        border-bottom: 1px solid #ebf1f6;
    }

    /* Padding dan border bawah & kanan kolom */
    table.dataTable>thead>tr>th,
    table.dataTable td {
        padding: 10px;
        border-bottom: 1px solid #ebf1f6;
        border-right: 1px solid #ebf1f6;
    }

    /* Input pencarian dan input umum DataTables */
    div.dt-container .dt-search input,
    div.dt-container .dt-input {
        border: 1px solid #ebf1f6;
    }

    .select2-container--default .select2-selection--multiple,
    .select2-container--default .select2-selection--single {
        border: 1px solid #dadada;
        /* padding-block: 5px; */
    }

    .dt-input[type="search"] {
        border: 1px solid gray !important;
        min-width: 300px;
        height: 100% !important;
        padding-block: 9px !important;
    }
    .dt-search-0{
        color: gray;
    }

    table.dataTable td,
    table.dataTable th {
        text-align: left !important;
    }

    .topBar.active{
            top: 70px;
        opacity: 1;


    }
    .topBar{
        transition: all .5s ease;
        opacity: 0;
        top: -70px;
    }

    @media (min-width:1200px) {
        .topBar{
            opacity: 1;
            top: calc(70px)
        }
        .left-sidebar.active-xl {
            width: 90px;
        }

        .left-sidebar.active-xl:hover {
            width: 270px;
        }

        .left-sidebar.active-xl:hover .hide-menu {
            display: block;
        }

        .left-sidebar.active-xl .hide-menu {
            display: none;
        }

        .body-wrapper>.container-fluid {
            max-width: 100%;
        }


    }

    .nav-icon-hover {
        color: white;
    }

    .nav-icon-hover:hover {
        color: black;
    }
    .logo-img img{
        transition: all .3s;
    }
    .left-sidebar.active-xl .logo-img img{
        width: 50px;
    }

    .left-sidebar:hover .logo-img img{
            width: 180px;
        }


.table-striped:not(.no-reset) > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: #ffffff;
    color: black ;
}
.table-striped>tbody>tr>* {
    color: black ;
}




form input::placeholder,
form select::placeholder,
form textarea::placeholder {
  color: black !important; /* untuk placeholder */
  opacity: 1; /* pastikan tidak transparan di browser tertentu */
}