@import url("open-sans.css");
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans);*/

:root
{--link-color: #1780b4;
/*--h1-color: #1780b4;*/
--h1-color: #000;
--h3-color:#3b3b3b;
--txt-color:#3b3b3b;
--link-secondari:#daa92d;
--border-box:#545454;
--colore-principale:#545454;
--canvas-color: #d692b4;
--elimina:#dc3545;
--verde: #09ab87;
--bottoni-std: #545454;
}

body {
font-family:'Open Sans', sans-serif;
width:100vw;
height:100vh;
height: calc(var(--vh, 1vh) * 100);
background-color:#f5f5f5;
font-size:14px;
color:var(--txt-color);
letter-spacing:.6px;
margin:0;
padding:0;
}

.linkneutro, .linkneutro:visited{
	color:var(--verde);
	text-decoration:underline!important;
}
.linkneutro:hover{
	color:var(--txt-color);
	text-decoration:underline!important;
}

textarea:focus, input:focus {outline: none;}

::selection {background:#a4d1d3; color:#FFF;}
::-moz-selection {background:var(--link-color); color:#FFF;}

article,aside,figure,footer,header,address,nav,section,video,select {display:block; margin:0; padding:0;}
ul,li,form,p,h1,h2,h3,h4,input {list-style-type:none; margin:0; padding:0;}
img,select {border:0;}
a:link,a:hover,a:visited {outline:none; text-decoration:none;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {   -webkit-appearance: none; margin: 0; }
input[type=number] {-moz-appearance:textfield; /* Firefox */}

input[type=text].right-txt{text-align:right;}
.invisible{visibility: hidden;}
.border {border-radius:8px 8px 8px 8px;}
.shadow_box {box-shadow:0 8px 42px 0 rgba(0,0,0,0.08);}
.shadow_box2 {box-shadow:0 4px 20px 0 rgba(0,0,0,0.08);}
.shadow_login {box-shadow:-20px 0 60px 0 rgba(0,0,0,0.28);}
.transitions-btn {
-webkit-transition:all 0.4s ease-in-out 0s;
-moz-transition:all 0.4s ease-in-out 0s;
transition:all 0.4s ease-in-out 0s;
}
.notifcount {
	background: red;
	color: #FFF;
	font-weight: bold;
	min-width: 16px;
	height: 16px;
	float: right;
	border-radius: 8px;
	text-align: center;
	line-height: 16px;
	margin-left: 10px;
	font-size: 12px;
  }
.displayNone{display: none !important;}

.container {
width:100%;
margin-right:auto;
margin-left:auto;
}

.clearLeft {clear:left;}

.destra {float:right!important;}

.no-margins {margin:0!important;}

.ddt_annullato {color: #999; text-decoration: line-through;}
#missinggps{
	float: left;
	background-color: red;
  color: #fff;
  padding: 10px;
  margin-top: 10px;
  border-radius: 10px;
}
#missinggps2{
	float: left;
	background-color: rgb(255, 208, 0);
  color: #fff;
  padding: 10px;
  margin-top: 10px;
  border-radius: 10px;
}
#js_appContainer {
position:absolute;
top:80px;
left:130px;
overflow:auto;
bottom:0;
right:0;
padding-top:20px;
padding-right:30px;
padding-left:30px;}
#js_appContainer:after {
content:"";
display:block;
height:30px;
width:100%;
float:left;}
#js_appContainer.nomenu {left: 0; top: 60px; bottom: 0px;}
select {height:37px;}

#visita-in-corso {
  float: left;
  width: 100%;
  height: 25px;
  line-height: 25px;
  background-color: red;
  text-align: center;
  color: #FFF;
  z-index: 100;
  position: relative;
}

#js_appContainer.warnactive{top:85px;}

#app_overlay {
position:absolute;
top:80px;
left:130px;
bottom:0;
right:0;
background-color:rgba(255,255,255,0.5);
opacity:0;
z-index:1;}

#loading_pages {
position:absolute;
top:80px;
left:130px;
bottom:0;
right:0;
background-color:rgba(255,255,255,0.5);
opacity:0;
background-image:url(../images/loading128.gif);
background-repeat:no-repeat;
background-position:center center;
z-index:1;}

.animate_fading {transition:opacity 1s ease-in-out;}

.fadeInElement {opacity:1!important;}

.fadeOutElement {opacity:0!important;}
#modal_loader{
	background-color: rgba(255,255,255,0.5);
	background-image: url(../images/loading64.gif);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	display:none;
}

