#ncsss tr td input {
    width: 100%;
}

#ncsss th {
    padding: 10px;
}

#ncsss button {
    width: 100%;
    padding: 10px;
    color: white;
    background-color: #315e98;
}

#ncsss {
    width: 100%;
    border: 2px solid #f1f1f1;
    border-collapse: collapsed;
}
.table-gray tbody tr:nth-of-type(odd) {
    background-color: #e1e1e1; /* Darker gray for odd rows */
}

.table-gray tbody tr:nth-of-type(even) {
    background-color: #e0e0e0; /* Lighter gray for even rows */
}

.table-gray tbody tr td {
    color: #000; /* Text color for all rows */
}

.tablenav {
    margin-top: 20px;
}

.tablenav-pages {
    display: inline-block;
}

.tablenav-pages a,
.tablenav-pages span {
    padding: 5px 10px;
    margin: 0 2px;
    text-decoration: none;
    border: 1px solid #ccc;
    background: #f7f7f7;
    color: #0073aa;
    border-radius: 3px;
}

.tablenav-pages a:hover {
    background: #e1e1e1;
}

.tablenav-pages .current {
    background: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

.tablenav-pages .disabled {
    background: #f7f7f7;
    color: #ccc;
    border-color: #ccc;
}


/* Style the pagination container */

.dataTables_paginate {
    margin-top: 20px;
    text-align: center;
}


/* Style the individual pagination buttons */

.dataTables_paginate .paginate_button {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 2px;
    border: 1px solid #ddd;
    color: #007bff;
    cursor: pointer;
    text-decoration: none;
}


/* Style the active pagination button */

.dataTables_paginate .paginate_button.current {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}


/* Style the disabled pagination buttons */

.dataTables_paginate .paginate_button.disabled {
    cursor: not-allowed;
    color: #ddd;
}


/* Hover effect for pagination buttons */

.dataTables_paginate .paginate_button:hover {
    background-color: #e9ecef;
    border-color: #ddd;
}


/* Style for 'Previous' and 'Next' buttons */

.dataTables_paginate .paginate_button.previous,
.dataTables_paginate .paginate_button.next {
    font-weight: bold;
}


/* Style the ellipsis button (...) */

.dataTables_paginate .ellipsis {
    padding: 5px 10px;
    margin: 0 2px;
    color: #007bff;
    cursor: default;
}

.ncsss-wrapper .form-select {
    font-size: 1.5rem !important;
    border-radius: 0 !important;
    border: 2px solid #f1f1f1 !important;
    height: 40px !important;
}