/*html, body {
    width:100%; 
	height:100%;
    overflow: hidden;
	margin: 0;
}*/
#map-container {
  width: 100%;
  height: 70vh;
  position: relative;
  overflow: hidden;
  margin: 0;
  z-index: 1;
  top: 0;
  bottom: 0;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.7);
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(0, 0, 0, 0.20);
  background: transparent;
  -webkit-tap-highlight-color: transparent;
}
#map-container button {
  /*outline: none;*/
}
#map-container .ol-zoomslider {
  background-color: rgba(32,89,72,0.50);
  left: .5em;
  height: 7em;
  width: 29px;
  border: 2px solid rgba(255,255,255,1.00);
  /*border-radius: 7.5px;*/
}
#map-container .ol-zoomslider:hover {
  background-color: rgba(255,255,255,.75);
  border: 2px solid rgba(32,89,72,1.00);
}
#map-container .ol-zoomslider-thumb {
  height: 15px;
  margin: 0;
  filter: none;
  background-color: rgba(32,89,72,1);
  border-radius: 2px;
  left: -1px;
}
#map-container a.ol-zoomslider-handle:hover {
  background-color: rgba(32,89,72,1);
}
.ol-scale-bar {
  position: absolute !important;
  left: calc(50% - 80px) !important;
  transform: translate(0, -50%) !important;
}
.ol-full-screen {
  left: .5em;
  right: auto;
  top: 14em;
}
.ol-full-screen button {
  float: left;
}
.ol-zoom-extent {
  left: .5em;
  right: auto;
  top: 12em;
}
.ol-rotate {
  top: 16em;
  left: .5em;
  right: auto;
}
.ol-rotate button {
  float: left;
}
button i {
  color: #fff;
}
.ol-control.ol-bar .ol-control button i {
  color: #fff;
}
.ol-popupfeature > h1 {
  font-size: 1em;
  margin: 35px auto 0 12px;
  color: #fff;
}
.info {
  background: #f5f5f5;
  padding: 0.5em;
  margin: 1em 0;
}
.info ul {
  margin: 0;
}

.ol-attribution ul {
  font-size: .8em;
  color: #000;
  background-color: #fff;
  margin: auto;
}
.ol-attribution img {
  vertical-align: middle;
}
.ol-attribution {
  left: .5em;
  right: auto;
}
.ol-attribution button {
  float: left;
}
.ol-control button {
  display: block;
  margin: 1px;
  padding: 0;
  color: #fff;
  font-size: 1.14em;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: .4em;
  background-color: #205948;
  border-radius: 2px;
}
.ol-control button:focus, .ol-control button:hover, .ol-control button :focus {
  text-decoration: none;
  background-color: #205948;
  border: 0;
}
.ol-control {
  position: absolute;
  background-color: rgba(255, 255, 255, 1.00);
  border-radius: 4px;
  outline: none;
  padding: 1px;
  box-shadow: 2px 2px 5px #C6C6C6;
}
.ol-control:hover, ol-control :focus {
  background-color: #205948;
  border: 0;
}
.block, .options {
  display: table;
  position: relative;
  z-index: 1;
  margin: 1em;
}
.options {
  background: #def;
  padding: 0.5em;
}
.options ul {
  list-style: none;
  padding-left: 0.5em;
}