p.MsoNormal, li.MsoNormal, div.MsoNormal
	{mso-style-parent:"";
	margin:0cm;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:Verdana;
	mso-fareast-font-family:Verdana;}
h1
	{mso-style-next:Normale;
	margin-top:0.0pt;
	margin-right:0cm;
	margin-bottom:0.0pt;
	margin-left:0cm;
	mso-pagination:widow-orphan;
	page-break-after:avoid;
	mso-outline-level:1;
	font-size:12.0pt;
	font-family:Verdana;
	mso-font-kerning:12.0pt;
    font-weight: bolder;
    color : #a10000;}

h2 {
	mso-style-next:Normale;
	margin:0cm;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	page-break-after:avoid;
	mso-outline-level:2;
	font-size:10.0pt;
	font-family:Verdana;
    font-weight: bolder;
    color : #a10000; /*#282828;*/
}


@page Section1
	{size:841.9pt 595.3pt;
	mso-page-orientation:landscape;
	margin:2.0cm 70.9pt 2.0cm 2.0cm;
	mso-header-margin:35.45pt;
	mso-footer-margin:35.45pt;
	mso-paper-source:0;}
div.Section1
	{page:Section1;}
.grigio
  {background:#CCCCCC;}
.rosso
	{background:red;}
.giallo
	{background:yellow;}
.verde
	{background:green;}
.verdino
	{background:lightgreen;}
.bianco
	{background:#FFFFFF;display:;}
.azzurro
	{background:#eff5fb;}
.invisible
	{display:none;}
.super
	{display:block;}
.bgcenter
	{background:#FFFFFF;}
.bgleft
  {background:#F3F3F3;}
.bgtop
  {background:#F3F3F3;}
.bgalert
  {background:yellow;}
.bgerror
 {background:#F3F3F3;}
 
body
	{
		display: block;
		margin: 2px 2px 2px 2px;
		font-family:Verdana;
	}
td
	{
		font-size: 9pt;
		font-family: Verdana, Arial, Helvetica, sans-serif;
 	}
th
	{
		font-size: 10pt;
		font-family:Verdana;
		font-weight: bold
	}
img
	{
		background-color: transparent
	}
DIV.banner
	{
		background: #cccccc
	}
DIV.note
	{
		background: #FFFF00;
  		display: none;
  		margin: 1pt;
  		font-size: 8pt;
  		position: absolute;		/* Fallback if 'fixed' is not supported */
  		top: 50pt;
  		right: auto;
  		left:100pt;
  		width: 300pt;
  		height: auto;
  		border-style: groove;
  		cursor: pointer
	}

button
{  	
  cursor: pointer;
  cursor: hand;
  background: transparent;
  border: none;
  text-transform: capitalize;
  color:#006699;
  font-weight: bold;
}

/* testo molto piccolo */
.small
{
  font-family : Tahoma, Arial, Helvetica, sans-serif;
  fontfamily : Tahoma, Arial, Helvetica, sans-serif;
  font-size : 7pt;
  color : #282828;
}

/* link */
/* SM 10.09.14 nuovo layout
A:link
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  fontfamily : Verdana, Arial, Helvetica, sans-serif;
  font-size : 10pt;
  color : #000000;
  text-decoration : none;
}
*/

/* link già visitati */
/* SM 10.09.14 nuovo layout
A:visited
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  fontfamily : Verdana, Arial, Helvetica, sans-serif;
  font-size : 10pt;
  color : #000000;
  text-decoration : none;
}
*/

/* passaggio del mouse */
/* SM 10.09.14 nuovo layout
A:hover
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  fontfamily : Verdana, Arial, Helvetica, sans-serif;
  font-size : 10pt;
  color : #FF0000;
  text-decoration : underline;
}
*/

.linksmall
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
  	fontfamily : Verdana, Arial, Helvetica, sans-serif;
  	font-size : 9pt;
  	color : #FF0000;
}

.FontNormale
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  fontfamily : Verdana, Arial, Helvetica, sans-serif;
  font-size : 9pt;
  color : #282828;
}

.FontNormaleMaiuscolo
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  fontfamily : Verdana, Arial, Helvetica, sans-serif;
  font-size : 9pt;
  text-transform: uppercase;
  color : #282828;
}

.FontNormaleGrassetto
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  fontfamily : Verdana, Arial, Helvetica, sans-serif;
  font-size : 9pt;
  font-weight : bold;
  color : #444;
}

.FontGrande
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  fontfamily : Verdana, Arial, Helvetica, sans-serif;
  font-size : 11pt;
  color : #444;
}

.FontGrandeGrassetto
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  fontfamily : Verdana, Arial, Helvetica, sans-serif;
  font-size : 11pt;
  font-weight: bolder
}

.FontMedio
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  fontfamily : Verdana, Arial, Helvetica, sans-serif;
  font-size : 10pt;
  color : #282828;
}

.FontPiccolo
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  fontfamily : Verdana, Arial, Helvetica, sans-serif;
  font-size : 8pt;
  color : #282828;
}

