﻿.pbuic-pager-container .pbuic-pager {
    font-size: var(--mbase-txtSize-7);
    margin: var(--mbase-spacer-lg) auto;
    padding: 0;
    list-style: none;
    text-align: center;
    display: block;
}

.pbuic-pager-container .pbuic-pager li {
    display: inline-block;
    margin: 0 var(--mbase-spacer-xxs);
    vertical-align: top;
}

.pbuic-pager-container .pbuic-pager li a,
.pbuic-pager-container .pbuic-pager li span {
    border-radius: var(--mbase-brdr-radius-sm);
    text-decoration: none;
    display: inline-block;
    padding: var(--mbase-spacer-sm);
    line-height: var(--mbase-lnHeight-xxs);
    text-align: center;
    font-weight: var(--mbase-txt-regular);
    font-family: var(--mbase-fam-regular);
    color: var(--mbase-clr-theme);
    background-color: transparent;
    min-width: var(--mbase-btn-pager-height);
    height: var(--mbase-btn-pager-height);
}

.pbuic-pager-container .pbuic-pager li a:hover {
    color: var(--mbase-clr-link-hover);
    background-color: var(--mbase-clr-theme-light);
}

.pbuic-pager-container .pbuic-pager .pgr-previous a,
.pbuic-pager-container .pbuic-pager .pgr-previous span,
.pbuic-pager-container .pbuic-pager .pgr-next a,
.pbuic-pager-container .pbuic-pager .pgr-next span {
    width: var(--mbase-btn-pager-height);
    overflow: hidden;
    visibility: hidden;
    font-size: var(--mbase-txtSize-6);
}

.pbuic-pager-container .pbuic-pager .pgr-previous::before,
.pbuic-pager-container .pbuic-pager .pgr-next::before {
    opacity: 0.7;
}

.pbuic-pager-container .pbuic-pager .pgr-previous a::before,
.pbuic-pager-container .pbuic-pager .pgr-previous span::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e00c";
}

.pbuic-pager-container .pbuic-pager .pgr-previous a::before,
.pbuic-pager-container .pbuic-pager .pgr-previous span::before {
    visibility: visible;
}

.pbuic-pager-container .pbuic-pager .pgr-next a::before,
.pbuic-pager-container .pbuic-pager .pgr-next span::before {
    font-family: var(--mbase-fam-icon);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    content: "\e00d";
}

.pbuic-pager-container .pbuic-pager .pgr-next a::before,
.pbuic-pager-container .pbuic-pager .pgr-next span::before {
    visibility: visible;
}

.pbuic-pager-container .pbuic-pager .pgr-active span {
    background-color: var(--mbase-clr-theme-light);
    color: var(--mbase-clr-theme);
    font-weight: var(--mbase-txt-bold);
    font-family: var(--mbase-fam-regular);
}

.pbuic-pager-container .pbuic-pager .pgr-inactive {
    color: var(--mbase-clr-txt-disabled);
}
