body {    display: inline-block!important;}
.loading-header {display:none;}
.inlinea {float:left; width:100%; word-break:keep-all; }
.admin_preload_box {z-index:100;}
/*TINT*/
.tox.tox-tinymce {width:100%!important;}
/* PULSANTI FUNZIONI *//*gallery*/
.no-padding {padding:0!important;}
.divide30 {width:100%; float:left; height: 30px;}
.margin0-10-10-0 {margin:0 10px 10px 0!important; padding:0!important;}
.dx {position:relative;}
.blocco-foto {
	width: 49%;
    float: left;
    position: relative;
    box-sizing: border-box;
    border: 4px solid #DDD;
    background: #FFF;
    padding: 2px;
    margin: 0 1% 1% 0;
}


.blocco-foto :nth-child(2n+0) {
  margin: 0 0% 1% 0;
}





.foto-gallery {
	width:100%;
	padding:0 0 100% 0;
	background-position: center; 
	background-size: cover;
	float:left;
	border-radius: 2px;
}


div#box_foto {
    width: 100%;
    float: left;
}

h2 {font-weight:600; }
.info_hide {text-transform:none;}
@media screen and (min-width: 640px) {
	.blocco-foto {
	width:19%; 
	margin:0 1% 1% 0;	
}
	
	.blocco-foto :nth-child(2n+0) {
  margin: 0 1% 1% 0;
}
	
	.blocco-foto :nth-child(5n+0) {
  margin: 0 1% 1% 0!important;
}
	
}


#form_file > .riga > .box_tasto, #form_file > .riga > .box_tasto > a {width:100%; box-sizing:border-box;}
/*
@media screen and (min-width: 980px) {
	.blocco-foto {
	width:16,6666%; 
}
}
*/
.number.abslt {position: absolute;
    left: 3px;
    top: 4px;
    width: 25px;
    border: 0;
    height: 25px;
    border-radius: 100%;
	color: #FFF;
    text-align: center;
    line-height: 25px;
}
.modifica.abslt {position:absolute; right:70px; top:5px; }
.elimina.abslt {position:absolute; right:5px; top:5px; }
.percorso.abslt {position:absolute; right:37px; top:5px; }

.foto_principale {
	position: absolute;
    left: 5px;
    bottom: 5px;
    width: auto;
    padding: 3px;
    background: rgba(0,0,0,0.8);
    color: #fff;
    box-sizing: border-box;
    text-transform: uppercase;
    font-weight: 700;
    padding: 4px 10px; 
}

td > a.cerca-icon, td > a.modifica, td > a.reload, td > a.visualizza, td > a.elimina, td > a.morte, td > a.vis_varianti, td > a.modifica_varianti, td > a.duplica, td > a.percorso, td > a.stampa-dettaglio-ordine {
	width:100%;
	height: 40px;
	min-width: 32px;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
    text-align: center;
    line-height: 40px;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 2px;
	margin:0 auto;
}

@media screen and (max-width: 980px) {  
td > a.cerca-icon, td > a.modifica, td > a.reload, td > a.visualizza, td > a.elimina, td > a.morte, td > a.vis_varianti, td > a.modifica_varianti, td > a.duplica, td > a.percorso, td > a.stampa-dettaglio-ordine {width: 100%;}
}

a.morte {background:#d90000!important;
font-family: 'Font Awesome 5 Free';
    font-weight: 900;
font-size: 22px;
}

a.morte:hover {background:#666666!important;}

.title-allegati {
	width: 100%;
    height: 40px;
    float: left;
    margin-top: 45px;
    line-height: 20px;
    overflow: hidden;
    padding: 40px 5px 0 5px;
    font-weight: bold;
}


div#lista_elementi {
    width: 100%;
    float: left;
}

