/* ----------------------------------
* For overriding default OpenLayers CSS
*----------------------------------*/

/*-------------------------- overview map CSS ------------------------------*/
/*
* Overview Map CSS Augmentation
* Tailored from https://openlayers.org/en/latest/examples/overviewmap-custom.html
*/
.ol-custom-overviewmap,
.ol-custom-overviewmap.ol-uncollapsible {
  bottom: auto;
  left: auto;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
  width: 180px;
  height: 89px;
}

.ol-custom-overviewmap:not(.ol-collapsed) {
  /* border: 1px solid black; */
  border: none;
  padding: 0;
  margin: 0;
}

.ol-custom-overviewmap .ol-overviewmap-map {
  border: none;
  padding: 0;
  margin: 0;
  width: 180px;
  height: 89px;
}

.ol-custom-overviewmap .ol-overviewmap-box {
  border: 2px dotted red;
  padding: 0;
  margin: 0;
}

.ol-custom-overviewmap:not(.ol-collapsed) button {
  display: none;
  padding: 0;
  margin: 0;
}

/*-------------------------- Tooltip CSS Augmentation ------------------------------*/
.ol-tooltip {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: white;
  padding: 4px 8px;
  opacity: 0.7;
  white-space: nowrap;
  font-size: 12px;
}
.ol-tooltip-measure {
  opacity: 1;
  font-weight: bold;
}
.ol-tooltip-static {
  background-color: #ffcc33;
  color: black;
  border: 1px solid white;
}
.ol-tooltip-measure:before,
.ol-tooltip-static:before {
  border-top: 6px solid rgba(0, 0, 0, 0.5);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  position: absolute;
  bottom: -6px;
  margin-left: -7px;
  left: 50%;
}
.ol-tooltip-static:before {
  border-top-color: #ffcc33;
}

/*-------------------------- Zoom Box CSS Replacement (lifted from v2) ------------------------------*/
.olHandlerBoxZoomBox {
  border: 2px solid red;
  position: absolute;
  background-color: white;
  opacity: 0.5;
  font-size: 1px;
  filter: alpha(opacity=50);
}
.olHandlerBoxSelectFeature {
  border: 2px solid blue;
  position: absolute;
  background-color: white;
  opacity: 0.5;
  font-size: 1px;
  filter: alpha(opacity=50);
}

.ol-zoom .ol-zoom-out {
  border-radius: 0 0 2px 2px;
  background-color: #ffa500;
  font-size: 18px;
  font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica,
    sans-serif;
}

.ol-zoom .ol-zoom-in {
  border-radius: 0 0 2px 2px;
  background-color: #ffa500;
  font-size: 18px;
  font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica,
    sans-serif;
}

.ol-control button:hover,
.ol-control button:focus {
  text-decoration: none;
  background-color: #ffa500;
  cursor: pointer;
}