@charset "utf-8";

/* CSS Document */

.olControlLayerSwitcher .layersDiv {
  background-color: rgb(0 57 86 / 70%) !important;
  width: 260px !important;

  /* right: 60px !important; */
  position: relative !important;
  padding: 16px !important;
  border-radius: 10px !important;
  top: -18px !important;
  transition: all 0.2s ease-in-out;
}

.olControlLayerSwitcher .layersDiv {
  right: 14px !important;
}

.baseLbl,
.baseLayersDiv,
.dataLbl {
  display: none !important;
}

#OpenLayers\.Control\.Attribution_7,
#OpenLayers\.Control\.Zoom_5 {
  display: none !important;
}

#OpenLayers\.Control\.PanZoomBar_23 {
  margin-top: 42px;
  margin-left: 20px;
}

.olControlLayerSwitcher {
  position: absolute;
  top: 35px;
  right: 0;
  width: 20em;
  font-family: sans-serif;
  margin: 20px 30px 3px 3px;
  font-size: smaller;
  color: white;
  background-color: transparent;
}

.olControlLayerSwitcher label {
  display: inline !important;
  font-weight: normal !important;
  font-size: 14px !important;
}

#OpenLayers_Control_MaximizeDiv_innerImage,
#OpenLayers_Control_MinimizeDiv_innerImage {
  width: 24px !important;
  height: 24px !important;
  right: 22px !important;
  border-radius: 4px !important;
  top: -16px !important;
}

#OpenLayers_Control_MinimizeDiv {
  top: 10px;
  right: -20px;
}

#OpenLayers_Control_MaximizeDiv_innerImage {
  right: 12px !important;
}

#OpenLayers_Control_PanZoomBar_23 {
  left: 12px !important;
  top: 12px !important;
}

#OpenLayers\.Control\.PanZoomBar_23_panup_innerImage,
#OpenLayers\.Control\.PanZoomBar_23_pandown_innerImage {
  width: 24px !important;
  height: 24px !important;
}

#OpenLayers\.Control\.PanZoomBar_23_pandown_innerImage {
  bottom: 6px !important;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

#OpenLayers\.Control\.PanZoomBar_23_panup_innerImage {
  bottom: 12px !important;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

#OpenLayers\.Control\.PanZoomBar_23_zoomin_innerImage,
#OpenLayers\.Control\.PanZoomBar_23_zoomout_innerImage {
  width: 24px !important;
  height: 18px !important;
}

#OpenLayers\.Control\.PanZoomBar_23_zoomin_innerImage {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

#OpenLayers\.Control\.PanZoomBar_23_zoomout_innerImage {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

#OpenLayers_Control_PanZoomBar_ZoombarOpenLayers\.Map_2 {
  width: 24px !important;
  height: 55px !important;
}

#OpenLayers\.Control\.PanZoomBar_23_OpenLayers\.Map_2_innerImage {
  width: 22px !important;
  margin-left: 2px !important;
  margin-bottom: 4px !important;
}

#OpenLayers\.Control\.PanZoomBar_23_panright_innerImage {
  width: 30px !important;
  height: 24px !important;
  border-left: #003956 solid 6px;
  bottom: 8px !important;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

#OpenLayers\.Control\.PanZoomBar_23_panleft_innerImage {
  width: 30px !important;
  height: 24px !important;
  right: 9px !important;
  border-right: #003956 solid 6px;
  bottom: 8px !important;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

#OpenLayers_Control_Zoom_5 {
  display: none !important;
}

#OpenLayers\.Control\.PanZoomBar_23_zoomout {
  top: 136px !important;
}

@media only screen and (width <= 680px) {
  .olControlLayerSwitcher .layersDiv {
    width: 100% !important;
    right: 14px !important;
  }

  #OpenLayers\.Control\.LayerSwitcher_18 {
    width: 100%;
    width: calc(100% - 58px);
  }

  #OpenLayers_Control_MinimizeDiv_innerImage {
    right: 0 !important;
  }

  #OpenLayers\.Control\.PanZoomBar_23 {
    display: none !important;
  }

  #OpenLayers_Control_MinimizeDiv {
    right: -10px;
  }
}

/* --- */

#mapinfo {
  position: absolute;
  width: auto;
  height: auto;

  /* background-image:url(../images/none.gif); */
  margin: 0;
  line-height: 20px;
  z-index: 1000 !important;
  min-width: 250px;

  /* border-radius: 10px !important; */
}

#mapinfo p {
  margin: 0;

  /* width:240px; */
  padding: 5px;
  background-color: #fff;
  font-size: 12px;
}

#mapinfo p:first-child {
  /* font-weight:bold; */
  font-size: 12px;
  line-height: 16px;
}

#mapinfo img {
  position: absolute;
  z-index: 1;
}

#mapinfo img.active {
  z-index: 3;
}

#map img {
  max-width: unset;
}

#map.active {
  pointer-events: all !important;
}