.ol-control {
    font-size: 14px;
}

/* TODO: These are also defined in the scss files in classic/sass */
/*.ol-zoom {
    top: 3.5em !important;
    border: 1px solid #789abb !important;
}

/*.ol-zoom .ol-zoom-out {
    margin-top: 12.8em !important;
    top: 12.8em !important;
}

.ol-zoomslider {
    width: 28px !important;
    background-color: transparent !important;
    top: 5.35em !important;
    margin-left: 1px !important;
    }

.ol-scale-line {
    right: 8px !important;
    left: auto !important;
}
*/
.ol-cursor-info {
    /* cursor: pointer; */
    cursor: help;
}

.ol-mouse-position {
    top: 0px !important;
}

.ol-custom-overviewmap,
.ol-custom-overviewmap.ol-uncollapsible {
    bottom: 0px !important;
    left: auto !important;
    right: 0px !important;
    top: auto !important;
}
.ol-custom-overviewmap.ol-collapsed {
    bottom: 110px !important;
}

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

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

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

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

.ol-popup {
  position: absolute;
  background-color: white;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50px;
  min-width: 300px;
}

/* .ol-popup-content { */
  /* max-height: 350px; */
  /* overflow: auto; */
/* } */
.ol-popup:after, .ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ol-popup:after {
  border-top-color: white;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}
.ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}
.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 4px;
  right: 10px;
}
.ol-popup-closer:after {
  content: "✖";
}







.olControlScaleLine {
    bottom: 15px;
    right: 10px !important;
    left: auto !important;
}
.olControlOverviewMapElement {
    padding: 7px 18px 7px 7px !important;
    background-color: #FFFFFF !important;
    -moz-border-radius: 1em 0 0 0;
    border: 2px;
}
.olControlPanZoomBar {
    top: 45px !important;
}

.olControlFeaturePopups_hover {
	padding: 0px !important;
	/* border-radius: 10px !important; */
}

.olControlFeaturePopups_single {
	padding: 0px !important;
	/* border-radius: 10px !important; */
}

#idGeomaerkerFeatureInfo_single.olPopup{
    background-color: transparent !important;
    box-shadow: rgb(136, 136, 136) 0px 0px 6px !important;
    display: block !important; 
    width: auto !important;
    height: auto !important;
}

/* #idGeomaerkerFeatureInfo_hover.olPopup{#
    background-color: transparent !important;
    box-shadow: rgb(136, 136, 136) 0px 0px 6px !important;
    display: block !important; 
    width: auto !important;
    height: auto !important;
}
 */
#idGeomaerkerFeatureInfo_single_close.olPopupCloseBox {
    right: 4px !important;
    top: 2px !important;
    background-image: url("https://maps.brandenburg.de/apps/api/3.1/resources/lib/extjs/resources/ext-theme-classic/images/tools/tool-sprites.gif") !important;
    background-position: 0px 2px !important;
    width: 15px !important;
    width: 15px !important;
}

#idNoGFIResult{
    text-align:left!important;
    background-color:#0055AD!important;
    font-weight:bold!important;
    font-size:10pt!important;
    color:white!important;
    padding:0.5em 10px!important;
    border:0!important;
}