.jPaginate{
    height:34px;
    position:relative;
    color:#0d73b8;
    font-size:small;   
	width:100%;
    margin-bottom: 10px;
    display:flex; 
    align-items: center;
}
.jPaginate a{
    line-height:15px;
    cursor:pointer;
    padding:2px 5px;
    margin:2px;
    float:left;
    color: #0d73b8;
}
div.jPaginate a, .jPag-current, .jPag-snext, .jPag-sprevious {
    font-size: 16px !important;
}
.jPag-control-back{
	position:absolute;
	left:0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.jPag-control-front{
    position:absolute;
    top:0px;
    display: flex;
    align-items: center;
    bottom: 50%;
    transform: translate(0, +50%);
}

.jPaginate span{
    cursor:pointer;
}
ul.jPag-pages{
    float:left;
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px;
    height: 42px;
    /* width: 1400px; */
}
ul.jPag-pages li{
    height: 42px;
    display:inline;
    float:left;
    padding:0px;
    padding: 9px 15px;
    border: none !important;
    display: flex; /* Use flexbox for centering */
    justify-content: center; /* Center horizontally */
    align-items: center; 
    font-size: 14px;
    height: 40px;
    min-width: 40px;
}
ul.jPag-pages li{
    margin: 0 2px;
}
ul.jPag-pages li a{
    padding:2px 5px;
    margin:2px;
    float:left;
    color: #333333 !important;
    margin: 0px;
    padding: 0px;
    background-color: transparent !important;
    border: none !important;
}
span.jPag-current{
    cursor:default;
    font-weight:normal;
    line-height:15px;
    height:18px;
    display: flex;
    align-items: center;
    float:left;
    background-color: #0D73B8 !important;
    border: none !important;
    color: #FFFFFF !important;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img{
    height:22px;
    margin:2px;
    float:left;
    line-height:18px;
}
.jPag-pages span:not(.jPag-current) {
    color: #333333 !important;
    padding: 0px 6px;
}
span.jPag-sprevious{
    background-image: url(images/left_arrow.svg);
}

.jPag-snext{
    background-image: url(images/right_arrow.svg);
}

span.jPag-sprevious,
span.jPag-snext {
    width: 32px !important;
    height: 32px !important;
    background-size: 16px 16px; /* Size of the SVG */
    background-position: center; /* Center the image */
    background-repeat: no-repeat;
    position: relative; /* Stay centered in li */
    left: 0; /* Override left: -40px */

}

ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img{
    margin:2px 0px 2px 2px;
    font-size:12px;
    font-weight:bold;
        width:10px;

}
ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img{
    margin:2px 2px 2px 0px;
    font-size:12px;
    font-weight:bold;
    width:10px;
}
span.jPag-sprevious,
span.jPag-sprevious-img{
    margin:2px 0px 2px 2px;
    font-size:24px;
    width:15px;
    text-align:right;
}
span.jPag-snext,
span.jPag-snext-img{
    margin:2px 2px 2px 0px;
    font-size:24px;
    width:15px;
     text-align:right;
}
ul.jPag-pages li span.jPag-previous-img{
    background:transparent url(../assets/previous.png) no-repeat center right;
            }
ul.jPag-pages li span.jPag-next-img{
    background:transparent url(../assets/next.png) no-repeat center left;
            }
span.jPag-sprevious-img{
    background:transparent url(../assets/sprevious.png) no-repeat center right;
            }
span.jPag-snext-img{
    background:transparent url(../assets/snext.png) no-repeat center left;
            }

a.jPag-first, a.jPag-last {
    color: #333333 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    padding: 9px 10px !important;
    margin:0px !important;
}
a.jPag-first:hover, a.jPag-last:hover,
a.jPag-first:focus, a.jPag-last:focus{
    background-color: rgba(0, 0, 0, 0.04) !important;
}
ul.jPag-pages li:has(span.jPag-current) {
    background-color: #0D73B8;
    border:none !important;
}
.jPag-pages li:not(:has(span.jPag-current)) a{
    text-decoration: none !important;
}
.jPag-pages li:not(:has(span.jPag-current)):hover {
    background-color: rgba(0, 0, 0, 0.04);
}

@media print {
ul.jPag-pages li:has(span.jPag-current) {
    print-color-adjust: exact;
}
span.jPag-sprevious,
span.jPag-snext{
    print-color-adjust: exact;

}
}