@charset "utf-8";


.next.disable,
.prev.disable {
    pointer-events: none;
    background: #ddd;
}
.pagination {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 150px;
}

.pagination p {
    /* border: 1px solid #ddd; */
    padding: 10px 30px 8px 30px;
    margin: 0 5px;
    background:  #36618f;
    border-radius: 5px;
    color: #fff
}
.next:hover, .prev:hover, .page_counter li:hover {
    cursor: pointer;
}

.page_counter {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin: 0 10px;
}

.page_counter li {
    border: 1px solid #36618f;
    padding: 15px 30px;

}

.page_counter li.current {
    background: #222222;
    color: #fff;
}

.page_counter li + li {
    margin-left: 5px;
}

.pagination a:link {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.pagination a:visited {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.pagination a:active {
    color: rgb(183, 184, 228);
    text-decoration: none;
}

.pagination a:hover {
    color: rgb(183, 184, 228);
    text-decoration: none;
}


@media screen and (max-width:900px) {


.pagination {
    display: flex;
    justify-content: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.pagination p {
    /* border: 1px solid #ddd; */
    padding: 8px 20px 8px 20px;
    margin: 0 5px;
    /* background:  #36618f; */
    border-radius: 5px;
    color: #fff
}

}