.FuturaPTBook {
	font-family: "FuturaPT-Book";
}
.FuturaPTLight {
	font-family: 'Lato', sans-serif;
}

a:hover{
	color: #4F9FC2;
	text-decoration: none;
}


.form-elegant .font-small {
        font-size: 0.8rem; }

        .form-elegant .z-depth-1a {
        -webkit-box-shadow: 0 2px 5px 0 rgba(209, 76, 39, 0.26), 0 4px 12px 0 rgba(121, 155, 254, 0.25);
        box-shadow: 0 2px 5px 0 rgba(209, 76, 39, 0.26), 0 4px 12px 0 rgba(121, 155, 254, 0.25); }

        .form-elegant .z-depth-1-half,
        .form-elegant .btn:hover {
        -webkit-box-shadow: 0 5px 11px 0 rgba(85, 182, 255, 0.28), 0 4px 15px 0 rgba(36, 133, 255, 0.15);
        box-shadow: 0 5px 11px 0 rgba(85, 182, 255, 0.28), 0 4px 15px 0 rgba(36, 133, 255, 0.15); }
      

#topdiv{

background-color: #000000;
/*   background-color: #212529;*/
   /*background-color: #FFFFFF;*/
    margin:0 auto;
	top:0px; left:0px; 
    padding: 10px;
	width: 100%;
	height : 120px;
	
 	position:fixed;
	repeat-x;
	z-index:2;

	
/*-webkit-box-shadow: 0px 10px 33px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 33px -8px rgba(0,0,0,0.75);
box-shadow: 0px 10px 33px -8px rgba(0,0,0,0.75);*/
}

#toppe{
width:100%;
}

ul#toppe {
	height : 100%;
}


ul#toppe li {

    
    float: left;
    margin: 0 0 0 -10px;
    list-style: none;
    display: inline;
	height : 100%;

}



#inputrange {
	width: 50%;
}

@media screen and (min-width: 300px) and (max-width: 1024px) {
   #inputrange { 
	width: 100%;
}
 }
 
 .numon{
	font-family: 'Lato', sans-serif;

	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.numoff{
	font-family: 'Lato', sans-serif;

	font-size: 14px;
	color: #000000;
	text-decoration: none;
}

#numerion{
float:left;
background-color: #4F9FC2; 
padding:10px;
	font-family: 'Lato', sans-serif;

	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
border: 1px solid #4F9FC2;
	-webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
	text-align: center;
}

#divbordosottile{
width:100%;
height:130px;
border: 1px solid #CCCCCC;
	-webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
	text-align: center;

}

#divgrigiodash{
width:95%;
height:150px;
background-color: #E1E1E1; 

	-webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
	padding:10px;

}

#divgrigioper{
width:95%;
height:230px;
background-color: #E1E1E1; 

	-webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
	padding:10px;
	text-align: left;

}
#div33per{
float:left; 
width:33.33%;
padding:10px;
}
@media screen and (min-width: 300px) and (max-width: 1024px) {
#div33per{
float:left; 
width:105%;
padding:15px;
text-align:center;
margin: auto;

}
}

#div33p{
float:left; 
width:33.33%;
padding:15px;
}
@media screen and (min-width: 300px) and (max-width: 1024px) {
#div33p{
float:left; 
width:105%;
padding:15px;
text-align:center;
margin: auto;

}
}

#googlebutoon{
width:260px;
float:left;
background-color: #ffffff; 
padding:3px;
	font-family: 'Lato', sans-serif;

	text-decoration: none;
border: 1px solid #cccccc;
	-webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
	text-align: right;
}

#googlebutoon1{
width:175px;
height:24;
float:left;
background-color: #4285F4; 
padding:1px;

border: 0px solid #cccccc;
	-webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
	text-align: left;
}

#googlebutoon1x{
width:175px;
height:24;
float:left;
background-color: #FFFFFF; 
padding:1px;

border: 0px solid #FFFFFF;
	-webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
	text-align: left;
}

