@media print{    
    .contPreventivo .dato{
        font-size:6px !important;
    	}
    .contPreventivo .dato.vaM{
        font-size:15px !important;
    	}
    .dato .numColl{
        font-size:5px !important;
    	}
    .stampa{
		font-size: 10px;
		}
	}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}

html, body 	{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	color:#222;
	background: #fff;
	margin:0px;
	height:100%;
	width:100%;
	position:relative;
	}
.contenitore100-header{
	box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:100%;
	background:#fff;
	padding-top:10px;
	padding-bottom:10px;
	color:#aaa;
	position:fixed;
	z-index:100;
	}
a.logo:link{
	font-size:#12px;
	position:absolute;
	margin:0px 0px 0px -130px;
	left:0px;
	top:0px;
	color:#000;
	}
a.logo:hover{color:#000;}
a.logo:visited{color:#000;}
a.logo:active{color:#000;}
.preInsert a:link{
	color:#fff;
	}
.preInsert a:visited{
	color:#fff;
	}
.divLightbox a.tdn{
	text-decoration: none;
	}
div{
	position:relative;
	}

.logoTop{
	height:68px;
	
	}
.scrittaTop{
	width:90px;
	margin: -8px 0px 0px -5px;
	}
.smallLoader{
	display:none;
	height: 95px;
	width: 120px;
	align-items: center;
	justify-content: center;
	}	
	
.contenitore-header{
	margin: 0 auto;
	width:1000px;
	height:100%;	
	position:relative;
}
.contenitore100-header .opzione-header-blac,
.contenitore100-header .opzione-header{
	text-transform: uppercase;
	text-align:center;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:30px;
	line-height:30px;
	color:#aaa;
	z-index:989;
	overflow: hidden;
	height: 50px;
	width: 50px;
	box-shadow: 2px 1px 3px  #ccc;
	border-radius: 10px;
	margin-right: 3px;
	background-color:#fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
	}
.contenitore100-header .opzione-header-blac{
	background: linear-gradient(to right, #FF4B2B, #FF416C);
	color:#fff;
	}

.contenitore100-header A:hover .opzione-header-blac{
	background:linear-gradient(to right, #444, #666);
	}
.contenitore100-header A:hover .opzione-header{
	color:#fff !important;
	background-color:#ccc;
	}
.contenitore100-header A span{
	border-bottom:0px;
	display:block;
	font-size:12px;
 	text-transform: capitalize;
   }
.contenitore100-header A:hover span{
	text-decoration:underline;
	}
.listaTopMenu{
	display: inline-flex;
	justify-content: space-around;
	width: calc(100% - 100px);
	}
.listaTopMenu A{
	display:inline-flex;
	flex-direction:column;
	align-items: center;
	}
.listaRightMenu A{
	display:inline-flex;
	flex-direction:row;
	align-items: center;
	justify-content: start;
	margin-bottom:10px;
	}
.listaRightMenu A span:nth-child(2){
	width:70%;
	margin-left: 10%;
	font-size: 16px;
	}
.menuLaterale .opzione-header{
	}

.menuLaterale .opzione-header-blac span,
.menuLaterale .opzione-header span{
	vertical-align: middle;
	display: inline-block;
	line-height: normal;
	text-align: center; 
	font-size: 12px;
	text-transform: uppercase;
	border: 0px;
	margin-left:40px;
	}
.menuLaterale .opzione-header-blac:hover .page,
.menuLaterale .opzione-header:hover .page{
	border-bottom:1px solid #666;
	}

	
	
	
	
.opzione-headerOLD:hover span{
	margin-top:-5px;
	border-bottom:5px solid #000;
    -webkit-border-image: -webkit-radial-gradient(top, rgba(0, 0, 0, .75), rgba(0, 0, 0, 0) 70%) 0 50% 100% 0;
    -moz-border-image: -moz-radial-gradient(top, rgba(0, 0, 0, .75), rgba(0, 0, 0, 0) 70%) 0 50% 100% 0;
    -ms-border-image: -ms-radial-gradient(top, rgba(0, 0, 0, .75), rgba(0, 0, 0, 0) 70%) 0 50% 100% 0;
    -o-border-image: -o-radial-gradient(top, rgba(0, 0, 0, .75), rgba(0, 0, 0, 0) 70%) 0 50% 100% 0;
    border-image: radial-gradient(top, rgba(0, 0, 0, .75), rgba(0, 0, 0, 0) 70%) 0 50% 100% 0;
   	}

.menuLaterale{
	position:fixed;
	top:0px;
	right:0px;
	margin-right:-320px;
	text-align:center;
	width:320px;
	z-index:20;
	height:100%;
	overflow:auto;
	background-color:#f3f3f3;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
	}
.menuLaterale .chiudi{
	position:absolute;
	}
.menuLaterale .logo{
	position:absolute;
	width:100%;
	min-height:180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index:1;
	}
.menuLaterale .ragSoc{
	position:relative;
	display: inline-block;
	margin:154px 0px 0px 0px ;
	border-radius:100px;
	background-color:#fff;
	border:1px solid #eee;
	min-height:50px;
	width:280px;
	z-index:2;
	line-height: 20px;
	box-sizing:border-box;
	padding:15px;
	}
.menuLaterale .listaRightMenu{
	margin-top:30px;
	text-align:left;
	box-sizing:border-box;
	padding:0px 15px;
	display:flex;
	flex-direction:column;
	}
	

.sottMenu{
	position: fixed;
	top: 88px;
	height: 30px;
	background-color: var(--coloSemiTran);
	left: 0px;
	width: 100%;
	display: flex;	
	justify-content: center;
	transform:translateY(-100%);
	z-index: 99;
    transition: all 500ms ease-in-out;
	}
.barrClie{
	position: fixed;
	top: 3px;
	right: 3px;
	display: flex;
	justify-content: center;
	z-index: 99;
	left: 3px;
	background-color: #983493aa;
	}
.sottMenu .inseSottMenu{
	width: 1000px;
	height: 100%;
	display: flex;
	}
.sottMenu .contPuls{
	width: calc(100% - 120px);
	height: 100%;
	display: flex;	
	justify-content: left;
	align-items: center;
	}
.sottMenu .contSalv{
	width: 120px;
	height: 100%;
	display: flex;
	justify-content: left;
	align-items: center;
	}
.barrClie .pulsSmal,
.sottMenu .pulsSmal{
	background-color: var(--color);
	color: #fff;
	border: 1px solid #fff;
	box-sizing: border-box;
	width: 50px;
	height: 26px;
	margin-right:7px;
	border-radius:3px;
	cursor:pointer;
    transition: all 500ms ease-in-out;
	display: flex;	
	justify-content: center;
	align-items: center;
	}
.barrClie .pulsSmal{
	background-color: #983493;
	}

.barrClie .inpuSmal:hover,
.sottMenu .pulsSmal:hover{
	background-color:#bbb;
	}
.sottMenu .inpuSmal{
	margin-right:7px;
	height: 26px;
	background-color: var(--color);
	width: 110px;
	min-width: initial;
	text-align: center;
	padding: 0;
	}


A:link 		{text-decoration: none; color:#666;}
A:visited 	{text-decoration: none; color:#666;}
A:active 	{text-decoration: none; color:#666;}
A:hover 	{text-decoration: none; color:#666;}

input[type='search'],
input[type='text']{
	text-align: left;
	font-size:14px;
	color:#666;
	-moz-border-radius:3px; 
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	border-radius: 3px;
	background:#ffffff; 
	border: 1px solid  #aaa; 
	box-shadow: 0 0 0px 1000px #fff inset;						
	padding:2px;
	width:100%;
	height:30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:15px;
	position: relative;
	}
input[type='text'][readonly='true']{
	box-shadow: 0 0 0px 1000px #ddd inset;						
	border: 0px solid  #b1b1b1; 
	}
input[type='checkbox']{
	font-size: 22px;
	}
.contInpLog{
	overflow: hidden;
	margin:0px 20px 20px;
	box-sizing:border-box;
	position:relative;
	min-height: 34px;
	max-height:140px;
	background: #fff;
    border-radius: 3px;
	}	
.contInpLog input[type='text']{
	border: 0px;
	padding: 10px;
	padding-left:10px;
	font-size: 12px;
	color: #000;
	box-shadow: none;	
	width:auto;
	height:auto;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	left: 0px;
	right: 0px;
	margin: 0px;
	}
textarea,
div.textarea{
	text-align: left;
	font-size: 14px;
	color: #666;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background: #ffffff;
	border: 1px solid #aaa;
	box-shadow: 0 0 0px 1000px #fff inset;
	padding: 2px;
	width: 100%;
	min-height: 150px;
	resize: vertical;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 15px;
	}
textarea.fullpage-textarea {
  all: unset;
  width:calc(100% - 40px);
  min-height: 200px;
  padding: 12px 16px;
  resize: vertical;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #f9f9f9;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: border 0.3s ease, box-shadow 0.3s ease;
}

textarea.fullpage-textarea:focus {
  outline: none;
  border-color: #4a90e2;
  box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.2);
}
	
.mobile textarea{
	font-size: 20px;
	}	
input[type='password']{
	text-align: left;
	font-size:14px;
	color:#666;
	-moz-border-radius:3px; 
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	border-radius: 3px;
	background:#ffffff; 
	border: 1px solid  #aaa; 
	box-shadow: 0 0 0px 1000px #fff inset;						
	padding:2px;
	width:100%;
	height:30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:15px;
	}
input[type=checkbox].check {display:none;}  
input[type=checkbox].check + label.labl {
	padding-left:20px; 
	height:15px;  
	display:inline-block; 
	line-height:15px; 
	background-repeat:no-repeat; 
	background-position: 0 0; 
	font-size:10px; 
	vertical-align:middle; 
	cursor:pointer; 
	}  
input[type=checkbox].check:checked + label.labl {background-position: 0 -15px;}  
.labl{ background-image:url('../img/icon/check.png'); }
label.labl:hover{color:#555; text-shadow: 0px 0px 5px #666;}

input[type='number'].modo{
	vertical-align:top;
	display:inline-block;
	border-radius:0px;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	width:40%;
	border:0px;
	margin-left: 2%;
	box-sizing:border-box;
	padding:0px 3px;
	text-align:right;
	position:relative;
	z-index:2;
	color:#000;
	font-size: 14px;
	}
input[type='number'].modo:first-child{
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	margin-left:0;
	}
.divDialog .campi{
	width: 100%;
	}
.divDialog .campo{
	box-sizing:border-box;
	margin:0px 20px 10px;
	cursor:default;
	}
.divDialog .ggPerc{
	font-size:10px;
	display:inline-block;
	vertical-align: middle;
	width:40%;
	margin-left: 18%;
	}
.divDialog .ggPerc:first-child{
	margin-left:0;
	}
ul{
	width:100%;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	}
ul.contratti li{
	float:none;
	list-style-type: circle;
	padding-left: 10px;
	margin-left:10px;
	margin-right:0px;
	}
li{
	float:left;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-right:20px;
	}
.meter{
	height:3px;
	background:#CCC;
	}
.barra{
	float:left;
	width:0%;
	height:3px;
	background:#00FF00;
	}		
.divuploads{
	position:fixed;
	top:0px;
	left:0px;
	background:#000000; 
	width:100%;
	z-index:9999;
	}
#pages,
.pages{
	width: 100%;
	z-index: 1;
	background-color: #4090cd;
	height:100%;
	position: absolute;
	right:0px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
	}
#pages .pag0,
.pages .pag0{
	width:100%;
	position:relative;
	box-sizing:border-box;
	background-color:#fff;
	text-align:center;
	padding-bottom: 40px;
	overflow: auto;
	}
#pages .pag0s,
.pages .pag0s{
	width:100%;
	position:relative;
	height:calc(100%);
	background-color:#fff;
	text-align:center;
	}
#pages .pag0.mb0,
.pages .pag0.mb0{
	padding-bottom:0px;
	}
#pages .pag0.mb120,
.pages .pag0.mb120{
	padding-bottom:120px;
	}
.titoloPag{
	font-size:30px;
	line-height:40px;
	font-weight:bold;
	color:#fff;
	text-shadow:3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	}
.pag0 .titoloPag0{
	margin-top: 88px;
	}
.titoloPag0{
	margin-top: 0px;
	font-size:25px;
	line-height:60px;
	background-color: #e4e4ec;
	font-weight:bold;
	color:#fff;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	}	
.spiegPannello{
	float:left;
	width:200px;
	font-size:12px;
	line-height:20px;
	text-align:left;
	position:absolute;
	z-index:0;
	padding:5px;
}
.contDiv0{
	width: 987px;
	display: inline-block;
	height:0px;
	overflow: hidden;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
	}
.contApriEdit{
	width:100%;
	height:initial;
	margin-top:45px;
	text-align: center;
	display: inline-block;
	overflow: hidden;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
	}
.div0:first-child{
	margin-top: 120px;
	}
.div0{
	text-align: left;
	width:100%;
	display: inline-block;
	position:relative;
	}
.contVoci .div0{
	text-align: center;
	margin-top: 20px;
	}
.div0.b{
	text-align: center;
	}
.div0 .bigIcon{
	font-size: 150px;
	margin-top: 30px;
	line-height: 150px;
	}
.div0 .medIcon{
	font-size:100px;
	margin: 55px 0px 25px;
	}
.div0 .piu{
	font-size:60px;
	line-height:60px;
	position:absolute;
	top:30px;
	left:30px;
}
.div0 .piuR {
	font-size: 40px;
	line-height: 40px;
	position: absolute;
	top: 30px;
	right: 20px;
	}
.div0 .programma{
	font-size:14px;
	line-height:14px;
	padding:10px;
	border-radius:3px;
	text-align:center;
	color:#fff;
	background-color:#4090cd;
	border: 2px solid #fff;
	box-shadow: 2px 1px 3px  #aaa;
	display: inline-block;
	width:216px;
	min-height:216px; 
	vertical-align:top;
	margin:0px 0px 5px 5px;
	cursor:pointer;
	position:relative;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	}
.div0 .programma.evidenziato{
	background-color:#fff;
	color:#db2d7b;
	border:2px solid #db2d7b;
	box-sizing: border-box;
	width: 240px;
	height: 240px;
	}
.div0 .programma:hover{
	background-color:#bbb;
	}
.div0 .programma:first-child{
	margin-left:0px;
	}
.div0 .programma .pdf{
	font-size:24px;
	vertical-align:top;
	position:absolute;
	right:10px;
	}
.div0 .programma.ddte{
	background-color:#fff;
	color:#179d48;
	border:2px solid #179d48;
	}
.div0 .programma.ddtr{
	background-color:#fff;
	color:#9d5117;
	border:2px solid #9d5117;
	}
.div0 .programma.ddte:hover{
	background-color:#eee;
	}
.div0 .programma.ddtr:hover{
	background-color:#eee;
	}

.div0 .div1R{
	font-size:14px;
	line-height:16px;
	border-radius:3px;
	text-align:left;
	border:3px solid #4090cd;
	background-color:#ffffff;
	display: inline-block;
	width:485px;
	min-height:240px; 
	max-height:none;
	overflow:auto;
	vertical-align:top;
	margin:0px 0px 5px 5px;
	box-sizing:border-box;
	position:relative;
	z-index:0;
	}
.div0.margRigh .div1R{
	margin: 0px 5px 5px 0px;
	}
.div0 .div1R0{
	width: 485px;
	display: inline-block
	}
.div0 .div1R0.w50{
	width:calc(50% - 10px);
	margin:0px 5px;
	}
.div0 .div1R.right{
	text-align:right;
	}
.div0 .div1R.cent{
	text-align:center;
	}
.div0 .div1R.half{
	width:240px;
	}
.div0 .div1R.halfH{
	min-height:100px;
	}
.div0 .div1R .nomePuls{
	margin-top:10px;
	cursor:pointer;
	}

.sepaDiv0{
	width: 100%;
	max-width: 970px;	
	}	
	
#numeroProforma,
#numeroPreventivo,
#codiceCartella{	
	font-weight:bold;
	font-size:50px;
	line-height:60px;
	color:#4090cd;
	height: 214px;
	box-sizing: border-box;
	padding: 80px 0px 0px;
	text-align: center;
	overflow-x:hidden;
	overflow-y: auto;
	}

.div0 .nomeNumero{
	color: #4090cd;
	font-size: 14px;
	line-height: 14px;
	position: absolute;
	margin-top: -60px;
	right: 12px;
	width: 240px;
	text-align: center;
	text-transform: uppercase;
	}
.div0 .div1R.b{
	width:730px;
	max-height:700px;
	overflow:auto;
	}
.div0 .div1R.b:first-child{
	margin-left:0px;
	}
.div0 .div1R.b2{
	width:975px;
	overflow:auto;
	margin-left:0px;
	}
.div1R .name{
	font-size:40px;
	line-height:40px;
	font-style:italic;
	font-weight:bold;
	text-transform: uppercase;
	text-align:center;
	margin-top:20px;
	}
.riquadroDateInterno{
	padding:2px;
	}
.div0 .div1R .dati{
	border:0px;
	width:92%;
	text-align:left;
	margin:4%;
	}
.sulTotale{
	position: relative;
	border:0px;
	width:92%;
	text-align:left;
	margin:7% 4% 0% 4%;	
	}
.sulTotale .data{
    cursor: pointer;
	}
#importiPagati>div.data{
	display: inline-flex;
	align-items: center;
	margin-right: 5px;
	border: 1px solid #ccc;
	padding: 0px 3px;
	font-size: 11px;
	}
#provvigioni:before,
#modoPagamento:before,
#importiPagati:before{
	content: attr(data-text);
	position: absolute;
	transform: translateY(-110%);
	font-weight: bold;
	width: 100%;
	border-bottom: 1px solid #444;
	}
#importiPagati:empty:after{
	content:"Nessun movimento associato";
	padding:0px 5px 20px;
	}
table.sulTotale td:first-child {
    cursor: pointer;
	text-align: left;
	position: relative;
	text-transform: uppercase;
}
table.sulTotale td {
    height: 30px;
	text-align: right;
	position: relative ;
}
table.subSulTotale{
	width:100%;
	}
table.subSulTotale td {
    height: 30px;
    width:initial;
	text-align: right;
	position: relative ;
	}
table.subSulTotale td:first-child {
    cursor: default;
    width:initial;
	text-align: left;
	position: relative;
	text-transform: none;
	}

.save{
	font-size:14px;
	line-height:14px;
	padding:10px;
	border-radius:3px;
	text-align:center;
	color:#fff;
	background-color:var(--color);
	box-shadow: 2px 1px 3px  #aaa;
	display: inline-block;
	width:400px;
	min-height:140px; 
	vertical-align:top;
	cursor:pointer;
	margin-bottom: 10px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	}
.save:hover{
	background-color:#bbb;
	}
.save.larg{
	width:465px;
	}
.save .textLeft{
	vertical-align:middle;
	display:inline-block;
	margin-right:20px;
	font-size:30px;
	line-height:32px;
}
.save .bigIcon{
	font-size:180px;
	line-height:180px;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
}
.save .textRight{
	vertical-align:middle;
	display:inline-block;
	margin-left:20px;
	font-size:30px;
	line-height:32px;
	text-transform: uppercase;
}
.pages .pag1{
	width:100%;
	position:relative;
	box-sizing:border-box;
	background-color:#4090cd;
	overflow: hidden;
	min-height: 400px;
}
.subPage{
	padding-top:50px;
	height: calc(100% - 50px);
	text-align: center;
	}
.closeSubPage{
	position:absolute;
	right:20px;
	top:20px;
	color: #000;
	font-size: 25px;
	width: 24px;
	min-height:19px;
	cursor:pointer;
	display:none;
	z-index: 10;
	}
.closeSubPage:hover{
	color:#000;
	}
.insert{
	position:relative;
	margin:20px;
	background-color:#fff;
	box-sizing:border-box;
	padding:10px;
	border-radius:3px;
	font-size:12px;
	text-align: left;
	color:#000;
	margin-top: 0px;
	}
.insert.i2{
	box-sizing:border-box;
	min-height:200px;
	max-height:400px;
	overflow-y:auto;
	overflow-x:hidden;
	width: 420px;
	display: inline-block;
	color:#000;
	}
.preInsert{
	text-align: left;
	margin: 0px 20px;
	padding: 0px 0px 4px 2px;
	background: #86aec4;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	display:flex;
	}
.contIspeAuto .preInsert{
	margin-top:5px;
	}
.ross{
	background:	#c9262c;
	}
.preInsert.i2 {
    box-sizing: border-box;
    width: 420px;
	}
[contentEditable=true]:empty:before{
    content:attr(data-text);
    font-style:italic;
	color:#999;
}
.contDivDialog{
    position:fixed;
    opacity:1;
    z-index:10000;
    top:20%;
	left:50%;
    overflow-y: hidden;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
	transform: translate(-50%, 0%);
    max-height:80%;
    width:360px;
    max-width:100%;
}
.contDivDialog2{
    position:fixed;
    opacity:1;
    z-index:10000;
    top:20%;
	left:50%;
    overflow-y: hidden;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
	transform: translate(-50%, 0%);
    max-height:80%;
    width:360px;
    max-width:100%;
    -webkit-transition: top 4500ms ease;
    -moz-transition: top 4500ms ease;
    -ms-transition: top 4500ms ease;
    -o-transition: top 4500ms ease;
}
.contDivDialog2 .buttSposDivDialog,
.contDivDialog .buttSposDivDialog{
	position:absolute;
	top: 3px;
	font-size: 15px;
	left: 3px;
	color: #fff;
	cursor:pointer;
	}
.contDivDialog2 .buttSposDivDialog.copy,
.contDivDialog .buttSposDivDialog.copy{
	position:absolute;
	top: 3px;
	font-size: 15px;
	left: 20px;
	color: #fff;
	cursor:pointer;
	}
.contDivDialog.widt50{
	width:50%;
	}
.contDivDialog.heig100{
	top:0%;
    max-height:100%;
	}
.mobile .contDivDialog{
    	top:0%;
		max-height:100vh;
		height:100vh;
		width:100vw;
		max-width:100%;
		}
.mobile .contDivDialog2.sempPicc,
.mobile .contDivDialog.sempPicc{
    	top:20%;
		max-height:80%;
		width:360px;
		max-width:100%;
		height:initial;
		}
.mobile .contDivDialog.widt50{
		width:100vw;
		}
/*	.divDialog .annulla,
	.divDialog .conferma,
	.divDialog .conferm {
		margin: 15px;
		padding: 15px;
		font-size: 30px;
		}
	.divDialog{
    	font-size:30px;
		}*/

.divDialog{
    /*height: 100%;*/
    width: 100%;
    height: 100%;
    max-height:100%;
   	background-color: rgba(3, 8, 27, 0.8);
    color:#fff;
    border-radius:10px;
    padding:15px;
    text-align:left;
    font-size:15px;
    box-shadow: 0 1px 6px 1px rgba(102, 102, 102, .15);
	border: 1px solid #d6dce1;
    box-sizing:border-box;
    overflow-y: scroll;
    -webkit-transition: opacity 1500ms ease;
    -moz-transition: opacity 1500ms ease;
    -ms-transition: opacity 1500ms ease;
    -o-transition: opacity 1500ms ease;
	}    
.divDialog a{
	color:#fff;
	text-decoration: underline;
	}
.divDialog a.nomeT{
	color:#222;
	}
.divDialog .annulla{
	display:inline-block;
	margin:5px 5px 5px 0px;
	padding:5px;
	font-size:12px;
	background-color:#fff;
	color:#000;
	border-radius:3px;
	cursor:pointer;
	}  
.divDialog .conferma{
	display:inline-block;
	margin:5px;
	padding:5px;
	font-size:12px;
	background-color:#4090cd;
	color:#fff;
	border-radius:3px;
	cursor:pointer;
	box-shadow: 0px 0px 2px 1px #fff;
	}
.divDialog .conferm {
	display: inline-block;
	margin: 5px;
	padding: 5px;
	background-color: #4090cd;
	font-size: 12px;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
	}
.contLotto,
.contPosizione,
.contBene,
.contCliente{
	text-align:left;
	display: inline-block;
	cursor:pointer;
	position:relative;
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	}
.contCliente.cC{
	color: #4090cd;
	}
.contLotto .dato:first-child,
.contPosizione .dato:first-child,
.contBene .dato:first-child,
.contCliente .dato:first-child{
	border-top-left-radius:2px;
	border-bottom-left-radius:2px;
	border-left:1px solid #aaa;
	padding-left:10px;
	width:5.5%;
	font-size:42px;
	overflow:hidden;
	}
.contLotto .dato.lastChild,
.contPosizione .dato.lastChild,
.contBene .dato.lastChild,
.contCliente .dato.lastChild{
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
	border-right:1px solid #aaa;
	width:2.7%;
	padding:0px;
	line-height:30px;
	}
.contCliente .dato.lastChild2{ 
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
	border-right:1px solid #aaa;
	width:2.7%;
	padding:0px;
	line-height:30px;
	}

.contLotto .dato,
.contPosizione .dato,
.contBene .dato,
.contCliente .dato{
	display:inline-block;
	padding:10px 2px;
	font-size:11px;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	margin:0px 0px 5px 0px;
	width:11%;
	box-sizing:border-box;
	height:60px;
	vertical-align:top;
	background-color: #fff;
	overflow-y:auto;
	overflow-x:auto;
	position:relative;
	}
.contCliente[data-tipoCont="lavorante"] .dato{
	background-color: #f0c2f2;
	}
.contCliente[data-tipoCont="cliente"] .dato{
	background-color: #c2ebf2;
	}
.contCliente[data-tipoCont="fornitore"] .dato{
	background-color: #cbf2c2;
	}
.contLotto .dato,
.contPosizione .dato{
	width:12%;
	}
.contCliente .dato.larg{	
	width: 35.4%
	}
.contCliente .dato.medi{	
	width: 10.2%
	}
.contBene .dato.beni,	
.contCliente .dato.beni{	
	width: 22.9%
	}	
.contCliente .dato.bF{
	font-size:24px;
	}
.contCliente .dato select.selVoci{
	padding:0px;
	font-size:10px;
	font-weight: bold;
	color: #000;
	}
.dato .numColl{
	color: #000;
	font-size: 9px;
	position: absolute;
	top: 5px;
	width: 100%;
	text-align: center;
	}
.dato .numColl:nth-child(2){
	top: 15px;
	}
.contPropostaAuto .dato .numColl:nth-child(2){
	top: 7px;
	}
.dato .numFatt{
	color: #000;
	font-size: 9px;
	position: absolute;
	bottom: 5px;
	width: 100%;
	text-align: center;
	}
.dp1 .numFatt{
	color: #000;
	font-size: 9px;
	position: absolute;
	top: 38px;
	width: 100%;
	text-align: center;
	}
.div1R .sociale{
	padding-bottom:0px;
	font-size:20px;
	line-height: 20px;
	font-weight:bold;
	text-align:right;
	margin:10px 10px 4px 0px;
	}
.div1R .nomeCogn{
	font-size:10px;
	line-height:10px;
	font-weight:normal;
	}
.div1R .indirizzo{
	text-align: right;
	margin:5px 10px 0px 0px;
	}
.div1R .citta{
	display: inline-block;
	margin:5px 10px 0px 0px;
	}
.div1R .cap{
	display: inline-block;
	margin:5px 10px 0px 0px;
	}
.div1R .iva{
	text-align: right;
	margin:5px 10px 0px 0px;
	}
.div1R .cf{
	text-align: right;
	margin:5px 10px 0px 0px;
	}
#causale{
	width:40%;
	position:relative;
	}
/*#causale select{
	font-size: 14px;
	line-height: 14px;
	color: #777;
	text-transform:uppercase;
	padding: 0px;
	top: 7px
	}*/
.oraCliente{
	display:inline-block;
	margin-left:20px;
	font-weight:bold;
	}
.oraCliente:first-child{
	margin-left:0px;
	cursor: pointer;
	font-weight:normal;
	}
.riquadroDdt{
	width:174px;
	font-weight: bold;
	}	

.onOff{
	position:relative;
	display: inline-flex;
	vertical-align: middle;
	width:98px;
	text-align: center;
	background-color: #ddd;
	border: 1px solid #bbb;
	border-radius: 5px;
	height: 28px;
	}
.onOff .onGrafico{
	width: 50%;
	height: 100%;
	display: inline-block;
	text-transform: uppercase;
	box-sizing: border-box;
	padding:4px;
	font-size: 20px;
	line-height: 20px;
	background-color: #4090cd;
	color:#fff;
	}
.onOff .offGrafico{
	width: 50%;
	height: 100%;
	display: inline-block;
	text-transform: uppercase;
	box-sizing: border-box;
	padding:4px;
	font-size: 20px;
	line-height: 20px;
	}
[name='okDati'] .onOff .offGrafico {
	background-color: #e32637;
	}
.onOff .on{
	position:absolute;
	width: 50%;
	height: 100%;
	background-color: #ddd;
	left:50%;
	top:0px;
	}
.onOff .off{
	position:absolute;
	width: 50%;
	height: 100%;
	background-color: #ddd;
	left:0px;
	top:0px;
	}
.onOff .move{
	-webkit-transition:0.5s ease;
	-moz-transition:0.5s ease;
	-o-transition:0.5s ease;
	transition:0.5s ease;
	opacity: 0.9;
	z-index: 1;
	}
.contOnOff .onOffLabel{
	margin-left: 25px;
	display: inline-block;
	vertical-align: middle;
	}
.divLightbox .contOnOff .onOffLabel{
	font-size: 9px;
	}
.contOnOff{
	text-align:left;
	padding:8px 20px;
	box-sizing: border-box;	
	cursor:pointer;
	}
.contPuls .contOnOff{
	display: inline-flex;
	align-items: center;
	padding: 0;
	}
.contIspeAuto .contOnOff{
	padding: 4px 18px 32px;
	}
.div1R .onOffLabel{
	margin-left: 25px;
	display:inline-block;
	max-width: 272px;
	}
#inseAutoManu .div1R .onOffLabel{
	max-width: initial;
	}
.divDialog .onOffLabel{
	margin-left: 5px;
	width: 175px;
	font-size: 12px;
	}
.trVociSestRiga .onOffLabel{
	margin-left: 5px;
	}
.trVociSestRiga .contOnOff{
	padding-left: 0px;
	}
.divDialog .calNumCal{
	text-transform:uppercase;
	font-size:15px;	
	}

.contVoce{
	text-align:left;
	position:relative;
	z-index: 1;
	margin: 10px 15px 10px 10px;
	}
.titoloPrezzo{
	padding:4px;
	font-size:15px;
	line-height:18px;
	}
.titoloPrezzo .titolo{
	display:inline-block;
	width: 75%;
	vertical-align:top;
	}
.titoloPrezzo .prezzo{
	display:inline-block;
	width: 20%;
	vertical-align:top;
	overflow-x:hidden;
	overflow-y:auto;
	text-align:right;
	}
#descrizioniPreventivo .descrizione{
	padding: 20px;
	overflow: hidden;
	line-height: 18px;
	color:#000;
	}
.bottom #vociPreventivo{
	height:100%;
	overflow: auto;
	}
#vociPreventivo .descrizione{
	padding: 20px;
	overflow: hidden;
	line-height: 18px;
	color:#000;
	}
#notePreventivo .descrizione{
	padding: 20px;
	overflow: hidden;
	line-height: 18px;
	color:#000;
	}