/*gallery*/


																
a.print_ordine				{
	position: absolute;
    top: 14px;
    right: 0;
    z-index: 2;
    height: 40px;
    min-width: 40px;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
    text-align: center;
    line-height: 40px;
    display: block;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 2px;
	background:#222;
	color:#FFF;
}
a.print_ordine:hover {background:#666; color:#FFF;}
a.print_ordine:after				{
	content: "\f02f";
}

a.cerca-icon:after {
    content: "\f002";
}

a.reload:after {
    content: "\f021";
}

a.percorso:after {
    content: "\f07c";
}

a.visualizza:after {
    content: "\f06e";
}

a.modifica:after {
    content: "\f044";
}

a.elimina:after {
    content: "\f2ed";
}

a.vis_varianti:after {
    content: "\f06e";
}

a.duplica:after {
    content: "\f24d";
}

a.modifica_varianti:after {
    content: "\f2f6";
}
a.morte:after {
    content: "\f00d"; /*modificato  f714*/
}	

a.stampa-dettaglio-ordine:after {
	content: "\f02f";
}


a.utente-view:after {
	content: "\f007";
}

a.reg-data:after {
	content: "\f15c";
}
/*
a.profilo-fotografo:after { 
	content: "\f083";
}
*/
/************ACTION SERVIZI*****************/

.box_tasto_action2 {
	    width: 100%;
    text-align: center;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
}

.box_tasto_action2 a {
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    width: 100%;
    border-radius: 2px;	
}

td > input[type=checkbox], input[type=radio] {
    float: left;
    margin: 2px 5px 0 0;
}

.right-input {float: right; width: 130px;}
.right-input > input {width: 100%!important; min-width: inherit!important; max-width: inherit!important}
@media screen and (min-width: 980px) { 
.right-input {float: left;}
}
/*********************************************/
/*********** TABLE RESPONSIVE ****************/
/*********************************************/

th, th > strong, th > b {font-weight:normal; line-height: 1.3;}

.right-text {text-align: right!important;}

table.table-responsive tr td:first-child {
    min-width: 30px;
    /*text-align: center;*/
}

table.table-responsive tr th:first-child {
    min-width: 30px;
    text-align: left;
}

td:first-child > input[type=checkbox], input[type=radio] {
    float: none;
}

tr {vertical-align: top;}
.td > a {width:inherit;}	



table.table-responsive {
  border: 1px solid #DDD;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  /*table-layout: fixed;*/
}

table.table-responsive caption {
  /*font-size: 1.5em;*/
  margin: .5em 0 .75em;
}

table.table-responsive tr {
  background-color: #FFF;
  border: 1px solid #ddd;
  padding: .35em;
  vertical-align: top;	
}

table.table-responsive th,
table.responsive td {
  padding: 5px;
  text-align: left;
}

table.table-responsive th {
   font-size: 12px;
    color: #FFF;
    border-color: #777;
    background: #777;
    vertical-align: top;
}
  table.table-responsive tr:first-child td { color:#444!important; border-color:#DDD; text-align: left;}	
select {max-width: 100%;}
td > select {max-width: 100%; width:100%; box-sizing: border-box;}
td > .box_tasto, td > .box_tasto > a {width:100%!important; box-sizing: border-box;}

tr > td {
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
}
tr:hover > td {
    background: #DDD;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
}



@media screen and (max-width: 980px) {
	table.table-responsive tr:first-child td {text-align: right;}
	select {max-width: 100%; width:100%; box-sizing: border-box;}
  	td.td-select {min-height: 40px!important;}
	td.td-select2 {min-height: 60px!important;}
	.td-select > select, td > select {width:100%!important;}
	.td-select > .box_tasto, .td-select > .box_tasto > a,
	td > .box_tasto, td > .box_tasto > a {width:100%!important; box-sizing: border-box;}
	
  table.table-responsive tr:first-child td { color:#444!important; border-color:#DDD;}	
	
  table.table-responsive {
    border: 0;
  }

  table.table-responsive caption {
    font-size: 1.3em;
  }
  
  table.table-responsive thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.table-responsive tr {
    border-bottom: 2px solid #ddd;
    display: block;
    /*border-radius: 4px;*/
    margin-bottom: .625em;
  }
  
   table.table-responsive td {
    border-bottom: 1px solid #ddd;
    display: block;
    min-height: 36px;
    /*font-size: .8em;*/
    text-align: right;
  }
  
  table.table-responsive td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
	text-align:left;  
  }
  
  table.table-responsive td:last-child {
    border-bottom: 1px solid #DDD;
  }
	
	table.table-responsive > tbody > tr > td:first-child { /*border-radius: 4px;*/ text-align: right;}	
}

/*td {word-break: break-all;}*/
/********** green red ***********/


a > .green-si {text-align: center; float: right;  height: 22px;  width: 22px; background:transparent;  position: relative; font-family: 'Font Awesome 5 Free' !important; box-sizing: border-box; font-size:22px; color:#08b836;}
a > .red-no {text-align: center; float:right; height:22px; width:22px; background:transparent;   position:relative; font-family: 'Font Awesome 5 Free' !important; box-sizing: border-box; font-size:22px; color:#d90000;}

a > .green-si:hover {color:#222;}
a > .red-no:hover {color:#222;}



a > .green-si::after {content:"\f058"; }
a > .red-no::after {content:"\f057"; }


.green-si-txt   {width:100%; float:left; text-align: center; color:#08b836;}
.red-no-txt    {width:100%; float:left; text-align: center; color:#d90000;}

.green {color:#08b836!important;}
.red {color:#d90000!important;}
.green:hover, .red:hover {color:#222!important;}
.new_puls {
    width: 20px;
    height: 20px;
	margin:0 5px;
    float: left;
    text-align: center;
	cursor: pointer;
}

.green-si {float: right; border-radius: 100%; height: 16px;  width: 16px; background: #08b836;  position: relative;font-family: 'Font Awesome 5 Free' !important;}
.red-no {float:right; border-radius:100%; height:16px; width:16px; background:#d90000;  position:relative;font-family: 'Font Awesome 5 Free' !important;}
img.stato {  float:right;}
 @media screen and (min-width: 980px) { 

a > .green-si {float:left;  left:50%; margin-left:-10px; }
a > .red-no {float:left;  left:50%; margin-left:-10px; }		 
	 
.green-si {float:left;  left:50%; margin-left:-8px; }
.red-no {float:left;  left:50%; margin-left:-8px; }	
	 img.stato { margin: 0 auto; display: block; float:none;}
}

/**** fix ****/
.el_pag {margin:0 10px 20px 0!important;}
.transparent {background-color:transparent!important;} 
.no-pad-marg {margin:0!important; padding:0!important;}
.box_tasto_cancella2 {
    line-height: 21px;
}
.box_tasto_cancella2 a {
	background:#d90000!important; 
	color:#FFF!important;
    margin: 0 5px 0 0;
    background: #222;
    height: 21px;
    border-radius: 100%;
    font-weight: bold;
    width: 21px;
    float: left;
    font-size: 10px;
    line-height: 21px;
    text-align: center;}
.box_tasto_cancella2 a:hover {background:#222!important; color:#FFF!important;}
.box_tasto_cancella2 > a > i {line-height:20px;}

.link-pannello {display:none!important;}
#hide_upload {padding:10px!important;}


/******************************************************************************************/


#hide_upload {
	width: 100%;
    height: 100%;
    top: 0!important;
    left: 0!important;
    background: rgba(0,0,0,0.6)!important;
    z-index: 230;
    position: fixed;
}


.fixed-box {
z-index: 230;
    width: 280px;
    position: fixed;
    top: 50%;
    margin-top: -250px;
    left: 50%;
    margin-left: -150px;
    background: #FFF;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0 0 20px 0px rgba(0,0,0,0.4);
}

@media screen and (min-width: 640px) {
	.fixed-box {
		width: 360px;
		margin-left: -180px;
	}
}

.close-fixed-box {
	    top: 10px;
    right: 10px;
    position: fixed;
    z-index: 240;
    font-family: 'Font Awesome 5 Free' !important;
    color: #FFF;
    font-size: 25px;
}

.close-fixed-box:hover, .close-fixed-box:hover > i {color:#ccc!important;z-index: 110;}

.valori-caratteristiche {width:100%; float:left;}
.valore_caratteristica {
    /*width: auto;*/
    line-height: 20px;
    background: #ccc;
    float: left;
    /*width: 100%;*/
	box-sizing: border-box;
    margin: 0 0 10px 0;
    height: 25px;
    text-align: left;
}

.cat_su, .cat_giu {border-radius:3px !important;}

/***** NL *******/

.box_tasto_nl_amm {width:32.3%; box-sizing: border-box; float:left; margin:0 0.5% 10px 0;}

@media screen and (min-width: 640px) {
.box_tasto_nl_amm {width:19.5%; margin:0 0.5% 10px 0;}
	.box_tasto_nl_amm:last-child {width:20%; margin:0 0 10px 0;}	
}

.box_tasto_nl_amm > a {background:#222; padding:10px 5px; border-radius:2px; color:#FFF; text-align: center; line-height: 20px; display:block; font-size:12px;}
.box_tasto_nl_amm:hover > a {background:#666; color:#FFF;}


/**forz**/
td > .box_tasto {
    float: none!important;
}

input[type="file"] {float:right;}
@media screen and (min-width: 640px) {
	input[type="file"] {float:left;}
}

.divide-block2 {
    background: #EFEFEF;
    /* border: 1px solid #DDD; */
    border-radius: 2px;
    float: left;
    margin: 0 0 10px 0;
    padding:10px;
    width: 100%;
    box-sizing: border-box;
}


/********/
.view-product {
	height: 100%;
    margin: 2px 10px 0 20px;
    font-size: 15px;
    float: right;
    border-radius: 100%;
    border: 2px solid #000;
    padding: 2px;
    text-align: center;
}


.view-product:hover { color:#fff; background:#000;}

/***************************** LANDING PAGE PANNELLO **********************************************/
/*
.single-hover > img {margin-top:40px;}


td > .cont-landing {
position: absolute;
    opacity: 0;
    cursor: pointer;
    min-height: 560px;
    width: 100%;
    left: 0px;
    z-index: 3;
}

td > .cont-landing input {
  	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 25px;
	width: 25px;
	left: 0px;
	z-index: 3;
}


.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

td > .cont-landing:hover input ~ .checkmark {
  background-color: #ccc;
}

td > .cont-landing input:checked ~ .checkmark {
  background-color: #2196F3;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

td > .cont-landing input:checked ~ .checkmark:after {
  display: block;
}

td > .cont-landing .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
*/

td.single-hover {
    padding: 0;
}

.single-hover > img {margin-top:40px;}

/* Customize the label (the container) */
td > .cont-landing {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px;
}

/* Hide the browser's default radio button */
td > .cont-landing input {
  	position: relative;
  	opacity: 0;
  	cursor: pointer;
  	min-height: 500px;
  	width: 100%;
  	margin: 0;
  	z-index: 3;
  	padding: 0;
} 

/* Create a custom radio button */
.checkmark {
      position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    FLOAT: LEFT;
    background-color: #eee;
    border-radius: 0;
    padding: 20px 10px;
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}

/* On mouse-over, add a grey background color */
td > .cont-landing:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
td > .cont-landing input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
td > .cont-landing input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
td > .cont-landing .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  /*background: white;*/
}



/******************/
.esporta {
    color: #FFF;
    background: #4fb926;
    width: auto;
    height: 40px;
    min-width: 32px;
    font-weight: 700;
    text-align: center;
    line-height: 40px;
    display: table;
    padding: 0 10px;
    border-radius: 2px;
    margin: 0 auto;
    float: left;
}

.esporta:hover {color:#FFF; background:#222;}

.esporta > i {margin:0 0 0 10px;}

/*************************************************/
/************** POPUP PUNTAROSSA *****************/
/*************************************************/
.fixed-bg {background:fixed; left:0; top:0; z-index: 1; width:100%; height: 100%;} 
#popup-div {
    position: absolute;
    width: 70%;
    background: #e9e9e9;
    padding: 20px;
    left: 50%;
    margin-left: -35%;
    border-radius: 2px;
    box-shadow: 0 0 263px 592px rgba(0,0,0,0.4);
	z-index:100000;
}

.close-popup-div {
	position:absolute;
	width: 30px;
	height: 30px;
	top:-10px;
	right:-10px;
	border-radius: 100%;
	background:#222;
	color:#fff;
	text-align: center;
}

.close-popup-div > i {color: #FFF; line-height: 30px;}


/******************/
#div-listanucleo {padding:10px 0;}
.txt-ico {
	height: 30px;
    display: inline-block;
    line-height: 30px;
}

.txt-ico > img {margin: 5px 5px 0 0; float: left;}
/****************************************************/
span#contenuto_parent {
    padding: 0!important;
}

ul { padding: 0;  list-style: inside;}

.stati {
	height: 18px;
    margin: 1px 5px 0 0;
    line-height: 40px;
    float: left;
}


/*********COMUNICAZIONI*******/
#mmod_112_js {
	width: calc(100% - 23px);
    float: left;
}
.nuove_comunicazioni {
	position: relative;
    margin: -10px 0 0 0;
    float: right;
    width: 23px;
    height: 23px;
    line-height: 21px;
    background: #D90000;
    color: #FFF;
    text-align: center;
    font-weight: 400;
    border-radius: 100%;
    font-size: 11px;
    box-sizing: border-box;
    border: 1px solid #FFF;
    box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
}

#elenco-destinatari {width:100%!important; max-width: inherit!important;}

/**fix categorie **/
#next_cat_1, #next_cat_2, #next_cat_3 {width:100%; float:left;}

/*fix listing*/
p.note-listing {
    max-width: 350px;
    float: left;
    text-align: left;
}

/***********************************/
@media screen and (min-width: 720px) {
.dati-cliente-td {width:50%;}
}

/************************** COUPON ***************/
.space-back {width:100%; float:left; height:30px;}
#selezione-tab {width:100%; float:left;}
.tab01  {width:50%; padding:10px; box-sizing: border-box; float:left; background:#FFF; color:#444; text-align: center; line-height: 30px; border:0; text-transform: uppercase; font-weight:bold;}
.tab02	{width:50%; padding:10px; box-sizing: border-box; float:left; background:#DDD; color:#444; text-align: center; line-height: 30px; border:0; text-transform: uppercase; font-weight:bold;}
.tab01:hover, .tab02:hover  {color:#FFF; background: #333;}
.tab01.selezionato, .tab02.selezionato {background:#333; color:#FFF;}


/****************/
.intestazione-modifica {width:calc(100% - 90px); float:left;}
a.preview-puls {height:auto; padding:10px; line-height: 20px; width: auto;}

/******** apparati back ******/
#app_sel_cat_2, #app_next_cat_2 > div {width:100%!important;}

/************* ORDINI ************/
.riga-ordini { width: 100%;float: left; }
.etichetta-ordine {font-weight:bold; margin:0 5px 0 0;}
.etichetta-ordine, .info-ordine {width:auto; float:left;}
.etichetta-ordine > span {font-size:12px;}
@media screen and (min-width: 720px) {
.etichetta-ordine {width:150px; float:left;}
.info-ordine {width:calc(100% - 155px); float:left;}
}

/********************************/

.calcola_cf {
    float: right;
    color: #FB3E3E;
    text-transform: uppercase;
    cursor: pointer;
}

.calcola_cf:hover {color:#444;}

/******** INFO ESPLODE *****/
.mini-info {width:100%; padding:5px; box-sizing: border-box; font-family: montserrat, helvetica, arial; font-weight:normal; float:left; margin:0 0 10px;}


/**************pdf progress****************/

.pdf-progress {position:fixed; top:0; left:0; background:rgba(255,255,255,0.5); height: 100vh; width:100%; z-index: 10000000;}
.box-count {width:160px; float:left; height: 160px; line-height: 160px; text-align: center; color:#fff; font-size:30px; position:fixed; top: 40%; border-radius:100%; background:#222; left:50%; margin-left:-100px; font-weight:bold;}


/*************** BOX TABELLA STIMAPP ****************/

.box-email {
	position:fixed;
	width:100%;
	height:100%;
	z-index: 100;
	background:rgba(255,255,255,0.7);
	top: 0;
	left:0;
}

.box-email-int {
	padding: 10px;
    width: 280px;
    height: 138px;
	border-radius:5px;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -150px;
    position: absolute;
    background: #FFF;
    box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.4);
}

.chiudi-box-email {
	width: 20px;
    height: 20px;
    color: #d90000;
    position: absolute;
    top: -10px;
    right: -10px;
    background: #FFF;
    cursor: pointer;
    border-radius: 100%;
}

.chiudi-box-email > i {
	line-height: 20px;
    font-size: 20px;
}





.puls-h1 {
    float: right;
}

.puls-h1 > a {
  line-height: 30px!important;
}