/*! HTML5 Boilerplate v7.3.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/

/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */

html {
	color: #222;
	font-size: 0.78em;
	line-height: 1.4em;
	font-family: 'Fira Sans', sans-serif;
	scroll-behavior: smooth;
}

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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}
label {
	margin: 0 0.5rem;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {list-style: none;}
a {
	color: #000000;
	text-decoration: none;
	position: relative;
	outline: 0;
}
.anchor {
	position: relative;
}
.anchor a {
	position: absolute;
	left: 0px;
	top: -135px;
}
a.underline:before,
.form a:before,
.table a:before {
	content: "";
	width: 100%;
	height: 1px;
	border-top: 1px solid #ababab;
	position: absolute;
	bottom: -3px;
	left: 0;
}
.form a:before,
.table a:before {
	border-color: #CCCCCC;
}
.form a:hover:before,
.table a:hover:before {
	border: none;
}

/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* Vendor-prefixed and regular ::selection selectors cannot be combined:
* https://stackoverflow.com/a/16982510/7133471
*
* Customize the background color to match your design.
*/

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
* A better looking default horizontal rule
*/

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

/*
* Remove default fieldset styles.
*/

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
* Allow only vertical resizing of textareas.
*/

button, input, textarea {
	outline: none;
	background-color: #fff;
	box-sizing: border-box;
}
.select, select,
.input {
	height: 30px;  /*35*/
	border: 1px solid #bbb;
	border-radius: 4px;
	overflow: hidden;
	padding: 0px 10px 0px 5px;  /*0px 10px;*/
	font-size: 1rem;  /*1.125rem;*/
	line-height: 1.4rem;  /*33px*/
	max-width: 450px;
}
/*
input[type=text]{
	height: 24px;
	border: 1px solid #bbb;
	border-radius: 4px;
	padding: 0px 10px 0px 5px;
	font-size: 1rem;
	line-height: 1.4rem;
}
*/

.input::placeholder {
	color: #9e9e9e;
}
textarea {
	font-size: 1rem; /*1.125rem;*/
	line-height: 1.4rem; /*33px*/
	resize: vertical;
	border: 1px solid #bbb;
	border-radius: 4px;
	overflow: hidden;
	padding: .5rem;
	margin-bottom: 0px;
}
.input.inputsearch {
	padding-left: 30px;
	font-size: 1em; /*16px*/
	font-style: italic;
	background-image: url("data:image/svg+xml,%3Csvg height='16px' id='Layer_1' style='enable-background:new 0 0 16 16;' version='1.1' viewBox='0 0 16 16' width='16px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='%23757575' d='M15.7,14.3l-3.105-3.105C13.473,10.024,14,8.576,14,7c0-3.866-3.134-7-7-7S0,3.134,0,7s3.134,7,7,7 c1.576,0,3.024-0.527,4.194-1.405L14.3,15.7c0.184,0.184,0.38,0.3,0.7,0.3c0.553,0,1-0.447,1-1C16,14.781,15.946,14.546,15.7,14.3z M2,7c0-2.762,2.238-5,5-5s5,2.238,5,5s-2.238,5-5,5S2,9.762,2,7z'/%3E%3C/svg%3E");
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: 8px center;
}
.btn {
	font-size: 1rem;  /*1.08rem;*/
	line-height: 2.3rem; /*2.54rem;*/
	border-radius: 4px;
	padding: 0 20px;
}
.btn.btnsmall {
	font-size: .8rem;
	line-height: 1.8rem;
	padding: 0 15px;
}
.btn:hover:enabled {
	cursor: pointer;
}
.btn:hover:disabled {
	cursor: no-drop;
}
.btngray {
	background-color: #9e9e9e;
	border: 1px solid #9e9e9e;
	color: #FFFFFF;
}
.btngray:hover:enabled {
	color: #9e9e9e;
	background-color: #FFFFFF;
	border: 1px solid #9e9e9e;
}
.btnorange {
	background-color: #ff9800;
	border: 1px solid #ff9800;
	color: #FFFFFF;
}
.btnorange:hover:enabled {
	color: #ff9800;
	background-color: #FFFFFF;
	border: 1px solid #9e9e9e;
}
.btnorange:disabled {
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
	color: #000000;
}
.input.focused {  
	border-color: #bbb;  
}
.hoverUnderline:hover {
	text-decoration: underline;
}

/* ==========================================================================
	Browser Upgrade Prompt
	========================================================================== */

.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ==========================================================================
	Author's custom styles
	========================================================================== */

/*** Object Classes ***/

/* Fonts */
@font-face {
	font-family: 'crffont';
	src:  url('fonts/crffont.eot?hhqv9t');
	src:  url('fonts/crffont.eot?hhqv9t#iefix') format('embedded-opentype'),
		url('fonts/crffont.ttf?hhqv9t') format('truetype'),
		url('fonts/crffont.woff?hhqv9t') format('woff'),
		url('fonts/crffont.svg?hhqv9t#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'crffont' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-opener:before {
	content: "\e912";
}
.icon-calendar:before {
	content: "\e911";
}
.icon-v:before {
	content: "\e910";
}
.icon-m:before {
	content: "\e90e";
}
.icon-q:before {
	content: "\e90f";
}
.icon-h:before {
	content: "\e90d";
}
.icon-close:before {
	content: "\e900";
}
.icon-gender-man:before {
	content: "\e901";
}
.icon-arrow-down:before {
	content: "\e902";
}
.icon-arrow-up:before {
	content: "\e903";
}
.icon-download:before {
	content: "\e904";
}
.icon-gender-woman:before {
	content: "\e905";
}
.icon-info:before {
	content: "\e906";
}
.icon-lock-rounded-open:before {
	content: "\e907";
}
.icon-mobile:before {
	content: "\e908";
}
.icon-refresh:before {
	content: "\e909";
}
.icon-search:before {
	content: "\e90a";
}
.icon-piu:before {
	content: "\e90b";
}
.icon-meno:before {
	content: "\e90c";
}
.fira {
	font-family: 'Fira Sans', sans-serif;
}
.fira-cond {
	font-family: 'Fira Sans Condensed', sans-serif;
}
.fira-xcond {
	font-family: 'Fira Sans Extra Condensed', sans-serif;
}

/* Styles */
.strong, strong {
	font-weight: 700;
}
.italic, em {
	font-style: italic;
}

/* Colors and background */
.bianco {
	color: #FFFFFF!important;
}
.grigiodebole {
	color: #FAFAFA!important;
}
.grigio {
	color: #F5F5F5!important;
}
.grigiomedio {
	color: #9e9e9e!important;
}
.grigioforte {
	color: #757575!important;
}
.rosso {
	color: #f44336!important;
}
.giallo {
	color: rgb(250,248,110)!important;
	/* color: #f1dfb0!important; */
}
.verde {
	color: #4caf50!important;
}
.arancio {
	color: #ff9800!important;
}
.marrone{
	color: #996600!important;
}

.bg-grigiodebole {
	background-color: #FAFAFA!important;
}
.bg-grigio {
	background-color: #F5F5F5!important;
}
.bg-grigiomedio {
	background-color: #9e9e9e!important;
}
.bg-grigioforte {
	background-color: #757575!important;
}
.bg-rosso {
	background-color: #f44336!important;
}
.bg-giallo {
	background-color: rgb(250,248,110)!important;/* #f1dfb0!important;*/
}
.bg-verde {
	background-color: #4caf50!important;
}
.bg-arancio {
	background-color: #ff9800!important;
}
.bg-marrone{
	background-color: #996600!important;
}

.border-grigiodebole {
	border: 1px solid #FAFAFA!important;
}
.border-grigio {
	border: 1px solid #F5F5F5!important;
}
.border-grigiomedio {
	border: 1px solid #9e9e9e!important;
}
.border-grigioforte {
	border: 1px solid #757575!important;
}
.border-rosso {
	border: 1px solid #f44336!important;
}
.border-giallo {
	/* border: 1px solid #f1dfb0!important; */
	border: 1px solid rgb(250,248,110)!important;
}
.border-arancio {
	border: 1px solid #ff9800!important;
}
.border-verde {
	border: 1px solid #4caf50!important;
}
.border-marrone{
	border: 1px solid #996600!important;
}

.s-grigiodebole {
	background: rgb(250,250,250);
	background: linear-gradient(90deg, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 80%);
}
.s-grigio {
	background: rgb(245,245,245);
	background: linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 80%);
}
.s-grigiomedio {
	background: rgb(158,158,158);
	background: linear-gradient(90deg, rgba(158,158,158,1) 0%, rgba(255,255,255,1) 80%);
}
.s-grigioforte {
	background: rgb(117,117,117);
	background: linear-gradient(90deg, rgba(117,117,117,1) 0%, rgba(255,255,255,1) 80%);
}
.s-rosso {
	background: rgb(250,110,110);
	background: linear-gradient(90deg, rgba(250,110,110,1) 0%, rgba(255,255,255,1) 80%);
}
.s-giallo {
	background: rgb(250,248,110);
	background: linear-gradient(90deg, rgba(250,248,110,1) 0%, rgba(255,255,255,1) 80%);
}
.s-arancio {
	background: rgb(250,175,110);
	background: linear-gradient(90deg, rgba(250,175,110,1) 0%, rgba(255,255,255,1) 80%);
}
.s-verde {
	background: rgb(115,250,110);
	background: linear-gradient(90deg, rgba(115,250,110,1) 0%, rgba(255,255,255,1) 80%);
}
.s-marrone{
	background: rgb(153, 102, 0);
	background: linear-gradient(90deg, rgba(153,102,0,1) 0%, rgba(255,255,255,1) 80%);
}

.table .ico-letter,
.div-row .ico-letter {
	margin: 0;
	color: #757575;
}

/* Typo */
.align-right {
	text-align: right;
}
.right {
	float: right!important;
}
.titolopagina {
	font-size: 2.1rem;
	line-height: 2.8rem;
	font-weight: 500;
}
.titololista {
	font-size: 1.2rem;
	line-height: 1.8rem;
	font-weight: 600;
	padding: 0.7rem 0 0.3rem 0;
	display: block;
}
.uparrow {
	transform:rotate(90deg);
	display: inline-block;
	width: 15px;
	height: auto;
	position: relative;
	top: 2px;
}
.downarrow {
	transform:rotate(-90deg);
	display: inline-block;
	width: 15px;
	height: auto;
	position: relative;
	top: -2px;
}
.showarrow {
	display: inline-block;
	width: 1.3rem; /**/
	height: 1.8rem; /**/
	position: absolute;
	z-index: 998;
	top: 0;
	right: -1.3rem;
	font-size: 19px;
	line-height: 20px;
	border: 1px solid #cccccc;
	text-align: center;
	-moz-transition:all 200ms ease-in;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
	opacity: 0;
	visibility: hidden;
}

.submenuitem {
	padding-right: 35px!important;
	position: relative;

}
.submenuitem::after {
	position: absolute;
	right: 18px;  /*15px*/
	top: 3px;
	content: "\e902";
	font-family: 'crffont' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.boxshadow {
	-webkit-box-shadow: 3px 3px 5px 0px rgba(102,102,102,1);
	-moz-box-shadow: 3px 3px 5px 0px rgba(102,102,102,1);
	box-shadow: 3px 3px 5px 0px rgba(102,102,102,1);
}

/*** Layout ***/
.wrapperpage {
	margin: 0 auto;
	padding: 0.5rem 3rem 4rem;
	max-width: 1440px;
	position: relative;
	z-index: 1;
}
.contentpage {
	width: 100%;
	display: flex;
	flex-direction: row; 
}
.menuschede {
	width: 220px;
}
.menuschede.espanso {
	width: 320px;
}
.menuschedeinner {
	padding: 1rem;
}
.page {
	flex: 1;
	padding: 0.5rem 2rem 4rem;
	position: relative;
	z-index: 1;
}
.page-inner {
	width: 100%;
}
.col-sx {
	min-width: 250px;
	width: 250px;
}
.col-dx {
	flex: 1 1 auto;
	padding: 0 3rem 3rem;
}
.col-padding {
	padding: 2rem;
}
.titlebox {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 0 0.8rem;
	background-color: #FFFFFF;
}
.textbox {
	width: 100%;
	margin: 0 0 0.8rem;
}
.textbox p {
	padding-bottom: 0.8rem;
}
.pagerbox {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 8px 0 0 0;
	border-bottom: 1px solid #424242;
	background-color: #FFFFFF;
}
.menuschede {
	-moz-transition:all 200ms ease-in;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	transition:all 200ms ease-in;
	border-right: 1px solid #9e9e9e;
	position: relative;
	padding-bottom: 25px;
}
.menuschede-close .menuschede {
	margin-left: -220px;
}
.menuschede-close .menuschede.espanso {
	margin-left: -320px;
}
.menuschede-close .showarrow {
	opacity: 1;
	visibility: visible;
}
.expandnav {
	font-size: 1.4rem;
	position: relative;
	top: 2px;
}
footer {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: space-between;
	border-top: 1px solid #9e9e9e;
	padding: 10px 20px;
}
.title {
	background-color: #e0e0e0;
	line-height: 2rem;
	padding: 5px 7px;
	display: block;
}
.title span {
	font-size: 1.4rem;
}
.title-01 {
	font-size: 1.8rem;
	line-height: 2.66rem;
	padding: 0.2rem 0rem 0.1rem 0rem;
}
.title-02 {
	font-size: 1.3rem;
	line-height: 1.8rem;
	margin: 0 0 0.3rem 0;
}
.subtitle {
	font-size: 1rem;
	font-weight: 500;
	line-height: 2rem;
	padding-bottom: 0.2rem;
}
.div-row .title-01 {
	line-height: 1.8rem;
}
.nav-actions {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0 15px;
	border-bottom: 1px solid #9e9e9e;
	font-size: 1.3rem;
	line-height: 1.8rem;
}
.top-link {
	position: fixed;
	bottom: 25px;
	right: 25px;
	color: #FFF;
	background-color: #757575;
	border-radius: 50%;
	font-size: 1.2rem;
	line-height: 1.2rem;
	padding: 1rem;
	z-index: 99999;
}
.schede {
	padding: 0 15px 0;
}
.schede > li {
	padding: 8px 0;
	border-top: 1px solid #9e9e9e;
	position: relative;
}
.schede > li:first-child {
	border-top: none;
} 
.schede > li a,
.schede > li span {
	display: inline-flex;
	flex-direction: row;
	align-items: baseline;
	font-size: 1rem;
	line-height: 1.4rem;
	font-weight: 600;
	position: relative;
}
.schede li .query {
	display: inline-flex;
	font-size: 1.125rem;
	line-height: 1.5625rem;
	font-weight: 500;
	color: #FF0000;
}
.schede .icon-lock {
	padding: 0 5px;
}
.schede li.active > .icon-arrow-down:before{
	content: "\e903";
} 
.schede li .icon-arrow-down {
	width: 25px;
	position: absolute;
	right: 0;
	top: 10px;
	cursor: pointer;
	text-align: center;
	display: block;
	color: #424242;
}
.schede li span {
	/*color: #9e9e9e;*/
	color: #424242;
}
.schede li a {
	color: #424242;
}
.schede li a:hover {
	text-decoration: underline;
}
.schede li a.schedaDisabilitata {
	opacity: 0.8;
	text-decoration: none;
}
.schede li a.schedaCorrente {
	text-decoration: underline;
}
.schede li ul {
	display: none;
	padding: 5px 0 5px 18px;
}
.schede li ul li {
	padding: 4px 0;
	position: relative;
}
.schede li ul li a,
.schede li ul li span {
	font-weight: 400;
}
.schede li .schedasub {
	font-weight: 700;
}
.schede li ul li .icon-arrow-down {
	top: 5px;
}
.nomargin {
	margin: 0 !important;
}
.statoscheda {
	border-radius: 3px;
	content: " ";
	position: relative;
	width: 10px;
	height: 10px;
	display: flex;
	margin-right: 8px;
	flex: 0 0 10px;
}
.statoscheda.none::before {
	border: 1px solid #CCCCCC;
}
.statoscheda.incompleto::before {
	background-color: #ffeb3b;
	border: 1px solid #ffeb3b;
}
.statoscheda.bloccanti::before {
	background-color: #ff9800;
	border: 1px solid #ff9800;
}
.statoscheda.completo::before {
	background-color: #4caf50;
	border: 1px solid #4caf50;
}
.statoscheda.nonconforme::before {
	background-color: #f44336;
	border: 1px solid #f44336;
}
.statoscheda.uscito::before {
	background-color: #aaaaaa;
	border: 1px solid #aaaaaa;
}
.statoscheda.deceduto::before {
	background-color: #996600;
	border: 1px solid #996600;
}
.schede.lista-moduli > li a,
.schede.lista-moduli > li span {
	font-weight: 400;
}
.schede.lista-moduli > li a strong {
	margin-right: 5px;
}
.schede.lista-moduli > li {
	padding: 2px 0;
	border: 0;
}
.titolomenu {
	background-color: #F5F5F5;
}

.counter {
	font-weight: 700;
	font-size: 1rem;
}
.paginator li {
	font-size: 1rem;
	line-height: 25px;
	min-width: 24px;
	display: inline-block;
	float: left;
}
.paginator li a {
	display: block;
	text-align: center;
}
.paginator li.active a {
	color: #FFFFFF;
	background-color: #bdbdbd;
}
.paginator li.indietro {
	padding-right: 15px;
}
.paginator li.avanti {
	padding-left: 15px;
}
.filterbox {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 10px 0;
	background-color: #FFFFFF;
}
.filterbox .search select, 
.filterbox .search .btn {
	float: left;
	margin-right: 10px;
}
.filterbox .search .btn.right {
	margin-right: 0;
}
.iconsearchcnt {
	position: relative;
	display: inline-block;
}
.iconsearchbox {
	width: 285px;
	padding: 20px;
	border: 1px solid #bdbdbd;
	position: absolute;
	top: 35px;
	left: 0;
	display: none;
	z-index: 999;
}
.iconsearchbox.active {
	display: block;
}
.iconsearchbox .input.inputsearch {
	width: 100%;
	margin-bottom: 15px;
	box-sizing: border-box;
}
.molliche-wrap {
	position: relative;
	z-index: 10;
}
.molliche {
	width: 100%;
	padding: 10px 10px 10px 5px;
	border-bottom: 1px solid #bdbdbd;
	background-color: #FFFFFF;
}
.molliche ul li {
	display: inline-block;
	font-size: 1rem;
}
.molliche ul li::after {
	content: ">";
	margin: 0 0.2em;
}
.molliche ul li:last-child:after {
	content: "";
}
.box-bottoni {
	text-align: right;
	padding: 2em 0;
}
.add-link {
	color: #2196f3;
	font-size: 1.2rem;
	font-weight: 600;
	padding: 0.5rem;
}
.add-link span {
	display: inline-block;
	margin-right: 5px;
	top: 2px;
	position: relative;
}
.box-grafico {
	padding: 2rem 0;
	text-align: center;
	display: none;
}
.chart-container {
	position: relative;
	display: flex;
    justify-content: center;
	max-height: 350px;
	margin-top: 1em;
}
.link-grafico {
	margin-bottom: 2rem;
}

/*** Common ***/
.padding {
	padding: 5px 0 5px 18px !important;
}
.monitor {
	font-size: 0;
	line-height: 0;
}
.monitor li {
	position: relative;
	display: inline-block;
	transition-duration: 0.2s;
}
.monitor > li::before {
	content: '|';
	position: absolute;
	right: 0;
	top: 3px;
	font-size: 1.125rem;
	line-height: 1.125rem;
}
.monitor > li:last-child:before {
	content: '';
}
.monitor li a {
	display: inline-block;
	font-size: 1rem;
	line-height: 1.4rem;
	font-weight: 500;
	padding: 0px 12px 0px 10px;
}
.monitor li a:hover,
.monitor li.active a {
	color: #ff9800;
}
.monitor li:hover {
	cursor: pointer;
}
/*.monitor li:hover > div {
	visibility: visible;
	opacity: 1;
	display: block;
}*/
.monitor > li > div {
	display: none;
	position: absolute;
	transition: all 0.2s ease;
	right: 0;
	z-index: 999;
}
.anchormenu {
	font-size: 0;
	line-height: 0;
}
.anchormenu li {
	position: relative;
	display: inline-block;
	transition-duration: 0.2s;
}
.anchormenu li a {
	display: inline-block;
	font-size: 1rem;
	line-height: 1.4rem;
	font-weight: 500;
	padding: 0;
}
.anchormenu li ul {
	left: auto;
	right: 0;
}
.anchormenu li ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	transition: all 0.2s ease;
	right: 0;
	display: none;
	padding: 5px 0;
	min-width: 200px;
	background-color: #e0e0e0;
}
.anchormenu li:hover > ul, 
.anchormenu li ul:hover {
	visibility: visible;
	opacity: 1;
	display: block;
	z-index: 999;
}
.anchormenu li ul li {
	clear: both;
	width: 100%;
	min-width: 150px;
	text-align: left;
}
.anchormenu li ul li:hover {
	background-color: #757575;
}
.anchormenu li ul li:hover a {
	color: #ffffff;
}
.anchormenu .submenuitem {
	padding-right: 20px !important;
}
.anchormenu .submenuitem::after {
	top: 3px;
	right: 0;
}
.anchormenu .main-sub a {
	font-size: 1rem;
	line-height: 1rem;
	color: #222222;
	padding: 6px 15px;
	display: block;
	font-weight:400;
}
.commenti {
	width: 325px;
	border: 1px solid #bdbdbd;
}
.commentinner {
	padding: 10px 10px 5px;
}
.commentinner textarea {
	width: 100%;
	height: 105px;
	border: 1px solid #757575;
}
.validazione {
	width: 280px;
	border: 1px solid #bdbdbd;
}
.validazionetitolo {
	display: block;
	text-align: center;
	color: #FFFFFF;
	font-size: 1.2rem;
	line-height: 1.4rem;
	font-weight: 500;
	padding: 5px 0;
	border-bottom: 1px solid #9e9e9e;
}
.validazioneinner {
	padding: 10px 10px 5px;
}
.validazioneinner .validazioneitem  {
	border-bottom: 1px solid #9e9e9e;
	border-top: 2px solid #9e9e9e;
	font-size: 1rem;
	line-height: 1.4rem;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #FFFFFF;
}
.validazioneiteminner {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.validazioneiteminner div:first-child {
	width: 75%;
}
.monitorbtn {
	padding: 20px 0 10px;
	text-align: right;
}
.btnadmin {
	margin-top: 5px;
}
.validazioneitem ul{
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: auto;
	width: 80px;
}
.validazioneitem ul li{
	color: #616161;
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
.validazioneitem ul li input[type=radio]{
	position: absolute;
	visibility: hidden;
}
.validazioneitem ul li label{
	display: block;
	position: relative;
	padding: 5px 0 5px 35px;
	margin: 0 auto;
	z-index: 9;
	cursor: pointer;
	text-transform: uppercase;
	-webkit-transition: all 0.25s linear;
}
.validazioneitem ul li .check {
	display: block;
	position: absolute;
	border: 3px solid #616161;
	border-radius: 100%;
	height: 18px;
	width: 18px;
	top: 3px;
	left: 10px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}
.validazioneitem ul li .check::before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 100%;
	height: 6px;
	width: 6px;
	top: 3px;
	left: 3px;
	margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}
.validazioneitem input[type=radio]:checked ~ .check {
	border: 3px solid #FF0000;
}
.validazioneitem input[type=radio]:checked ~ .check::before{
	background: #FF0000;
}
.validazioneitem input[type=radio]:checked ~ label{
	color: #FF0000;
}
.validazioneinner .messaggio {
	color: #FF0000;
	font-size: 1rem;
	line-height: 1.4rem;
	padding: 0 0 10px;
	display: none;
}
.bodymap {
	width: 100%;
	max-width: 500px;
	height: 500px;
	max-height: 500px;
	display: block; 
	position: relative;
}
.bodymap img {
	width: 100%;
	max-width: 500px;
}

.table {
	width: 100%;
	border-top: 2px solid #888;
	background: #FFFFFF;
	margin-bottom: 2rem;
}
.table  tr:hover {
	background-color: #F5F5F5;
}
.table th {
	text-align: left;
	padding: 0.7rem 0.4rem;
	border-bottom: 1px solid #bbb;
}
.table td {
	text-align: left;
	padding: 0.55rem 0.4rem;
	border-bottom: 1px solid #bbb;
	vertical-align: top;
}
.table td p {
	float: left;
	padding-top: 0.15rem;
}
.table td .ico-letter {
	font-size: 1.2rem;
	float: left;
	margin: 4px 5px 0 0;
}
.table th {
	font-weight: 600;
	background-color: #F5F5F5;
}
.table .icon-mobile,
.table .ico-letter {
	font-size: 1.2rem;
	line-height: 1rem;
}
.table .icon-gender-woman {
	font-size: 1.2rem;
	line-height: 1rem;
	color: #ef9ca5;
}
.table .icon-gender-man {
	font-size: 1rem;
	line-height: 1rem;
	color: #007bc5;
}
.table .icon-calendar {
	font-size: 24px;
	line-height: 0;
	position: relative;
	top: 5px;
}
.table .select, 
.table select,
.table .input {
	height: 24px;
	line-height: 2rem;
	margin-right: 0.5rem;
	max-width: 100%;
}
.form-table {
	overflow: auto;
}
.form-table .table,
.dialog-body .table {
	table-layout: fixed;
}
.table02 th,
.table02 td {
	padding: 0.15rem 0.5rem;
}
.table02 th {
	width: 40%;
	font-style: italic;
	text-align: right;
}
.moduli-aggiunti .table,
.form .table {
	margin-bottom: 0;
}
.table.table-grid {
	border-collapse: collapse;
	table-layout: auto;
	width: 100%;
}
.table.table-stat td:first-child {
	width: 30%;
}
.table.table-stat td:nth-child(2) {
	width: 20%;
}
.table.table-grid td {
	min-width: 28px;
}
.table.table-grid .strong {
	font-weight: 500;
}
.table.table-grid th,
.table.table-grid td {
	border: 1px solid #bbb;
	text-align: center;
}
.table.table-grid a:not(.underline):before {
	border: 0;
}
.table.table-grid .icon-opener {
	font-size: 12px;
	color: #757575;
}
.table.table-grid .statoscheda {
	display: inline-block;
}
.table.table-grid .statoscheda::before {
	margin: 0;
}
.table-print {
	width: 100%;
	background: #FFFFFF;
	margin: 2rem 0;
}
.table-print th,
.table-print td {
	padding: 1rem 0.4rem 0.4rem;
}
.table-print th {
	font-style: italic;
	text-align: right;
	width: 30%;
}
.table-print td.empty {
	border-bottom: 1px solid #bbb;
}
.table-print td.empty-dotted {
	border-bottom: 1px dotted #bbb;
}
@media (min-width: 1400px) {
	.table .select, 
	.table select,
	.table .input {
		max-width: 50%;
	}
}

/*Tabella inc/esc */

.table-incesc th:first-child {
	width:70%;
}


/*** Login ***/
.login-wrap {
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.login {
	width: 100%;
	max-width: 660px;
	border: 1px solid #bdbdbd;
	border-radius: 10px;
}
.login-head {
	font-size: 2rem;
	line-height: 3rem;
	font-weight: 600;
	color: #616161;
	padding: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.login-body {
	text-align: center;
	border-top: 2px solid #888;
	border-bottom: 1px solid #888;
	background-color: #FFFFFF;
	padding: 1.5rem;
}
.login-body .select,
.login-body .input {
	width: 200px;
}
.login-action {
	text-align: center;
	padding: 1.5rem;
}
.login-body .div-row p {
	float: none;
}
.login-btn {
	padding: 0 0 2rem;
}
.login-btn .btn {
	margin: 0 0.5rem;
}
.login-version p {
	font-size: 1.5rem;
	line-height: 1;
	font-weight: 600;
	padding: 0 0 0.5rem;
}

/*** Header ***/
header {
	width: 100%;
}
.logo {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	height: 60px;
	padding: 0 20px;
	background-color: #FFFFFF;
}

.logo img {
	max-height: 52px;
}

.site-title {
	font-size: 2.1rem;
	line-height: 2.8rem;
	text-align: center;
	padding: 0 2rem;
}
.header-cnt {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 60px;
	padding: 0px 10px 0px 20px;
}
.haeder-title {
	display: flex;
	align-items: center;
	font-size: 1.5rem;
	line-height: 1.875rem;
}
.navmenu {
	background-color: #bdbdbd;
	border: 1px solid #9e9e9e;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.utilities {
	font-size: 0;
	line-height: 0;
	margin-top: 10px;
}
.utilities li {
	position: relative;
	display: inline-block;
	transition-duration: 0.2s;
}
.utilities > li::before {
	content: '|';
	color: #FFFFFF;
	position: absolute;
	right: 0;
	top: 3px;
	font-size: 1.125rem;
	line-height: 1.125rem;
}
.utilities > li:last-child:before {
	content: '';
}
.utilities li a {
	display: inline-block;
	font-size: 1rem;
	line-height: 1.4rem;
	color: #FFFFFF;
	padding: 0 15px;
}
.utilities li a:hover,
.utilities li.active a {
	color: #FFE79C;
}
.utilities li:hover > a {
	color: #f1c40f;
}
.utilities li:hover {
	cursor: pointer;
}
.utilities li ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	transition: all 0.2s ease;
	left: 0;
	display: none;
	padding: 5px 0;
	z-index: 999;
}
.utilities li:hover > ul,
.utilities li ul:hover {
	visibility: visible;
	opacity: 1;
	display: block;
}
.utilities li:focus-within > ul {
	visibility: visible;
	opacity: 1;
	display: block;
}
.utilities li ul li {
	clear: both;
	width: 100%;
	min-width: 150px;
}
.utilities li ul li:hover {
	background-color: #757575;
}
.utilities li ul li:hover a {
	color: #ffffff;
}
.utilities .utilities-sub a {
	font-size: 1rem;
	line-height: 1.4rem;
	color: #222222;
	padding: 5px 15px;
}
.menu {
	font-size: 0;
	line-height: 0;
}
.menu > li {
	position: relative;
	display: inline-block;
	transition-duration: 0.2s;
}
.menu > li > a,
.menu > li > span {
	display: inline-block;
	font-size: 1rem;
	line-height: 1rem;
	padding: 10px 30px;
	border-right: 1px solid #9e9e9e;
}
.menu li:hover {
	cursor: pointer;
}
.menu .submenuitem::after {
	top: 11px;
}
.menu li ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	transition: all 0.2s ease;
	left: 0;
	display: none;
	padding: 5px 0;
	min-width: 200px;
}
.menu li:hover > ul,
.menu li ul:hover {
	visibility: visible;
	opacity: 1;
	display: block;
	z-index: 999;
}
.menu li:focus-within > ul {
	visibility: visible;
	opacity: 1;
	display: block;
}
.menu li ul li {
	clear: both;
	width: 100%;
	min-width: 150px;  
	}
.menu li ul li:hover {
	background-color: #757575;
}
.menu li ul li:hover a {
	color: #ffffff;
}
.menu .main-sub {
	border: 1px solid #bdbdbd;
	z-index: 1001;
}
.menu .main-sub a {
	font-size: 1rem;
	line-height: 1.4rem;
	color: #222222;
	padding: 6px 15px;
	display: block;
}
.menu.main > li {
	background-color: #e0e0e0;
}
.menu.main > li:hover {
	background-color: #f5f5f5;
	}
.menu.main > li.active {
	background-color: #ffffff;
}
.menu.main .queries {
	background-color: #ff9800;
	color: #FFFFFF;
}
.menu.main .queries:hover {
	color: #ff9800;
	background-color: #f2c077;
}
.menu.centri > li {
	background-color: #f1dfb0;
}
.menu.centri li ul {
	left: auto;
	right: 0;
}
.listitemgroup {
	border-bottom: 1px solid #bdbdbd;
}

/* FORM */
.bg-gray {
	background-color: #F5F5F5;
}
.row-border-top {
	border-top: 2px solid #888;
}
.row-border-bottom {
	border-bottom: 2px solid #888;
}
.form-box-title {
	font-size: 1.2rem;
	line-height: 1.8rem;
	font-weight: 600;
	color: #616161;
	margin: 0 0 0.2rem;
	display: block;
}
.form-box {
	border-top: 2px solid #888;
	border-bottom: 1px solid #888;
	background-color: #FFFFFF;
	/*position: relative;*/
	z-index: 9998;
}
.form-box:empty {
	border-top: none !important;
	border-bottom: none !important;
	background-color: #FFFFFF;
	/*position: relative;*/
	z-index: 9998;
}
.form-box .select, 
.form-box select,
.form-box .input {
	height: 24px;
	line-height: 2rem;
	float: left;
	margin: 0 0.5rem 0 0 !important;
}

.form-box .div-row:last-child > div {
	padding-bottom: 0.8rem;
}
.icon-calendar {
	font-size: 24px;
}
.form-box .commento {
	font-weight: 500;
	display: block;
	float: none;
	clear: both;
}
.form-box.disabled {
	position: relative;
}
.disabled:after {
	content: '';
	display: flex;
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
	opacity: 0.7;
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
}
.valorilimite {
	display: inline-block;
	padding-top: 0.15rem;
}

/* BOX MODEL */
.div-row {
	display: flex;
	flex-direction: row;
}
.div-row.div-row-full {
	justify-content: center;
	font-weight: 500;
	padding: 0.2rem 0 1.2em;
}
.row-wrapper-inner {
	border-top: 1px dashed #888;
	border-bottom: 1px dashed #888;
}
.row-wrapper-inner .div-row .subtitle {
	font-weight: 500;
	padding: 0.2rem 0 0;
	float: none;
}
.div-row > div {
	width: 50%;
	flex: 1 1 auto;
	border: none;
	padding: 0.4rem 0.6rem 0.3rem 0.6rem;
	line-height: 1.6rem;
}
.div-row > div:first-child {
	padding: 0.5rem 0.6rem 0.2rem 0.6rem;
	line-height: 1.6rem;
}
.div-row.div-20-80 {
	width: 100%;
}
.div-row.div-20-80 > div {
	width: 80%;
}
.div-row.div-20-80 > div:first-child {
	width: 20%;
}
.div-row.div-30-70 > div {
	width: 70%;
}
.div-row.div-30-70 > div:first-child {
	width: 30%;
}
.div-row.div-70-30 > div {
	width: 30%;
}
.div-row.div-70-30 > div:first-child {
	width: 70%;
}
.div-row .lt-01,
.div-row .lt-02 {
	float: left;
	margin-right: 1rem
}
.div-row p {
	float: left;
	padding-top: 0.15rem;
	margin-right: 0.15rem;
}
.div-row .ico-letter {
	font-size: 1.2rem;
	float: left;
	margin: 4px 5px 0 0;

}
.div-row .help {
	display: inline-flex;
	font-size: 1.125rem;
	line-height: 1.5625rem;
	font-weight: 500;
	color: #FF0000;
	font-style: normal;
}
.title-01 .help {
	position: relative;
	font-size: 1.125rem;
	line-height: 1.5625rem;
	font-weight: 800;
	color: #FF0000;
	font-style: normal;
	top: 0px;
}
.div-btn {
	padding-top: 2rem;
}
.div-btn-group input,
.div-btn-group select,
.div-btn-group .btn {
	margin-right: 0.5rem !important;
}
.one-col {
	columns: 1;
}
.two-cols {
	columns: 2;
}
.three-cols {
	columns: 3;
}
.one-col li,
.two-cols li,
.three-cols li {
	display: inline-flex;
	width: 100%;
	align-items: flex-start;
	padding: 0.3rem 0;
}
.one-col input,
.two-cols input,
.three-cols input {
	display: inline-block;
	margin: 0.15rem 0.25rem 0 0;
}
.moduli-aggiunti {
	margin: 2rem 0 1rem;
	border-top: 2px solid #888;
}
.top-space {
	padding-top: 2rem
}
/*** 
Riga
	testo corsivo
	allineamento destra
***/
.div-row.row-01 > div:first-child {
	font-style: italic;
	text-align: right;
}
/*** 
Riga
	colonna sinistra grigia 
	testo corsivo
	allineamento destra
***/
.div-row.row-02 > div:first-child {
	background-color: #F5F5F5;
	font-style: italic;
	text-align: right;
}
/*** 
Riga
	testo grassetto
	allineamento sinistra
***/
.div-row.row-03 > div:first-child {
	font-weight: 600;
	text-align: left;
}
.div-row.row-03 > div:last-child .btn,
.div-row.row-03 > div:last-child textarea {
	float: right;
}
/*** 
Riga full width 
	allineamento destra
***/
.div-row.row-04 > div {
	width: 100%;
	text-align: right;
}

/* LIST */
.lt-01 li {
	display: block;
	padding: 0.25rem;
}
.lt-01 li input {
	display: inline-block;
	margin: 0.25rem 0.25rem 0 0;
	float: left;
}
.lt-02 {
	line-height: 0;
}
.lt-02 li {
	display: inline-block;
	padding: 0.25rem;
}
.lt-02 li input {
	display: inline-block;
	margin: 0.15rem 0.25rem 0 0;
	float: left;
}
.lt-02 li span {
	display: inline-block;
	line-height: 1.4rem;
	float: left;
}

/* DIALOG */
.dialog {
	border: 1px solid #9e9e9e;
	border-radius: 5px;
	background-color: #FFFFFF;
}
.ui-dialog-title {
	line-height: 1.8rem;
	font-weight: 500;
}
.ui-widget-overlay {
	z-index: 1001 !important ;
}
.ui-dialog {
	z-index: 1002 !important ;
	padding: 0;
	position: fixed;
	overflow: hidden;
}
.ui-icon, 
.ui-widget-	content .ui-icon,
.ui-widget-header .ui-icon,
.ui-button .ui-icon,
.ui-button .ui-icon:hover
.ui-state-hover .ui-icon, 
.ui-state-focus .ui-icon, 
.ui-button:hover .ui-icon, 
.ui-button:focus .ui-icon {
	background-image: url("../img/ui-icons_777777_256x240.png");
}
.ui-widget-header {
	border: none;
	background-color: #757575;
	font-size: 1.4rem;
	line-height: 2.66rem;
	padding: 0.2rem 0rem 0.1rem 0rem;
	color: #FFFFFF;
	border-radius: 5px 5px 0 0;
}
.ui-widget.ui-widget-	content {
	border-radius: 5px;
}
.ui-dialog .ui-dialog-	content {
	padding: 0;
}
.dialog-body {
	padding: 1rem 2rem;
}
.dialog-body h3 {
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 1rem;
}
.dialog-body .form-box {
	margin-bottom: 1.5rem;
}
.dialog-footer {
	text-align: right;
	border-top: 1px solid #bdbdbd;
	padding: 0.5rem 1rem 1rem;
}
.dialog-body input[type="checkbox"] {
	display: inline-block;
	margin: 0.15rem 0.25rem 0 0;
}
.dialog-body input,
.dialog-body select {
	margin: 0.5rem 0 0;
}
.dialog-body iframe {
	width: 100%;
	height: 500px;
}
.no-close .ui-dialog-titlebar-close {
	display: none;
} 
.box-text p,
.box-text ul {
	padding-bottom: 0.8rem;
}
.box-text ul {
	list-style-type: disc;
	margin-left: 20px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .4;
	filter: Alpha(Opacity=.3); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

/* ==========================================================================
	Helper classes
	========================================================================== */

/*
* Hide visually and from screen readers
*/

.hidden {
	display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-	content-for-accessibility
*
* 1. For long 	content, line feeds are not interpreted as spaces and small width
*    causes 	content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
	/* 1 */
}

/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.sr-only.focusable:active,
.sr-only.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	white-space: inherit;
	width: auto;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
	visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space 	content is one way to avoid an Opera bug when the
*    `	contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.clearfix:after {
	clear: none;
}

@media only screen and (max-width: 1500px) {
	.clearfix:after {
		clear: both;
	}
	.clearfix select {
		max-width: 50%;
	}
}

/* ==========================================================================
	EXAMPLE Media Queries for Responsive Design.
	These examples override the primary ('mobile first') styles.
	Modify as 	content requires.
	========================================================================== */

@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}

@media print,
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 1.25dppx),
	(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}

/* ==========================================================================
	Print styles.
	Inlined to avoid the additional HTTP request:
	https://www.phpied.com/delay-loading-your-print-css/
	========================================================================== */

@media print {
	*, *:before, *:after {
		background: transparent !important;
		color: #000 !important;
		/* Black prints faster */
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a, a:visited {
		text-decoration: underline;
	}
  .menuschede,
	.monitor,
	.top-link,
	.molliche,
	.anchormenu,
	.icon-h,
	.icon-m,
	.icon-q {
		display: none !important;
	}
  /*
	a[href]:after {
	content: " (" attr(href) ")";
	}
	abbr[title]:after {
	content: " (" attr(title) ")";
	}
  */
	/*
		* Don't show links that are fragment identifiers,
		* or use the `javascript:` pseudo protocol
		*/
	a[href^="#"]:after, a[href^="javascript:"]:after {
	content: "";
	}
	pre {
		white-space: pre-wrap !important;
	}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	/*
		* Printing Tables:
		* https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
		*/
	thead {
		display: table-header-group;
	}

	tr, img {
		page-break-inside: avoid;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2, h3 {
		page-break-after: avoid;
	}
	.site-title {
		font-size: 13pt;
	}
	.wrapperpage {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		max-width: none;
	}
	.col-sx, .btn, .navmenu, .utilities, .filterbox {
		display: none;
	}
	.titlebox {
		justify-content: center;
	}
}

.textgrey {
	color:grey !important;
}

.validazionesottotitolo {
	display: block;
	text-align: left;
	color: #000000;
	font-size: 0.8rem;
	line-height: 0.8rem;
	padding: 1px 0;
}

/* ---------------------- menu contestuale ---------------------- */
/* ---------------------- non modificare i colori, vanno giusti per tutte le crf ---------------------- */
.menuContestuale {
	display: none;
	position: absolute;
	border: 1px solid #CCC;
	white-space: nowrap;
	font-family: verdana, arial;
	font-size: 12px;
	background: #FFFFFF;
	color: #333333;
	padding: 0;
	z-index: 1000;
}

/* Each of the items in the list */
.menuContestuale li {
	padding: 8px 12px;
	cursor: pointer;
	list-style-type: none;
}

.menuContestuale li:hover {
	background-color: #DEF;
}

.suggerimentiCampo{
	display: none;
	position: absolute;
	border: 1px solid #CCC;
	white-space: nowrap;
	font-family: verdana, arial;
	font-size: 12px;
	background: #fcefbe;
	color: #333333;
	padding: 0;
}

.title-02Help {
	font-size: 1.3rem;
	line-height: 1.8rem;
	margin: 0 0 0.3rem 0;
	border-top: 1px solid #CCC;
}
.helppopup {
	padding: 0.5rem 2rem 4rem;
	position: relative;
}

.helppopup  li {
	font-size: 1rem;
	list-style-type: disc;
	margin-left:22px;
	padding: 5px 5px;
}

.bordoinferiore-grigio {
	border-bottom: 1px solid #CCC;
}