@charset "ISO-8859-1";
/* CSS Document */
a:link, a:visited{text-decoration:none; color:#333333}
a:hover, a:focus{text-decoration:none; color:#91B9D3}
body{margin:0; padding:0; font-family: 'Source Sans Pro', sans-serif; }
html, body{height:100%; width:100%; font-size:15px}

/*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}

/*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}

/*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;
}
	
/*LAYOUT GENERALE*/
#container{background:#FFFFFF repeat-x top left;  width:100%; min-width:768px;  position:relative; overflow:hidden; }

#head{ background:#e1e1e1 url(elementi/bg_head_riservata.png) no-repeat center left; background-size:contain; min-height:150px; position:relative; border-bottom:3px solid #e1e1e1}
#head h1{ display:none}
#head h2{ position:absolute; font-weight:200; color:#999; right:1em; bottom:0; display:inline-block; margin:0; font-size:1.5em; padding:10px 20px; background:#fff; border-radius:3px 3px 0 0}

/*box login*/
#content.login{ padding:2em 2em; text-align:center;}
.box-login{ width:40%; max-width:30em; min-width:20em; display:inline-block; background:#fff; padding:1em 2em; border:1px solid #f1f1f1 }
.box-login label{ padding:0;}
.box-login input[type="text"]{ font-size:1.3em}
.box-login input[type="password"]{ font-size:1.3em}

/*larghezze*/
.x100{ width:100%}
.x90{ width:90%}
.x80{ width:80%}
.x75{ width:75%}
.x70{ width:70%}
.x66{ width:66%}
.x60{ width:60%}
.x50{ width:50%}
.x40{ width:40%}
.x33{ width:33.33%}
.x30{ width:30%}
.x25{ width:25%}
.x20{ width:20%}
.x15{ width:15%}
.x10{ width:10%}

/*sx*/
#col-sx{ float:left; width:15em; padding:1em 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:#000; background:#FFF; border-radius:20px; box-shadow:1px 1px 0px rgba(0,0,0,0.2)}
#open-menu a:hover{ background:#333; color:#FFF}

/*menu*/
ul.menu_list{list-style: none;  padding:0;  margin: 0; background:transparent; border-top:1px solid #f1f1f1;}  
ul.menu_list li{position: relative; padding:0; margin:0; font-size:1.2em; border:1px solid #f1f1f1; border-top:0}
ul.menu_list li{}
ul.menu_list li a{color:#333; background:#fff; display: block; text-decoration: none; padding:0.5em 0.3em; text-align:left}  
ul.menu_list li a:hover{background:#D2FEFF;}  
ul.menu_list li ul {	 display: none;  	margin: 0; padding:0; z-index:100; border-bottom:4px solid #f1f1f1	}  
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.65em; padding: 0.3em}
ul.menu_list li ul li a:hover {}
ul.menu_list li.logout{ margin:0.8em 0 0 0; border-top:1px solid #f1f1f1}
ul.menu_list li.appunti{ }
ul.menu_list li.homepage{}

/*pulsanti*/
.pul{ text-align:center}
.pul a{ display:inline-block;border:1px solid #e1e1e1; font-weight:normal; padding:0.5em 1em; background:#f1f1f1 ; color:#333; 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.2em 1em;  border-top:0px solid #E2E2E2; overflow:hidden; box-sizing:border-box; }
#content h1{margin:0.5em 0.2em; padding:0; font-size:2.5em; font-weight:100;  color:#666;}
#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; background:#f1f1f1; display:inline-block;}
#form_login{ background:#FFF}
#div_ricerca{ overflow:hidden; background:#f1f1f1; 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 { max-width:1200px; display:block; clear:both; padding-top:0.5em; padding-bottom:0.5em;  border-top:1px solid #e1e1e1; 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:#e1e1e1; 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 #e1e1e1; 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 #e1e1e1; 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 #e1e1e1; font-weight:normal; background:#fff ; 
	color:#333; font-size:1em;  cursor:pointer; border-radius:2px; width:100%;
}

input[type="submit"]{
	border:1px solid #e1e1e1; 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: #e1e1e1; 
}

select {
	width:100%;
	border: 1px solid #111;
	background: transparent;
	padding:0.6em 0.5em;
	font-size: 1em;
	border: 1px solid #ccc;
	-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:0; 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 #e1e1e1}
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:#e1e1e1; 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; background:#e1eef6; padding-top:20px; background:#FFF; border-bottom:3px solid #e1e1e1; border-top:1px solid #e1e1e1;	z-index:50; text-align:right}
#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:1px 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 #e1e1e1;
-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:1px solid #CCCCCC; width:100%;font-size:1em; background:#FFF}
table.linkable caption, table.hoverble caption{ border:1px solid #CCC; border-bottom:none; text-transform:uppercase; font-weight:normal; padding:1em 0; background:#fff ; color:#999; margin:0 0 0 0;}
table.linkable th, table.hoverble th{ font-weight:bold;  color:#666666; text-transform:uppercase; text-align:left; padding:10px 2em 10px 0.9em ; background:#f1f1f1}
table.linkable td, table.hoverble td{ border-top:1px dashed #CCCCCC; color:#666666;  padding:10px 1em; 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;}
td a.modifica span{color:#F90}
td a.elimina span{color:#F00}
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}

/*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:10px 0 0 0; padding:0}
#footer{clear:both; padding:1em 0; background:none; border-top:3px solid #fff;}
#footer p{font-size:0.8em; color:#626769; text-shadow:1px 1px #FFF; padding:5px 20px; margin:0; text-align:center;}

/*espansione*/
.icona_espansione{border:0; float:left; margin:0 5px 0 0;}
#content h2.titolo_espansione{ font-weight:100; border-top:2px solid #e1e1e1}

/*espansione*/
.corpo_espansione{display:none; position:relative;}

/*quadro per elenco record semplice*/
.quadro{display:block; clear:both; width:100%; 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 #e1e1e1; }
.quadro li{border-bottom:1px solid #e1e1e1; float:none; margin:0; padding:0.2em 0 0.2em 1em; font-size:0.9em}
.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:#fffbe1}

/*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:25em; overflow-y:auto;}
#content .box_home:hover{ background-color:#fff; box-shadow:0px 0px 8px rgba(0,0,0,0.2); cursor:pointer}
#content .box_home p{margin: 0 0 0 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 li{ padding:0.5em; border-top:1px solid #e1e1e1}
#content .box_home li:nth-child(even) {background: #f1f1f1}

/*Paging*/
#paging{display:block;margin:1em 0 0 0; padding:0; }
#paging ul{border:0; margin:0; padding:0;text-align:center}
#paging li{border:0; margin:0; padding:0;font-size:1em; min-width:2em;list-style:none; display:inline-block; }
#paging a{border:1px solid #fff; display:block; text-align:center; padding:0.4em; color:#666; background:#f1f1f1}
#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;}

/*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}
.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 0}
.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}

/*STILI PER FANCYBOX */
.crop-container{ padding:0px; background:#fff; margin:10px 0 0 0; width:100%; display:table}
.crop-container form{ overflow:hidden; }
.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:#e1e1e1; border:1px solid #e1e1e1; color:#ccc; cursor:default}

.crop { background:#fff}
.crop .box{ margin:0}
.crop h1, .fancy h1{ margin:0;background:#f1f1f1; padding:5px 10px 0px 10px; font-size:30px; font-weight:100; color:#333; text-align:center}
.crop h2, .fancy h2{ margin:0; padding:5px 10px 0px 10px; font-size:20px; font-weight:600; 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 #e1e1e1; font-size:15px; text-align:center; color:#999; padding:20px;}

/*Risultati GRAFICI CHART*/
/*STILI PER GRAFICI*/
.highcharts-credits:hover {cursor:auto!important;}
.loading {margin-top: 10em;text-align: center;color: gray;}
.grafico{height: 500px; min-width: 310px; max-width: 1200px; margin: 0 auto; }
.grafico.basso{height: 350px; }

#risultati{ max-width:1500px}
.box-stat{ display:block; float:left; box-sizing:border-box; padding:30px 10px; overflow:hidden; margin-bottom:20px; }
.box-stat .box-stat canvas{ float:left}
.box-stat table{ box-sizing:border-box}

#content .general-stat{ background:#fff; margin-bottom:1em; border-bottom:2px solid #f1f1f1; overflow:hidden}
#content .general-stat .box-stat p{ text-align:center; font-size:1.1em; color:#666; padding:0; margin:0}
#content .general-stat .box-stat p span{ font-size:2.5em; padding:10px 0; color:#73b0d0; display:block; font-weight:600}
#content .general-stat  .box-container .box-stat{padding:1em;}

.box-stat ol.lista-dati{ margin:1em 0 0 0; padding:0 0.8em; font-size:1.2em}
.box-stat ol.lista-dati li{ border-top:1px solid #e1e1e1; font-size:0.9em; color:#333; list-style-position:inside; padding:10px}
.box-stat ol.lista-dati li span{ float:right; font-size:0.9em; padding-top:0.2em; color:#73b0d0; text-transform:uppercase}
.box-stat table.linkable, .box-stat table.hoverble{ margin:1em 0 0 0em; padding:0; font-size:1.2em}
.box-stat table.linkable th, .box-stat table.hoverble th{ background:#f1f1f1; color:#ccc; border-top:1px solid #e1e1e1; padding:10px; font-size:0.7em; text-align:right}
.box-stat table.linkable th.left, .box-stat table.hoverble th.left{ text-align:left; padding:10px}
.box-stat table.linkable td, .box-stat table.hoverble td{ font-size:0.9em; padding:10px; text-align:right;  }
.box-stat table.linkable td strong, .box-stat table.hoverble td strong{color:#73b0d0}
.box-stat table.linkable td.left, .box-stat table.hoverble td.left{ text-align:left; padding:10px}

.box-stat table.legenda{ height:30px}
.box-stat ul{ margin:0 0 15px 0; padding:2px 0; list-style:none;}
.box-stat ul li{ padding:2px 0;}

.legend-box{ width:33%; float:left; display:block}

#content .box-stat h2, #content .box-container h2{ color:#333;  padding:1em; font-size:0.9em; text-transform:uppercase; text-align:center; font-weight:600; margin:0em 0 0 0}
#content .box-stat h3{ font-size:15px; text-align:left; padding:0 0 5px 0; margin:0}
#content .box-stat td h3{ text-align:center}
#content .box-stat a.print-graph{ display:inline-block; color:#333; margin-left:5px; padding:5px 8px; font-size:0.8em; border-bottom:2px solid rgba(0,0,0,0.2); 
text-transform:uppercase; background:#f1f1f1; border-radius:3px }

#content .box-stat p{ font-size:12px; text-align:center; padding:5px 0 10px 0; margin:0 0 10px 0}
#content .box-stat table{ table-layout:fixed}
#content .box-stat td{ vertical-align:top; }

.tab-nav{ margin:20px 0 10px 0 }
.tab-nav ul{ list-style:none; text-align:center; margin:0; padding:0}
.tab-nav li{ display:inline-block; margin:0 5px;  border:1px solid #e1e1e1}
.tab-nav a{ display:block; padding:0.5em 0.7em; font-size:2em; color:#ccc; font-weight:600;}
.tab-nav a:hover{ background:#f1f1f1}
.tab-nav li.active a{ border-bottom:3px solid #333; color:#333}

.doughnut-legend { text-align:center}
.doughnut-legend li{ display:inline-block; font-size:0.75em; margin-right:10px}
.doughnut-legend li span{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}
/*MODIFICHE GRAFICHE*/
body{-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
a:link, a:visited{color: #183651}
#col-sx{ width: 18em}
#container.login{background: #d5e4ec url(elementi/bg-login.jpg) no-repeat center center; background-size: cover; min-height: 100%; background-attachment: fixed }
#container.login{background: linear-gradient(177deg, rgba(252,120,11,1) 31%, rgba(223,46,36,1) 98%);}
#content.login{ background: none;  height: calc(100vh - 300px); display: flex ; align-items: center; justify-content: center }
#container{background: #d5e4ec; background: #efebe8; min-height: 100%; background-attachment: fixed }
.content.login{ background: none;}
.box-login{ border-radius: 5px; border: 0; background-color: rgba(277,277,277,.3); border:0px solid #fff; box-shadow: 0 0 40px rgb(0 0 0 / 7%) }
.box-login input[type="text"]{ background: #f1f1f1}
.box-login #form_login{ background: none}
.box-login label{ color: #fff}
#content .box-login  h1{ color: #fff}
#head{ background-color:rgba(277,277,277,0.5); background-image: url(elementi/logo.png); background-position: 20px center; background-size: 250px; border: 0; min-height: 100px; height: 100px; background: linear-gradient(177deg, rgba(252,120,11,1) 31%, rgba(223,46,36,1) 98%);}
#head header{background-image: url(elementi/logo.png); background-position: 20px center; background-size: 250px;; height: 100%; background-repeat: no-repeat}
.login #head{background-image: url(elementi/logo.jpg);background-position: center center; background-repeat: no-repeat; background-size: 350px;background-color:rgba(277,277,277,1);min-height: 150px}
.login #head h2{ display: none}
.login #head header{background: none}

#footer{ border: 0; text-shadow: none }
#footer p{text-shadow: none;  color: #8195a7 }
.login #footer p{color: #fff;}

#content { background: #fff; padding: 0.2em 1em 1em 1em}
#content h1{ color: #8195a7; color: #183651}
#content h1 span.fa{ color: #8195a7;}
.pul a{ background: #b9daea; border: 0; border-bottom: 2px solid rgba(0,0,0,0.15); border-radius: 5px; font-weight: 800; color: #183651}
#content p{color: #183651}
#content .box_home li{color: #183651; border-top: 1px solid #fff}

#pulsantiera a{ font-weight: 600;color: #183651}
#pulsantiera .salva a, #pulsantiera .nuovo a{color:#4fbf9f}
.avviso1{color:#4fbf9f; font-weight: 600}

table.linkable caption, table.hoverble caption{border: 1px solid #fff; font-size: 0.8em; background: #d5dfe8; color: #8195a7}
table.linkable, table.hoverble{ border: 1px solid #fff}
table.linkable th, table.hoverble th{ background: #8195a7; padding: 10px 1.3em; font-size: 0.8em; color: #fff}
table.linkable td, table.hoverble td{ color: #183651}
table.linkable tr:nth-child(odd), table.hoverble tr:nth-child(odd){ background: #eff3f5}
table.linkable th.etichetta, table.hoverble th.etichetta{background-color:#FBFEBA;}
td a.modifica, td a.elimina { display: inline-block; box-sizing: border-box; border-radius: 3px; border-bottom: 2px solid rgba(0,0,0,0.15); padding: 3px 6px; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #183651}
td a.modifica{ background:#fbbd5e}
td a.modifica span{color:#fff}
td a.elimina{ background:#f06151}
td a.elimina span{color:#fff}

form{ background: #eaf5f1}
#div_ricerca{ padding: 0 }
section{ border-top: 1px solid #fff}
#content h2.titolo_espansione{ border-top: 0px solid #fff}
label{ color: #8da79d}
#div_ricerca{ background: none}
input[type="text"], select, input[type="password"]{ border: 0}

/*menu e side menu*/
ul.menu_list{ border: 0}
ul.menu_list li{ border: 0}
ul.menu_list li a{ background: none; border: 0; color:#183651}
ul.menu_list li a:hover{ background: none}
ul.menu_list li.logout{ border-top: 1px solid rgba(277,277,277,0.5)}

.panel {
    margin-left: -7em; /*left or right and the width of your navigation panel*/
    width: 7em; /*should match the above value*/
    padding-top: 20px; box-shadow: none; background: #c2d7e2; background: #d3d3d3; 
}
#open-menu a{ background: none; color: #183651; box-shadow: none; font-size: 25px}
#open-menu a:hover{background: none;}

#paging a{ background: none; color: #8195a7}
#paging .inattivo a, #paging .inattivo a:hover{ background: #fff}
#paging .attivo a{ background: #183651}
#paging a:hover{background: #8195a7}

.quadro li{ padding: 0.5em 0 0.5em 1em}


/* Desktop Layout: 1200px */
@media only screen and (min-width: 1201px) {
    #content{ margin-right: 1.5em}
}

/* 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; width: 7em}
    ul.menu_list li{ font-size: 10px; text-align: center; text-transform: uppercase;}
    ul.menu_list li a{ text-align: center}
    ul.menu_list li span{ font-size: 30px; display: block; width: auto; margin-bottom: 2px}
}

/* Desktop Layout: 1000px */
@media only screen and (max-width: 1000px) {
	#col-sx{ display:none}
	#head{ height:80px; min-height:0; background-size:contain; background-position:60px center}
    #head header{ background-position: 70px center}
	body{ font-size:13px}
	#pulsantiera{ font-size:13px}
	#open-menu{ display:block}
	#pulsantiera .inizio, #pulsantiera .dietro, #pulsantiera .avanti, #pulsantiera .fine{}
	#pulsantiera .paginazione{top:-40px}
}

/* Tablet Layout: 768px */
@media only screen and (max-width: 790px) {
	.no-mobile{ display:none}
}