.legend {
	font-size: 13px;
}
.grafico, .legend-ctn {
	display: inline-block;
}
.modal.grafico {
	display: none;
}
[class^="grafico"] svg path {
	cursor: pointer;
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
}
[class^="grafico"] svg path:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
[class^="full-graph-"] {
 position: relative;
}
.legend-ctn {
	top: 50%;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
[class^="tooltip"] {
 color: #333;
 display: block;
 font-size: 13px;
 font-weight: bold;
 top: 50%;
 left: 50%;
 position: absolute;
 text-align: center;
 z-index: 10;
 transition: .2s;
 -webkit-transition: .2s;
 -moz-transition: .2s;
 -o-transition: .2s;
 -webkit-transform: translateX(-50%) translateY(-50%);
 -ms-transform: translateX(-50%) translateY(-50%);
 -o-transform: translateX(-50%) translateY(-50%);
 -moz-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);
}
[class^="grafico"] {
 position: relative;
}
.grafico-big {
	width: 380px;
	display: block;
	margin: 0 auto;
}
.grafico-big .label-big {
	font-size: 15px;
	text-transform: uppercase;
}
.grafico-big .percent-big {
	font-size: 28px;
}
.legend-ctn-big svg {
	padding: 0 10px;
	background-color: #faf8f9;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c5c5c5
}
.big-graph {
	border: 1px solid #c5c5c5;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgb(237, 237, 237);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgb(237, 237, 237);
	border-top: 10px solid orange;
}
.graphtext {
	font-weight: initial;
	font-size: 10px;
	fill: #7c7b7b;
}
svg {
	font: 10px sans-serif;
}
.area {
	fill: #8BC443;
	/* material Orange */
	fill-opacity: .9;
	clip-path: url(#clip);
}
.area2 {
	fill: #ccedff;
	/* material Orange */
	fill-opacity: .9;
	clip-path: url(#clip);
}
.axis .domain {
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges;
	stroke-width: 2;
}
.axis line {
	fill: none;
	stroke: #fff;
	shape-rendering: crispEdges;
	stroke-width: 1;
}
.brush .extent {
	stroke: #fff;
	fill-opacity: .125;
	shape-rendering: crispEdges;
}
#btnDiv {
	fill: #fff;
}
.line {
	fill: none;
	stroke: steelblue;
	stroke-width: 1.5px;
}
.overlay {
	fill: none;
	pointer-events: all;
}
/*.cajafecha{
  width: 115px;
  height: 25px;
  position: absolute;
  float: right;
  top: 25px;
  left: 450px;
  z-index: 3;
}*/
.cajafecha {
	width: 115px;
	float: right;
	z-index: 3;
	margin-top: 25px;
}
svg {
	font: 10px sans-serif;
}
.area {
	fill: #8BC443;
	/* material Orange */
	fill-opacity: .9;
	clip-path: url(#clip);
}
.area2 {
	fill: #ccedff;
	/* material Orange */
	fill-opacity: .9;
	clip-path: url(#clip);
}
.axis .domain {
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges;
	stroke-width: 2;
}
.axis line {
	fill: none;
	stroke: #fff;
	shape-rendering: crispEdges;
	stroke-width: 1;
}
.brush .extent {
	stroke: #fff;
	fill-opacity: .125;
	shape-rendering: crispEdges;
}
#btnDiv {
	fill: #fff;
}
.line {
	fill: none;
	stroke: steelblue;
	stroke-width: 1.5px;
}
.overlay {
	fill: none;
	pointer-events: all;
}
.graphcontainer {
	border: 1px solid #c5c5c5;
	border-top: none;
	background: #fafafa;
}
@media (max-width: 370px) {
.full-graph-pie .legend-ctn {
	top: -115px !important;
	position: relative;
	display: block;
	margin-top: 0;
	width: 128px;
}
}