input.input-error {
    border: 1px solid #f44336;
}
.pagination {
    justify-content: center;
}

.active>.page-link, .page-link.active, .page-item:hover .page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
}

.page-link {
    border-radius: 7px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px solid #333;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    margin: 0 10px;
}

.page-item.first .page-link {
    /*color: transparent;*/
    background-color: unset;
    border: 1px solid #333;
    width: 50px;
}

.page-item.prev .page-link {
    /*color: transparent;*/
    background-color: unset;
    border: 1px solid #333;
    width: 50px;
}

.page-item.next .page-link {
    /*color: transparent;*/
    background-color: unset;
    border: 1px solid #333;
    width: 50px;
}

.page-item.last .page-link {
    /*color: transparent;*/
    background-color: unset;
    border: 1px solid #333;
    width: 50px;
}

.page-item.last .page-link:after {

}