html{  overflow-y:scroll; }


body{ 
	font-family: arial;
	background-color:#f5f5f5;
	margin:0;
	padding:0;
	
	
	
}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



.tdAjax2018{
	
	background-color : #eeeeee;
	cursor:default;
	
	text-decoration : none;  
	
	font-size: 13px; 
	color:Black;
	
	padding:4px;
	
}



.tdAjax2018:hover{
	
	background-color : #FEFFB1;
	cursor:pointer;
}







.ChiudiFinestra{
	
	background-color : #444444;
	cursor:default;
	
	font-size: 13px; 
	color:#fff;
	
}



.ChiudiFinestra:hover{
	
	background-color : #000000;
	cursor:pointer;
}








.GrandeCheckBox{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px;
}


.classeInputSuggest {
      padding: 5px;
      font-size: 14px;
      font-weight: normal;
      font-family: Helvetica;
      position: relative;
      color: #333;
      background: #fff;
      z-index: 10;
  }
  
  
  
.pulsanteStrumenti{
color: rgb(112, 112, 112);
cursor: auto;
display: inline;
font-family: Arial, sans-serif;
font-size: 14px;
font-variant: normal;
height: auto;
line-height: 20px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
text-align: right;
text-shadow: rgb(255, 255, 255) 0px 1px 0px;
width: auto;
padding:5px;
border:1px solid #fff;
}

.pulsanteStrumenti:hover{
border:1px solid #999;
border-radius:3px;
background-color:#fdfdfd;

cursor:pointer;
}




.pulsanteStrumentiHover{
color: rgb(112, 112, 112);
cursor: auto;
display: inline;
font-family: Arial, sans-serif;
font-size: 14px;
font-variant: normal;
height: auto;
line-height: 20px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
text-align: right;
text-shadow: rgb(255, 255, 255) 0px 1px 0px;
width: auto;
padding:5px;
border:1px solid #fff;

border:1px solid #999;
border-radius:3px;
background-color:#fdfdfd;

cursor:pointer;
}



