svg {
  font: 10pt Calibri;
}
text {
  stroke: none;
  fill: #468;
  fill-opacity: 0.9;
}

/**
 * Panels
 *
**/
g.menu {
  fill: #369;
}
g.tool {
  fill: #369;
}
g.head {
  fill: #48c;
}
@media print {
  .nop {
    display: none;
  }
}

/**
 * Plot with Title/Axes
 *
**/
g.plot {
  //stroke: #125;
  //stroke-width: 1px;
  //stroke-dasharray: 1px 6px;
  fill: #def;
  padding: 1pt;
}
text.title {
  font-size: 170%;
  font-style: italic;
}
text.value {
  font-size: 150%;
}
g.axis {
  stroke: none;
  fill: none;
}
g.labs {
  stroke: #004;
  stroke-width: 1pt;
  stroke-dasharray: none;
  fill: none;
}
g.labs line {
}

/**
 * Data Area
 *
**/
g.cell {
  //stroke: #005;
  //stroke-width: 1px;
  stroke: none;
  fill: #dd8;
  //padding: 1ex;
}
g.data {
  fill: #f8fcff;
}
g.data path.data {
  //stroke: #777;
  //stroke-width: 1px;
  //stroke-dasharray: none;
  fill: #def;
}
g.mark {
  stroke-dasharray: 4px 1px;
  stroke-width: 1px;
  font-size: 100%;
}

g.tacho text.value {
  font-size: 200%;
}
g.tacho text.unit {
  font-size: 120%;
}

.C1 {
  stroke: none;
  fill: none;
}
.C1.line {
  stroke: #48f;
}
.C1.fill {
  fill: #48f;
  fill-opacity: 0.6;
}
.C1.fill text {
  fill: #48f;
}

.C2 {
  stroke: none;
  fill: none;
}
.C2.line {
  stroke: #f48;
}
.C2.fill {
  fill: #f48;
  fill-opacity: 0.6;
}
.C2.fill text {
  fill: #f48;
}

.C3 {
  stroke: none;
  fill: none;
}
.C3.line {
  stroke: #8f4;
}
.C3.fill {
  fill: #8f4;
  fill-opacity: 0.6;
}

.P1 .Q1 {
  background: blue;
} 
.P2 .Q1 {
  background: green;
}