.ol-viewport {
  background-color: #0d0d0E;
}
.ol-mouse-position {
  display:table;
  bottom:0.5rem;
  left:0.5rem;
  top:auto;
  padding:3px 6px;
  font-size:0.7em;
  font-family:monospace;
  white-space:nowrap;
  background: rgba(255,255,255,0.75);
  border-radius:2px;
}
.ol-zoom {
  right: 0.5rem;
  bottom: 0.5rem;
  left: auto;
  top: auto;
  font-size:initial;
}
#contextMapContainer, #multiLayerCogZoomify {
  height: 800px;
  width: 100%;
}
#selectStretchImage {
  top: 0.5rem;
  left: 0.5rem;
  font-size: 0.7em;
  padding: 3px;
  background-color: #FFFFFF;
  border-radius:2px;
}
#contextLayers {
  top: 0.5rem;
  left: 0.5rem;
  font-size: 0.7em;
  padding: 3px;
  background-color: #FFFFFF;
  border-radius: 2px;
}
#contextDropdownMenuButton {
  color: #000000;
  font-weight: 400;
  border: 1px solid black;
  width: 100%;
}
#contextLayers .dropdown-item {
  padding: 0px;
  height: 15px;
  font-size: 0.7em;
}
select#layers {
  margin-bottom: 3px;
}
#ex1 {
  font-size: 11px;
}

#contextHeadingCompass {
  display: flex;
  justify-content: space-between;
}

#compassImg {
  height: 20px;
  width:  20px;
  margin: 0px;
  padding: 0px;
}

#compassSpinningImg {
  height: 100%;
  width:  100%;
  margin: 5px 0px 0px 0px;
  padding: 0px;
}

#contextCompass {
  font-size: 8px;
  line-height: 8px;
  height: 30px;
}