.pager-style {font-weight:bold;}
.pager-style span {color:#000;text-decoration:none;float:left; }
.pager-style span:first-child,.pager-style span:last-child {background-color:#ddd;padding: 5px 10px;text-align: center;color:#000;text-decoration:none;float:left;width:7%;}
.pager-style span:first-child a,.pager-style span:last-child a {color:#000;text-decoration:none;}
.pager-style span:nth-of-type(3) a {background-color:#ddd;padding: 5px 10px;text-align: center;float:left;color:#000;text-decoration:none;margin-left:6px;}            
.pager-style b {color:red;background: url('../Images/bg_pager.png') repeat-x;color: #FFFFFF;padding: 5px 10px;text-align: center;float:left;margin-left:6px;}
.clear-pager {clear:both;}
ul.ls{list-style: none;padding: 0;margin: 0;}
ul.ls a, a{text-decoration: none;color:#000;}
.paging
{
    width: auto;
    float: left;
    margin:10px;   
    /*margin: 10px auto;*/
    height: 25px;    
    font-weight: bold;
    /*padding-left:10px;*/
    padding-right: 10px;
}

    .paging .item-paging
    {        
        float: left;
        height: 20px;
        font-weight: bold;
        border: 1px solid #000;
        padding: 0px 10px;
        margin: 0 3px;
        line-height: 20px;
        color: #000;
    }

    .paging .item-paging-page
    {        
        float: left;
        height: 20px;
        font-weight: bold;
        padding: 0px 10px;
        margin: 0 3px;
        line-height: 20px;
        color: #000;
    }

    .paging .item-active
    {
        background-color: #000;
        color: #fff;
    }

    .paging a
    {
        text-align: center;
        text-decoration: none;
        color: #000;
    }
    /* 

CUSTOM STYLESHEET

Add your custom styles here instead of style.css so it is easier to 
update the template. Simply copy an existing style from style.css to 
this file, and modify it to your liking. 

*/




/*CSS manu style pagination*/
.pmanu {
	/*PADDING-RIGHT:10px; 
	PADDING-LEFT: 3px;*/ 
	PADDING-BOTTOM: 3px; 
	/*MARGIN: 3px;*/ 
	PADDING-TOP: 10px; 
	TEXT-ALIGN: center;
	TEXT-DECORATION: none ;
}

.pmanu a {

    border : #000 1px solid; 
    /*
	BORDER-TOP: #eee 1px solid; 
    BORDER-BOTTOM: #eee 1px solid; 
    BORDER-LEFT: #eee 1px solid;
    BORDER-RIGHT: #eee 1px solid; 
    */
    padding-right  : 5px;
	PADDING-TOP: 2px;
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 2px; 
	COLOR: #000; 
}

    .pmanu A:hover {
        border: #000 1px solid;
        background: #000000;
        color: #f8f8f8;
        /* 
	BORDER-RIGHT: #999 1px solid; 
	BORDER-TOP: #999 1px solid; 
	BORDER-LEFT: #999 1px solid; 
    BORDER-BOTTOM: #999 1px solid ; 
    */
        /*COLOR: #000;*/
    }

.pmanu A:active {
	BORDER-RIGHT: #000 1px solid; 
	BORDER-TOP: #000 1px solid; 
	bORDER-LEFT: #000 1px solid; 
	COLOR: #000; 
	BORDER-BOTTOM: #000 1px solid;
}

.pmanu .current {
	BORDER-RIGHT: #000 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #000 1px solid; 
	PADDING-LEFT: 5px; 
	FONT-WEIGHT: bold; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 2px; 
	BORDER-LEFT: #000 1px solid; 
	COLOR: #fff; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #000 1px solid; 
	BACKGROUND-COLOR: #000;
}

.pmanu .disabled {
	BORDER-RIGHT: #000 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #000 1px solid; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 2px; 
	BORDER-LEFT: #000 1px solid; 
	COLOR: #000; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #000 1px solid;
}
.paging {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin: 20px 0;
    font-weight: bold;
}
.paging .item-paging-page {
    background: #fff;
    color: #000;
}
.paging .item-paging {
    border: 2px solid #000;
    padding: 6px 12px;
    min-width: 36px;
    text-align: center;
    text-decoration: none;
    color: #000;
    background: #fff;
    border-radius: 6px;
}

        .paging .item-paging:hover {
            background: #000;
            color: #fff;
        }

    .paging .item-active {
        background: #000;
        color: #fff;
    }

    .paging .disabled {
        opacity: 0.4;
        pointer-events: none;
    }

    .paging .prev,
    .paging .next {
        padding: 6px 16px;
    }

    .paging .item-paging-page {
        border: none;
    }