.pagin{
    margin:0;
    padding:0;
    margin-top:10px;
    display:inline-flex;
    overflow:auto;
    border:solid 1px #aaa;
    align-items:flex-start;
    width:auto;
    margin-bottom:10px;
}
.pagin li,
.pagin li a {
    background-color:rgba(0,0,0,0.00);
    color:black;
    padding-top:0px;
    padding-bottom:0px;
    padding:0;
    min-width:37px;
    text-align:center;
    width:100%;
    display:inline-block;
    font-size:12px;
    text-decoration:none;
}
.pagin li:hover {
    background-color:rgba(128,128,128,0.3);
}
.pagin li.active,
.pagin li.active a{
    background-color:#ccc;
    color:white;
}
.pagin li.active a:hover {
    color:white;
    background-color:rgba(128,128,128,0.3);
}
.pagin li {
    border-left:solid 1px #AAAAAA;
}
.pagin li:first-child {
    border-left:none;
}
.xblackversion .pagin {
    background-color:#303030;
}
.xblackversion .pagin a {
    color:white;
}
.xblackversion .pagin .active a {
    background-color:#929292;
}