.pagination{
    margin-top: 20px;
    margin-bottom: 20px;
    float: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position:relative;
    clear:both;
    width: 100%;
}

.pagination:hover {
    z-index:100;
}

.pagination > li{
    display: inline-block;
    margin-right: 5px;
}

.pagination>li>a,
.pagination>li>span {
    margin-left:0;
}

.pagination > li > a:hover{
    background: #f7f7f7;
}

.pagination > li > a:hover{
    background: #e2e2e2;
    color: #333333;
}
.pagination > li.active > a{
    width: 36px;
    height: 36px;
    background: #333333;
}

.pagination > li > a{
    padding: 10px 14px;
    min-height: 36px;
    line-height: 36px;
    min-width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    font-size: 16px;
}

.pagination > li.first-last a{
    background: #ececec;
    opacity: 0.7;
}

.pagination > li.first-last a:hover{
    opacity: 1;
}

.pagination .next a:before{
    content: url("../../_static/images/dexyco_v2021/paginacija_arrow.svg");
    display: inline-table;
    width: 6px;
    height: 12px;
}

.pagination .prev a:before{
    content: url("../../_static/images/dexyco_v2021/paginacija_arrow.svg");
    display: inline-table;
    width: 6px;
    height: 12px;
    transform: rotate(180deg);
}

.pagination > li.first-last .text {
    display: none;
}

.pagination .prev {
    margin-right: 10px;
}

.pagination .last,
.pagination .first{
    display: none;
}