.testoara {
	font-family: 'Lato', sans-serif;

	font-size: 20px;
	color: #4F9FC2;
	text-decoration: none;

}

.testoara1 {
	font-family: 'Lato', sans-serif;

	font-size: 20px;
	color: #4F9FC2;
	text-decoration: none;

	    position: relative;
    top: -7px; /*Change this to adjust the icon*/

}

.testogra {
	font-family: 'Lato', sans-serif;

	font-size: 18px;
	color: #747472;
	text-decoration: none;
font-weight: bold;
}
.testograb {
	font-family: 'Lato', sans-serif;

	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
font-weight: bold;
}
.testoarap {
	font-family: 'Lato', sans-serif;

	font-size: 13px;
	color: #4F9FC2;
	text-decoration: none;

}
.testoarag {
	font-family: 'Lato', sans-serif;

	font-size: 25px;
	color: #4F9FC2;
	text-decoration: none;
font-weight: bold;

}
.testonerotop{
	font-family: 'Lato', sans-serif;

	font-size: 20px;
	color: #000000;
	text-decoration: none;
}
.testobiancotop{
	font-family: 'Lato', sans-serif;

	font-size: 20px;
	color: #ffffff;
	text-decoration: none;
}
.testoneromenu {
	font-family: 'Lato', sans-serif;

	font-size: 14px;
	color: #000000;
	
	    position: relative;
    top: -7px; /*Change this to adjust the icon*/


}

.testoneromenu1 {
	font-family: 'Lato', sans-serif;

	font-size: 14px;
	color: #000000;
	


}

#testoneroprofile {


	display:inline;
	font-family: 'Lato', sans-serif;

	font-size: 14px;
	color: #000000;
position:absolute;
top:10px;
right:170px;


}

#fotoprofile {
	display:inline;
position:absolute;
top:0px;
right:125px;


}


.testobiancomenu {
	font-family: 'Lato', sans-serif;

	font-size: 14px;
	color: #ffffff;
	
	    position: relative;
    top: -7px; /*Change this to adjust the icon*/


}

.testobiancomenu1 {
	font-family: 'Lato', sans-serif;

	font-size: 14px;
	color: #ffffff;
	


}
.testobianco {
	font-family: 'Lato', sans-serif;

	font-size: 14px;
	color: #ffffff;
	
}

.testobianco a:hover {
	font-family: 'Lato', sans-serif;

	font-size: 14px;
	color: #4F9FC2;
	text-decoration: none;
}


.testobiancog {
	font-family: 'Lato', sans-serif;

	font-size: 24px;
	color: #ffffff;
	text-decoration: none;
}

.testobiancogg {
	font-family: 'Lato', sans-serif;

	font-size: 20px;
	color: #ffffff;
	text-decoration: none;
}
.testo {
	font-family: 'Lato', sans-serif;

	font-size: 14px;
	color: #747472;
	text-decoration: none;
}

.testoblu {
	font-family: 'Lato', sans-serif;

	font-size: 24px;
	color: #4F9FC2;
	text-decoration: none;
}


.testosot {
	font-family: 'Lato', sans-serif;

	font-size: 16px;
	color: #747472;
	text-decoration: none;
}

.testop {

	font-family: 'Lato', sans-serif;


	font-size: 12px;

	color: #747472;

	text-decoration: none;

}


.testopiccolo{
	font-family: 'Lato', sans-serif;

	font-size: 13px;
	color: #4F9FC2;
	text-decoration: none;
}
.testogrande {
	font-family: 'Lato', sans-serif;

	font-size: 16px;
	color: #747472;
	text-decoration: none;
/*font-weight: bold;*/
}
.testopigrande {
	font-family: 'Lato', sans-serif;

	font-size: 16px;
	color: #000000;
	text-decoration: none;
font-weight: bold;
}

.testopi {
	font-family: 'Lato', sans-serif;

	font-size: 13px;
	color: #747472;
	text-decoration: none;
}