.box-bianco {background-color:#FFF; float:left;  padding:10px 15px 15px; margin-top: 10px; margin-bottom: 10px;}

.box-bianco2 {background-color:#FFF; float:left;padding:10px 15px;}
.mini-box-bianco {
	background-color:#FFF;
	float:left;
	margin:10px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.titoli {
float:left;
width:100%;
padding-bottom:10px;
padding-top:10px;
}
/*.titoli a {margin-top: 10px;}*/
form a.bottoni.btn_modifica.border.transitions-btn.destra {
    margin-top: 0;
    margin-left: 15px;
}

.bottoni {
background-color:var(--bottoni-std);
color: #fff;
font-size:14px;
line-height:40px;
font-weight:400;
text-align:center;
border-radius:30px!important;
background-repeat: no-repeat;
background-position: 25px center;
padding-left: 55px !important;
background-size: 20px;
padding-right: 40px;
margin-left: 5px;
margin-right: 5px;
}
.bottoni.noicon{padding-left: 40px !important;}

.bottoni_active {
background-color:#666666;
color:#FFFFFF;
font-size:14px;
line-height:40px;
font-weight:400;
text-align:center;
float:left;
padding-right:40px;
padding-left:20px;
background-image:url(../images/ok-bianco.png);
background-repeat:no-repeat;
background-position:96% center;
width:100%;
}

.btn_modifica {background-image:url(../images/modifica-hover.png);float: left;margin-right:10px;}
.btn_execute {background-image:url(../images/execute.png);float: left;margin-right:10px;}
.btn_import {background-image:url(../images/import.png);float: left;margin-right:10px;}
.btn_scarica {background-image:url(../images/csv.png);float: left;margin-right:10px;}
.BTN {float: right;
    margin-top: 50px;
    background-color: var(--link-secondari);
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    font-weight: 400;
    text-align: center;
    border-radius: 30px !important;
    background-repeat: no-repeat;
    background-size: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 75px;
    padding-right: 40px;
    background-position: 30px center;
margin-left: 10px;
margin-right: 10px;}
.msg_actions .BTN {margin-top: 0px;}
.BTN_ddt {background-image:url(../images/ddt.png);}
.BTN_barcode {background-image:url(../images/qr-code.png);}
.BTN_inviaordine {background-image:url(../images/inviaordine.png);}

.btn_cerca {background-image:url(../images/cerca_link.png); 
    background-position: 20px center;
    padding-left: 50px !important;
    padding: 10px;
    padding-right: 30px;
    background-size: 16px;
}

.btn_cerca-simbolo {
background-color:#ffc252;
padding-right:15px;
padding-left:10px;
padding-top:10px;
border-radius:30px!important;
background-image:url(../images/cerca_link.png);
background-repeat:no-repeat;
background-position:center center;
float:right;
}

.btn_file {
background-image:url(../images/cerca_link.png);
background-repeat:no-repeat;
background-position:98% center;
padding-right:50px!important;
}

.BTNsalva { background-image: url(../images/save.png);}
.BTNcheck { background-image: url(../images/check.png);}
.BTNsalva_img { background-image: url(../images/add-image.png) !important;}
.BTN_inserisciordine {background-image: url(../images/insert.png);}
.BTNbozza {background-color:#acad97; background-image:url(../images/draft.png); background-size: 25px;}
.BTNAnnulla {background-color: #666; background-image: url(../images/annulla1.png); background-size: 20px;margin-right: 20px;}
.BTNsalva:hover, .BTN_ddt:hover, .BTN_barcode:hover, .BTNAnnulla:hover, .BTNbozza:hover, .BTN_inserisciordine:hover, .BTN_inviaordine:hover, .BTNsalva_img:hover, .BTN_comm:hover {background-color:var(--txt-color); box-shadow:none; color:#FFF;}
.BTN_seleziona {
font-size:14px;
line-height:30px;
font-weight:400;
text-align:center;
border-radius:30px!important;
background-color:#FFF;
color:var(--txt-color);
padding:10px 25px;
}

.BTN_cambiapiano {
font-size:14px;
line-height:40px;
font-weight:400;
text-align:center;
float:left;
padding-right:50px;
padding-left:25px;
background-image:url(../images/shop.png);
background-repeat:no-repeat;
background-position:90% center;
margin-left:16%;
border-radius:30px!important;
}

.BTN_cambiapiano:hover {
background-color:var(--txt-color);
box-shadow:none;
color:#FFF;
background-image:url(../images/shop_hover.png);
}

.btn-sfondo-blu {
background-color:var(--link-color);
color:#fff;
}

.btn-sfondo-white {
background-color:#fff;
color:var(--txt-color);
}

.BTN_inserisci {
background-color:var(--bottoni-std);
float:left;
background-image:url(../images/insert.png);

}

.BTN_comm {
background-image:url(../images/invia-fatt.png)!important; float: left;
}
.BTN_xml {background-image:url(../images/xml.png)!important;}
.BTNlogin {
background-color:var(--link-color);
color:#fff;
font-size:14px;
line-height:40px;
font-weight:400;
text-align:center;
float:left;
padding-right:50px;
padding-left:50px;
margin-left:20%;
border-radius:30px!important;
}

.BTNreg {
background-color:var(--link-color);
color:#fff;
font-size:14px;
line-height:40px;
font-weight:400;
text-align:center;
float:left;
padding-right:50px;
padding-left:50px;
margin-left:20px;
border-radius:30px!important;
}
.filtri_top { float: right; padding-bottom: 10px; margin-top: -20px;}
.box_dalal {
    display: grid;
    grid-template-columns: 20% 30% 100px;
    gap: 10px;
    align-items: center;
    justify-content: end;
    margin-top: 20px;
    background-color: #fff;
    border-radius: 8px;
    padding: 10px;
}
.dal_al {display: block;}
.extra-info-titoli { float:left; font-size:14px; line-height:26px; color:#666; padding-bottom:15px;}
.extra-info-titoli2 {
float:left;
width:100%;
font-size:14px;
line-height:22px;
padding-bottom:15px;
padding-top:10px;
text-align:center;
}

input[type="text"],input[type="search"],input[type="password"],input[type="number"],input[type="date"],input[type="datetime-local"] {
border:1px solid #999;
border-radius:8px;
box-sizing:border-box;
vertical-align:baseline;
line-height:35px;
padding-right:5px;
padding-left:5px;
color:var(--txt-color);
font-weight:400;
height:35px;
}
input[type="text"]:disabled,input[type="search"]:disabled,input[type="password"]:disabled,input[type="number"]:disabled,input[type="date"]:disabled {background-color: #e3e3e3 !important;}

textarea {
border:1px solid #999;
border-radius:8px;
box-sizing:border-box;
vertical-align:baseline;
line-height:22px!important;
color:var(--txt-color);
font-weight:400;
height:110px;
font-size:14px!important;
padding:10px;
}

.filtri-tabelle {
	float: right;
    width: 100%;
    font-size: 14px;
    line-height: 37px;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #FFF;
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 8px;
    margin-top: 10px;
}

.centox100 {
width:100%;
font-size:14px;
line-height:25px;
font-family:'Open Sans', sans-serif;
}
.centox90 {
width:88%;
font-size:14px;
line-height:25px;
font-family:'Open Sans', sans-serif;
}
.centox50 {width: 80%; margin-right: 10px;}
.width100 {
float:left;
width:95%;
}

.input210 {
width:210px;
}

.txt-input {
padding-right:20px;
}

.indietro_box {float:left; margin-bottom:15px; width:100%; text-transform: capitalize; font-weight: 600;}
.bc_link{  float: left;}
.bc_divider{  float: left;  background-image:url(../images/apri-menu.png); transform: rotate(-90deg); background-position: center; background-repeat: no-repeat;  width: 25px;  height: 25px;}

.indietro-pg {
font-size:14px;
text-transform:capitalize;
font-weight:600;
background-image:url(../images/indietro-pg.png);
background-repeat:no-repeat;
background-position:left center;
padding-left:35px;
line-height:30px;
text-decoration:none;
color:var(--txt-color);
}

.indietro-pg:hover {
background-image:url(../images/indietro-pg-hover.png);
color:var(--link-color);
}

.titoli-inserimenti_big, .titoli-inserimenti, .titoli-inserimenti_big15, .titoli-inserimenti_big24{
	float: left;
	width: 100%;
	line-height: 24px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: var(--bottoni-std);
	padding-top: 5px;
	padding-bottom: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .6px;
	margin-bottom: 10px;
}

.ic_logo_aziendale {
float:left;
width:24%;
line-height:40px;
border-bottom-width:3px;
border-bottom-style:solid;
border-bottom-color:var(--link-color);
margin-bottom:10px;
background-image:url(../images/azienda-logo.png);
background-repeat:no-repeat;
background-position:center top;
}
.padding10top {padding-top:10px;}
.padding60top {padding-top:60px;}
.padding20left {padding-left:20px;}
.titoli-inserimenti15 {
float:left;
width:15%;
line-height:40px;
border-bottom-width:3px;
border-bottom-style:solid;
border-bottom-color:var(--link-color);
margin-right:30px;
}

/*.titoli-inserimenti_big {
float:left;
width:12%;
line-height:20px;
border-bottom-width:3px;
border-bottom-style:solid;
border-bottom-color:var(--link-color);
padding-top:5px;
padding-bottom:5px;
font-weight:600;
text-transform:uppercase;
letter-spacing:.6px;
}
*/
.radio_label {
padding-right:30px;
padding-top:10px;
float:left;
color:var(--txt-color);
}

.radio_label.nospace{padding-right:0px; float:none;}
.radio_label.nospace span{margin-right:0px;}

.cont50, .cont75, .cont100, .cont85 {
	float: left;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
	column-gap: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
}

/*.cont100 {
float:left;
width:85.5%;
padding-left:30px;
}

.cont75 {
float:left;
width:87%;
padding-left:30px;
}*/
.contFull{float:left; width:100%; padding:10px;}
.addRow, .remRow{float:left; margin-left: 10px; margin-right: 10px; width: 28px; height: 28px;}
.addRow img, .remRow img {height: 100%;}
.cont80 {float:left; width:78%; padding-left:30px;}
.cont-azioni {
float:right;
/*width:30px;*/
height:auto;
position:relative;
padding-top:10px;
}
.voce-inserim100 {
float:left;
width:100%;
min-height:80px;
}

.voce-inserim70 {
float:left;
width:70%;
min-height:80px;
}

.voce-inserim30, .voce-inserim30_linear, .voce-inserim45, .voce-inserim10{
	flex-basis: 48.5%;
	box-sizing: border-box;
  
}

.voce-inserim20 {
float:left;
width:27%;
padding-right:20px;
min-height:80px;
}
.voce-in20 {
	float:left;
	width:20%;
	min-height:70px;
	}
/*.voce-inserim10 {
float:left;
width:17%;
padding-right:20px;
}*/

.box49 {
/*width:48.2%;*/
float:left;
position:relative;
display: grid;
margin-right: 20px;
margin-top: 15px;
margin-bottom: 15px;
}

.box70 {
width:68%;
float:left;
position:relative;
}

.box30 {
width:29%;
float:left;
position:relative;
}

.box100 {
width:100%;
float:left;
position:relative;
margin-top: 15px;
margin-bottom: 15px;
}

.dati-ins_linear {
float:left;
width:85%;
}
.dati-ins {
float:left;
width:100%;
}

.desc-ins {
float:left;
font-size:13px;
line-height:22px;
color:#666;
width: 100%;
    padding-top: 5px;
}

.desc-codice {
float:left;
font-size:14px;
line-height:25px;
color:#666;
padding-left:20px;
padding-top:5px;
}

.s2w_search input {
background-image:url(../images/cerca.png);
background-repeat:no-repeat;
background-position:10px center;
padding-left:40px;
background-size: 16px;
}

.agg_riga {
background-image:url(../images/add_square.png);
background-repeat:no-repeat;
background-position:center center;
float:right;
width:30px;
height:30px;
margin:2px;
background-size: contain;
margin-right: 5px;
}

.agg_riga:hover {background-image:url(../images/add_square_hover.png);}

.elim_riga {
background-image:url(../images/remove_square.png);
background-repeat:no-repeat;
background-position:center center;
float:right;
width:30px;
height:30px;
margin:2px;
background-size: contain;
margin-right: 5px;
}

.elim_riga:hover {background-image:url(../images/remove_square_hover.png);}

.riga-salva {
float:left;
width:100%;
position: relative;
/*padding:30px;*/
}

#lock_buttons {	position: absolute;	top: 0;	left: 0;	right: 0;	bottom: 0;	background-color: rgba(255,255,255,0.5);  }

input[type="button"] {
background-color:var(--link-color);
color:#fff;
font-size:16px;
line-height:35px;
font-weight:400;
text-align:center;
border-radius:8px;
border:none;
cursor:pointer;
padding:0 25px;
}

.height20 {
font-size:12px;
line-height:8px;
height:10px;
}

.contRif {
float:left;
width:auto;
padding-right:30px;
line-height:26px;
padding-left:30px;
}

.titoloRif {
color:var(--link-color);
float:left;
padding-right:20px;
height:24px;
font-size:14px;
}

.bottom20 {
padding-bottom:20px;
}

.txt_colorrosso {
color:var(--elimina) !important;
}
.txt_colorverde {
	color:#3fcf1a !important;
	}

.sf_cc {
background-color:#CCC;
}

.sf_chiaro {
background-color:#EBEBEB;
}

.bold {
font-weight:600;
position:relative;
}

.marginTop-Bottom20 {
margin-top:10px;
margin-bottom:0;
}
.margintop30 {margin-top:30px;}

.BOX_BTN {
float:right;
width:100%;
padding-top:20px;
padding-bottom:30px;
}

.coddest {
font-size:30px;
color:#FFFFFF;
background-color:var(--link-color);
line-height:40px;
float:left;
font-weight:600;
padding:10px 20px;
}

.coddest_low {
	font-size:25px;
	color:var(--txt-color);
	background-color:#ffc252;
	line-height:25px;
	padding-right:20px;
	padding-left:20px;
	float: left;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.coddest_account {
font-size:25px;
color:var(--txt-color);
background-color:#ffc252;
line-height:25px;
margin-left:30%;
float:left;
margin-top:10px;
margin-bottom:20px;
padding:10px 20px;
}

.box-bianco h1 {
font-size:18px;
line-height:30px;
padding-left:20px;
float:left;
width:100%;
border-radius:8px;
margin-top:5px;
margin-bottom:5px;
font-weight:400;
}

.sf-boxtitolitab_blu {
background-color:#e4f0f0;
}

.sf-boxtitolitab_gri {
background-color:#ccc;
}

.box_preferiti {
float:left;
width:100%;
padding-top:10px;
padding-bottom:30px;
}

.box_preferiti a {
text-decoration:none;
color:var(--txt-color);
font-size:14px;
line-height:20px;
font-weight:600;
text-align:center;
float:left;
text-transform:uppercase;
background-color:#FFF;
margin:5px;
max-width:18.7%;
height:160px;
padding:100px 5px 20px;
background-repeat: no-repeat;
    background-position: center 40px;
	background-size: 50px;
}
@media (max-width:1023px) {.box_preferiti a  {font-size:12px; max-width:30%;}}

.ic_none{padding-top: 20px !important;}
.ic_gestisciH {background-image:url(../images/new-anagraficamia.png);}
.ic_newclienteH {background-image:url(../images/agg-nuovo-cliente.png);}
.ic_ordineV {background-image:url(../images/ordine-vendita.png);}
.ic_ordineA{background-image:url(../images/ordine-acquisto.png);}
.ic_newfattH {background-image:url(../images/new-fattura.png);}
.ic_newcontrH {background-image:url(../images/altre-aziende.png);}
.ic_fattPA {background-image:url(../images/fatturaPA.png);}
.ic_fattricevute {background-image:url(../images/fatt-ricevute.png);}
.ic_fatEmesse{background-image:url(../images/fatt-emesse.png);}
.ic_clienti {	background-image:url(../images/agg-elenco-clienti.png);}
.ic_clienti_import {	background-image:url(../images/importa-prodotti.png);}
.ic_clienti_export {	background-image:url(../images/esporta-prodotti.png);}

.ic_nuovoProd {background-image:url(../images/nuovo-prodotto.png);}
.ic_elencoProd {background-image:url(../images/elenco-prodotti.png);}
.ic_categProd {background-image:url(../images/categoria-prodotto.png);}
.ic_importProd {background-image:url(../images/importa-prodotti.png);}
.ic_esportaProd {background-image:url(../images/esporta-prodotti.png);}

.ic_newfornitore {background-image:url(../images/anagrafica-fornitore.png); }
.ic_elencofornitore {background-image:url(../images/elenco-fornitori.png);}
.ic_fattfornitore {background-image:url(../images/fatt-fornitori.png);}
.ic_importfornitore {background-image:url(../images/importa-prodotti.png); }
.ic_exportfornitore {background-image:url(../images/esporta-prodotti.png);}

.elimina-logo {
background-image:url(../images/annulla.png);
background-repeat:no-repeat;
background-position:30px center;
float:left;
width:100%;
padding-left:30px;
color:var(--link-color);
text-decoration:none;
font-size:12px;
line-height:20px;
text-align:center;
text-transform:uppercase;
}

.logo-scelto {
background-color:#FFF;
float:left;
width:100%;
text-align:center;
padding-top:10px!important;
}
.logo-scelto img {max-width:100%; width:auto;}
.bottoni_select {
background-color:#ffc252;
color:var(--txt-color);
font-size:14px;
line-height:22px;
text-align:center;
float:left;
padding-right:15px;
padding-left:15px;
border-radius:4px;
}

.bottoni_noicon {
background-color:var(--link-color);
color:#FFFFFF;
font-size:14px;
line-height:35px;
font-weight:600;
text-align:center;
float:left;
padding-right:15px;
padding-left:15px;
margin-left:10px;
border:none;
}

.bottoni_std {
background-color:#ffc252;
color:var(--txt-color);
font-size:14px;
line-height:40px;
text-align:center;
float:left;
padding-right:15px;
padding-left:15px;
margin-left:10px;
border:none;
cursor:pointer;
border-radius:30px!important;
}

.link {
color:var(--txt-color);
text-decoration:underline!important;
background-color:#ffc252;
float:left;
width:100%;
margin-top:5px;
margin-bottom:5px;
}

.link:hover {
color:#FFFFFF;
text-decoration:underline!important;
background-color:var(--txt-color);
}

.link_std {
color:var(--txt-color);
text-decoration:underline!important;
float:left;
margin-top:5px;
margin-bottom:5px;
}

.tabella-normale.small table {font-size:12px;}

.tabella-normale table {
border-top-width:1px;
border-bottom-width:1px;
border-top-style:solid;
border-bottom-style:solid;
border-top-color:var(--link-color);
border-bottom-color:var(--link-color);
border-left-width:1px;
border-left-style:solid;
border-left-color:gainsboro;
}

.tabella-normale table thead th, .tabella-normale table tfoot td {
font-weight:bold;
color:var(--link-color);
}

.tabella-normale table tbody th,.tabella-normale table tbody td {
	position: relative;
border-top-width:1px;
border-top-style:solid;
border-top-color:gainsboro;
border-right-width:1px;
border-right-style:solid;
border-right-color:gainsboro;
padding:10px;
}

.tabella-normale table tbody tr {
background-color:#f9f9f9;
}
.tabella-normale tr.divider td{border-bottom: solid 1px #00a9ef !important;}





.tabella-incassi.small table {font-size:12px;}

.tabella-incassi table {
border-top-width:1px;
border-bottom-width:1px;
border-top-style:solid;
border-bottom-style:solid;
border-top-color:var(--link-color);
border-bottom-color:var(--link-color);
border-left-width:1px;
border-left-style:solid;
border-left-color:gainsboro;
}

.tabella-incassi table thead th {
font-weight:bold;
color:var(--link-color);
}

.tabella-incassi table tbody th,.tabella-incassi table tbody td {
border-top-width:10px;
border-top-style:solid;
border-top-color:rgb(255, 255, 255);
border-right-width:1px;
border-right-style:solid;
border-right-color:gainsboro;
padding:10px;
}

.tabella-incassi table tbody tr {
background-color:#f9f9f9;
}

.quadro-componi h2 {
font-size:22px;
line-height:50px;
padding-left:10px;
float:left;
width:100%;
background-color:#e4f0f0;
border-radius:8px;
margin-top:5px;
margin-bottom:5px;
font-weight:400;
}

.box-trascinabili {
float:left;
width:100%;
background-color:#FFF;
padding:20px;
}
.box-trascinabili h1 {
	font-size: 22px;
	float: left;
	width: 100%;
	line-height: 30px;
	font-weight: normal;
	padding-bottom:10px;
}
.box-trascinabili p {
float:left;
width:100%;
background-image:url(../images/drag.png);
background-repeat:no-repeat;
background-position:left center;
height:50px;
padding-top:5px;
}

.box-blocchi {
float:left;
width:100%;
padding-top:20px;
display:flex;
justify-content:center;
}

.trascinabile {
float:left;
background-color:#f5f5f5;
border:2px dashed #666;
max-width:230px;
min-width:230px;
min-height:115px;
background-image:url(../images/mini-drag.png);
background-repeat:no-repeat;
background-position:98% 5px;
position:relative;
margin:10px 20px;
padding:30px 10px 15px 15px;
cursor:move !important;
}
.trascinabile2 {background-color:#e5e5e5;	border:2px dashed var(--link-color);}
.trascinabile .eliminablocco {
position:absolute;
top:5px;
left:5px;
}
.box-obbligatorio {
	color: #990000;
	font-size: 12px;
	line-height: 20px;
	float: right;
	margin-top: -25px;
	padding-right: 10px;
}
.meta {
float:left;
width:55%;
padding-right:3px;
}

.meta100 {
float:left;
width:100%;
padding-right:3px;
}

.metaright {
float:left;
width:40%;
padding-right:3px;
}

.info-modi {
font-size:13px;
float:left;
width:100%;
padding-top:5px;
}

.width70 {
width:70px;
}

.preview {
float:left;
width:100%;
background-color:var(--txt-color);
color:#fff;
line-height:40px;
margin-top:20px;
padding:10px;
}

.dove-trascinare {
float:left;
width:100%;
border:2px dashed #ff5f5c;
background-color:#ffde8a;
margin-bottom:20px;
margin-top:20px;
text-align:center;
color:var(--txt-color);
padding:30px;
}

.dove-trascinare-hover{border:2px dashed #009933;}

.note-extra {
float:left;
width:100%;
background-color:#FFF;
padding:20px;
}

.nome-numerazione {
background-color:#e4f0f0;
float:left;
width:100%;
margin-bottom:20px;
margin-top:10px;
padding:5px 10px;
}

.titolo-nomerazione {
float:left;
text-transform:uppercase;
font-size:14px;
line-height:24px;
border-bottom-width:3px;
border-bottom-style:solid;
border-bottom-color:var(--link-color);
padding-right:20px;
padding-left:10px;
margin-bottom:10px;
margin-right:30px;
padding-top:15px;
}

.coloretxt {
color:var(--link-color);
font-size:25px;
font-weight:600;
}

.nobg {
background-image:none!important;
}

.placeholder-numerazione {
border:1px dashed #999;
float:left;
max-width:230px;
min-width:230px;
min-height:115px;
border-radius:8px;
background-color:#f5f5f5;
margin:10px 20px;
}

.td-center {
text-align:center!important;
}

.td-center .radio_label {
padding-left:0!important;
}

.azioni_multiple {line-height:30px; position:fixed; left:130px; bottom:0; right:0; background-color:#fff; padding:15px; border-top:solid 1px;}

#nummultisel {font-weight:bold; font-size:16px;}

.legenda {
float:left;
max-width:50%;
line-height:30px;
padding-top:10px; line-height:22px;
}

.legenda span {
float:left;
margin-right:10px;
}

.dt-buttons {
max-width:50%;
float:left;
height:35px;
padding-top:10px;
}

.footer-middle th {
border:none!important;
}

.footer-last th {
border-top:none!important;
}

.footer-first th:last-child,.footer-middle th:last-child,.footer-last th:last-child {
border-right:1px solid #ddd!important;
}

.link-info, .link-infoAgg {
text-transform:lowercase;
color:#666;
text-align:center;
float:left;
width:100%;
line-height:16px;
font-size: 14px;
    font-weight: 400;
}
.numeri-grandi{width:100%; color:var(--link-color); font-weight:bold; font-size:30px;line-height: 80px;
float: left;}
/*.box-benvenuto {
float:left;
width:100%;
padding:10px 20px 0;
}*/

/*.box-benvenuto h1 {
font-size:40px;
line-height:35px;
font-weight:400;
float:left;
text-transform:capitalize;
text-align:left;
width:100%;
}
.box-benvenuto h2 {
	font-size:30px;
	line-height:30px;
	float:left;
	width:100%;
	font-weight: normal;
	text-align: center;
	padding-top: 10px;
	color: #666;
}
.box-benvenuto p {
float:left;
width:100%;
font-size:14px;
line-height:25px;
color:#666;
padding-top:10px;
text-align:left;
}*/
.box-benvenuto a {color:var(--link-secondari); text-decoration: underline; font-size: 1.2rem; text-transform: capitalize;}

.scelta-utente{float:left; width:100%; text-align:center;line-height:25px;}
.scelta-utente h3{font-weight:bold;}
.scelta-utente a{color:var(--link-color); margin-right:25px;}
.scelta-utente a.active{ font-weight:bolder; text-decoration:underline;}
.sceltapiani_multipla{display: flex;flex-wrap: wrap;justify-content: center;}

.chiedi-assistenza {
float:left;
width:100%;
font-size:14px;
font-weight:600;
background-image:url(../images/assistenza.png);
background-repeat:no-repeat;
background-position:20px center;
line-height:26px;
background-color:#FFF;
margin:40px 10px;
padding:20px 20px 20px 80px;
}

.link-gen {
color:var(--link-color);
text-decoration:underline!important;
font-weight:600;
}
.link-bianco {
color:#fff;
text-decoration:underline!important;
font-weight:600;
}
.link-bianco:hover {color:#000;
text-decoration:none!important;}

.link-gen2 {
color:#999;
text-decoration:underline!important;
font-weight:400!important;
}

.link-under {
color:#666;
text-decoration:underline!important;
}

.voci-account {
float:left;
width:100%;
padding-bottom:30px;
}

.voci-prezzi {
	float:left;
	width:100%;
	padding-top: 10px;
	padding-right: 7%;
	padding-bottom: 30px;
	padding-left: 7%;
}

.conten-box-voce {
padding-top:10px;
padding-right:20px;
padding-left:20px;
padding-bottom:30px;
float:left;
width:100%;
}

.box-voce {
background-color:#FFF;
float:left;
width:30%;
height:370px;
position:relative;
margin:15px;
}

.box-voce h2 {
letter-spacing:.6px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:var(--link-color);
line-height:40px;
float:left;
width:100%;
text-align:center;
text-transform:uppercase;
font-size:18px;
font-weight:400;
}

.box-voce h3 {
line-height:24px;
float:left;
width:100%;
text-align:left;
text-transform:uppercase;
font-size:18px;
font-weight:bold;
padding-left:10px;
padding-right:10px;
}

.box-voce h4 {
padding-left:10px;
padding-right:10px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:var(--link-color);
line-height:22px;
float:left;
width:100%;
text-align:left;
text-transform:uppercase;
font-size:14px;
font-weight:normal;
padding-bottom:10px;
}

.colore-giallo {
background-color:#ffc252;
font-weight:600;
text-transform:uppercase;
}

.vedi-altro-box {
text-decoration:none;
line-height:40px;
background-color:#fceed4;
float:left;
width:100%;
padding-right:30px;
padding-left:20px;
color:var(--txt-color);
height:40px;
text-align:right;
background-image:url(../images/vedi-dettagli.png);
background-repeat:no-repeat;
background-position:99% 20px;
position:absolute;
left:0;
bottom:0;
}

.vedi-altro-box:hover {
background-color:var(--link-color);
color:#fff;
background-image:url(../images/vedi-dettagli-hover.png);
}

.altra-piva {
float:left;
width:100%;
padding-left:20px;
}

.altra-piva2 {
float:left;
width:100%;
padding-right:20px;
padding-left:20px;
padding-top:5px;
}

.sf-demo {
background-color:#e7e7e7!important;
}

.sf-base {
background-color:#a8a8a8!important;
}

.sf-azienda {
background-color:#ddaa4f!important;
}

.sf-multi {
background-color:var(--link-color)!important;
}

.box-piani {
float:left;
width:30%;
height:460px;
position:relative;
margin:15px;
}

.testi-normali {
text-align:center;
float:left;
width:100%;
line-height:30px;
}

.box-piani h1 {
float:left;
width:100%;
position:relative;
text-align:center;
font-size:35px;
line-height:40px;
font-weight:normal;
}

.nraziende {
text-align:center;
float:left;
width:100%;
color:#FFF;
font-weight:600;
font-size:16px;
line-height:30px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#FFF;
}

.tes-evide-scade {
color:#FFF;
font-size:40px;
line-height:80px;
font-weight:normal;
text-align:center;
float:left;
width:100%;
}

.testi-dopo {
text-align:center;
float:left;
width:95%;
line-height:17px;
position:absolute;
left:10px;
right:10px;
bottom:30px;
font-size:12px;
}

.testi-oltre {
text-align:center;
float:left;
width:95%;
line-height:22px;
color:#FFF;
padding-top:20px;
}

.piano-attivo {
font-size:30px;
color:var(--txt-color);
background-color:#ffc252;
line-height:50px;
padding-right:30px;
padding-left:30px;
border-radius:30px!important;
float:left;
margin-left:16%;
margin-top:50px;
}

.box-comparazione h2 {
letter-spacing:.6px;
font-weight:600;
line-height:30px;
float:left;
width:95%;
text-align:left;
text-transform:uppercase;
font-size:16px;
margin-right:10px;
margin-left:10px;
margin-top:15px;
color:var(--link-color);
}

.tabella-comp {
float:left;
width:100%;
padding-top:10px;
font-weight:normal;
}

.tabella-comp table {
border-bottom-width:1px;
border-left-width:1px;
border-bottom-style:solid;
border-left-style:solid;
border-bottom-color:gainsboro;
border-left-color:gainsboro;
font-weight:normal;
}

.tabella-comp table th {
background-color:#f8f8f8;
}

.tabella-comp table tbody th,.tabella-comp table tbody td {
border-top-width:1px;
border-top-style:solid;
border-top-color:gainsboro;
border-right-width:1px;
border-right-style:solid;
border-right-color:gainsboro;
font-weight:normal;
padding:10px;
}

.box-voce2 h2 {
letter-spacing:.6px;
border-bottom-width:3px;
border-bottom-style:solid;
border-bottom-color:#fceed4;
font-weight:600;
line-height:30px;
float:left;
width:95%;
text-align:left;
text-transform:uppercase;
font-size:16px;
margin-right:10px;
margin-left:10px;
margin-top:15px;
color:var(--link-color);
}

.box-voce2 h1 {
letter-spacing:.6px;
font-weight:600;
line-height:30px;
float:left;
width:100%;
text-align:center;
text-transform:uppercase;
font-size:16px;
color:var(--link-color);
margin:15px 10px 10px;
}

.box-voce2 p {
float:left;
width:100%;
line-height:24px;
padding:10px 20px 20px;
}

.td-heigh10 {
height:5px!important;
background-color:#FFF!important;
margin:0!important;
padding:0!important;
}

.si {
background-image:url(../images/ok.png);
background-repeat:no-repeat;
background-position:center center;
float:left;
height:16px;
width:100%;
}

.no {
background-image:url(../images/no.png);
background-repeat:no-repeat;
background-position:center center;
float:left;
height:16px;
width:100%;
}

.setanta {
width:70%;
}

.dieci {
width:10%;
}

.box-assist {float:left; background-color: #FFF; padding: 15px;}

.box-assist h2 {
letter-spacing:.6px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:var(--link-color);
line-height:40px;
float:left;
width:100%;
text-align:center;
text-transform:uppercase;
font-size:18px;
font-weight:400;
margin-bottom:20px;
}

.cont-bass {
float:left;
width:60%;
margin-top:20px;
margin-bottom:30px;
}

.riga-centrale {
float:left;
width:100%;
margin-bottom:20px;
padding:20px;
}

.riga-centrale2 {
float:left;
width:100%;
padding:20px 20px 10px;
}

.titoli-ass {
float:left;
width:20%;
line-height:40px;
letter-spacing:.6px;
padding-left:20px;
padding-top:10px;
}

.titoli-ass-2righe {
float:left;
width:20%;
line-height:20px;
letter-spacing:.6px;
padding-left:20px;
padding-top:10px;
}

.titoli-ass2 {
float:left;
width:27%;
line-height:40px;
letter-spacing:.6px;
padding-left:20px;
padding-top:10px;
}

.testo-cambio {
float:left;
width:100%;
line-height:40px;
padding-top:10px;
color:var(--link-color);
font-weight:600;
}

.box-infass {
background-image:url(../images/contatta.png);
background-repeat:no-repeat;
background-position:left 10px;
float:right;
width:100%;
padding-top:30px;
padding-bottom:10px;
padding-left:80px;
margin-left:30px;
font-size:13px;
line-height:22px;
color:#666;
}

.maiusc {
text-transform:uppercase;
}

.vedi-pass {
border:1px solid var(--txt-color);
border-radius:8px;
box-sizing:border-box;
vertical-align:baseline;
line-height:35px;
padding-left:10px;
color:var(--txt-color);
font-weight:400;
height:35px;
float:left;
width:100%;
}

.vedi-pass-link {
background-image:url(../images/vedi.png);
background-repeat:no-repeat;
background-position:left center;
float:right;
height:35px;
width:35px;
}

.vedi-pass-link:hover {
background-image:url(../images/vedi_hover.png);
}

.vedi-pass input {
background-color:transparent;
border:0 none transparent;
}


.sf-login {
float:left;
width:100vw;
height:100vh;
background-image:url(../images/home-page.jpg);
background-size:contain;
background-repeat:no-repeat;
background-position:left bottom;
}

.container-login {
	position:relative;
	background-color:#FFF;
	float:left;
	height:100vh;
	overflow-y:auto;
	padding-top: 20px;
	padding-bottom: 40px;
	margin-left:15%;
padding-left:30px;
padding-right:30px;
width:85%;
}

.container-login h1 {
font-size:16px;
line-height:30px;
font-weight:600;
float:left;
width:100%;
padding-bottom:10px;
}

.container-login footer {
float:left;
margin-top:40px;
margin-bottom:15px;
font-size:13px;
line-height:24px;
color:#666;
}

.logo {
background-image:url(../images/logo-login.png);
background-repeat:no-repeat;
background-position:left center;
float:left;
height:60px;
margin-right:30px;
width:190px;
}

.minimenu {
float:right;
width:100%;
}

.minimenu ul {
float:right;
}

.minimenu ul li {
display:list-item;
float:left;
}

.minimenu ul li a {
text-decoration:none;
color:var(--txt-color);
font-size:14px;
line-height:60px;
float:left;
margin-right:10px;
margin-left:10px;
}

.cont-login {
float:left;
transform:translateY(-50%);
top:50%;
position:absolute;
}

.thanks {
background-image:url(../images/grazie.png);
background-repeat:no-repeat;
background-position:left top;
padding-top:75px;
margin-top:-75px;
}

.dati-log {float:left;width:30%;}
.dati-log2 {float:left;width:65%;}
.recupera {
font-size:14px;
line-height:40px;
color:var(--txt-color);
text-decoration:underline!important;
float:left;
margin-left:30px;
}

.cont-reg {
float:left;
position:relative;
width:100%;
padding-top:40px;
}

.passi-reg {
float:left;
width:100%;
padding-top:10px;
padding-bottom:30px;
}

.passi-reg ul li {
float:left;
line-height:26px;
}

.passi-reg ul li a {
text-decoration:none;
font-size:13px;
float:left;
line-height:26px;
color:var(--link-color);
margin-left:5px;
}

.passi-reg-active {
font-size:13px;
color:var(--txt-color);
margin-left:5px;
font-weight:bold;
}

.next-reg {
background-image:url(../images/next.png);
background-repeat:no-repeat;
background-position:right 8px;
float:left;
height:22px;
width:16px;
margin-right:5px;
margin-left:5px;
}

.margin-righe {
margin-top:5px;
margin-bottom:5px;
}

.nrpiva {
font-size:20px;
font-weight:600;
line-height:24px;
background-color:#CCCCCC;
float:left;
border-radius:30px!important;
padding:3px 10px 5px;
}

.agg-aziend-reg {
float:left;
width:100%;
padding-left:30px;
line-height:30px;
padding-top:10px;
}

.plus {
background-image:url(../images/piu.png);
background-repeat:no-repeat;
background-position:left center;
height:30px;
width:16px;
float:left;
margin-right:10px;
margin-left:10px;
}

.meno {
background-image:url(../images/meno.png);
background-repeat:no-repeat;
background-position:left center;
height:30px;
width:16px;
float:left;
margin-right:10px;
}

.dati-dopo-reg {
float:left;
line-height:40px;
letter-spacing:.6px;
padding-left:20px;
color:var(--txt-color);
font-weight:bold;
}

.topzero {
margin-top:0!important;
padding-top:0!important;
}

.pachetto {
float:left;
width:30%;
text-align:center;
margin:10px;
padding:10px;
min-height:300px;
}

.titolo-pac {
text-transform:uppercase;
float:left;
width:100%;
line-height:40px;
text-align:center;
font-size:22px;
}

.info-pac {
	color:#fff;
	text-align:center;
	float:left;
	width:100%;
	font-weight: bold;
}

.info-pac2 {
color:#fff;
text-align:center;
float:left;
width:100%;
padding-top:85px;
padding-bottom:40px;
}

.cont-sup {
float:left;
min-height:130px;
}

.info-pac3 {
text-align:center;
float:left;
width:100%;
padding-top:15px;
padding-bottom:10px;
}

.radio2 {
float:left!important;
width:100%!important;
padding-right:0!important;
text-align:center!important;
padding-top:10px;
}

.cedenti {
float:left;
width:100%;
color:var(--txt-color);
text-align:center;
padding-bottom:5px;
font-weight:600;
}

.prezzo-pac {
float:left;
width:100%;
text-align:center;
font-size:30px;
line-height:40px;
font-weight:600;
color:#FFF;
}

.prezzo-dascontare {
float:left;
width:100%;
text-align:center;
font-size:20px;
line-height:40px;
font-weight:600;
color:var(--txt-color);
text-decoration:line-through;
}

.piano-selezionato {
border:5px solid var(--txt-color);
}

.denom {
color:#999;
font-size:14px;
line-height:22px;
float:left;
width:100%;
text-align:left;
padding-top:10px;
padding-bottom:5px;
}

.blocco-ccc {
float:left;
height:20px;
width:60%;
margin-top:10px;
margin-bottom:5px;
background-color:#f8f8f8;
}

.blocco-titolo {
background-color:#999;
float:left;
height:20px;
width:80%;
}

.blocco-dett {
margin-top:5px;
background-color:#ccc;
float:left;
height:20px;
width:70%;
}

.blocco-piu {
float:left;
height:170px;
width:100%;
background-image:url(../images/esempio.png);
background-repeat:no-repeat;
background-position:left top;
}

.blocco-riga {
float:left;
height:15px;
width:100%;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:var(--link-color);
}

.dagestire {
font-size:20px;
font-weight:normal;
text-transform:lowercase;
}

.sf404 {
background-image:url(../images/404.png);
background-repeat:no-repeat;
background-position:left bottom;
float:left;
height:80%;
width:100%;
}

.picolo {
font-family:'Open Sans', sans-serif!important;
font-size:14px!important;
text-transform:lowercase!important;
color:#f8f8f8!important;
font-weight:600!important;
}

.footerlogin {
position:absolute;
bottom:30px;
}

.pachetti-nonscelti {
opacity:0.5;
}

.cor-acc {
width:100%!important;
padding-right:0!important;
float:left; 
margin-bottom: 5px;
line-height: 22px;
padding-bottom: 5px;
}


.verificapiva {
color:var(--link-color);
text-decoration:none;
background-image:url(../images/vedi_hover.png);
background-repeat:no-repeat;
background-position:right center;
float:right;
padding-right:25px;
}

.verificapiva:hover {
color:var(--txt-color);
text-decoration:none;
background-image:url(../images/vedi.png);
}

.nomobile {
display:block;
}

*,::before,::after {
box-sizing:border-box;
}

::-webkit-input-placeholder,::-moz-placeholder,:-ms-input-placeholder,:-moz-placeholder {
color:#666;
}

.sinistra,.txtRif,.azioni_multiple .testo_am,.passi-reg ul {
float:left;
}

.bottoni:hover,.BTNlogin:hover,.BTNreg:hover,.bottoni_noicon:hover, .bottoni_std:hover {
background-color:var(--txt-color);
box-shadow:none;
color:#FFF;
}

.btn_modifica:hover,.BTN_inserisci:hover {background-color:var(--txt-color); box-shadow:none; color:#FFF;}

.btn_cerca:hover,.btn_file:hover {
background-color:var(--txt-color);
box-shadow:none;
color:#FFF;
background-image:url(../images/cerca_hover.png);
}

.BTN_seleziona:hover,input[type="button"]:hover,.bottoni_select:hover {
background-color:var(--txt-color);
color:#FFF;
}
.BTN.disabled {
	opacity: 0.5;
  }
form,.box-inserimenti,.dati-ins,.riga_asic,.testo-ins-logo,.tabella-normale,.tabella-incassi,.quadro-componi,.modificabile,.note-extra textarea,.riga-inse,.box-pachetti, riga-inse-assist {
float:left;
width:100%;
}

.cont60,.metabox {
float:left;
width:50%;
}

/*.voce-inserim30,.voce-inserim30_linear {
float:left;
width:33%;
padding-right:20px;
min-height:80px;
}*/

.voce-inserim50,.voce-inserim50_linear {
float:left;
width:49%;
padding-right:20px;
min-height:80px;
}

.txt_coloreblu,.box_preferiti a:hover,.link_std:hover,.minimenu ul li a:hover,.recupera:hover {
color:var(--link-color);
}

.txt_colorgiallo,.campo_obbligatorio {
color:#EC9900;
}
.fixed_table{table-layout: fixed;}
.fixed_table td{overflow: hidden; text-overflow: ellipsis;}
.tabella-normale table thead th,.tabella-normale table thead td,.tabella-comp table thead th,.tabella-comp table thead td, .tabella-normale table tfoot td {
border-right-width:1px;
border-bottom-width:2px;
border-right-style:solid;
border-bottom-style:solid;
border-right-color:gainsboro;
border-bottom-color:gainsboro;
padding:10px;
}

.tabella-comp table th {
white-space: normal;
}
.tabella-normale table th,.tabella-normale table td,.tabella-normale table td {
white-space:nowrap;
}

.tabella-normale.slick table tbody td,.tabella-comp .slick table tbody td {
line-height:18px!important;
}

.tabella-normale.small table tbody td,.tabella-comp .small table tbody td {
line-height:16px!important;
padding:5px!important;
}



.tabella-incassi table thead th,.tabella-incassi table thead td,.tabella-comp table thead th,.tabella-comp table thead td {
	border-right-width:1px;
	border-bottom-width:2px;
	border-right-style:solid;
	border-bottom-style:solid;
	border-right-color:gainsboro;
	border-bottom-color:gainsboro;
	padding:10px;
	}
	
	.tabella-comp table th {
	white-space: normal;
	}
	.tabella-incassi table th,.tabella-incassi table td,.tabella-incassi table td {
	white-space:nowrap;
	}
	
	.tabella-incassi.slick table tbody td,.tabella-comp .slick table tbody td {
	line-height:18px!important;
	}
	
	.tabella-incassi.small table tbody td,.tabella-comp .small table tbody td {
	line-height:16px!important;
	padding:5px!important;
	}

.link-gen:hover,.link-gen2:hover,.link-under:hover,.passi-reg ul li a:hover {
color:var(--txt-color);
}

.box-voce p,.box-comparazione p {
float:left;
width:100%;
line-height:24px;
padding:10px 20px;
}

.dett-extra-piani,.riga-inse2 {
float:left;
width:100%;
padding-top:20px;
}
.riga-inse3 {float:left; width:95%; padding-top:30px;}

.box-voce2,.box-comparazione {
background-color:#FFF;
float:left;
width:100%;
position:relative;
margin:15px;
}

.cont-login p,.cont-reg p {
float:left;
width:100%;
line-height:26px;
}

.menumobile,.menumobile2 {
display:none;
}

@media (max-width:1023px) {
.titoli h1 {
font-size:35px;
padding-right:10px;
}

.BTN_cambiapiano {
margin-left:10px;
font-size:14px;
padding-right:40px;
padding-left:20px;
}

/*.voce-inserim30 {
min-height:100px;
}*/

/*.voce-inserim30_linear {
width:48%;
}*/

.box49 {
width:98.5%;
}

.dati-ins_linear {
width:85%;
}

.coddest_account {
margin-left:28%;
}


.width100 {
width:100%;
}

/*.box-benvenuto h1 {
font-size:30px;
}*/

.voci-prezzi {
padding-left:0;
padding-right:0;
padding-top:0;
}

.conten-box-voce {
padding-right:10px;
padding-left:10px;
}

.box-voce {
width:47%;
margin:8px;
}

.box-voce p {
padding:10px;
}

.box-piani {
width:31.2%;
height:600px;
margin:8px;
}

.testi-normali {
font-size:14px;
line-height:18px;
padding-top:10px;
}

.box-piani h1 {
font-size:30px;
}

.nraziende {
font-size:12px;
}

.piano-attivo {
margin-left:10px;
font-size:25px;
}

.cont-bass {
width:75%;
}

.box-infass {
background-position:left top;
padding-top:80px;
padding-left:0;
}


.pachetto {
width:32%;
margin:5px;
padding:5px;
}

.sf404 {
height:90%;
background-size:50%;
}

.box_preferiti,.info-pac2 {
padding-top:20px;
padding-bottom:20px;
}
}

@media (min-width:1024px) and (max-width:1438px) {
.titoli h1 {
font-size:35px;
padding-right:20px;
}

.BTN_cambiapiano {
margin-left:10px;
font-size:14px;
padding-right:40px;
padding-left:20px;
width:95%;
background-position:90% center;
}

.box49 {
width:47.6%;
}

.dati-ins_linear {
width:85%;
}

.coddest_account {
margin-left:28%;
}

.box_preferiti a {
width:22%;
font-size:12px;
max-width:250px;
height:160px;
margin:10px;
}

/*.box-benvenuto h1 {
font-size:35px;
}*/

.voci-prezzi {
padding-left:0;
padding-right:0;
padding-top:0;
}

.conten-box-voce {
padding-right:10px;
padding-left:10px;
}

.box-voce {
width:31.4%;
margin:8px;
}

.box-voce p {
padding:10px;
}

.box-piani {
width:31.2%;
height:500px;
margin:8px;
}

.testi-normali {
font-size:14px;
line-height:18px;
padding-top:10px;
}

.box-piani h1 {
font-size:30px;
}

.nraziende {
font-size:12px;
}

.piano-attivo {
margin-left:50px;
font-size:25px;
}

.cont-bass {
width:75%;
}

.box-infass {
background-position:left top;
padding-top:80px;
padding-left:0;
}

.sf404 {
height:90%;
background-size:40%;
}

.box_preferiti,.info-pac2 {
padding-top:20px;
padding-bottom:20px;
}
}

@media (max-width:1438px){.container-login { margin-left:20%; padding-left:30px; padding-right:30px; width:80%;}}

.elenco_fattcoll{float:left; padding-right:10px;}
.elenco_fattcoll_inline{padding-right:10px;}
.mini-motto {
	float: left;
	width: 100%;
	padding-top: 5px;
	color: #999;
}
.info-obblgatorio {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #999;
	text-align: left;
}
.info-note {color: #999;}
.pagamento-fai {
	text-align: left;
	float: right;
	width: 100%;
	font-size: 16px;
	line-height: 28px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-weight: bold;
}
.chiudi-pop {
	line-height: 30px;
	background-image: url(../images/annulla_hover.png);
	background-repeat: no-repeat;
	background-position: right center;
	float: right;
	margin-right: 10px;
	color:#fff;
	font-size: 14px;
	padding-right: 20px;}
.chiudi-pop:hover {	background-image: url(../images/annulla.png);}	
.titoli2 {
	float:left;
	width:100%;
	padding-bottom:5px;
	padding-left:20px;
	padding-top:10px;
	background-color:var(--bottoni-std);
	color:#fff !important;
	font-size:16px;
	line-height: 30px;
}
.titoli-pop {
	font-weight: bold;
	color: #FFF;
	font-size: 16px;
	float: left;
	padding-right: 20px;
	line-height: 30px;
}
.preferenze {
	font-size: 14px;
	color: var(--txt-color);
	float: left;
	text-decoration: underline !important;
	margin-top:20px;
	margin-left:20px;
}
.preferenze:hover {color: var(--txt-color);}
.nomeazienda-titolo {
	font-size: 20px;
	line-height: 30px;
	color: #666;
	float: left;
	width: 100%;
}
.giallo {
	background-color: #ffde8a;
	border: 2px dashed #ff5f5c;
}
.info-dati-fatt {
	text-align: center;
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 5px;
}
.messaggiologin {
	line-height: 40px;
	padding-bottom: 20px;
	color: #f5a519;
	font-weight: bold;
	background-image: url(../images/information.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 40px;
}
.font-normal13 {font-size:13px; font-weight:normal !important;}
.posizione-destra {float:right;}
.margin-right {margin-right: 20px;}
.dtr-data {font-size:14px;}
.nome_xml{font-size:10px; font-style:italic;}
.descrizione-filtro{float:left; background-color:#fff; border:solid 1px #FF0000; color:#FF0000; line-height:25px; padding-left:10px; padding-right:10px; margin-bottom:10px; margin-top:10px;}
.annulla-filtro{color:#FF0000; font-weight:bold; float:right; margin-left:20px;}

.margin-bottom80{margin-bottom: 80px !important;}
.toolbar-placeholder{width:100% !important; height:25px !important; background-color:#f5f5f5; border:1px dashed #999; border-radius:8px;}
body{overflow:hidden;}
input.mini-input {
	border: 1px solid var(--link-color);
	border-radius: 8px;
	box-sizing: border-box;
	vertical-align: baseline;
	line-height: 20px;
	padding-right: 10px;
	padding-left: 10px;
	color: var(--txt-color);
	font-weight: 400;
	height: 30px;
	width:100%;
	max-width: 360px;
	}
input.slim-input {	height: 25px;	line-height: 25px;	border-radius: 5px;}
.slim-input:disabled{background-color: #e3e3e3;}
.slim-input:not(:placeholder-shown) {background-color: rgb(253, 253, 137); }
input[type="file"]{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.provvisorio{font-style:italic;}

.scadute_4gg{ color:#F00;}
.scadute{ color: #F90;}
.disdettati{ color: #F93;}

.no_notifications{
	width:0px;
	height:0px;
	opacity:0;}
.nonliberati{color:#F00 !important;}
.ic_vedi{cursor:pointer;}

.daleggere{font-weight:bold !important;}
.highlight{background-color:#FF6 !important;}
.menu-list-rapper{float:left;}
#registering{
	background-color: rgba(255,255,255,0.5);
	background-image: url(../images/loading128.gif);
	background-repeat: no-repeat;
	background-position: center center;
	position: fixed;
	z-index: 1000;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.uploader-window{width:600px; height:300px;}
#show_hide_pw{float:left; width:35px; height:35px; background-image:url(../images/vedi.png); background-position: center center; background-repeat:no-repeat;}
#show_hide_pw:hover{background-image: url(../images/vedi_hover.png);}
#show_hide_pw.hide{background-image: url(../images/nascondi.png) !important;}
#show_hide_pw.hide:hover{background-image: url(../images/nascondi_hover.png) !important;}
.flex-center{display: flex;flex-wrap: wrap;justify-content: center;}
#current_cedente{cursor:pointer;}
#current_cedente:hover{font-weight:bold;}

.box_titoli {float:left; width:55%;}
@media (min-width:1023px){.box_titoli { width:100%;}}
.box-link-testate {float:left; width:100%; padding-bottom: 10px;}
.riassunto_table {display:block;}
.riassunto_table td{
	background-color:#f2f2f2;
	border: 2px solid #FFF;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.attenzione {width:100%; float:left; font-size:13px; padding-bottom:20px; padding-left:10px;}
.messaggio_reg {
	font-weight: 600;
	color: #900;
	font-size: 16px;
	line-height: 24px;
	float: left;
	width: 100%;
}
.incorso {color:#ddaa4f;}
.fattcoll_titolo{float:left; line-height:37px; padding-right:10px;}
#fattcoll_list{float:left; line-height:37px; padding-left:10px;}
.elenco_fattcoll{float:left; padding-right:10px;}
.consegna {
	float: left;
	line-height: 30px;
	margin-top:40px;
	font-weight: 600;
    border-top: solid 2px #7cb2cc;
    padding-top: 10px;
	font-size: 1rem;
}
.consegna_urgente {
	background-color: var(--elimina);
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 8px;
  }
  
.consegna_campionatura {
	background-color: var(--link-color);
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 8px;
  }
.box-bianco>*:first-child {
    align-self: flex-start;}

.sposta_box {
	width: 40px;
	margin-right: 20px;
	background-image: url(../images/sposta.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #F8f8f8;
}
.info_ordine-lista {float:left; line-height:28px;}
.azioni_ordine {float: right; align-self: center;  display: block;  width: 100%;}
.modifica_campo {
	background-image: url(../images/modifica_b_link.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 30px;
	padding-left: 30px;
	margin-left:10px;
	background-size: contain;
}
.modifica_campo:hover {background-image: url(../images/modifica_b.png);}
.Modif_status_liste {float:left;}
.noFlex{display:block !important;}
.imagecontainer{float:right; width:100%; height:150px; overflow:hidden; max-width: 500px;}
.imagecontainer .images_wrapper{float:left; width:1500px; height:100%;}
.images_wrapper img{float:left; margin-right:10px; cursor:zoom-in;}
.numimmagini{float:left; margin-right:20px;}
.box-bianco.warning{background-color:#FFCC99 !important; text-align:center; font-weight:bold;}
.ultimi-ordinati-riga{float:left; width:100%;}
.ultimi-ordinati-link{background-image:url(../images/aggiungi.png); background-repeat: no-repeat;
background-position: left center;
height: 35px;
float: left;
margin-right: 15px;
height: 35px;
padding-left: 20px;
color: var(--txt-color);
line-height: 35px;}
.ultimi-ordinati-link:hover{background-image:url(../images/aggiungi_hover.png);}
.righe-actions-ordine{float: left; width: 100%; height: 50px;min-width: 120px; white-space: nowrap;}
.addremoveproduct{height: 35px; width: 35px; border-radius: 17.5px; background-color: #ddaa4f; line-height: 35px; text-align: center; font-size: 35px; font-weight: bold; color:var(--txt-color); float: left;}
.qtaproduct{float: left; width: 45px;}
.qtaproduct input{width: 45px; text-align: center;}
.dot-notifica-red{background-color: #ff5f5c;
	font-size: 11px;
	line-height: 20px;
	font-weight: 600;
	color: #FFF;
	height: 20px;
	min-width: 20px;
	border-radius:10px;
	text-align: center;
	position: absolute;
	top: -10px;
	right: -10px;}
#toggleAgente{float: right; line-height: 35px;  background-color: #ddaa4f; margin: 15px 10px;}
#toggleAgente a{padding: 5px 15px;}
.rigatotali td{background-color: gainsboro;}
.perAgente.hide{display: none;}
.elimina-riga-ordine{float: left; background-image: url(../images/remove_square.png); height: 28px; width: 28px;}
.nessunaNota img{filter: opacity(0.5);}
.filtraCategoria, .filtraCategoriaSub, .filtraCategoriaSub2{float: left; height: 47px; padding-top: 10px; margin-left: 50px;}
.filtraCategoria label{float: left; line-height: 35px;}
.link-stampa{background-image: url(../images/printer.png); float: right; width: 50px; height: 50px; background-position: center; background-repeat: no-repeat;}
.scontoVerde{background-color: rgb(198, 235, 198) !important;}
.scontoGiallo{background-color: lightgoldenrodyellow !important;}
.scontoRosso{background-color: rgb(255, 191, 191) !important;}
.greensplit{background-color: #90ee9036;}
.redsplit{background-color: #ffb6b67d;}
.ultimaqta{float: left; padding-left: 5px; padding-right: 5px; line-height: 35px;}
span.lavselect{padding-left: 15px;
	float: left;
width: 100%;}
.wrapper-lotti{float: left; white-space: nowrap; width: 600px; clear: both;}
#offlineWarn{position:fixed; bottom: 0; right: 25px; background-color:red; color: white; font-weight: bold; text-align: center; padding: 10px;font-size: 24px;
	border-radius: 10px 10px 0 0;
	z-index: 100000;
	box-shadow: gray 0px 0px 5px;}
.bottone_piccolo{height: 35px; line-height: 35px; background-color: #ddaa4f; border-radius: 5px; color: var(--txt-color); font-weight: bold;float: left;
	padding-left: 5px;
	padding-right: 5px;}

.autocomplete-suggestions {
	background-color: #fff;
	border: solid 1px #999;
	line-height: 25px;
	padding: 5px;
	overflow: scroll;
}
.autocomplete-suggestion {
    cursor: pointer;
    border-bottom: solid 1px #ccc;
}
.autocomplete-suggestion:hover {
    background-color: #f5f5f5;
}
.rigapronta td {
    background-color: #cdf2cd;
}
#calcolototsplit {
    float: left;
    line-height: 35px;
    margin-left: 50px;
    font-weight: bold;
	padding-left: 10px;
padding-right: 10px;
}
.totalesbagliato {
    color: white;
    background-color: red;
}
/*app agenti*/
/*menu top*/
.app_topbar{
	float: left;
	width: 100%;
	height:60px;
	background-color: #545454;
	padding-left: 30px;
	padding-right: 30px;
	z-index: 100;
    position: relative;
}
.app_topbar h3{color: #fff; font-size: 1rem; float: left; line-height: 60px; padding-right: 20px; font-weight: 400;}
.app-menu {float: right;  display: flex; gap: 20px;}
.app-menu-reload { background-image: url(../images/ricarica.png); }
.app-menu-impostazioni{background-image: url(../images/settings.png); }
.app-menu-home {background-image: url(../images/homeapp.png); }
.ic-menu { width: 32px; height: 60px; background-repeat: no-repeat; background-size: 32px; background-position: center;}


/*.app_bottombar{
	height: 60px;
    background-color: #c3c3c3;
    position: relative;
    top: calc(100% - 60px);
    line-height: 60px;
    color: #fff;
    padding-right: 30px;
	z-index: 11;
}*/
.box-app {
	background-image: url(../images/orbit-logo.jpg);
	background-repeat: no-repeat; 
	background-position: left center;  
	background-size: 400px;   
	/*padding-bottom: 30px;  
	padding-top: 30px;*/
	display: grid;
	gap: 20px;  
	padding-left: 400px;  
	padding-right: 30px; 
	grid-template-columns: repeat(2, 1fr);	
	grid-template-rows: auto; 
	justify-content: center;
    /*align-content: center; */
    height: 95%; 
overflow: auto;}
	.box-app:nth-child(-n+2) {grid-column: span 2; }/*per avere la stessa dimensione*/
	.shadow {
  position: absolute;
  left: 0;
  right: 0;
  height: 20px;
  pointer-events: none;
  z-index: 1;
}

.top-shadow {
  top: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent);
}

.bottom-shadow {
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent);
}
	
	@media (max-width: 820px) {
		.box-app { background-size: 400px; padding-top: 300px; gap: 30px; padding-left: 30px; padding-right: 30px; background-position: top center;}
		.ic_newclienteAgg, .ic_clientiAgg, .ic_creaordineAgg, .ic_ordiniAgg, .ic_bozzeordiniAgg, .ic_prodottiAgg, .ic_prodottoOffertaAgg, .ic_canvasAgg, .ic_newcontattoAgg, .ic_contattiAgg, .ic_visiteAgg, .ic_giroAgg, .ic_cruscottoAgg{grid-area:auto;}

}   
@media (max-width: 768px) {.box-app { background-size: 340px;}  }

	.box-app a {
		text-decoration: none;
		color: var(--txt-color);
		font-size: 16px;
		line-height: 20px;
		font-weight: 700;
		text-align: center;
		text-transform: uppercase;
		background-color: #FFF;
		padding: 100px 5px 20px;
	
	}
	.box-app a:hover {background-color: #e6e6e6;}
/*icone bottoni home*/
.ic_newclienteAgg{background-image:url(../images/agg-nuovo-cliente.png); background-repeat:no-repeat;	background-position:center 20px;}
.ic_clientiAgg{	background-image:url(../images/agg-elenco-clienti.png); background-repeat:no-repeat;	background-position:center 20px;}
.ic_newcontattoAgg{background-image:url(../images/contatto.png); background-repeat:no-repeat;	background-position:center 20px;}
.ic_contattiAgg{	background-image:url(../images/elenco-contatti.png); background-repeat:no-repeat;	background-position:center 20px;}
.ic_visiteAgg{	background-image:url(../images/elenco-visite.png); background-repeat:no-repeat;	background-position:center 20px;}
.ic_giroAgg{	background-image:url(../images/weekly.png); background-repeat:no-repeat;	background-position:center 20px;}
.ic_creaordineAgg{background-image:url(../images/agg-nuovo-ordine.png); background-repeat:no-repeat; background-position:center 20px;}	
.ic_ordiniAgg{background-image:url(../images/agg-elenco-ordini.png); background-repeat:no-repeat; background-position:center 20px;}
.ic_bozzeordiniAgg{background-image:url(../images/agg-bozza-ordine.png); background-repeat:no-repeat; background-position:center 20px;}	
.ic_prodottiAgg{background-image:url(../images/agg-cerca-prodotto.png); background-repeat:no-repeat; background-position:center 20px;}
.ic_prodottoOffertaAgg{background-image:url(../images/agg-offerte-prodotti.png); background-repeat:no-repeat; background-position:center 20px;}
.ic_canvasAgg{background-image:url(../images/agg-canvas.png); background-repeat:no-repeat; background-position:center 20px;}		
.ic_consegneAgg{background-image:url(../images/agg-offerte-prodotti.png); background-repeat:no-repeat; background-position:center 20px;}		
.ic_cruscottoAgg{background-image:url(../images/cruscotto.png); background-repeat:no-repeat; background-position:center 20px;}		


/*pagine app e altre impostazioni generali*/

h1{
font-size: 1.8rem;
line-height: 2.4rem;
font-weight: 600;
float: left;
text-align: left;
width: 100%;
padding-right: 10px;
padding-top: 10px;
text-transform: uppercase;
}
.contenuto-div {padding-top: 20px; padding-bottom: 20px; padding-left: 10px; padding-right:	10px;}
.ricerca-interna {
	float: left;
    width: 100%;
    display: block;
    background-color: #f5f5f5;
    margin-bottom: 20px;
    margin-top: 5px;
    border-radius: 8px;
    padding-left: 20px;
	padding-right: 20px;
}
.box-filtra-cat {float: left; margin-right: 40px; border-right: solid 2px #ccc;  padding-right: 50px; margin-bottom: 10px; margin-top: 10px;}
.titolo-ricerca-interna {float: left; line-height: 40px; margin-right: 20px; font-weight: 600;}
.box-filtra-cat:not(:first-child) {border-right: none;	padding-right: 0; margin-right: 0; }
.riga-cat.main-cat {
    margin-top: 25px;
    background-color: #f5f5f5;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
	width: 100%;
    float: left;
}
a#current_cat_filter {color: #fff; background-color: #545454; padding: 10px;  float: left; border-radius: 8px;}
.main-cat a.filtra-cat {
    color: var(--txt-color);
    font-weight: 600;
    background-image: url(../images/seleziona.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    background-size: 12px;
	float: left;
}
.main-cat a.filtra-cat:hover {color: var(--colore-principale);}
.subcat_1 a.filtra-cat {
    color: var(--colore-principale);
    background-image: url(../images/seleziona.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    background-size: 12px;
	margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}
.subcat_1 a.filtra-cat:hover {color: var(--txt-color)}
.box-filtra-cat {float: left;  margin-right: 40px;}
.filtro-av-app, .filtro-av-app:visited {
    background-image: url(/images/filtra-link.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 45px;
    background-size: 34px auto;
    line-height: 16px;
    font-size: 12px;
	color: var(--link-color);
    font-weight: 600;
	width: 100px;
}
.filtro-av-app:hover {
    background-image: url(/images/filtra.png); color: var(--txt-color)}
.elenco-box {display: grid;  grid-template-columns:repeat(1, 1fr); gap: 20px; width: 100%;}
@media screen and (max-width: 600px) {
	.elenco-box  {
	  grid-template-columns: repeat(1, 1fr); 
  }
  .ricerca-interna {gap: 10px;}
}
.box-prodS, .box-prodD {position: relative; display: grid; align-self: center;}
.box-prodD {
	background-color: #f8f8f8;
    padding: 5px;
    display: grid;
    grid-template-columns: 64% 15% 20%;
    align-self: center;
    border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
gap: 5px;}
.box-prodD p, .box-prodD p span {word-wrap: break-word;}
.info-prod-open p{float: left;}
.info_canvas_open {width: 100%;  float: left;  text-align: left; border-bottom: 3px solid #fff;  margin-bottom: 5px;}
span#this_canvas_scontato_value, span#this_canvas_value {color: var(--verde);}
@media screen and (max-width: 1023px) {
.box-prodD {grid-template-columns: auto; gap: 5px;}}

.box-prodotto-app {background-color: #fff; border-radius: 8px; padding: 10px; box-shadow:0 0px 15px 0 rgba(0,0,0,0.08); display: grid;
	gap: 10px; grid-template-columns: 60px calc(100% - 60px - 140px - 120px - 140px - 40px) 140px 140px 120px; }
.box-prodotto-app h3, .box-prodotto-app h3 a {color: var(--h1-color); /*padding-bottom: 10px;*/}
.box-prodotto-app h3 a:hover {color:var(--txt-color)}
.box-prodotto-app h4 {color:var(--h3-color); padding-bottom: 5px;}
.box-prodotto-app figure {height: 50px; text-align: center; padding-left: 10px; float: left;}
.box-prodotto-app img, .agg-dett-S img{max-width: 100%; max-height: 100%;}
/*.box-prodotto-mag {grid-template-columns: 60px calc(100% - 60px - 200px - 140px - 30px) 200px 140px; border: solid 2px #ffff;}*/
.box-prodotto-mag { grid-template-columns: 60px calc(100% - 60px - 140px - 100px - 160px - 40px) 140px 160px 100px;}
.box-prodotto-mag.col4 { grid-template-columns: 60px calc(100% - 60px - 140px - 160px - 40px) 140px 160px !important;}
.box-prodotto-app.col4 { grid-template-columns: 60px calc(100% - 60px - 120px - 110px - 40px) 120px 110px !important;}
.box-prodotto-QR { grid-template-columns: 60px calc(100% - 60px - 140px - 100px - 160px - 40px) 140px 160px 100px;}
.dispomag{font-size: 0.85rem; color: var(--verde); float: right; font-style: italic;}
.giaordinfo {
	width: 100%;
	float: left;
	font-weight: normal;
	font-size: 14px;
  }
  .giaordmese {
	color: #666;
  }
  .giaordqta {
	color: #00a9ef;
	font-weight: bold;
  }
.bold-rem1 {font-weight: 600;  font-size: 1rem;}
.prodotto-selected {border: solid 2px var(--verde);}
.nr-prodotti {font-size: 1.2rem;}
.agg-dett-S  figure {
    padding-left: 20px;
    padding-right: 20px;
}
.info-grigio {color: #999;}
/*.box-prodotto-app .zoom {   
	 background-image: url(/images/zoom-gallery.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px auto;
   float: left;
    width: 30px;
    height: 50px;
    margin-right: -60px;
	margin-left: 10px;
   }
.box-prodotto-app .zoom:hover {background-image: url(/images/zoom-gallery-link.png);}*/
.box-prodotto-app .canvas-box{ 
	display: flex;
	justify-content: center;
	 line-height: 32px;
    font-size: 13px;
    color: #454545;
    font-weight: 600;
    float: left;
    background-color: #f8f8f8;
    padding: 5px;
    padding-left: 10px;
	padding-right: 10px;
    border-radius: 8px;
    width: 100%;
	align-self: center;
  }
.box-prodotto-app .canvas-box:hover {color:var(--link-color);}
.box-aggiungi-prod {display: grid; grid-template-columns: repeat(3, 1fr); gap:5px; text-align: center; align-self: center;}
.box-aggiungi-prod input, .box-aggiungi-prod-cart input {text-align: center; font-weight: 600;  font-size: 1.1rem;}
.box-aggiungi-prod-cart {display: grid; grid-template-columns: repeat(3, 1fr); gap:5px; width: 200px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;}
.agg-prodotto {  width: 100%; margin-top: 1px; height: 32px;  background-image: url(/images/agg-aggiungi.png); background-repeat: no-repeat; background-position: center; background-size: 32px;}
.togli-prodotto {height: 32px;  background-image: url(/images/togli-prodotto.png); background-repeat: no-repeat; background-position: center; background-size: 32px;    width: 100%; margin-top: 1px;}
.box-prodPrezzo {align-self: center; font-size:1.2rem;  text-align: center;}
.box-prodCanvas {align-self: center;}

.attiva {  width: 100%; margin-top: 1px; height: 32px;  background-image: url(/images/attiva.png); background-repeat: no-repeat; background-position: center; background-size: 50px;  padding-top: 35px; color: #333;
    font-size: 0.85rem;}
.disattiva {height: 32px;  background-image: url(/images/disattiva.png); background-repeat: no-repeat; background-position: center; background-size: 32px;    width: 100%; margin-top: 1px;  background-size: 50px;  padding-top: 35px; color: #333;
    font-size: 0.85rem;}

/*popup app*/

.agg-contpop {display: grid; gap:10px; width: 100%; grid-template-columns: 36% 63%; padding-right: 20px;}
.agg-dett-D {
    background-color: #f8f8f8;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
}
.agg-dett-D h2 {color: var(--h1-color); padding-bottom: 10px; font-size: 1.4rem; line-height: 2rem;}
.agg-dett-D h3 {color: var(--h3-color); font-size: 1.3rem; line-height: 1.6rem;  padding-bottom: 10px;  padding-top: 30px;}
.agg-dett-D h4 {color:var(--h3-color); padding-bottom: 5px; font-size: 1rem; line-height:1.4rem;}
.agg-dett-D figure {padding: 10px; height: 83%; text-align: center;}
.agg-dett-D img {max-width: 100%; max-height: 100%;}
.agg-dett-D span {font-size: 1.2rem;}
.agg-dett-S figure { padding: 20px;}
.agg-dett-S .presentazionePDF {
    line-height: 32px;
    font-size: 16px;
    color: #454545;
    font-weight: 600;
    float: left;
    background-color: #f8f8f8;
    padding: 5px;
    padding-left: 10px;
	padding-right: 10px;
    border-radius: 8px;
    width: 100%;
	margin-bottom: 10px;
    margin-top: 10px;
	display: flex;
	justify-content: center;
}
.agg-dett-S .canvas-box {
	line-height: 32px;
    font-size: 16px;
    color: #454545;
    font-weight: 600;
    float: left;
    background-color: #f8f8f8;
    padding: 5px;
    padding-left: 10px;
	padding-right: 10px;
    border-radius: 8px;
    width: 100%;
	margin-bottom: 10px;
    margin-top: 10px;
	display: flex;
	justify-content: center;
}
.agg-dett-S .canvas-box img, .agg-dett-S .presentazionePDF img, .box-prodotto-app .canvas-box img  {height: 28px; padding-right:5px;}
.agg-dett-S .canvas-box:hover, .agg-dett-S .presentazionePDF:hover  {color: var(--link-color);}


/*PAGINAZIONE*/
.box-pagination {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 20px;
}
.box-pagination .info {
	width: 100%;
	text-align: center;
	text-transform: lowercase;
    padding-bottom: 10px;
}
.box-pagination .currpage {
	width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 20px;
	background-color: #fff;
	border-radius: 8px;
	margin-left: 5px;
	margin-right: 5px;
}
.box-pagination a {
	width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 18px;
    background-color: var(--txt-color);
    border-radius: 8px;
    color: #fff;
    margin-left: 8px;
    margin-right: 8px;
}
.gotofirst {background-image: url(/images/pag-inizio.png); background-repeat: no-repeat; background-position: center; background-size: 20px;}
.gotoprev {background-image: url(/images/pag-indietro.png); background-repeat: no-repeat; background-position: center; background-size: 20px;}
.gotonext {background-image: url(/images/pag-avanti.png); background-repeat: no-repeat; background-position: center; background-size: 20px;}
.gotolast {background-image: url(/images/pag-fine.png); background-repeat: no-repeat; background-position: center; background-size: 20px;}
/*crea ordine vendita*/
.tabs.fixed{
	position: fixed;
	top: -15px;
	left: 0;
	background-color: #fff;
	z-index: 90;
	box-shadow: 0 5px 8px 0 rgb(127 129 131 / 24%);
	padding-right: 40px;
    padding-left: 40px;
	
}
@media (max-width:786px) {.tabs.fixed{padding-right: 20px;  padding-left: 20px; }}
.tabs.animated{transition: all 0.5s ease-in-out;}
.tabs.fixed.open{top: 60px;}
.tabs_num {
	position: absolute;
	top: -7.5px;
	right: -7.5px;
	min-width: 15px;
	height: 15px;
	background-color: lightgreen;
	border-radius: 7.5px;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
	border: solid 1px #333;
  }
  @media (max-width:820px) {.tabs.fixed{padding-right: 10px; padding-left: 10px;}}

  /*carrello*/
  .riga-carrello {
	float: left;
    width: 100%;
    display: grid;
    margin-bottom: 15px;
	margin-top: 15px;
    background-color: #fff;
    gap: 15px;
	grid-template-columns: 12% 35% 16% 26% 6%;;
	border-radius: 8px;
	padding: 5px;
	border: solid 2px #e5e8ec;
}

  /*.riga-carrello figure {
    padding: 10px;
    background-color: #f8f8f8;
    margin: 3px; 
	border-radius: 8px;
	max-height: 150px;
	text-align: center;
}
  .riga-carrello figure img {max-height: 100%;  max-width: 100%;height: 100%; }*/

  /*nuovo ordine*/
  .tab_canvas a {background-image:url(../images/agg-canvas.png) !important; background-repeat:no-repeat !important; background-position:10px center !important; background-size: 32px !important; padding-left: 50px !important;  border-radius: 8px 8px 0px 0px  !important; padding-top:10px !important; padding-right: 10px !important; padding-bottom: 10px !important; }
  .tab_tutti_prodotti a {background-image:url(../images/prodotti.png) !important; background-repeat:no-repeat !important; background-position:10px center !important; background-size: 26px !important; padding-left: 50px !important;  border-radius: 8px 8px 0px 0px  !important; padding-top:10px !important; padding-right: 10px !important; padding-bottom: 10px !important;}
  .tab_gia_ordinati a {background-image:url(../images/ordinati.png) !important; background-repeat:no-repeat !important; background-position:10px center !important; background-size: 34px !important; padding-left: 50px !important; border-radius: 8px 8px 0px 0px  !important; padding-top:10px !important; padding-right: 10px !important; padding-bottom: 10px !important;}
 /* .tab_questo_ordine {float:right !important; }*/
  .tab_questo_ordine a { border-radius: 8px 8px 0px 0px  !important; float: right !important; padding-top:10px !important; padding-right: 10px !important; padding-bottom: 10px !important;}
  /*.tab_questo_ordine.active-tab a {background: #66b8a2 !important; border: 1px solid var(--colore-principale) !important; color: #fff !important;  border-radius: 8px !important; padding-top:10px !important; padding-right: 15px !important; padding-bottom: 10px !important;}*/
 ul.tabs.fixed li {margin-bottom: 15px; margin-top: 15px;}
  .canvas_info_container {
    text-align: right;
    background-color: #e6f5fc;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
	font-size: 0.85rem;
   float: left;
   margin-left: 30px;
    margin-top: 10px;
	box-shadow: 0 0px 15px 0 rgb(0 0 0 / 27%);
}
.tab_questo_ordine {margin-left: 0px !important;}
#minimo_ord_no{color: var(--elimina); font-size: 0.85rem; font-weight: normal; float: left;}
span#curr_ord_val {font-size: 1.2rem;  font-weight: 700;}
li.canvas_info.skiptab {
	font-size: 1rem;
    line-height: 1rem;
    height: 40px;
    align-content: center;
    width: 205px;
    margin-right: 0px !important;
    float: left;
    margin-left: 0px !important;
	padding-left: 5px;
	padding-top: 5px;
}
.curr_ord_val {float: left; margin-right: 0px;}


  .nrprod {color: var(--link-secondari); font-weight: 600;}
  .canvas_collegati {
	background-image: url(../images/agg-canvas.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 34px;
    padding-left: 40px;
    line-height: 18px;
    margin-top: 10px;
}
.canvas_collegati h5 {margin: 0px; font-size: 0.9rem; padding-bottom: 3px;}
.canvas_collegati a {color: var(--txt-color); border-bottom: solid 1px var(--txt-color);}
  .pulisci-carrello { 
	background-image: url(../images/pulisci.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 34px;
    float: right;
    margin-top: -70px;
    margin-right: 20px;
    width: 100px;
    height: 34px;
    padding-left: 40px;
    line-height: 16px;
    font-size: 0.85rem;
    color: #545454;
    font-weight: 500; }
.azioni-riga-carrello {    
	display: flex;
    align-items: center;
    float: right;
    justify-content: space-between;
}
.azioni-riga-canvas {display: grid;  align-items: center;  justify-content: center; height: 180px;   align-self: center;}
.elimina-riga-carrello {color:var(--elimina);}
a.elimina-riga-carrello {
	background-image:url(../images/delete.png); background-repeat:no-repeat; background-position:top center; background-size: 26px; align-self: center;  margin-left: auto;  margin-right: auto; width: 32px; height: 32px; display: block;}
.prezzi-prodotto {
    display: grid;
	grid-template-columns: 25% 35% 35%;
    gap: 5px;
    justify-content: center;
    align-items: center; text-align: center;
	background-color: #f8f8f8;
	border: solid 4px #fff;
}
.col-prezzo-listino, .col-sconto {
    height: 100%;
    align-content: center;
    border-right: solid 4px #fff;
}
.prezzi-prodotto h4 {text-transform: capitalize;  padding-bottom: 10px;  font-size: 1rem; }
.col-sconto h4 {color: #deaa2a;}
.col-sconto input {width: 60px; text-align: center; font-weight: 600;}
.maxsconto {font-size: 12px; float: left; width: 100%;}
.prezzo-finito { font-weight: 600;  font-size: 1.2rem;}
.elenco-carrello h3 { margin-top: 20px;  float: left; width: 100%; color: #666;}
.info-prodotto { padding: 15px;  background-color: #f8f8f8;}
.info-prodotto p {line-height: 26px; padding-top: 10px;}
.info-prodotto h3 {  margin-top: 0;  color: var(--colore-principale); font-size: 1.4rem; border-bottom: 1px solid #adadad; margin-bottom: 5px; padding-bottom: 5px;}
.info-prodotto h3 a{color: var(--h1-color); font-size: 1.2rem;}

li.menu-delim {
    background-color: #c8c8c8;
    height: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
}
/* righe canvas*/
.riga-canvas {
	float: left;
    width: 100%;
    display: grid;
    margin-bottom: 15px;
	margin-top: 15px;
    background-color: #e6edef;
    gap: 15px;
	grid-template-columns: 13% 72% 10%;;
border-radius: 8px;
padding: 5px;
}

  .riga-canvas figure, .riga-carrello figure {
	display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
    /*background-color: #f8f8f8;*/
    text-align: center;
    align-self: center;
    padding: 5px;
}
  .riga-canvas figure img, .riga-carrello figure img{ 
	max-height: 140px;
    max-width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;}
  #canvas_goal, #canvas_name {
	color: var(--colore-principale);
	 font-weight: 600;
	 width: 100%;
	 float: left;
	 text-align: left;
	 font-size: 1.2rem;
	 border-bottom: 3px solid #fff;
	 padding-bottom: 5px;
 }
		
	
  .canvas_info {line-height: 18px; }
  .riepilogo-ordine {border: solid 2px var(--link-secondari); padding: 20px; font-size:1.6rem; line-height: 2.8rem; color: var(--txt-color); float: left; text-align: right; width: 100%;}
 #totale_carrello, #num_tot_prod {color: var(--link-secondari);}
  .indietro_box a {color:var(--link-color); margin-top: 0!important;}
  .indietro_box a:hover {color:var(--txt-color);}
  .has-active-pda {
	float: right;
     padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
    color: #fff;
    margin-top: 10px;}
.pda-ok {background-color: var(--colore-principale);}
.pda-attenzione {background-color: var(--link-secondari);}
.pda-no {background-color: var(--elimina);}
	/*check box seleziona prodotto nel cestino*/
.seleziona {
	background-image:url(../images/seleziona.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 32px;
	align-self: center;
    margin-left: auto;
    margin-right: auto;
    width: 32px;
    height: 32px;}
.seleziona_ok {background-image:url(../images/seleziona-ok.png); background-repeat:no-repeat; background-position:center; background-size: 32px; align-self: center;  margin-left: auto;  margin-right: auto; width: 32px; height: 32px;}
.sit-ordine-mag {margin-top: 50px; margin-bottom: 60px; line-height: 30px; float: left;}
.in_evidenza {font-size: 1rem;  color: #dc3545; font-weight: 600;}
.evidenza-tlt-ordine {color: var(--colore-principale);}
.minitxt {display: block; font-size: 0.75rem;  width: 100%; color: #dd8f44;}
.minitxt_green {display: block; font-size: 0.75rem;  width: 100%; color: var(--verde);}
.agguingiNr {background-image:url(../images/agg-aggiungi.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 32px;
	align-self: center;
    margin-left: auto;
    margin-right: auto;
    width: 32px;
    height: 32px;}
.agguingiNr.hover {background-image:url(../images/seleziona.png);}
.box-prodotto-QR .seleziona_ok {display: none;}
.prodotto-verif-parziale {border: solid 2px var(--elimina);}
.prodotto-verif-parziale .status-nr {color: var(--elimina);}
.prodotto-verif-parziale .seleziona_ok {display: none;}
.prodotto-verif-ok {border: solid 2px var(--verde); background-color: #dbeadb;}
.prodotto-verif-ok .status-nr  {color: var(--verde);}
.prodotto-verif-ok .seleziona_ok {display: block;}
.box-riga-consegna {
	display: grid;
    grid-template-columns: 48% 51%;
    gap: 10px;
    width: 100%;
    background-color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px 15px 15px;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,0.08);
    border-radius: 8px;
float: left;
}
.box-riga-consegna.nascosti{display: none !important;}
.box-riga-consegna.nascosti2{display: none;}
#open_manuale {position: fixed;
    right: 0;
    top: 250px;
    z-index: 10;
    background-color: #f9f1e3;
    padding: 10px;
    border-radius: 10px 0 0 10px;
	color: #333;
    border: solid 2px #333; width: 100px;} 

#open_moltiplipicatore {
	position: fixed;
  right: 0;
  top: 150px;
  z-index: 10;
  background-color: #dde7ed;
  padding: 10px;
  border-radius: 10px 0 0 10px;
  border: solid 2px #333; width: 100px;
  }
#open_manuale:hover, #open_moltiplipicatore:hover { background-color: #fff;}
.moltiplicatore {
	width: 360px;
	border: 2px solid #ccc;
	border-radius: 8px;
	overflow: hidden;
	padding: 20px;
}

.toggledirection {position: fixed;
    right: 0;
    top: 330px;
    z-index: 10;
    padding: 10px;
    border-radius: 10px 0 0 10px;
	color: #FFF;
    border: solid 2px #333;
font-size: 12px; width: 100px;} 
.remove_product {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
}
.toggledirection.add{background-color: #7ed000;}
.toggledirection.remove{background-color: #f00;}

.input-moltiplicatore, .input-bcmanuale {	width: 100%; padding: 10px;	background-color: #fff;}

.numeric-keypad {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 5px;
	padding: 10px;
	background-color: #eee;
}

.key {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	cursor: pointer;
}

.key:hover {background-color: #f0f0f0;}

.input-moltiplicatore .input, .input-bcmanuale .input {
	width: calc(100% - 20px);
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.additional-buttons {
	display: flex;
	justify-content: space-between;
	padding: 10px;
	background-color: #eee;
}

.additional-button {
	flex: 1;
	margin-right: 5px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
}

.additional-button:last-child {	margin-right: 0;}

.additional-button:hover {background-color: #f0f0f0;}
@media (max-width:1023px) {
.msg_actions {min-width: 600px; float: left; display: grid; gap: 20px;}}
@media (min-width:1024px) and (max-width:1496px) {
.msg_actions .BTN {padding-left: 55px !important; padding-right: 25px !important; background-position: 20px center !important;}}
.fullwidth {width: 100%;}
.cont-agg {background-color: #f8f8f8; padding: 10px; float: left; width: 86%; margin-top: 10px;}
.duplica_box { background-color: #f8f8f8;  padding: 10px;  margin-bottom: 5px;  margin-top: 5px;}
.cont-aggRem {float: left; margin-left: 20px; margin-top: 25px;}
.label_filtri {	padding-bottom: 15px; }
a.show {    background-image: url(../images/vedi-info.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 26px;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    width: 32px;
    height: 32px;
	padding-top: 25px;
    text-align: center;
    color: #333;
}
a.hide {
	    background-image: url(../images/nascondi-info.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 26px;
		align-self: center;
		margin-left: auto;
		margin-right: auto;
		width: 32px;
		height: 32px;}
a.showcanvas  { background-image: url(../images/componi-canvas.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 36px;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
	padding-top: 40px;
    text-align: center;
    color: #333;}

.prod_ordinare {color: var(--h1-color) !important; font-weight: 600 !important;}
.rigaProd_dettagli {display: grid; width: 100%; grid-template-columns: repeat(5, 1fr);  gap: 10px;}
.ultimoprezzo {font-weight: 600; line-height: 35px; font-size: 1.2rem;}
.info_qta_daord {padding-bottom: 10px; color: var(--link-secondari); font-size: 0.85rem; float: left;  font-weight: 600;}
.sit_ordine_liste {width: 100%; float: left; background-color: #e3f2fb;  padding: 10px;  margin-bottom: 20px;  border-radius: 8px;   text-align: center;}
.stato_ordine_preso {background-image: url(../images/status-incarico.png); background-repeat: no-repeat;	background-position: right center; background-size: 20px; padding-right: 25px; margin-left: 5px;}
.stato_ordine_parziale {background-image: url(../images/status-parziale.png); background-repeat: no-repeat;	background-position: right center; background-size: 20px; padding-right: 25px;  margin-left: 5px;}
.prep_check {background-color: #919191;  margin-right: 10px;}
.prep_check.already_checked{background-color: #009933 !important;}
.scegli-prodotto-fornitore {float: right; background-image: url(../images/cerca-b.png); background-repeat: no-repeat;background-position: left 8px; background-size: 16px; padding-left: 20px; color: var(--link-color);  font-size: 0.85rem; padding-top: 5px; padding-right: 5px; font-weight: 600;}
.scegli-prodotto-fornitore:hover {color: var(--txt-color); background-image: url(../images/cerca.png);}
.topdisp {width: 100%; float: left; margin-top: 30px;  margin-bottom: 10px;}
.box-input {margin-bottom: 5px; margin-top: 5px; float: left; width: 100%;}
.riga {background-color: #fff;  float: left;  padding: 20px;  width: 100%;}
.altri-dati-ordine {
	background-color: #f8f8f8;
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    align-items: center;
    font-size: 1rem;
    margin-top: 60px;
    padding-top: 5px;
	width: 100%;
	float: left;
}
.note_ordine {text-align: left;}
textarea#note { width: 100%;  float: left;}
.info-ordine-numart {background-color: #e8eaeb; padding: 10px;}
.info-ordine-subtot {margin-bottom: 20px; font-size: 1.2rem;}
.info-ordine-sconto, .info-ordine-sped {
    background-color: #f8f8f8;
    padding: 10px;
    font-size: 1rem;
    margin-top: 10px;
    margin-bottom: 10px;
}
.info-ordine-totale {
    font-size: 2rem;
    padding-top: 10px;
    float: right;
    width: 100%;
}
.fordesktop.tabs.fixed.open {top: 80px !important; }
  .fordesktop.tabs.fixed {left: 131px !important;  }
  .elenco-semplice {line-height: 28px; padding-bottom: 20px; padding-top: 20px;}
  .more-orders-notice b {font-size: 1.2rem; color: var(--verde);}
  .cons-dest {font-size: 1.4rem; color: #1780b4;}
  .cons-numordine span.bold, .cons-data span.bold, .cons-indirizzo span.bold  { font-size: 1.0rem;}

  .navigazione-veloce {width: 100%; float: left; padding-top: 10px; padding-bottom: 30px;}
  .navigazione-veloce ul li {display: inline-block;  padding-left: 10px; padding-right: 10px;}
  .navigazione-veloce ul li a {color: #3b3b3b; display: block; float: left; border-bottom: solid 1px #3b3b3b; padding-bottom: 3px;}
  span#warn_ordine_minimo, span#warn_scontomerce, span#warn_cvs_incomplete {
	background-image: url(../images/attention.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 30px;
    padding-top: 35px;
    float: right;
    margin-top: 45px;
    text-align: right;
    color: var(--elimina);
    font-size: 1rem;
    margin-left: 60px;
    margin-right: 60px;
}

/*filtro categorie*/
.riga-cat.subcat_1 {margin-left: 50px;}
a.freezeCanvas {
	margin-left: 20px;
    color: var(--elimina);
    text-decoration: underline;
    background-image: url(../images/stop.png) !important;
    background-repeat: no-repeat !important;
    background-position: 15px center !important;
    background-size: 16px !important;
    padding-left: 40px !important;}


#lock_ddt_data{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255,255,255,0.5);
}
.hide_column{display: none !important;}
.canvas_openstock {color: var(--elimina);}
.marginbottom20 {margin-bottom: 20px;}
.canvas_completato {color: var(--verde);}
.canvas_non_completato {color: var(--elimina);}
.sf_azzurro {background-color: #dce6ea;}
.pagamento_cliente {
	text-align: left;
  }
  label.radio_label.sceltacliente-label {
    margin: 0;
    padding: 0;
	color: var(--verde);
}
.check-ordine-urgente, .check-campionatura{float: right; width: 100%;}
.box_make_omaggio {
    width: 100%;
    float: left;
    background-color: #fff;
    font-size: 0.8rem;
    margin-top: 10px;
    padding-left: 10px;
}
a.moltiplica {    
	background-image: url(../images/multiplica.png);
    background-repeat: no-repeat;
    background-position: center 10px;
    background-size: 36px;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px !important;
    text-align: center;
    color: #333;}
a.moltiplica:hover {  color: var(--link-color);}
.comp_cvs_catlist {
		float: left;
		width: 100%;
		text-align: left;
		display: grid;
		grid-template-columns: 25% 35% 35%;
    gap: 20px;
	  }
	  .comp_cvs_catlist a {
		color: var(--colore-principale);
		line-height: 35px;
		font-weight: 600;
		background-image: url(../images/vedi-info.png);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 16px;
		padding-left: 25px;
	}
	.comp_cvs_catlist a:hover {color: var(--txt-color);}
 .titoli2.fixed{position: fixed;
		top: 0;
		z-index: 10;
		right: 0px;
		left: 0px;
		width: 100%;}
 .canvas_info_container.fixed{
		  position: fixed;
		top: 45px;
		z-index: 10;
		right: 0px;
		left: 0px;
		width: auto;
		margin-left: 0;
		margin-top:0;
	  }	

#torna_su{
	position: fixed;
	right: 0;
	bottom: 50px;
	height: 50px;
	width: 50px;	
	background-image: url(../images/top.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
	box-shadow: 2px 4px 10px #c8c8c8;
    border-radius: 50px;
	background-color: #fff;}

span.mostra_valore_canvas {font-size: 1.2rem; font-weight: 600;	text-align: center;	}

.box_riga_ordine {
		float: left;
		width: 100%;
		background-color: #fff;
		padding: 20px;
		border-radius: 8px;
		margin-top: 10px;
		margin-bottom: 10px;
		border: solid 1px #ccc;
		display: grid;
		grid-template-columns: 80% 20%;
		position: relative;
	}	
.nome_prezzo_prodotto {float: left;	width: 100%; margin-bottom: 20px;}
.nome_prezzo_prodotto h3 { float: left;  padding-right: 35px;  width: 75%;  font-size: 1.2rem;}
span.prezzo_unitario { float: right;}
.qta_sconto_prodotto {
    float: left;
    width: 100%;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
	align-items: center;}

.azioni_riga_ordine {align-content: center;  margin-right: auto;  margin-left: auto; height: 100%;  border-left: solid 3px var(--elimina);
    padding-left: 20px;}
.prezzo_finito {float: right; line-height: 1rem;}
.prezzi_finiti {font-weight: 600; font-size: 1.2rem;  float: right;}
.in_eliminazione { background-color: #f8e4e4;}
.totale_ordine_modifica {
    float: right;
    font-size: 1.4rem;
    background: #b4b1b1;
    padding: 10px;
    border-radius: 8px;
    color: #fff;
}
a.scegli-prodotto-aggiungi {
    background-color: #fff;
    padding: 10px;
    color: #333;
    border-radius: 8px;
    margin-top: 10px;
    width: 100%;
    float: left;
    border: solid 1px green;
    margin-bottom: 40px;
    background-image: url(../images/add_square.png);
    background-size: 26px;
    padding-left: 60px;
    background-repeat: no-repeat;
    background-position: 20px center;
}
a.scegli-prodotto-aggiungi:hover {background-image: url(../images/add_square_hover.png);}
.bottom60 {margin-bottom: 60px;}
.margin10_input {margin-left: 10px; margin-right: 10px;}
.consegna_parziale {background-color: bisque;}
.input_fake {
    border: solid 1px #ccc;
    padding: 5px;
    height: 32px;
    border-radius: 8px;
    background-color: #ebebeb;
}
.indicator.opened{ transform: rotate(90deg); float:left; margin-left: 10px;}
.catscelta {background-color: #cdf2cd !important; }
.catscelta a  {background-image: url(../images/seleziona-ok.png) !important; background-repeat: no-repeat;}
.subcatscelta {	font-weight: bold;  }
.subcatscelta a {background-image: url(../images/seleziona-ok.png) !important;  }
a#add_sconto_merce {
	background-color: #fff3e4;
    padding: 10px;
    float: left;
    margin-bottom: 40px;
    margin-top: 10px;
    border-radius: 8px;
    width: 100%;
    text-align: left;
    color: #54595f;
    font-weight: 600;
    box-shadow: 0px 5px 5px #f8f8f8;
    border: solid 2px #c7d0ce;
    background-image: url(../images/agg-aggiungi.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 26px;
    padding-left: 50px;
}
a#add_sconto_merce:hover {background-color: #e3e2e2;     border: solid 2px #bebcbc; color:#333;}

.riga-scontoinmerce {
	float: left;
    width: 100%;
    display: grid;
    margin-bottom: 15px;
    margin-top: 15px;
    background-color: #fff7ed;
    gap: 15px;
    grid-template-columns: 35% 40% 10% 10%;
    border-radius: 8px;
    align-items: center;
	padding: 5px;
	border: solid 2px #e5e8ec;
	margin-bottom: 60px;
}
.mostra-inseriti{
    color: var(--colore-principale);
    line-height: 35px;
    font-weight: 600;
    background-image: url(../images/vedi-info.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
    padding-left: 25px;
	float: left;
}
a.showscontomerce {
    background-image: url(../images/componi-canvas.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 36px;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    text-align: center;
    color: #333;
}
textarea#prodotto {
    float: left;
}
img.pagamento-inviato {
    width: 20px;
    float: left;
    margin-right: 5px;
}


	@media (max-width: 820px) {
		.fixed li.canvas_info {
			font-weight: 700;
			font-size: 1rem;
			line-height: 1.4rem;
			width: 100vw;
			float: left;
			margin-top: -10px !important;
			padding-left: 30px;
			background-color: #f8f8f8;
			margin-left: -10px !important;
			margin-bottom: 5px !important;
		}
		.fixed .curr_ord_val { float: right;  margin-right: 30px;}
		#minimo_ord_no {font-size: 0.85rem; font-weight: normal;  float: left;  line-height: 1.6rem;}
		.tab_gia_ordinati a, .tab_tutti_prodotti a, .tab_canvas a {background-image: none !important; padding-left: 10px !important; }
		.box-prodS { display: none;}
		.box-prodotto-app {grid-template-columns: calc(100% - 80px - 150px - 100px - 40px) 80px 150px 100px;}
		.riga-canvas figure, .riga-carrello figure {display: none;}
		.riga-canvas {grid-template-columns: 82% 15%;}
		.box-prodCanvas img {display: none;}
		.riga-carrello {gap: 5px; grid-template-columns: 30% 16% 45% 6%;}
		.box_make_omaggio {padding-left: 5px;}
		label.radio_label.sceltacliente-label {	font-size: 0.85rem;	}
		.prezzi-prodotto {grid-template-columns: 25% 35% 35%;}
		input[type="text"], input[type="search"], input[type="password"], input[type="number"], input[type="date"], input[type="datetime-local"] 
		{height: 33px;}
		.togli-prodotto, .agg-prodotto {background-size: 30px; }
.info-prodotto {padding: 8px;}
.info-prodotto h3 a { color: var(--h1-color);  font-size: 1.1rem;  line-height: 1.45rem;}
.box-prodotto-app.col4 { grid-template-columns: calc(100% - 140px - 110px - 20px) 140px 110px !important;}
.filtri_top {width: 100%; margin-top: 0px;}
.bottoni {width: 46% !important;}
.nodisplay{display: none;}


		}


.dataTables_filter input[type="search"]:not(:placeholder-shown) {background-color: rgb(253, 253, 137);}
.mini-input:not(:placeholder-shown) {background-color: rgb(253, 253, 137); }


.percinfattura {
	width: 50px;
	border-radius: 3px;
	border: 1px solid #999;
	box-sizing: border-box;
	vertical-align: baseline;
	line-height: 35px;
	padding-right: 5px;
	padding-left: 5px;
	color: var(--txt-color);
	font-weight: 400;
	height: 25px;
  }
.riga-cvs-margin{width: calc(100% - 50px);}


.etichetta-riga-left {
  float: left;
  width: 60px;
  border-radius: 8px 0 0 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 124px;
  margin-right: -10px;
  text-orientation: upright;
  writing-mode: sideways-lr;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  background-color: #ccc;
}

.etichetta-riga-left-prepara {
	background-color: #ccc;
	position: absolute;
	top: -11px;
	left: -10px;
	bottom: -11px;
	border-radius: 8px 0 0 8px;
	text-orientation: upright;
	writing-mode: sideways-lr;
	text-align: center;
  }

.box_prod_etich {float: left;background-color: #daa92d;padding: 10px;border-radius: 8px;margin-right: 20px;margin-bottom: 20px;color: #FFF;}

.box_prod_nome {float: left;}
.box_prod_remove {	color: #FFF;	font-weight: bold;	margin-left: 20px;  }
#inprint {	font-size: 20px;	color: var(--link-secondari);  }
.box-prodotto-app h3 small {	float: left;	width: 100%;	font-style: italic;	margin-left: 20px;  }

.cansped {position: absolute;right: 50px; width: 30px;	height: 30px;	background-image: url(../images/status-incarico.png);	background-size: contain;	background-repeat: no-repeat;	background-color: #FFF;	border-radius: 50%; box-shadow: 0px 0px 3px #ccc;}
.cansped .js_tooltip{width: 30px; height: 30px;}

.cella_pagamento {	float: left;	width: 100%;	border-bottom: solid 1px #ccc;	line-height: 35px;	margin-bottom: 10px;  }
.cella_pagamento.noborder{border: none;}
.elimina_incasso img, .elimina_pagamento img{float: right; width: 20px;}
.scollega_ndc img{margin-left:15px; width: 20px;}
.label_dati_pagamento {	color: #999;	width: 50px;	float: left;  }
.value_dati_pagamento{float: left;}
.sottoriga-fattura{border-top: 30px solid #FFF !important;	color: #1780b4;	background-color: #fff; font-size: 18px;}

tr.rigagrigia td{color: rgb(175, 175, 175); font-style: italic;}

.filtra-cat-top {	float: left;	color: #fff;	text-decoration: underline !important;  }
#azzera_fitri_categorie {	float: right;	background-color: chocolate;	color: #fff;	line-height: 1.6em;	padding: 10px;	border-radius: 8px;	margin-left: 30px;  }

.cons-note.hidelines{height: 28px; overflow: hidden; cursor: pointer;}
.cons-note.hidelines::before {
	content: '+';
	font-weight: bolder;
}
.cons-note.hidelines.notaAperta {	height: auto;  }
.cons-note.hidelines.notaAperta::before{content: '-';}

.general_warning_box{
	width: 500px;
	height: 300px;
	padding: 25px;
	text-align: center;
}
.pdf_pwa_bar{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

tr.firstorder td{background-color: rgb(229, 255, 229);}

.page_warn {
	float: left;
	width: 100%;
	background-color: #ea4343;
	color: #fff;
	text-align: center;
	position: fixed;
	left: 0;
	top: 80px;
	height: 50px;
	line-height: 50px;
	z-index: 100;
}
.page_warn + .titoli {
	margin-top: 50px;
}

.box_riga_ordine_label {
	position: absolute;
	top: 0;
	left: 0;
	background-color: yellow;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 8px 0 0 0;
}

.pda-selected {
	float: left;
	width: 45px;
	background-color: #FFF;
	transform: translate(-10px);
	border-left: solid 1px #ccc;
	height: 45px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-radius: 4px 0 0 4px;
	background-image: url(../images/disattiva.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 80%;
	cursor: pointer;
}

.pda-selected.active {background-image: url(../images/attiva.png);  }

.col-limit {
	max-width: 20%;        /* imposta una larghezza massima */
	white-space: nowrap;     /* evita l'andare a capo */
	overflow: hidden;        /* nasconde il testo che eccede */
	text-overflow: ellipsis; /* mostra i puntini */
  }
.notascadutaunanno {position: absolute;right: 3px;top: 3px;width: 10px;height: 10px;line-height: 15px;background-color: #f00;border-radius:50%;}

.cruscotto-container{
	display: grid;
	grid-gap: 10px;
    grid-template-columns: calc(34% - 5px) calc(33% - 10px) calc(33% - 5px);
    background-color: #fff;
    color: #444;
	font-size: 12px;
	float: left;
  width: 100%;
}
.crst-box{overflow: auto;}
.crst-box table {width: 100%;}
.crst-products {
  grid-column: 1;
  grid-row: 1 / span 2;
}
.crst-clients {
  grid-column: 1;
  grid-row: 3;
}
.crst-turnover {
  grid-column: 2 / span 2;
  grid-row: 1;
}
.crst-customers {
  grid-column: 2;
  grid-row: 2;
}
.crst-discount {
  grid-column: 3;
  grid-row: 2;
}
.crst-box table th,
.crst-box table td {padding: 5px;}
.crst-box table th:first-child,
.crst-box table td:first-child {
  position: sticky;
  left: 0;
  background: white;
  z-index: 1;
}
.sezione1 td {
  background-color: #a3f9a3;
}
.sezione3 td {
  background-color: #c6e6e3;
}
.sezione5 td {
  background-color: antiquewhite;
}

.crusc-to-stat{position: absolute; top: 0; right: 0;}
.crusc-to-stat img{width: 10px; height: 10px;}

.name_agente {
  float: left;
  line-height: 25px;
  margin-top: 15px;
}
.sottotitolo {
  float: left;
  font-weight: bold;
  margin-left: 25px;
  font-size: 24px;
  line-height: 35px;
}