@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');


:root {
    --headerHeight: 60px;
    --background: #FFFFFF; /*sfondo generale finestra*/
    --textcolor: #000000; /* colore testo su sfondo background */
    --textcolor-disabled: #CCCCCC; /*ToDo Marco scegliere colore idoneo */

    --dividers: #E2E2E2; /*righe e bordi in areea di lavoro */
    --background-workarea: #E2E2E2; /*sfondo areea di lavoro */

    --theme-img-path: /themes/beta-light/images/;
    --navbar-item-color-selected: #FF7600; /*testo barra di navigazione */
    --navbar-item-backgroundcolor-selected: #f5f5f5;
    --navbar-item-color: #FF7600;
    --nvabar-item-color-disabled: #CCCCCC; /*ToDo Marco scegliere colore idoneo */
    --beta-color: #FF7600;
    --neworder-navbar-customer-icon: url("/themes/beta-light/images/icona-cliente.png"); /*icona nella barra di navigazione in fase di creazione/modifica ordine*/
    --neworder-navbar-admin-icon: url("/themes/beta-light/images/icona-admin.jpeg"); /*icona nella barra di navigazione in fase di creazione/modifica ordine*/
    --neworder-navbar-logout-icon: url("/themes/beta-light/images/icona-logout.jpeg"); /*icona nella barra di navigazione in fase di creazione/modifica ordine*/
    /*
        icone svg fornite dal grafico
    */
    --icon-ok: url("/themes/beta-light/images/ok.svg");
    --icon-ok-warning: url("/themes/beta-light/images/ok_warning.svg");
    --icon-ok-blocked: url("/themes/beta-light/images/ok_blocked.svg");
    --icon-warning: url("/themes/beta-light/images/warning.svg");
    --icon-error: url("/themes/beta-light/images/error.svg");
    --icon-info: url("/themes/beta-light/images/info.svg");
    --icon-delete: url("/themes/beta-light/images/delete.svg");
    --icon-promo: url("/themes/beta-light/images/promo.svg");
    --icon-promo-warning: url("/themes/beta-light/images/promo_warning.svg");
    --icon-edit: url("/themes/beta-light/images/detail.svg");
    --icon-refresh: url("/themes/beta-light/images/refresh.svg");
    --icon-truck: url("/themes/beta-light/images/truck.svg");
    --icon-truck-warning: url("/themes/beta-light/images/truck_warning.svg");
    --icon-box: url("/themes/beta-light/images/box.svg");
    --icon-box-warning: url("/themes/beta-light/images/box_warning.svg");
    --icon-mail: url("/themes/beta-light/images/mail.svg");
    --icon-documents: url("/themes/beta-light/images/documents.svg");
    --icon-eyeclosed: url("/themes/beta-light/images/eyeclosed.svg");
    --icon-eyeopened: url("/themes/beta-light/images/eyeopened.svg");
    --icon-new: url("/themes/beta-light/images/new.svg");
    --icon-map: url("/themes/beta-light/images/map.svg");
    /**/
    --navbar-icon-info: url("/themes/beta-light/images/info.svg");
    --navbar-icon-delta: url("/themes/beta-light/images/delta.svg");
    --navbar-icon-ordinatoac: url("/themes/beta-light/images/wallet.svg");
    --navbar-icon-ordinatoap: url("/themes/beta-light/images/wallet-back.svg");
    --navbar-icon-filter: url("/themes/beta-light/images/filter.svg");
    --navbar-icon-user: url("/themes/beta-light/images/user.svg");
    --navbar-icon-logout: url("/themes/beta-light/images/logout.svg");
    --navbar-icon-settings: url("/themes/beta-light/images/settings.svg");
    --navbar-logo-beta: url("/themes/beta-light/images/logo_beta.png");
    /*side menu*/
    --sidemenu-logo-beta: url("/themes/beta-light/images/logo_beta_w.png");
    --sidemenu-item-img-path: /themes/beta-light/images/menu/;
    --sidemenu-item-img: url("/themes/beta-light/images/info.svg");
    --sidemenu-burger-menu-color: #FFFFFF; /*Todo Marco impostare colore in liena con lo style*/
    --sidemenu-item-background: #332c24;
    --sidemenu-item-background-current: #332c24;
    --sidemenu-item-text-current: #ff7600;
    --sidemenu-item-text-active: #FFFFFF; /*ToDo Marco verificare*/
    --sidemenu-item-text-disabled: #797979;
    --re-form-rounded-input-border: #E2E2E2;
    --re-form-rounded-button-notfilled-border: #E2E2E2;
    --re-form-rounded-button-notfilled-color: #FF7600;
    --re-form-rounded-button-filled-color: #FFFFFF;
    --re-form-rounded-button-filled-background: #FF7600;
    /*Tabella materiale nuovo ordine*/
    --re-replacedMaterial-background-color: #10B9811F;
    --re-replacedMaterial-color: #333;
    --re-blockedMaterial-background-color: #ef927096;
    --re-blockedMaterial-color: #333;
    --re-newMaterial-background-color: #b8e19d96;
    --re-newMaterial-color: #333;
    --textColorPromoPrice: #FDA321;
    --table-grid-selected-background: #10B9811F;
    --table-grid-disabled-row-color: #797979;
    --ngGroupPanel-background: #3996AA;
    /*pagina disponibilità */
    --availability-alert-color: #FFFFFF; /*Todo Marco impostare colore in liena con lo style*/
    --availability-alert-background: #eb5454; /*Todo Marco impostare colore in liena con lo style*/
    /*Home page*/
    --colore-ordinato-ac: #FF7600;
    --colore-ordinato-ap: #3996AA;
    --colore-titolo: #332c24;
    --colore-sotto-titolo: #88837b;
    --colore-delta-molto-male: #FF0000;
    --colore-delta-male: #af2a07;
    --colore-delta-bene: #09d509;
    --colore-delta-molto-bene: #00AA00;
    --colore-data: #297712; /*Ho copiato il verde della bozza ma non essndo un delta forse ci va bene anche un nero ...*/
    --circle-icon-background: #efeeef;
    --home-icon-ordered-ac: url("/themes/beta-light/images/user.svg"); /*icona nella barra di navigazione in fase di creazione/modifica ordine*/
    --home-icon-tables: url("/themes/beta-light/images/wallet.svg");
    /*menù dropdown in varie pagine (esempio planning nuovo appuntamento seleziona cliente) */
    --dropdown-item-color: #FF7600;
    --dropdown-item-backgroundcolor: #FFF;
    --dropdown-item-active-color: #FFF;
    --dropdown-item-active-backgroundcolor: #FF7600; /*Todo Marco impostare colore in liena con lo style*/
    /*Bottoni */
    --re-form-rounded-button-notfilled-danger-color: #FF0000;
    --re-form-rounded-button-notfilled-danger-backgroundcolor: #770000;
    --re-form-rounded-button-notfilled-warning-color: #FF0000;
    --re-form-rounded-button-notfilled-warning-backgroundcolor: #777700;
}