.contVoce .removeVoce{
	position:absolute;
	right: 0px;
	top: -10px;
	color:#aaa;
	font-size: 20px;
	z-index:1;
	cursor:pointer;
	}
.contVoce .removeVoce:hover{
	color:#555;
	}
.contCliente .deleteVoce{
	position:absolute;
	right:15px;
	top:15px;
	color:#aaa;
	font-size: 30px;
	cursor:pointer;
	}
.contCliente .deleteVoce:hover{
	color:#555;
	}
.contCliente .deleteVoce.r{
	color:#ff0000;
	font-size: 15px;
	}
.contLotto .deleteCliente,
.contPosizione .deleteCliente,
.contBene .deleteCliente,
.contCliente .deleteCliente{
	color:#aaa;
	font-size: 28px;
	cursor:pointer;
	}
.contLotto .deleteCliente:hover,
.contPosizione .deleteCliente:hover,
.contBene .deleteCliente:hover,
.contCliente .deleteCliente:hover{
	color:#555;
	}
.contBene .editCliente,
.contCliente .editCliente{
	color:#aaa;
	font-size: 28px;
	cursor:pointer;
	}
.contBene .editCliente:hover,
.contCliente .editCliente:hover{
	color:#555;
	}

.toolbar .bold{
	font-weight: bold; 
	cursor:pointer;
	}
