.paginator-extra,
.seta-esquerda,
.pagina,
.pagina-atual,
.seta-direita,
.a-paginator,
.a-paginator:hover,
.a-paginator:visited,
.a-paginator:active,
.itens-por-pagina {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


.paginator-extra {
    border-radius: 2px;
}

.seta-esquerda,
.pagina,
.pagina-atual,
.seta-direita {
    border: 2px solid green;
    width: 30px;
    max-width: 30px;
    margin: 5px;
    padding: 0;

    border-radius: 4px;

}

.seta-esquerda,
.seta-direita {
    background-color: #00b48c;
    color: white;
    font-weight: bold;
}


.pagina {
    background-color: #a8fce9;
}

.pagina-atual {
    background-color: #026b54;
    color: white;
    font-weight: bold;
}

.a-paginator,
.a-paginator:hover,
.a-paginator:visited,
.a-paginator:active {
    text-decoration: none;
    max-width: 50px;
    padding: 0;
    color: inherit;
    font-weight: inherit;
    width: 100%;

}

.span-paginator {
    width: 100%;
    text-align: center;
}

.itens-por-pagina {
    margin: 10px;
    width: 100%;
}

.itens-por-pagina .label-itens-por-pagina,
.itens-por-pagina .selec-itens-por-pagina {
    margin: 5px;

    padding: 2px 10px;
    border: 2px solid green;
    background-color: #028b6e;
    border-radius: 10px;
    color: white;
    font-weight: bold;
}

.itens-por-pagina .label-itens-por-pagina {
    padding: 2px 10px;
    border: 2px solid green;
    background-color: #028b6e;
    border-radius: 10px;
    color: white;
    font-weight: bold;
}

.itens-por-pagina .selec-itens-por-pagina {
    background-color: #a8fce9;
    color: inherit;
}