input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

#erro {
    min-height: calc(100vh - 280px);
    padding: 30px;

    h4 {
        text-transform: uppercase;
        color: var(--verdee);
        font-weight: 700;
    }

    p {
        text-align: center;
        color: var(--branco);
        margin: 10px;
        padding: 10px;
    }
}

#simuladores-lista h4 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--verdee);
}

#simuladores-lista {
    min-height: calc(100vh - 280px);
    padding: 30px;
}

#simuladores-lista h1 {
    text-transform: uppercase;
    color: var(--verdee);
    font-weight: 700;
}

#simuladores-lista .titulo {
    color: var(--branco);
    margin: 0 40px;
}

#simuladores-lista p {
    text-align: center;
    color: var(--branco);
    margin: 10px;
    padding: 10px;
}

#simulador-rodape {
    color: var(--branco);
    text-align: center;
    padding: 20px;
}

.emprestimo {
    background-color: var(--verdee-300);
    padding: 30px;
}

.bg-padrao {
    background-color: var(--verdee-300);
}

.emprestimo h1 {
    color: var(--turq);
    font-weight: 700;
    text-shadow: 10px 10px 10px black;
}



.emprestimo h3,  .titulo-simulacao  {
    color: var(--turq);
    font-weight: 700;
}

.emprestimo .titulo {
    color: var(--branco);
}

.emprestimo .titulo_detalhe {
    color: var(--verdec);
    text-transform: uppercase;
    font-size: 14pt !important;
    font-weight: 700;
}

.emprestimo-form {
    margin: 0 auto;
    padding: 50px 70px;
    background-color: var(--branco);
    border: 1px solid var(--verdee-600);
    border-radius: 30px;
    max-width: 770px;
}

#simulacoes {
    background-color: var(--verdee-300);
    padding: 30px;
}

#simulacoes h1 {
    text-transform: uppercase;
    color: var(--turq);
    font-weight: 700;
}


#simulacoes h2 {
    text-transform: uppercase;
    color: var(--turq);
    font-weight: 700;
}

#simulacoes .titulo {
    color: var(--branco);
    margin: 0 20px 20px 40px;
}

#simulacoes .titulo_detalhe {
    color: var(--verdec);
    text-transform: uppercase;
    font-size: 14pt !important;
    font-weight: 700;
}

.simulacao-parcela {
    padding-bottom: 20px;
    color: var(--roxo-600);
}

#notificacoes {
    background-color: var(--verdee-300);
    padding: 30px;

    a {
        color: var(--verdee-300);
    }

    h1 {
        text-transform: uppercase;
        color: var(--turq);
        font-weight: 700;
    }

    li {
        border-bottom: 2px solid var(--turq);
        padding: 15px 20px 10px 20px;
    }

    li:first-child {
        border-top: 2px solid var(--turq);
    }

    .titulo {
        color: var(--branco);
        margin: 0 20px 20px 40px;
    }

    .titulo_lista {
        border-right: 2px solid var(--turq);
    }

    .titulo_detalhe {
        color: var(--verdec);
        text-transform: uppercase;
        font-size: 14pt !important;
        font-weight: 700;
    }

    #notificacoes-botao-marcar_lidas {
        display: none;
    }
}

.modalLayout {
    .modal-content {
        min-height: 310px;
        max-width: 500px;
        background: linear-gradient(135deg, var(--roxo), var(--verdee));
        padding: 2rem;
        border-radius: 1.25rem;
        border: none;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .07), 0 4px 20px rgba(0, 0, 0, .25);
    }

    #areaAtuacao-saudeRural-botoes {
        margin-top: 2.75rem;
    }

    #areaAtuacao-parentesco-botoes {
        margin-top: 0.75rem;
    }

    #abrirAlertaReload-botoes {
        margin-top: 0.75rem;
    }

    #abrirSucesso-botoes {
        margin-top: 0.75rem;
    }

    #abrirConta-botoes {
        margin-top: 0.75rem;
    }

    #abrirApp-botoes {
        margin-top: 0.75rem;
    }

    .btn {
        padding: 1rem 3rem;
    }

    h4 {
        text-transform: uppercase;
        font-weight: 500;
        padding-bottom: 1.25rem;
    }
}

