@charset "utf-8";
/* CSS Document */

body {
background-color:#FFFFFF;
color: #68838B;
}

#countries path {
  fill: #fd42e9;
  stroke: #FFF; 
  stroke-width: 0.5;
  opacity: 25%;
}

path.arc {
  pointer-events: none;
  fill: none;
  stroke: #962670;
  display: none;
  stroke-width: 0.5;
  opacity: 0.5;
}

path.cell {
  fill: none;
  pointer-events: all;
}

text.label {
	pointer-events: none;
	display: none;
	fill: #68838B;
	font-size: 10px;
}

text.list {
	pointer-events: none;
	display: none;
	fill: #68838B;
	font-size: 14px;
}

text.cell {
	fill:none;
	pointer-events: all;
}

circle {
  fill: #FFF;
  fill-opacity: .5;
  stroke: #962670;
  stroke-width: 0.2;
}

#cells g:hover path.arc {
  display: inherit;
}

#cells g:hover text.label {
  display: inherit;
}

#cells g:hover text.list {
  display: inherit;
}