/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;} body { line-height: 1em; } ol,ul { list-style: none; } blockquote,q { quotes: none; } blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } 
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;outline: none!important;}
.clearfix:before,.clearfix:after {	content: " ";	display: table;}
.clearfix:after {clear: both;}
.clearfix {	*zoom: 1;}

acronym {text-underline-position: under;}
* {font-family: 'Titillium Web', sans-serif;}

body, td, p, div {
	font-size: 14px;
	line-height:25px;
	color:#111;
	
}

td { vertical-align:top; }

fieldset.mainfieldset table:not(.griglia) tr td { padding-bottom:10px;}

 
fieldset.mainfieldset table tr td.firstcol {width:200px;vertical-align:top;padding-bottom: 0px;}

pre {font-family:monospace;line-height:20px;font-size:12px}

#paycontainer, .paycontainer {font-weight:bold; padding-left:20px;}

body {
	min-height:100vh;
	/* min-width:100vw; */
	background: rgb(224,224,224);
	background: linear-gradient(132deg, rgb(252 252 252) 0%, rgba(240,240,240,1) 72%, rgba(255,255,255,1) 100%);
	border: 0px;
	margin:0px;
	padding:0px;
}

a, a:visited, a:link, a:active {
	text-decoration: none;
	color: #000;
}

a:hover {
	/* text-decoration: underline; */
}


img { border:0px; vertical-align:middle; }

.panel select.filter:before, .ui-datepicker-trigger:before, p.result:before, a.reopen:before, .panel a:before, a.linkmenu0:before, a.linkmenu:before, table.griglia td a:before { 
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

	text-decoration:none;
}


/* MAIN MENU */
#mobiletoggle {position:fixed;top: 20px;right: 20px;z-index: 3;display:flex;width: 40px;height: 40px;align-items:center;justify-content:center;background: transparent;color:#fff;font-size: 24px;border-radius: 50%;}
#mainmenucontainer {
	transition: all .3s ease-in-out;
	width: 210px;
	height:100vh;
	position:fixed;
	top:0;
	right:-100vw;
	background: #404756dd;
	z-index:2;
	/* padding-left: 10vw; */
	}
#mainmenucontainer.on {right:0;
	
}
#mainmenu {/* padding-top: 80px; */background:#404756;height:100vh;width: 200px;right: 0;position: absolute;/* margin-left: 50vw; */}
#mainmenu .sottomenu {max-height:100vh;height:auto;transition: all .3s ease-in-out;overflow:hidden}
#mainmenu .sottomenu.chiuso {max-height:0}

.nomenu #mainmenucontainer {display:none}
.nomenu #mobiletoggle {display:none}


