/*	***************************
	* Base ed elementi comuni *
    *************************** */

html, body {
    font-family: "PT Sans", "trebouchet", "sans-serif";
	font-size: 18px;
	line-height: 1.5em}	
	
body {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #ddd;}
 

/* Elementi comuni */ 
.alright {text-align: right !important;}
.finto-trycatch {color: #c00; font-weight: bold; font-size: 0.8em;}
.bottone-che-chiude {
	background: #606061; color: #FFFFFF;
	text-align: center; line-height: 25px; text-decoration: none;
	position: absolute;	right: 4px; top: -15px; width: 30px;
	font-family: 'League Spartan';
	 -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
	-webkit-box-shadow: 1px 1px 3px #000; -moz-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; 
	box-sizing:border-box; padding: 6px 0 0 2px;
	cursor: pointer;
	transition:background-color 0.3s;}
.bottone-che-chiude:hover { background: #c00; }
.primo-a-destra, .right-indent, .right-indent-tab {margin-left: auto;}
.cliccabile {cursor: pointer;}
.aiuto {cursor: help;}
.no-drop {cursor: no-drop !important;}
.puntini {text-overflow: ellipsis; white-space: nowrap;}
.cursor-pointer {cursor: pointer;}
optgroup {padding-top:30px}
.semitrasparente {opacity: 0.5;}

.griglia-generica {display: grid; font-family: 'PT Sans Narrow'; grid-column-gap: 15px;}

.svg-container img {padding-left:0.2rem;padding-bottom:0.2rem;}	
/* .inline-svg {} */
.inline-svg-small {height: 1rem; width: 1rem;}
.inline-svg-medium {height: 1.5rem; width: 1.5rem}
.inline-svg-big {height: 2rem; width: 2rem}
.inline-flex {display: inline-flex; width:100%; flex-wrap:nowrap; justify-content: space-between;}

/* Stampa */
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
	
	.table td, .table th {
		padding: 0.25rem;
	}

  /* 2022.05 Stampa officina */
  #capo-officina, 
  .toast-cantox, 
  .flow-workshop .inline-svg-big,
  .flow-workshop button {display: none;}

  #o-dozzina {display: block; width: 100%;}
  select.locazione {overflow:auto;}

}

/*	**************************
	*       Tipografia       *
    ************************** */
	
body {
	font-family: "PT Sans";}
.os_n, .os-n, .pts-n, .pts_n {
	font-family: "PT Sans Condensed", "PT Sans Narrow";}
.os_nz {
	font-family: "PT Sans Condensed", "PT Sans Narrow" !important;}
/* override per os_n, lo uso per la select causali che la riceve quando carichi causale lunga */
.nos_n {
    font-family: "PT Sans";}  
h2 {font-family: "League Spartan"; font-size: 48px;}
h3 {font-family: "League Spartan"; font-size: 24px; margin-top: 30px; color: #666;}
h4 {margin-top: -9px; font-size: 24px; font-family: "League Spartan"; color: #999;}

span.thinsp {margin-left: 5px;}
span.nowrap {white-space: nowrap;}

.league-gothic {font-family: 'League Gothic', Impact, sans-serif}
.league-spartan {font-family: 'League Spartan', Impact, sans-serif}
 
.gothic {font-family: "League Gothic"; text-transform: uppercase; font-size:36px; letter-spacing: 0.04em; color: #999;}  
.smalltext {font-size:13px;}



  
/*	****************************
	*   Barra di navigazione   *
    **************************** */ 
  
.navbar {
    font-family: "League Spartan";
    font-size: 1.1em;}
.navbar-brand {position:relative; top: -35px; left:-35px; }

.navbar-wrapper {flex-wrap: nowrap;}
.notbootstrap-navbar {padding-left: 2.5rem;}
.notbootstrap-navbar a	{
	color: #9ab !important;
	transition: color 0.3s ease-in-out;}
.notbootstrap-navbar a:hover,
.notbootstrap-navbar a:active, 
.notbootstrap-navbar .istactive	{
	color: #459 !important;}
.notbootstrap-burger {
	position:absolute; right: 0; top: 1em;}
.nav-logout {font-family: "PT Sans";font-size: 18px;line-height: 1.5em;}
.nav-logout a {color: #369 !important;}
.nav-logout p {margin-bottom: 0;}
.nav-utente {color: #333; font-weight:bold;}
	
	
/*	****************************
	  *     Ricerca articolo     *
    **************************** */ 
	
h1 {font-family: "League Spartan";  color: #5555aa; font-size:54px; margin: 1em 0 0.4em 0;}
.bottomtrick {clear:both; height: 0; content:"."}
.clearleft {clear: left;}
#helper-ricerca-articolo {display: inline-flex; width: 100%}
#helper-ricerca-articolo span {margin-left: auto;}

.showhide-modifica, .showhide-modifica-catalogo {display:none;}
.nascosto-bottone, .nascosto-filtro {display:none;}
.trasparente-filtro {opacity:0;}

/* Ricerca articolo */
.is-collassa img {opacity: 0.4;cursor:pointer; transition: opacity 0.3s;}	
.is-collassa img:hover {opacity: 1; }	
.chiudi-ascheda {color: cornflowerblue; float:right; cursor: pointer;}
.lista-applicazioni {display:grid; grid-template-columns: max-content auto; grid-gap: 3px 7px;}

/* Tabella risultati AKA Hateful Table */
#hateful-table td, #hateful-table th {padding:5px}
#hateful-table tr td:first-child, #hateful-table tr th:first-child {padding-left: 10px;}
#hateful-table tr td:last-child, #hateful-table tr th:last-child {padding-right: 10px;}
#hateful-table tr {background-color: #fcfcfc;}
#hateful-table tbody tr:nth-child(odd) {background-color: #ccc;}
/* #hateful-table-daddy {} */
#hateful-table-mommy {padding: 1rem; margin-top: 1.5rem; display:inline-flex; width:100%}
#hateful-table-mommy .btn {margin-right: 0.5rem; font-family: "PT Sans Narrow";}	
.tsh_matricola {cursor: pointer; }
	
/* Aggeggio modifica */
.menu-modifica {background-color: #fff; border: #53647e solid 4px; border-radius: 5px; margin: 7px 0;}
.menu-modifica-titolo {background-color: #53647e; padding: 10px; color:#fff; font-weight: bold;}
.menu-modifica-corpo {padding: 20px;}
.menu-modifica ul {margin-bottom: 0;}
.menu-modifica ul li {list-style:none; margin-top: 4px;}
.menu-modifica img {margin-right: 0.7rem;}

/* Tavola ricambi su ricerca articoli */
.grafica-target .img-chiocciola, .grafica-target .img-schiocciola {width:100%;}
.grafica-target h1, .grafica-target h2, .grafica-target h3 {font-family: 'PT Sans'; color: #000; font-weight: bold;}
.grafica-target h1 {font-size: 13px; margin:5px 0; }
.grafica-target h2 {font-size: 18px; margin:5px 0;}
.grafica-target h3 {font-size: 13px; margin:5px 0;}
.skcr-highlight {color: #038; font-weight: bold;}
.is-droga {margin-bottom:0.6rem;margin-top:1rem;color:#036; font-size: 1.3rem;}
.skeda-ricambi {background-color: #fff; padding:15px 10px !important; border-radius:5px;}
.tabella-chiocciola td, .tabella-chiocciola th {padding: 0 0.5rem 0.2rem 0;}
.tabella-chiocciola {margin-top: 15px;}
.grafica-matricola {width: 100%;}
/* .mezza-nascosta {} */


	
/*	****************************
	  *     Catalogo ricambi     *
    **************************** */ 

/* #snail-placeholder {} */
.titolo-box, .titolo-box-veicolo {display: inline-flex; width:100%;}
.titolo-box-veicolo h1 {padding-bottom: 0; margin-bottom:0; font-size: 36px;}
.titolo-box-basso h1 {padding-top: 0; margin-top:0;}
/* .titolo-box-hero {} */
.titolo-box-sidekick {margin-left: auto; color:#999;}
#target-left { position: -webkit-sticky; position:sticky; top: 1em;}
.titolo-box-gruppo h3 {
	font-family: 'PT Sans'; font-weight: bold; font-size: 1em;}
.titolo-box-sgruppo h3 {  /* Per javascript indice applicazioni che altrimenti sclera */
	font-family: 'PT Sans'; font-weight: bold; font-size: 1em;}
/* .tavola-indice {} */
.nuova-riga {margin-top: 0.5em;}
.tavola-indice td {vertical-align:top;}
.tavola-indice-triangolo {min-width: 1.5em;}
.tavola-indice-serie {min-width: 5em; font-family: 'PT Sans Narrow'}
.tavola-indice-descrizione {font-family: 'PT Sans Narrow'; min-width: 2em;}
.tavola-indice-data {font-family: 'PT Sans Narrow'; color:#999; min-width: 2em;}
.pag-snail .bottone-che-chiude {position: absolute; top:-10px;right:-20px;}

.elenco-potenziali {font-family: "PT Sans Narrow"; font-size:0.6rem;}
.potenziali-toggle {font-size:0.6rem;}
.elenco-potenziali-nascosto {display:none;}

.skeda-ricambi-elenco img.scalami {
    min-width: 400px;}
/*
.skeda-ricambi-elenco img.scalami {
  clip-path: inset(0 50% 0 0 ) !important;
  transform: scale(2);
  overflow: hidden;
  position: relative;
  left: 50%;
  top: 500px;} */

/* Modifica IA 2025 */
.chiocciola-guscio {
  position: relative; max-width: 100%; margin: 0 auto;}
.chiocciola-cornice {
  position: relative; overflow: hidden; margin-bottom: 10px; height: var(--altezza-cornice, 1404px); height: --altezza-cornice; transition: height 0.4s ease;}
.chiocciola-cornice .img-schiocciola {
  display: block; width: 100%; transition: clip-path 0.4s ease;}
  .chiocciola-cornice .img-schiocciola.strizzami {clip-path: inset(0 50% 0 0); transform: scale(2); overflow:hidden; transform-origin: top left; /* position: relative; left: 50%; */}
  .chiocciola-cornice .img-schiocciola.scalami {clip-path: inset(0 50% 60% 0); transform: scale(2); overflow:hidden; transform-origin: top left; /* height: calc(40% * var(--img-height));*/}

.chiocciola-skrullami {
  position: absolute; bottom: 0;  left: 0;  right: 0;  height: 100px;  pointer-events: none;}
.chiocciola-skrullami-gradiente {position: absolute; bottom: 0; left: 0; right: 0; height: 100px; background: linear-gradient(to top, rgba(255,255,255,0.9) 0%, transparent 100%);}
.chiocciola-skrullami-freccia {position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); pointer-events: auto; cursor: pointer; transition: transform 0.2s ease;}
.chiocciola-guscio.allungata .chiocciola-skrullami-freccia {transform: rotate(180deg);}
.chiocciola-skrullami-freccia:hover { transform: translateX(-50%) scale(1.8);}
.arrow-icon { filter: drop-shadow(0 2px 2px rgba(0,0,0,0.3));}

.skeda-ricambi-elenco img.scalami-legacy {
  clip-path: inset(0 50% 0 0 ) !important;
  transform: scale(2);
  overflow: hidden;
  position: relative;
  left: 50%;
  top: 500px;} 

.catalog-image.expanded-width {
  clip-path: inset(0 0 0 0) !important;
  transform: none !important;
  left: 0 !important;
}



.flex-catalogo-titolo {
  display: inline-flex; width:100%; flex-wrap:nowrap;
  justify-content: space-between;}
.flex-catalogo-bottoniera {flex-basis: fit-content; padding-top: 5px;}
.flex-catalogo-bottoniera img {height: 2.2rem; width: 2.2rem; opacity:0.5; margin-left: 5px;}
.flex-catalogo-bottoniera img:hover {opacity:1}
.piepagina-box {display: inline-grid; grid-template-columns: 50px auto;}
.piepagina-sigla {font-weight: bold; text-align: right; padding-right: 15px;}

#barra-di-merda {
    display:flex;
    position: fixed;
    width: 120px;
    left:20px;
    bottom:20px;
    padding:20px;
    border-radius:50px;
    background-color: #def;
}

@media screen and (min-width: 700px) {
   #barra-di-merda {display: none;} }

/* Questa va spostata qui in fondo perché sennò il CSS sopra (e.g. piepagina-box) la sovrascrive */
.hidden {display: none !important;}

/* Indice applicazioni su cat ricambi*/
.dreaded-culatta {display: flex; flex-wrap: nowrap; align-items:center; border-radius: 5px; padding: 10px; margin-top: 10px;}
.dreaded-words {margin: 0 5px 0 10px;} /* Accentrato da align-items e margin-bottom lo scombussolerebbe */
.dreaded-tanga {font-size:0.9rem;margin-top: 5px;}
.dreaded-geo {height: 40px;}
.dreaded-0 {color: #999; background-color: #eee;}
.dreaded-1 {color: #e50; background-color: #fde4d7;}
.dreaded-2 {color: #e80; background-color: #fdecd7;}
.dreaded-3 {color: #7b0; background-color: #e8f3d5;}
.dreaded-4 {color: #2a3; background-color: #dcf2df;}

/* Indice applicazioni: radiomodale */
.radiomodale-titolo {font-size: 1.2rem; font-weight: bold; margin-bottom: 0.3rem;}
.radiomodale-pagina-titolo {margin-bottom: 0.4rem; margin-top:0.7rem;}
.radiomodale-pagina-edizioni {padding-left: 1rem; display:grid;}
.radiomodale-pagina-edizioni label {margin-bottom: 0.2rem;}

/* Modifiche CSS 2025 per scorrimento */

.pag-snail #target-left, .pag-snail #target-right {flex: 1; overflow-y: scroll; scrollbar-width:none; height: 80vh;}
#target-left #skeda-ricambi-guzo, #target-right aside {min-height:200px; padding-bottom:200px;}
#skeda-ricambi-guzo {padding: 10px; box-sizing:border-box;}
.dreaded-culo {padding: 20px;}
.flex-catalogo-titolo {padding: 5px 10px;}

/* Override 2025 */
#skeda-ricambi-guzo .bottone-che-chiude {position: absolute;	right: 5px; top: 5px; width: 30px; z-index:1} /* Modifiche a questo specifico bottone che prende le altre sue caratteristiche da sopra */
.grafica-target h1 {font-size: 16px; margin:5px 0; }
.grafica-target h2 {font-size: 28px; margin:5px 0;}
.grafica-target h3 {font-size: 13px; margin:5px 0;}
.tabella-chiocciola {width: 100%}

/* Rapporto matricola */
.scheda_articolo {margin-top:36px;}
.scheda_articolo .row>div {padding: 15px inherit 15px inherit;}
.scheda_articolo .fake-column {padding:0 !important;} /* Si può sapere dio cane perché devo mettere important, è dopo cosa cazzo vuoi da ma html */
.scheda_articolo .fake-column .row {padding:0; margin:0}
.scheda_articolo .grafica-target {display:none;}

/* Corrispondenze */
.tabella-corrispondenze td {padding-right: 0.5em;}

/* Giacenze */
.giacenze-matricola {display: grid; grid-template-columns: max-content auto; column-gap: 7px; row-gap:7px;} /* C'è un giacenze-grid sotto non facciam confusione */
.giacenze-matricola dd {font-family: 'League Gothic'; font-size:36px; margin-bottom:0; line-height:normal; text-align:right;}
.giacenza-negativa {color: #cc0000;}
.giacenze-matricola dd.giacenza-vuota {color: #665544;}
.giacenze-matricola dt {font-weight:normal;}

/* Tabella codici fornitori / produttore */
.codici-fornitore {color: #36c;}
.codici-produttore {color: #f66;}

/* Trasformazioni */

.wrapper-trasformazioni {display: flex; flex-wrap: wrap;}
.wrapper-forma {margin-right: 1.5rem;}
fieldset.trasformazione {padding:12px; border-radius: 8px; border: 4px solid #88a;  position:relative; margin-bottom:15px;}
    fieldset.trasformazione-kit {border-color: #5c17d6;} 
    fieldset.trasformazione-montaggio {border-color: #d66717;} 
    fieldset.trasformazione-lavorazione {border-color: #749511;} 
    fieldset.trasformazione-revisione {border-color: #1386a3;} 
fieldset.trasformazione legend {display: flex; flex-wrap:nowrap; font-size: 1.1rem; margin-bottom:0;}
fieldset.trasformazione legend span, fieldset.trasformazione legend span a {padding:3px 0 0 3px;}
fieldset.trasformazione .el-legend {display: block; padding: 8px; border-radius:6px; color: #fff; font-weight: bold;}
    fieldset.trasformazione-kit .el-legend {background-color: #5c17d6;} 
    fieldset.trasformazione-montaggio .el-legend {background-color: #d66717;} 
    fieldset.trasformazione-lavorazione .el-legend {background-color: #749511;} 
    fieldset.trasformazione-revisione .el-legend {background-color: #1386a3;} 
.trasfhide {display:none;}
.bottoniera-trans {
  display: flex;
  flex-direction: column;
  padding-right: 1rem;
}

/*	****************************
	  *          Modale          *
    **************************** */ 

.modale-helper {font-weight:bold; color: #c00; margin: 7px 0;}
#modale-forni .modal-dialog {max-width: 800px;}
#modale-catalogo .modal-dialog,
#modale-trasformazioni .modal-dialog,
#modale-lavorazioni .modal-dialog,
#modale-viaggio .modal-dialog,
#modale-spotlight .modal-dialog,
#modale-carrello .modal-dialog,
.matricola-root .modal-dialog,
#modale-nuovo .modal-dialog,
.modale-largo .modal-dialog {max-width: 800px;}
#modale-permessi .modal-dialog  {max-width: 600px;}
/*
.finto-input-blocco {}
.finto-input-titolo {}
.finto-input-testo {}
*/


/*	****************************
	  *           Toast          *
    **************************** */ 

.toast-cantox {width:344px; overflow:visible; position: fixed; z-index: 5;}
.toast-farinata {bottom: 0; right: 1rem; height:0; max-height:1px; transition: max-height 1s ease-out;}
.toast-farinata .toast {opacity: 1;}
.toast-farinata .farinata {opacity: 1;}
.toast-farinata .farinata .uberti span {display: inline;}
.toast-farinata .farinata-vero .uberti::after {content:'\25B2';}     /* Freccia in alto */
.farinata-alprix .uberti::after {content:'';}         /* Sul carrello cliente, niente freccia */
.toast-uberti {bottom: 1rem; right: 1rem;  height: auto; max-height: 2000px; transition: max-height 1s ease-out;}
.toast-uberti .toast {opacity: 1;}
.toast-uberti .farinata {opacity: 1;}
.toast-uberti .farinata .uberti span#uberti-carrello-cifra-nascondino {display: none;}
.toast-uberti .farinata-vero .uberti::after {content: '\25BC';}    /* Freccia in basso */
.farinata {height:60px; width: max-content; border-radius: 3px; padding: 7px; position: absolute;  top: -35px; cursor: pointer;}
.farinata-ricerca {background-color: lightcyan; right: 120px;}
.farinata-carrello {right: 30px;}
.farinata-vero {right: 30px;}
.farinata-grigio {border: 1px solid #777; background-color:#ccc;}
.farinata-arancione {border: 1px solid #c70; background-color:#fa6;}
.farinata .uberti span {font-family: 'League Gothic'; padding: 2px 6px;}
#uberti-carrello, #uberti-ricerca {position:relative; top: -6px;}
.carriga {cursor: pointer; color: #445577;}
.carscrizione {text-overflow: ellipsis; text-overflow:hidden;}
.carriga-attiva {color:#300;}
.verdaccio .inline-svg {opacity: 0;}

.toast-imburra {min-height: 23px; background-color:rgb(255, 249, 164); padding: 8px; text-align:center; margin-bottom: 8px;}
.toast-imburra .burro-text {margin-bottom: 4px; text-align:center;}
.toast-imburra .burro-intendevi {margin-bottom: 6px;}
.burro-intendevi {max-height: 50vh; overflow-y: scroll; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: rgb(225, 220, 134) rgb(255, 249, 164);}

.burro-bottone-cerca {font-family: 'PT Sans Narrow'; margin: 2px;}

.bottoniera-toast {display:flex; flex-wrap: nowrap; justify-content: space-evenly; margin-top:10px;}   /* I bottoni boostrap */
.bottoniera-fluttuante {width: 100%;display: inline-grid; grid-template-columns: auto minmax(min-content,15px) minmax(min-content,15px) minmax(min-content,15px) minmax(min-content,15px); column-gap: 4px; margin-top:7px;} /* Le icone Orca */
.bottoniera-fluttuante img {opacity: 0.5;}
.bottoniera-fluttuante img:hover {opacity: 1;}
#fluttuante-copiaincolla {width: 100%;}
/* .bottoniera-toast button {} */
.messaggio-imbottiglia {flex-grow: 1; text-align: center; padding:10px; font-weight: bold; font-size: 1.4em;}
.fluttuante, .verdaccio {display:inline-grid; margin-bottom:7px; width:100%; overflow-y: auto; max-height: 75vh;}
.fluttuante {grid-template-columns: 50px minmax(max-content,30%) minmax(max-content,25%) minmax(max-content,20%); overflow-x:hidden;}
.fluriga {padding: 3px;}
.fluquant {text-align: right; padding: 0 2px; margin-bottom:2px; margin-right: 4px;}
.fludesc {max-width: 200px; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; font-family: "PT Sans Narrow";cursor:help;}
.fluold {max-width: 100px; color: #888;}
/* .fluarticolo {} */
.verdaccio {grid-template-columns: minmax(0, 5fr) minmax(0, 2fr) auto 30px; overflow-x: hidden;}
.carquanti {text-align: right; padding-right: 0.5rem; padding-left: 1rem;}
.cartricola {overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 0.5rem;}
.carscrizione {overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 0.5rem;}
.carbottone {text-align: right;}
#this-list-number {margin-left:auto; font-weight: bold; opacity:0.5}

/* Ricerca rapida cliente su Toast */
.farinata-alprix .toast-piatto {overflow-x: hidden; transition: height 300ms ease; position: relative; display: flex;  flex-direction: row;  flex-wrap: nowrap;}
.farinata-alprix .toast-scorrevole {width: 100%;  padding: 10px; min-width:300px; transition: height 500ms ease;}
.toast-uberti .toast-scorrevole {transition: transform 500ms ease;}
.toast-farinata .toast-scorrevole {transition: transform none;}
.toast-scorrevole.toast-nasconto {transition: none;}
.farinata-alprix .toast-carrello {transform: translateX(0);}
.farinata-alprix .toast-ricerca {transform: translateX(100%);}
.farinata-alprix .toast-nascosto {display:none;}
.toast-header.carrello-header {background-color: #ffe8cd; color:#aa4400;}
.toast-header.carrello-header-vuoto {background-color: #ddd; color:#666;}
.toast-header.ricerca-header {background-color: #d5f6ff; color:#006680;}

.toast-ricerca input.cercatore {flex-grow:1; font-size: 1.2em;}
.toast-ricerca input.cercatore-mamma {flex-wrap: nowrap;}
/* #risultato-rapida {} */
.cercatore-mamma {margin-bottom: 10px; flex-wrap:nowrap;}
.cercatore {padding-left: 10px;}
.riga-risultato-rapida {display: flex; flex-direction: row; flex-wrap:nowrap; margin-top: 8px; gap:8px;}
.riga-risultato-rapida .box-risultato-rapida, .riga-risultato-rapida .punto-di-domanda, .riga-riassunto-rapida {border-radius: 10px; padding:8px 13px; border:1px solid #ccc; cursor:pointer;}
.riga-risultato-rapida .box-risultato-rapida {flex-basis: auto; flex-grow:1; background-color: #d5f6ff; display:inline-flex;}
.riga-risultato-rapida .box-risultato-rapida:hover {background-color: #cceeff;}
.riga-risultato-rapida .box-risultato-rapida .nome, .riga-risultato-rapida .box-risultato-rapida .descra {display: block; overflow-x: hidden; text-overflow: ellipsis;}
.riga-risultato-rapida .box-risultato-rapida .nome {width: 45%;}
.riga-risultato-rapida .box-risultato-rapida .descra {width: 45%;}
.riga-risultato-rapida .box-risultato-rapida .vecchiume {opacity: 0.65; font-style:italic;}
.riga-risultato-rapida .punto-di-domanda {flex-basis: 2rem; background-color:#fff6d5; text-align:center; cursor:help;}
.riga-risultato-rapida .punto-di-domanda:hover {background-color:#ffeecc;}
.riga-riassunto-rapida {background-color: #e6d7ff; margin-top: 8px; text-align:center;}
.riga-riassunto-rapida:hover {background-color: #ddccff; margin-top: 8px; text-align:center;}
.riga-riassunto-rapida a:hover {text-decoration:none;}

/* Animazioncina Uberti*/
.farinata-alprix .farinata-carrello {transition: transform 0.5s ease;}
@keyframes rimbalzino {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
.anima-rimbalzino {
  animation: rimbalzino 0.5s ease;
}



/*	****************************
	  *        Spotlight         *
    **************************** */ 

.spotlight-testo {margin-top:0;}
.spotlight-titolo {font-weight: bold;margin-bottom:0;}
.spotlight-catalogo {background-color: #fea; border-radius: 8px; padding: 16px; box-sizing: border-box; border-right: 13px solid #fff;}
.spotlight-catalogo h2 {font-size: 18px; font-family: 'PT Sans Narrow', sans-serif; font-weight: bold; margin-top:18px; margin-bottom:7px; box-sizing: border-box;}
.spotlight-griglia {padding-left: 8px; display: inline-grid; grid-template-columns: 1fr 1fr 1fr 2fr; column-gap: 4px; font-family: 'PT Sans Narrow', sans-serif; width:100%}
.spotgriglia-dumper {font-weight: bold;}
.spotgriglia-lignaggio {font-weight: bold;}
.spotgriglia-serie {padding-left: 3px;}
.spotgriglia-calendario {padding-left: 3px; color: #999;}





/*	****************************
	  *         Preliste         *
    **************************** */ 

/* .parete-postit {} */
.lavagna-postit {display: flex; flex-direction: column;}
.postit {border-width: 2px; padding: 10px; border-style: solid; position:relative; min-height: 70px; margin-bottom: 1.2em}
.postit .postit-bottom {display:flex; justify-content: flex-start;}
.postit .postit-bottoniera {width: 25px; display: flex; flex-direction: column; }
.postit .postit-bottoniera a {display: block; position:relative; top: -4px;}
.postit .postit-bottom:last-child {flex-grow:1;}

.pagina-diario, .nuova-pagina-diario {background-color: #f3eedb; border-color: #a69d83;}
.nuova-pagina-diario {display: flex;justify-content: space-between;}
.pagina-diario:before {content: ""; position: absolute; bottom:-2px;right:-2px; border-style:solid; 
  border-width: 70px 70px 0 0; 
  border-color: #a69d83 #ddd #ddd  #a69d83;}
.pagina-diario-intestazione {font-size: 0.9em; }
.pagina-diario-edit {border-color: #a69d83; background-color: #fff;}
.diario-precestina {display: flex; justify-content: flex-start;}

.postit-giallo, .postit-gialla {background-color: #eedd99; border-color: #998855;}
.postit-giallo:before, .postit-gialla:before {content: ""; position: absolute; bottom:-2px;right:-2px; border-style:solid; 
  border-width: 70px 70px 0 0; 
  border-color: #998855 #ddd #ddd  #998855;}

.postit-verde {background-color: #d0ddd9; border-color: #708077;}
.postit-verde:before {content: ""; position: absolute; bottom:-2px;right:-2px; border-style:solid; 
  border-width: 70px 70px 0 0; 
  border-color: #708077 #ddd #ddd  #708077;}

.postit-appunti {font-size: 0.9em; margin-top: 0.5rem; margin-bottom: 0.5rem}
.pagina-diario .postit-appunti {margin-top: 0;}
.postit-bottom {padding-right: 80px;}
.postit-lista {display: inline-grid; grid-template-columns: 50px minmax(24px, max-content) 24px auto auto;}
.postit-matita img:hover {opacity: 0.8 !important;}
.postit-matricola, .postit-matricolaz {cursor: pointer;}
.postit-descra {padding-left: 1rem; overflow:hidden; opacity:0.6;}
.postit-fatto {text-decoration:line-through #000 double; opacity: 0.5;}
.postit-fattibile {text-decoration:line-through #999 dotted; opacity: 0.7;}
.postit-will-load, .postit-rosa .postit-matricolaz span:hover {color: #106 !important; font-weight:bold;}
.liste-dellozar .postit-will-scrub {text-decoration:line-through #900 solid; text-decoration-thickness: 30%;}
.postit-carrello, .postit-cestino {opacity: 0.4;}
.postit-carrello:hover, .postit-cestino:hover {opacity: 1 !important;}

.postit-rosa {background-color: #eeccec; border-color: #996688;}
.postit-rosa:before {content: ""; position: absolute; bottom:-2px;right:-2px; border-style:solid; 
  border-width: 70px 70px 0 0; 
  border-color: #996688 #ddd #ddd  #996688;}
.lista-modale-rosa {display: inline-grid; grid-template-columns: 70px minmax(100px, 20px) minmax(20px, max-content) auto; row-gap: 10px; column-gap: 10px;}
.lista-modale-rosa span, .lista-modale-rosa strong {align-self: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

#cestino-svg {margin: 3rem; opacity: 0.5; cursor: pointer; transition: margin 0.5s, opacity 0.5s, transform 0.5s;}
#cestino-svg:hover {margin: 1rem !important; opacity: 1 !important; transform: rotate(45deg);}
#cestino-svg.cestino-aperto {margin: 1rem !important; opacity: 0.5 !important; transform: rotate(90deg);}
#cestino-svg.cartacce-swing {opacity: 1 !important; transform: scaleY(0.7);}
/* Il row di Bootstrap ha 'sto inspiegabile margine negativo di 15, devo compensare riducendo il bordo dx ed affibbiando un width 100% a parete-postit */
.cestino-rovesciato {border: 4px solid #996; background-color: #bb9; border-radius: 20px; padding: 40px 10px 40px 40px;}
.cestino-rovesciato .parete-postit {width: 100%;}
.cestino-rovesciato .postit-giallo:before, .cestino-rovesciato .postit-gialla:before {border-color: #998855 #bb9 #bb9  #998855;}
.cestino-rovesciato .postit-giallo, .cestino-rovesciato .postit-gialla {opacity:0.8;}


#valle-dei-re, .valle-dei-re {display: inline-grid; grid-template-columns: auto 70px 70px;}
.mummia {cursor: pointer;}
.mummia-tomba, .mummia-sarcofago {font-family: "PT Sans Narrow";}
.mummia .inline-svg {height: 1rem; position:relative; top: -8px;}
.mummia-tomba {text-align: center;}
.mummia-sarcofago {text-align: right;}

.sezione-fornitore {margin-top: 1.4em;} 	

/* Specchietto */
.specchietto-ordini {display: flex; font-family: 'League Gothic';text-transform: uppercase; cursor: pointer;}
.specchietto-ordini .specchietto-box {width: 30%; margin-left: 2%; margin-right: 2%; text-align: center; border-radius: 6px; border-width: 4px; border-style: solid;}
.specchietto-ordini .specchietto-box .specchietto-box-titolo {font-size:16px; color: #fff; padding: 6px;}
.specchietto-ordini .specchietto-box .specchietto-box-svolgimento {font-size: 32px;  background-color: #fff; padding: 10px;}
.specchietto-box-giacenza {border-color: #306078;} .specchietto-box-giacenza .specchietto-box-titolo {background-color: #306078;}
.specchietto-box-ordinati {border-color: #307846;} .specchietto-box-ordinati .specchietto-box-titolo {background-color: #307846;}
.specchietto-box-impegnati {border-color: #783046;} .specchietto-box-impegnati .specchietto-box-titolo {background-color: #783046;}
.specchietto-box-spento {border-color: #999;} .specchietto-box-spento .specchietto-box-titolo {background-color: #999;}
.specchietto-box-spento-giacenza {border-color: #9ca8ae;} .specchietto-box-spento-giacenza .specchietto-box-titolo {background-color: #9ca8ae;}
.specchietto-box-spento-ordinati {border-color: #9eafa3;} .specchietto-box-spento-ordinati .specchietto-box-titolo {background-color: #9eafa3;}
.specchietto-box-spento-impegnati {border-color: #ac9aa0;} .specchietto-box-spento-impegnati .specchietto-box-titolo {background-color: #ac9aa0;}



/*	****************************
    *         Homepage         *
    **************************** */ 

.notibox {border-radius: 15px; border: 2px solid #999; margin-bottom: 1em;}
  .notibox .notibox-titolo {font-family: "League Spartan";  background-color: #999; width:100%; display: flex; cursor:pointer; border-top-left-radius: 13px; border-top-right-radius: 13px;}
  .notibox .notibox-numero {border-radius: 0.3em; padding: 0.65em 0.5em 0.35em 0.5em; font-size: 2em; background-color: #333; color:#fff; margin: 0.25em; width:fit-content;}
  .notibox .notibox-nome {color: #333; white-space: nowrap; font-size: 1.4em; margin-top: 1.1em;}
  .notibox .notibox-griglia {background-color: #fff; padding: 10px 15px; border-bottom-left-radius: 13px; border-bottom-right-radius: 13px;}
.notibox-concentrato .notibox-titolo {border-bottom-left-radius: 13px; border-bottom-right-radius: 13px;}
.notibox-errore {border-color: #922121;}
  .notibox-errore .notibox-numero {background-color: #922121;}
  .notibox-errore .notibox-titolo {background-color: #e9afaf;}
  .notibox-errore .notibox-nome {color: #922121;}
.notibox-notifica {border-color: #144e0f;}
  .notibox-notifica .notibox-numero {background-color: #144e0f;}
  .notibox-notifica .notibox-titolo {background-color: #a8c29e;}
  .notibox-notifica .notibox-nome {color: #144e0f;}
.notibox-lavoro {border-color: #7e5601;}
  .notibox-lavoro .notibox-numero {background-color: #7e5601;}
  .notibox-lavoro .notibox-titolo {background-color: #ebcf93;}
  .notibox-lavoro .notibox-nome {color: #7e5601;}
@media screen and (max-width: 768px) {
  .notibox {width: 100%;}}
.notiGriglia {display:inline-grid; width:100%; justify-content: space-between; justify-items: start;gap: 3px;}
.notiGriglia-ellipsis span {text-overflow: ellipsis; overflow:hidden; white-space: nowrap; font-family: "PT Sans Narrow";}
.notiGriglia-handicappato-grave span {max-width: 136px;}  /* Ellipsis non funziona se non gli dò una larghezza fissa */
.notiLink {font-weight: bold;  cursor:pointer; white-space:nowrap;}
.notibox a {color: #006699;}  /* Non notiLink, perché potrei avere celle con ancora parziale, e.g. "ordine <a>10</a> del 21-11-09" */
.notibox a:hover {color: #00929c;}
.notiBella {text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.notiCella {font-family: 'PT Sans Narrow';text-overflow: ellipsis; white-space: nowrap; overflow:hidden; max-width:100%}
.griglia-right {justify-self:end;}


/*	****************************
    *     Pagina Movimenti     *
    **************************** */ 

.matricola-damuovere {margin-top: 30px;}
.bottoniera svg {width: 40px; height:40px; margin-top:25px; cursor:pointer; opacity: 0.4;}
.bottoniera img {width: 40px; height:40px; margin-top:25px; cursor:pointer; opacity: 0.4;} /* Ridondante per quel secondo prima che sia convertito in svg */
.bottoniera svg:hover {opacity: 1;}
.bottoniera img:hover {opacity: 1;}
.formicona {display: flex;flex-direction:row; flex-wrap: nowrap;}
aside.formicona-icone {display:flex; flex-direction:column; flex-grow:1}
.formisvg {padding-top:1em; }
.formicona-main {padding:1em; border-width: 0.2em; padding:2em;border-radius:1em; background-color:#eee; border-style:solid;}
.formicona-flex-3 {flex-grow:3;}
.formicona-main-nuovo {border-color: #307846; /* background-color: #f8fcf9; */}
.formicona-main-rettifica {border-color: #783046; /* background-color:#fceef3;*/}
.formicona-main-neutral {border-color: #306078; background-color:#eee;}
.formicona-main-virtuale {border-style: dashed; background-color:#ddd;}
/*obsoleto*/ .formicona-main-doku {border-color: #786b30; background-color:#f4f0e2;}
.formicona-main-ordine {background-color:#e8d9f9;}
.formicona-main-movimento {background-color:#fff;}
.formicona-main-preventivo {background-color:#f0f7bf;}
/*obsoleto*/ .formi-titolo-doku {color: #786b30;}
.formi-titolo-nuovo {color: #307846;}
.formi-titolo-rettifica {color: #783046;}
#dozzina-dad, #target-dozzina {width: 100%}
#dozzina {flex-grow:1} /* Con modifiche di Ottobre 2021, compare vuota per un secondo e non voglio che sia spessa un cm ogni volta */
.flow-workshop .autosospeso {display:none;}

#fornitori-master {background-image: url('../svg/icon_farfalle.svg'); background-repeat:no-repeat; background-position: 70% 20%;}
.fine-delle-righe {display:flex; margin-top: 50px; justify-content: center;}
.fine-delle-righe button {flex: 0 1 0; min-width:20%}
.bottone-accessorio {margin-left: 15px;}
.cella-inerme {border: #999 2px solid;}
.cella-incerta {border: #306078 2px solid;}
.cella-pioniera {border: #307846 2px solid;}
.cella-perniciosa {border: #783046 2px solid;}
.premessa-movimento {position:relative;}
.premessa-movimento b {
    display: block;
    position: absolute;
    bottom: 25px;
    right: 15px;}
#frighimucche {height: 50px;}
#blocco-discendenza {margin-bottom: 10px;}
#chiusura-discendenza p {display: inline; color: #a00; font-weight: bold; margin-left: 20px; padding-top:3px;}
#chiusura-discendenza img.inline-svg {width: 3rem;height:3rem; margin-left:-10px; margin-right:-25px;}

/* .note-matricola-damuovere {} */
.riga-appunto-grande {height: 3.8rem !important;}
.finale-apice, .finale-pendice {margin-top: 21px;}
#etichetta-lastmov {font-family: "PT Sans Narrow";}
.riga-lavorazione select, .riga-lavorazione input {border-width: 2px;}

/* Officina */
.officin {background-color: #cceeff;}
.officiout {background-color: #eeccff;}

/* Sospesi */
.sospensorio {margin-top: 12px;}
.sospensorio p {margin-top: 5px;}

/* Specchietto validazione/giacenza */
.griglia-giacenza {display: grid; grid-template-columns: auto 30px 30px; column-gap: 15px;}
/* .s-chiuso {} */
/* .s-aperto {} */

/* Nuovo specchietto documenti 2021 */
.doku-ordine-fornitore {border-color: #b33d64;}
.doku-ordine-cliente {border-color: #883db3;}
.doku-acquisto {border-color: #b3b3b3;}
.doku-bolla, .doku-vendita {border-color: #418fbe;}
.doku-preventivo {border-color: #349855;}
.doku-ordine-fornitore .forni-titolo {color: #b33d64;}
.doku-ordine-cliente .forni-titolo {color: #883db3;}
.doku-acquisto .forni-titolo {color: #b3b3b3;}
.doku-vendita .forni-titolo {color: #418fbe;}
.doku-preventivo .forni-titolo {color: #349855;}
.bg-ordine-fornitore {background-color: #edc9d5;}
.bg-ordine-cliente {background-color: #dec7ec;}
.bg-acquisto {background-color: #e2e2e2;}
.bg-bolla, .bg-vendita {background-color: #d3e5f0;}
.bg-preventivo {background-color: #ceeed9;}
.refbox-ordine-fornitore, .refbox-ordine-cliente, .refbox-acquisto, .refbox-preventivo,  .refbox-bolla, .refbox-vendita {
  border-radius: 10px; padding:20px; border-width: 3px; border-style: solid; width: 100%;}
.refbox-ordine-fornitore, .doku-acquisto .riferimento-colorato {background-color: #edc9d5; border-color: #b33d64;}
.refbox-ordine-cliente, .doku-bolla .riferimento-colorato, .doku-vendita .riferimento-colorato  {background-color: #dec7ec; border-color: #883db3;}
.refbox-acquisto {background-color: #e2e2e2;border-color: #b3b3b3;}
.refbox-bolla, .refbox-vendita {background-color: #d3e5f0;border-color: #418fbe;}
.refbox-preventivo, .doku-ordine-cliente .riferimento-colorato {background-color: #ceeed9; border-color: #349855;}
#d-bottone-chiudi-box img {width: 4rem; height:4rem; margin-top:1rem;}
select#d-riferimento {font-family: "PT Sans Narrow";}
.lente-ingrandimento .btn {padding: .25rem .5rem}

/* Ricerca movimenti 2022 */
.ricerca-spekkio-movimento {background-color: #d3e5f0;border-color: #418fbe;}
.ricerca-spekkio-ordine {background-color: #dec7ec; border-color: #883db3;}     /* Uso ordine cliente, perché va verso il viola ed è più distinto dalla causale che può essere rossa */
.ricerca-spekkio-preventivo {background-color: #ceeed9; border-color: #349855;}
.ricerca-spekkio-virtuale {background-color: #eeeeee; border-color: #cccccc;}

/* Titoli 2023 */
.altrinomi {margin-top:0;}



/*	****************************
	  *         Ordini           *
    **************************** */ 

/* Classi riga */
.menta {background-color: #ccffdd;}
.arancio {background-color: #ffddbb;}
.rosso {background-color: #ffcccc;}
.paonazzo {background-color: #ff99cc;}
.grigio {background-color: #eeeeee;}

/* Ordini cliente */
.dettaglio-box-inline-q {
  margin-top: 1rem; margin-bottom: 1rem; 
  padding: 20px; border-radius: 12px;
  background-color: #ffffff;}
.sottotitolo-q, .suffisso-q {font-family: "PT Sans";}
.box-q h3 {font-family: 'PT Sans'; font-weight:bold; font-size: 1.3em; margin-top: 0.5rem;}
.suffisso-q {margin-top: 1rem;}
.tabella-q .griglia-generica span {align-items: center;}



/*	****************************
	  *         Veicoli          *
    **************************** */ 

.dettagli-veicolo dl {margin-bottom:0 !important;}

/* .galleria-dumper {} */
.galleria-dumper .galleria-image-wrapper { width: 100%;  padding-top: 75%;   position: relative; }
.galleria-dumper a, .galleria-dumper .galleria-image-babywrapper {display:block; position:absolute; top: 0;  left: 0;  bottom: 0;  right: 0;}
.galleria-dumper img, .galleria-dumper .galleria-image-babby  {width:100%; height: 100%; border: 1px solid #999; object-fit: cover;}
.galleria-image-babby {background-color: #444; color: #eee; font-family: 'League Spartan'; font-size: 28pt; cursor: pointer; padding-top: 20pt; padding-left: 6px;}
.galleria-dumper-foto {padding-left: 5px !important; padding-right: 5px !important;}
.galleria-dumper-copertina {padding-right: 5px !important; padding-bottom: 10px !important;}

.pag-dumptrucks .tabella-commesse {margin-bottom: 1.5em;}

.pag-um .grafica-target img {max-height: 98vh; width: auto; max-width:100%;}

.catafuzzy {display: inline-grid; width:100%; grid-template-columns: minmax(80px,max-content) minmax(135px,max-content) auto; column-gap:'4px';}
.manfuzzy {display: inline-grid; width:100%; grid-template-columns: minmax(90px,max-content) 35px auto; column-gap:'4px';}
a.fuzzy-serie {font-weight: bold;}
span.fuzzy-serie {color: #999; font-weight: bold;}
.fuzzy-stato {font-family: 'PT Sans Narrow';}
.fuzzy-manipotetico {color: #990;}



/*	****************************
	  *        Personale         *
    **************************** */ 

.personale-metadati {display: grid; grid-template-columns: 1fr 1fr; font-family: "PT Sans Narrow"; column-gap: 0.5rem;}
.personale-metadati span.metadati-titolo {text-align:right; font-weight:bold;}
.personale-metadati span.metadati-sostanza {text-align:left;}
.personale-errori-riga {font-family: "PT Sans Narrow";font-size:0.9rem;}



/*	****************************
	  *         Commesse         *
    **************************** */ 


.schemone-lista {font-family: "PT Sans Narrow"; list-style: none; padding-inline-start: 15px;}
.schemone-lista li {
  text-overflow: ellipsis;
  overflow: hidden; 
  white-space: nowrap;
}

ul.elenco-autorizzazioni {font-family: "PT Sans Narrow"; list-style: none; padding-inline-start: 15px;}
.permesso-inline {display: inline-grid; grid-template-columns: 2fr 3fr 2fr min-content; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:100%;}
.permesso-inline .inline-svg {position:relative; top:-4px;}
.dettagli-permesso {background-color: #ddd; padding: 20px; margin-top: 10px; border-radius: 10px;}

/*
{display:block; width: 100%; overflow:auto; box-sizing: border-box;  resize: horizontal;} */

/* Consuntivo */
.consuntivo-commessa {
  width: 100%;
  display: inline-grid;
  grid-template-columns: 
    [causale] minmax(max-content, 1fr) 
    [quanti]  minmax(max-content, 1fr)
    [descra]  minmax(200px, 4fr) 
    [spese]   minmax(max-content, 3fr) 
    [ricavi]  minmax(max-content, 3fr)
    [somma]   minmax(max-content, 3fr) [fine];
  justify-content: stretch;
  padding: 0 0.75rem;}

.con-quanti {text-align: right; padding-left: 0.75rem; padding-right: 0.5rem}
.con-ricavo,.con-spesa,.con-somma {display: inline-flex; padding-left: 1.5rem;}
.consuntivo-commessa .right-indent {padding-left: 6px;}
.con-altright {justify-content: right;}

.con-guadagno {color: #008000;}
.con-perdita {color: #990000;}
.con-muto {color: #999;}

.con-th {   /*emula stile titoli tabella bootstrap sottostanti */
  font-weight: bold;
  font-family: "PT Sans Narrow";
  padding-top: 0.75rem; padding-bottom: 0.75rem; margin-bottom:0.5rem;
  border-bottom: 2px solid rgb(222, 226, 230);
  border-top: 1px solid rgb(222, 226, 230);}  
.con-totale {
  padding-top: 0.75rem; padding-bottom: 0.75rem; margin-top:0.5rem;
  border-top: 1px solid rgb(222, 226, 230);
  border-bottom: 1px solid rgb(222, 226, 230);}
.con-cluster {font-family: "PT Sans"; cursor: pointer;}
.con-clustered {opacity: 0.7;}

/* Esportazione commesse */
#conteggi-naviga::-webkit-scrollbar {
  display: none;}

#conteggi-naviga {
  top: 0;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  position:sticky;
  overflow-y:scroll;}

.concom-dafare h3 {
  color: #06a;}
.concom-fatta h3 {color: #999;}

.esporta-commessa h4 {margin-top: 0.3em; margin-bottom:1em;}

.aside-modifica-commessa {
  background-color: #FFFFFF;
  display:flex;
  padding:15px;
  border-radius: 8px;
  min-height: 1rem;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;}

.showhide-modifica-commessa .inline-svg {cursor: pointer;}

.concom-tabella {
  padding-left: 20px;
  padding-right: 20px;}

.concom-tabella .apogeo, .concom-tabella .perineo {
  display: inline-grid;
  grid-template-columns: 4fr 4fr 3fr 1fr 1fr 3fr;
  width: 100%;
  grid-column-gap: 7px;} 

.concom-euro {text-align: right;}
.concom-somma {text-align: right;}
.concom-quanti {text-align: right;}

.concom-tabella .perineo {
  color: #999;
  border-top: 3px solid #ccc;
  margin-top: 10px;
  padding-top: 10px;}

.concom-tabella .perineo-isolato {
  border-top: unset;
  margin-top: unset;
  padding-top: unset;}

.concom-footer {
  display: flex;
  padding-top: 1em;
  padding-bottom: 2em;
  padding-right: 20px;
}

/* Esportazione fatture ed altro fritturazione */
.fatcommessa, .fatbolla, .fatfrittura {
  padding: 15px;
  border-radius: 5px;
  margin-top: 12px;}
.fatcommessa, .fatbolla {
  background-color: #fff;}
.fatfrittura-friggi {
  background-color: #def;}
.fatfrittura-scarta {
  background-color: #fde;}
.fatfrittura-scarta .solofriggi {display:none;}
.fatfrittura-friggi .soloscarta {display:none !important;}
.fatcommessa .aside-modifica-commessa {
  border: 2px solid #ccc;}
.fatcommessa-titolo {font-weight: bold; font-size: 1.2rem;}
.fatcommessa-sottotitolo {margin-bottom:10px; margin-top:-2px;}
.fatcommessa .inline-svg-small, .fatbolla .inline-svg-small {position:relative; top:-5px;}
.fatfrittura-totali-grid {display: inline-grid; width:100%; grid-template-columns: 11fr 12px minmax(150px,3fr); margin-bottom:0;}
.transgender {transition: opacity 1s;}
.fatmodificabile {font-weight: bold;}
.fatmodificabile:hover {cursor: pointer;}
.fatmodificabile.modificabile-originale {color: #049;}
.fatmodificabile.modificabile-alterata {color: #626;}



/*	****************************
	  *        E-Commerce        *
    **************************** */ 

/* Homepage */
    .h-colonna h1 {color: #9fb6c2; margin-left: -3rem;}
    .h-colonna h1 img {display:inline; width: 6rem; margin-right: 0.5rem;}
    .h-intercolonna {display:grid;grid-template-columns: 4rem auto; padding: 10px; border-left: solid 4px #9fb6c2; grid-column-gap: 0.5rem; grid-row-gap: 0.7rem;}
    .h-intercolonna .h-ic-li {padding-top: 0.5rem;}
    .h-intercolonna img.h-ic-svg {width: 3.5rem;}
    .intercolonna-nested {margin-bottom:0;}
/* Ricerca */
    .bottoniera-ricercante {text-align:center; margin-bottom: 1.5rem;}
/* Box +/- in spotlight cliente */
    .box-piumeno {height: 1rem; width: 4rem; text-align: center;}
    .box-piumeno .input-group-prepend, .box-piumeno .input-group-append {color: #fff; font-family: "League Spartan"; height: 40px;}
    .box-piumeno .input-group-prepend span, .box-piumeno .input-group-append span {color: #fff; font-family: "League Spartan"; cursor:pointer;}
    .box-piumeno .input-group-prepend span {background-color: #c33;}
    .box-piumeno .input-group-prepend span:hover {background-color: #f63;}
    .box-piumeno .input-group-append span {background-color: #360;}
    .box-piumeno .input-group-append span:hover {background-color: #690;}
    .box-piumeno  input {text-align: center; height: 40px; font-size: 1.2rem;}



/*	****************************
	  *      Piano acquisti      *
    **************************** */ 

.scheda-acquisti { border: 4px solid #86a; background-color: #edf; border-radius: 10px; padding:20px; margin-top: 20px;}
.pag-maga .scheda-acquisti {margin-bottom: 20px;}
.pag-maga .scheda-acquisti legend {display:none;}
.scheda-acquisti .box-esigenza {
  text-align: center; font-size: 32px; font-family: 'League Gothic';
  border-radius: 5px; border: 4px solid #666; 
  background-color:#ccc; cursor:pointer;  
  padding: 10px; padding-top:14px;}
.scheda-acquisti .paragrafo-esigenza {
  font-family: "League Gothic"; text-transform: uppercase;
  display: flex; justify-content: space-between;
  margin-top: 0; margin-bottom: 0;}
/* .scheda-acquisti-blank {} */
.scheda-acquisti-blank .testo-colorato {color: #666666;} 
.scheda-acquisti-fanculo .box-esigenza {background-color: #ffccff; border-color: #8811bb;}
.scheda-acquisti-fanculo .testo-colorato {color: #8811bb;}
.scheda-acquisti-ok .box-esigenza {background-color: #ddffdd; border-color: #119922;}
.scheda-acquisti-ok .testo-colorato {color: #119922;}
.scheda-acquisti-maybe .box-esigenza {background-color: #ffffdd; border-color: #999911;}
.scheda-acquisti-maybe .testo-colorato {color: #999911; }
.scheda-acquisti-need .box-esigenza  {background-color: #ffddcc; border-color: #bb4411;}
.scheda-acquisti-need .testo-colorato  {color: #bb4411;}
.scheda-acquisti-urgent .box-esigenza  {background-color: #ffcccc; border-color: #bb1111;}
.scheda-acquisti-urgent .testo-colorato  {color: #bb1111;}
.scheda-acquisti legend {width:fit-content; border-radius: 5px; border: 4px solid #666; 
  background-color:#666; cursor:pointer;  
  padding: 10px;}
.sa-title {font-family: "League Spartan"; color: #ffe; }
.sa-subtitle {color: #ddc; padding-left: 10px;}
.scheda-acquisti .blocco-val {font-family: "PT Sans Narrow"}
.scheda-acquisti .blocco-val .sa-flex {display: flex; justify-content: space-between;}
.scheda-acquisti .blocco-val p {margin-bottom: 0;}
.scheda-acquisti .blocco-val .bigp {margin-bottom: 12px;}
.scheda-acquisti .blocco-val p.numo {font-family: "PT Sans"; margin-left:auto;}
.sa-box-calc {font-family: 'League Gothic'; font-size: 24px; text-transform:uppercase;}
.sa-tabella-forni td {padding: unset;}
.sa-forno-reale .sa-forno-numov {font-weight: bold;}
.sa-forno-vivente .sa-forno-frigo {font-weight: bold;}
.sa-forno-virtuale {opacity: 0.7;}
.sa-forno-defunto {color: #9922cc;}
.sa-complex {display:none;}

.color-blank {color: #666666;} 
.color-fanculo {color: #8811bb;}
.color-ok {color: #119922;}
.color-maybe {color: #999911; }
.color-need {color: #bb4411;}
.color-urgent {color: #bb1111;}


/*	****************************
	  * Simulatori Bootstrap 5+  *
    **************************** */ 

.opacity-100 {opacity: 1;}
.opacity-75 {opacity: 0.75;}
.opacity-50 {opacity: 0.5;}
.opacity-25 {opacity: 0.25;}



/*	****************************
	  * Banali e semplici colori *
    **************************** */ 

.magacol-nuovo {color: #808080;}
.magacol-alternativo {color: #1f9f9b;}
.magacol-ricondizionato-pronto {color: #9da200;}
.magacol-da-ricondizionare {color: #6d4092;}
.magacol-ricondizionato {color: #439d1c;}
.magacol-cliente {color: #cc6f00;}
.magacol-campione {color: #bb0000;}


	
/*	****************************
	  * Vestigiali e da smistare *
    **************************** */ 

	
/* Pagine smistamento */
.gran-bottone {
	text-align: left;
	font-family: 'League Spartan';
	display: inline-block;
	min-height: 60px;
	margin-top: 20px;
}	

.gran-bottone svg {
	height:50px;
	width: 50px;}

.gran-bottone svg path, .gran-bottone svg rect  {
	fill: #ffffff !important;}	

/* Pagina cataloghi */
#p_tavola {
	font-family: "Courier";
	font-size: 12px; }	
	
.cat-afronte {margin-top: 50px; page-break-before: always;}
.cat-afronte-imgdiv {page-break-before: always;}
.cat-afronte-imgdiv img {width:100%;}
.cat-afronte-tabdiv {page-break-before: always;}

.griglia-catalogo {display: inline-grid; grid-template-columns: max-content auto; column-gap: 7px; font-family: 'PT Sans Narrow'}
.rigacat-full {color: #007bff; font-weight:bold;}
.rigacat-scan {color: #6622bb; font-weight: bold;}
.rigacat-notav {color: #007bff;}
.rigacat-nopezzi {color: #6622bb;}
.rigacat-vuoto {color: #666666;} /* Ipotetico */

.manuale-esiste {color: #000;}
.manuale-notav {color: #6622bb;}
.manuale-dafare {color: #6622bb; font-style:italic;}
.manuale-manca {color: #882200; font-style:italic;}
.manuale-kadaver {color: #882200; font-style:italic;}

.about-catalogo {font-family: 'PT Sans Narrow'; font-size: 0.9rem;}
.about-catalogo-kadaver {color: #882200;}
.about-catalogo-manca {color: #882200;}
.about-catalogo-dafare {color: #6622bb;}



/* Colori */
.ok {color: #008000;}
.neutral {color: #ec7e00;}
.true-neutral {color: #ec7e00;} /* Perché conta gli elementi neutral per vedere se mancano giacenze */
.caothic-neutral {color: #ec7e00;} /* Perché ho provato ad usare true-neutral e vien fuori che controlla anche quella per le giacenze dio can */
.wrong {color: #cc0000;}
.brick {color: #990000;}

.sienna {color: #cc6633;}
.steel {color: #0066aa;}
.steel-lucy {color: #3399dd;}
.greensteel {color: #07723c;}
.greensteel-lucy {color: #3aa56f;}
.steel-stained {color: #883377;}
.steel-stained-lucy {color: #bb66aa;}
.steel-rusted {color: #ff99cc;}

.doc-bolla {color: #418fbe;}
.doc-ordine-cliente {color: #883db3;}
.doc-ordine-fornitore {color: #b33d64;}
.doc-fattura {color: #418fbe;}
.doc-preventivo {color: #349855;}
.doc-richiesta {color: #349855;}
.doc-cancellato {color: #b33d64;}

/* Colori da pittore "ufficiali" */

.diossazina {color: #5c3a93;}
.bordeaux {color: #6f2c4f;}
.prussia {color: #135f6b;}
.cromo {color: #507d2a;}
.vescica {color: #305d1a;}
.ocra-rossa {color: #a63624}
.orca-gialla {color: #daa520}
.ombra-bruciata {color: #792d20}
.ombra-naturale {color: #826644}
.grafite {color: #667;}


/*	*****************************
	* Animazione di caricamento *
    ***************************** */
	
@keyframes lds-wedges {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes lds-wedges {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.lds-wedges {
  position: relative;
}
.lds-wedges > div > div {
  -webkit-transform-origin: 100px 100px;
  transform-origin: 100px 100px;
  -webkit-animation: lds-wedges 3s linear infinite;
  animation: lds-wedges 3s linear infinite;
  opacity: 0.8;
}
.lds-wedges > div > div > div {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 80px;
  height: 80px;
  border-radius: 80px 0 0 0;
  -webkit-transform-origin: 100px 100px;
  transform-origin: 100px 100px;
}
.lds-wedges > div div:nth-child(1) > div {
  background: #c7dce2;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.lds-wedges > div div:nth-child(1) {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
.lds-wedges > div div:nth-child(2) > div {
  background: #5babc1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.lds-wedges > div div:nth-child(2) {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.lds-wedges > div div:nth-child(3) > div {
  background: #8ec1ca;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.lds-wedges > div div:nth-child(3) {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.lds-wedges > div div:nth-child(4) > div {
  background: #cce4e6;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.lds-wedges > div div:nth-child(4) {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
.lds-wedges {
  width: 200px !important;
  height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

/* Animazioni mie */
@keyframes opacitaLampeggiante {
  0% { opacity: 0.2; }
  100% { opacity: 0.7; }}
.opacita-lampeggiante {
    animation: opacitaLampeggiante 1000ms ease-in-out infinite;
  }


/* CSS DEEPFREEZE */

/* Colori */

.collusion {color: #c87c38}
.corruption {color: #c8bf37}
.cronyism {color: #8cc837}
.sensationalism {color: #37c88c}
.clickbait {color: #37c88c}
.dishonesty {color: #bf37c8}
.harassment {color: #c8376a}
.intimidation {color: #c8376a}
.blacklisting {color: #7b37c8}
.censorship {color: #7b37c8}
.trivia {color: #379dc8}


	
/* Punteggi */

.bignumber {
    font-family: "League Spartan";
    font-size: 40px;}

.picnumber {position:relative;}
.picnumber p {position:  absolute; bottom: 0; right: 0; z-index: 1; 
             text-align: center; color: #fff; font-family: "League Spartan"; 
             padding: 0; margin:0; 
             border-top-left-radius: 10px; border-bottom-right-radius: 10px; line-height:1.7em !important; }
.picnumber img {margin: 0 ; padding: 0; position: absolute; bottom: 0; right: 0; border-width: 4px;}

.bn-0   {color: #427f21;}
.bn-1   {color: #7f851b;}
.bn-2   {color: #888218;}
.bn-3   {color: #8c7714;}
.bn-4   {color: #8f6b11;}
.bn-5   {color: #925c0e;}
.bn-6   {color: #954c0b;}
.bn-7   {color: #973c09;}
.bn-8   {color: #a22f08;}
.bn-9   {color: #9a1706;}
.bn-10  {color: #9c0404;}
.bn-11  {color: #9e0202;}
.bn-12  {color: #b40000;}
.bn-keter {color: #b40000;}

.bnc-clean {color: #427f21;}
.bnc-dirty {color: #b40000;}
.bnc-many {color: #7f851b;}
.bnc-partial {color: #8c7714;}
.bnc-few {color: #925c0e;}
.bnc-zero {color: #777777;}


.bn-bg-0   {background-color: #427f21;}
.bn-bg-1   {background-color: #7f851b;}
.bn-bg-2   {background-color: #888218;}
.bn-bg-3   {background-color: #8c7714;}
.bn-bg-4   {background-color: #8f6b11;}
.bn-bg-5   {background-color: #925c0e;}
.bn-bg-6   {background-color: #954c0b;}
.bn-bg-7   {background-color: #973c09;}
.bn-bg-8   {background-color: #a22f08;}
.bn-bg-9   {background-color: #9a1706;}
.bn-bg-10  {background-color: #9c0404;}
.bn-bg-11  {background-color: #9e0202;}
.bn-bg-12  {background-color: #b40000;}
.bn-bg-keter {background-color: #b40000;}

.bn-bd-0   {border-color: #427f21;}
.bn-bd-1   {border-color: #7f851b;}
.bn-bd-2   {border-color: #888218;}
.bn-bd-3   {border-color: #8c7714;}
.bn-bd-4   {border-color: #8f6b11;}
.bn-bd-5   {border-color: #925c0e;}
.bn-bd-6   {border-color: #954c0b;}
.bn-bd-7   {border-color: #973c09;}
.bn-bd-8   {border-color: #a22f08;}
.bn-bd-9   {border-color: #9a1706;}
.bn-bd-10  {border-color: #9c0404;}
.bn-bd-11  {border-color: #9e0202;}
.bn-bd-12  {border-color: #b40000;}
.bn-bd-keter {border-color: #b40000;}

.bv-0   {color: #4fa800;}
.bv-1   {color: #61a400;}
.bv-2   {color: #71a000;}
.bv-3   {color: #87a400;}
.bv-4   {color: #9ea800;}
.bv-5   {color: #aca100;}
.bv-6   {color: #b09100;}
.bv-7   {color: #b47f00;}
.bv-8   {color: #b46a00;}
.bv-9   {color: #b45500;}
.bv-10  {color: #b44000;}
.bv-11  {color: #b42a00;}
.bv-12  {color: #b41500;}
.bv-keter {color: #b40000;}

		
/* Sfondi (il culo) */

.grey {background-color: rgb(220, 220, 220);}
.grey_light {background-color: rgb(240, 240, 240);}
.grey_dark {background-color: rgb(160, 160, 160);}
.pink {background-color: rgb(255, 210, 210);}
.pink_light {background-color: rgb(255, 235, 235);}
.pink_dark {background-color: rgb(255, 140, 140);}
.emerald {background-color: rgb(179, 219, 179);}
.emerald_light {background-color: rgb(215, 245, 215);}
.emerald_dark {background-color: rgb(102, 182, 102);}
.topaz {background-color: rgb(238, 238, 149);}
.topaz_light {background-color: rgb(250, 250, 193);}
.topaz_dark {background-color: rgb(186, 186, 111);}
.purple {background-color: rgb(245, 210, 230);}
.purple_light {background-color: rgb(255, 230, 250);}
.purple_dark {background-color: rgb(235, 140, 200);}


.orange {background-color: rgb(255, 217, 144);}
.orange_dark {background-color: rgb(250, 190, 80);}
.purple {background-color: rgb(245, 210, 230);}
.purple_dark {background-color: rgb(235, 140, 200);}
.blue {background-color: rgb(200, 230, 255);}
.blue_dark {background-color: rgb(150, 200, 235);}
.red {background-color: rgb(255, 220, 220);}
.red_dark {background-color: rgb(255, 110, 110);}
.grass {background-color: rgb(216, 231, 179);}
.grass_dark {background-color: rgb(173, 206, 85) ;}

.f95   {background-color: #00a80c;}
.f90   {background-color: #1ba400;}
.f85   {background-color: #38a000;}
.f80   {background-color: #59a400;}
.f75   {background-color: #7ba800;}
.f70   {background-color: #96ac00;}
.f65   {background-color: #b0ae00;}
.f60   {background-color: #b49800;}
.f55   {background-color: #b47f00;}
.f50   {background-color: #b46600;}
.f45   {background-color: #b44c00;}
.f40   {background-color: #b43300;}
.f35   {background-color: #b41900;}
.f30   {background-color: #b40000;}

.e95   {color: #00a80c;}
.e90   {color: #1ba400;}
.e85   {color: #38a000;}
.e80   {color: #59a400;}
.e75   {color: #7ba800;}
.e70   {color: #96ac00;}
.e65   {color: #b0ae00;}
.e60   {color: #b49800;}
.e55   {color: #b47f00;}
.e50   {color: #b46600;}
.e45   {color: #b44c00;}
.e40   {color: #b43300;}
.e35   {color: #b41900;}
.e30   {color: #b40000;}