#contenitore-svg {
  position: relative;
  width: 100%;
}

#contenitore-svg text{
  font-family: input-mono, monospace;
  font-weight: 100;
  font-style: normal;
  font-size: 14px;
}

#svg-grafico-scala {
	position: absolute;
	top: 0;
	right: 20px;
	fill: #a5a5a5!important;
	color: #a5a5a5!important;	
}

#svg-grafico-scala text{
	font-size: 12px;
}
#grafico-riepilogo {
  position: absolute;
  top: 12px;
  left: 20px;
  font-size: 12px;
}

.titolo-svg{
  text-transform: uppercase;
  color:#a5a5a5;
}

.numero-svg img {
  margin-right: 10px;
}

.numero-svg + .titolo-svg {
  margin-top: 22px;
}

.nascondi {
  display: none;
}

.numero-svg+.titolo-svg {
  margin-top: 12px;
}

.axis {
  font-family: "soleSansReg", Helvetica, Arial, Sans-Serif;
}

.riduci {
  overflow: hidden;
  height: 0;
}

.display-none {
  display: none;
}

.pannello{
  position:absolute;
  width: 260px;
  height: 100%;
  top:0;
}

#pannello-sx{
  left: 0;
  background: rgb(0,0,0);
  background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 65%, rgba(0,0,0,0.68531162464986) 85%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 65%, rgba(0,0,0,0.68531162464986) 85%, rgba(0,0,0,0) 100%);
  background: linear-gradient(90deg, rgba(0,0,0,1) 65%, rgba(0,0,0,0.68531162464986) 85%, rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

#pannello-dx{
  right: 0;
  background: rgb(0,0,0);
  background: -moz-linear-gradient(270deg, rgba(0,0,0,1) 65%, rgba(0,0,0,0.68531162464986) 85%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(270deg, rgba(0,0,0,1) 65%, rgba(0,0,0,0.68531162464986) 85%, rgba(0,0,0,0) 100%);
  background: linear-gradient(270deg, rgba(0,0,0,1) 65%, rgba(0,0,0,0.68531162464986) 85%, rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.grid .tick line {
  stroke: lightgrey!important;
  stroke-opacity: 0.7;
  shape-rendering: crispEdges;
}
.grid path {
  stroke-width: 0;
}

#svg-grafico-scala .domain {
    display: none;
}

#svg-grafico text{
    text-transform: lowercase;
}

@media only screen and (max-width: 480px) {
	#svg-grafico {
		left: -30px;
	}
	#svg-grafico-scala text {
		font-size: 10px;
	}
	#svg-grafico-scala {
		right: -10px;
	}
	#grafico-riepilogo {
		top: 12px;
		left: 10px;
		font-size: 12px;
		width: 50%;
	}
	.pannello {
		width: 100px;
	}
	
	#svg-grafico-cnt, #svg-grafico-scala, .pannello {
		top:auto!important;
		bottom: -20px!important;
	}
	
	.numero-svg{
		position: relative;
		background: black;
		float: left;
		padding-right: 3px;
	}
}