.toolbar .underline{
	text-decoration: underline; 
	cursor:pointer;
	}
.toolbar .italic{
	font-style: italic; 
	cursor:pointer;
	}
.toolbar .strike{
	text-decoration: line-through; 
	cursor:pointer;
	}
.toolbar span{
	cursor:pointer;
	margin:0px 0px 0px 30px;	
	}
.toolbar span:first-child{
	margin:0px 0px 0px 0px;	
	}
.toolbar{
	font-size: 25px;
	}
.toolbar-top{
	margin: 20px;
	font-size: 28px;
	}
.toolbar-top .info{
	width: 420px;
	display: inline-block;
	font-size: 12px;
	text-align: justify;
	margin-bottom:20px;
	}
.toolbar-top .ins,
.toolbar .ins{
	display: inline-block;
	margin:0px 0px 0px 30px;	
	vertical-align: middle;
	cursor: pointer;
	}
.li-special{
	list-style-type: disc;
	float:none;
	margin:2px 0px 0px;
	}
.ul-special{
	padding:0px 0px 0px 10px;
	margin:2px 0px 0px 5px;
	}
.contCliente .descrizione:first-child{
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	border-left:1px solid #aaa;
	padding-left:16px;
	width:5.5%;
	font-size:42px;
	overflow:hidden;
	}
.contCliente .descrizione:last-child,
.contCliente .descrizione.lastChild{
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	border-right:1px solid #aaa;
	border-left:1px solid #aaa;
	padding-right:30px;
	min-height:60px;
	}
.contCliente .descrizione{
	display:inline-block;
	padding:10px 2px;
	font-size:11px;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	margin:0px 0px 5px 0px;
	width:94.5%;
	box-sizing:border-box;
	max-height:200px;
	vertical-align:top;
	background-color: #fff;
	overflow-y:auto;
	overflow-x:hidden;
	}
.contClienti .contDocu{
	margin: 0px 20px 20px;
	background-color: #fff;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 3px;
	font-size: 12px;
	color: #000;	
	}
.contDocu .nomePuls{
	cursor:pointer;
	}
#contatto2:empty:not(:focus):before, 
#compratore:empty:not(:focus):before, 
#venditore:empty:not(:focus):before, 
#datiCliente:empty:not(:focus):before{
    content:attr(data-text);
	font-weight:bold;
	font-size:30px;
	line-height:40px;
	color:#fff;
	background-color:#eee;
	height: 234px;
	display: block;
	box-sizing: border-box;
	padding: 90px 0px 0px;
	text-align: center;
	}
#descrizioniPreventivo:empty:not(:focus):before{
    content:attr(data-text);
	font-weight:bold;
	font-size:30px;
	line-height:40px;
	color:#fff;
	background-color:#eee;
	height: 234px;
	display: block;
	box-sizing: border-box;
	padding: 90px 0px 0px;
	text-align: center;
	}
#vociPreventivo:empty:not(:focus):before{
    content:attr(data-text);
	font-weight:bold;
	font-size:30px;
	line-height:40px;
	color:#fff;
	background-color:#eee;
	height: 234px;
	display: block;
	box-sizing: border-box;
	padding: 90px 0px 0px;
	text-align: center;
	}
#totaliPreventivo:empty:not(:focus):before{
    content:attr(data-text);
	font-weight:bold;
	font-size:30px;
	line-height:40px;
	color:#fff;
	background-color:#eee;
	height: 234px;
	display: block;
	box-sizing: border-box;
	padding: 90px 0px 0px;
	text-align: center;
	}
#notePreventivo:empty:not(:focus):before{
    content:attr(data-text);
	font-weight:bold;
	font-size:30px;
	line-height:40px;
	color:#fff;
	background-color:#eee;
	height: 234px;
	display: block;
	box-sizing: border-box;
	padding: 90px 0px 0px;
	text-align: center;
	}

.contPreventivi{
	box-sizing: border-box;
	padding: 0px 25px;
	color: #fff;
	text-align: center;
    overflow:hidden;
    width: 100%;
    position:relative;
	}
.contDeposito{	
	box-sizing: border-box;
	padding: 10px 5px 0px;
	color: #fff;
	text-align: center;
	overflow: hidden;
	width: 100%;
	position: relative;	
	}
.contAnno{
	font-size: 50px;
	font-weight: bold;
	line-height: 50px;
	padding: 20px 0px;	
	color: #fff;
	text-align: center;
	text-shadow: -1px -1px #777;
	}
.sulTotale .contAnno{
	display:none;
	}

.showPdf{
	position:fixed;
	z-index:989;
	background:rgba(0,0,0,0.8);
	top:0px;
	left:50%;
	width:50%;
	height:100%;
	box-sizing: border-box;
	text-align:center;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	}
.showPdf iframe{
	width:95%;
	height:95%;
	margin-top:2.5%;
	margin-bottom:2.5%;
	display:inline-block;
	}
.showPdf .pagiEsemPdf{
	width:95%;
	height:95%;
	margin-top:2.5%;
	margin-bottom:2.5%;
    background:#fff;
	display:inline-block;
	overflow: auto;
	}
.showPdf .closePdf{
	width:40px;
    background:#000;
    position:absolute;
	box-sizing:border-box;
    top:100px;
    left:-40px;
    color:#fff;
    border-bottom-left-radius:3px;
    border-top-left-radius:3px;
    border-top:1px solid #777;
    border-left:1px solid #777;
    border-bottom:1px solid #777;
    text-align:center;
    font-size:30px;
    line-height:30px;
    padding:5px 10px;
	cursor:pointer;
	}
.intestazioneMit{
	margin:2% 0% 0% 2%;
	}
.intestazioneDes{
	margin:2% 2% 0% 0%;
	text-align:right;
	height:120px;
	}
.intestazioneDesDDT{
	width: 98%;
	margin:2% 0% 0% 2%;
	box-sizing:border-box;
	padding:0;
	}
.ragCliente{
	font-size:22px;
	font-weight:bold;
	}
table.pagam{
	width: 98%;
	margin:2% 0% 1% 2%;
	box-sizing:border-box;
	padding:1% 1%;
	text-align:left;
	}
.pagam .td1{
	border-top:2px solid #515151;
	border-bottom:2px solid #515151;
	background-color:#515151;
	color:#ffffff;
	padding: 0px 25px;
	font-size:22px;
	font-weight:bold;
	}
.nuovTito{
	background-color:rgba(0,0,0,0.1);
	color:#000;
	font-size:16px;
	line-height:20px;
	}
.pagam .td2{
	border-top:2px solid #999;
	border-bottom:2px solid #999;
	color:#555;
	padding: 0px 15px;
	}
.acconto{
	color:#555;
	font-size:12px;
	}
.iban{
	color:#555;
	font-size:22px;
	}
.swift{
	margin-left:20px;
	}
.valuta{
	font-size:11px;
	}
.footer{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	}
.footer .td1{
	background-color:#313131;
	width:20%;
	height:120px;
	text-align: center;
	color:#ffffff;
	}
.footer .td2{
	width:80%;
	height:120px;
	padding-left:5%;
	color:#ffffff;
	}
.footer .td2 .ragSoc{
	font-size:16px;
	font-weight:bold;
	margin-left:5%;
	}
.footer .td2 .indi{
	font-size:10px;
	margin-left:5%;
	}
.footer .logo{
	width:80%;
	margin-left:10%;
	}
.tblDdt{
	border-bottom:1px solid #ccc;
	}
.tblDdt td{
	padding:5px 5px;
	vertical-align:top;
	}
div.opt{
	font-size:12px;
	vertical-align:top;
	}	
div.val{
	font-size:14px;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	}
.simDiv{
	width:643px;
	overflow-x:hidden;
	position:fixed;
	top:0px;
	left:-700px;
	font-size:14px;
	}
.contPreventivoNessuno{
	text-align:center;
	width:100%;
	position:relative;
	color: #fff;
	padding:30px 0px; 
	}	
.contMagazzinoNessuno,
.contPrimanotaNessuno{
	text-align:center;
	width:100%;
	position:relative;
	color: #222;
	padding:30px 0px; 
	}	
.contPreventivo{
	text-align:center;
	width:100%;
	position:relative;
	display: flex;
	justify-content: center;
	color: #444;
	padding-top:0px; 
    -webkit-transition: 600ms ease-in-out;
    -moz-transition: 600ms ease-in-out;
    -ms-transition: 600ms ease-in-out;
    -o-transition: 600ms ease-in-out;
    transition: 600ms ease-in-out;
	}
.contPreventivo .dato:first-child{
	border-top-left-radius:2px;
	border-bottom-left-radius:2px;
	border-left:1px solid #aaa;
	padding:16px 0px 0px 10px;
	width:3.5%;
	font-size:20px;
	overflow:hidden;
	}
.contPreventivo .dato:last-child,
.contPreventivo .dato.lastChild{
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
	border-right:1px solid #aaa;
	padding-right:30px;
	}
.prova .contPreventivo .dato.nove:first-child, 
.prova .contPreventivo .dato.nove.lastChild {
	display:none;
	}
.prova .contPreventivo .dato.nove.nome {
	width: 15.15%;
	}
.contSpedizioniAuto .dato.numeroFattura {
	width: 9%;
	}
.contIspezioneAuto .dato,
.contPropostaAuto .dato,
.contPreventivo .dato{
	display:inline-block;
	padding:10px 2px;
	font-size:11px;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	margin:0px 0px 5px 0px;
	width:11.5%;
	box-sizing:border-box;
	height:60px;
	vertical-align:top;
	background-color: #fff;
	overflow-y:auto;
	overflow-x:hidden;
	text-align:left;
	position:relative;
	}
.contPreventivo.sistematoLBS .dato{
	background-color: #57f944;
	}
.bottom .contProdotto[data-tipologia="finito"] .dato,
.bottom .contProdotto[data-tipologia="maglia"] .dato,
.sulTotale .contProdotto[data-tipologia="finito"] .dato,
.sulTotale .contProdotto[data-tipologia="maglia"] .dato{
	background-color: var(--coloSemiTran);
	}
.contPreventivo .dato i{	
	color:#999;
	}
.contPreventivo[data-cPartita="no"] .divPagamento,
.contPreventivo[data-cPartita="no"] .dato{
	background-color: #ffcfcf;
	}
.contPreventivo[data-vociLibe="on"] .dato {
	background-color: #93fff7 !important;
	}	
.contPreventivo[data-compratore="si"] .dato{
	background-color: #d8e2ee;
	}	
.contPreventivo[data-compratore="previsto"] .dato{
	background-color: #fad77f;
	}
.contPreventivo[data-compratore="venduto"] .dato {
	background-color: #cccccc;
	}
.contPreventivo[data-margineNA="si"] .dato{
	background-color: #ffa692;
	}	
.contPreventivo[data-statoPagamento="no"] .dato{
	background-color: #ffa692;
	}	
.contPreventivo[data-stato="aperta"] .dato{
	background-color: #ffbf38;
	}	
.contPreventivo[data-stato="nonConclusa"] .dato{
	background-color: rgb(255, 36, 36);
	}	
.contPreventivo[data-stato="conclusa"] .dato{
	background-color: #abee8d;
	}	
.contPreventivo[data-annullato]:not([data-annullato="0"]) .dato{
	background-color: #ddd;
	}
.contPreventivo[data-bloccato]:not([data-bloccato="0"]) .dato{
	background-color: #ffa4a4;
	}

.contPreventivo .dato.sette{	
	width: 17.4%;
	cursor:pointer;
	}	
.contPreventivo .dato.nove{	
	width: 7.1%;
	cursor:pointer;
	padding-bottom: 0px;
	padding-top: 2px;
	}
.contPreventivo .dato.nove.larg{	
	width: 9.6%
	}
.contPreventivo .dato.nove.nome{	
	width: 12.15%;
	padding-bottom:0px;
	padding-top:2px;
	}
.contPreventivo .dato.nove.plate{	
	width: 5.5%;
	}
.contPreventivo .dato.nove.numeroTelaio{	
	width: 6.2%;
	}
.contPreventivo .dato.nove.documento{	
	width: 5.8%;
	}
.contPreventivo .dato.nove.numeroFattura{	
	width: 3%;
	}
.contPreventivo .dato.dieci{	
	width: 10.5%;
	cursor:pointer;
	}	
.contPropostaAuto .dato.dieci2,
.contPreventivo .dato.dieci2{	
	width: 12.5%;
	cursor:pointer;
	}	
.contIspezioneAuto .dato.dieci2{
	width: 19.6%;
	cursor:pointer;
	}
.contPreventivo .dato.cinque{	
	cursor:pointer;
	width: 18.8%;
	}
.contPreventivo .dato.pagata{
	border-top: 3px solid #0f0;
	}
.contPosizione .dato.vaM p{
	margin: 0;
	}
.contPosizione .dato.vaM,
.contIspezioneAuto .dato.vaM,
.contPropostaAuto .dato.vaM,
.contPreventivo .dato.vaM{
	font-size:25px;
	padding:0px;
	cursor:pointer;
	width: 3%;
	color:var(--color);
	display: flex;
	align-items: center;
	justify-content: center;
	}
.contPreventivo .dato.vaM.ps{
	width: 2.62%;
	}
.contPreventivo .dato.vaM.pps{
	width: 2.32%;
	}
.contPreventivo .dato.vaM.pl {
	width: 2.92%;
	}
.contPropostaAuto,
.contIspezioneAuto{
	display:flex;
	}	

.contIspezioneAuto .dato.vaM::before,
.contPropostaAuto .dato.vaM::before,
.contPreventivo .dato.vaM::before{
	content: "";
	vertical-align: middle;
	display: inline-block;
	height: 100%;
	}
.contIspezioneAuto .dato.vaM p,
.contPropostaAuto .dato.vaM p,
.contPreventivo .dato.vaM p{
	vertical-align:middle;
	display:inline-block;
	line-height: normal;
	text-align:center;	
	margin:0px;
	width:100%;
	}
.contIspezioneAuto .dato.larg,
.contPropostaAuto .dato.larg,
.contPreventivo .dato.larg{	
	width: 10%;
	}
.pages.LBC .contPreventivo .dato.larg{	
	font-size: 10px;
	}

.contPreventivo .dato.maga{	
	width: 20%;
	}
.contPreventivo .dato.bF{
	font-size:24px;
	cursor:pointer;
	}
.contNuovo{
	position:absolute;
	width:40px;
	height:40px;
	overflow:hidden;
	top:4px;
	left:0px;
	}
.nuovo{
	width:60px;
	color:#fff;
	background-color:#f00;
	top:0px;
	left:0px;
	top:7px;
	left:-16px;
    font-size:10px;
    text-align: center;
    position: absolute; 
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
	}
.insiemeCliente{
	font-size: 50px;
	font-weight: bold;
	line-height: 50px;
	padding: 20px 0px;	
	color: #333;
	text-align: center;
	}
select.selVoci{
	border:0px;
	background:linear-gradient(to right, #fafafa, #eee);
	padding:10px;
	border-radius:3px;
	font-size:12px;
	text-align: left;
	color:#000;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	position:absolute;
	left:0px;right:0px;
	margin: 0px;
   	}
select:disabled{
	background: #aaa;
	}
.selVoci.selDoc {
	background: initial;
	}
select.selVoci.selPag{
	background: initial;
	background-color: #2dceca;
	color: #fff;
	}
.div1R0 select.selVoci{
	width:100%;
	}
.selVoci.selDoc {
	position: relative;
	}
.insert.daSalv select.selVoci{
	position:relative;
	}
.contSelVoci{
	overflow: hidden;
	margin:20px;
	box-sizing:border-box;
	position:relative;
	min-height: 34px;
	max-height:140px;
	background: #fff;
    border-radius: 3px;
	}
.contDivDialog .chosen-container .chosen-drop,
.contSelVoci .chosen-container .chosen-drop{
	position:relative;
	}
#destinazioneCliente .contSelVoci{
	margin:0px;
	}
