@charset "utf-8";

body, html { height: 100%; }

body {
	font-size: 12px;
	line-height: 22px;
	font-family: Verdana, Geneva, sans-serif;
	margin-top: 0;
	margin: auto;
}

/*forziamo i vecchi browser a riconoscere i tag html5 come blocchi*/
article, aside, details, footer, header, menu, nav, section { display: block; }

/*link in generale*/
a { font-weight: bold; text-decoration: none; cursor: pointer; font-weight: bold; color: #000; }
a img { border: 0; }

/*regole utili per l'allineamento di testo o contenuti*/
.center { float: none; text-align: center; margin: auto; }
.left { float: left; }
.right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.interlinea_3 { line-height: 3em }
.bottom { margin-bottom: 20px; }
.no-desk { display: none; }
.gg-mm { width: 30px; text-align: center; margin: 20px 5px 5px 5px; }
.aaaa { width: 50px; text-align: center; margin: 20px 5px 5px 5px; }
.info { font-size: 1em; color: #666; }
.only-desk { display: block; }
.only-cell { display: none; }
.hidden { display: none; }

/*pulsanti*/
.back { float: left; line-height: 50px; }
.logout { float: right; line-height: 50px; }

/*definizione contenitori*/
.wrapper { width: 100%; height: 100%; margin: 0 auto; }

/*footer*/
footer { font-weight: bold; line-height: 50px; text-align: center; position: absolute; bottom: 0; left: 15px; }
footer img { height: 16px; width: auto; margin-bottom: -2px; }

/*campi input*/
input, textarea, select { font-size: 1.33em; font-family: arial, sans-serif; }
input[type="text"], option { height: 15px; padding: 5px; }
select { height: 30px; }
span.radio { font-size: 1.33em; margin-right: 15px; }
.input400, .input300, .input200, .input100, .input50, textarea { margin: 20px 5px 5px 5px; }
.input400 { width: 390px; }
.input300 { width: 300px; }
.input200 { width: 200px; }
.input100, .filtro_anno { width: 80px; }
.input50 { width: 50px; }
textarea { overflow: auto; width: 600px !important; height: 100px !important; padding: 5px; }
.space_right { margin-right: 35px; }
#form label.error { display: none !important; }
#quota { text-align: right; }
#note { width: 95%; height: 300px; }
.box_50 { float: left; width: 150px; }

/*div di errore*/
.error_box { display: none; position: absolute; width: auto; height: 20px; line-height: 20px; border-radius: 5px;
			 margin: -35px 0 0 350px; padding: 5px 15px; }
.error_box:after { right: 100%;	top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;
				   pointer-events: none; border-width: 10px; margin-top: -10px; }

/*menù di navigazione*/
aside.menu-sx { position: fixed; float: left; width: 295px; height: 100%; z-index: 5; }
aside.menu-sx a.link { width: 285px; float: left; padding: 10px 0 10px 10px; font-size: 1.16em; }
aside.menu-sx a.link:hover, aside.menu-sx a.selected { font-weight: bold !important; }
aside.menu-sx .home img { margin: 10px 5px 0 15px; height: 50px; width: auto; float: left; }
aside.menu-sx .home h1 { font-size: 3em; float: left; }

/*corpo centrale dell'admin*/
.panel { float: left; width: 880px; margin: 0 25px 25px 325px; padding: 10px; }
.table, .table2 { width: 100%; padding: 20px 5%; }
.table-cell { display: none; }
.table2 td { padding: 10px 15px; }
.table img { width: 30px; height: auto; }
.new { font-weight: bold; padding: 2px 15px; margin-bottom: 5px; border: none; cursor: pointer; }
.contatore { margin-top: -30px; padding: 2px 15px; cursor: pointer; }

/*campi di ricerca e filtro*/
.unblock { position: relative; margin-top: -40px; }
.search { /*margin: -2px 0 5px 0;*/ }
.searchtext { padding: 5px; }

/*form di ricerca*/
.gridForm { display: grid; grid-template-columns: 3fr 2fr 1fr 1fr; grid-gap: 10px; }
.gridForm span { height: 20px; line-height: 20px; text-align: center; }

/*form*/
.anagrafica_sezione { width: 880px; margin: 20px 00px; padding: 20px 10px 10px 10px; }
.anagrafica_sezione label { position: absolute; margin-top: 0px; margin-left: 10px; z-index: 1; }
.anagrafica_titolo { width: auto; padding: 3px 10px; position: absolute; margin-top: -35px; z-index: 1; }
.input_margin { margin-top: 20px !important; }

/*sezione votazione*/
.sezione_50 { width: 50%; margin: 0px; float: left; }
.voto_contenitore { width: 96%; margin: auto; padding-bottom: 10px; border: 1px solid #CCC; border-radius: 5px; }
.voto_contenitore h2 { margin-left: 5px; }
.voto_radio { width: 50%; margin: 0; }
.voto_radio .radio { display: none; }
.voto_radio label { position: relative; width: 80%; height: 25px; line-height: 25px; margin-top: 0px; padding-left: 30px; color: #000 !important;
					border-radius: 5px; float: left; cursor: pointer; }
.voto_verde_on, .voto_verde:hover { background: #c8f7c2; color: #000; }
.voto_giallo_on, .voto_giallo:hover { background: #f7eac1; color: #000; }
.voto_rosso_on, .voto_rosso:hover { background: #f7c2c2; color: #000; }
.voto_mostra { width: 38%; height: 66px !important; text-align: center; font-size: 50px; }

/*sezioni di ricerca interne al form*/
.search-display { position: absolute; margin-top: -5px; margin-left: 5px; max-height: 200px; overflow: auto; overflow-x: hidden; display: none; z-index: 2; width: 420px; }
.display_box { width: 400px; min-height: 15px; line-height: 15px; padding: 5px; float: left; font-size: 16px; }

/*sezione opzioni tab*/
.etichetta { border-bottom: 0px; padding: 5px; margin: 0 -2px -22px 0; float: left; z-index: 1; }
.selected { z-index: 3; }
.opt_sezione { width: 400px; margin: 20px 0px; padding: 20px 10px 10px 10px; z-index: 2; }
.opt_sezione .input { width: 95%; margin-bottom: 5px; }
.opt { height: 300px; width: 400px; overflow: auto; overflow-x: hidden; }
.opt_line { width: 100%; min-height: 20px; line-height: 20px; padding: 5px; float: left; font-size: 1.67em; }
.opt img { width: 20px; height: auto; margin-right: 10px; float: left; }

/*area di stampa*/
.stampa_foglio, .stampa_foglio_orizzontale, #enas_add { display: none; }

/*link nelle statistiche che apre anagrafica*/
.link_anag { padding: 2px 3px; border: 1px solid #eee; border-radius: 10px; }
.link_anag:hover { background: #C4E1FF; border: 1px solid #71B8FF;
					-webkit-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.25);
					-moz-box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.25);
					box-shadow: 0px 6px 5px -5px rgba(0,0,0,0.25); }


@media only screen and ( max-width: 767px ) {
	
	.only-desk { display: none; }
	.no-cell { display: none; }
	.only-cell { display: block; }
	.error_box { margin: -70px 0 0 0; right: 20px; }
	.error_box:after { top: 100%; left: 50%; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 20px; margin-left: -20px; }
		
	/*menù di navigazione*/
	.m-title { position: fixed; width: 100%; z-index: 50000; }
	.m-title .m-nav, .m-title .m-nav-close { float: right; }
	.m-title img { height: 40px; width: auto; margin: 15px 5px 0 5px; float: left; }
	.m-title .m-nav-close { display: none; }
	.m-title .m-nav-close img { height: 40px; width: auto; margin: 15px 5px 0 5px; float: left; }
	.m-title h1 { font-size: 3em; float: left; }
	aside.menu-sx { width: 99%; height: 100%; left: -768px; border-right-width:: 2%; z-index: 10000; }
	aside.menu-sx a.link { width: 95%; padding: 10px 0 10px 5%; }
	aside.menu-sx a.link:hover, aside.menu-sx a.selected { border-right-width: 2%; }
	
	/*corpo centrale dell'admin*/
	.panel { width: 98%; margin: 0; padding: 10px 1%; padding-top: 90px; }
	.table2 { display: none; }
	.table-cell { display: block; width: 90%; padding: 20px 5%; left: 0; }
	.icon { width: 30px; height: auto; }
	.new { width: auto; line-height: 1em; margin-left: 5px; }

	/*form*/
	.anagrafica_sezione { width: 98%; padding: 20px 0 10px 0; margin-top: 30px; }
	.input400, .input300, .input200, textarea { width: 93% !important; margin-top: 20px; margin-left: 5px; }
	.cell-euro { font-size: 1.5em; }
	.box-cell { width: 93%; }
	.box_50 { width: 45%; }

	/*sezione votazione*/
	.voto_radio label { width: 80%; padding-left: 8px; }
	.voto_mostra { font-size: 20px; }
	
	/*.input_margin { margin-top: 0px !important; }*/
	
	/*sezioni di ricerca*/
	#nato_a-display, #cittadino-display, #paese-display,
	#utente-display, #inps-display, #sind-display { width: 93%; }
	
	/*sezione opzioni*/
	.opt_sezione { width: 94%; padding: 20px 2% 10px 2%; }
	.opt_sezione nome { width: 89%; }
	.opt { width: 93%; margin-left: 2%; }
}

/*Smartphone*/
@media only screen and ( max-width: 767px ) and ( orientation: landscape ) {
	
	/*campi di ricerca e filtro*/
	.cell-submit { margin-top: 0px;  }
	
}

@media print {
	.no_stampa { display: none; position: absolute; }
}