#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Fundo preto semitransparente */
    z-index: 1060; /* Deve estar acima de todo o conteúdo */
}

/* Loader centralizado */
#loader {
    position: fixed;
    top: 50%;  /* Centraliza verticalmente */
    left: 50%; /* Centraliza horizontalmente */
    margin-top: -3rem; /* Metade da altura do loader */
    margin-left: -3rem; /* Metade da largura do loader */
   
}

.is-invalid {
    border-color: red;
    background-color: #ffe6e6;
}