/*! 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;
  }
  .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;
  }
  
  /*** 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;
  }
  @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;
  }
  .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: both;
  }
  
  /* ==========================================================================
	 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;
	}
	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;
  }