table {
    width: 100%;
    border-collapse: separate;
    overflow: hidden;
}

thead {
    background-color: #0055ff;
    color: #000000;
}

th,
td {
    text-align: center !important;
    padding: 10px;
}

.table {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #ddd;
    overflow: hidden;
}

.table thead tr th td {
    text-align: center !important;
    color: #000000;
    vertical-align: middle;
    background-color: #0055ff;
}

tbody tr {
    opacity: 0;
    transform: translateY(10px);
    animation: fadeSlide 0.3s ease-out forwards;
}

td.text-center {
    text-align: center !important;
}

td.align-middle {
    vertical-align: middle !important;
}


@keyframes fadeSlide {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

table.table-bordered {
    width: 100%;
    border-collapse: separate;
    overflow: hidden;
}

table.table-bordered thead th {
    background-color: #0055ff;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
}

table.table-bordered td {
    text-align: start !important;
}

table.dataTable.no-footer {
    border-radius: 0 !important;
    border: 1px solid #cccccc;
    background-color: #ffffff !important;
}

table.dataTable thead tr th {
    color: #ffffff;
    background-color: #0055ff;
    text-align: center !important;
    vertical-align: middle !important;
}

table.dataTable.stripe tbody tr:nth-child(odd),
table.dataTable.display tbody tr:nth-child(odd) {
    background-color: #e0ebeb !important;
}

table.dataTable.stripe tbody tr:nth-child(even),
table.dataTable.display tbody tr:nth-child(even) {
    background-color: #e6f2ff !important;
}

table.dataTable tbody tr:hover {
    background-color: #cce6ff !important;
}

div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate {
    padding-top: 0.75rem;
}

div.dataTables_wrapper .dataTables_info {
    float: left;
}

div.dataTables_wrapper .dataTables_paginate {
    float: right;
    margin-top: -2rem;
}

table.dataTable tbody td {
    text-align: center !important;
    background-color: #ffffff;
}

div.dt-length {
    display: none;
}

div.dt-container {
    color: #262626 !important;
}

div.dt-container .dt-info {
    font-weight: bold;
}

div.dt-container .dt-paging .dt-paging-button.current {
    color: #262626 !important;
    border-radius: 6px;
    border: 2px solid #262626 !important;
}

div.dt-container .dt-paging .dt-paging-button {
    font-weight: bolder;
}

div.dt-container .dt-paging .dt-paging-button:hover {
    border-radius: 6px;
}

div.dt-paging {
    text-align: end;
}

div.dt-container .dt-processing {
    font-weight: bolder;
    background-color: #e0e0e0;
}

th:last-child .dt-column-order {
    display: none;
}

th.wrap-col, td.wrap-col {
    white-space: normal !important;
    word-wrap: break-word;
    word-break: break-word;
}

table.dataTable td,
table.dataTable th {
    white-space: nowrap;
}