.highlight {
    background-color: var(--bs-success);
    border-width: 2px;
    border-color: var(--bs-success);

  }

  /* hide the default tooltip for leaflet draw */
.leaflet-draw-tooltip {
  display: none !important;
}
/* draw-tooltip replacement */
.draw-hint {
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.75);
  color: white;
  padding: 8px 14px;
  border-radius: 6px;
  font-size: 14px;
  z-index: 1000;
  pointer-events: none;
}

  /* avoid chromium default focus*/
  .leaflet-interactive:focus {
    outline: none;
  }
  
  .leaflet-container {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    border: 1px solid #ccc !important;
    box-sizing: border-box;
    border-radius: 4px;
  }
  
  .map-coordinate {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 8px;
    color: #fff;
    background-color: #17a2b8;
    border: 1px solid black;
    border-radius: 2%;
  }

  .sidebar-content {
    margin: 1rem;
  }

  .sidebar-content .accordion-button {
    background-color: var(--bs-secondary-bg-subtle);
    border: var(--bs-secondary) 2px solid;
    border-radius: 5px !important;
  }
  
  .sidebar-content .accordion-button:not(.collapsed) {
    border: var(--bs-primary) 2px solid;
    background-color: var(--bs-primary-bg-subtle);
    border-radius: 5px;
  }


.leaflet-touch .leaflet-control-layers-toggle {
  width: 30px;
  height: 30px;
}


.leaflet-retina .leaflet-control-layers-toggle {
  background-size: 20px 20px;
}


.leaflet-interactive.user-field.highlight {
    stroke: var(--bs-success);

  } 

/* Default */
/* .polygon {
    stroke: var(--bs-primary); 
    fill: var(--bs-primary); 
    */  

/* Hover effect */
.polygon:hover {
    stroke: var(--bs-warning);
    fill: var(--bs-warning);
}

/* Clicked state (you'll need to toggle a class in JS) */
.polygon.clicked {
    stroke: var(--bs-success);
    fill: var(--bs-success);
}

.polygon.selected {
    stroke: var(--bs-success);
    fill: var(--bs-success);
}


  /* .form-check {
    margin-bottom: 0%;
  } */

  
/* .accordion-button:focus{

  outline: 0;
  box-shadow: none !important;
  
  } */



.form-check-input:focus {
    outline: 0;
    box-shadow: none !important;
  }

  
.initials {
    font-size: calc(var(--avatar-size) / 2);
    line-height: 1;
    position: relative;
    top: calc(var(--avatar-size) / 4);
  }