a.linkmenu, a.linkmenu0 {
	text-decoration: none;
	color: #ffffff;
	display: block;
	border-top: 1px solid #545e73;
	padding: 0 10px;
	outline: none;
}
a.linkmenu0 {background-color: #545e73!important;color: #fff;}
a.linkmenu0:before {content: '\e80D';}
a.linkmenu0.chiuso:before {content: '\e80C';}
a.linkmenu:hover {
	background-color: #545e73;
}
a.linkmenu0:hover {
	background-color: #545e73!important;
}

#mainmenu a.linkmenu0 {}

table.griglia td a.linkmenu {background:#545e73}

/*#mainmenu.on { z-index:100001; }*/
#mainmenu.on {
-webkit-box-shadow: 40px 10px 91px 35px rgba(156,154,156,1);
-moz-box-shadow: 40px 10px 91px 35px rgba(156,154,156,1);
box-shadow: 10px 10px 91px 15px rgba(156,154,156,1);
right:0px;
opacity:1;

}


a.linkmenu0:before, a.linkmenu:before {
	margin-right: .6em;
}

a.linkmenu.topMenu {padding-left:35px;background: #2C2C2E url(../../data/tema/favicon.png) 6px 28px no-repeat;background-size:24px 24px;height: 80px;line-height: 80px;}
a.linkmenu0, a.linkmenu {height: 38px;line-height: 38px;}
a.linkmenu.esci { border-top: 4px solid #545e73;border-bottom: 1px solid #545e73;height: 41px;}
a.linkmenu.esci:before {content: '\e81E';}
a.linkmenu.FRWMODULII:before {content: '\e80B';}
a.linkmenu.MIOPROFILO:before {content: '\e80A';}
a.linkmenu.FRWPROFILI:before {content: '\e80B';}
a.linkmenu.GESTIONEUTENTI:before {content: '\e805';}
a.linkmenu.FRWVARS:before {content: '\e80B';}
a.linkmenu.CONSTANTSSETTINGS:before {content: '\e80B';}
a.linkmenu.FRWCOMPONENTI:before {content: '\e80B';}

a.linkmenu.DBADMIN:before {content: '\e80B';}

a.linkmenu.CLIENTI:before {content: '\e81D';}
a.linkmenu.CAMPAGNE:before {content: '\e814';}
a.linkmenu.POSIZIONI:before {content: '\e815';}
a.linkmenu.BANNER:before {content: '\e811';}
a.linkmenu.TEMPLATES:before {content: '\e809';}
a.linkmenu.SUPPORT:before {content: '\F0E5';}

a.linkmenu.DASHBOARD:before {content: '\F0E4';}
a.linkmenu.WEBSITES:before {content: '\e808';}
a.linkmenu.PAYMENTS:before {content: '\e82a';}



/* PER FIELDSET E FORM */

fieldset.mainfieldset legend{
	font-weight:bold;
	font-style:normal;
	font-size: 16px;
	border-top: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	padding:5px 15px 0 15px;
	background-color: #ffffff;
	margin:0;
	position:absolute;
	top:-31px;
	color:#999;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	left: 20px;
}
fieldset.mainfieldset {
	color:#000000;
	border:1px solid #f0f0f0;
	background-color: #ffffff;
	margin-bottom:35px;
	margin-top:40px;
	padding:40px;
	position: relative;
	top: 0px;
	border-bottom: 2px solid #e0e0e0;
	/* display: block; */
	/* box-shadow: 0px 0px 3px #e0e0e0; */
	border-radius: 4px;
}
fieldset.mainfieldset td {
	line-height:36px;
	padding-right:20px; 
}
form {
	padding: 0px;
	margin:0px;
	/* display: block; */
	/* position: relative; */
}
select {
	color: #444444;
	margin:1px;
	padding:5px;
	border:1px solid #777;
	font-size:13px;
	line-height:31px;
	border-radius: 4px;
}
select option:checked {	background-color: #e4eaf1;
 }

input {
	color: #444444;
	margin:1px;
	padding:0 5px;
	border: 1px solid #777;
	font-size:13px;
	line-height:31px;
	height:31px;
	border-radius: 3px;
}
a.btn, input[type=button] , input[type=submit] {
	background-color:#2b4b70;
	color:#FFF!important;
	border:0px solid #fff;
	display:inline-block;
	padding:0 10px;
	font-size:13px;
	line-height:31px;
	height:31px;
	text-decoration:none;
	border-radius: 4px;
}
input[type=radio] {
	height:auto;
}
input[type=file] {
	border:0;
}
input.focus {
	background-color: #e4eaf1;
	border:1px solid #3A6CAB;
	margin:1px;
	padding:5px;
	font-size:13px;
	line-height:31px;

}


input.look {
	background-color: #c9daf5;
}

textarea {
	color: #444444;
	margin:1px;
	padding:5px;
	border: 1px solid #777;
	font-size:13px;
	line-height:24px;
	width: 600px;
}
textarea.focus {
	background-color: #e4eaf1;
	border:1px solid #3A6CAB;
	margin:1px;
	padding:5px;
	font-size:13px;
	line-height:24px;
}

.testocontainer, .areatestocontainer {position:relative}
.testocontainer .contatore, .areatestocontainer .contatore {position:absolute;top:-20px;right:0;font-size:12px}


p.description { color:#999; font-style:italic;}
textarea.code, code {font-family: "courier new",monospace;color: #777;background-color:#f0f0f0;padding: 3px 5px;border:1px dashed #777;border-radius: 4px;}

/* MESSAGGI */

p.result.ok:before  {content: '\e801'; font-size:16px }
p.result.err:before  {content: '\e827'; font-size:16px }
span.loading,p.result span.loading {/* background:transparent url(../images/loading.gif) 0 0 no-repeat; *//* padding-left:24px; *//* background-size: 16px 16px; */}


/* GRIGLIA */

table.griglia {border-collapse:collapse;border-bottom: 3px solid #ddd;}
table.griglia th { background-color:#e0e0e0; background-repeat:repeat-x; padding:3px; border-left:1px solid #f0f0f0;}
table.griglia th.top {background-color:transparent; border-bottom:1px solid #f0f0f0;border-left:0}
table.griglia th.top #infogrid {float:right}
table.griglia th.top a {background:#E0E0E0;border-radius:50%;display:inline-block;width:24px;height:24px;line-height:24px;}

table.griglia td { padding:10px; border-left:1px solid #f0f0f0; }
table.griglia td.numero,table.griglia td.number { text-align:right}
table.griglia td span.piccolo {font-size:.75rem}
table.griglia td span.labelred { display:block; color:#fff; background-color:#ff0000; text-align:center;padding:1px 5px 1px 5px;}
table.griglia td span.labelgreen { display:block; color:#fff; background-color:#339900; text-align:center;padding:1px 5px 1px 5px;}
table.griglia td span.labelgreendark { display:block; color:#fff; background-color:#1b5200; text-align:center;padding:1px 5px 1px 5px;}
table.griglia td span.labelgreenlight { display:block; color:#fff; background-color:#48dd00; text-align:center;padding:1px 5px 1px 5px;}
table.griglia td span.label { display:block;text-align:center;padding:1px 5px 1px 5px;}
table.griglia td span.labelgrey { display:block; color:#777; background-color:#efefef; text-align:center;padding:1px 5px 1px 5px;}
table.griglia td span.labelyellow { display:block; color:#111; background-color:#ffff00; text-align:center;padding:1px 5px 1px 5px;}
table.griglia tr.odd td {background-color:#f7f7f7;}
table.griglia tr.even td {background-color:#fff;}
div.grid_lettere_contenitore { padding:5px 0 15px 0; }
div.grid_lettere_contenitore a {display:inline-block;min-width: 25px;height: 25px;text-align:center;line-height:18px;}
div.grid_lettere_contenitore a.grid_lettera_normale {border: 1px solid #777777;padding:3px 5px 3px 5px;/* display: inline-block; */}
div.grid_lettere_contenitore a.grid_lettera_selezionata {border: 1px solid #777777;background-color:#e0e0e0;color: #333;font-weight:bold;padding:3px 5px 3px 5px;}

table.griglia span.nf {padding:0 2px 0 2px;background-color:#ff0000;color:#ffffff;} /*stile per il campo non trovato nella griglia con debug on*/
table.griglia span.nf2 {padding:0 2px 0 2px;color:#CCCCCC;font-style:italic;} /*stile per il campo non trovato nella griglia con debug off*/

table.griglia a:before{font-size:20px;}
table.griglia a.modifica::before {
	content: '\e81F'; 
}
table.griglia a.log::before {
	content: '\e811'; 
}
table.griglia a.linka:before {font-size:15px}
table.griglia a.elimina:before { 	content: '\e818';}
table.griglia a.assegna { display:inline-block; width:20px; height:20px;}
table.griglia a.settings:before { 	content: '\e80B';}
table.griglia a.parametri:before { 	content: '\F1DE';}
table.griglia a.stats:before { 	content: '\e820';}
table.griglia a.duplica:before { 	content: '\F0C5';}
table.griglia a.email { display:inline-block;width:20px; height:20px;}
table.griglia a.emaildata { display:inline-block; padding-left:24px; width:auto;}
table.griglia a.preview { display:inline-block; width:20px; height:20px;}
table.griglia a.invia { display:inline-block; width:20px; height:20px;}
table.griglia a.reset { display:inline-block; width:20px; height:20px;}
table.griglia a.personifica:before { 	content: '\e826';}

fieldset table.associator ul li { background-color:#f0f0f0; padding:3px; font-size:13px;margin-bottom:1px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap}
fieldset table.associator ul li.on { background-color:#3A6CAB; color:#fff}
fieldset table.associator div {display:block;width:290px;height:200px;padding:5px;overflow:auto;background-color:#fff;border: 1px solid #777;}
fieldset table.associator input { width:100px; margin:0 10px}

		table.griglia div.small {font-size:.7em}
		table.griglia a.play {display:inline-block; width:20px; height:20px; text-indent:-999px;overflow:hidden;vertical-align:middle}
		table.griglia .td {min-height:50px!important}
		table.griglia div.more {display:none;padding-left: 70px;}
		table.griglia div.more a:before {
			content: '\e828';
			font-size: 13px;
			/* border: 1px solid #111; */
			border-radius: 50%;
			line-height: 24px;
			width: 24px;
			height: 24px;
			background: #E0E0E0;
			}
		table.griglia div.more a.go:before {content: '\e829';} 
		table.griglia .pic img {display: inline-block;max-width:50px;max-height: 20px;}
		table.griglia .pic img.img {border:1px solid #777;max-width:60px;max-height: 30px;}
		table.griglia .pic {width: 70px;height:auto;/* padding-right: 10px; */float: left;}
		table.griglia td span.nom {min-width:50px;display:block;overflow:hidden;text-overflow:ellipsis;}


/* PER PANEL E CORPO */


.panel {
	padding:20px;
	border-bottom: 3px solid #7ea4d3;
	background-color: #3A6CAB;
	box-shadow: 0px -4px 15px #ddd;
	position: fixed;
	width: 100%;
	z-index: 1;
}

.panel.bottom {
	top:auto;bottom:0;
	border-top: 3px solid #7ea4d3;
	border-bottom: 0;
}

.panel .ui-datepicker-trigger, .panel a {

}
.panel,.corpo {transition: all .3s ease-in-out;}

.panel.contract, .corpo.contract { padding-right:230px}
.panel h1 {line-height: 40px;/* margin:1px 0; */}
.panel table tr td {color:#fff;line-height:40px;}
.panel td { padding:0 20px 0 0}
.panel select, .panel input[type='text'] {font-size: 12px;line-height: 14px;height: 31px;}
.panel input[type='text'] {
	}
.panel a {color:#fff;}
.panel a:before {background:#7AA4E8;border-radius:50%;height:40px;width:40px;line-height:40px;font-size: 24px;color:#fff;}
.panel a.salva:before {content: '\e801'; font-size:16px }

.panel label {position:relative;}
.panel span.icon-search {color:#404756;position:absolute;top:0;left:3px;line-height:25px}
.panel span.icon-filter {color:#404756;position:absolute;top:0;left:3px;line-height:25px}

input.find, select.filter {padding-left:24px;}

a.reopen{display:none;text-decoration:none}
a.reopen:before {height:30px;width:30px;line-height:30px;font-size: 14px;background:#7AA4E8;border-radius:50%;content: '\e801';font-size:16px;letter-spacing: 0px;}

.panel a.annulla:before {content: '\f104';font-size: 16px;background:transparent}
.panel a.indietro {background-size:20px 20px;}
.panel a.elimina:before  {content: '\e818'; font-size:16px}
.panel a.aggiungi:before  {content: '\e819'; }
.panel a.csv { }
.panel a.csv:before {content:'\E807';font-size:16px}
.panel a.cerca {  }
.panel a.download {  }
.panel a.filter:before  {content: '\F0B0'; font-size:16px}

.ui-datepicker-trigger {background:transparent;border:none;}
.panel .ui-datepicker-trigger {color:#fff}

.ui-datepicker-trigger:before {content: '\F133';}
.browse {  margin-left:3px}


.corpo {
	padding:20px;
	padding-top: 90px;
	position: relative;
	z-index: 0;
}


/* LOGIN FORM */

#loginform { 
	width:300px;

 position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);


}
#loginform td{ 
	padding:10px;
}

#loginform .message {
	font-size:12px;
	color:#777;
}

		#logo {width:80px;height:80px; border-radius:40px;display:block;margin:0 auto}
		#loginform td.logo {text-align:center;font-weight:bold;padding-top:30px!important}
		#login {/* text-transform:uppercase; */font-size:11px;padding:0 20px;line-height:36px;height:36px;width:auto!important;}
		#loginform table {background: #ffffff;/* border-radius:5px; */border-bottom: 3px solid #ccc;}
		#loginform table td {padding:5px 20px!important}
		#loginform table {width:100%;box-shadow: 1px 1px 10px #efefef;}
		#loginform table input {width:100%;}


#mainmenucontainer #logo {padding:10px;}


/* ------------------------- INIZIO per thumbs immagini in form ------------------------------ */
div.thumbscontainer {position:relative;overflow:hidden;height:auto;padding-top:5px;/* width: 600px; */border: 1px solid #f0f0f0;background-color: #f0f0f0;margin-bottom:5px;height: 100px;border-radius: 3px;margin-top: 10px;}
div.thumbscontainer i {padding:0 0 0 5px;color:#ccc;}
div.thumbscontainer span.maxthumbs {float:right;padding-right:10px;font-style:italic;color:#ccc;position:absolute;right:0px;bottom:0px;display: none;}
div.thumbscontainer div.divthumbs {text-align:center;width:auto;height:auto;float:left; margin:5px 5px 0 5px;}
div.thumbscontainer div.first { margin:5px 5px 0 15px; }
div.thumbscontainer div.divthumbs div.divinternothumb {position:relative;width:auto;float:left;height:auto;}
div.thumbscontainer div.divthumbs div.divinternothumb a img {border:1px solid #999; font-family:serif;padding:2px; background-color:#FAFAFA;}
div.thumbscontainer div.divthumbs div.divinternothumb a:hover img {background-color:#fff;border:1px solid #000;}
div.thumbscontainer div.divthumbs div.divinternothumb a:hover span {background-color:#fff;color:#000;top:1px;left:1px;}
div.thumbscontainer div.divthumbs div.divinternothumb a span {position:absolute;top: 0px;left: 0px;font-size:9px;padding: 0 4px 0 4px;background-color: #111;color: #fff;text-transform:uppercase;line-height: 17px;font-weight: bold;}
div.thumbscontainer div.divthumbs div.divinternothumb a span.icon-folder {
    background-color: #fff;
    color: #000;
    line-height: 30px;
    font-size:20px;
    position: static;
    }
div.thumbscontainer div.divthumbs a {color:#8B8B8B;text-decoration:none;text-transform:uppercase;font-size:9px;}
div.thumbscontainer div.divthumbs a:hover {color:#000; background-color:#fff;}
div.thumbscontainer div.divthumbs a.msx {float:left; display:block; width:10px; height:40px; background:transparent url(../images/msx0.gif) 4px 15px no-repeat;}
div.thumbscontainer div.divthumbs a.mdx {float:left; display:block; width:10px; height:40px; background:transparent url(../images/mdx0.gif) 1px 15px no-repeat;}
div.thumbscontainer div.divthumbs a.mdx:hover { background:transparent url(../images/mdx.gif) 1px 15px no-repeat;}
div.thumbscontainer div.divthumbs a.msx:hover { background:transparent url(../images/msx.gif) 4px 15px no-repeat;}
div.thumbscontainer div.divthumbs a.delete {
	position:absolute;
	top: 25px;
	left:0;
	/* bottom: 0; */
}
/* ------------------------- FINE per thumbs immagini in form ------------------------------ */


.bannertype label {display:inline-block;padding-right:2rem}
#scriptbox.close {display:none}

/*++++++++++++++++++++++++++++++++++++++++++++*/
/*	AJAX autocomplete						  */

.autocomplete-w1 { position:absolute; top:4px; left:3px; /* IE6 fix: */ _background:none; _top:1px; }
.autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }



/* MODALE ALERT E CONFERMA */

#modalContainer0 {background-color:#FFF;position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:10000; 
	opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-khtml-opacity: .70; /* Safari 1.x */
	-moz-opacity: .70; /* FF lt 1.5, Netscape */
}
#modalContainer {background-color:transparent;position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:10000; }
#confirmBox, #alertBox {position:relative;width:500px;min-height:150px;margin-top:50px;border: 1px solid #eee;background-color: #f0f0f0;box-shadow: 5px 5px 20px #ddd;}
#modalContainer > #confirmBox, #modalContainer > #alertBox { position:fixed; }
#alertBox h1, #confirmBox h1 {margin:0;color: #fff;border-bottom: 1px solid #ddd;padding:10px;background: rgba(205, 10, 10, 0.69);}
#confirmBox p, #alertBox p { padding:0px; text-align:left; margin:20px}
#confirmBox #closeBtnOK, #alertBox #closeBtn {display:block;float:left;margin:20px;padding:3px;border: 1px solid rgb(205, 10, 10);width:70px;text-transform:uppercase;text-align:center;color: #fff;background-color: rgba(205, 10, 10, 0.69);text-decoration:none;}
#confirmBox #closeBtnKO {display:block;float:left;margin:20px 20px 20px 0;padding:3px;border: 1px solid #ddd;width:70px;text-transform:uppercase;text-align:center;color: #777;background-color: #ddd;text-decoration:none;}




/*  per messaggio d'errore  */


div.errore {padding: 20px;margin:10px;
border: 3px solid #a8442b;background-color: #ffd427;position: fixed;z-index: 99;
width:700px;
}
div.errore div.dump { padding:10px; margin:10px; display:none;}
div.errore p { padding:0px !important; margin:0px !important;}
div.errore div {font-size:13px;line-height:16px;padding-top:10px;}
div.errore .closeme {color:#a8442b;float:right;text-decoration:none;display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;border:1px solid #a8442b;margin-left: 30px;}
div.errore .closeme:hover {background:#000;color:#ffd427}



.sep { clear:both}

.panel h1 a.paneltoggle {x display:none;}

.boxes {display:flex;justify-content:space-between;flex-wrap: wrap;}
.box {
	flex: 0 0 23%;
	background:#fff;
	width: 23%;
	border: 1px solid #f0f0f0;
	margin-bottom: 30px;
	padding: 15px;
	border-radius:5px;
	border-bottom: 2px solid #e0e0e0;
	}
.box span {font-size:24px;display:block}
.box span b {font-size: 10px; color: #777; font-weight:normal}

h2.alert {color:red;text-align:center;font-size:20px;line-height:24px;padding:20px 10px}

#container {border-radius:5px;border: 1px solid #f0f0f0;}



@media only screen and (max-width: 1024px) {
	.panel table tr td {font-size:12px;white-space: nowrap;}
	.panel input.find, .panel select.filter {max-width:120px}

}

@media only screen and (max-width: 768px) {
	body,html {padding:0;margin:0}
	
    #mobiletoggle {/* background: #2c2c2c; */top: 4px;width: 33px;height: 33px;font-size: 20px;}

    a.linkmenu.topMenu {background-position-y:6px;height: 38px;line-height: 38px;}

    #mainmenu {/* padding-top: 40px; */width: 90vw;margin-left: 10vw;}
    #mainmenucontainer { width:100vw;}

    .corpo {padding: 75px 10px 0 10px;width:100%;}
    .panel {max-width:100%;padding:0 10px 0 10px;max-height: 40px;
		transition: all 0.5s ease;overflow:hidden

    }
    .panel.open {max-height:100%; height:auto;}
    .panel table {display:flex;width:100%;flex-wrap:wrap}
    .panel table td,.panel table tr {display:flex;width:100%;flex-wrap:wrap}
    .panel table tr td {padding:0 0 10px 0;line-height:24px}
    .panel.bottom a:before {line-height:30px;height:30px;width:30px;}
    .panel.bottom {padding-top:3px;}

    .panel h1 a.paneltoggle:before {
    	content: '\e80C';
    	background: transparent;
    	font-size: 16px;
    }

    div.errore {width:100%;}


    fieldset.mainfieldset {padding:30px 10px;/* width:100% */ min-inline-size: inherit;}

    fieldset.mainfieldset table:not(.griglia) tr td ol {max-width:100%;display:block}

    textarea, input[type=text], select {display:block;width:100%}

    input.small {display:inline-block;width: 50px;} 

    div.thumbscontainer {width: 100%;}
   
   div.grigliacontainer{
   	    display:block;
   	    overflow-x: auto;
   	    white-space: nowrap;
   	    padding-top: 15px;
   }

    table.griglia {

		min-width:100%
		
    }

    table.griglia th.top {text-align:left;}

     #wait {top:-20px!important }


    fieldset.mainfieldset table:not(.griglia) {
    	display:flex;
    	flex-wrap: wrap;
    	width:100%;
    }
    fieldset.mainfieldset table:not(.griglia) tr, 
    fieldset.mainfieldset table:not(.griglia) tr td {
    	display:flex;
    	flex:1 1 auto;
    	width:100%;
    	flex-wrap: wrap;
    	padding-right:0px;
    }
	 fieldset.mainfieldset table:not(.griglia) tr td.small {width:50%}
    fieldset.mainfieldset table:not(.griglia) tr {margin-bottom:10px;border-bottom: 0px solid #ddd;padding-bottom: 10px;}
    fieldset.mainfieldset table:not(.griglia) tr td p { width:100%;display:block}
    
    fieldset.mainfieldset table.associator div { height:auto; min-height:50px; margin-bottom:20px;}
    fieldset.mainfieldset table.associator tr {border:none}
    fieldset.mainfieldset table.associator td br {display:none}

 

     #confirmBox, #alertBox {position:relative;width:100%;}


 
	.box {flex: 0 0 100%;width: 100%;
	}

	
    #td_add,#td_del {
    	position: fixed;
		bottom: 0;
		right: 0;
		width: 50px;
    }
    #td_del {right: 50px;
    }
}




/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}