/* css for profile and users listing */

.userdata .userdata-menu {
    width: 100px;
    grid-column: 1 / 2; /* Allineato come specificato per il layout */
}

.userdata-container {
    grid-column: 3 /  10; /* Allineato come specificato per il layout */
    display: flex;
    align-items: center;
    flex-flow: column;
    text-align: center;
    background-color: black;
    flex-basis: 100%;
}

.userdata-text {
    flex-basis: 1fr;
}

.userdata-profile {
    display: flex;
    flex-direction: column;
    align-items: left;
    text-align: left;
    background: transparent;
    flex-basis: 1fr;
    margin-bottom: 24px;
    color: var(--dgth-bianco);
}

.userdata-list {
    grid-column: 2 /  12; /* Allineato come specificato per il layout */
    display: flex;
    align-items: center;
    flex-flow: column;
    text-align: center;
    background-color: black;
    flex-basis: 100%;
}

.userdata-list tr.even {
    background-color: #a3a3ae;
}
.userdata-list tr.odd {
    background-color:  #c3c3c3;
}

.userdata-list span {
    color: black;
}

/* Stile per le etichette */
.userdata-profile label {
    display: block; /* Forza l'etichetta su una linea separata */
    margin-bottom: 8px; /* Spazio tra etichetta e input */
    /* color: white;  Colore del testo */
}

/* Stile per gli input e textarea */
.userdata-profile input[type="text"], textarea {
    width: 100%; /* Riempie il contenitore */
    padding: 10px; /* Spazio interno */
    margin: 0; /* Rimuove margini indesiderati */
    border: 1px solid rgba(255, 255, 255, 0.40); /* Bordo bianco */
    border-radius: 10px; /* Bordo stondato */
    background-color: rgba(252, 252, 252, 0.1);
    box-sizing: border-box; /* Include il padding nella dimensione totale */
    color: var(--dgth-bianco);
}

/* Stile per l'elemento textarea
textarea {
    resize: none; /* Impedisce il ridimensionamento manuale */