.delbutton {
    vertical-align: middle;
    cursor: pointer;
    opacity: 0.5
  }
        
  @media screen and (orientation:landscape) {
    html.ipad.ios7 > body {
      position: fixed;
      bottom: 0;
      width:100%;
      height: 672px !important;
    }
  }

  * { box-sizing: border-box; }

  body {
    font: 15px Arial;
  }

  .autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
  }

  input {
    border: 1px solid transparent;
    background-color: #f1f1f1;
    padding: 10px;
    font-size: 13px;
  }

  input[type=text] {
    background-color: #f1f1f1;
    width: 100%;
  }

  input[type=submit] {
    background-color: DodgerBlue;
    color: #fff;
  }

  .autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
  }

  .autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
  }

  .autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
  }

  .autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
  }

  .input-group input.input-ol {
    border-radius: 50px;
  }

  button.rounded {
    border-radius: 10px 50px 50px 10px;
  }

  #locInputDIV {
    position:absolute;
    top: 11px;
    left: 50px;
    vertical-align:middle;
    line-height: 1;
    z-index: 1000;
  }

  #clearSearchIMG {
    position:absolute;
    top: 5px;
    left: 210px;
    vertical-align:middle;
    line-height: 1;
    z-index: 1001;
    cursor:pointer;
  }

  #mapDIV {
    -webkit-box-shadow: 2px 2px 3px 1px rgba(50, 50, 50, .5);
    box-shadow: 2px 2px 3px 1px rgba(50, 50, 50, .5);
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border:1px solid rgb(82, 111, 139);
  }

  .addrList { 
    position: relative;
    visibility: hidden;
    width: 194px;
    height: 0px;
    font-size: 11px;
    font-weight: normal;
    left: 0;
    top: 3;
    border: 1px solid #bbb;
    line-height: 1.4;
    background-color: #F5F2EB;
    opacity: 1.0;
    z-index: 100;
    filter: alpha(opacity=92);
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 3px 1px rgba(50, 50, 50, .5);
    box-shadow: 2px 2px 3px 1px rgba(50, 50, 50, .5);
    text-align: left;
    margin-top:5px;
  }

  .result {
    cursor:pointer;
  }

  .resultBlue {
    cursor:pointer;
    color:blue;
    font-weight:bold;
  }

.happyTable {
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 3px 1px rgba(50, 50, 50, .5);
  box-shadow: 2px 2px 3px 1px rgba(50, 50, 50, .5);
}

.table-sort-btn {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-weight: bold;
  color: inherit;
  cursor: pointer;
  text-align: left;
}

  .addrClass {
    position: absolute;
    padding-top: 40px;
    background-color: rgba(255, 255, 255, 0) !important;
    border-color: white;
    border: none !important;
    color: rgb(232, 13, 13);
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    box-shadow: none !important;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;  text-align: center;
  }

  .leaflet-container.help-cursor-enabled {
    cursor:crosshair;
  }


.map-blocker{
  position:absolute;
  inset:0;                 /* top/right/bottom/left:0 */
  background: rgba(0,0,0,0.35);
  display:none;            /* hidden by default */
  align-items:center;
  justify-content:center;
  z-index: 9999;           /* above Leaflet panes */
  pointer-events: auto;    /* IMPORTANT: blocks map interaction */
}

.map-blocker-card{
  background: rgba(255,255,255,0.95);
  padding: 14px 18px;
  border-radius: 10px;
  box-shadow: 0 6px 24px rgba(0,0,0,0.25);
  font: 600 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  display:flex;
  gap:10px;
  align-items:center;
}

.spinner{
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 3px solid rgba(0,0,0,0.2);
  border-top-color: rgba(0,0,0,0.7);
  animation: spin 0.8s linear infinite;
}

@keyframes spin { to { transform: rotate(360deg); } }