/* Definições padrão */
:root {
    /*azuis*/
    --c-azul-super-escuro-background: #00143C;    
    --c-azul-escuro-background: #002570;
    --c-azul-escuro-font: #00227f;
    --c-azul-claro-font: #188CFF;
    --c-azul-claro-botao-background: #EDF1F7;
    --c-azul-claro-borda: #99ACD2;
    --c-rosa-escuro-botoes: #741958;   
    --c-rosa-botoes: #b8288b;
    --c-rosa-destaque: #E031AA;
    --c-rosa-medio-background: #E28DC8;
    --c-rosa-claro-background: #F9EBF5;
    --c-cinza-claro-font: #666;
    --c-cinza-claro-botoes: #A6A6A6;
    --c-cinza-clarissimo-botoes: #C4C4C4;
    --c-cinza-escuro-font: #333;
    --c-cinza-escurissimo-font: #222;
    --c-cinza-clarissimo-font: #E6E6E6;
    --c-vermelho-alerta-escuro: #800000;
    --c-vermelho-alerta-medio: #E52424;
    --c-vermelho-alerta-claro: #F9C8C8;
    --c-verde-claro-background: #DFECE4;    
    --c-ciano-claro-background: #4EF0FA;
    --c-ciano-claro-texto: #00D9E6;
    --c-ciano-medio-background: #00D9E6;
    --c-amarelo-forte-fonte: #FACE47;
    --c-amarelo-medio-fonte: #FFBF64;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

body {
    margin: 0;
    padding: 0;
    Box-sizing: border-box;
    font-family: "Roboto";
}

div {
    Box-sizing: border-box;
}

session, header, footer{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tela_inteira
{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
}

.tela_inteira.vertical
{
    flex-direction: column;
}

.conteudo_layout
{
    width: 100%;
    max-width: 1920px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
}

.area_util
{
    width: 100%;
    max-width: 1140px;
    margin: 0px 10px;
    Box-sizing: border-box;
}

.area_escura_modal
{
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000000AA;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    font-family: Roboto;
}
.area_escura_modal .area_modal
{
    position: relative;
    display: flex;
    background-color: #fff;
    border-radius: 12px;
    min-width: 100px;
    min-height: 100px;
}

.area_escura_modal .area_modal .fechar
{
    background-color: var(--c-azul-escuro-background);
    background-image: url(../images/icones/close.svg);
    background-repeat: no-repeat;
    background-position: center center;
    right: 0px;
    width: 40px;
    height: 40px;
    position: absolute;
    margin-right: auto;
    /* top: -60px; */
    border-radius: 8px;
    border: 2px solid var(--c-azul-claro-botao-background);
}

.botao_azul_escuro
{
    height: 40px;
    Box-sizing: border-box;
    padding: 12px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #002F8E;
    color: #fff;
    font-size: 16px;
    gap: 8px;
    border: 1px #EDF1F7 solid;
    border-radius: 6px;
    width: fit-content;
    transition: background-color 0.5s ease;
    cursor: pointer;
}

a.botao_azul_escuro
{
    text-decoration: none;
}

.botao_azul_escuro:hover {
    background-color: #3359A5;
}

.botao_rosa
{
    height: 40px;
    Box-sizing: border-box;
    padding: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--c-rosa-claro-background);
    color: var(--c-rosa-escuro-botoes);
    font-size: 16px;
    gap: 12px;
    border: 0;
    border-radius: 8px;
    width: fit-content;
    border: 1px solid var(--c-rosa-medio-background);
}


a.botao_rosa
{
    text-decoration: none;
}

.mensagem_alerta {
    width: 100%;
    /* height: 36px; */
    border-radius: 4px;
    border: 1px solid var(--c-vermelho-alerta-medio);
    color: var(--c-vermelho-alerta-escuro);
    background: var(--c-vermelho-alerta-claro);
    font-size: 12px;
    background-image: url(../images/icones/alert-triangle-escuro.svg);
    background-repeat: no-repeat;
    background-position-x: 6px;
    background-position-y: center;
    padding: 10px 0px 10px 32px;
}

.area_paginacao {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin-top: 48px;
    gap: 8px;
    color: var(--c-cinza-claro-font);
}

.area_paginacao button{
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 6px;
    border: 2px solid var(--c-azul-escuro-font);
    cursor: pointer;
}

.area_paginacao button.paginacao_primeiro {
    background-image: url(../images/icones/paginacao_primeiro_azul.svg);
    background-position: center center;
    background-repeat: no-repeat;
}
.area_paginacao button.paginacao_anterior {
    background-image: url(../images/icones/paginacao_anterior_azul.svg);
    background-position: center center;
    background-repeat: no-repeat;
}
.area_paginacao button.paginacao_proximo {
    background-image: url(../images/icones/paginacao_proximo_azul.svg);
    background-position: center center;
    background-repeat: no-repeat;
}
.area_paginacao button.paginacao_ultimo {
    background-image: url(../images/icones/paginacao_ultimo_azul.svg);
    background-position: center center;
    background-repeat: no-repeat;
}

.area_paginacao button.paginacao_primeiro.desabilitado {
    background-image: url(../images/icones/paginacao_primeiro_cinza.svg);
    border: 2px solid var(--c-cinza-claro-botoes);
    cursor: unset;
}
.area_paginacao button.paginacao_anterior.desabilitado {
    background-image: url(../images/icones/paginacao_anterior_cinza.svg);
    border: 2px solid var(--c-cinza-claro-botoes);
    cursor: unset;
}
.area_paginacao button.paginacao_proximo.desabilitado {
    background-image: url(../images/icones/paginacao_proximo_cinza.svg);
    border: 2px solid var(--c-cinza-claro-botoes);
    cursor: unset;
}
.area_paginacao button.paginacao_ultimo.desabilitado {
    background-image: url(../images/icones/paginacao_ultimo_cinza.svg);
    border: 2px solid var(--c-cinza-claro-botoes);
    cursor: unset;
}

.area_paginacao input[type=number] {
    border: 1px solid #000;
    background-color: #fff;
    border-radius: 6px;
    font-size: 16px;
    color: #000;
    text-align: center;
    width: 48px;
    height: 36px;
    margin-right: 5px;
    -moz-appearance: textfield;
}

.area_paginacao input::-webkit-outer-spin-button, .area_paginacao input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.area_paginacao span {
    font-size: 16px;
    color: #000;
}



@media (max-width: 800px) {
    .area_util
    {
        width: calc(100% - 28px);
        max-width: unset;
    }
}