.pcp line,
.pcp path {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.selectbackground {
	fill: none;
  stroke:none;
  /*  stroke:yellow;*/ 
  stroke-width: 18px;
  pointer-events: stroke;
}

.background
{
  fill: none;
  stroke:#ddd;
  stroke-width: 1.5px;
}

.foreground  
{
  fill: none;
  stroke-opacity: .3;

  stroke: #b10026; /* red */
  /*stroke: #a1d99b; /* green */
  stroke-width: 1px;
}

.foreground path.inactive {
  stroke-opacity: .2;
  stroke-width: 1px;
}

.active path:not(.inactive){
  stroke-opacity: 0.8;
  /*stroke : 1;*/
  stroke-width: 3px;

  /*stroke: #005824;*/
  /*stroke: #005824;*/
}

.background path.inactive {
  stroke-opacity: .3;
  stroke-width: 0.8px;

}

.active  .ordinalLabels:not(.inactive) {
  font-weight: bold;

}

.ordinalLabels.inactive {
  fill: #ccc;
}

/*.highlight{
  stroke-width: 2;
  opacity: 1;
  stroke:#005824;
  fill:yellow;

}*/