.FontPiccoloGrassetto
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  fontfamily : Verdana, Arial, Helvetica, sans-serif;
  font-size : 8pt;
  color : #282828;
  font-weight : bolder;
}

.stampa
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  fontfamily : Verdana, Arial, Helvetica, sans-serif;
  font-size : 13 pt;
  background:white;
	color : black;
}

.cal
{
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 13px; 
  font-weight: bold; 
  color: rgb(255 255 255);
}

.num
{
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  text-decoration:none
}

.mese
{
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 14px; 
  font-weight: bold; 
  color: #271259
}

.butt
{
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 10px
}

/* SM 10.09.14 nuovo layout
.link
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  fontfamily : Verdana, Arial, Helvetica, sans-serif;
  font-size : 10pt;
  color : #FF0000;
}
*/

.scelto
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  fontfamily : Verdana, Arial, Helvetica, sans-serif;
  font-size : 12pt;
  color : black;
  font-weight: bold; 
}

.verticaltext
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  fontfamily : Verdana, Arial, Helvetica, sans-serif;
  writing-mode: tb-rl;
  filter: flipv fliph ;
}

.frameInt
{
  vertical-align:top;
  height:80%;
  width:99%;
  border-color: #D2D2D2;
  border-width: 1px;
  border-style: solid;
}

.normalegrassettobiancobggrigio
{
 	font-family : Verdana, Arial, Helvetica, sans-serif;
  	font-size : 12pt;
  	font-weight : bold;
  	color : #FFFFFF;
  	background-color:#999999;
  	vertical-align: middle;
}

legend
{
	font-weight: bold;		
  	color: #969696;
  	font-size: 9pt;
  	font-family : Verdana, Arial, Helvetica, sans-serif;	
}

.interlinea
{
  	line-height: 1.5;
}

.FontNormaleCorsivo
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  fontfamily : Verdana, Arial, Helvetica, sans-serif;
  font-size : 9pt;
  color : #282828;
  font-style: italic;
}

.FontPiccoloCorsivo
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  fontfamily : Verdana, Arial, Helvetica, sans-serif;
  font-size : 8pt;
  color : #282828;
  font-style: italic;
}

/*SM 24.07.14 nuovo layout */
.link
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  fontfamily : Verdana, Arial, Helvetica, sans-serif;
  font-size : 10pt;
  font-weight: bold; 
  color : #FFA500;
}

.bordoBottomSpessoAzzurro
{
  border-bottom:#cbdeef 3px solid;
}

.bordoBottomFineAzzurro
{
  border-bottom:#cbdeef 1px solid;
}

.bordoFineAzzurro
{
  border:#cbdeef 1px solid;
}

.bordoFineGrigio
{
  border:#D2D2D2 1px solid;
}

.bordoBottomFineGrigio
{
  border-bottom:#D2D2D2 1px solid;
}

.fontLinkNormaleBlu
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:8pt;
  color:#005172;
}

