/* HEADER */
.custom-datatable thead {
    background-color: #f4f6f9;
    border: 1px solid #e9ecef;
}

.custom-datatable thead th {
    font-weight: 600;
    background: #f5f5f5;
    color: #6c757d;
    border-bottom: 1px solid #e9ecef;
}

/* ROW */
.custom-datatable tbody tr {
    border-bottom: 1px solid #f1f1f1;
}

.custom-datatable tbody tr:hover {
    background-color: #f8f9fa;
}

/* BORDER VERTICAL */
.custom-datatable td,
.custom-datatable th {
    border-right: 1px solid #f1f1f1;
}

.custom-datatable td:last-child,
.custom-datatable th:last-child {
    border-right: none;
}

/* PAGINATION */
.dataTables_paginate .pagination {
    gap: 6px;
}

.dataTables_paginate .page-link {
    border-radius: 8px !important;
    border: 1px solid #e0e0e0;
    color: #6c757d;
}

.dataTables_paginate .page-item.active .page-link {
    background-color: white !important;
    font-weight: 600;
    border-color: #20c997 !important;
    color: #20c997 !important;
}

.dataTables_paginate .page-link:hover {
    background-color: #e9f7f3;
    color: #20c997;
}

/* LENGTH DROPDOWN */
.dataTables_length select {
    border-radius: 8px;
    border: 1px solid #dcdcdc;

}

/* SEARCH */
.dataTables_filter input {
    border-radius: 8px;
    border: 1px solid #dcdcdc;
    padding: 6px 10px;
}

.bg-login-new {
    background-image: url('../images/backgrounds/bakcground-login.png');
    height: 100vh;
    background-size: cover;
}