.page-item {
    display: flex;
    align-items: center;
    margin: 0 5px;
}

.page-item.active .page-link {
    background-color: #1b4962;
    border-color: #1b4962;
}

.page-item:not(.active) .page-link {
    color: #1b4962;
}

.page-link {
    border: none;
    border-radius: 0.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    @media (max-width: 768px) {
        font-size: 12px;
        min-width: 36px;
    }
}

.page-link i {
    font-size: 14px;
}

input.form-control, select.form-select {
    font-size: 13px;
}