body, html {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: sans-serif;
  font-size: 12px;
}
body.wait {
  cursor: progress;
}
body {
  display: flex;
  flex-direction: column;
}
#bar {
  border-bottom: 1px solid #BBB;
  margin-bottom: 2px;
  background: #DDD;
}
#bar > * {
  margin: 2px;
}
#charts {
  height: 0;
  flex-grow: 1;
  background: white;
  position: relative;
  overflow-y: scroll;
}
svg {
  shape-rendering: crispEdges;
  position: absolute;
}
.label {
  font-size: 10px;
  fill: #444;
  text-shadow: -1px -1px white, -1px 1px white, 1px 1px white, 1px -1px white, -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

input {
  padding : 0 2px;
  margin  : 0;
  width   : 240px;
}