/* Whole S3 simplechart instance (eq 1 call of shortcode) */
.svgtable
{
	background-color:#E6E6FA; 
	border:4px ridge navy;
	margin:10px;
}

/* SVG chart itself */
.svgchart
{
	padding:10px;
}

/* Main title of chart */
.titletext
{
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	color: navy;
	font-size: 14px;
	text-shadow: 2px 2px darkgray;
	font-weight:bold;
	fill: navy;
}

/* Caption below chart */
.captiontext
{
	text-align:center; 
	font-size: 10px;
	fill: navy;
	color: navy;
}

/* One graphical segment of each data point on charts */
.bar
{
	fill:navy;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	stroke-width: 0.4;
	stroke: gray;
}

/* Segments of just area chart, overruling above if needed */
.areabar
{
	stroke-width: 1.5;
	stroke: black;
	fill: navy;
}

/* Line chart */
.line {
  fill: none;
  stroke: navy;
  stroke-width: 1.5px;
}

/* Chart area */
.chart
{
	stroke: gray;
	stroke-width: 0.2;
}

/* Both axis all visual elements */
.axis
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: blue;
}

/* X-axis tick labels */
.x
{
}
/* Y-axis tick labels */
.y
{
}

/* X-axis title */
.xtitle
{
	font-size: 12px;
	color: navy;
	font-weight:bold;
}
/* Y-axis title */
.ytitle
{
	font-size: 12px;
	color: navy;
	font-weight:bold;
}

/* Tick lines of chart */
.tick
{
}

/* Both axis labels: texts */
.major
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	fill: navy;
	margin: 2px;
}

/* Texts of segments in pie chart */
.pietext
{
	font-size: 14px;
	stroke-width: 0;
	font-weight:bold;
	text-shadow: 2px 2px darkgray;
	fill: black;
}

/* Domain of chart */
.domain
{
}

/* Data export table, Excel */
.exportexcel 
{
	width:90%; 
	color:navy; 
	border:1px;
	font-size: 10px;
}

/* Heading text of data export table */
.exporttitle
{
	color:darkgray;
	font-size: 14px;
	font-weight:bold;
}

/* Labels of export table */
.exportheading 
{
	background-color:darkgray;
}

/* Export table of JSON data */
.exportjson
{
	color:navy;
	font-size: 10px;
	font-weight:bold;
}

/* Export info message for all data types */
.exportsave
{
	color:blue;
	font-size: 10px;
}

/* General styles of data export boxes & buttons */
.actbox 
{
	background-color: #777777;
	border-style: outset;
	border-width: 2px;
	border-color: #666666;
	padding: 2px 4px 2px 4px;
	margin: auto;
}
.actlayout
{
	width: 240px; /* 35%; */
	text-align:right;
	float: right;
}

.actbox:hover 
{
	background-color: darkgray; /* #DDDDDD; */
}
/* Warning messages */
.datawarning
{
	color: #8A3E3E;
	background-color: #FFDBEA;
	border-color: red;
}

/* All buttons outlook */
.buttons 
{
	background-color:darkgray;
	float:right;
}

/* Tooltip definitions */
.ISO-3166-1 {
	/* color: transparent; */
	font-size: 1.0em;
}

div.iputooltip {
	font: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.0;
	color: Black;
    position: absolute;
    padding: 5px 10px 5px 10px;
    background: #ffffcc; /* #faf8ba; */
    border-radius: 8px;
	box-shadow: 4px 4px 2px gray;
}

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

/* Basic primitives of SVG */

svg
{
	background-color:#FFFFFF;
	padding:4px;
	border:2px ridge navy;
}
text
{
}
g
{
}
rect
{
}
path
{
}
line
{
}