* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  padding: 0;
  margin: 0;
}
.map {
  height: 100vh;
  width: 100vw;
}
#info{
  width: 500px;
}
#form{
  z-index: 1029;

  position: absolute;
  background-color: rgba(255,255,255,0.7);
  padding: 10px;
  margin-top: 10px;
}
#form > * {
  padding-top: 15px;
}
.ol-zoom{
  top: 7.5em !important;
}

.ol-popup {
  position: absolute;
  background-color: white;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50px;
  min-width: 280px;
}
.ol-popup:after, .ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ol-popup:after {
  border-top-color: white;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}
.ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}
.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
}
.ol-popup-closer:after {
  content: "✖";
}
#infoLabel {
  position: absolute;
  height: 1px;
  width: 1px;
  z-index: 100;
}
.tooltip.in {
  opacity: 1;
}
.tooltip.top .tooltip-arrow {
  border-top-color: white;
}
.tooltip-inner {
  border: 2px solid white;
}

.h3, h3 {
  font-size: 1.5em !important;
}
#sidebar{
  top: 6.6em;
  bottom: 3em;
}
@media (max-width: 576px) {
  #sidebar{
    top: 75%;
    bottom: 3em;
  }
}

.myButton {
  background-color:rgba(22, 85, 167, 0.6);
  color: white;
  font-weight: 700;
  text-align: center;
  height: 30px;
  width: 30px;
  border-radius: 2px;
  border: none;
  /* align-items: center; */
  /* padding-top: 3px; */
}

.myButton:hover{
  background-color: rgba(0, 60, 136, 1);
}

.myButton.clicked{
  background-color: rgba(22, 170, 35, 0.8);
}

.myButton.clicked:hover{
  background-color: rgba(22, 170, 35, 1);
}

/* .homeButtonDiv{
  position: relative;
  display: block;
  margin: 10px auto auto 10px;
} */

.toolbarDiv {
  position: absolute;
  display: block;
  /* margin: 10px auto auto 10px; */
  top: 10px;
  left: 10px;
}

.homeButtonDiv{
  /* position: absolute; */
  display: block;
  /* margin: 10px auto auto 10px; */
  /* top: 10px;
  left: 10px; */
}