/* SPINER */

.loading {
    z-index: 999;
    position: absolute;
    top: 0;
    left: -5px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
}

.loading-content {
    position: absolute;
    border: 0.5rem solid #f3f3f3;
    /* Light grey */
    border-top: 0.5rem solid #676d70;
    /* Blue */
    border-radius: 100%;
    width: 8rem;
    height: 8rem;
    top: 30%;
    left: 45%;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* PAGINATION */
.pagination>li>a {
    background-color: rgb(52, 51, 51);
    color: #ffffff;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(169, 169, 169);
    border-color: rgb(44, 44, 44);
}

/* .pagination > .active > a
{
    color: rgb(66, 66, 66);
    background-color: #5A4181 !Important;
    border: solid 1px #5A4181 !Important;
}

.pagination > .active > a:hover
{
    background-color: #5A4181 !Important;
    border: solid 1px #5A4181;
} */

.page-item.active .page-link {
    z-index: 3;
    color: rgb(255, 255, 255);
    background-color: rgb(169, 169, 169);
    border-color: rgb(255, 255, 255);
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: rgb(66, 66, 66);
    border-color: #ffffff;
}