#mapbodyframe, #mapbodyframe body {padding:0;margin:0;width:100%;height:100%}
/*#map {width: 50%;height: 100%}*/

#mapbodyframe #map {width: 100%;height:100%}


div.ol-custom-overviewmap,
div.ol-custom-overviewmap.ol-uncollapsible {
  bottom: auto;
  left: auto;
  right: 0;
  top: 0;
}

div.ol-custom-overviewmap:not(.ol-collapsed)  {
  border: 1px solid black;
}

div.ol-custom-overviewmap div.ol-overviewmap-map {
  border: none;
  width: 300px;
}

div.ol-custom-overviewmap div.ol-overviewmap-box {
  border: 2px solid red;
}

div.ol-custom-overviewmap:not(.ol-collapsed) button{
  bottom: auto;
  left: auto;
  right: 1px;
  top: 1px;
}

/*div.ol-rotate {
  top: 170px;
  right: 0;
}*/
.layer-switcher {
  top: 0.5em;
}
.layer-switcher ul {
  padding-left: 1em;
}
 
.layer-switcher .zoomOutCls {
  color: #808080;
  opacity: 0.7;
}
.layer-switcher .panel {padding-left: 0.5em}
.layer-switcher label {margin-bottom: 0px;font-size:14px;line-height:1.5em;padding-left:3px;}
.layer-switcher input[type="checkbox"]:after {margin-right:2px}
.layer-switcher .group button {
  margin-top: 6px;
  outline: 0;
  margin-right: 5px;
}

.layer-switcher button.alwaysVisible {
  display:block;
  border: 0px;
  background-color: transparent;
  top:2px;
  right:2px;
}

.ol-scale-singlebar,
.ol-scale-step-marker,
.ol-scale-step-text {display: none}
.ol-scale-text {
  font-size: 10px;
  text-shadow: none;
  color: #eeeeee;
  border:1px solid #eee;
  border-bottom: 0px;
  bottom: 19px;
  padding-bottom:0px;
  /*background-color: rgba(0, 60, 136, 0.3);*/
}
.ol-scale-bar-inner div:first-child {
  background: rgba(0,60,136,.3);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 0px;
  width: 72px !important;
  overflow: hidden;
}

.ol-scale-line {
  padding-bottom:0px;
  border-radius: 0px;
  padding:0px;
  background: none;
}
.ol-scale-line-inner {
  background: rgba(0,60,136,.3);
  border:1px solid #eee;
  border-top: 0px;
  margin:0px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;

}