body,
input,
label {
    font-family: "NexaText-Regular", "Nexa-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important
        /*  -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";*/
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

h4,
h3,
h2 {
    font-family: "NexaText-ExtraBold", Arial;

}

h4,
h3,
h2,
p {
    color: #ffff
}

.dna-txt-preto {
    color: #000;
}

.dna-menu-mobile .dna-btn-menu::after {
    border-width: 0px !important;
}

.btn-primary {
    background-color: #00a3e0;
    border: none;
}

.dna-link {
    color: #ffffff;
    text-decoration: none;
    font-size: 2vh;
    background: none;
    border: none;
}

.dna-link-cadastro {
    color: #ffffffbb;
    text-decoration: none;
    font-style: italic;
    font-size: 1.75vh;
    background: none;
    border: none;
}

.dna-fundo-roxo {
    background-color: #500878 !important;
}

.dna-fundo-azul {
    background-color: #00a3e0;
}

.dna-fundo-branco {
    background-color: #ffff;
}

.dna-fonte-branco {
    color: #FFFF !important;
}

.dna-fonte-roxo {
    color: #500878 !important;
}

.dna-fonte-preto {
    color: #000;
}

nav {
    box-shadow: rgba(0, 0, 0, 0.06) 0px -2px 4px 0px inset;
}

.navbar {
    background-color: #500878 !important;
    color: #ffffff;
    padding-top: 5vh !important;
}

.nav-link {
    color: #ffffff;
}

.nav-item>.active {
    color: #00a3e0 !important;
}

footer {
    color: #ffffff;
}

.padding-top-menu {
    padding-top: 5vh !important;
}

.padding-top-erros {
    padding-top: 8vh !important;
}

.margin-top-toast {
    margin-top: 4vh !important;
}

.footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    padding: 0;
    padding-bottom: 8vh !important;
}

.btn-acao-calc {
    height: 100px;
}

@media (min-width: 576px) {
    .btn-acao-calc {
        height: 112px;
    }
}

.espacamento-5 {
    height: 5vh;
}

/* =================== Esqueci a Senha =================== */

.recuperar-espacamento {
    height: 1vh;
}

.recuperar-espacamento-2 {
    height: 2vh;
}

.recuperar-espacamento-7-5 {
    height: 7.5vh;
}

.recuperar-espacamento-24-5 {
    height: 24.5vh;
}

.recuperar-container-total {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 13vh 4vw 0vh;
    overflow-x: hidden;
    position: fixed;
}

.recuperar-logo {
    height: 22vh;
}

.recuperar-title {
    color: white;
    font-size: 3vh;
    font-weight: 600;
    line-height: 5vh;
    height: 5vh;
}

.recuperar-container-conteudo {
    height: 27vh;
}

.recuperar-input {
    min-height: 1px !important;
    height: 7vh !important;
    padding: 0;
}

.recuperar-input input {
    height: 7vh !important;
    min-height: 7vh !important;
    line-height: 1.75;
    font-size: 2vh !important;
}

.recuperar-input label {
    padding: 1.75vh .75rem !important;
    background: transparent !important;
    font-size: 2vh !important;
}

.recuperar-input>label::after {
    background: transparent !important;
}

.recuperar-enviar,
.recuperar-enviar button {
    height: 7vh;
    font-size: 2.5vh !important;
}

.recuperar-form {
    height: 22vh;
}

.recuperar-voltar,
.recuperar-voltar a {
    height: 3vh;
    line-height: 3vh;
}

.recuperar-footer,
.recuperar-footer footer {
    height: 3vh;
    line-height: 3vh;
    width: 100%;
    padding: 0;
    padding-bottom: 11vh !important;
}

.footer-padronizacao {
    font-size: 1.75vh !important;
}

.font-2-vh {
    font-size: 2vh;
}

.btn-hover {
    background-color: #500878 !important;
}

.btn-hover:hover {
    transition: 0.4s;
    background-color: #3f055e !important;
}

.btn-hover-azul {
    background-color: #00a3e0 !important;
}

.btn-hover-azul:hover {
    transition: 0.4s;
}

.btn-hover-azul:active {
    background-color: #0077a1 !important;
}

.border-pers-none {
    border: none;
}

.toast-container {
    width: 70vw !important;
}

.inline-alerta {
    display: grid;
    grid-template-columns: 7% 70% 7%;
    gap: 8%;
    line-height: 100%;
    place-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
}

.inline-alerta .mensagem-alerta {
    text-align: left !important;
    justify-self: stretch;
}

.inline-alerta .fechar-alerta {
    text-align: end;
    font-size: 1.75vh;
    font-weight: 900;
    color: #3f055e;
}

/* Específico para login.hbs */

.inline-alerta-login {
    display: inline-flex;
    line-height: 100%;
    align-items: center;
    width: 100%;
}

.inline-alerta-login .mensagem-alerta {
    width: 90%;
    text-align: start;
}

.inline-alerta-login .fechar-alerta {
    width: 10%;
    text-align: end;
    font-size: 1.75vh;
    font-weight: 900;
    color: #3f055e;
}

.font-cinza {
    color: #2c3031b5 !important;
}

@media (min-width: 350px) and (max-width: 370px) and (min-height: 630px) and (max-height: 650px) {
    .espacamento-5 {
        height: 0 !important;
    }

    .footer {
        padding-bottom: 2vh !important;
    }

    .recuperar-footer,
    .recuperar-footer footer {
        padding-bottom: 5vh !important;
    }

    .inline-alerta-login .mensagem-alerta {
        width: 75%;
    }

    .inline-alerta-login .fechar-alerta {
        width: 25%;
    }
}