body {
  padding-top: 10px;
  font-size: 14px;
  color: #555;
}

text, .container {
  font-family: "Ubuntu", sans-serif;
  width: 1000px !important;
}

.col-lg-2 {
    margin: -20px;
}

.container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  border: 1px solid #fff;
}

.headings {
  font-size: 20px;
  padding-left: 20px;
  color: #565656;
  text-align: center;
}

#helpButton {
  position: absolute;
  left: 15px;
  top: 4px;
  background-color: #ffaa1b;
  border-color: #fff;
  color: #000;
}

.helpOverlay {
  top: 0;
}

.helpOverlayTitle {
  color: #fff;
  font: bold;
  font-size: 18px;
  text-align: justify;
  margin-top: 13px;
  padding-left: 20px;
  padding-right: 20px;
}
.helpOverlayFooter {
  color: #fff;
  font-size: 14px;
  font-style: italic;
  text-align: left;
  margin-top: 955px;
  margin-left: 20px;
}

#infotext {
  top: 10px;
  padding-bottom: 17px;
}

#subtitle {
  top: 30px;
  left: 23px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

div.tooltip {
  position: absolute;
  padding: 5px;
  text-align: left;
  font: 12px sans-serif;
  color: #000;
  background: #AAA;
  border-style: solid;
  border-width: 2px;
  border-color: #000;
  border-radius: 8px;
}

.active {
  stroke-opacity: 1.0 !important;
}
.inactive {
  stroke-opacity: 0.2 !important;
}
.rectInactive {
  opacity: 0.2 !important;
}

/* SANKEY */
.node text {
  pointer-events: none;
  fill: #555;
  font-weight: bold;
  font-size: 16px;
  font-family: "Ubuntu", sans-serif;
}

.link {
  fill: none;
  stroke: #000;
  stroke-opacity: .5;
}

.link:hover {
  stroke-opacity: 1.0 !important;
}

/* link colours */
/* https://www.colorcodehex.com/eff3ff/ */
.fromLakes1, .fromLakes2 {
  stroke: #607890;
}
.fromRivers1, .fromRivers2 {
  stroke: #A9C1D9;
}
.fromEstuaries1, .fromEstuaries2 {
  stroke: #ABBE71;
}

/* rect colours and text */
.node rect {
  stroke-width: 2px;
  stroke: #555;
  /*shape-rendering: crispEdges;*/
}
.Rivers {
  fill: #A9C1D9;
}
.Lakes {
  fill: #607890;
}
.Estuaries {
  fill: #ABBE71;
}
.Midlat {
  fill: #CC982A;
}
.Highlat {
  fill: #928941
}
.Tropics {
  fill: #FFDC68;
}
.Europe {
  fill: #FAB491;
}
.SAmerica {
  fill: #0F7409;
}
.Oceania {
  fill: #00CC99;
}
.Africa {
  fill: #EBCD0C;
}
.NAmerica {
  fill: #B5B0B9;
}
.Asia {
  fill: #C02942;
}


/* STACKED BAR CHARTS */
.axis path,
.axis line {
  fill: none;
  stroke: #000;
  /*shape-rendering: crispEdges;*/
}

.bar {
  fill: steelblue;
}

.x.axis path {
  display: none;
}
.chart-label, .tick {
  fill: #555;
  font-size: 14px;
}

table, th, td {
  border: none;
  border-collapse: collapse;
  width: 1*, 1*, 2*;
}
th, td {
  padding: 2px;
  text-align: left;
}