body {

   font-family: Arial, sans-serif;

   /* Specifica l'URL del tuo sfondo */

   background-size: cover;

   background-position: center;

   background-color: whitesmoke;

   /* Colore di sfondo arancione */

   color: #212529;

   display: flex;

   flex-direction: column;

   margin: 0;

}



/* Stile per centrare il contenitore del form */

.center {

   display: flex;

   /*align-items: center;*/

   justify-content: center;

   height: 50%px;

}



footer {

   text-align: center;

   padding: 10px 0;

   background-color: whitesmoke;

}



.subtitle {

   color: #005dad;

   display: flex;

   /*align-items: center;*/

   justify-content: center;

   padding: 5px;

}



/* Stile per il contenitore di ACCEDI */

.form-container {

   background-color: #ffffff;

   padding-top: 20px;

   /* Ridotto il padding superiore */

   padding-bottom: 20px;

   /* Ridotto il padding inferiore */

   padding-left: 40px;

   /* Mantenuto il padding sinistro */

   padding-right: 40px;

   /* Mantenuto il padding destro */

   border-radius: 10px;

   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

   width: 360px;

   border: 1px solid #dee2e6;

}



/* Stile per il titolo ACCEDI */

.form-container h1 {

   font-size: 2em;

   margin-bottom: 20px;

   color: #005dad;

   /* Colore arancione */

}



/* Stile per le etichete (Codice fiscale è password) */

.form-label {

   font-weight: bold;

   color: #495057;

   /* Colore grigio scuro */

}



/* Stile delle textbox*/

.input-group-text {

   background-color: #e9ecef;

   /* Sfondo grigio chiaro */

   border: 1px solid #ced4da;

   /* Bordo grigio */

   border-radius: 0.25rem;

   /* Bordo arrotondato */

}



/* Stile per il pulsante ACCEDI */

.btn-secondary {

   background-color: #005dad !important;

   border-color: #005dad !important;

   color: white !important;

   width: 100%;

   height: 45px;

   font-size: 1.1em;

   font-weight: bold;

}



/* Stile per il pulsante primario disabilitato */

.btn-secondary:disabled {

   background-color: #6c757d !important;

   border-color: #6c757d !important;

   color: white !important;

   opacity: 1 !important;

}





/* Stile per i link */

.text-center a {

   color: #005dad;

   /* Colore arancione */

   text-decoration: none;

}



/* Stile per i link al passaggio del mouse */

.text-center a:hover {

   text-decoration: underline;

}



/* Dimensione del testo ancora più piccola */

.small-text {

   font-size: 0.8em;

}



/* Caratteri dentro ai textbox */

::placeholder {

   color: #999;

   /* Colore del testo grigio */

   font-size: 0.8em;

   /* Dimensione del testo più piccola */

}



.icone{

text-decoration: none;

   border: 0;

   width: 36px;

   height: 36px;

   padding: 2px;

   margin: 5px;

   color: #ffffff;

   border-radius: 50%;

   background-color: #ff5f00;

}



.header-bg {

   background-image: url('img/logo_comitato.png');

   background-size: contain;

   background-repeat: no-repeat;

   background-position: center;

   height: 75px;

}