service_summary.css

.notes { list-style-type: disc; }
p p { text-indent: 30px; }
p p p { text-indent: 60px; }
pre { margin-top: 0em; margin-bottom: 0em; padding: 0em; }
pre span { font-size: 0.7em; }
.basic { background-color: cyan; }
.suspend { background-color: palegreen; }
.faint { background-color: gainsboro; }
.serviceStateActive { background-color: orange; }
.serviceState { background-color: #FFC966; }

.legend {
  font-family: 'Arial';
  font-size: 13px;
  shape-rendering: crispEdges;
}

.axis path, .axis line {
  fill: none;
  stroke: #777;
  shape-rendering: crispEdges;
}
text {
  font-family: 'Arial';
  font-size: 13px;
}
.tick{ stroke-dasharray: 1, 2; }
.bar{
  fill: FireBrick;
}

.grid .tick {
  stroke: lightgrey;
  opacity: 0.7;
  shape-rendering: crispEdges;
}
.grid path { stroke-width: 0; }

.brush .extent {
  stroke: #fff;
  fill-opacity: .125;
  shape-rendering: crispEdges;
}

.default {
  fill: lightseagreen;
  opacity: 0.75;
  shape-rendering: crispEdges;
}

.detailed {
  fill: lightgreen;
  opacity: 0.75;
  shape-rendering: crispEdges;
}

.error {
  fill: yellowgreen;
  opacity: 0.75;
  shape-rendering: crispEdges;
}

.complete {
  fill: gray;
  opacity: 0.4;
  shape-rendering: crispEdges;
}

.partial {
  fill: tan;
  opacity: 0.4;
  shape-rendering: crispEdges;
}

.dark {
  fill: saddlebrown;
  opacity: 0.5;
  shape-rendering: crispEdges;
}