a.leaflet-control-zoom-in:focus {
  display: block !important;
}
a.leaflet-control-zoom-out:focus {
  display: block !important;
}
input.leaflet-control-layers-selector {
  display: unset !important;
}
.leaflet-control-zoom.leaflet-bar.leaflet-control {
  text-decoration: none;
}

.leaflet-control-zoom a {
  text-decoration: none;
}

/* CSS for the loading button */
.loading-button {
  position: relative;
}
.loading-button .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.loading-button.loading .loader {
  display: block;
}
.leaflet-popup-content {
  min-width: 200px; /* Adjust the initial minimum width as needed */
  max-width: none; /* Remove the maximum width constraint */
  width: auto !important; /* Allow the content to determine the width */
  height: auto !important; /* Allow the content to determine the height */
  overflow: auto; /* Enable scrolling if the content overflows */
}
/* Style the search container */
#search-container {
  margin-bottom: 10px;
}

/* Style the search input */
#search-input {
  width: 100%;
  margin-bottom: 10px;
}

/* Style the autocomplete suggestions */
#autocomplete-suggestions {
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background-color: white;
}

.autocomplete-suggestion {
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}

.autocomplete-suggestion:last-child {
  border-bottom: none;
}

.autocomplete-suggestion:hover {
  background-color: #f9f9f9;
}

div#map__html-field__content_canvas {
  overflow: unset;
}

.map-search-holder {
  background-color: #eee;
  padding-top: 10px;
  border: 0px;
  border-radius: 0.3em 0.3em 0 0;
}

#map-container {
  border-radius: 5px;
}

.map-warnings {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  color: #000;
}

.map-warning {
  border: 1px solid #cc0000;
  background-color: #cc0000;
}

.map-info {
  border: 1px solid #337ab7;
  background-color: #337ab7;
}

.map-success {
  border: 1px solid #076440;
  background-color: #076440;
}

.map-legend-table {
  margin-bottom: 0px;
}

.map-legend-panel .panel-body {
  margin: 2px 5px 0px 5px;
}

.map-legend-panel .table > tbody > tr > td,
.map-legend-panel .table > tbody > tr > th,
.table > tfoot > tr > td,
.map-legend-panel .table > tfoot > tr > th,
.map-legend-panel .table > thead > tr > td,
.map-legend-panel .table > thead > tr > th {
  padding: 4px;
}

.leaflet-container {
  font-size: 80%;
  z-index: 1;
}

#map-footer {
  color: #424242;
  background-color: #e8a32c;
  padding: 10px;
  text-align: center;
  outline: 2px solid rgba(0, 0, 0, 0);
  outline-offset: -2px;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1;
  padding-top: 5px;
  padding-right: 8px;
  padding-bottom: 4px;
  padding-left: 8px;
  font-weight: 700;
}
#map-msgs {
  min-height: 45px;
  padding-top: 20px;
  padding-bottom: 20px;
}

#map {
  visibility: hidden;
}

#loading-spinner {
  margin-top: 30px;
  display: none;
}

.lga-badge {
  display: inline-block;
  outline: 2px solid rgba(0, 0, 0, 0);
  outline-offset: -2px;
  letter-spacing: 1px;
  text-decoration: none;
  /* text-transform: uppercase; commented due to bug #11608 */
  line-height: 1;
  padding-top: 5px;
  padding-right: 8px;
  padding-bottom: 4px;
  padding-left: 8px;
  font-weight: 700;
}

.lga-badge-success {
  background-color: #fff !important;
  color: #076440 !important;
}

.lga-badge-warning {
  color: #e8a32c !important;
  background-color: #fff !important;
}

.lga-badge-danger {
  color: #a94442 !important;
  background-color: #fff !important;
}

.lga-badge-info {
  color: black !important;
  background-color: #fff !important;
}

.info {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(255, 255, 255, 0.8);
  line-height: 24px;
  color: #555;
}