@charset "ISO-8859-1";
/* CSS Document */
a:link, a:visited{text-decoration:none; color:#333333}
a:hover, a:focus{text-decoration:none; color:#333}
body{margin:0; padding:0; font-family: 'Source Sans Pro', sans-serif; }
html, body{height:100%; width:100%; font-size:15px; background: #f1f1f1}
body.fancy{ background: #fff}
/*accelleratori*/
.clearer{ clear:both;}
.invisible{ display:none;}
.hide{display:none;}
.pointer{cursor:pointer !important}
.no-pointer{cursor:default !important}
.no-margin{margin:0 !important}
.no-padding{padding:0 !important}
.no-min-width{min-width:0px !important}
.italic{font-style:italic !important}
.underline{text-decoration:underline !important}
.text-left{ text-align: left !important}
.text-right{ text-align: right !important}
.text-center{ text-align: center !important}
.float-left{ float: left}
.float-right{ float: right}
/*colori*/
.violet{ color:#914ba3 !important}
.blu{ color:#007fe0 !important}
.brown{ color:#8f4300 !important}
.orange{ color:#e07e00 !important}
.yellow{ color:#b4a500 !important}
.green{ color:#3f7a34 !important}
.red{ color:#BA1D38 !important}

.bg-green{background-color: #093 !important;}
.bg-red{background-color: #900 !important;}
.bg-yellow{background-color: #FC0 !important;}
.bg-orange{background-color: #F90 !important;}
.bg-blu{background-color: #007fe0 !important;}

/*animazione*/
.transFx{
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/*scrollbar*/
*::-webkit-scrollbar {width: 6px; height: 6px;}
 
*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 3px;
}
 
*::-webkit-scrollbar-thumb {
  background-color: #000; border-radius: 3px;
  outline: 1px solid #ccc;
}
	
/*LAYOUT GENERALE*/
#container{background: #f1f1f1 repeat-x top left;  width:100%; min-width:768px; min-width: 320px;  position:relative; overflow:hidden}
#head{ background:var(--color1) var(--logo) no-repeat 20px center; background-size: 150px; min-height:90px;  border-bottom:0px solid #c3d4de; position: relative}
.login #head{ position: absolute; top: 0; left: 0; width: 100%; border-bottom: 0}
.login #footer{ position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; border: 0; color: #fff; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+65&0+0,0.4+65 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 65%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 65%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
}
.login #footer p{ color: #fff}
.login #form_login{ background: none}
.login #content h1{ color: #414141}
#head h1{ display:none}
#head h2{ position:absolute; font-weight:200; color:#333; right:1em; bottom:0; display:inline-block; margin:0; font-size:1em; padding:10px 20px; background:var(--color1); border-radius:3px 3px 0 0}

/*box login*/
#content.login{ padding:20vh 2em 2em 2em; text-align:center; background: #f1f1f1 url(elementi/background-login.jpg) no-repeat top center; min-height: 100vh; }
.box-login{ width:40%; max-width:30em; min-width:20em; display:inline-block; background:rgba(277,277,277,0.7); padding:1em 2em; border:1px solid #f1f1f1 }
.box-login label{ padding:0; color: #414141}
.box-login input[type="text"]{ font-size:1.3em; border: 0; border-bottom: 2px solid rgba(0,0,0,0.6)}
.box-login input[type="password"]{ font-size:1.3em; border: 0; border-bottom: 2px solid rgba(0,0,0,0.6)}
#box_report{ clear: both; overflow: hidden; padding: 20px 0}

/*larghezze*/ 
.x100,.x100f{ width:100%}
.x90,.x90f{ width:90%}
.x80,.x80f{ width:80%}
.x75,.x75f{ width:75%}
.x70,.x70f{ width:70%}
.x66,.x66f{ width:66%}
.x60,.x60f{ width:60%}
.x50,.x50f{ width:50%}
.x40,.x40f{ width:40%}
.x33,.x33f{ width:33.33%}
.x30,.x30f{ width:30%}
.x25,.x25f{ width:25%}
.x20,.x20f{ width:20%}
.x15,.x15f{ width:15%}
.x10,.x10f{ width:10%}
 
/*sx*/
#col-sx{ float:left; width:15em; padding:0.4em 0.5em}
#open-menu{ position:fixed; top:20px; left:10px; z-index:1000; display:none}
#open-menu a{width:40px; height:40px; font-size:18px; line-height:40px; text-align:center;  display:block; color:#FFF; background:#000; border-radius:20px; box-shadow:1px 1px 0px rgba(0,0,0,0.2)}
#open-menu a:hover{ background:#333; color:#FFF}

/*menu*/
.close-menu{ text-align: right; padding: 10px 10px;  display: none}
.close-menu a{ display: inline-block; font-size: 14px; color: #ccc; text-transform: uppercase}
.close-menu a i{ font-size: 1.8em; color: #333; margin-left: 10px }
ul.menu_list{list-style: none;  padding:0;  margin: 0; background:transparent; border-top:0px solid #e2ebf3 ;}  
ul.menu_list li{position: relative; padding:0; margin:0 0 3px 0; font-size:1em; border-top:0}
ul.menu_list li a{color:#333; background:#e2ebf3; background:#fff; border-bottom:0px solid #e2ebf3 ; text-transform:none; font-weight:300; display: block; 
text-decoration: none; padding:0.8em 0.3em; text-align:left; border-left:4px solid #fff; border-radius:3px}  
ul.menu_list li a .update{ height:1.2em; width:1.2em; line-height:1.2em; background:#1fa67a; color:#FFF; border-radius:50%; text-align:center; display:block; float:right}
ul.menu_list li a:hover{background:#e2ebf3; background:#fff;  border-bottom:0px solid #fff ; /*padding-left:0.4em;*/ border-left:4px solid var(--color2);}  
ul.menu_list li a span{ color:var(--color2); font-size:1.1em }
ul.menu_list li ul {display: none; margin: 0; padding:0; z-index:100; border-bottom:1px solid #e2ebf3; list-style:none;}  
ul.menu_list li ul li{margin: 0; padding: 0; border:0}  
ul.menu_list li ul li a { padding-left: 15px; font-size:0.9em; padding: 0.4em}
ul.menu_list li ul li a:hover {}
ul.menu_list li.logout{ margin:0.8em 0 0 0; }
ul.menu_list li.appunti{ }
ul.menu_list li.homepage{}

/*pulsanti*/
.pul{ text-align:center}
.pul a{ display:inline-block;border-bottom:2px solid rgba(0,0,0,0.095); font-weight:normal; padding:0.5em 1em; background:#676767 ; color:#fff; font-size:1.2em; margin:1em 0 0 0; cursor:pointer; border-radius:2px;}
.pul a:hover{ background:#333; color:#FFF}
.pul.pub a{ color:#090; border:1px solid #090; background:#090; color:#eef5eb;}
.pul.pub a:hover{ background:#333; color:#fff; border:1px solid #333;}
.pul.cancel a{ color:#C03; border:1px solid #C03; background:#C03; color:#fff}
.pul.cancel a:hover{ background:#333; color:#fff;  border:1px solid #333;}
.pul.function a{ border:1px solid #666; background:#666; color:#fff}
.pul.function a:hover{ background:#333; color:#fff;  border:1px solid #333;}

/*content pagina*/
#content{ padding:0.1em 1em 1em 1em; margin:0.3em 0 0 0; border-top:0px solid #E2E2E2; overflow:hidden; box-sizing:border-box; background: #fff}
#content h1{margin:0.5em 0.2em; padding:0; font-size:2em; font-weight:100;  color:#000;}
#content h1 span{ color: var(--color2)}
#content h2{margin:0em; padding:0.5em 0; font-size:1.5em; color:#333; font-weight:100; line-height:1.1em; }
#content p{margin:0 0 10px 10px; padding:0; line-height:1.1em;}
#content .testo_form p{margin:0 0 10px 10px; padding:0; font-size:0.8em; line-height:1.1em;}
#content .testo_form p .etichetta_form{width:100px; text-align:right; display:inline-block; font-style:italic}

/*form*/
form{margin:0; padding:1em; display:inline-block;}
#form_login{ background:#FFF}
#form_dati,#form_submit{border-bottom: 0px solid #dadada; padding: 1em 1em; background: #f1f1f1; box-shadow: 0px 0px 0px rgba(0,0,0,0.1); margin: 0 0 0 0;}
#div_ricerca{ overflow:hidden;padding:1em;}
html>body form{display:block;}

.form-dialog{font-size:12px; background:#fff;}
.dialog-tag-list{overflow-y:auto; max-height:80px; margin-bottom:0.5em; }
.dialog-tag-list .blocco{margin: 0.5em 0}
.elemento_desschede span{font-size:0.8em}

.blocco{color:#666666; display:block; float:left; position:relative; font-size:1.2em; overflow:hidden; margin:1em 0 1em 0;}
.blocco > *{ vertical-align:middle}

label {font-size:1em; color:#666666; text-transform:uppercase; margin:0 0 0em 0; padding-bottom:2em; display:block; float:left; 
position:relative; overflow:hidden; min-height:6.7em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right:2em }

section { display:block; clear:both;  padding-bottom:0.2em; /*max-width:1200px; padding-top:0.5em; border-top:1px solid #dadada; overflow:hidden*/}

label .pulsantiera{height:15px; width:420px; background-color:#EEF; border:1px solid #CCC; padding:1px 1px 1px 3px; margin:1px 0 0 0; display:inline-block;}
label .asterisco{margin-left:3px; color:#C00}
label a.info{ display:inline-block; font-size:18px; line-height:15px; height:15px; width:15px; color:#333; position:absolute; top:0; right:1.5em}
label a.settings{ display:inline-block; font-size:18px; line-height:15px; height:15px; width:15px; color:#333; position:absolute; top:0; right:2.5em}
label a.info:hover, label a.settings:hover{ color:#369}

#content p.fontDispo{ font-size:0.7em; position:absolute; left:0; bottom:1.2em; padding-left:0; margin:0.3em 0 0 0}
#content p.fontCount{ font-size:0.7em; position:absolute; right:2em; bottom:1em; padding-right:1em; margin:0.3em 0 0 0}

#content p.disabled, .fancy p.disabled{ padding:0.8em 0.5em; text-transform:none; color:#333; background:#dadada; width:95%; margin:0.5em 0 0 0}

/*campi form*/
input, textarea, select{
	color: black;
    background-color: white;
	display:block;
	clear:left;
	margin:0.5em 0 0 0;
	text-transform:none;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}

label.big{ font-size:1.3em}
input:focus, textarea:focus, select:focus {
	border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}
/**
 * Checkbox Five
 */
input[type=checkbox] {
	visibility: hidden;
}
.checkboxFive {
	width: 25px; height:25px;
	margin:0 10px 0 0; display:inline-block; vertical-align:middle;
	position: relative;
}
/**
 * Create the box for the checkbox
 */
.checkboxFive label{
	cursor: pointer;
	position: absolute;
	width: 25px;
	height: 25px;
	min-height: auto;
	top: 0;
  	left: 0; margin:0; padding:0;
	background: #fff;
	border:1px solid #ddd; border-radius:3px;
}
/**
 * Display the tick inside the checkbox
 */
.checkboxFive label:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 6px;
	left: 7px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/**
 * Create the hover event of the tick
 */
.checkboxFive label:hover::after {
	opacity: 0.5;
}

/**
 * Create the checkbox state for the tick
 */
.checkboxFive input[type=checkbox]:checked + label:after {
	opacity: 1;
}

input[type="text"]{
	padding:0.7em 0.5em 0.6em 0.5em; border:1px solid #dedede; font-weight:normal; background:#fff ; 
	color:#333; font-size:1em; border-radius:2px; width:100%;
}

input[type="password"]{
	padding:0.7em 0.5em; border:1px solid #dedede; font-weight:normal; background:#fff ; 
	color:#333; font-size:1em;  cursor:pointer; border-radius:2px; width:100%; 
}

input[type="file"]{
	padding:0.5em 0.5em; border:1px solid #dedede; font-weight:normal; background:#fff ; 
	color:#333; font-size:1em;  cursor:pointer; border-radius:2px; width:100%;
}

input[type="number"]{
	padding:0.7em 0.5em 0.6em 0.5em; border:1px solid #dedede; font-weight:normal; background:#fff ; 
	color:#333; font-size:1em; border-radius:2px; width:100%;
}

input[type="submit"]{
	border:1px solid #dadada; font-weight:normal; padding:10px 15px; background: #f1f1f1 ; color:#333; font-size:12px; 
	margin:6px 0 0 0; cursor:pointer; border-radius:2px;
}
input[type=submit]:hover {
    background: #dadada; 
}

select {
	width:100%;
	border: 1px solid #dedede;
	background: transparent;
	padding:0.6em 0.5em;
	font-size: 1em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(elementi/select-arrow.png) right center no-repeat #fff;
}
/*target Internet Explorer 9 and Internet Explorer 10:*/

@media screen and (min-width: 0\0) {
  select {
    background: none;
    padding: 5px;
  }
}

textarea{
	border:1px solid #dedede; font-size:1em; font-family: 'Source Sans Pro', sans-serif;
	padding:0.5em; font-size:1em; width:100%; height:5em;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
.fancy textarea{ border:1px solid #dadada}
textarea.ckeditor{ height:400px}

textarea.big{height:8em;}

/*Componenti invisibili per funzioanmento*/
#div_diabled_submit, #div_settings{display:none}

/*HOME LAYOUT*/
.home-layout{ display:block; padding:0 50px 0 0; width:920px; margin:0 auto; position:relative}
.container-hl{ display:table; position:relative; width:100%; margin:0; padding:0; border:2px solid #fff}
/*.row{ display:block; position:relative;vertical-align:middle;}*/
.box{ display:block; position:relative; float:left; cursor:pointer; height:200px; overflow:hidden; width:25%; background:#999 }
.box.double{ width:50%}
.box p, .box h1{ margin:0; padding:0 30px 0 15px !important}
.box p{ font-size:19px}
.box h1{ font-size:22px !important}
.box a{ color:#FFF}

.header{ height:40px; background:#d2d8dc;border-right:1px solid #fff;border-bottom:4px solid #fff;}

.carousel{border-right:0px solid #fff; border-bottom:2px solid #fff; position:relative }
.carousel a{ color:#FFF}
.slide{ display:none; padding:20px; height:160px; overflow:hidden; background:#999}
.slide.active{ display:block}
#content .carousel p, #content .carousel h1{ margin:0; padding:0 30px 0 15px !important}
#content .carousel h1{ font-size:30px}
#content .carousel p{ font-size:20px}

.pagination{ text-align:center; padding:10px 10px 15px 10px}
.dot{display:inline-block;}
.dot a{ width:20px; height:20px; line-height:20px; display:block; text-align:center; background:#dadada; color:#999; font-size:10px;  border-radius:10px}
.dot.active a{ background:#666; color:#FFF}

.options{ position:absolute; bottom:10px; right:-50px; width:50px; z-index:200 }
.options.up{ bottom:auto; top:0 }
.options a{ font-size:25px; color:#666; display:block; text-align:center}
.options a:hover{ font-size:25px; color:#000}

.tool{ position:absolute; top:0px; right:0px; width:30px; display:inline-block; border-right:2px solid #fff; height:100% }
.tool a{ display:block; text-align:center; color:#CCC; font-size:20px; padding:3px}
.tool a:hover{ color:#FFF}

/*pulsantiera alto*/
#pulsantiera{ margin:0;  padding-top:20px; background:#FFF; border-bottom:3px solid #fff; border-top:1px solid #ccc;	z-index:50; text-align:right}
#pulsantiera.scroll-to-fixed-fixed{ background: #fff; border-bottom:1px solid #000}
#pulsantiera a{ color:#333; display:block; padding:0.7em 0.5em 0.7em 0; background:#FFF; line-height:1.5em}
#pulsantiera a:hover{ text-decoration:none; color:#000 !important }
#pulsantiera a.off{ color:#CCC !important; cursor:default}
#pulsantiera a.off:hover{ }
#pulsantiera ul{ margin:0; list-style:none; display:inline-block; position:relative; padding:2px 0; text-align:right}
#pulsantiera li{ display:inline-block; margin:0 0.5em 0 0;}
#pulsantiera .paginazione{ font-size:0.8em;	position:absolute; top:-20px; right:-0px; display:block; width:100%; min-width:10em; height:25px; line-height:25px; padding:0 10px;color:#666;}


#pulsantiera .salva a, #pulsantiera .nuovo a{ color:#090}
#pulsantiera .elimina a{ color:#090; color:#C03}

#pulsantiera ul.blocchetto-menu{ display:inline-block; font-size:13px; border-left:0px solid #fff}
#pulsantiera .contenitore-pulsantiera{ position:relative}

#pulsantiera_loading {width:100%; background:#fff url('elementi/loading.gif') 50% 50% no-repeat;}

/*bg pulsantiera*/
#bg-pulsantiera{ height:50px; display:none; position:fixed; top:0px; z-index:10; width:100%; left:0; height:85px; background:#fff; border-bottom:3px solid #dadada;
-moz-box-shadow: 0px 0px 10px #999; -webkit-box-shadow: 0px 0px 10px #999; box-shadow: 0px 0px 10px #999;}

/*tabella risultati*/
table.linkable, table.hoverble {margin:1em 0px; padding:0;  border:0px solid #dadada; width:100%;font-size:1em; background:#FFF}
.corpo_espansione table.linkable, .corpo_espansione table.hoverble{ margin-left: -10px; border:1px solid #ccc;}
.corpo_espansione table caption{display:none}
table.linkable caption, table.hoverble caption{ border:0px solid #dadada; border-bottom:none; text-transform:uppercase; font-weight:normal; padding:1em 0; background:#fff ; color:#999; margin:0 0 0 0; font-size: 12px}
table.linkable th, table.hoverble th{ font-weight:bold;  color:#414141; text-transform:uppercase; text-align:left; padding:10px; background:#ddd; font-size: 0.8em}
table.linkable td, table.hoverble td{ border-top:1px solid #f1f1f1; color:#666666;  padding:10px; text-align:left; }
table.linkable tr:nth-child(odd), table.hoverble tr:nth-child(odd){background:#EEEEFF; background:#fffbe1}
table.linkable tr:hover, table.hoverble tr:hover{background:#CBFCFE}
table.linkable td:hover{background:#B1FAFE; cursor:pointer}
table.linkable th.etichetta, table.hoverble th.etichetta{background-color:#FBFEBA;}
.small{ font-size: 0.9em}
.big{ font-size: 1.2em}
table.hoverble td small{ white-space: nowrap}

table.linkable caption .left, table.hoverble caption .left{ float:left; padding:0 1em}
table.linkable caption .right, table.hoverble caption .left{ float:right; padding:0 1em}
table.linkable caption .pul, table.hoverble caption .pul{ margin:0;}
table.linkable caption .pul a, table.hoverble caption .pul a{font-size:10px; margin:0; padding:2px 10px; background-color:#dadada; color:#666}
table.linkable caption .pul a:hover, table.hoverble caption .pul a:hover{background-color:#000;}

/*pulsanti nella tabella risultati*/
td a.modifica span{}
td a.elimina span{}
td a.info span{}
table.linkable a.modifica, table.hoverble a.modifica{ display: inline-block; color: #fff; background: #ccc; border-radius: 4px; padding: 5px 8px; background: #F90; text-transform: uppercase; font-size: 0.8em; border-bottom: 2px solid rgba(0,0,0,0.09);margin-bottom: 2px}
table.linkable a.blank, table.hoverble a.blank{ display: inline-block; color: #333; background: #f1f1f1; border-radius: 4px; padding: 5px 8px; text-transform: uppercase; font-size: 0.8em;border-bottom: 2px solid rgba(0,0,0,0.09); margin-bottom: 2px}
table.linkable a.elimina, table.hoverble a.elimina{ display: inline-block; color: #fff; background: #333; border-radius: 4px; padding: 5px 8px; background: #F00; text-transform: uppercase; font-size: 0.8em; border-bottom: 2px solid rgba(0,0,0,0.09); margin-bottom: 2px}
table.linkable a.nuovo, table.hoverble a.nuovo{ display: inline-block; color: #fff; border-radius: 4px; padding: 5px 8px; background: #090; text-transform: uppercase; font-size: 0.8em; border-bottom: 2px solid rgba(0,0,0,0.09); margin-bottom: 2px}
table.linkable a.info, table.hoverble a.info{ display: inline-block; color: #fff; border-radius: 4px; padding: 5px 8px; background: #7ea8bc; text-transform: uppercase; font-size: 0.8em; border-bottom: 2px solid rgba(0,0,0,0.09); margin-bottom: 2px}

/*Custom jquery ui tabs*/
#risultati h2 .float-left, #risultati h2 .float-right{ padding: 0 15px}
#risultati .ui-tabs{ padding: 0}
#risultati .ui-tabs .ui-tabs-panel{ padding: 0}
#risultati .ui-tabs .ui-tabs-nav{ padding-top: 1em; padding-left: 15px}
#risultati .ui-tabs .ui-tabs-nav li{ border-radius: 5px 5px 0 0;}
/*pulsantiera nei tab*/
.tab-pulsantiera{ padding: 15px 15px 5px 15px; overflow: auto; white-space: nowrap}
.tab-pulsantiera .pul{ font-size: 11px; text-align: right}
.tab-pulsantiera .pul a{ color: #fff;}



/*p con bordo grigio a tutta pagina*/
#risultati .bordo{ border:1px solid #CCC; text-transform:uppercase; font-weight:normal; padding:1em 1em; background:#fff ; color:#999; margin:1em 0;}

/*footer*/
footer{ height:auto; margin:0px 0 0 0; padding:0}
#footer{clear:both; padding:20px 0; background:var(--color1); border-top:0px solid #E2E2E2;}
#footer p{font-size:0.9em; color:#FFF;  padding:5px 20px; margin:0; text-align:center; font-weight:bold;}

/*espansione*/
.icona_espansione{border:0; float:left; margin:0 5px 0 0;}
#content h2.titolo_espansione{ font-weight:100; border-top:1px solid #dadada; padding: 20px 0}
#content h2.titolo_espansione span.round{float:right; display: inline-block; min-width: 10px; padding: 3px 10px; font-weight: 700; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #666; border-radius: 7px;}

/*espansione*/
.corpo_espansione{display:none; position:relative; padding: 20px 0 20px 20px;background: #f0f0f0; border-left: 2px dotted #ccc; margin-bottom: 20px; margin-top: 30px}
.corpo_espansione:after{ content:''; display: block; height: 1px; width: 100%; clear: both}

/*quadro per elenco record semplice*/
.quadro{display:block; clear:both; width:99%; overflow-x:hidden; overflow-y:auto; max-height:200px;  margin:0 0 1em 0;}
.quadro ul{list-style:none; margin:0; padding:0;border-top:1px solid #dadada; }
.quadro li{border-bottom:1px solid #dadada; float:none; margin:0; padding:0.2em 0 0.2em 1em; font-size:0.9em}
.corpo_espansione .quadro li{ padding: 10px 0 10px 1em; background: #f1f1f1}
.quadro li label{ font-variant:normal; text-transform:none; letter-spacing:normal; font-size:1em; margin:0; padding:0; float:none; width:auto; color:#666;}

/*lista alternata e cliccabile*/
ul.linkable li:nth-child(odd){background:#fffbe1}
ul.linkable li:hover{background:#CBFCFE; cursor:pointer}
/*lista alternata*/
ul.alternate li:nth-child(odd), table.alternate tr:nth-child(odd){background:#d5d5d5}

/*Box in homepage*/
#content .container_box_home{float:left}
#content .box_home{border:1px solid #ddd; background-color:#fff;  font-size:1em; margin:0.5em; padding:1em; height:26em; overflow-y:auto; box-shadow:0px 0px 18px rgba(0,0,0,0.1); border-radius: 10px}
#content .box_home:hover{ background-color:#fff; box-shadow:0px 0px 8px rgba(0,0,0,0.2); /*cursor:pointer*/}
#content .box_home h2{border-bottom:2px solid #ccc; margin-bottom:15px; font-weight: 800; color:var(--color2);}
#content .box_home h2 span{float:right; display: inline-block; min-width: 10px; padding: 3px 10px; font-weight: 700; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #333; border-radius: 7px;}
#content .box_home h2 span.bg-green{background-color: #093;}
#content .box_home h2 span.bg-red{background-color: #900;}
#content .box_home h2 span.bg-yellow{background-color: #FC0;}
#content .box_home p{margin: 0 0 5px 0; line-height:1.2em}
#content .box_home p a{color:#333}
#content .box_home ul{ margin:1em 0; padding:0; list-style:none;}
#content .box_home ul.init_scrollbar{height:16.1em; overflow-y:auto; border:1px solid #dadada; border-radius:2px;}
#content .box_home li{ padding:0.5em; border-top:1px solid #dadada}
#content .box_home li:nth-child(even) {background: #f1f1f1}
#content .box_home li:first-child{border-top:0}
#content .box_home li:last-child{border-bottom:1px solid #dadada}

#risultati{padding: 0; background: #fff; box-shadow: 0px 0px 18px rgba(0,0,0,0.1);}
#risultati .no-result{ margin: 20px 20px 50px 20px; text-align: center}

/*Paging*/
#paging{display:block;margin:15px 0; padding:0;}
#paging ul{border:0; margin:0; padding:0;text-align:center}
#paging li{border:0; margin:0 2px 2px 0; padding:0;font-size:0.8em; min-width:2em;list-style:none; display:inline-block; }
#paging a{border:0px solid #fff; display:block; text-align:center; padding:0.4em; color:#666; background:#dadada}
#paging a:hover{background:#666;color:#FFF;}
#paging .attivo a{background:#333;color:#FFF;font-weight:bold;}
#paging .inattivo a, #paging .inattivo a:hover{border-color:#fff; color:#CCC; background: #f1f1f1; cursor:default; }

/*Box parole chiave e schede correlate*/
.lista_tag{}
.lista_tag ul{ margin:0; padding:0;}
.lista_tag li{ display:inline-block; line-height:1.2em; margin-right:1.5em}
.lista_tag.schede li{ display:block; float:none; overflow:hidden; margin:0 0 0.5em 0}

.corpo_espansione .lista_tag li a{ display:block; float:left; line-height:1em; padding:0.1em; margin:0 0.2em 0 0; color:#666; text-transform:none}
.corpo_espansione .lista_tag li a:hover{ color:#C30}

div.lista_tag, div.lista_schede{padding:0.5em 0 3em 0;}
div.lista_tag span, div.lista_schede span {}
div.lista_tag span a, div.lista_schede span a {}
div.lista_schede span {	clear:left;}

div.box-avviso{border:0px solid #ccc; border-radius:15px; background-color:#87d6ad; color: #000; display:block; clear:both; margin:0 0 15px 0; padding:15px 10px; width:100%; box-sizing: border-box; font-size:0.9em; box-shadow: 0 0 18px rgba(0,0,0,0.2)}
div.box-avviso, div.box-avviso-warning{}
div.box-avviso-warning{border:0px solid #ccc; border-radius:15px; background-color:#F25B4A; display:block; clear:both; margin:0 0 10px 0; padding:10px; width:100%;box-sizing: border-box; font-size:0.9em}
div.box-pulsanti{border-radius:5px; display:inline-block; width:99%; text-align:center; font-size:12px; margin-bottom:10px;}
div.box-sezione{border-bottom: 0px solid #dadada;padding: 1em 1em;background: #fff;box-shadow: 0px 0px 8px rgba(0,0,0,0.2);margin: 2vh 0;}

/*Bottoni accanto campo inserimento*/
div.pulsantiera_button{	padding:0; position:absolute; right:1em; top:-2em; font-size:1em;}
div.pulsantiera_button .pulsante{ clear:none;float:left;margin-right:10px;}
div.pulsantiera_button a, div.pulsantiera_button a:hover{ background:transparent; border:0; padding:0.2em 0.3em}
div.pulsantiera_button a:hover{ background:#FFF}

/*Pulsantiera in espansione*/
div.pulsantiera_button ul{ margin:0 0 0 10px; padding:0; list-style:none; display:block; clear:both}
div.pulsantiera_button li a{padding:0 5px; margin:0 5px;}
div.pulsantiera_button li a:hover{ text-decoration:none; }
div.pulsantiera_button li a.off{ color:#CCC; cursor:default}
div.pulsantiera_button li{ float:left; margin:0 20px 0 0}

/*Box lista_elementi*/
.lista_elementi{overflow:auto; border:1px solid ##ccc; border-radius:3px; background-color:#eeeeff}
.lista_elementi li {border:1px solid #0099CC}
.lista_elementi li a{ background-color:#FFFFFF}

/*Classi avvisi rosso verde e arancione*/
.avviso1{color:#090}
.avviso0{color:#FF9900}
.avviso-1{color:#F00}

/*Paging interno*/
.paging_tabella{display:block;margin:0; padding:0; }
.paging_tabella ul{border:0; margin:0; padding:0;text-align:center}
.paging_tabella li{border:0; margin:0; padding:0;font-size:1em; min-width:2em;list-style:none; display:inline-block; }
.paging_tabella a{border:1px solid #fff; display:block; text-align:center; padding:0.4em; color:#666; background: #f1f1f1; margin:0 !important; padding:0 !important;}
.paging_tabella a:hover{background:#666;color:#FFF;}
.paging_tabella .attivo a{background:#333;color:#FFF;font-weight:bold;}
.paging_tabella .inattivo a, #paging .inattivo a:hover{border-color:#fff; color:#CCC; background: #f1f1f1; cursor:default; }

/*Azzera per ckeditor*/
.cke_reset_all label{text-transform:none; float:none; letter-spacing:0}

/*STILI PER SLIDE MENU */
#menu_mobile{ overflow-y: auto; font-size:1.25em;}
.panel {
    position: fixed;
    margin-left: -15.625em; /*left or right and the width of your navigation panel*/
    width: 15.625em; /*should match the above value*/
	background:#fff; box-shadow: inset -3px 0px 1px #e0e8ef
}
.wrap {
    position: relative;
}
.panel li{ font-size:1.1em}
.panel ul{ padding:0 5px 5px 20px}
.panel li a{padding:0.3em; display:block; background:#transparent; text-align:center}
.panel li.sport a{ color:#ffd200}
.panel li.salute a{ color:#d95d83}
.panel li.cucina a{ color:#27c492}
.panel li.arte a{ color:#763939}
.panel .close-menu{ padding: 15px}

/*STILI PER FANCYBOX */
.crop-container{ padding:0px; background:#fff; margin:10px 0 0 0; width:100%; display:table}
.crop-container form{ overflow:hidden; background:none;}
.img-container, .data-container{ display:table-cell; vertical-align:top; padding:10px; background:#fff;}
.img-container{ border-left:5px solid #fff}
.img-container img{max-width:600px; max-height:500px; display:block; margin:0 auto}
.crop-container #toolbar{ display:table-cell; vertical-align:top; overflow:auto; width:150px; background:#FFF; padding:0 1.5em 0 0.5em}
.crop-container #toolbar .pul{ display:block; width:100%; margin:0 0 5px 0}
.crop-container #toolbar .pul a{ display:block; width:100%; padding:0.5em 0;text-align:center; margin:0}
.crop-container #toolbar .pul a.off{ background:#dadada; border:1px solid #dadada; color:#ccc; cursor:default}

.crop { background:#fff}
.crop .box{ margin:0}
.crop h1, .fancy h1{ margin:0;background:#fff; padding:5px 10px 0px 10px; font-size:30px; font-weight:100; color:#333; text-align:center}
.crop h2, .fancy h2{ margin:0 0 10px 0; padding:5px 0 0 0; border-top:1px dashed #ccc; background:#fff; font-size:20px; font-weight:100; color:#333; text-align:left;}
.crop p, .fancy p{margin:5px 10px 5px 10px;}

a.clear_upload{color:#666; font-size:0.8em; display:none}
a.clear_upload:hover{ color:#333}

.img-detail{ display:table; width:100%; background: #f1f1f1}
.img-detail-container{ display:table-cell; vertical-align:middle; width:60%; text-align:center;padding:0.2em 0 0.2em 0; font-size:5em; color:#ccc; height:150px;}
.img-detail-container img{display:table-cell; vertical-align:middle; max-width:200px; max-height:150px; display:inline-block; border:0}
.info-container{display:table-cell; vertical-align:middle; text-align:left; }
.info-container ul{ margin:0; padding:10px; list-style:none}
.info-container li{ font-size:0.9em}

.drop-area{ display:block; border:5px dotted #dadada; font-size:15px; text-align:center; color:#999; padding:20px;}

/*GRAFICI*/
form.formStat{ font-size:11px;}
form.formStat label{ min-height:3em; padding-bottom:1em}

.stat-list{}
.stat-list ul{ margin:0; padding:0; list-style:none; overflow:hidden }
.stat-list li{ border-bottom:0px solid #dadada; padding:1em 0; margin:0 0 1em 0; overflow:hidden; height:300px;/* width:33.3%; float:left*/}
.stat-list li canvas{ float:left; float:none; margin:0 auto}
.pul.cerca{ float:right; margin:0; padding:0 2em 0 0; }
.pul.cerca a{ margin:0;  background:#333333; color:#FFFFFF; font-size:13px}
.pul.cerca a:hover{ background:#000; color:#FFFFFF}
#content .stat-list li h2{margin:0em 0 10px 0; padding:0.5em 0; font-size:1.5em; color:#333; font-weight:100; line-height:1.1em; text-align:center; border-bottom:1px solid #f1f1f1; border-top:2px solid #f1f1f1 }
#content .stat-list li h2 span{ font-weight:600; font-size:0.8em; letter-spacing:0.5px}

/*Tabella calendario*/
.box_calendario{ /*float:left;*/ padding:0 15px; margin:10px 0 0 0; width:100%; box-sizing:border-box}
.box_calendario table{ table-layout:fixed; width:100%; max-width:1600px; border:0px solid #e2ebf3; background:#e2ebf3; background:#a6b0b9; margin:0 auto 1em auto}
.box_calendario th{ font-size:0.8em; padding:0.5em 0;   color:#14a0bf; background:#e2ebf3; background:#fff; font-weight:400; border-bottom:0px solid #a6b0b9}
.box_calendario td{ height:8em; padding:7px; font-size:13px; background:#ffffff; border:0px solid #333; vertical-align:top; color:#333; box-sizing:border-box }
.box_calendario td:hover{}
.box_calendario .event_select{ background:#fcf9e3;  color:#333; position:relative}
.box_calendario .no-pointer{ background:#f1f1f1; background:#f1f5f9}
.table-day{ border: 0; background: transparent !important; table-layout: auto !important}
.table-day td{ border: 0 !important}
#content p.day{ font-weight: 800; margin-top: 10px; margin-bottom: 0; font-size: 1.2em }
.food-img{margin:10px 0 5px 0; text-align:center; background-color:#f1f1f1; padding:0px; height:150px;}
.food-img img{ width: 100%; height: 100%; object-fit: cover}
.box_calendario.food { display: flex; flex-direction: row; flex-wrap: wrap; padding: 15px 0}
.box_calendario.food .box_flex{ width: 15%; box-sizing: border-box; margin: 5px; padding-bottom: 5px; margin-bottom: 20px; border:1px solid#ccc; border-radius:5px; padding-top:3px;}
.box_calendario.food td{ padding-bottom: 15px}
.box_calendario.food a.pref { color: var(--color2); padding: 2px 5px; border-radius: 5px; border: 1px solid #f1f1f1; font-size: 1.2em; display: inline-block}
/*Checkbox flag*/
.checkboxFlag {position: relative;width: 25px;height: 25px;margin: 0px;float: left;/*border: 2px solid #ccc;*/box-sizing: border-box;}
.checkboxFlag div {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;line-height: 10px;transition: .5s ease;}
.checkboxFlag input {position: absolute;top: 0;left: 0;width: 25px;height: 25px;opacity: 0;cursor: pointer;}
.checkboxFlag input[type="checkbox"] {visibility:visible;}
.checkboxFlag input[type=checkbox] ~ div {border: 2px solid #ccc; background: #fff}
.checkboxFlag input[type=checkbox]:checked ~ div {background-color: #7FFF00;border: 2px solid #7FFF00;}

/*Table responsive*/
.table-responsive { position: relative;/*height: 60vh;*/ overflow-y: auto; margin-top: 15px}
.table-responsive thead{ position: sticky; top: 0; background: #fff; z-index: 3}
.table-responsive tbody th{ font-weight: 400; background: #fff; border-top: 1px solid #f1f1f1}
.table-responsive table.hoverble tbody tr:nth-child(odd) th{ background: #fffbe1}
.table-responsive  tr th:first-child {position: sticky;  left: 0;  z-index: 2; border-right: 0px solid #000}
.table-responsive  thead tr th:first-child { z-index: 3}
.table-responsive table{/* position: sticky; top: 0; width:800px*/; margin-top: 0; white-space: nowrap; border-collapse: separate; }

/*Regola mobile*/
.solo-mobile{display:none !important}

/*Brands*/
.brands{display: flex; flex-wrap: wrap; overflow: hidden;}
.brand{ display: flex; flex-direction: row; flex: 1 0 10%; justify-content: space-between; border:var(--bordersize) solid ##CCC;border-radius:3px;margin: 2px;padding:5px 8px; text-align:right; align-items: center}
.brand strong{ font-size: 20px}
.brand.bg-red{background-color:##FC6165 !important; color: #fff !important}
.brand.bg-green{background-color:##093 !important; color:##FFF !important;}
.brand.bg-yellow{background-color:##FC0 !important}

/*Only Extra large layout*/
@media only screen and (min-width: 1400px) {
    #risultati .ui-tabs .ui-tabs-nav li{ font-size: 20px}
}
/* Desktop Layout: 1200px */
@media only screen and (max-width: 1200px) {
	body{ font-size:14px}
	#pulsantiera{ font-size:13px}
	#col-sx{ width:12em; font-size:13px}
}

/* Desktop Layout: 1000px */
@media only screen and (max-width: 1200px) {
	#col-sx{ display:none}
    .close-menu{ display: block}
	#head{ height:80px; min-height:0; background-size:150px; background-position:70px center}
    .login #head{background-position:20px center}
    #head h2{ right: 0px}
    body{ font-size:13px; overflow-x: hidden}
	#pulsantiera{ font-size:13px}
	#open-menu{ display:block}
	#pulsantiera .inizio, #pulsantiera .dietro, #pulsantiera .avanti, #pulsantiera .fine{}
	#pulsantiera .paginazione{top:-40px}
	.box-user{}
	
	.alert{  left:0.5em;}
    
    .box_calendario.food .box_flex{ width: 20%;}
    table.hoverble a.elimina strong{ display: none}
    
    /*.table-responsive{overflow-x: auto;width: 100%}
    .table-responsive table{ position: sticky; top: 0; width:800px}*/
}

/* Tablet Layout: 768px */
@media only screen and (max-width: 900px) {
	.no-mobile{ display:none !important}
	.solo-mobile{display:inline-block !important}
	td.solo-mobile,	th.solo-mobile{display:table-cell !important}
	tr.solo-mobile{display:table-row !important}

    #content .container_box_home.x50{ width: 100%}
    #content{ margin-right: 0}
    label{ padding-bottom: 20px; padding-right: 20px}
    
    td a strong{ display: none}
    div.pulsantiera_button li a strong{ display: none}
    div.pulsantiera_button li{ margin: 0}
    div.pulsantiera_button{ font-size: 1em; top: -2.5em; right: 0}
    

    .x90, .x80, .x75, .x70, .x66, .x60, .x50{ width: 100% !important}
    .x40, .x35, .x33, .x30, .x25, .x20, .x15, .x10{ width: 50% !important}
	
	#paging select{width:70px; font-size:0.8em}
    
    .box_calendario.food .box_flex{ width: 30%;}
    #content p.day{ margin-top: 10px; font-size: 1em; margin-left: 2px}
    .box_calendario td{ padding: 0}
}
/* Tablet Layout: 400px */
@media only screen and (max-width: 400px) {
    #content .box_home{ padding: 5px}
    #risultati{ padding: 0}
    #form_dati #div_ricerca{ padding: 0}
    #form_dati,#form_submit{1em 0em 0 0em}
    form{ padding: 10px}
    #pulsantiera .paginazione{ display: none}
    table.linkable td, table.hoverble td{ padding: 3px; font-size: 11px; vertical-align: middle}
    table.linkable th, table.hoverble th{ font-size: 7px; vertical-align: middle}
    #risultati table.linkable, #risultati table.hoverble{ border: 0px solid transparent}
    .x90, .x80, .x75, .x70, .x66, .x60, .x50{ width: 100% !important}
    .x40, .x35, .x33, .x30, .x25, .x20, .x15, .x10{ width: 100% !important}
    label{ font-size: 0.9em}
    
    .crop-container{ display: block}
    .img-container, .data-container{ display: block}
    .crop-container #toolbar{ display: block; position: fixed; bottom: 0; left: 0; text-align: right; width: 100%; box-sizing: border-box; padding: 0 15px}
    .crop-container #toolbar .pul{ width: auto; display: inline-block; margin: 10px 5px}
    .crop-container #toolbar .pul a{ padding: 10px 10px; font-size: 1em; box-sizing: border-box; border-radius: 5px }	
    
    .box_calendario.food .box_flex{ width: 45%;}
    .box_calendario.food a.pref{ margin-top: 5px; display: block}
}