/* paging */
.paging {text-align: center; overflow: hidden; margin-top: 50px;}
.paging span {display: inline-block; font-size: 13px; margin: 0 3px; color: #aaa; padding: 0 3px 2px;}
.paging span a:hover {font-weight: 900; color: #64c4c4;}
.paging span.on {font-weight: 900; color: #64c4c4; border-bottom: 1px solid #64c4c4;}
.paging span.arrow {border: 1px solid #aaa; padding: 3px 8px 5px; margin: 0 2px;} 
.paging span.arrow.prev {padding: 2px 3px 4px 1px; margin-right: 5px;}
.paging span.arrow.first {padding: 2px 0px 4px 0px; letter-spacing: -3px;}
.paging span.arrow.next {padding: 2px 2px 2px; margin-left: 5px;}
.paging span.arrow.last {padding: 2px 0px 2px; letter-spacing: -3px;}


/*
.pagination {text-align: center; overflow: hidden; margin-top: 50px;}
.pagination li {display: inline-block; font-size: 13px; margin: 0 3px; color: #aaa; padding: 0 3px 2px;}
.pagination li a:hover {font-weight: 900; color: #64c4c4;}
.paging li.on {font-weight: 900; color: #64c4c4; border-bottom: 1px solid #64c4c4;background-color:unset}


div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    all:unset;
    text-align: center;
    overflow: hidden;
    margin-top: 50px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    font-weight: 900; 
    color: #64c4c4;
    position: relative;
    background-color: unset;
    border-color: unset;
}




.pagination li {border: 1px solid #aaa; padding: 3px 8px 5px; margin: 0 2px;border:unset}
.pagination li.previous {padding: 2px 3px 4px 1px; margin-right: 5px;}
.pagination li.first {padding: 2px 0px 4px 0px; letter-spacing: -3px;}
.pagination li.next {padding: 2px 2px 2px; margin-left: 5px;}
.pagination li.last {padding: 2px 0px 2px; letter-spacing: -3px;}

*/