#simulaxHeightPreventivo{
	position:absolute;
	left:-3000px;
	top:-3000px;
	opacity:0;
	width: 730px;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	border: 3px solid #4090cd;
	background-color: #ffffff;
	display: inline-block;
	margin: 0px 0px 5px 5px;
	box-sizing: border-box;	
	}
#simulaxHeightPreventivo .descrizione{
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	overflow-y: hidden;
	overflow-x: hidden;
	color: rgb(0, 0, 0);
	padding: 20px;
	overflow: hidden;
	}

table.dato{
	width: 95%;
    line-height: 27px;
	font-size: 18px;	
	margin:0% 2.5%;
	}
table.dato td:first-child{
	font-size:12px;
	}
table.quantVoce{
	width:100%;
	text-align:left;
	cursor:default;
	}
table.quantVoce td{
	width:20%;
	}
table.quantVoce .td3{
	width:10%
	}
table.quantVoce .td4{
	width:30%
	}
table.quantVoce .td1{
	cursor:pointer;
	font-weight:bold;
	}
table.quantVoce .td2{
	cursor:text;
	margin-left:20px;
	}
table.quantVoce .td1.cen{
	text-align:center;
	}
table.quantVoce .td1.des{
	text-align:right;
	}
table.quantVoce .td1 input{
	width:100%;
	}
	
.contConv{
	width:837px;
	text-align:right;
	padding: 20px 0px;
	border-bottom: 1px solid #ccc;
	display:inline-block;
	position:relative;
	}
.contConv .doc:first-child{
	margin-left:0%;
	left:0%;
	padding:10px;
	}
.contConv .doc{
	box-sizing:border-box;
	display:inline-block;
	vertical-align:middle;
	font-size:25px;
	font-weight:bold;
	color:#fff;
	width:33.33%;
	min-height:80px; 
	height:80px; 
	border-radius:3px;
	cursor:pointer;
	position:absolute;
	margin-left:33.33%;
	left:0%;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	}
.contConv .doc:last-child{
	position:relative;
	padding:10px;
	}
.contConv .doc::before{
	content: "";
	vertical-align: middle;
	display: inline-block;
	height: 100%;
	}
.contConv .doc p{
	vertical-align:middle;
	display:inline-block;
	line-height: normal;
	text-align:center;	
	margin:0px;
	width:100%;
	}
.contFiltro{
	margin:0px 0px 50px;
}

.contFiltro .descFiltro{
	font-size:12px;
}
.pag1 .descFiltro{
	color:#fff;
	text-align: center;
	font-size: 18px;
	margin-top: 20px;
	}
.pag1 .contFiltro{
	margin:0px 0px 0px;
}
.contLotti,
.contPosizioni,
.contClienti{
	text-align: center;
	margin-top:50px;
	padding: 0px 25px;
	}
.pag1 .contCliente.tac{
	text-align: center;
	}
.pag1 .contCliente.cud{
	cursor: default;
	}
.contCliente .dato.vaM{
	font-size:25px;
	padding:0px;
	cursor:pointer;
	width: 3%;
	color:#74e498;
	display:flex;
	justify-content:center;
	align-items:center;
	}
/*.contCliente .dato.vaM::before{
	content: "";
	vertical-align: middle;
	display: inline-block;
	height: 100%;
	}*/
.contCliente .dato.vaM p{
	vertical-align:middle;
	display:inline-block;
	line-height: normal;
	text-align:center;	
	margin:0px;
	width:100%;
	}

.pag1 .contVoci{
	text-align: center;
	margin-top:50px;
	} 
.contSearch{
	margin:20px 0px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	}
.contSelChosen{
	text-align: left;
	margin: 20px;
	box-sizing: border-box;
	position: relative;
	min-height: 34px;
	background: #fff;
	border-radius: 3px;	
	}
.contFiltro .contSelChosen{
	display: inline-block;
	vertical-align: top ;
	margin: 0px 0px 0px 20px;
	min-width:250px;
	}
.contFiltro .cerca{
	font-size:14px;
	line-height:14px;
	display: inline-flex;
	align-items: center;
	background:#fff;
	box-sizing:border-box;
	vertical-align:top;
	padding:8px;
	position:relative;
	z-index:1;
	cursor:pointer;
	height: 34px;
	border-radius: 3px;
	margin: 0px 0px 0px 20px !important;
	}
.contFiltro .contInpuCerc .cerca{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	margin: 0px 0px 0px 0px !important;
	}
	
.mobile .contSearch{
		flex-direction: column;
		}
.mobile .contSearch>*{
		margin:0px 10px 20px !important;
		}
.mobile .contFiltro .contSelChosen{
		margin: 0px 20px 20px;
		}
.mobile .contFiltro .cerca{
		margin: 0px 0px 20px 0px !important;
		}
.mobile .contFiltro .contInpuCerc .cerca{
		margin: 0px 0px 0px 0px !important;
		}

.contFiltro .search{
	height: 34px;
	font-size: 30px;
	display: inline-flex;
	align-items: center;
	padding: 0px 5px;
	background: #fff;
	cursor: pointer;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	}
.searchCal{
	vertical-align: top;
	height: 35px;
	width: 35px;
	font-size: 30px;
	line-height: 30px;
	box-sizing: border-box;
	display: inline-block;
	padding: 3px;
	border-radius: 3px;
	margin-left: 5px;
	background: #fff;
	cursor: pointer;
}
input[type='text'].inpSearch{
	vertical-align:top;
	display:inline-block;
	border-radius: 0px;
	width:200px;
	border:0px;
	padding-left:5px;
	position:relative;
	z-index:2;
	color:#000;
	font-size: 14px;
	height: 34px;
	}
	
select.selCerVoci:first-child{
	margin: 0px 0px 0px 0px;
	}
select.selCerVoci{
	border:0px;
	background-color:#fff;
	padding:8px;
	border-radius:3px;
	line-height:16px;
	font-size:14px;
	text-align: left;
	color:#000;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	display:inline-block;
	vertical-align: top ;
	margin: 0px 0px 0px 20px;
 	height: 34px;
  	}
.insert.ok{
    border-bottom: 1px solid #0f0;
}
.insert.no{
    border-bottom: 1px solid #f00;
}
.noCheck{
   border-left: 10px solid #f00;
	}
.removeAllegato{
	margin:10px;
	display:inline-block;
	}
.removeAllegato:first-child{
	cursor:pointer;
	}
.cont2Col{
	width: 100%;
	height:calc(100% - 210px);
	}
.cont2Col .Col2{
	height:100%;
	overflow:auto;
	box-sizing:border-box;
	text-align:left;
	width: 50%;
	display:inline-block;
	vertical-align:top;
	min-height:1px;
	padding:0px 10px;
	}
.cont2Col .gestOrdine{
	box-sizing:border-box;
	border-radius:3px;
	overflow:hidden;
	background-color:#ffffff;
	min-height:100px;
	padding:15px 10px 10px 10px;
    position:relative;
	cursor:pointer;
	margin-bottom:5px;
	}
.cont2Col .gestOrdine.forn{
	background-color:#65b37f;
	}
.gestOrdine .numOrd{
	width:20%;
	overflow:hidden;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	height:80px;
	border-right:1px solid #eee;
	display:inline-block;
	vertical-align:top;
	}
.gestOrdine .numOrd p{
	display:inline-block;
	vertical-align:middle;
	margin: 0px;
	}

.gestOrdine .numOrd::before{
	content: "";
	vertical-align: middle;
	display: inline-block;
	height: 80px;
	}
.gestOrdine .nomeCliente{
	width:calc(80% - 11px);
	overflow:hidden;
	font-size:20px;
	display:inline-block;
	vertical-align:top;
	margin-left:10px;
	}
.gestOrdine .tipoOrdi{
	font-size:10px;
	}
.barraBlu{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
	min-height:8px;
    background-color:#999;
    z-index:11;
    overflow: hidden;
    text-align: left !important;
	}
