html { height: 100%; }
body { height: 100%; margin: 0px; font-family: sans-serif; font-size: small;}
.map {
    height: 100%;
    width: 100%;
}
.map:-moz-full-screen {
    height: 100%;
    width: 100%;
}
.map:-webkit-full-screen {
    height: 100%;
    width: 100%;
}
.map:-ms-fullscreen {
    height: 100%;
    width: 100%;
}
.map:fullscreen {
    height: 100%;
    width: 100%;
}
.ol-rotate {
    top: 7em;
}
.ol-attribution:not(.ol-collapsed){background:rgba(255,255,255,.6); padding: 0px}
.ol-attribution.ol-uncollapsible{bottom:1.5em;right:0;left:auto;border-radius:4px 0 0;height:1.1em;line-height:1em}

.layer-switcher button {
    background-color: rgba(255,255,255,0.5);
/*    background-color: rgba(0,60,136,.5); */
    background-position: 0px;
    width: 28px;
    height: 28px;
    padding: 0px;
    background-image: url('../img/layers2.png');
}

.rotate-north {
  top: 5em;
  left: .5em;
}

.ol-geocoder.gcd-gl-container {
  top: 7.5em;
}

 div.mmm {
  position: fixed;
  top: 10em;
  width: 2em;
  left: 6.5px;
  padding-left: 2px;
  background-color: rgba(0, 60, 136, 0.5);
  color: white;
  z-index: 1000;
}