.titoloBlu
{
  font-weight: bold; 
  font-size:16pt;
  vertical-align:middle;
  background-color:#ECF3F6;
  color:#005172;
  font-weight: bold;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  text-decoration : none;

  background: #ECF3F6;
  background: -moz-linear-gradient(top, #ECF3F6 0%, #FFFFFF 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ECF3F6), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top, #ECF3F6 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #ECF3F6 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #ECF3F6 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECF3F6', endColorstr='#ffffff',GradientType=0 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECF3F6', endColorstr='#ffffff',GradientType=0 );
  background: linear-gradient(top, #ECF3F6 0%, #ffffff 100%); 
  
}

.fontBluGrandeGrassetto
{
  font-weight: bold;
  color: #005172;
  font-size: 12pt;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  text-decoration : none;
}

.fontBluNormaleGrassetto
{
  font-weight: bold;
  color: #005172;
  font-size: 9pt;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  text-decoration : none;
}

.fontBluPiccolo
{
  color: #005172;
  font-size: 8pt;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  text-decoration : none;
}

.fontBluPiccoloGrassetto
{
  font-weight: bold;	
  color: #005172;
  font-size: 8pt;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  text-decoration : none;
}

.fontBluScuroNormaleGrassetto
{
  font-weight: bold;	
  color: #006699;
  font-size: 9pt;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  text-decoration : none;
}

.fontBluScuroGrandeGrassetto 
{
  font-weight: bold;	
  color: #006699;
  font-size: 11pt;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  text-decoration : none;
}

.fontArancioTitoloGrassetto
{
  font-weight: bold;		
  color: #FFA500;
  font-size: 18pt;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  text-decoration : none;
}

.fontArancioNormaleGrassetto
{	
  font-weight: bold;		
  color: #FFA500;
  font-size: 9pt;
  font-family : Verdana, Arial, Helvetica, sans-serif;
}

.fontArancioNormale
{			
  color: #FFA500;
  font-size: 9pt;
  font-family : Verdana, Arial, Helvetica, sans-serif;
}

.fontBiancoNormaleGrassetto
{			
  font-weight: bold;		
  color: #FFFFFF;
  font-size: 9pt;
  font-family : Verdana, Arial, Helvetica, sans-serif;
}

.fontGrigioNormaleGrassetto
{	
  font-weight: bold;		
  color: #CCCCCC;
  font-size: 9pt;
  font-family : Verdana, Arial, Helvetica, sans-serif;
}

.fontGrigioScuroNormaleGrassetto
{	
  font-weight: bold;		
  color: #999999;
  font-size: 9pt;
  font-family : Verdana, Arial, Helvetica, sans-serif;
}

.fontGrigioScuroGrandeGrassetto 
{	
  font-weight: bold;		
  color: #999999;
  font-size: 25pt;
  font-family : Verdana, Arial, Helvetica, sans-serif;
}

.styleButtonLogin
{
	font-weight: bold;
  	font-size: 9pt;
  	width: 100px;
  	background-color:#005172;
  	color:#FFFFFF;
  	text-transform: uppercase;  
}

.sfondoGrigio
{
  background:#F3F3F3;  
}

.sfondoBianco
{
  background:#FFFFFF;  
}

.sfondoBiancoBordoBottomFineGrigio
{
  background:#FFFFFF;  
  border-bottom:#D2D2D2 1px solid;
}

.sfondoBiancoBordoTopFineGrigio
{
  background:#FFFFFF;  
  border-top:#D2D2D2 1px solid;
}

.sfondoGrigioBordoBottomFineGrigio
{
  background:#F3F3F3;  
  border-bottom:#D2D2D2 1px solid;
}

.sfondoGrigioScuroBordoBottomFineGrigio
{
  background:#CCCCCC;  
  border-bottom:#D2D2D2 1px solid;
}

.sfondoAzzurrino
{
  background:#cbdeee;
}

.sfondoAzzurro
{
  background:#CBDEEF;
}

.sfondoArancino{
  background:#FDC84D;  
  font-size: 9pt;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  color : #282828;
}

/* link */
a:link
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  fontfamily : Verdana, Arial, Helvetica, sans-serif;
  font-size : 10pt;
  color : #000000;
  text-decoration : none;
  cursor: pointer; 
  cursor: hand;
}
/* link già visitati */
a:visited
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  fontfamily : Verdana, Arial, Helvetica, sans-serif;
  font-size : 10pt;
  color : #000000;
  text-decoration : none;
  cursor: pointer; 
  cursor: hand;
}
/* passaggio del mouse */
a:hover
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  fontfamily : Verdana, Arial, Helvetica, sans-serif;
  /*font-size : 10pt;*/
  /*color : #FF0000;*/
  color : #FFA500;
  text-decoration : none;
  cursor: pointer; 
  cursor: hand;
  /*font-weight: bold;*/
}

/* --> AGA 30.06.21 */
a.custom-link {
	cursor: hand;
    color: #3d8705;
	/*color: #0037ff;*/
}
a.custom-link:hover {
	cursor: hand;
	color: rgb(255 202 76)
	/*color: #282828;*/
}
/* <-- AGA 30.06.21 */
a.custom-link-index {
	color: #e5e5e5; font-size: 16px;
}
a.custom-link-index:hover {
	color: #000000; font-size: 16px;
}
a.linkNeroBiancoNormaleGrassetto:link 
{ 
	color: #000000; 
	text-decoration: none;
	cursor: pointer; 
	cursor: hand;
}

a.linkNeroBiancoNormaleGrassetto:visited  
{ 
	color: #000000; 
	text-decoration: none; 
	cursor: pointer; 
	cursor: hand;
}

a.linkNeroBiancoNormaleGrassetto:hover
{
	color: #FFFFFF; 
	text-decoration: none; 
	font-weight: bold;
	cursor: pointer; 
	cursor: hand;
}

a.linkNeroArancioNormaleGrassetto:link
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
  	fontfamily : Verdana, Arial, Helvetica, sans-serif;
  	font-size : 10pt;
	color: #000000; 
	text-decoration: none; 
	cursor: pointer; 
	cursor: hand;
}