.barraBlu .barraSpe{
    position:absolute;
    min-height:8px;
    background-color:#53abff;
	z-index:1;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
.contPropostaAuto .barraBlu .barraSpe{
    background-color:#ffbf38;
	}
.barraBlu .barraOran{
    position:absolute;
    min-height:8px;
    background-color:#ff9e05;
	z-index:1;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
.barraBlu .barraPro{
    position:absolute;
    min-height:8px;
    background-color:#ccc;
	z-index:0;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
.barraBlu .barraSple{
	display:inline-block;
	vertical-align: top;
    min-height:8px;
    background-color:#53abff;
	z-index:1;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
.barraBlu .barraCons{
	display:inline-block;
	vertical-align: top;
    min-height:8px;
    background-color:#ccc;
	z-index:0;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
.gestVoce .contPuls,
.gestOrdine .contPuls{
    position:absolute;
    right:10px;
    top:10px;
	text-align:right;
	z-index: 1;
	}
.gestVoce .conv,
.gestOrdine .conv,
.contFiltro .conv{
	width:105px;
	border-radius:3px;
	overflow:hidden;
	font-size:15px;
	color:#fff;
	text-align:center;
	padding:5px;
	display:inline-block;
	vertical-align: top;
	margin-left:3px;
	cursor:pointer;
	}
.contValu .conv{
	border-radius:3px;
	font-size:10px;
	color:#fff;
	text-align:center;
	padding:5px;
	margin-left:3px;
	cursor:pointer;
	}
.contValu .conv.ddt,
.gestVoce .conv.ddt,
.gestOrdine .conv.ddt,
.contFiltro .conv.ddt{
	background-color:#179d48;
	}
.contValu .conv.ddtr,
.gestVoce .conv.ddtr,
.gestOrdine .conv.ddtr,
.contFiltro .conv.ddtr{
	background-color:#9d5117;
	}
.contPulsClie{
	margin-top:20px;
	}	
.contValu .conv.sped,
.gestVoce .conv.sped,
.gestOrdine .conv.sped{
	background-color:#53abff;
	}
.contValu .conv.acce,
.gestVoce .conv.acce,
.gestOrdine .conv.acce{
	background-color:#ee7b23;
	}
.contValu .conv.cons,
.gestVoce .conv.cons,
.gestOrdine .conv.cons{
	background-color: #ccc;
	color:#000;
	}
.contValu .conv.sped.on{
	background: linear-gradient(-45deg, #53abff, #a8e4ea, #f2b21a, #ff0041);
	background-size: 400% 400%;
	animation: gradient 5s ease infinite;
	}
.contValu .conv.acce.on{
	background: linear-gradient(-45deg, #ee7b23, #eae3a8, #f2b21a, #ff0041);
	background-size: 400% 400%;
	animation: gradient 5s ease infinite;
	}
.contValu .conv.cons.on{
	background-color: #222;
	color:#fff;
	}
.contValu .conv.salt{
	font-size:30px;
	height: 13px;
	width: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #9b0ca3;
	color:#fff;
	}
	
.cont2Col .gestVoce{
	box-sizing:border-box;
	border-radius:3px;
	overflow:hidden;
	background-color:#ffffff;
	min-height:85px;
	padding:10px;
    position:relative;
	margin-bottom:5px;
	}
.contDivDialog .gestVoce{
	box-sizing:border-box;
	background-color:#ffffff;
	color:#000;
	min-height:85px;
	padding:10px;
	margin:20px;
	}
.contDivDialog .gestVoce .nomeVoce{
	width:100%;
	}
.mobile .contDivDialog .gestVoce .qua{
		width:100%;
		}
.cont2Col .gestVoce.forn{
	background-color:#fff1c0;
	}
.gestVoce .nomeVoce{
	font-weight: bold;
	width: 50%;
	display:inline-block;
	vertical-align:top;
	font-size: 13px;
	}
.gestVoce .dataCons,
.gestVoce .numOrd{
	width:100%;
	overflow:hidden;
	font-size:12px;
	}
.gestVoce .qua{
	width:25%;
	overflow:auto;
	font-size:12px;
	font-weight:bold;
	display:inline-block;
	}
.gestVoce .qua span{
	margin-left:10px;
	}
.gestVoce .qua.tot{
	color:#555;
	}
.gestVoce .qua.spe{
	color:#53abff;
	}
.gestVoce .qua.pro{
	color:#000;
	cursor:pointer;
	overflow:visible;
	}
.gestVoce .quaPro{
	border:1px solid #888;
	padding:0px 4px;
	}
.gestVoce .qua.pro .td1{
	margin-top:2px;
	display:inline-block;
	}
.sulTotale .campi{
	width: 100%;
	margin-bottom:20px;
	}
.sulTotale .campo{
	box-sizing:border-box;
	margin-bottom:4px;
	cursor:default;
	}
.sulTotale .ggPerc{
	display:inline-block;
	vertical-align: top;
	width:40%;
	margin-left: 18%;
	}
.sulTotale .ggPerc:first-child{
	margin-left:0;
	}
#importiPagati .cestino,
.tablStam .cestino{
	cursor:pointer;
	margin-left:10px;
	}
	
.trTitoloDes{
	height:70px;
	width:100%;
	background-color: #f3f3f3;
	border-radius: 3px;
	white-space: normal !important;
	margin-bottom: 20px;
	box-sizing:border-box;
	padding:4px;
	}
.contPreventivo .divPagamento{
	display:inline-block;
	padding:10px 2px;
	font-size:11px;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	margin:0px 0px 5px 0px;
	width:11.5%;
	box-sizing:border-box;
	height:60px;
	vertical-align:top;
	background-color: #fff;
	overflow-y:auto;
	overflow-x:hidden;
	text-align:left;
	position:relative;
	}
.contPreventivo .divPagamento.dp1{
	font-size:18px;
	padding:0px;
	cursor:pointer;
	width: 5%; 
	color:#4090cd;
	display: flex;
	align-items: center;
	justify-content: center;
	}
.contPreventivo .divPagamento.tac{
	text-align: center;
	}
.contPreventivo .divPagamento.dp1::before{
	content: "";
	vertical-align: middle;
	display: inline-block;
	height: 100%;
	}
.contPreventivo .divPagamento.dp1 p{
	vertical-align:middle;
	display:inline-block;
	line-height: normal;
	text-align:center;	
	margin:0px;
	width:100%;
	}
.contPreventivo .divPagamento.larg{
	width: 10.4%;
	}
.contPreventivo .divPagamento.dp2{
	width: 13.33%;
	}
.contPreventivo .divPagamento.dp2b{
	width: 12.33%;
	}
.contPreventivo .divPagamento.dp3{
	width: 17.4%;
	}
.menuLaterale .contPP{
	position:absolute;
	top:0px;
	left:0px;
    z-index: 2;
	}
.menuLaterale .iconPP{
	background-image:url('../img/iconPP.png');
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	width:30px;
	min-height:30px;
	display:inline-block;
	}
.menuLaterale .giorniPP{
	font-size:12px;
	}
.pagRic{
	font-size:50px;
	color:#0f0;
	padding:70px;
	}
	
.grafico{
	width: 70%;
	height:calc(100% - 133px);
	display:inline-block;
	box-sizing: border-box;
	}		
.grafico .riepilogo{
	width:95%;
	height:100%;
	display:inline-block;
	box-shadow: 0 1px 6px 1px rgba(102,102,102,.15);
	border: 1px solid #d6dce1;
	box-sizing: border-box;
	overflow:auto;
	}		
.agenda{
	height:calc(100% - 133px);
	width: 30%;
	display:inline-block;
	vertical-align: top;
	}
.agenda .riepilogo{
	width:96%;
	height:100%;
	display:inline-block;
	box-shadow: 0 1px 6px 1px rgba(102,102,102,.15);
	border: 1px solid #d6dce1;
	box-sizing: border-box;
	}		
.agenda .tit{
	text-align:left;
	background-color: #EEE;
	width:100%;
	}
.agenda .contImpegni{
	height: calc(100% - 47px);
	}
.agenda .dp{
	color:#000;
	font-size:15px;
	font-weight:bold;
	display:inline-block;
	padding:15px 20px;
	width:calc(100% - 125px);
	box-sizing:border-box;
	}
.agenda .titolo{
	overflow:auto;
	padding:15px 3px;
	font-weight:bold;
	font-size:12px;
	line-height:12px;
	}
.agenda .descrizione{
	display:none;
	}
.agenda .evento{
	color:#fff;
	border-radius:3px;
	margin:5px;
	cursor:pointer;
	}
.agenda .evento.cal0{
	background-color:#c60604;
	}
.agenda .evento.cal1{
	background-color:#04b60d;
	}
.agenda .evento.cal2{
	background-color:#ff9812;
	}
.agenda .evento.cal3{
	background-color:#53abff;
	}
.subPage .contDdt{
	margin:50px 0px;
	}
.imgsGA{
	background-image:url('https://www.aglianese.it/img/icon/no-img.jpg');
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	min-height:600px;
	}
	
#totAdded{
	font-size:10px;
	color:#aaa;
	}	
#totAdded:empty:before{
    content:attr(data-text);
    font-style:italic;
	}	
#totAdded div{
	display:inline-block;
	vertical-align:top;
	margin:3px;	
	}	
#totAdded .d1a,.d1b{
	border-right:1px solid #aaa;
	padding-right:2px;
	}	
.codIvaPdf{
	font-size:10px;
	line-height:10px;
	display:inline-block;
	}		
.divDialog .button{
	font-size: 11px;
	line-height: 11px;
	padding: 5px;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	background-color: #2dceca;
	display: inline-block;
	width: 134px;
	min-height: 80px; 
	vertical-align: top;
	margin: 0px 5px 5px 0px;
	cursor: pointer;
	position: relative;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;	
	}	
.divDialog .bigIcon{
	font-size: 60px;
	margin-top: 10px;
	line-height: 60px;	
	}	
.divDialog .piu{	
	font-size: 30px;
	line-height: 30px;
	position: absolute;
	top: 10px;
	left: 10px;	
	}	
.divDialog .button:hover{
	background-color:#bbb;
	}	
.contIfra,
.contDivLightbox{
    position:fixed;
    opacity:1;
    z-index:1001;
    top:0%;
    height:100%;
    width:100%;
    background-color:rgba(255,255,255,0.9);
    text-align:center;
    -webkit-transition: 1500ms ease;
    -moz-transition: 1500ms ease;
    -ms-transition: 1500ms ease;
    -o-transition: 1500ms ease;
} 	
.contIfra{
    display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	}
.contIfra .soprIfra{
    font-size:10px;
   	display: flex;
	flex-wrap: wrap;
	width:220px;
	height:180px;
	border:1px solid #ccc;
	}
.contIfra iframe{
	width:200px;
	height:150px;
	margin:5px;
	border:0;
	}
	
.divLightbox{
    display: inline-block;
    width:calc(100% - 40px);
    height:calc(100% - 40px);
    box-sizing: border-box;
    margin:20px;
    background-color:#fff;
    color:#000;
    border-radius:0px;
    padding:15px;
    text-align:left;
    font-size:15px;
    overflow-y: auto;
    box-shadow: 0 1px 6px 1px rgba(102, 102, 102, .15);
	border: 1px solid #d6dce1;
	}    
.divLightbox .top{
    height: 30px;
    width: 100%;
    display: flex;
	justify-content: flex-end;
	} 
.divLightbox .top.fattAuto{
    height: 30px;
    width: 100%;
    display: table-row;
	justify-content: flex-end;
	} 
.divLightbox .top span{
    font-size:30px;
    margin:0px 10px;
    cursor:pointer;
    color:#aaa;
	}    
.divLightbox .top a{
    font-size:20px;
    margin:15px;
    cursor:pointer;
    color:#aaa;
	}    
.divLightbox .bottom{
    height: calc(100% - 30px);
    width: 100%;
    overflow-y: auto;
	}    
.bottom .contIspeAuto{
	font-size: 25px;
	overflow:hidden;
	}   
.fotoIspe{
	max-width: 300px;
	} 
.divLightbox .bottom .contPropAuto .annulla,
.divLightbox .bottom .contPropAuto .conferma,
.bottom .contPropAuto select.selVoci,
.bottom .contPropAuto .riquadroDateInterno,
.bottom .contPropAuto .preInsert,
.bottom .contPropAuto .insert,

.divLightbox .bottom .contIspeAuto .annulla,
.divLightbox .bottom .contIspeAuto .conferma,
.bottom .contIspeAuto select.selVoci,
.bottom .contIspeAuto .riquadroDateInterno,
.bottom .contIspeAuto .preInsert {
	font-size: 20px;
	}
#pageContratti select.selVoci{
	background-color:#eee;
	width:calc(100% - 40px);
	margin:0px 20px;
	position:relative;
	}
.contCampGestForm select.selVoci{
	background-color:#eee;
	width:calc(100% - 40px);
	margin:0px 20px;
	position:relative;
	}
.bottom .contIspeAuto select.selVoci{
	background-color:#eee;
	width:calc(100% - 40px);
	margin:0px 20px;
	position:relative;
	font-size: 30px;
	}

.bottom .contIspeAuto .preInsert {
	background-color:initial;
	color:#777;
	border-top:1px solid #eee;
	}
.bottom .contIspeAuto .insert {
	font-size: 20px;
	margin:0px 20px;
	padding:0px 5px;
	}
.divLightbox .bottom .contPropAuto table{	
	width:100%;
	}
.divLightbox .bottom .contPropAuto td{	
	vertical-align: 0px;
	width:50%;
	}
.divLightbox a{
	color:#000;
	text-decoration: underline;
	}

.divLightbox .annulla{
	display:inline-block;
	margin:5px 5px 5px 0px;
	padding:5px;
	font-size:12px;
	background-color:#aaa;
	color:#fff;
	border-radius:3px;
	cursor:pointer;
	}  
.divLightbox .conferma{
	display:inline-block;
	margin:5px;
	padding:5px;
	font-size:12px;
	background-color:#4090cd;
	color:#fff;
	border-radius:3px;
	cursor:pointer;
	box-shadow: 0px 0px 2px 1px #fff;
	}	


.delta .delta{
	display:inline-block;
	margin:0px;
	}	
.delta .importo{
	display:inline-block;
	margin-left:5px;
	}	
.delta .gre{
	color:#0f0;
	margin-left:5px;
	}	
.delta .red{
	color:#f00;
	margin-left:5px;
	}	

.contDareAvere{
	margin-top: 10px;
	width:100%;
	}
.contDareAvere .dareAvere{
	vertical-align:top;
	display:inline-block;
	width:50%;
	box-sizing:border-box;
	min-height:150px;
	}
.contDareAvere .add{
	margin-left:5px;
	cursor:pointer;
	font-weight:bold;
	color:#000;
	font-size:30px;
	}
.contDareAvere .delta{
	padding: 20px;
	}	
.contDareAvere .titolo{
	font-size: 35px;
	font-weight: bold;
	line-height: 35px;
	padding: 10px 0px; 
	color: #333;
	}
.contDareAvere .dareAvere:first-child{
	width:calc(50% - 1px);
	border-right:1px solid #333;
	}
.contConti {
	width:100%;
	box-sizing:border-box;
	margin:0px 10px;
	}

.contConti .dato{
	display:inline-block;
	width:20%;
	box-sizing:border-box;
	overflow:auto;
	vertical-align: top;
	text-align: left;
	}
.contConti .dato.larg{
	width:50%;
	}
.contConti .dato.importo{
	width: 20%;
	text-align: right;
	padding-right: 5px;
	background-color: #fafafa;
	border-radius:3px; 
	}
.contConti .dato.del{
	cursor:pointer;
	font-size: 15px;
	width:10%;
	}
.div0 .collDoc{
	display:inline-block;
	margin-left:5px;	
	vertical-align: top;
	text-align: left;
	}
.contDareAvere .collDoc .cestino{
	cursor:pointer;
	}
.contDareAvere .collDoc .docuColl{
	color:#000;
	}
.div0 .collDoc .testo{
	font-size: 100px;
	margin-top: 10px;
	line-height: 100px;
	color:#000;
	text-align: center;
	}
.div0 .button{
	cursor:pointer;
	font-size: 30px;
	margin-top: 10px;
	line-height: 30px;
	background-color: #2dceca;
	color:#fff;
	padding: 10px;
	border-radius: 3px;
	text-transform: uppercase;
	display: block;
	}
.contDareAvere .contTitolo{
	margin-bottom:20px;	
	min-height: 100px;
	}
	
nt-contLightbox{
    background-color: rgba(0,0,0,.4);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
    box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
	}
nt-lightbox. d1{
	background-color: rgba(0,0,0,.2);
    background-clip: padding-box;
    border: solid transparent;
    border-width: 1px 1px 1px 6px;
    min-height: 28px;
    padding: 100px 0 0;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
	}
.contTabella{
	padding: 10px;
	}
.contTabella .nomeRiga{
	background-color: #444;
	color:#fff;
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	}
.contTabella .nomeCella{
	box-sizing: border-box;
	display:inline-block;
	padding:5px;
	}
.contTabella .riga{
	background-color: #fff;
	color:#000;
	box-sizing: border-box;
	margin-bottom: 1px;
	padding:0px;
	width: 100%;
	overflow:hidden;
	display: flex;
	}
.contTabella .cella{
	box-sizing: border-box;
	display:inline-block;
	padding:5px 5px 5px 4px;
	border-left:1px solid #aaa;
	overflow:auto;
	vertical-align: top; 
	min-height: 33px;
	margin: 0;
	}
.contTabella .cella:first-child{
	padding:5px;
	border-left:0px solid #aaa;
	}
.contTabella .riga .del{
	cursor:pointer;
	position:absolute;
	font-size:20px;
	line-height:20px;
	top:-20px;
	right:10px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;	
	}
.contTabella .riga:hover .del{
	top:2px;
	}
.pulsanteSalva{
    position:fixed;
    border-radius:3px;
    box-shadow: 0px 0px 3px #aaa;
    background-color:#0574ff;
    text-align: center;
    color:#fff;
    font-size:20px;
    padding:10px;
    right:10px;
    bottom:10px;
    z-index:9999;
    opacity:0.9;
    border:1px solid #aaa;
    cursor:pointer;
    }
 .pulsanteSalva:hover{
     opacity:1;
 }
.ricLettera{
    position:fixed;
    right:0px;
	background-color:#fff;
    box-shadow: 0px 0px 3px #aaa;
    color:#000;
    padding:2px;
    font-size:11px;
    z-index: 2;
    border:1px solid #aaa;
	}
.pulsanteCents{
	color: #fff;
	background: linear-gradient(to right, #FF4B2B, #FF416C);
	border: 1px solid #FF4B2B;
	padding: 3px;
	cursor: pointer;
	border-radius: 3px;	
	margin: 0px 5px 5px 0px;
	display: inline-block;
	}
.pulsanteCents.on {
	background-color: #05ef0f;
	}
.pulsanteCents.pag{
	top: 2px;
	left: 20px;
	right: initial;
	}
.specchietto{
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 1px solid gray;
    background-color:#fff;
    overflow: auto;
    font-size: 11px;
    padding: 2px;
    resize: both;
	position:fixed;
	top:0px;
	left:0px;
	z-index:1;
	max-width: 30%;
	min-width: 300px;
	max-height: 170px;
	}
.specchietto table.sulTotale td{
	height:12px;
	}
.specchietto div{
    resize: none;
	}
.specchietto table.dato{
	line-height: 12px;
	font-size: 12px;	
	}
.specchietto .nomePuls{
	background:initial !important;
	}
.generaContratto{
	box-sizing: border-box;
	padding:20px;
	background-color: #7c96b7;
	border-radius:3px;
	cursor:pointer;	
	display:inline-block;
	margin: 0px 20px;
	color: #fff;
	text-align: center;
	width:300px;
	}
.generaContratto.FV{
	background-color: #c33226;
	}
.generaContratto::before{
	content: "";
	vertical-align: middle;
	display: inline-block;
	height: 100%;
	}
.generaContratto .a1{
	vertical-align:middle;
	display:inline-block;
	line-height: normal;
	text-align:center;	
	margin:0px;
	box-sizing: border-box;
	width:calc(100% - 40px);
	}
.generaContratto .a2{
	display:inline-block;
	width:30px;
	overflow:hidden;
	box-sizing: border-box;
	vertical-align:middle;
	font-size:30px;	
	}		
#contabileCollegato{
	margin-bottom:20px;
	}
#pagamentoCollegato{
	white-space: normal;
	margin-bottom:20px;
	background-color: #2dceca;
	}
#permutaCollegata{
	white-space: normal;
	margin-bottom: 20px;
	background-color: #2dceca;	
	}	
#numeFA{	
	font-size: 20px;
	line-height: 30px;
	color: #2dceca;	
	}
#numPagamentoCollegato{	
	display:inline-block;
	font-size: 20px;
	line-height: 30px;
	color: #2dceca;	
	vertical-align: top;
	cursor:pointer;
	}
#numPagamentoCollegato::before{
	content: "";
	vertical-align: middle;
	display: inline-block;
	height: 100%;
	}
#numPagamentoCollegato p{
	vertical-align:middle;
	display:inline-block;
	line-height: normal;
	text-align:center;	
	margin:0px;
	}	
.tutto{
	z-index: 1000;
	background-color: #fff;
	}	
select.selChosen{
	height:120px;
	width:100%;
	}	
	
.consegna td{
	padding:5px 0px;
	}	
	
.contRig .Rig{
	text-align:left;
	box-sizing:border-box;
	padding:10px 20px;
	width: 100%;
	border-top:1px solid #aaa; 
	}	
.contRig .ragSoc{
	font-size:24px;
	}	
#quanPubb{
	color: #999;
	}
.contEstratto{
	display: inline-block;
	background-color: #fff;
	padding: 5px;
	width:calc(33% - 10px);
	margin-right: 10px;
	box-sizing: border-box;
	border-radius:3px;
	box-shadow:0px 0px 1px 1px #aaa;
	height:110px;
	color: #999;
	cursor:default;
	min-width: 320px;
	margin-bottom:10px;
	}
.contEstratto::before{
	content: "";
	vertical-align: middle;
	display: inline-block;
	height: 100%;
	}
#quanPubb div,
.contEstratto div{
	vertical-align:middle;
	display:inline-block;
	line-height: normal;
	text-align:center;	
	margin:0px;
	}	
.contEstratto .diagramma{
	font-size: 40px;
	display:inline-block;
	color: #aaa;	
	width:100px;
	}	
.contEstratto .importoEstr{
	vertical-align:middle;
	display:inline-block;
	line-height: normal;
	text-align:center;	
	margin:0px;
	font-size:10px;
	color:#222;
	position: absolute;
	left: 5px;
	top:5px;
	height:100px;
	width:100px;
	cursor:pointer;
	z-index:2;
	}
.contEstratto .importoEstr::before{
	content: "";
	vertical-align: middle;
	display: inline-block;
	height: 100%;
	}
.contEstratto .importoEstr p{
	vertical-align:middle;
	display:inline-block;
	line-height: normal;
	text-align:center;	
	margin:0px;
	}	

.contEstratto .nome{
	font-size: 20px;
	display: inline-flex;
	flex-wrap: wrap;
	margin-left:10px;	
	width:calc(100% - 210px);
	text-align: left;
	white-space: nowrap;
	overflow:hidden;
	}	
.contEstratto .nome.add{
	width:calc(100% - 110px);
	}	
.contEstratto .contMenu{
	display:inline-block;
	width:100px;
	box-sizing: border-box;
	height:100px;
	}
	
#quanPubb .data,
.contEstratto .data{
	display:inline-block;
	cursor:pointer;
	width:50px;
	border: 1px solid #eee;
	border-top: 5px solid #eee;
	box-sizing: border-box;
	height: 50px;
	}	
#quanPubb .gg,
.contEstratto .gg{
	display:inline-block;
	font-size:30px;
	line-height:30px;
	width:50px;
	}	
#quanPubb .ma,
.contEstratto .ma{
	display:inline-block;
	font-size:12px;
	width:50px;
	}	
.contEstratto .stato{
	display:inline-block;
	cursor:pointer;
	width:50px;
	height:50px;
	font-size: 40px;
	}	
.contEstratto .stato::before{
	content: "";
	vertical-align: middle;
	display: inline-block;
	height: 100%;
	}
.contEstratto .stato div{
	vertical-align:middle;
	display:inline-block;
	line-height: normal;
	text-align:center;	
	margin:0px;
	}	

