html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
  font-size: 1em;
}

.leaflet-container {
  font-size: 1em;
}

div#map {
  flex-grow: 1;
}

.overlay {
  display: flex;
  z-index: 999;
  font-size: 1.5em;
  max-height: 3em;
  overflow: hidden;
  padding: 0.75em 0.5em;
  background: white;
}
@media (min-width: 40em) {
  .overlay {
    position: absolute;
    left: calc(50% - 10em);
    width: 20em;
  }
  .overlay#filters {
    top: 0;
    border-radius: 0 0 1em 1em;
  }
  .overlay#filters::before, .overlay#filters::after {
    top: 0;
  }
  .overlay#filters::before {
    border-top-right-radius: 1em;
  }
  .overlay#filters::after {
    border-top-left-radius: 1em;
  }
  .overlay#layers {
    bottom: 0;
    border-radius: 1em 1em 0 0;
  }
  .overlay#layers::before, .overlay#layers::after {
    bottom: 0;
  }
  .overlay#layers::before {
    border-bottom-right-radius: 1em;
  }
  .overlay#layers::after {
    border-bottom-left-radius: 1em;
  }
  .overlay::before, .overlay::after {
    content: "";
    position: absolute;
    height: 1em;
    width: 2em;
    background-color: transparent;
    z-index: -1;
  }
  .overlay::before {
    left: -2em;
    box-shadow: 1em 0 0 0 white;
  }
  .overlay::after {
    right: -2em;
    box-shadow: -1em 0 0 0 white;
  }
}
.overlay .fontIcon {
  font-size: 1em;
  flex-grow: 1;
  border: none !important;
  outline: none;
}
.overlay input#search {
  padding: 0 0 0 1.5em;
  background: url("search.png") no-repeat 0.25em;
  background-size: 0.9em;
}
.overlay input#search:focus {
  background-image: url("search-orange.png");
}
.overlay a {
  margin: 0 0.5em;
  width: 1.4em;
  background: url("filter-time.svg") no-repeat;
  background-size: 1.4em;
}
.overlay#filters #loaders {
  display: flex;
  flex-direction: column;
  width: 4em;
}
.overlay#filters #loaders button {
  font-size: 0.3em;
}
.overlay button.layer-toggle {
  cursor: "pointer";
}
.overlay button.layer-toggle.active {
  background-color: #EE0;
}
.overlay button.layer-toggle.active.inactive {
  background-color: #EE9;
}

/*# sourceMappingURL=style.css.map */