a.linkNeroArancioNormaleGrassetto:visited  
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
  	fontfamily : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;	
	color: #000000; 
	text-decoration: none; 
	cursor: pointer; 
	cursor: hand;
}

a.linkNeroArancioNormaleGrassetto:hover 
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
  	fontfamily : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color: #FFA500; 
	text-decoration: none; 
	font-weight: bold;
	cursor: pointer; 
	cursor: hand;
}

a.linkArancioNormaleGrassetto:link 
{
	color: #FFA500; 
	text-decoration: none; 
	font-weight: bold; 
	cursor: pointer; 
	cursor: hand;
}

a.linkArancioNormaleGrassetto:visited  
{
	color: #FFA500; 
	text-decoration: none; 
	font-weight: bold; 
	cursor: pointer; 
	cursor: hand;
}

a.linkArancioNormaleGrassetto:hover 
{
	color: #FFA500; 
	font-weight: bold; 
	cursor: pointer; 
	cursor: hand;
}

a.linkBiancoNormaleGrassetto:link  
{
	color: #FFFFFF; 
	text-decoration: none; 
	font-weight: bold; 
	cursor: pointer; 
	cursor: hand;
}

a.linkBiancoNormaleGrassetto:visited  
{ 
	color: #FFFFFF; 
	text-decoration: none; 
	font-weight: bold; 
	cursor: pointer; 
	cursor: hand;
}

a.linkBiancoNormaleGrassetto:hover 
{
	color: #FFFFFF; 
	font-weight: bold; 
	cursor: pointer; 
	cursor: hand;
}

a.linkArancioBianco:link  
{
	color: #FFA500;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer; 
	cursor: hand;
}

a.linkArancioBianco:visited  
{ 
	color: #FFA500; 
	text-decoration: none; 
	font-weight: bold; 
	cursor: pointer; 
	cursor: hand;
}

a.linkArancioBianco:hover 
{ 
	color: #FFFFFF; 
	font-weight: bold; 
	cursor: pointer; 
	cursor: hand;
}

a.linkBianco:link 
{
	color: #FFFFFF;
	text-decoration: none; 
	font-weight: bold; 
	cursor: pointer; 
	cursor: hand;
}

a.linkBianco:visited 
{
	color: #FFFFFF; 
	text-decoration: none; 
	font-weight: bold; 
	cursor: pointer; 
	cursor: hand;
}

a.linkBianco:hover 
{
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
}

