body.wrapper-fluid header>.grid-child, body.wrapper-fluid footer>.grid-child {
    background-color:white;
}
..card .card-body {
     background-color: black;
     }
//.container-header .navbar-brand {
//    display: none;
//}
/* Codice Css per Login */

.login-form-16 {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centra verticalmente */
    align-items: center;     /* Centra orizzontalmente */
    min-height: 100vh;       /* Occupa l'intera altezza della viewport */
    width: 100%;             /* Occupa l'intera larghezza per permettere il centramento */
    margin: 0;               /* Assicura nessun margine esterno indesiderato */
    padding: 0;              /* Assicura nessun padding esterno indesiderato */
}

/* Stile per il box del modulo di login vero e proprio, simile all'amministrazione */
.mod-login { /* Ho usato .mod-login come hai suggerito */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centra verticalmente */
    background-color: #fff; /* Sfondo bianco per il box */
    padding: 30px;
    border-radius: 20px; /* Angoli arrotondati */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5); /* Ombra leggera */
    max-width: 400px; /* Larghezza massima su schermi grandi */
    max-height: 500px;
    width: 99%; /* Adattabile, sarà il 90% della larghezza su schermi piccoli */
    box-sizing: border-box; /* Include padding e border nella larghezza */
    position: absolute;
    top: 50%;
    left: 50%;
    //margin: 100px auto auto -200px;
    transform: translate(-50%, calc(-50% + 40vh));
    //transform: translate(-50%, calc(-50% + 100px));
    //transform: translate(-50%, -50%); /* Centra l'elemento rispetto al suo punto centrale */
    //margin-top: 100px; /* Se vuoi mantenere lo spostamento di 100px dall'alto */
    background-image: url(/images/LOGO.jpg); /* Specifica solo l'immagine */
    background-repeat: no-repeat; /* Non ripetere l'immagine */
    background-position: center 4%; /* Centra orizzontalmente, e posiziona al 3% dall'alto */
    background-size: 60% auto; /* Rendi il logo adattivo: l'60% della larghezza del contenitore, altezza automatica */
}
.list-unstyled, .list-inline {
    padding-left: 0;
    list-style: none;
    display: none;
}
.mod-login__userdata {
  padding-top: 120px;
 } 
body, html {
    background: none;
}
/* Stili per tutti gli input nel tuo sito */
select {
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    margin-bottom: 6px;
    /* Altri stili a tuo piacimento */
}
input {
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    //margin-bottom: 6px;
    /* Altri stili a tuo piacimento */
}
/* Contenitore generale per i pulsanti per layout flexbox */
.button-container {
    display: flex; /* Utilizziamo flexbox per allineare i pulsanti */
    justify-content: center; /* Centra i pulsanti nel contenitore */
    flex-wrap: nowrap; /* Impedisce ai pulsanti di andare a capo */
    gap: 10px; /* Spazio tra i pulsanti */
    padding: 5px; /* Piccola imbottitura per il contenitore */
    /* Non è più necessario overflow-x: auto; se li facciamo stare in riga */
}

/* Stili per i singoli pulsanti (mantieni i tuoi stili inline per il resto) */
#inviaMailBtn,
#ricominciaBtn,
#esciBtn {
    margin: 0; /* Rimuovi i margini individuali per evitare conflitti con gap */
    flex-shrink: 0; /* Impedisce ai pulsanti di restringersi oltre il loro contenuto minimo */
    /* Mantieni il padding e font-size specificati nell'HTML inline */
}

/* Media Query: Nasconde il pulsante "Esci" solo su schermi piccoli */
@media (max-width: 767px) { /* breakpoint tipico per mobile */
    #esciBtn {
        display: none !important; /* Nasconde il pulsante "Esci" */
    }
    /* Puoi anche decidere di centrare i rimanenti due pulsanti se necessario,
       ma display:flex e justify-content:center sul contenitore dovrebbero già farlo */
}