#content h3{ display:inline; }
#content ul{ margin-top:1em; }

#map-box {
    width:100%;
    position: relative;
}
#map-box:before{
    content: "";
    display: block;
    padding-top: 100%;  /* ratio of 1:1*/
    margin-bottom: 10px;
}
#map {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border:2px solid black;
}

.ol-mouse-position {
    position: absolute;
    left: 3.6em;
}
/* .layer-switcher .panel {
    font-size: 0.9em;
    opacity: 0.85;
}
.layer-switcher button{
    width:1.4em;
    height:1.4em;
    background-size: 100%;
    background-position: center;
} */
.map-container {
    margin:auto; 
    width:100%;
}
.map-btn-container {
    margin: auto;
    width:100%;
    /*height:34px;*/
}
.map-text-container {
    width:2.88em;
    float:right;
    font-size:0.95em;
    padding-top: 0.288em;
    line-height: 1em;
}
/*.ol-zoom {
    position: absolute;
    top: 10px;
    left: 10px;
}*/

#drawing-buttons {
    border-radius: 2px;
    background: white;
    position:absolute;
    height: 2.3em;
    top: 1em;
    left: 46%;
    z-index: 99;
}

.drawing-button {
    height: 2.3em;
    padding: 0.144em;
    padding-top: 0.288em;
    display:inline-block;
    border-radius: 2px;
}

.drawing-button:hover {
    background: rgb(240,240,240);
}

.drawing-button.draw-active {
    background: rgb(200,200,200);
}

#clear-search-buttons {
    position: absolute;
    top: 1em;
    right: 2%;
    z-index: 99;
}
/*#clear-button {
  display:inline-block;
}
#search-button {
  display:inline-block;
}*/