.titolograssettobiancobgarancino
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 14pt;
  font-weight : bold;
  color : #FFFFFF;

  background: #FFA500;
  background: -moz-linear-gradient(top, #FFA500 0%, #FFFFFF 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FFA500), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top, #FFA500 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #FFA500 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #FFA500 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFA500', endColorstr='#ffffff',GradientType=0 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFA500', endColorstr='#ffffff',GradientType=0 );
  background: linear-gradient(top, #FFA500 0%, #ffffff 100%); 
}

.sfondoGrigino
{
  /*
  background:#F3F3F3;
  filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFFFF', startColorstr='#F3F3F3', gradientType='0');
  background: -moz-linear-gradient(top, #F3F3F3, #FFFFFF);
  background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#FFFFFF));
  */
  background: #F3F3F3;
  background: -moz-linear-gradient(top, #F3F3F3 0%, #FFFFFF 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#F3F3F3), color-stop(100%,#FFFFFF));
  background: -webkit-linear-gradient(top, #F3F3F3 0%, #FFFFFF 100%);
  background: -o-linear-gradient(top, #F3F3F3 0%, #FFFFFF 100%);
  background: -ms-linear-gradient(top, #F3F3F3 0%, #FFFFFF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3F3F3', endColorstr='#FFFFFF',GradientType=0 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3F3F3', endColorstr='#FFFFFF',GradientType=0 );
  background: linear-gradient(top, #F3F3F3 0%, #FFFFFF 100%); 
}

.FontNormaleGrassettoBiancoBgGrigio
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 9pt;
  font-weight : bold;
  color : #FFFFFF;
  background-color:#999999;
  vertical-align: middle;
}

.FontNormaleGrassettoBianco
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 9pt;
  font-weight : bold;
  color : #FFFFFF;
  background-color:#999999;
  vertical-align: middle;
}

fieldset
{
  border:#D2D2D2 1px solid;
  margin-left: 10pt;
  padding-left: 10pt;
}

.tabDeselezionato
{
  background:#F3F3F3;
  border-left-color:#FFFFFF;
  border-left-width: 0px;
  border-top-color: #FFFFFF;
  border-top-width: 0px; 	
  border-right-color: #FFFFFF;
  border-right-width: 0px; 
}

.tabDeselezionatoAttivo
{
  background:#CCCCCC;
  border-left-color:#FFFFFF;
  border-left-width: 0px;
  border-top-color: #FFFFFF;
  border-top-width: 0px; 	
  border-right-color: #FFFFFF;
  border-right-width: 0px; 
  
}

.tabSelezionato
{
  background:#FFFFFF;
  border-left-color:#D2D2D2;
  border-left-style: solid;
  border-left-width: 1px;
  border-top-color: #D2D2D2;
  border-top-style: solid;
  border-top-width: 1px; 	
  border-right-color: #D2D2D2;
  border-right-style: solid;
  border-right-width: 1px; 
}

.bgcenterfontAzzurro
{
  background:#FFFFFF;
  /*font-weight: bold;*/
  /*color: #9797FF;*/
  color: #006699;
  font-size: 11pt;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  text-decoration : none;
}

.bgleftfontAzzurro
{
  background:#F3F3F3;
  /*font-weight: bold;*/
  /*color: #9797FF;*/
  color: #006699;
  font-size: 11pt;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  text-decoration : none;
}

.smallgrassettobiancobggrigio
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 7pt;
  font-weight : bold;
  color : #FFFFFF;
  background-color:#999999;
  vertical-align: middle;
}

.testoBluGrassetto
{
  	font-weight: bold;
  	color: #005172;
  	font-size: 12pt;
  	font-family : Verdana, Arial, Helvetica, sans-serif;
  	text-decoration : none;
}

.bordoAzzurroSpessoBottom
{
 	border-bottom:#cbdeef 3px solid;
}

.bordoAzzurroFineBottom
{
  	border-bottom:#cbdeef 1px solid;
}

.bordoAzzurroFine
{
  border:#cbdeef 1px solid;
}

.testoBluPiccolo
{
  	color: #005172;
  	font-size: 8pt;
  	font-family : Verdana, Arial, Helvetica, sans-serif;
  	text-decoration : none;
}

.testoBluPiccoloGrassetto
{
  	font-weight: bold;	
 	color: #005172;
  	font-size: 8pt;
  	font-family : Verdana, Arial, Helvetica, sans-serif;
  	text-decoration : none;
}

.linkBlu
{
 	font-family : Verdana, Arial, Helvetica, sans-serif;
  	font-weight: bold;
  	font-size:8pt;
  	color:#005172;
}

.titoloBluGrande
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:14pt;
	color:0000FF;
	/*color: blue;*/
}

.apice
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 6pt;
	vertical-align: super;
}

.fontRossoNormale
{
  color: #FF0000;
  font-size : 9pt;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  text-decoration : none;
}

.bordoTopFineGrigio
{
  border-top:#D2D2D2 1px solid;
}

/* fine SM 24.07.14 nuovo layout*/

.textArea {
    width: 100%;
    height: 100px;           
    -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
       -moz-box-sizing: border-box; /* FF1+ */
            box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
  	font-family : Verdana, Arial, Helvetica, sans-serif;
  	fontfamily : Verdana, Arial, Helvetica, sans-serif;
  	font-size : 9pt;
  	color : #282828;                         
}

.textAreaGrande {
    width: 100%;
    height: 200px;
    -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
       -moz-box-sizing: border-box; /* FF1+ */
            box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
  	font-family : Verdana, Arial, Helvetica, sans-serif;
  	fontfamily : Verdana, Arial, Helvetica, sans-serif;
  	font-size : 9pt;
  	color : #282828;            
}

.textAreaPiccolo {
    width: 100%;
    height: 75px;
    -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
       -moz-box-sizing: border-box; /* FF1+ */
            box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
  	font-family : Verdana, Arial, Helvetica, sans-serif;
  	fontfamily : Verdana, Arial, Helvetica, sans-serif;
  	font-size : 9pt;
  	color : #282828;                         
}

.textAreaSmall {
    width: 100%;
    height: 50px;
    -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
       -moz-box-sizing: border-box; /* FF1+ */
            box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
  	font-family : Verdana, Arial, Helvetica, sans-serif;
  	fontfamily : Verdana, Arial, Helvetica, sans-serif;
  	font-size : 9pt;
  	color : #282828; 
}

.eventoAgenda {
	border-left-style: solid;
	padding-left: 2px;
  	font-family : Verdana, Arial, Helvetica, sans-serif;
  	fontfamily : Verdana, Arial, Helvetica, sans-serif;
  	font-size : 8pt;
  	color : #282828;
}

.eventoAgendaRiposo {
	border-left-style: solid;
	padding-left: 2px;
  	font-family : Verdana, Arial, Helvetica, sans-serif;
  	fontfamily : Verdana, Arial, Helvetica, sans-serif;
  	font-size : 8pt;
  	color : #282828;
}

.tabellaAgenda{
	width: 100%;
	border: 0;
	padding: 0px;
	border-spacing: 0px;
	height: 35px;
}

a.linkAgenda:link 
{ 
	color: #000000; 
	text-decoration: none;
	cursor: pointer; 
	cursor: hand;
}

a.linkAgenda:visited  
{ 
	color: #000000; 
	text-decoration: none; 
	cursor: pointer; 
	cursor: hand;
}

a.linkAgenda:hover
{
	color: #FFFFFF; 
	text-decoration: none; 
	font-weight: bold;
	cursor: pointer; 
	cursor: hand;
}

.captcha {
	margin: 0px;
  	background-repeat: no-repeat;
  	color: #000000;
  	background-color: #f3f3f3;
  	font-size: 20pt;
  	font-weight: normal; 
  	font-style: italic;
  	line-height: 30px;
  	text-align: center;
  	text-decoration: line-through;
  	vertical-align: middle;
  	letter-spacing: 20px;
  	height: 30px;          
}

div.message{
    /*margin: 20 0 2em;*/
    /*padding: 1em 15px 0 50px;*/
    border-style: solid;
    /*border-width: 2px 0;*/
    height: 60px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	fontfamily : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #282828;
}

div.message p{
    margin: 0 0 1em;
}

/*div.message.info{
    background: #EAEBF7 url(../img/info20.png) no-repeat 15px 50%;
    border-color: #8E9AFF;
}*/

div.message.error{
    background: #FFD8D6 url(../img/error20.png) no-repeat 15px 50%;
    border-color: #FF0038;
}


.autocomplete {
	position: relative;
	display: inline-block;
}

.autocomplete-items {
	position: absolute;
	border: 1px solid #d4d4d4;
	border-bottom: none;
	border-top: none;
	z-index: 99;
	top: 100%;
	left: 0;
	right: 0;
}

.autocomplete-items div {
	padding: 5px;
	cursor: pointer;
	/*background-color: #ffffff;*/
	background-color:#f2f2f2;
	border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
	/*background-color: #e9e9e9;*/
	background-color:#FFA500;
}

.autocomplete-active {
	background-color: #FFA500 !important;
	color: #ffffff;
}

#userOverlayBox{
	width:350px;
    position: fixed;
    right: 8%;
    top: 1%;
    background-color:#ffffff;
    display:none;
    z-index:+330;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;
}