.testoscuro {
	font-family: 'Lato', sans-serif;

	font-size: 14px;
	color: #CCCCCC;
	text-decoration: none;
}

.testospento{
	font-family: 'Lato', sans-serif;

	font-size: 50px;
	color: #747472;
	text-decoration: none;
}
.testoacceso{
	font-family: 'Lato', sans-serif;

	font-size: 50px;
	color: #4F9FC2;
	text-decoration: none;
}

.testob {
	font-family: 'Lato', sans-serif;

	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
}

.testofooter {
	font-family: 'Lato', sans-serif;

	font-size: 14px;
	color: #000000;
	text-decoration: none;
}
.testofooterara {
	font-family: 'Lato', sans-serif;

	font-size: 14px;
	color: #4F9FC2;
	text-decoration: none;
}
.testoerrore{
	font-family: 'Lato', sans-serif;

	font-size: 14px;
	color: #4F9FC2;
	text-decoration: none;
}


.modulo {
		
background-color: #CCCCCC; 
padding:7px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 15px;
	text-decoration: none;

color: #212529;
border: 2px solid #212529;
	-webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
	text-align: left;


}

.bottoneaccedi{
background-color: #4F9FC2; 
padding:5px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 20px;
	text-decoration: none;

color: #FFFFFF;
border: 1px solid #4F9FC2;
	-webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
	text-align: center;
}

/* The containerck */
.containerck {
  display: inline;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containerck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;

}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #FFFFFF;
    border: 2px solid #4F9FC2;

}

/* On mouse-over, add a grey background color */
.containerck:hover input ~ .checkmark {
  background-color: #4F9FC2;
}

/* When the checkbox is checked, add a blue background */
.containerck input:checked ~ .checkmark {
  background-color: #4F9FC2;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containerck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containerck .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* The container radio */
.containerradio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.containerradio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	width: 20px;
	height: 13px;


}

/* Create a custom radio button */
.checkmarkrd {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #cccccc;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.containerradio:hover input ~ .checkmarkrd {
  background-color: #999999;
}

/* When the radio button is checked, add a blue background */
.containerradio input:checked ~ .checkmarkrd {
  background-color: #4F9FC2;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarkrd:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerradio input:checked ~ .checkmarkrd:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.containerradio .checkmarkrd:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

#onereg1 {
background-color: trasparent;
  float:left; 
  /*max-width:1000px;*/
  padding-top: 0px;
width:50%;
-moz-box-sizing:border-box;box-sizing:border-box;
padding:25px; text-align:left;
}
#tworeg1{ 
background-color: trasparent;
  overflow:hidden;
  float:left; 
  padding-top: 0px;
width:50%;
-moz-box-sizing:border-box;box-sizing:border-box;
padding:25px; text-align:right;
}
#onemappa {
background-color: trasparent;
  float:left; 
  padding-top: 0px;
width:45%;
-moz-box-sizing:border-box;box-sizing:border-box;
}
#twomappa { 
background-color: trasparent;
  float:left; 
  overflow:hidden;
width:55%;
-moz-box-sizing:border-box;box-sizing:border-box;

}
#divdate {
bottom: 0;
  float:left; 
  padding: 10px;
}
#divdate1 {
bottom: 0;
  float:left; 
  padding: 10px;
}

#one {
bottom: 0;
  float:left; 
  padding: 10px;
}

#datail {
bottom: 0;
  float:left; 
  padding: 10px;
}
#mapic {
bottom: 0;
  float:left; 
  padding-top: 30px;
}


#bottonegiornaliero {
bottom: 0;
  float:left; 
  padding: 10px;
}
#oppurediv {
bottom: 0;
  float:left; 
  padding: 10px;
}
#two { 
background-color: trasparent;
  float:left; 
  overflow:hidden;
width:50%;
-moz-box-sizing:border-box;box-sizing:border-box;

}
@media screen and (min-width: 300px) and (max-width: 1024px) {

#onereg1 {
background-color: trasparent;

  padding-top: 0px;
width:100%;
-moz-box-sizing:border-box;box-sizing:border-box;
padding:0px; text-align:left;
}
#tworeg1{ 
background-color: trasparent;
  overflow:hidden;
