@import "../../../variables/colors.scss";
@import "../../../variables/spacing.scss";
$font-size-pager: 14px;

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center;
    font-size: $font-size-pager;
    font-family: "Open sans";
}

.pager li {
    display: inline;
}

.pager .previous>a,
.pager .previous>span {
    float: left;
}

.pager .next>a,
.pager .next>span {
    float: right;
}

.pager li>a,
.pager li>span {
    color: $primary !important;
    display: inline-block;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 15px;
    font-family: 'Open Sans', sans-serif;
}

.pager li>p {
    display: inline-block;
    padding-top: $padding * 2;
    font-family: "Open Sans";
    color: #333333
}

.pager li>a:hover,
.pager li>a:focus {
    color: $primary !important;
    text-decoration: none;
    background-color: #eeeeee;
    cursor: pointer;
}

.pager li.disabled>a:hover,
.pager li.disabled>a:focus {
    background-color: #ffffff !important;
}

.pager li.disabled>a,
.pager li.disabled>span {
    color: grey !important;
    cursor: not-allowed;
}