* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

body {
  background-color: #ecf5fe;
  font-family: 'Muli',sans-serif;
  margin: 0;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
}

.plotly-graph-div {
  min-height:0 !important;
}

.fas, .fab, .far {
  color: #4295b2;
}

.hidden {
  display: none;
}

.updatemenu-item-rect {
  stroke: rgb(236, 245, 254); !important
}

.container {
  width: 100%;
  height: calc(100vh - 60px)
}

g.pointtext {
  display: none;
}

footer {
  height: 20px;
  background-color: white;
  text-align: justify;
  text-justify: inter-word;
  color: #606060;
  display: block;
  width: 100%;
  font-size: 12px;
  bottom: 0;
  padding-top: 2px;
}

.credits, .disclaimer {
  padding-left: 5px;
  padding-right: 5px;
}

.disclaimer {
  color: #8b0000;
}

@media (max-width: 1000px) {
footer {
  font-size: 1.2vw;
}

.container {
  height: calc(100vh - 60px)
}

}