.contEstratto .ion-code-download{
	color:#0f0;
	}	
.contEstratto .del{
	display:inline-block;
	cursor:pointer;
	width:50px;
	font-size: 30px;
	}	
.contEstratto .contPdf{
	display: inline-block;
	vertical-align: top;
	width:50px;
	box-sizing: border-box;
	height:50px;
	cursor:pointer;
	font-size:20px;
	font-weight:bold;
	}
.contEstratto .contPdf::before{
	content: "";
	vertical-align: middle;
	display: inline-block;
	height: 100%;
	}
.contEstratto .contPdf .pdf{
	vertical-align:middle;
	display:inline-block;
	line-height: normal;
	text-align:center;	
	margin:0px;
	}	
	
.contCliAge{
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
	width:200px;
	margin-right: 10px;
	box-sizing: border-box;
	border-radius:3px;
	box-shadow:0px 0px 1px 1px #aaa;
	height:200px;
	color: #999;
	margin-bottom:10px;
	cursor:default;
	}
.contCliAge::before{
	content: "";
	vertical-align: middle;
	display: inline-block;
	height: 100%;
	}
.contCliAge div{
	vertical-align:middle;
	display:inline-block;
	line-height: normal;
	text-align:center;	
	margin:0px;
	}	
.contCliAge .nome{
	position:absolute;
	width:100%;
	padding:5px 0px;
	text-align:center;
	left:0px;
	overflow-x:hidden;
	}
.contCliAge .nome.top{
	top:0px;
	}
.contCliAge .nome.bot{
	bottom:0px;
	}
.contCliAge .piuCli{
	cursor:pointer;
	width:100%;
	font-size:120px;
	line-height:120px;
	padding:5px 0px;
	text-align:center;
	}
	
.contCliAge .contProv{
	width: 100%;
	position: absolute;
	padding: 5px 0px;
	text-align: center;
	bottom: 0px;
	left: 0px;
	}	
.contCliAge .icon{
	width:100%;
	font-size:180px;
	line-height:180px;
	text-align:center;
	}
.contProv{
	text-align: center;
	}
.contDivDialog .contProv{
	margin: 20px;
	background-color: #fff;
	color: #000;
	padding: 5px;
	border-radius: 3px;
	}
.contProv .pro{
	display:inline-block;
	font-size:12px;
	}
.contProv .tipo{
	display:inline-block;
	margin-left: 4px;
	box-sizing:border-box;
	min-height: 21px;
	border-radius: 3px;
	color: #222;
	cursor:pointer;
	width:30px;
	text-align: center;
	box-shadow:0px 0px 1px 1px  #eee;
	vertical-align: top;
	}
.contProv .tipo select{
	padding:0;
	font-size:10px;
	margin-left: 2px;
	}
.contProv .perc{
	text-align: center;
	border-radius: 3px;
	display: inline-block;
	box-sizing:border-box;
	width: 30px;
	overflow-x: auto;
	line-height: 18px;
	box-shadow:0px 0px 1px 1px  #eee;
	color:#222;
	margin-left: 4px;
	min-height: 21px;
	font-size: 11px;
	vertical-align: top;
	}
.contCliAge .del{
	position: absolute;
	text-align: center;
	top: -10px;
	right: -8px;
	cursor:pointer;
	}	
.contCliAge .ragSoc{
	position:absolute;
	width:100%;
	padding:5px 0px;
	text-align:center;
	left:0px;
	top:0px;
	}	
.contFatture{
	box-sizing:border-box;
	padding:1px;	
	}	
.contFattura{
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
	width:200px;
	margin-right: 10px;
	box-sizing: border-box;
	border-radius:3px;
	box-shadow:0px 0px 1px 1px #aaa;
	height:200px;
	color: #999;
	cursor:default;
	margin-bottom:10px;
	overflow: auto;
	}
.contFattura .ragSoc{
	width:100%;
	padding:5px 0px;
	text-align:center;
	color:#000;
	overflow: hidden;
	height: 27px;
	}	
.contFattura .fatPag{
	padding-top:5px;
	font-size:10px;
	width:100%;
	text-align:center;
	}	
.contFattura .fatPag.on{
	color:#53abff;
	}	
	
.contFattura .fattura{
	box-sizing: border-box;
	padding:0px 1px;
	}	
.contFattura .numDat{
	display: inline-block;
	width:30%;
	text-align:center;
	}	
.contFattura .numero{
	color:#c33226;
	font-size:30px;
	line-height:30px;
	}	
.contFattura .data{
	font-size:10px;
	}	
	
.contFattura .impo{
	display: inline-block;
	width:70%;
	vertical-align:top;
	text-align:right;
	}	
.contFattura .contProv{
	margin-top:2px;
	}	
.contFattura .rem{
	position: absolute;
	text-align: center;
	top: 8px;
	left: 4px;
	font-size: 16px;
	cursor:pointer;
	}	
.contFattura .del{
	position: absolute;
	text-align: center;
	top: 7px;
	right: 4px;
	font-size: 18px;
	cursor:pointer;
	}	
.contFattura .contImp{	
	width: 100%;
	text-align: center;
	margin-top: 0px;
	color:#000;	
	line-height: 12px;
	}
.contFattura .contImps{
	font-size:9px;
	width:calc(100% - 20px);
	margin:0px 10px;
	text-align:center;
	}
.contFattura .provSpec,
.contFattura .provGene{
	font-size:12px;
	line-height:12px;
	color:#000;	
	width:50%;
	}
.contSeriVoce,
.contPezzVoce{	
	border-top: 1px solid #a2cee9;
	width: 100%;
	background-color: #eee;
	font-size: 10px;
	}	
.contProvVoce{	
	border-top: 1px solid #a2cee9;
	width: 100%;
	}
.contSeriVoce tr,
.contPezzVoce tr{
	border-bottom: 1px solid #ccc;
	}
.contSeriVoce .contProv,	
.contPezzVoce .contProv,	
.contProvVoce .contProv{	
	box-sizing: border-box;
	margin-bottom: 4px;	
	text-align: left;
	width:calc(100% - 30px);
	display: inline-block;
	vertical-align: top;
	}
.contSeriVoce .del,
.contPezzVoce .del,
.contProvVoce .del{
	margin-left: 10px;
	}
.sulTotale .contProv{	
	box-sizing: border-box;
	margin-bottom: 4px;	
	text-align: left;
	}
.contSeriVoce .ragSoc:first-child,
.contPezzVoce .ragSoc:first-child,
.contProvVoce .ragSoc:first-child,
.sulTotale .ragSoc:first-child{
	margin-left: 0%;	
	}
.contSeriVoce .ragSoc,
.contPezzVoce .ragSoc,
.contProvVoce .ragSoc,
.sulTotale .ragSoc{
	display: inline-block;
	vertical-align: top;
	width: 39.5%;
	margin-left: 0.5%;
	font-size:12px;
	}
.contProvVoce .ragSoc:last-child,
.sulTotale .ragSoc:last-child{
	width: 20%;
	text-align: right;
	}
#provvigioni{
	cursor:pointer;
	border-top:1px solid #a2cee9;
	}	
#provvigioni:empty{
	border-top:0;
	}	

#tipoPrestazione .contSelVoci{
	margin:0px;
	}
.titoloTestHtml{
	margin: 20px 0px 20px 20px;
	font-size:40px;
	}
.tblTot{
	width:calc(100% - 50px);
	margin: 10px 25px 10px;
	background-color:#fff;
	}
.tdTot{
	color:#3388f1;
	width:100%;
	text-align:center;
	padding:10px 0px; 
	border-bottom:1px solid #3388f1;
	}
.tdTot1{
	color:#000;
	width:50%;
	text-align:left;
	padding:10px;
	}
.tdTot2{
	color:#000;
	width:50%;
	text-align:right;
	padding:10px;
	}
	
.cambioSez{
	font-size:40px;
	padding:5%;
	width:90%;
	text-align:center;
	}

td.editable{
	background-color:#fff;
	padding:5px 10px 5px;
	margin:0px 10px;
	height:20px;
	
	}
.spesometro table{
	border-spacing: 2px;
	border-collapse: initial;
	}

.contAmmo{
	text-align:center;
	}
.divTbl{
	width:100%;
	}
.divTbl td{
	text-align:right;
	padding: 10px;
	}
.divTbl td:first-child{
	text-align:left;
	}

.colonne{
	display: inline-block;
	width:50%;
	vertical-align:top;
	min-height: 30px;
	box-sizing: border-box;
	}

.colonne.blg{
	border-left:1px solid #fff;
	height:calc(100% - 60px);
	overflow:auto;
	}
.colonne.fb{
	cursor:pointer;
	height:calc(100% - 60px);
	overflow:auto;
	}
.contComp{
	width:100%;
	height:100%;
	}
.contComp .name{
	font-size: 40px;
	line-height: 40px;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin-top: 20px;
	}

.contComp .comp{
	box-sizing: border-box;
	border-radius: 3px;
	/*overflow: hidden;*/
	background-color: #ffffff;
	height: 60px;
	margin:0px 20px 5px;
	padding: 10px;
	position: relative;
	margin-bottom: 5px;
	counter-increment: number;
	overflow: auto;
	}
.contComp .comp:first-child{
	margin-top:20px;
	}
.contComp .comp:before{
	content: counter(number);
	color: #000;
	font-size: 14px;
	left:-18px;
	position:absolute;
	}
.contComp .codiComp{
	font-size:10px;
	}
.contComp .nomeComp{
	font-size:16px;
	font-weight:bold;
	}
.contDivDialog .combProd{
	background-color: #fff;
	color: #444;
	padding: 3px 5px;
	box-sizing: border-box ;
	border-radius: 3px;
	cursor: pointer ;	
	margin-bottom:5px;
	}
.contSeleMaga{
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	max-height: 140px;
	background: #fff;
	border-radius: 3px;
	}
.contContMaga {
	width:100%;
	box-sizing:border-box;
	font-size: 14px;
	line-height:16px;
	}
.contContMaga .dato{
	margin-bottom:2px;
	}
.contContMaga .dato{
	display:inline-block;
	width:40%;
	box-sizing:border-box;
	overflow:auto;
	vertical-align: middle;
	text-align: left;
	box-sizing: border-box;
	font-size: 11px;
	}
.contContMaga .dato.larg{
	width:40%;
	padding:0px 5px;
	}
.contContMaga .dato.importo{
	width: 17%;
	text-align: right;
	padding: 8px;
	background-color: #fafafa;
	border-radius:3px; 
	}
.contContMaga .dato.del{
	cursor:pointer;
	font-size: 15px;
	width:3%;
	text-align: center ;
	}
.nomeCliente .contContMaga .dato.importo{
	width: 5%;
	background-color: inherit;
	padding: 0px;
	}
.nomeCliente .contContMaga .dato{
	width: 46.5%;
	}
.nomeCliente .contContMaga .dato.larg{
	width: 46.5%;
	}
.contCliente .iconcina{
	font-size:18px;
	line-height:18px;
	position:absolute;
	top:0;
	right:0;
	}
table.scheProd tr{
	border-top: 1px solid #aaa;
	}
table.scheProd td:first-child{
	width:15%;
	}
.scheProd .td1{
	width:10%;
	}
.scheProd .td2{
	width:10%;
	}
.scheProd .td3{
	width:20%;
	}
.scheProd .td4{
	width:10%;
	}
.scheProd .td5{
	width:45%;
	font-size:10px;
	}
.scheProd .td5.stre{
	width:35%;
	}
.contEcom{
	width:100%;
	height:100%;
	}
.contEcom .comandi{
	height: calc(100% - 30px);
	width: 30%;
	display: inline-block;
	vertical-align: top;
	box-sizing:border-box;
	}
.contEcom .grafico{
	height: calc(100% - 30px);
	box-sizing:border-box;
	}
.contEcom .contCalendario{
	width:100%;
	height:28px;
	box-sizing:border-box;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:left;
	}
.compProd{
	margin: 20px;
	box-sizing: border-box;
	}
.compProd .scheProd{
	width:100%;
	}
.contCalendario .contCheCalSho{
	height:29px;
	width: 65px;
	display: inline-block;
	vertical-align: middle;
	}
.contCalendario .sele{
	padding: 0px 5px;
	margin-left: 10px;
	font-size: 20px;
	text-align: right;
	background-color: #08199e;
	color: #fff;
	}
.iconaFotoAppesa{
    margin:1%;
    width:31.33%;
    min-height:80px;
    display:inline-block;
    background-size:cover;
    background-position: center;
    position:relative;
    }
.bottom .iconaFotoAppesa{
    width:calc(100% - 10px);
	}
.iconaFotoAppesaClose{
    width:50%;
    max-width: 50px;
    height:50%;
    max-height: 50px;
    box-sizing: border-box;
    position:absolute;
    top:0px;
    right:0px;
    background-color:rgba(255,255,255,0.7);
    border-bottom-left-radius: 10px;
    font-size:22px;
    text-align:center;
    padding:10px 0px;
    }	
.contVoce .ricaScon{
	display:inline-block;
	color: #fff;
	background-color: #aaa;
	padding: 3px;
	cursor: pointer;
	border-radius: 3px;
	margin: 2px 2px 0px 0px;
	vertical-align: middle;
	font-size: 16px;
	}
.contVoce .ricaScon[data-state='on']{
	background-color: #0f0;
	}
.stampa{
	font-size: 14px;
	}
.stampa *{
	text-align:left;
	}
.stampa .spamComb{
	font-style:italic;
	font-size:10px;
	display:block;
	}
.tablStamOrdi{
	width: 100%;
	}
.tablStamOrdi td{
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	}
.tablStam{
	width: 100%;
	}
.tablStamOrdi .trTop,
.tablStam .trTop{
	border: 1px solid #aaa;
	background-color: #d6faff;
	}
.tablStam .tdBottom{
	text-align:right;
	}
.tablStam .imgProdStam{
	height:40px;
	}
.tablStam .trTop  td{
	padding:2px;
	}
.tablStam .trTop .td1{
	width:80px;
	overflow-x:hidden;
	}
.tablStam .trTop .tdIcon{
	width:30px;
	}
.tablStam .trTop .td2{
	width:calc(20% - 80px);
	}
.tablStam .trTop .td3{
	width:20%;
	}
.tablStam .trTop .td4{
	width:30%;
	font-size:9px;
	}
.tablStam .trTop .td5{
	width:30%;
	font-size:9px;
	}
	
.tablStam td{
	height:20px;
	}
.tablStamComb{
	width: 98%;
	display:inline-table;
	margin-bottom:3px;
	border-left: 1px solid #aaa;
	}
.tablStamComb tr:nth-child(even) {
	background-color: #eee;
	}
.tablStamComb tr:nth-child(odd) {
	background-color: #fff;
	}
.tablStamComb .prez{
	float: left;
	margin-right:20px;
	font-size:13px;
	}
.tablStamComb .prez b{
	font-size:15px;
	}
.tablStamComb .td1{
	width: 15%;
	}
.tablStamComb .td4{
	width: 15%;
	}
.tablStamComb .td2{
	width: 10%;
	}
.tablStamComb .td3{
	width: 50%;
	}
.tablStamComb .td5{
	width: 85%;
	font-size: 20px;
	}
.contSku{
	font-size:10px;
	margin: 20px;
	box-sizing: border-box;
	text-align: left;
	margin-top: 0px;
	background-color: #fff;
	padding: 10px;
	}
.contMovisDdt{	
	margin:0px 20px 20px 20px;
	cursor:pointer;
	}
.contMovisDdt .data{
	background-color: #db2d7b;
	color: #fff;
	box-sizing: border-box;
	border-radius: 3px;
	cursor: pointer;
	padding: 3px;
	margin-bottom: 3px;
	}
.contVoceOO{
	overflow:hidden;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
	}
.contVoceOO .remoVoce{
	position:absolute;
	top:10px;
	font-size:12px;
	color:#aaa;
	cursor:pointer;
	right:-2px;
	}
table.contVoce{
	width: calc(100% - 20px);
	margin: 10px 10px 10px 10px;
	table-layout:fixed;
	}
table.contVoce .td2{
	width:65%;
	}
table.contVoce .td2>div{
	overflow-x: auto 
	}
table.contVoce .td1{
	width:35%;
	cursor:pointer;
	white-space: nowrap;
	}
