DIV.page {
    padding: 5px;
    margin: 5px;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
}

DIV.page A {
    border: #eee 1px solid;
    background-position: 50% bottom;
    padding: 0 3px 0 3px;
    margin-right: 3px;
    color: #000;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    min-width: 20px;
    line-height: 26px;
    background-color: #fff;
    border-radius: 4px;
}

DIV.page A:hover {
    border: var(--primary-color) 1px solid;
    background-image: none;
    color: #fff;
    background-color: var(--primary-color);
}

DIV.page A:active {
    border: var(--primary-color) 1px solid;
    background-image: none;
    color: #fff;
    background-color: var(--primary-color);
}

DIV.page SPAN {
    display: inline-block;
    vertical-align: top;
    min-width: 20px;
    border-radius: 4px;
}

DIV.page SPAN.current {
    padding: 0 3px 0 3px;
    margin-right: 3px;
    font-weight: bold;
    background-color: var(--primary-color);
    color: #fff;
}

DIV.page SPAN.disabled {
    display: none
}

DIV.page SPAN.ellipsis {
    margin-right: 3px;
}

DIV.page A.next {
    border: var(--primary-color) 2px solid;
    margin: 0px 0px 0px 10px;
}

DIV.page A.next:hover {
    border: var(--primary-color) 2px solid;
}

DIV.page A.prev {
    border: var(--primary-color) 2px solid;
    margin: 0px 10px 0px 0px;
}

DIV.page A.prev:hover {
    border: var(--primary-color) 2px solid;
}

DIV.page select {
    display: inline-block;
    vertical-align: top;
    border: #eee 1px solid;
    padding: 0 3px 0 3px;
    color: #000;
    line-height: 26px;
    height: 28px;
    min-width: 28px;
    border-radius: 4px;
}