.tdSottoMenuStrumenti:hover{background-color:#ddd;}

.voceSottoMenuStrumenti
{
 padding:6px;
 display: block;
 color:#3b73af; 
 font-size:14px;
 text-decoration:none;
}









.divAttornoCheckGrandi{
	
	padding: 6px 4px 4px 3px;
	border:1px solid #dcdcdc;
	background-color:#f3f3f3;
	border-radius:2px;
	
}




.divAttornoCheckGrandiBlu{
	
	padding: 6px 4px 4px 3px;
	border:1px solid #dcdcdc;
	background-color:#3b73af;
	border-radius:2px;
	
}




.cerchioFiches{
border-radius:50px;
background-color:#eee;
width:130px;
height:130px;
color:#3b73af;
}

.cerchioFiches:hover{
background-color:#444;
color:#fff;

}
.cerchioFiches:hover span{color:#fff;}


.nonSottolineato{text-decoration:none}


.border_top_calendario{
  border-top:2px solid #ccc;
}



.f3{font-size:14px;color:#222; display:block;padding:4px}


.anagrafica{font-size:14px;color:#222; display:block;padding:4px}
.anagrafica:hover{background-color:#ddd}


.td2:hover{background-color:#3b73af;}





.tdSottoMenu:hover{background-color:#ddd;}

.voceSottoMenu
{
 padding:11px;
 display: block;
 color:#3b73af; 
 font-size:14px
}


.voceMenu
{
 padding:11px;
 display: block;
 color:#fff; 
 font-size:14px
}

.voceMenuLogo
{
 padding:4px 14px 4px 14px;
 display: block;
 color:#fff; 
 font-size:20px;
 font-family:bebas_neueregular;
}


.trIntestazione{color:#fff;font-size:16px;background-color:#3b73af;}

.noUnderline{ text-decoration:none;}

.fGrigio{ font-size:14px; text-decoration:none; color:#707070; }

.homeFinale { font-size:12px; text-decoration:none; color:#707070; }
.homeFinalelink{ font-size:12px; text-decoration:none; color:#707070; }
.homeFinalelink:hover { text-decoration:underline;}


h1{
font-size:24px;
color:#333;
font-weight: normal;
line-height: 1.25;

}


.sezione
{
border-radius:10px;
border:1px solid #ccc;

padding:20px;

background-color:#fff;
width:500px;
}


.f1{font-size: 13px; color:Black;}
.f1bianco{font-size: 13px; color:#fff;}
.f1_12{font-size: 12px; color:Black;}
.f1bold{font-size: 13px; color:Black; font-weight: bold; }
.f1red{font-size: 13px; color:Red;}






.f1nodecoration{font-size: 13px; color:Black; text-decoration : none;}

.sfondoGiallino {background-color:#FEFFB1;}
.sfondoGrigio{ background-color:#cccccc; border: 1px solid #284279;}
.sfondoRosso{ background-color:#FFE3DE;}



.inputGenSfondoBianco{background: linear-gradient(to bottom,#fff 0,#f2f2f2 100%);}


.inputGen {  
	
	
border: 1px solid #ccc;
border-radius: 3px;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #333;

display: inline-block;
font-size: 14px;

margin: 0;
padding: 5px;
text-decoration: none;
text-shadow: 0 1px 0 white;
vertical-align: baseline;



}
.alignDestro { text-align:right;}





.tdCruAjaxVari { background-color : #dddddd; text-decoration : none; font-size: 13px; color:Black;}


.menu{text-decoration:none;}
.menu:hover{text-decoration:underline;}


















.iconaFiltroX{color:#FEFFB1; font-size:16px; text-decoration:none}
.iconaFiltroX:hover{color:#fff}

.iconaFiltroXoverbianco{color:#222; font-size:14px; text-decoration:none}
.iconaFiltroXoverbianco:hover{color:#fff}



.rosso{color:red;}



.iconeGen{color:#999; font-size:20px; text-decoration:none}
.iconeGen:hover{color:#3b73af}


.iconeGenNoHover{color:#000; font-size:20px; text-decoration:none}




@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-ovooui');
	src:url('../fonts/icomoon.eot?#iefix-ovooui') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-ovooui') format('woff'),
		url('../fonts/icomoon.ttf?-ovooui') format('truetype'),
		url('../fonts/icomoon.svg?-ovooui#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	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-calendar:before {
	content: "\e953";
}

.icon-user:before {
	content: "\e971";
}

.icon-search:before {
	content: "\e986";
}

.icon-remove:before {
	content: "\e9ad";
}



.icon-warning:before {
	content: "\ea07";
	color:#222;
	font-size:18px;
}
.icon-info:before {
	content: "\ea0c";
		font-size:14px;
	color:#707070;
}

.icon-info-bianca:before {
	content: "\ea0c";
	font-size:14px;
	color:#fff;
	
}

.icon-close:before {
	content: "\ea0f";
}
.icon-plus:before {
	content: "\ea0a";
}

.icon-enter:before {
	content: "\ea13";
}



.icon-arrow-left:before {
	content: "\ea38";
}
.icon-arrow-left2:before {
	content: "\ea38";
	font-size:40px;
}

.icon-arrow-right:before {
	content: "\ea34";
	font-size:40px;
}



.icon-arrow-right-Carichi:before {
	content: "\ea34";
	font-size:20px;
}


.icon-mail:before {
	content: "\ea84";
}

.icon-file-pdf:before {
	content: "\eada";
	color:red;
	font-size:30px;
}


/* PULSANTE TOGGLE STILE APPLE */
.PulsanteToggle{
	height: 0;
	width: 0;
	visibility: hidden;
}
/* 
ATTENZIONE ! 
in .LabelPultanteToggle:  							height e border-radius devono avere lo STESSO valore 
in .LabelPultanteToggle:after:						width, height, border-radius devono avere lo STESSO valore
in .LabelPultanteToggle:after 						top, left devono avere lo STESSO valore
in .PulsanteToggle:checked + label:after: 			left: calc(100% - 2px);	---> dove c'è 2px mettere il valore assegnato a top e left della riga sopra
 */
.LabelPulsanteToggle {
	cursor: pointer;
	width: 40px;
	height: 20px;
	background: #08AD00; 
	display: block;
	border-radius: 20px;
	position: relative;
}
.LabelPulsanteToggle:after {
	content: '';
	position: absolute;
	top: 2px; 
	left: 2px;
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 16px;
	transition: 0.3s;
}
.PulsanteToggle:checked + label {
	background: #FF6440; 
}
.PulsanteToggle:checked + label:after {
	left: calc(100% - 2px);
	transform: translateX(-100%);
}


