/*Responsive design for smaller screens */
@media (max-width: 768px) {
    .container {
        width: 95%;
    }
}

.checkbox-container input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


 /*Stile personalizzato del checkbox*/ 
.checkbox-container {
    display: flex;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 22px;
    user-select: none;
}

     /*Crea il box di spunta*/ 
    .checkbox-container::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: gainsboro;
        border: 2px solid #ccc;
        border-radius: 4px;
    }

     /*Stile del box di spunta quando viene spuntato */
    .checkbox-container input[type="checkbox"]:checked + .checkbox-custom::before {
        background-color: #2196F3;
        border-color: #2196F3;
    }

     /*Crea il segno di spunta */
     .checkbox-container input[type="checkbox"]:checked + .checkbox-custom::after {
        content: "";
        position: absolute;
        left: 7px;
        top: 2px;
        width: 11px;
        height: 18px;
        border: solid white;
        border-width: 0 4px 4px 0;
        transform: rotate(45deg);
    }

     /*Cambia colore del segno di spunta */
    .checkbox-container input[type="checkbox"]:checked + .checkbox-custom::after {
        border-color: black;  /*Colore della spunta*/ 
    }

.form-group.separated {
    border: 2px solid #ccc;  /*Bordi grigi chiari */
    padding: 10px;  /*Spaziatura interna */
    margin-bottom: 50px;  /*Ridotto spazio esterno tra i div */
    border-radius: 10px;  /*Arrotonda gli angoli dei bordi */
    background-color: #f9f9f9;  /*Colore di sfondo delicato*/ 
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);  /*Aggiunge ombra leggera 
*/}

    .form-group.separated label {
        display: block;
        margin-bottom: 15px;
        text-align: center;
    }

.fixed-height {
    height: 110px; /* Imposta un'altezza fissa di 110 pixel*/ 
    background-color: white;  Solo per visibilità 
}

/* form.css */

/* Stile base per i form */
.form-control {
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
    padding: 0.75rem 1.25rem;
}

    .form-control:focus {
        border-color: #007bff;
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.25);
    }

.form-group {
    margin-bottom: 1rem;
}

label {
    font-weight: bold;
}

/*.checkbox-custom {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}*/

/* Button */
.btn-form {
    border-radius: 0.25rem;
    padding: 0.5rem 1rem;
    font-size: 1rem;
}

.btn-form-primary {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
}

    .btn-form-primary:hover {
        background-color: #0056b3;
        border-color: #004085;
    }

/* Errori di validazione */
.text-danger {
    color: #dc3545;
}