figure.chart {
  //border: 2px solid lightgray;
  //padding: 20px;
}

.chart figcaption {
  //border: 2px solid yellow;
  //font: 0.9em sans-serif;
}

figure .legend {
	fill: dimGray;
	stroke: dimGray;
	stroke-opacity: 1.0;
	stroke-width: 0.1;
}

.chart svg {
  //border: 2px solid red;
  font: 0.8em sans-serif;
}

/* Map chart definitions */

.ISO-3166-1 {
	//color: transparent;
	font-size: 0.8em;
}

.stroke {
  fill: none;
  stroke: dimgray;
  stroke-width: 0.5px;
}

.fill {
  fill: #fff;
}

.graticule {
  fill: none;
  stroke: #777;
  stroke-width: .5px;
  stroke-opacity: .5;
}

.boundary {
  fill: none;
  stroke: #fff;
  stroke-width: .5px;
}

/* Bubble chart definitions */
.node {

}
 
.node .leaf {
}

/* Pie chart definitions */
.arc path {
  stroke: white;
}

/* Line chart definitions */

.line {
  fill: none;
  stroke: black;
  stroke-width: 1.5px;
}

.dot {
	fill: dimGray;
}

/* Axis definitions */

.axis {
	stroke: lightGray;
	stroke-opacity: 0.8;
	shape-rendering: crispEdges;
}

.x.axis {
}
	
.x.axis path {
	fill: none;
	stroke-opacity: 0.2;
}
	
.x.axis * line {
//stroke-dasharray: 9,5;
}
	
.x.axis * text {
	stroke: dimGray;
	stroke-width: 0.1;
	stroke-opacity: 0.8;
}

.x.label {
	fill: dimGray;
	stroke: dimGray;
	stroke-opacity: 1.0;
	stroke-width: 0.1;
}

.y.axis {
}
	
.y.axis path {
	fill: none;
	stroke-opacity: 0.2;
}
 	 
.y.axis * line {
	//stroke-dasharray: 9,5;
}

.y.axis * text {
	stroke: dimGray;
	stroke-width: 0.1;
	stroke-opacity: 0.8;
}

.y.label {
	fill: dimGray;
	stroke: dimGray;
	stroke-opacity: 1.0;
	stroke-width: 0.1;
}

/* Tooltip definitions */

div.iputooltip {
	font: 0.75em sans-serif;
	line-height: 1.0;
	color: Black;
    position: absolute;
    padding: 5px 10px 5px 10px;
    background: GhostWhite; //#faf8ba; #ffffcc;
    border-radius: 2px;
    //border: 1px solid lightgray;
	//box-shadow: 10px 10px 5px lightgray;
}

div.iputooltip span.label {
	display: inline-block;
	width: 40%;
	margin-right: 10px;
	//font-weight: bold;
}