width:100%;
-moz-box-sizing:border-box;box-sizing:border-box;
padding:0px; text-align:left;
}

   #onemappa { 
    
    float: none;
    margin-right:0;
   width:100%;
-moz-box-sizing:border-box;box-sizing:border-box;

  }

#twomappa { 
  background-color: white;
  overflow:hidden;
   width:100%;
 -moz-box-sizing:border-box;box-sizing:border-box;

 }

#divdate { 
    float: none;
    /*margin-right:0;*/
   width:100%;
-moz-box-sizing:border-box;box-sizing:border-box;

  }

#divdate1 { 
    float: none;
    /*margin-right:0;*/
   width:100%;
-moz-box-sizing:border-box;box-sizing:border-box;

  }

#one { 
    float: none;
    /*margin-right:0;*/
   width:100%;
-moz-box-sizing:border-box;box-sizing:border-box;

  }
#datail { 
    float: none;
    /*margin-right:0;*/
   width:100%;
-moz-box-sizing:border-box;box-sizing:border-box;

  }

#mapic { 
    float: none;
    /*margin-right:0;*/
   width:100%;
-moz-box-sizing:border-box;box-sizing:border-box;

  }


#bottonegiornaliero { 
    float: none;
    /*margin-right:0;*/
   width:100%;
-moz-box-sizing:border-box;box-sizing:border-box;

  }
#oppurediv { 
    float: none;
    /*margin-right:0;*/
   width:100%;
-moz-box-sizing:border-box;box-sizing:border-box;

  }
#two { 
  background-color: trasparent;
  overflow:hidden;
   width:100%;
 -moz-box-sizing:border-box;box-sizing:border-box;

 }
}
#mappaquadranteu{
position:relative; 
display:block; 
margin-left:55px; 
width:100%; 
border: 0px solid #FFFFFF;
}
#mappaquadrante{
position:relative; 
display:block; 
width:100%; 
border: 0px solid #FFFFFF;
}
#mappaquadrante1{
display:none;
position:relative; 
width:100%; 
border: 0px solid #FFFFFF;
}

@media screen and (min-width: 300px) and (max-width: 1024px) {
#mappaquadranteu{
display:block;
position:relative; 
margin-left:10%; 
width:90%; 
border: 0px solid #FFFFFF;
}

#mappaquadrante{
position:relative; 
display:none;
width:0px; 
border: 0px solid #FFFFFF;
}
#mappaquadrante1{
display:block;
position:relative; 
width:90%; 
border: 0px solid #FFFFFF;
}


}

#ih100{
height:200px; 
width:100%;
display:block;
/*border: 1px solid #000000;*/
}
@media screen and (min-width: 300px) and (max-width: 1024px) {
#ih100{
height:5px; 
width:100%;
display:none;
}
}





.divtag {
background-color: #4F9FC2; 
padding:10px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 20px;
	text-decoration: none;

color: #212529;
border: 2px solid #4F9FC2;
	-webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
	text-align: left;


}


#quantiutenti{
width:100%; height:150px; background-color: #FFFFFF; 
text-align:left;
-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
	-webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}


#div33{
height:150px; 
float:left; 
padding:20px;
width:33%;
}
#div34{
height:150px; 
float:left; 
padding:20px;
width:34%;
}

#contenitoreris{
width:100%; 
padding:10px;
height:100%;

}

#contgraficidash{
width:50%; 
float:left;
height:350px;
background-color: #FFFFFF; 
}





@media screen and (min-width: 300px) and (max-width: 1024px) {




#contgraficidash{
width:100%; 
float:none;
height:350px;
background-color: #FFFFFF; 
}

#div34{
height:150px; 
float:none; 
width:100%;
padding:0px;
margin-top:10px;
}


#div33{
height:150px; 
float:none; 
width:100%;
padding:0px;
margin-top:10px;
}

}