.pagination {
    margin:5px auto;
    display: inline-block;
    margin-bottom:15px;
}

.pagination.center{text-align:center}


.pagination a, .pagination span {
color: black;
padding: 8px 10px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd;
display:inline-block;border-radius:.25rem
}

.pagination a {
    margin: 0 3px;
    background: #F5F5F5
}

.pagination a.sel {
    background: #D5D5D5;
    text-decoration: none;
    border-radius: 3px
}

.pagination span.active {
    background-color: #f0ad4e;
    color: white;
    text-shadow:1px 1px 1px black;
    border-color:#00000033;
    font-weight:bold;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
}
.pagination .icon{display:inline-block;vertical-align:middle;position:relative;padding:8px;width:0;height:10px;background:#000000;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
.pagination .icon.left{-webkit-mask-image:url("/icons/caret-left.svg");mask-image:url("/icons/caret-left.svg")}
.pagination .icon.left2x{-webkit-mask-image:url("/icons/caret-left-2x.svg");mask-image:url("/icons/caret-left-2x.svg")}
.pagination .icon.right{-webkit-mask-image:url("/icons/caret-right.svg");mask-image:url("/icons/caret-right.svg")}
.pagination .icon.right2x{-webkit-mask-image:url("/icons/caret-right-2x.svg");mask-image:url("/icons/caret-right-2x.svg")}
.pagination .disabled>.icon,.icon.disabled{background:#00000044}

.pagresume{float:right;}

.pagination.summary{display:grid;grid-template-columns:70% auto}

.rppchanger{float:right;margin:5px 0 15px 20px;height:34.5px;line-height:34.5px}

.pagination-summary{clear:both;margin-bottom:15px;text-align:center}