/*
    Classi filtro per svg
*/

.svg-verde-ok {
    /*#09d509*/
    filter: brightness(0) saturate(100%) invert(56%) sepia(100%) saturate(2146%) hue-rotate(79deg) brightness(102%) contrast(113%);
}

.svg-verdescuro-ok {
    /* VERDE Scuro #297712 */
    filter: brightness(0) saturate(100%) invert(27%) sepia(60%) saturate(4420%) hue-rotate(80deg) brightness(90%) contrast(86%);
}


.svg-giallo-warning {
    /*#ffd500*/
    filter: brightness(0) saturate(100%) invert(74%) sepia(90%) saturate(864%) hue-rotate(359deg) brightness(102%) contrast(102%);
}

.svg-arancio-warning {
    /*#FF7600*/
    filter: brightness(0) saturate(100%) invert(51%) sepia(34%) saturate(4963%) hue-rotate(1deg) brightness(104%) contrast(104%);
}

.svg-rosso-error {
    /*#ff0000*/
    filter: brightness(0) saturate(100%) invert(21%) sepia(89%) saturate(5352%) hue-rotate(355deg) brightness(97%) contrast(124%);
}

.svg-grigio-neutro {
    /*#5b5b5b*/
    filter: brightness(0) saturate(100%) invert(33%) sepia(56%) saturate(15%) hue-rotate(126deg) brightness(94%) contrast(92%);
}