body {
    padding-top: 56px;
}

.testata-ordine {
    display: grid;
    grid-template-columns: 10fr 80fr 20fr;
}

.riepilogo-righe {
    display: grid;
    grid-template-columns: 10fr 90fr;
}

.riga-ordine {
    display: grid;
    grid-template-columns: 12fr 6fr 6fr 2fr 3fr 4fr ;
}

.intestazione-sezione {
    color: #2b2f32;
    text-align: right;
    padding-right: 1rem;
    font-style: italic;
}

.nuova-riga {
    display: grid;
    grid-template-columns: 10fr 90fr;
}

.intestazione-elenco {
    border-bottom: solid 2px #2b2f32;
    margin-bottom: 0.3rem;
}

.elenco-ordini {
    display: grid;
    grid-template-columns: 10fr 1.5fr 3fr 3fr 3fr 8fr 8fr;
    align-items: center;
}

.elenco-ordini-adm {
    display: grid;
    grid-template-columns: 10fr 1.5fr 3fr 3fr 3fr 8fr 8fr 1.5fr;
    align-items: center;
}

.riga-elenco-ordine {
    margin-bottom: 0.3rem;
}

.riga-elenco-ordine:hover {
    font-weight: bold;
}

.riga-elenco-ordine a {
    text-decoration: none;
    border: none;
}

.ordine-riquadro-sezione {
    border: solid 2px black;
    padding: 0.4rem 0.2rem;
    border-radius: 1rem;
    margin-bottom: 1rem;
}

.riga-form {
    margin-bottom: 0.2rem;
}

.selezione-sede {
    display: grid;
    grid-template-columns: 5fr 5fr 10fr 3fr;
    align-items: center;
}

.intestazione-selezione-sede {
    border-bottom: solid 2px #2b2f32;
    margin-bottom: 0.3rem;
}

.riga-selezione-sede {
    margin-bottom: 0.3rem;
}

.riga-selezione-sede:hover {
    font-weight: bold;
}

.riga-selezione-sede a {
    text-decoration: none;
    border: none;
}

.listino-prezzi {
    display: grid;
    grid-template-columns: 5fr 10fr 2fr 3fr 3fr 3fr;
    align-items: center;
}

.intestazione-listino-prezzi {
    border-bottom: solid 2px #2b2f32;
    margin-bottom: 0.3rem;
}

.riga-listino-prezzi {
    margin-bottom: 0.3rem;
}

.riga-listino-prezzi:hover {
    font-weight: bold;
}

.riga-listino-prezzi a {
    text-decoration: none;
    border: none;
}

.btn-icon {
    padding: .375rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-icon svg {
    width: 1em;
    height: 1em;
}

.spin-icon {
    animation: spin 1s linear infinite;
    display: inline-block;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.tabella-log-riga {
    display: grid;
    grid-template-columns: 0.7fr 0.5fr 0.5fr 0.4fr 2fr;
    row-gap: 7px;
}

.titolo-elenco {
    border-bottom: solid 2px #b6b6b6;
}

.riga-elenco {
    word-break: break-all;
}

.form-filtro {
    display: grid;
    grid-template-columns: 0.1fr 0.9fr;
    border: solid 2px #222222;
    border-radius: 15px;
    padding: 10px;
    margin-bottom: 10px;
}

.range-date {
    display: flex;
    justify-content: space-between;
}

.input-data, .riga-input {
    display: flex;
    align-items: baseline;
}

.bottoni-form {
    flex: 1 1 auto;
}

.riga-bottoni-form {
    display: flex;
    justify-content: space-between;
}

.barra-paginazione {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.titolo-form {
    font-size: larger;
    font-weight: bold;
    background-color: #e3f2fd;;
    max-height: 2rem;
    margin-right: 30px;
    padding: 0px 20px;
}

.etichetta-filtro {
    margin-right: 10px;
}