#segnalazioneInpsOverlayBox {
	width:60%;
    min-height: 130px;
    position: fixed;
    left: 20%;
    top: 3%;
    background-color:#FFFFFF;    
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  	
}

#validitaOverlayBox {
	width:70%;
	padding: 15px;
    min-height: 130px;
    position: fixed;
    left: 15%;
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  	
}


#helpOverlayBox{
	width:60%;
    min-height: 410px;
    position: fixed;
    left: 20%;
    top: 3%;
    background-color:#FFFFFF;    
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
   
}

#adattamentoOverlayBox {
	width:60%;
    min-height: 130px;
    position: fixed;
    left: 20%;
    top: 3%;
    background-color:#FFFFFF;    
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

#classiOverlayBox {
	width:60%;
    min-height: 130px;
    position: fixed;
    left: 20%;
    top: 3%;
    background-color:#FFFFFF;    
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;
}

#docOverlayBox {
	width:60%;
    min-height: 130px;
    position: fixed;
    left: 20%;
    top: 3%;
    background-color:#FFFFFF;    
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;
}

#allegatiOverlayBox {
	width:60%;
    min-height: 130px;
    position: fixed;
    left: 20%;
    top: 3%;
    background-color:#FFFFFF;    
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;
}

#noteMOverlayBox {
	width:70%;
	padding: 15px;
    min-height: 130px;
    position: fixed;
    left: 15%;
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  	
}

#elencoPrestazioniMonoOverlayBox {
	width:70%;
	padding: 15px;
    min-height: 130px;
    position: fixed;
    left: 15%;
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  	
}

#uploadBox{
	width:70%;
	padding: 15px;
    min-height: 110px;
    position: fixed;
    left: 15%;
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

#EmailBox{
	width:70%;
	padding: 15px;
    min-height: 110px;
    position: fixed;
    left: 15%;
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}



#docEsitoBox{
	width:90%;
	padding: 15px;
    min-height: 130px;
    max-height:73%;
    position: fixed;
    left: 5%;
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

#sceltaSpecBox{
	width:70%;
	padding: 15px;
    min-height: 110px;
    position: fixed;
    left: 15%;
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}


#medicoMonoBox {
	width:60%;
	padding: 15px;
    min-height: 130px;
    position: fixed;
    left: 20%;
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}


#diagnosiBox {
	width:60%;
	padding: 15px;
    min-height: 130px;
    position: fixed;
    left: 20%;
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}