table.contVoce>tr:first-child{
	background-color: #eee;
	}
table.contVoce tr:first-child td{
	}

.buttStamDisp{
	display: inline-block;
	padding: 5px 10px;
	background: #aaa;
	margin: 3px;
	border-radius: 3px;
	color:#fff;
	cursor:pointer;
	}
.tablStam .add{
	font-size: 14px;
	margin-left: 10px;
	cursor:pointer;
	}
.tablStam .cest{
	float:right;
	font-size:20px;
	cursor:pointer;
	margin-right: 10px;
	}
input[type='text'].passClie{
	padding: 10px;
	line-height: 20px;
	margin: 0px 20px 20px;
	width: calc(100% - 40px);
	font-size: 12px;
	min-height: 37px;
	border:0px;
	}
#modoPagamento{
	cursor:pointer;
	min-height: 20px;
	}
.incrPrez{
	margin-left: 10px;
	font-size: 15px;
	cursor: pointer;
	font-weight: bold;
	vertical-align: middle;
	border-radius: 10px;
	display: inline-flex;
	align-content: center;
	justify-content: center;
	background: linear-gradient(to right, #FF4B2B, #FF416C);
	color: #fff;
	box-sizing: border-box;
	height: intrinsic;
	width: intrinsic;
	padding:1px;
	}
.minMax{
	font-size:11px;
	}
.minMaxUnit{
	font-size:14px;
	font-weight:bold;
	}
.incoTerm{
	width:100%;
	min-height:100%;
	box-sizing: border-box;
	text-align:center;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	background-image:url('../img/incoterms.png');
	}
.contScan{
	text-align:center;
	}
.videScan{
	height: 100%;
	width: 100%;
	max-width: 60vw;
	display: inline-block;
	}
.videScan.inactive{
	display:none;
	}
.contIspeAuto{
	height: 100%;
	overflow:auto;
	}
.divIspeAuto{
	height: 100%;
	width:100%;
	overflow:hidden;
	margin-top: 5px;
	}
.pannIspeAuto{
	height: 100%;
	overflow:auto;
	}
.pulsSalv{
	position:fixed;
	bottom:40px;
	right:40px;
	z-index:2;
	background-color:#0d7de3;
	color:#fff;
	width:150px;
	height:150px;
	font-size:80px;
	padding-top:33px;
	box-sizing: border-box;
	text-align:center;
	border:1px solid #eee;
	border-radius:100%;
	cursor:pointer;
	box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.16);
	}
.pulsSalv.left{
	right:210px;
	}
.pulsSalv.left2{
	right:380px;
	}
.imagZoom{
	position:fixed;
	z-index:2;
	top:0px;
	right:0px;
	width:50%;
	min-height:100%;
	box-sizing: border-box;
	text-align:center;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	background-color:rgba(255,255,255,0.7);
	}
.tblLavo{
	width:100%;
	border-collapse: collapse;
	border:1px solid #ccc;
	margin-bottom: 20px;
	}
.tblLavo tr:first-child{
	background-color: #eee;
	}
.tblLavo tr{
	border-bottom: 1px solid #ccc;
	}
table.spedAuto{
	width:calc(100% - 40px);
	margin:20px;
	border:1px solid #ccc;
	}
table.spedAuto .tblLavo td{
	width:auto;
	}
table.spedAuto>tbody>tr:nth-child(even) {
	background-color: #eee;
	}
td.tdLavo[class*=' ion']{
    width:30px;
	}

.control input:checked ~ .testo {
	text-decoration: line-through;
	}
.colu2{
	display:inline-block;
	vertical-align:top;
	width:50%;
	box-sizing:border-box;
	height: 100%;
	}
.colu2 textarea{
	margin: 0px 20px;
	box-sizing: border-box;
	width: calc(100% - 40px);
	height: 100%;
	}
.pulsTablTd{
	cursor: pointer;
	background-color: #a9deff;
	border-radius: 3px;
	padding: 5px;
	border-bottom: 2px solid #fff;
	}
.imgLogoAzie{
	height: 120px;
	}
.inseAutoManu{
	font-size: 12px;
	}
#fotoPrepDesc li{
	display:block;
	width: 100%;
	}

.reseCont{
	position: absolute;
	display: inline-block;
	margin-left: -21px;
	margin-top: 2px;
	cursor: pointer;
	}

#contScadenzarioSearch{
	margin-top: 0px;
	}
#pulsRibaSalv,
#pulsRiba,
#pulsRiceAvan{
	position: relative;
	width:calc(33.3333% - 5px);
	margin:0px 0px 0px 5px;
	height: 35px;
	background-color: #fff;
	border-radius: 3px;
	font-size: 12px;
	text-align: left;
	padding: 8px 8px;
	box-sizing: border-box;
	cursor: pointer;
	}
#pulsRiceAvan{
	margin:0px 5px 0px 0px;
	}
.divLightbox .top span.keyTop{
	font-size:12px;
	color: #000;
	}

.contDivLightbox .pulsUnixTime{
	text-align: left;
	width: 100%;
	overflow: auto;
	}
.contDivLightbox .pulsUnixTime .button{
	margin:2px 3px 0px;
	padding: 2px 10px;
	font-size: 15px;
	line-height: 15px;
	background-color: #db2d7b;
	}
.contDivLightbox .pulsUnixTime .button.off{
	background-color: #777;
	}
.dataDispOrdi{
	position: absolute;
	top: 5px;
	width: 100%;
	text-align: center;
	font-size: 10px;
	color: #000;
	}
.tablStamComb tr.inte{
	background-color: #444;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	overflow: auto;
	}
.tablStamComb tr.inte th{
	padding:20px 2px;
	border: 1px solid;
	}

.divLightbox .tablStamComb a {
	color: #fff;
	}
.divLightbox .tablStamComb.riceAvan a {
	color: #000;
	}
.divLightbox .tablStamComb a.btn.active{
	text-decoration: none;
	}
.divLightbox .tablStamComb tfoot td{
	background-color: #999;
	}
.divNumeFattDaPres{
	position: absolute;
	margin-left: 10px;
	font-size: 10px;
	line-height: 12px;
	color: #000;
	}

#gestZoom{
	-webkit-appearance: none;
	width: 100%;
	height: 15px;
	border-radius: 5px;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
	margin:40px 0px;
	}
#gestZoom:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ 
#gestZoom::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 40px; /* Set a specific slider handle width */
  height: 40px; /* Slider handle height */
  background: #008cff; /* Green background */
  cursor: pointer; /* Cursor on hover */
  border-radius:20px;
}

#gestZoom::-moz-range-thumb {
  width: 40px; /* Set a specific slider handle width */
  height: 40px; /* Slider handle height */
  background: #008cff; /* Green background */
  cursor: pointer; /* Cursor on hover */
  border-radius:20px;
}

.riceClie{
	width:calc(100% - 20px);
	margin:50px 20px;
	}
.riceClie tr{
	text-align:left;
	}
.riceClie tr:first-child{
	text-align:center;
	font-weight: bold;
	font-size: 30px;
	}
.riceClie tr:nth-child(even) {
	background-color: #eee;
	}
.riceClie tr:nth-child(odd) {
	background-color: #fff;
	}

.divLightbox .top span.spanTop{
	float: left;
	font-size: 12px;
	margin: 0 10px 0 0;
	}
.totaDdtSele{
	width: calc(100% - 40px);
	margin: 20px;
	background-color: #444;
	color: #fff;
	border-radius: 5px;
	}
.coloSpec{	
	margin: 0px 21px 20px;
	width: 50px;
	border-radius: 3px;
	cursor: pointer;
	min-height: 27px;
	background-color: #000;
	border: 1px solid #eee;
	}
.singleuser {
	cursor: pointer;
	padding: 10px;
	float: left;
	background: #f2f2f2;
	border: 1px solid #ccc;
	border-radius: 20px;
	margin-left: 10px;
	margin-top: 10px;
	}	

.combLott{
	margin: 0px 20px 2px;
	border-bottom: 1px solid #eee;
	}
.contButt{
	width:100%;
	display:flex;
	justify-content:center;
	flex-wrap: wrap;
	}
.pulsInfo{
	font-size:15px;
	margin-bottom:10px;
	font-style:italic;
	cursor: pointer;
	}
.iconNelTest{
	background-color: var(--color);
	padding: 1px 3px;
	border-radius: 3px;
	}



td[data-numegrup]::after{
	content: "(" attr(data-numegrup) " seriali)";
	font-style:italic;
	color:var(--color);
	}


#contListPrezProd{
	background-color: #eee;
	}

.campMapp{
	display:flex;
	flex-wrap: wrap;
	}
.campMapp h5{
	flex-basis: 100%;
	margin:0 3px;
	padding:3px;
	background-color:#ccc;
	border-top-right-radius: 5px;
border-top-left-radius: 5px;
	}
.coloMapp{
	background-color: var(--coloSemiTran);
	border-radius: 5px;
	height: 80px;
	border: 2px solid var(--color);
	color: var(--color);
	font-size: 60px;
	font-weight: bold;
	margin: 1px 3px 10px;
	flex-grow: 1;
	display: flex;
	align-content: center;
	justify-content: center;
	cursor:pointer;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	}
.coloMapp:before{
	content: attr(data-count);
	position:absolute;
	font-size:10px;
	left:10px;
	top:10px;
	color:#fff;
	}
.coloMapp:hover{
	background-color:var(--color);
	color:#fff;
	border: 2px solid #ccc;
	}
.assoMapp{
	font-size:30px;
	color:#fff;
	position:absolute;
	bottom:2px;
	right:2px;
	}
.combMapp{
	transform: rotate(15deg);
	font-size: 20px;
	line-height: 20px;
	padding: 5px 10px;
	position: absolute;
	background-color: #fff;
	right: 10px;
	border-bottom-left-radius: 10px;
	min-width: 40px;
	text-align: center;
	top: -10px;
	border: 1px solid var(--color);
	}
.coloMapp:hover .combMapp{
	background-color: #fff;
	border: 1px solid var(--color);
	color: var(--color);
	}


.contHomeMenuMobi{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:40px;
	}
A.pulsHomeMenuMobi{
	font-size: 10vw;
	width: calc(25% - 4vw - 4px);
	display: flex;
	flex-direction: column;
	margin: 2vw;
	border-radius: 50%;
	box-shadow: 2px 1px 3px  #ccc;
	position: relative;
	}
A.pulsHomeMenuMobi:before{
	content:'';
	padding-top:100%;
	
	}
A.pulsHomeMenuMobi div,
A.pulsHomeMenuMobi span{
	position:absolute;
	}
A.pulsHomeMenuMobi span{
	font-size: 2vw;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	}
A.pulsHomeMenuMobi div{
	bottom: 50%;
	left: 50%;
	transform: translate(-50%,30%);
	}
.contRiepEsenIVA{
	margin: 10px auto;
	max-width: 700px;
	font-size: 12px;
	}
.contRiepEsenIVA .nomeEsen{
	background-color: #fff;
	width:100%;
	}
.contRiepEsenIVA .contBarrEsen{
	background-color: #eee;
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid #eee;
	margin: 0px 0px 10px;
	box-shadow: 2px 3px 3px 0 rgba(103,109,111,.2);
	cursor:default;
	}
.contRiepEsenIVA .contBarrEsen:first-child{
	background-color: #666;
	}
.contRiepEsenIVA h2{
	color: #f00;
	margin: 3px;
	font-size: 14px;
	}
.barrEsen{
	text-align:left;
	}
.barrEsen span{
	margin-left:10px;
	}

.buttCreaOrdiProd,
button.buttCreaOrdiProd{
	cursor: pointer;
	background-color: #4660a6;
	color: #fff;
	padding: 0px 10px;
	border-radius: 3px;
	display: inline-block;
	white-space: nowrap;
	border: 0;
	text-transform: uppercase;
	appearance: none;
	outline: none;
	display:flex;
	align-items:center;
	}
button.buttCreaOrdiProd span{
	font-size: 25px;
	line-height: 25px;
	}

#contStatEsen td:nth-child(9){
	color:#c33226;
	}
#contStatEsen td:nth-child(10){
	color:#179d48;
	}
#contStatEsen td:nth-child(11){
	color:#2dceca;
	}

#contLBCapri{
	width:100%;
	}
#contLBCapri .button{
	margin:5px 0px;
	}
#contLBCapri td{
	text-align:right;
	}
#contLBCapri td:first-child{
	text-align:left;
	}
	
.contDettList h3{
	margin: 0px 0px 0px;
	background: #86aec4;
	color: #fff;
	padding: 0px 5px;
	}	
.preInsert .ion-ios-information-outline{	
	font-size: 20px;
	margin: 0px 0px 0px 10px;
	}	
	
#vociPreventivo[data-mercConf="off"] .buttCreaOrdiProd{
	visibility:hidden;
	}		
input.riceVari{
	width:calc(100% - 10px);
	margin: 5px auto;
	display: block;	
	}	
	
.contTuttVari{
	max-height: 400px;
	overflow: auto;
	background-color: #ccc;
	}
	
#contSeriFatt{
	display: flex;
	}	
.seriFatt{
	background: #eee;
	padding: 5px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	margin-right:5px;
	}	
.remoPrez{
	margin-left: 5px;
	color: #999;
	cursor:pointer;
	}	
#totaFatt{
	font-weight:bold;
	width:100%;
	margin-bottom: 50px;
	}	
#totaFatt td{
	border-bottom:1px solid #ccc;
	}
#contCanvFatt2{
	width:500px;
	margin:0px auto;
	}
.keep input[type='text']{
	padding-left:2px;
	}
.keep .tblPrec{
	width:100%;
	}	
.keep .tblPrec thead{
	border:1px solid #ccc;
	background: #f4f4f4;
	}
.keep .tblPrec thead td{
	text-align:center;
	}
.keep .tblPrec tbody{
	border: 1px solid #666;
	}
.keep .tblPrec textarea{
	min-height:initial;
	resize: none;
	color: #000;
	}	
.contStru{
	display:flex;
	margin: 0px 20px;
	}	
#tablNote{
	display:grid;
	width: calc(100% - 240px);
	grid-template-columns: [first] 20px [line2] 20px [line3] 20px [line4] 20px [five] auto[end];
	}	
#contColo{
	width:240px;
	}
.contFlex{
	display:flex;
	align-items: center;
	grid-column-start: 5;
  	grid-column-end: 5;
	}	
.loopNote{
	width: 10px;
	border: 1px solid #555;
	border-right: 0;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	}
#gridArma{
	margin:0px 20px 20px;
	width:calc(100% - 40px);
	display: flex;
	align-items: baseline;
	}
.arma{
	border:1px solid #ccc;
	margin-right:20px;
	}	
.arma .tdCB{
	width:25px;
	height:25px;
	border:1px solid #eee;
	}	

input[type=checkbox].cb + label.lcb {
	width:100%;
	height:100%;
	display:block;
	background-color:#fff;
	cursor:pointer; 
	}  
input[type=checkbox].cb:checked + label.lcb {	
	background-color:#222;
	}  

.contDistBase{
	margin-bottom:20px;
	}	
.diagram{
	display:grid;
	width:100%;
	gap: 5px;
	}		
.diagram .contBloc{
	display: flex;
	width: 200px;
	flex-wrap: wrap;
	justify-self: center;
	justify-content: space-around;
	}
.diagram .infoAggi{
	font-size:10px;
	width:100%;
	}
.diagram div.comb,
.diagram div.prod,
.diagram div.lavo {
	width: 100%;
	padding: 12px;
	}	
.diagram div.comb {
	background: #EEE;
	border: 2px solid;
	}
.diagram div.prod {
	background: #EEE;
	border: 2px solid #C0C0C0;
	}
.diagram div.lavo {
	border-radius: 20px;
	background: #FFFFFF;
	border: 2px solid;
	}	
.diagram .butt{
	text-transform: uppercase;
	text-align:center;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:18px;
	line-height:18px;
	color:#aaa;
	z-index:989;
	overflow: hidden;
	height: 25px;
	width: 25px;
	box-shadow: 2px 1px 3px  #ccc;
	border-radius: 50%;
	background-color:#fff;
	cursor:pointer;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
	}
.diagram .butt.sopr{
	position: absolute;
	top: -12px;
	}
