/* 
    Пагинация
    Created on : 13.06.2022, 0:42:19
    Author     : Кирилл
*/
 
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #337AB7;
    border-color: #ccf;
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px;
}

.page-item:first-child .page-link {
    margin-left: 3px; 
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.page-link {
    padding: 0.375rem 0.75rem;
    margin: 0 2px 0 2px;
}

.page-link {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    /* background-color: #29166f;
     border: 1px solid #dee2e6; */
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.page-link:hover {
    z-index: 2;
    color: #0a58ca;
    text-decoration: none;
    box-shadow: 0 1px 3px rgb(0 0 0 / 40%);
    border-radius: 0.25rem;
}

/************************************************************************************
экран меньше чем 480
*************************************************************************************/
@media screen and (max-width: 480px) {

.page-link {
    padding: 0.15rem 0.4rem;
    margin: 0 1px 0 1px;
}

}