/* my-plugin-style.css */

/* Stile generale della form */
#my-form {
    width: 100%;
    max-width: 400px;

}

/* Stile delle etichette */
#my-form label {
    display: block;
    margin-bottom: 5px;
}

/* Stile degli input */
#my-form input[type="text"],
#my-form input[type="date"],
#my-form select {
    width: calc(100%);
    padding: 12px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
}

/* Stile delle select */
#my-form select {
    appearance: none; /* Rimuove lo stile di default del browser per le select */
    -webkit-appearance: none; /* Per WebKit (Safari/Chrome) */
    -moz-appearance: none; /* Per Firefox */
}

/* Stile del pulsante di invio */
#form button {
    width: 100%;
    padding: 10px;
    background-color: #007bff;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}

/* Stile del pulsante di invio al passaggio del mouse */
#form button:hover {
    background-color: #0056b3;
}

#my-form .error {
	border-color:red !important;
}

#testo {
	padding: 10px;
    background: #f1f1f1;
}

span.l {
	font-weight: bold;
}