/* Units Table */

.unit-data-table [data-column-name="assessor"] {
    min-width: 200px !important;
}

.unit-data-table [data-column-name="group"] {
    min-width: 10px !important;
}

.unit-data-table [data-column-name="schedule"] {
    min-width: 200px !important;
}

.unit-data-table [data-column-name="unitname"] {
    min-width: 150px !important;
}

.unit-data-table [data-column-name="unitno"] {
    min-width: 10px !important;
}

.portal_table tbody td {
    white-space: unset !important;
}

.portal_table tbody td:first-child {
    text-align: center !important;
}

div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -22px;
    text-align: center;
    padding: 2px;
    z-index: 10;
}

div.dataTables_processing>div:last-child {
    position: relative;
    width: 80px;
    height: 15px;
    margin: 1em auto;
}

@keyframes datatables-loader-1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes datatables-loader-3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes datatables-loader-2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

div.dataTables_processing>div:last-child>div:nth-child(1) {
    left: 8px;
    animation: datatables-loader-1 0.6s infinite;
}

div.dataTables_processing>div:last-child>div:nth-child(2) {
    left: 8px;
    animation: datatables-loader-2 0.6s infinite;
}

div.dataTables_processing>div:last-child>div:nth-child(3) {
    left: 32px;
    animation: datatables-loader-2 0.6s infinite;
}

div.dataTables_processing>div:last-child>div:nth-child(4) {
    left: 56px;
    animation: datatables-loader-3 0.6s infinite;
}

div.dataTables_processing>div:last-child>div {
    position: absolute;
    top: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: rgb(13, 110, 253);
    background: rgb(13, 110, 253);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

#DataTables_Table_0_wrapper .card {
    border: none !important;
    background-color: transparent !important;
}

.column-filter [type="text"] {
    background-color: #f3f5f9 !important;
    border: 1.5px solid #303335;
    font-size: 14px;
}

.column-filter input::placeholder {
    font-size: 12px;
}

.dataTables_paginate {
    margin: 0 auto;
    width: auto;

}

.bottom {
    width: fit-content;
    /* position: absolute; */
    padding-top: 25px;

}

.paging_simple_numbers .active>.page-link {
    background-color: #0AACAE !important;
    border-color: #0AACAE;
    color: #fff !important;
}

.paginate_button>a {
    color: #0AACAE !important;
}

.portal_table tbody td:first-child {
    padding-left: 8px !important;
}

.portal_table {
    margin-bottom: 0px !important;
    width: 100% !important;
}

.unitstudent-data-table tbody td:nth-child(3) {
    text-align: center;
}

.unitassign-data-table [data-column-name='assignassessor'] {
    min-width: 200px !important;
}

/* Testing */

.dataTables_scrollHeadInner {
    width: 100% !important;
}