﻿
/* Large devices (desktops, 1280px and up) */

:root {
    --bs-body-font-size: 1rem;
    --rz-body-font-size: 1rem;
    --rz-root-font-size: 1rem;
    --rz-icon-size: 1.5rem;
    --rz-dialog-content-padding: 1.5rem;
}

.nascondi-in-lg {
    display: none !important;
}

.logo-mainpage {
    max-width: 70%;
}

.benvenuto-velgesweb {
    font-size: 1.7vw;
    margin: 2rem 0 3rem 0;
}

.caricamento-applicazione {
    font-size: 1.4vw;
}

.pulsanti-homepage {
    grid-gap: 2rem;
    margin: 0 5rem;
}

.titolopagina {
    font-size: xx-large;
}

.rz-accordion-header a[role='tab'] {
    font-size: 1.3rem;
    padding: 0.5rem 1rem;
}

.rz-accordion-sconti {
    background-color: rgb(240,240,240);
}

    .rz-accordion-sconti a[role='tab'] {
        font-size: 1rem;
        padding: 0.2rem 0.5rem;
    }

        .rz-accordion-sconti a[role='tab']:hover {
            background-color: unset;
            color: unset;
        }

.rz-datepicker > .rz-inputtext, .rz-timespanpicker > .rz-inputtext {
    padding-inline-end: calc(2rem + var(--rz-datepicker-trigger-icon-width));
}

    .rz-datepicker:has(.rzi-time), .rz-timespanpicker:has(.rzi-time) {
        /* datepicker solo orario*/
        width: 6.5rem !important;
    }

.rz-datepicker:has(.rz-datepicker-trigger) > .rz-inputtext, .rz-timespanpicker:has(.rz-timespanpicker-trigger) > .rz-inputtext, .rz-timespanpicker > .rz-inputtext {
    padding-inline-end: calc(1.6rem + var(--rz-datepicker-trigger-icon-width));
}

.item-input-a {
    font-size: 1.3rem;
    padding: 4px 7px 2px 1.5rem;
}

.sidebar {
    min-width: 18rem;
}

.sidebar-background {
    background-image: linear-gradient(180deg, var(--colore-principale-trasparente) 80%, var(--colore-background) 100%);
    background-color: unset;
}

.titolo-contenuto-pulsanti-contenuto {
    overflow-y: auto;
    border: solid;
    border-width: 1px;
    border-color: lightgray;
    box-shadow: 0 0 10px darkgrey;
    padding: 1rem;
}

    .titolo-contenuto-pulsanti-contenuto.griglie-fattura {
        padding: 0.5rem;
    }

span.numero-righe-griglia {
    display: flex;
    gap: 1rem;
    margin-left: auto;
    margin-right: 5rem;
    font-size: unset;
}

.numero-righe-griglia .rz-dropdown {
    width: 5rem;
}

.rz-datepicker {
    /*height: 2.19rem;*/
    width: 9.5rem !important;
}

.rz-timespanpicker {
    /*height: 2.19rem;*/
    width: 6.5rem !important;
}

    .rz-datepicker > .rz-inputtext, .rz-timespanpicker > .rz-inputtext {
        padding-inline-start: 0.5rem;
    }

.rz-textbox, .rz-dropdown, .rz-textarea, .rz-numeric, .rz-spinner {
    /*height: 2.1rem;*/
    /*height:auto;*/
}

.rz-button-md {
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
}

.pulsanti-in-alto {
    grid-template-columns: repeat(var(--pulsanti), 1fr);
    grid-gap: 10px;
}

.riepilogo-documento {
    display: grid;
    grid-template-columns: min-content auto max-content;
    gap: 1rem;
}

.gestione-account {
    grid-template-columns: 15rem 25rem;
}

.spinner-border {
    zoom: unset;
}

.dati-generali {
    grid-template-columns: max-content max-content max-content max-content max-content auto;
}

.colonna-cliente {
    grid-column: 2 / span 5;
}
