/*Estilos para PaginationCommonComponent*/

.paginacao-buttons-item {
    color: var(--gray-medium);
    padding: 7px 16px;
    border: 1px solid var(--gray-medium);
    border-radius: 2px;
    background-color: transparent;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;

    margin-right: 5px;
}

.paginacao-buttons-item.active{
    color: var(--green-primary);
    border: 1px solid var(--green-primary);
}

/*PaginationOptionsSelectComponent*/

.pagination-select-title{
    margin-right: 16px;
}

.pagination-select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    background-image: url("../../../images/svgs/select-arrow-2.svg");
    background-repeat: no-repeat;
    background-position-x: 87%;
    background-position-y: 50%;

    border: 1px solid #B1B9B5;
    border-radius: 2px;
    box-sizing: border-box;

    padding: 6px 16px;
    width: 66px;
}