﻿.results .results-footer .pager {
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    background-color: #FFF;
}

.results .results-footer .pager a.disabled {
    color: #8e8e8e;
}

.results .results-footer .pager .first {
    background-image: url(/images/icons/arrow-black-left-x2.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
    width: 14px;
    text-indent: -9999px;
    padding: 16px;
}

.results .results-footer .pager .first.disabled {
    background-image: url(/images/icons/arrow-grey-left-x2.svg);
}

.results .results-footer .pager .last {
    background-image: url(/images/icons/arrow-black-right-x2.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
    width: 14px;
    text-indent: -9999px;
    padding: 16px;
}

.results .results-footer .pager .last.disabled {
    background-image: url(/images/icons/arrow-grey-right-x2.svg);
}

.results .results-footer .pager .pagination {
    display: flex;
    align-items: center;
}

.results .results-footer .pager .pagination .prev {
    background-image: url(/images/icons/arrow-black-left.svg);
    background-repeat: no-repeat;
    background-position: left 14px center;
    padding: 17px 0px 14px 28px;
    background-size: 7px;
    margin-right: 18px;
}

.results .results-footer .pager .pagination a {
    padding: 12px;
}

.results .results-footer .pager .pagination .prev.disabled {
    background-image: url(/images/icons/arrow-grey-left.svg);
}

.results .results-footer .pager .pagination .next {
    background-image: url(/images/icons/arrow-black-right.svg);
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 28px;
    background-size: 7px;
}

.results .results-footer .pager .pagination .next.disabled {
    background-image: url(/images/icons/arrow-grey-right.svg);
}

.results .results-footer .pager .pagination .pages {
    text-align: center;
}

.results .results-footer .pager .pagination .pages a {
    display: inline-block;
    position: relative;
}

.results .results-footer .pager .pagination .pages a:after {
    position: absolute;
    width: 1px;
    height: 19px;
    background-color: #8e8e8e;
    right: 0;
    top: 8px;
    content: "";
}

.results .results-footer .pager .pagination .pages a:last-child:after {
    display: none;
}

.results .results-footer .pager .pagination .pages a.current {
    color: #8e8e8e;
}

.endpage {
    height: 60px;
    background-color: #f1f1f1;
    clear: both;
}
