/**
 * CSS styles for CLinkPager.
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 * @version $Id$
 * @since 1.0
*/
.page-box{
    text-align: center;
}
ul.yiiPager
{
    display: inline-block;
    font-size:16px;
}

ul.yiiPager li
{
    display:inline-block;
}

ul.yiiPager a:link,
ul.yiiPager a:visited
{
    border:solid 1px #dedede;
    font-weight:bold;
    padding:1px 6px;
    text-decoration:none;
}

ul.yiiPager .page a
{
    font-weight:normal;
    padding: 10px 15px;
}

ul.yiiPager a:hover
{
    border:solid 1px #bebebe;
}

ul.yiiPager .selected a
{
    background:var(--themeColor);
    color:#FFF;
    font-weight:bold;

}

ul.yiiPager .hidden a
{
    border:solid 1px #DEDEDE;
    color:#888888;
}

/**
 * Hide first and last buttons by default.
*/
ul.yiiPager .first,
ul.yiiPager .last
{
    display:none;
}
ul.yiiPager .next{
    position: unset;
}
ul.yiiPager .previous a{
    padding: 10px 15px;
}
ul.yiiPager .next a{
    padding: 10px 15px;
}
ul.yiiPager > ul > li > a.active,
ul.yiiPager li a:hover {
    background: var(--themeColor);
    border-color: var(--themeColor);
    color:#fff;
}
@media only screen and (max-width: 767px) {
    ul.yiiPager{
        display: inline-block;
        font-size:14px;
    }
    ul.yiiPager .page a,ul.yiiPager .previous a,ul.yiiPager .next a{
        padding: .12rem .2rem;
    }

    ul.yiiPager li {
        display: inline-block;
    }
}