/* search bar */
.dataTables_filter {
    display: none;
}

/* pagination */
li:not(.active) > a.page-link:hover {
    filter: brightness(80%);
}

li.paginate_button > a.page-link {
    background-color: #0d6efd !important; 
    border: 0px !important;
    border-radius: 2px !important;
    margin: 0px !important;
}

li.paginate_button {
    padding: 0px !important;
    margin: 2px !important;
    border: 0px !important;
}

li.previous > a, li.next > a {
    width: 75px !important;
}

li.paginate_button > a {
    color: #D2D2D2 !important;
}

li.paginate_button.disabled > a, li.paginate_button.active > a {
    background-color: #4484e4 !important;
    pointer-events: none !important;
    cursor: default !important;
}

/* table */
.dataTable {
    border-bottom-width: 0px !important;
}

.dataTable > thead > tr > th {
    border-color: #A7A7A7 !important;
    border-width: 2px 2px 2px 0px !important;
}

.dataTable > thead > tr > th:first-child {
    border-left-width: 2px !important;
}

.dataTable > tbody > tr > td {
    padding-left: 20px;
    padding-right: 20px;
    border-color: #A7A7A7 !important;
    border-width: 0px 2px 2px 0px !important;
}

.dataTable > tbody > tr > td:last-child {
    border-right-width: 2px !important;
}

.dataTable > tbody > tr > td:first-child {
    border-left-width: 2px !important;
}

.dataTable > thead > tr > th.sorting:hover {
    background-color: #D6D5D5;
}

div.dataTables_length select {
    width: 70px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 15px;
}

div.dataTables_length label {
    font-size: 16px;
    color: #2b3238;
    margin-top: 12px;
    margin-left: 0px;
}