.diagram .butt:hover{
	color:#fff !important;
	background-color:#ccc;
	}
.diagram .connGrid{
	margin:0px 100px;
	}	
.diagram .connGrid.left .sott,
.diagram .connGrid.left .sopr,
.diagram .connGrid.right .sott,
.diagram .connGrid.right .sopr{
	width:100%;
	}	
.diagram .connGrid.center .sott,
.diagram .connGrid.center .sopr{
	width:50%;
	}	
.diagram .connGrid.right .sopr{
	border-left:2px solid #aaa;
	border-bottom:2px solid #aaa;
	}	
.diagram .connGrid.right .sott{
	border-right:2px solid #aaa;
	}	
.diagram .connGrid.left .sopr{
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	}	
.diagram .connGrid.left .sott{
	border-left:2px solid #aaa;
	}	
.diagram .connGrid.center .sopr{
	border-right:2px solid #aaa;
	}	
.diagram .connGrid.center .sott{
	border-right:2px solid #aaa;
	}	
.contDaProd .chosen-container-single .chosen-single,
.diagram .chosen-container-single .chosen-single {
	padding: 0;
	line-height: initial;
	}	

.assoColoFila{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0px 20px 20px;
	border: 1px solid #86aec4;
	}	
.contInfoAggi{
	display: flex;
	flex-wrap: wrap;
	}	
	

.contDaProd{
	display:flex;
	margin-bottom: 20px;
	border: 1px solid #eee;
	flex-wrap: wrap;
	box-shadow: 0 1px 6px 1px rgba(102, 102, 102, .15);
	border: 1px solid #d6dce1;
	}

.contDaProd .nomeComb{
	font-size: 20px;
	background-color: #9b0ca3aa;
	padding: 10px 20px;
	box-sizing: content-box;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	}
.contDaProd .contDati{
	display: flex;
	width: 100%;
	overflow: hidden;
	justify-content: space-between;
	}
.contDaProd .contInpu{
	padding: 2px 0px;
	}
.contDaProd .contInpu:nth-child(2n+1){
	background-color: #eeeeee;
	}
.contDatiL{
	background-color: #eeeeee;
	display: flex;
	width: 20%;
	}
.contDatiR{
	display: flex;
	width: 80%;
	}
.contDaProd .fase{
	width:100%;
	display: flex;
	}
.contDaProd .colo{
	width:33.33%;
	display: flex;
	flex-wrap: wrap;
	}	
.contDaProd .colo:nth-child(3){
	border-left: 1px dashed #666;
	border-right: 1px dashed #666;
	}
.contGiac{
	background: #777;
	padding: 3px;
	border-radius: 3px;
	}
.divDialog .contValu,
#contSeriGene .contValu,
.contGiac .contValu,
.contDaProd .contValu{
	width:100%;
	display: flex;
	align-items: center;
	margin-bottom: 5px;
	}
.contDaProd .contValu{
	border-top: 1px solid #ccc;
	}
#contSeriGene .preInsert{
	margin:0;
	}
#contSeriGene .contSelChosen{
	margin:0;
	min-height:30px;
	}
#contSeriGene .chosen-container-single .chosen-single {
	padding: 3px 0 0 5px;
	}
#contSeriGene .rigaSeri{
	border-bottom:1px solid #fff;
	margin-bottom:12px;
	}	

.contDaProd .contValu.prod{
	padding-right: 3px;
	}
.contDaProd .contValu.prod::after{
	content:'*';
	color:#f00;
	margin-left: 2px;
	font-weight: bold;
	}
.pulsanteCents.prod{
	background: linear-gradient(-45deg, #FF4B2B, #FF416C, #edad16, #ffce0a);
	background-size: 400% 400%;
	animation: gradient 5s ease infinite;
	}
.pulsanteCents.gruppo{
	background: linear-gradient(to right, #5fc060, #46d162);
	border: 1px solid #29ac09;
	}
.contDaProd[data-showed="hided"] .pulsanteCents{
	background: #ddd;
	}
.contDaProd[data-showed="hided"] .contDati{
	display:none;
	}
.contDaProd .bckg{
	background: #f92f9d;
	width: 5px;
	position: absolute;
	height: 100%;
	z-index: 0;
	}
.contDaProd .qta{
	margin-left:5px;
	width:calc(100% - 20px);
	}
.contDaProd .UM{
	font-size:11px;
	width:20px;
	
	}
.contDaProd .selVoci.selDoc{
	position:relative;
	background: linear-gradient(to right, #FF4B2B, #FF416C);
	border: 1px solid #FF4B2B;
	color:#fff;
	padding: 3px;
	font-size: 15px;
	}	
.contDaProd .selVoci.selDoc option{
	background-color: #ccc;
	box-shadow: 0 1px 0 #ccc;
	}
.contDaProd .fase[data-stato="ddt"]:after,
.contDaProd .fase[data-stato="doit"]:after{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background-color:#ffffffcc;
	z-index: 0;
	}		
.contDaProd .barr{
	position: absolute;
	box-sizing: border-box;
	width: calc(100% - 0px);
	height: 2px;
	top: 0px;
	}	
.contDaProd .valu{
	display: flex;
	flex-wrap: wrap;
	margin-left: 5px;
	align-items: center;
	}	
.contDaProd .preInseSmal{
	font-size:8px;
	background-color:#eee;
	width: 100%;
	}	
.contDaProd input[type='text'] {
	padding: 2px;
	height: 20px;
	padding-left: 2px;
	margin-left: 0px;
	}	
.contDaProd .contInpu:nth-child(2n+1) .preInseSmal{
	background-color:#fff;
	}	
.hr{
	border-bottom: 1px solid #c9c9c9;
	margin: 2px 0px;
	width: 100%;
	}
		

.mobile .contDaProd .fase{
		flex-wrap: wrap;
		margin-bottom: 20px;
		}
.mobile .contDaProd .colo{
		width:100%;
		}
.mobile .contDaProd .colo:nth-child(1){
		order:3;
		}
.mobile .contDaProd .colo:nth-child(2){
		order:2;
		}
.mobile .contDaProd .colo:nth-child(3){
		order:1;
		}
		
.mobile .contDaProd .colo:nth-child(3){
		border-left: 0px dashed #666;
		border-right: 0px dashed #666;
		border-top: 1px dashed #666;
		border-bottom: 1px dashed #666;
		}
	
	
/*						INIZIO	LBC									*/	
        
.LBC [data-ddtricevuto="off"] table.quantVoce .td4,			
.LBC [data-ddtricevuto="off"] #contEditSlow,
.LBC [data-ddtricevuto="on"] #contEditSlow{
	display:none !important;
	}
.LBC table.quantVoce .td1 .td2{
	font-size:16px;
	}
	
.LBC .trNomeGene,
.LBC .trtradNome,
.LBC .trDescWeb,
.LBC .trImags,
.LBC #cateProdEcom,	
.LBC #contTagsProd,	

.LBC [data-ordiforn="pro"] #inseAutoManu,					
.LBC [data-ordiforn="pro"] #contDescPrimPagi,					
.LBC [data-ordiforn="pro"] #inpsMostra,					
.LBC [data-ordiforn="pro"] #scadenzaMostra,					
.LBC [data-ordiforn="pro"] #primaMostra,					
.LBC [data-ordiforn="pro"] #descrizioniMostra,					
.LBC [data-ordiforn="pro"] #mercConf,					
.LBC [data-ordiforn="pro"] #prezziMostra,					
.LBC [data-ordiforn="pro"] #merceSpedita,					
.LBC [data-ordiforn="pro"] #mostAgen,					
.LBC [data-ordiforn="pro"] #lingDocu,					
.LBC [data-ordiforn="pro"] #qualBanc,					
.LBC [data-ordiforn="on"] #inseAutoManu,					
.LBC [data-ordiforn="on"] #contDescPrimPagi,					
.LBC [data-ordiforn="on"] #inpsMostra,					
.LBC [data-ordiforn="on"] #scadenzaMostra,					
.LBC [data-ordiforn="on"] #primaMostra,					
.LBC [data-ordiforn="on"] #descrizioniMostra,					
.LBC [data-ordiforn="on"] #mercConf,					
.LBC [data-ordiforn="on"] #prezziMostra,					
.LBC [data-ordiforn="on"] #merceSpedita,					
.LBC [data-ordiforn="on"] #mostAgen,					
.LBC [data-ordiforn="on"] #lingDocu,					
.LBC [data-ordiforn="on"] #qualBanc,					
.LBC [data-ordiforn="off"] #inseAutoManu,					
.LBC [data-ordiforn="off"] #contDescPrimPagi,					
.LBC [data-ordiforn="off"] #inpsMostra,					
.LBC [data-ordiforn="off"] #scadenzaMostra,					
.LBC [data-ordiforn="off"] #primaMostra,					
.LBC [data-ordiforn="off"] #descrizioniMostra,					
.LBC [data-ordiforn="off"] #mercConf,					
.LBC [data-ordiforn="off"] #prezziMostra,					
.LBC [data-ordiforn="off"] #merceSpedita,					
.LBC [data-ordiforn="off"] #mostAgen,					
.LBC [data-ordiforn="off"] #lingDocu,					
.LBC [data-ordiforn="off"] #qualBanc,					

.LBC [data-ddtricevuto="on"] table.quantVoce .td1.td3,			
.LBC [data-ddtricevuto="off"] table.quantVoce .td1.td3,			
.LBC [data-ddtricevuto="on"] table.quantVoce .td4,			
.LBC [data-ddtricevuto="off"] table.quantVoce .td4,			
.LBC [data-ddtricevuto="on"] .barrQuan,
.LBC [data-ddtricevuto="on"] .tracSped,	
.LBC [data-ddtricevuto="on"] .sconAcco,			
.LBC [data-ddtricevuto="off"] .barrQuan,
.LBC [data-ddtricevuto="off"] .tracSped,	
.LBC [data-ddtricevuto="off"] .sconAcco,			
.LBC [data-ddtricevuto="on"] #inseAutoManu,					
.LBC [data-ddtricevuto="on"] #contListPrezProd,					
.LBC [data-ddtricevuto="on"] #contDescPrimPagi,					
.LBC [data-ddtricevuto="off"] #inseAutoManu,					
.LBC [data-ddtricevuto="off"] #contListPrezProd,					
.LBC [data-ddtricevuto="off"] #contDescPrimPagi,					
.LBC [data-ddtricevuto="off"] #inpsMostra,					
.LBC [data-ddtricevuto="off"] #scadenzaMostra,					
.LBC [data-ddtricevuto="off"] #primaMostra,					
.LBC [data-ddtricevuto="off"] #descrizioniMostra,					
.LBC [data-ddtricevuto="off"] #mercConf,					
.LBC [data-ddtricevuto="off"] #prezziMostra,					
.LBC [data-ddtricevuto="off"] #merceSpedita,					
.LBC [data-ddtricevuto="off"] #mostAgen,					
.LBC [data-ddtricevuto="off"] #qualBanc,					

.LBC [data-ddtricevuto="off"] #aggiCent,					
.LBC [data-ddtricevuto="on"] #aggiCent,					
.LBC [data-ddtricevuto="off"] #sottCent,					
.LBC [data-ddtricevuto="on"] #sottCent,					
.LBC [data-ddtricevuto="off"] #marcBoll,					
.LBC [data-ddtricevuto="on"] #marcBoll,					
.LBC [data-ddtricevuto="off"] #calcScon,					
.LBC [data-ddtricevuto="on"] #calcScon,		
.LBC .titoloPrezzo .ion-edit,
.LBC [data-ddtricevuto="on"] .contSeriVoce,	
.LBC [data-ddtricevuto="off"] #trCreaNuov,					


.LBC [data-ddtricevuto="off"] #moviMagaColl,					
.LBC [data-ddtricevuto="on"] #inpsMostra,					
.LBC [data-ddtricevuto="on"] #scadenzaMostra,					
.LBC [data-ddtricevuto="on"] #primaMostra,					
.LBC [data-ddtricevuto="on"] #descrizioniMostra,					
.LBC [data-ddtricevuto="on"] #portoMostra,					
.LBC [data-ddtricevuto="on"] #mercConf,					
.LBC [data-ddtricevuto="on"] #prezziMostra,					
.LBC [data-ddtricevuto="on"] #merceSpedita,					
.LBC [data-ddtricevuto="on"] #ddtDaFatturare,					
.LBC [data-ddtricevuto="on"] #mostAgen,					
.LBC [data-ddtricevuto="on"] #lingDocu,					
.LBC [data-ddtricevuto="on"] #qualBanc,					
.LBC [data-ddtricevuto="on"] #moviMagaColl,					
.LBC [data-ddtricevuto="on"] #mostraPezze,					
.LBC [data-ddtricevuto="on"] #critPrelAuto,
.LBC [data-ddtricevuto="on"] .div1R0 .sulTotale{
	display:none;
	}	
.LBC .sulTotale.causaleDDT{
	display:block;
	margin: 4% 4% 4% !important;
	}	
.LBC [data-ddtricevuto="on"] #contSettDocu{
	margin-left:0px;
	text-align: center;
	min-height: initial;
	}
.LBC .trTitoloDes{
	height:30px;	
	}
	
/*						FINE	LBC									*/	

/*						INIZIO  BL									*/
.BL .dettBL #contDescPrimPagi,
.BL .dettBL .blocCent{
	display:none;
	}











/*						FINE  	BL									*/
	
.contEditDefe{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	}	
.contEditDefe select,
.contEditDefe button{
	max-width: 50vw;
	border-radius: 20px;
	border: 1px solid #068bf7;
	background: #1fc5f5;
	background: -webkit-linear-gradient(to right, #068bf7, #1fc5f5);
	background: linear-gradient(to right, #068bf7, #1fc5f5);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
	position:relative;
	color: #FFFFFF;
	font-size: 12px;
	padding: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: transform 80ms ease-in;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	margin: 0px 0px 10px;
	outline:none;
	}	
	
.contCampGestForm{
	margin-bottom: 20px;
	}	
	
.fase[data-showed="hided"] .pulsanteCents{
	background: #ddd;
	}
.fase[data-showed="hided"] .colo{
	max-height: 29px;
	overflow: hidden;
	}	
.fase[data-showed="hided"] .contInpu,
.fase[data-showed="hided"] .contSelChosen,
.fase[data-showed="hided"] .conv,
.fase[data-showed="hided"] .pulsanteCents,
.fase[data-showed="hided"] .valu{
	display:none;
	}
.fase[data-showed="hided"] .contInpu{
	display:none !important;
	}
.fase[data-showed="hided"] .valu[data-nome="true"]{
	display:flex;
	width:100% !important;
	font-size:12px;
	}
.fase[data-showed="hided"] .pulsanteCents[data-occh="true"]{
	display:inline-block;
	}
.fase .numeRino{
	position:absolute;
	top:0px;
	right:0px;
	font-size:8px;
	color:#fff;
	}	

.rimuData{
	position:absolute;
	z-index:2;
	font-size:25px;
	top:12px;
	cursor:pointer;
	right:3px;
	color:#444;
	}	
.tdContClic{
	color: #2595e7;
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
	}	

tr[data-creaPrec]{
	font-style:italic;
	opacity:0.5;
	}
	
/* 		PREVENTIVI AGENTI				*/	
#email-input-container {
  border: 1px solid #ccc;
  padding: 5px;
  min-height: 40px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}

#email-tags .tag {
  background-color: #e2e6ea;
  border-radius: 20px;
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
}

#email-tags .tag .remove {
  margin-left: 8px;
  cursor: pointer;
  font-weight: bold;
}

#email-input {
  border: none;
  outline: none;
  flex: 1;
  min-width: 150px;
}
	
div[data-spunta="0"]{
	color:initial;
	}
div[data-spunta="1"]{
	color:#ed9525;
	}
div[data-spunta="2"]{
	color:#0f0;
	}
	
.new2025 {
  position: absolute;
  top: 10px;
  right: 10px;
  background: linear-gradient(135deg, #ff416c, #ff4b2b); /* sfumatura vivace */
  color: white;
  font-weight: bold;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 20px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
  text-transform: uppercase;
  letter-spacing: 1px;
  animation: pulse 1.5s infinite;
}

/* Effetto di pulsazione leggero */
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.08); }
  100% { transform: scale(1); }
}