/* DATI ANAGRAFICI */
.form-datiana {
    display: grid;
    margin: auto;
    row-gap: 8px;
}

.form-datiana-row {
    display: grid;
    grid-template-columns: var(--cols, 1fr);
    column-gap: 8px;
}

@media (max-width: 600px) {
    .form-datiana-row {
        grid-template-columns: 1fr !important;
        row-gap: 8px;
        column-gap: 0px;
    }
}

/* INDIRIZZO */
.form-indirizzo {
    display: grid;
    margin: auto;
    row-gap: 8px;
}

.form-indirizzo-row {
    display: grid;
    grid-template-columns: var(--cols, 1fr);
    column-gap: 8px;
}

@media (max-width: 600px) {
    .form-indirizzo-row {
        grid-template-columns: 1fr !important;
        row-gap: 8px;
        column-gap: 0px;
    }
}

/* CONTATTO */
.form-contatto {
    display: grid;
    margin: auto;
    row-gap: 8px;
}

.form-contatto-row {
    display: grid;
    grid-template-columns: var(--cols, 1fr);
    column-gap: 8px;
}

@media (max-width: 600px) {
    .form-contatto-row {
        grid-template-columns: 1fr !important;
        row-gap: 8px;
        column-gap: 0px;
    }
}

/* RICHIESTA */
.form-richiesta-datigen {
    display: grid;
    margin: auto;
    row-gap: 8px;
}

.form-richiesta-datigen-row {
    display: grid;
    grid-template-columns: var(--cols, 1fr);
    column-gap: 8px;
}

@media (max-width: 600px) {
    .form-richiesta-datigen-row {
        grid-template-columns: 1fr !important;
        row-gap: 8px;
        column-gap: 0px;
    }
}

/* ACQ-VEN */
.form-acqven {
    display: grid;
    margin: auto;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 8px;
    column-gap: 8px;
}

.form-acqven .acqven-documento {
    grid-row: 1;
    grid-column: 1;
}

.form-acqven .acqven-data {
    grid-row: 1;
    grid-column: 2;
}

.form-acqven .acqven-prezzo {
    grid-row: 1;
    grid-column: 3;
}

.form-acqven .acqven-riferimento {
    grid-row: 2;
    grid-column: 1 / 3;
}

.form-acqven .acqven-datariferimento {
    grid-row: 2;
    grid-column: 3;
}

.form-acqven .acqven-ana {
    grid-row: 3;
    grid-column: 1 / 4;
}

@media (max-width: 600px) {
    .form-acqven {
        display: flex;
        flex-direction: column;
    }

    .form-acqven > * {
        width: 100%;
    }
}

/* RICHIESTA MSG */
.richiesta-msg {
    height: calc(100% - 16px) !important;
    overflow: auto;
}

.richiesta-msginputarea {
    border-radius: 8px;
    background-color: white;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 8px;
}