#medicoSportBox {
	width:60%;
	padding: 15px;
    min-height: 130px;
    position: fixed;
    left: 20%;
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

#elencoNoteNuovaOverlayBox {
	width:70%;
	padding: 15px;
    min-height: 130px;
    position: fixed;
    left: 15%;
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

#logMitBox {
	width:60%;
	padding: 15px;
    min-height: 130px;
    position: fixed;
    left: 15%;
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

#pagamentoBox {
	width:70%;
	padding: 15px;
    min-height: 130px;
    position: fixed;
    left: 15%;
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

#noteGOverlayBox{
	width:70%;
	padding: 15px;
    min-height: 130px;
    position: fixed;
    left: 15%;
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

#elencoPatologieUscitaOverlayBox {
	width:70%;
	padding: 15px;
    min-height: 130px;
    position: fixed;
    left: 15%;/*21%;*/
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

/* AGA 30.06.21 */
#elencoPatologieOverlayBox{
	width:70%;
	padding: 15px;
    min-height: 130px;
    position: fixed;
    left: 15%;/*21%;*/
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

/* AGA 16.12.21 */
#segnalazioneInpsBox{
	width:40%;
	padding: 15px;
    min-height: 130px;
    position: fixed;
    left: 30%;/*21%;*/
    top: 10%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

#esitoInpsBox{
	width:80%;
	padding: 15px;
    min-height: 130px;
    max-height: 500px;
    position: fixed;
    left: 10%;/*21%;*/
    top: 0%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

/* LCA 01.10.24 */
#domandaInvaliditaBox{
	width:40%;
	padding: 15px;
    min-height: 130px;
    position: fixed;
    left: 30%;/*21%;*/
    top: 10%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}




/* AGA 07.12.22 */
#segnalazioneScadenzaBox{
	width:40%;
	padding: 15px;
    min-height: 130px;
    position: fixed;
    left: 30%;/*21%;*/
    top: 10%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

/* AGA 30.06.21 */
#elencoPatologieMadriOverlayBox{
	width:70%;
	padding: 15px;
    min-height: 130px;
    position: fixed;
    left: 15%;/*21%;*/
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

#logMitOverlayBox,#logINPSOverlayBox{
	width:70%;
	padding: 15px;
    min-height: 130px;
    position: fixed;
    left: 15%;/*21%;*/
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

#nuovoPagamentoBox{
	width:70%;
	/*padding: 15px;*/
    position: fixed;
    left: 15%;/*21%;*/
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

/* AGA 30.06.21 */
#monoOverlayBox{
	width:60%;
	padding: 15px;
    min-height: 130px;
    position: fixed;
    left: 20%;
    top: 5%;
    background-color:#FFFFFF;    
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;
}

/* AGA 30.06.21 */
#noteOverlayBox{
	width:50%;
	padding: 15px;
    min-height: 20px;
    position: fixed;
    right: 25%;
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
   
}

/* AR 12.10.22 */
#richiedentiOverlayBox{
	width:70%;
	padding: 15px;
    min-height: 20px;
    max-height: 500px;
    position: fixed;
    right: 15%;
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;   
}

#richiedenteOverlayBox{
	width:70%;
	padding: 15px;
    min-height: 20px;
    max-height: 500px;
    position: fixed;
    right: 15%;
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;   
}


#eliminazionePrenotazioneOverlayBox{
	width:70%;
	padding: 15px;
    min-height: 20px;
    max-height: 500px;
    position: fixed;
    right: 15%;
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;   
}



#anagRifOverlayBox {
	width:70%; 
	padding: 15px;
    min-height: 450px;
    /*max-height: 850px;*/
    position: fixed;
    right: 15%;
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;   
}

/* AST 14.12.21 */
#prenotazioniOverlayBox{
	width:70%;
	padding: 15px;
    min-height: 20px;
    max-height: 500px;
    position: fixed;
    right: 15%;
    top: 5%;
    background-color:#FFFFFF;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;   
}

#newsOverlayBox{
	width:50%;
    min-height: 130px;
    position: fixed;
    left: 25%;
    top: 3%;
    background-color:#FFFFFF;    
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
   
}

#entiInviantiOverlayBox {
	width:70%;
    min-height: 130px;
    position: fixed;
    left: 15%;
    top: 5%;
    background-color:#FFFFFF;    
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

#elencoNoteEsitoOverlayBox {
	width:70%;
    min-height: 130px;
    position: fixed;
    left: 15%;
    top: 5%;
    background-color:#FFFFFF;    
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

#elencoDiagnosiOverlayBox {
	width:70%;
    min-height: 130px;
    position: fixed;
    left: 15%;
    top: 5%;
    background-color:#FFFFFF;    
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

