path.linePath
{
    stroke-width: 2;
    fill: none;
}

path.donutSlice {
    stroke-width: 3;
}

.axis path,
.axis line
{
    fill: none;
    stroke: grey;
    stroke-width: 1;
    shape-rendering: crispEdges;
}

.bar {
    fill: steelblue;
}

.y-axis .domain, .y-axis .tick line
{
    stroke: grey;
    stroke-width: 1;
    stroke-dasharray: 1,2;
    fill: none;
}

.x-axis .domain, .x-axis .tick line
{
    fill: none;
    stroke: grey;
    stroke-width: 1;
    shape-rendering: crispEdges;
}

.totalMessagesNum {
    text-anchor: middle;
    font-size: 50px;
}

.totalMessagesText {
    text-anchor: middle;
    font-size: 15px;
}

#barChart .y-axis {
    /*display: none;*/
}

.barsTotal {
    fill: lightgrey;
}

.barLabels {
    font-size: 1.5em;
}

.barLabels .barPct{
    font-weight: bold;
    margin-bottom: 15px;
}

/* css map */

.subunit {
	stroke: grey;
	stroke-width: 0.3;
	fill: #cdc;
}

.JYGBubble, .bubble-tooltip {
	fill: black;
	fill-opacity: 0.7;
}

.JYGBubbleTitle {
	fill: white;
	font-weight: bold;
}

.JYGBubbleText {
	fill: white;
}

.sub-color-0 {
	fill: #8DC4FA;
}
.sub-color-1 {
	fill: #7AB8F7;
}
.sub-color-2 {
	fill: #61ABF5;
}
.sub-color-3 {
	fill: #499CF0;
}
.sub-color-4 {
	fill: #3692EE;
}
.sub-color-5 {
	fill: #2187EC;
}
.sub-color-6 {
	fill: #0D78E3;
}
.sub-color-7 {
	fill: #0B6CCD;
}
.sub-color-8 {
	fill: #0B61B7;
}
.sub-color-9 {
	fill: #08539D;
}

.JYGButton {
	fill: grey;
	fill-opacity: 0.4;
}

.JYGButtonTitle {
	fill: black;
	font-weight: bold;
}

.city-circle {
	stroke-width: 0.1;
	stroke:  	#00008B;
}

.scale-text {
	font-size: 9pt;
	fill: #000000;
}

.node {
	stroke: #000;
	stroke-width: .5px;
}

.link {
	stroke: #999;
	stroke-opacity: .8;
}

.link.highlight {
	stroke: #303030;
	stroke-opacity: 1;
}

/* sunburst */
.sunburst path {
	stroke: #fff;
	fill-rule: evenodd;
}

/* tree */
.circleNode {
	stroke: steelblue;
	stroke-width: 1.5px;
}