.modalLayoutPaP {
    .modal-dialog {
        max-width: 80vw; 
        width: auto;
        margin: 0 auto;
    }

    .modal-content {
        background: linear-gradient(135deg, var(--roxo), var(--verdee));
        padding: 2rem 1rem 1rem 1rem;
        border-radius: 1.25rem;
        border: none;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .07), 0 4px 20px rgba(0, 0, 0, .25);
        padding: 1rem 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .modal-body {
        padding: 0;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .passo-img {
        max-width: 65vw;   
        height: auto;
        display: block;
    }

    .btn-close {
        z-index: 2;
    }

    @media (max-width: 768px) {
        .passo-img {
            max-width: 70vw; 
        }

        .modal-dialog {
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 100%; 
        margin: 1rem auto;
        }
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--cinza-400);
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.ui-autocomplete {
    position: absolute;
    z-index: 1000;
    cursor: default;
    padding: 0;
    margin-top: 2px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.ui-autocomplete>li {
    padding: 3px 20px;
}

.ui-autocomplete>li.ui-state-focus {
    background-color: #DDD;
}

.termos-uso {
    font-size: 1em;
    cursor: pointer;
    text-align: justify;
}

.termos-uso strong:hover {
    color: #0f6848;
}


.titulo-modal-termos-uso {
    font-weight: bold;
    text-align: center;
    font-size: 1em;
}

.paragrafo-termo-uso {
    text-align: justify;
}

.paragrafo-termo-uso::first-letter {
    margin-left: 10px;
}

.modal-header-termos-uso {
    background: #0f6848;
    color: white;
}


.btn-close-termos-uso {
    color: white !important;
}

.check-aceita-termos {
    width: 20px;
}

.error-termos-uso {
    text-align: left;
    margin-bottom: 10px;
}

@media screen and (max-width: 770px) {
    .emprestimo-form {
        max-width: 90%;
    }
    .grecaptcha-badge{
        display: none !important;
    }
    .form-control{
        font-size: 1em;
    }
    .form-cadastrar {
        max-width: 87%;
        margin: 0 auto;
        padding: 26px 30px;
    }

    .form-opcoes-fa {
        max-width: 90%;
    }

    .container-opcoes-fa {
        width: 90% !important;
    }

    .btn-proposta-resumo {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

}


@media screen and (max-width: 859px) {
    .btn-proposta-resumo {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .card-box-notificacaoes{
        padding: 10px !important;
    }
    #notificacoes {
        padding: 15px;
    }
}

@media screen and (max-width: 426px) {
    .text-2fa{
        font-size: 0.8em;
    }
}


.container-botoes-login  {
   padding: 10px !important;
}

.bt-confirmar-duplo-fator{
    max-width: 240px !important;
}



.btn-selecionar-2fa {
    color: white !important;
    background: var(--verdem) !important;
}

.btn-selecionar-2fa:hover {
    background: #689817 !important;
}

.text-title-simulacoes {
    font-size: 1.5em !important;
    text-transform: none !important;
}

footer .content h2, footer .content h5 {
    color: var(--turq) !important;
    font-weight: 700 !important;
    font-size: 1.125rem !important;
}
footer .content b {
    color: var(--branco) !important;
    font-weight: bold !important;
}
footer .text-truncate {
    white-space: wrap;
}


.block-info{
    background: #e6ebed;
    text-align: justify;
    border-radius: 10px;
}

.error {
    margin-top: 5px;
    color: red;
}

@media screen and (max-width: 426px) {
    #simulacoes .titulo {
        color: var(--branco);
        margin: 0 !important;
    }


}

.botao-registrar-interesse-cooperado-fabrica {
    max-height: 40px;
    font-size: 16px;
    margin-top: 10px;
}

.accordion-button {
    display: flex;
    flex-wrap: wrap;
}

.modal-nao-cooperado-fechar-custom {
    position: absolute;
    top: 12px;
    right: 20px;
    z-index: 1;
}

.modal-nao-cooperado-mensagem {
    font-size: 1.4rem; 
    line-height: 1.5;  
}