#emailBox {
	width:85%;
    min-height: 350px;
    position: fixed;
    left: 10%;
    top: 5%;
    background-color:#FFFFFF;    
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}



#nuovoCertificatoOverlayBox {
	width:85%;
    min-height: 350px;
    position: fixed;
    left: 10%;
    top: 5%;
    background-color:#FFFFFF;    
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

#nuovoEnteOverlayBox {
	width:70%;
    min-height: 130px;
    position: fixed;
    left: 15%;
    top: 5%;
    background-color:#FFFFFF;    
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

#modificaEnteOverlayBox, #elencoPrestAddOverlayBox {
	width:70%;
    min-height: 130px;
    position: fixed;
    left: 15%;
    top: 5%;
    background-color:#FFFFFF;    
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

#boxJoinArchive{
	width: 70%;
    min-height: 52%;
    top: 5%;
    left: 15%;
    background-color:#F3F3F3;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:px;
    border-radius: 5px;
    overflow-y: auto;  
}

.overlay{
     background:#000;
     position:fixed;
     top:0px;
     bottom:0px;
     left:0px;
     right:0px;
     z-index:299;
     cursor:pointer;    
     /*Trasperenza cross browser*/
     opacity: .7; filter: alpha(opacity=70);
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
     
}

.overlayBox {
	width:70%;
    min-height: 520px;
    position: fixed;
    left: 15%;
    top: 5%;
    background-color:#FFFFFF;    
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius: 5px;
    overflow-y: auto;  
}

.chiudi{
    font-size:11px;
    color:#000;
    font-weight:bold;
    position:absolute;
    right:2%;
    top:0%;
    cursor:pointer;
}

.testo-box{
	margin-left: 30px;
}

.titolo_box{
	margin-top: 5px;
	margin-left: 30px;
}

#dialogDuplica {
    display:none;
    background-color:#FFFFFF;
}

#dialogSposta {
    display:none;
    position:fixed;
    top:50px;
    bottom:50px;
    left:100px;
    right:100px;
    z-index:299;
    background-color:#FFFFFF;
}

#dialogModPrest {
    display:none;
    position:fixed;
    top:50px;
    bottom:50px;
    left:100px;
    right:100px;
    z-index:500;
    background-color:#FFFFFF;
}

#popup {
   left: 30%;
   top: 20%;
   max-width: 600px;
   width: 80%;
   max-height: 300px;
   height: 80%; 
   padding: 5px;
   position: fixed;
   background: #fff;
   margin: 20px auto;
}

.form-dataTable
{
  width: 90%;
  margin: 0 auto; 
}

.project-bar {
    height: 18px;
    background: #cccccc;
    border-radius: 30px;
}
.project-percent {
    height: 18px;
    background-color: #008f00;
    border-radius: 30px;
    position: relative;
    width: 0;
    transition: 2s linear;
}
.project-percent::before {
    content: attr(percent);
    position: absolute;
    right: 0px;
    left: 0px;
    padding: 1px 0px;
    color: #ffffff;
    font-size: 15px;
    border-radius: 25px;
    font-weight: bold;
    width: 20px;
    margin: 0px auto;
}

.eye-icon {
    color: white; /* Imposta il colore dell'occhiolino a bianco */
}

<!-- Stile della pagina per scattare la foto --> 
#video {
  border: 1px solid rgba(0,0,0,0.2);
  box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
  width: 320px;
  height: 240px;
}

#photo {
  border: 1px solid rgba(0,0,0,0.2);
  box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
  width: 450px;
  height: 337.5px;
}

#canvas {
  display: none;
}

.camera {
  width: 450px;
  display: inline-block;
  position:relative;
  top:15px;
}

.output {
  width: 450px;
  display: inline-block;
  position:relative;
  top:17px;
}

.contentarea {
  font-size: 16px;
  font-family: "Lucida Grande", "Arial", sans-serif;
  width: 100%;
  margin: auto;
  padding: 10px;
  text-align: center;
}
.divSalvaPhoto{
  margin: auto;
  width: 50%;
  padding: 10px;
  text-align: center;
}

#boxupload{    
	width:95%;
    height:93%;
    min-height: 350px;
    position: fixed;
    left: 2.5%;
	right: 2.5%;
    top: 1%;
    background-color:#F3F3F3;
    display:none;
    z-index:+330;
    position:fixed;
    moz-border-radius:10px;
    webkit-border-radius:10px;
    border-radius: 10px;
    overflow-y: auto; 
}
.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 90%;
  margin: auto;
  padding: 10px;
  text-align: center;
  margin-top: 5px;
  border-radius: 15px;
  
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.container {
  padding: 2px 16px;
}

.inner{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin: auto;
	width: 90%;}
<!-- Fine stile webcam-->

<!-- Fine stile webcam-->