body, html {
  height: 100%;
  margin: 0px;
  font-size: 15px;
}
#map-canvas {
  height: 100%;
  /*margin-right: 250px; */
  padding: 0px;
  opacity: 1.0;
}
#map-canvas-cover {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0px;
  background-color: black;
  opacity: 0.6;
  z-index: 500;
}
#dashboard {
  position: absolute;
  background-color: white;
  border: 1px solid rgba(0,0,0,0.5);
  opacity: 0.9;
  top: 10px;
  /*bottom: 30px;*/
  right: 10px;
  width: 255px;
  padding: 0px;
  z-index: 500;
}
#dashboard h1 {
  font-size: 1.4rem;
}
#dashboard-inner {
  padding: 10px;
}
#wait {
  position: absolute;
  font-size: 21px;
  top: 200px;
  left: 50%;
  width: 300px;
  margin-left: -270px;  /* 120 + 300/2 */
}
#info {
  position: absolute;
  font-size: 1.15rem;
  top: 9px;
  left: 55px;
  min-width: 10px;
  padding: 4px;
  border: 1px solid transparent;
  border-radius: .25rem;
  background-color: #fff3cd;
  border-color: #ffeeba;
  z-index: 1000;
}

/* The photon search plugin relies on native input styling, which the
   Tailwind preflight resets - so style the input explicitly. */
.photon-input {
  width: 250px;
  padding: 8px 10px;
  font-size: 14px;
  background-color: white;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  background-clip: padding-box;
}

.altitude-tooltip {
  font-family: "Lucida Grande", "Arial", sans-serif;
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
  /*opacity: 0.5;*/
}

#color-scale {
  width: 100px;
  float: right;
}

#color-scale .scale-label {
  font-size: 13px;
  text-anchor: end;
}

#color-scale .scale-header {
  font-weight: bold;
}