body {
  /*min-height: -webkit-fill-available;
  min-height: 100vh;  */
  padding-top: 60px;
  margin-top: 0px;
  background: whitesmoke;
  overflow: auto;
  overflow-clip-margin: 60px; /* bimportant, lest the scroll bar does not let you scroll all the way down due to padding at the top */
}

html {
  height: -webkit-fill-available;
}

main {
  /*height: -webkit-fill-available;
  height: 100vh;  
  max-height: 100vh;*/
  max-width: 950px;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0 auto;
}

div {
  display: block;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 950px; 
}

.container {
  max-width: 950px;
  min-width: 300px;
}

.navbar {
  max-width: 950px;
  margin:0 auto;
}

.navbar-brand {
  color: #253675;
  font-weight: bold;
}

.navbar-brand:hover {
  color: #253675c4;
  font-weight: bold;
}

.active {
  font-weight: bold;
}

output {
  font-weight: bold;
}

/* Dygraph resizeable window */
#graphdiv { 
  position: relative; 
  inset: 0px 0px 0px 0px; 
  width: 100%;
}

#graphcontainer {
  position: relative;
  width: 50%;
}
/*
.dygraphChart {
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  min-width: 100%;
  max-height: 100%;
}
*/
.chart { 
  height: 250px; 
  width: 100%; 
  float: left;
}
.chart-container { 
  overflow: hidden;
  border: none;
}
.chart-label {
  width: 100%;
  text-align: center;
  font-size: 14px;
}
/*
.dygraph-legend {
  text-align: left;
  background: white;
  font-size: 12px;
  position: absolute;
  line-height: normal;
}*/