#.ol-custom-overviewmap {
#  width: 200px;
#  height: 220px;
#  bottom: 120px;
#  tipLabel: 'view map';

#}

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

.ol-custom-overviewmap:not(.ol-collapsed)  {
#  border: 1px solid black;
  border: 3px solid #7b98bc;
}

#.ol-custom-overviewmap .ol-overviewmap-map {
##  border: none;
#  width: 195px;
#  height: 215px;
#}

.ol-custom-overviewmap .ol-overviewmap-box {
#  border: 2px solid red;
border: 2px solid rgba(0,112,255);
}

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

#.ol-custom-overviewmap:not(.ol-collapsed){
#background:rgba(255,255,255,.8)
#}



.ol-rotate {
  top: 170px;
  right: 0;
}


.ol-overviewmap
{
left:.5em;bottom: 120px;

}
.ol-overviewmap.ol-uncollapsible{
bottom:0;left:0;
border-radius:0 4px 0 0;
}
.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button{
display:inline-block;
}
.ol-overviewmap .ol-overviewmap-map{
#  border:1px solid #7b98bc;
  border: none;
  margin:2px;
  width: 200px;
  height: 220px;
}

#.ol-overviewmap-box{
#border:2px dotted rgba(0,60,136,.7)
#border: 2px solid red;
#}

.ol-overviewmap:not(.ol-collapsed) button{
bottom:1px;
left:2px;
position:absolute
}

.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}
.ol-overviewmap:not(.ol-collapsed){
#background:rgba(0,112,255,.8)
}