svg {

  width: 100%;

  /*This goes here because SVG uses em as units*/

  font: normal 9pt sans-serif; 
}

svg g line {

  stroke: #95c6f7;

  stroke-width: 2px;

}

svg g.active line,

svg g.active ~ g line {

  stroke: #0080FF;

}

svg g circle {

  fill: #95c6f7;

}

svg g.active circle,

svg g.active ~ g circle {

  fill: #0080FF;

}

svg g text {

  /*fill: #0080FF;*/

  text-anchor: middle;

  dominant-baseline: central;
  font-family: 'BYekan' !important;
}

svg g.active text,

svg g.active ~ g text {

  /*fill: #151414;*/
  font-weight:bold;
}

/* Make the active group bigger*/


svg g.active {

  font-size: 1.5em;

}

/* Use 'pointer' cursor*/


svg g circle,

svg g text {

  cursor: pointer;

}