.userfrom {
    color: red;
}

.userto {
    color: green;
}

.circuit {
    color: blue;
}

.date {
    color: gray;
}

.rigamov {
    background-color: lightgray;
}

.causaleDest {
    margin-bottom: 8px;
    font-style: italic;
}

:root {
    --causale-text-color: #555;
    --causale-bg-color: #f9f9f9;
}

body.body--dark {
    --causale-text-color: #bbb;
    --causale-bg-color: #333;
}

.causale {
    position: relative;
    /* Necessario per il posizionamento corretto del pseudo-elemento */
    font-style: italic;
    color: #555;
    padding-left: 0px;
    margin: 8px 0;
    color: var(--causale-text-color);
    background-color: var(--causale-bg-color);
}


.userto,
.userfrom {
    white-space: pre-wrap;
    /* Impedisce il wrapping del testo */
}

.q-item-section.d-flex {
    display: flex;
    align-items: center;
    /* Allinea gli elementi al centro verticalmente */
}

.q-item__section--main~.q-item__section--side {
    padding-left: 2px !important;
}

.q-item__section--side {
    padding-right: 4px !important;
}

.schede-mov {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-top: 2px;
    padding-bottom: 2px;

    border: solid 1px blue;
    border-radius: 20px;
}