#map_1 { 
  height: 400px; 
  padding: 8px;
}



.custom .leaflet-popup-tip,
.custom .leaflet-popup-content-wrapper {
    background: #d3dfe9;
    color: #1b1313;
}


*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  --input-border: #8b8a8b;
  --input-focus-h: 245;
  --input-focus-s: 100%;
  --input-focus-l: 42%;
}


.search-address-container {
  display: flex;
  flex-direction: column;
  padding: 8px;
}

.search-address-input {
  font-size: 16px;
  font-size: Max(16px, 1em);
  font-family: inherit;
  padding: 0.25em 0.5em;
  background-color: #fff;
  border: 2px solid var(--input-border);
  border-radius: 4px;
  transition: 180ms box-shadow ease-in-out;
}

.search-address-input:focus {
  border-color: hsl(
    var(--input-focus-h),
    var(--input-focus-s),
    var(--input-focus-l)
  );
  box-shadow: 0 0 0 3px
    hsla(
      var(--input-focus-h),
      var(--input-focus-s),
      calc(var(--input-focus-l) + 40%),
      0.8
    );
  outline: 3px solid transparent;
}

.search-address-input:not(textarea) {
  line-height: 1;
  height: 2.25rem;
}

.search-address-input[readonly] {
  border-style: dotted;
  cursor: not-allowed;
  color: #777;
}

.search-address-input[disabled] {
  --input-border: #ccc;
  background-color: #eee;
  cursor: not-allowed;
}

.search-address-label {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1;
}

.search-address-input.search-address-label {
  margin-top: 2rem;
}


/*
  style search-address-input autocomplete suggestions
*/
.autocomplete-suggestions { 
  border: 1px solid #999; 
  background: #FFF; 
  overflow: auto; 
}
.autocomplete-suggestion { 
  padding-top: 14px;
  padding-bottom:14px;
  padding-left:4px;
  padding-right:4px;
  white-space: nowrap; 
  overflow: hidden; 
}
.autocomplete-selected { 
  background: #F0F0F0; 
}
.autocomplete-suggestions strong { 
  font-weight: normal; color: #3399FF; 
}
.autocomplete-group { 
  padding: 2px 5px; 
}
.autocomplete-group strong { 
  display: block; 
  border-bottom: 1px solid #000; 
}