text {
  font: 10px sans-serif;
}

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

.legend line,
.lines {
  fill: none;
  stroke-width: 1.5px;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.nowline {
  fill: none;
  stroke: blue;
  stroke-width: 1.5px;
  stroke-dasharray: 2,4;
}
.peakline {
  fill: none;
  stroke: cornflowerblue;
  stroke-width: 1px;
}
.dataPoint1 {
  fill: blue;
  stroke: blue;
  stroke-width: 2px;
}
.dataPoint2 {
  fill: red;
  stroke: red;
  stroke-width: 2px;
}
.dataPoint3 {
  fill: violet;
  stroke: violet;
  stroke-width: 2px;
}
.dataPoint1Text {
  fill: blue;
  stroke: none;
}
.dataPoint2Text {
  fill: red;
  stroke: none;
}
.dataPoint3Text {
  fill: violet;
  stroke: none;
}
.fdataPoint1 {
  fill: green;
  stroke: green;
  stroke-width: 1px;
}
.fdataPoint2 {
  fill: #fc760f;
  stroke: #fc760f;
  stroke-width: 1px;
}
.fdataPoint3 {
  fill: violet;
  stroke: violet;
  stroke-width: 1px;
}
.fdataPoint4 {
  fill: #ff0571;
  stroke: #ff0571;
  stroke-width: 1px;
}
.fdataPoint5 {
  fill: black;
  stroke: black;
  stroke-width: 1px;
}
.fdataPoint6 {
  fill: darkcyan;
  stroke: darkcyan;
  stroke-width: 1px;
}
.fdataPoint1Text {
  fill: green;
  stroke: none;
}
.fdataPoint2Text {
  fill: #fc760f;
  stroke: none;
}
.fdataPoint3Text {
  fill: violet;
  stroke: none;
}
.fdataPoint4Text {
  fill: #ff0571;
  stroke: none;
}
.fdataPoint5Text {
  fill: black;
  stroke: none;
}
.fdataPoint6Text {
  fill: darkcyan;
  stroke: none;
}
.rainPoint1 {
  fill: red;
  stroke: none;
}
.rainPoint2 {
  fill: steelblue;
  stroke: none;
}
.rainPoint0 {
  fill: green;
  stroke: none;
}
.rainPoint1Text {
  fill: red;
  stroke: none;
}
.rainPoint0Text {
  fill: green;
  stroke: none;
}
.rainPoint2Text {
  fill: steelblue;
  stroke: none;
}
.action {
  fill: rgb(255,255,128);
  stroke: gray;
  opacity: 0.7;
}
.flood {
  fill: rgb(255,204,128);
  stroke: gray;
  opacity: 0.7;
}
.moderate {
  fill: rgb(255,128,128);
  stroke: gray;
  opacity: 0.7;
}
.major {
  fill: rgb(220,150,255);
  stroke: gray;
  opacity: 0.7;
}
.warning {
  fill: rgb(255,204,128);
  stroke: none;
}
.status {
  fill: blue;
  font-size: 12px;
  font-weight: bold;
  stroke: none;
}
.outline {
  fill: none;
  font-size: 12px;
  font-weight: bold;
  stroke: white;
  stroke-width: 4;
}
.shadow {
    stroke: white;
    stroke-width: 2.5px;
    opacity: 0.9;
}