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

.y.axis path {
  display: none;
}


.y.axis line {
  stroke: #DDD;
}
 
.tooltipline {
  stroke: #BBB;
  stroke-width: 1px;
}
 
.line {
  fill: none;
  stroke-width: 1.5px;
}

text {
  fill: #222;
}

.axis text {
  font-size: 80%;
}

rect.pane {
  fill: none;
  cursor: pointer;
  pointer-events: all;
}

.date-p {
  font-size: 140%;
  margin-left: 36px;
  margin-top: 18px;
  margin-bottom: 12px;
}

.legend {
  font-size: 120%;
  margin-left: 36px;
}

.legend td {
  padding-right: 10px;
  font-size: 85%;
}

  .listitem {
    font-size: 80%;
  }

.ui-header .ui-title, .ui-footer .ui-title {
    text-overflow: clip;
    white-space: normal;
}

.var-list {
  margin-top: 0px !important;
  margin-bottom: 25px !important;
}

.info-text {
  margin-left: 15px;
  margin-right: 15px;
}

.contact-details {
  margin-bottom: 0;
}

.light-grey {
  color: #888;
  font-size: 80%;
}