html, body {
	height: 100%;
	margin: 0;
}
.leaflet-containerXXX {
	height: 600px;
	width: 900px;
	max-width: 100%;
	max-height: 100%;
}

  #map {
      height: 90vh;
      width: 100%;
      border-radius: 0.5rem;
      box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  }
  /* Custom popup styling to match the card theme */
  .leaflet-popup-content-wrapper {
      background-color: #f9fafb;
      color: #1f2937;
      font-family: 'Inter', sans-serif;
      border-radius: 0.5rem;
      padding: 0.5rem;
      box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  }
  .leaflet-popup-content-wrapper .leaflet-popup-content {
      margin: 0;
      padding: 0;
  }
  .leaflet-popup-tipREMOVE {
      background: #f9fafb;
  }
  .leaflet-popup-contentREMOVE h3 {
      border-bottom: 1px solid #e5e7eb;
      padding-bottom: 0.5rem;
      margin-bottom: 0.5rem;
  }
  
  /* Styles for the numbered marker icon  REMOVED */
  
  /*  Styles for links NCR */
   a:link {
   	color: #0871d4;
   	text-decoration: none;
   }
   a:visited {
   	text-decoration: none;
   	color: #ff5488;
   }
   a:hover {
   	text-decoration: underline;
   	color: #d2b847;
   }

button:hover {
    background-color: #f8f9fa;
//          color: white;
    transform: scale(1.1);
}
.button-like-label {
  display: inline-block; /* Allows width/height and padding */
  background-color: #007bff; /* Example background color */
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer; /* Indicates it's interactive */
  text-align: center;
  /* Add more styling for hover, active states as needed */
  margin-bottom: 10px;
  margin-top: 10px;
  margin-right: 20px;
}

.button-like-label:hover {
  background-color: #0056b3;
}

.button-row {
   display: flex;
   justify-content: space-between;
   /*padding: 1px; */
}


/*  Some Tailwind stuff */
.p-8 {
  padding: 2rem; /* = 32px */
}
.text-base {
  font-size: 1rem;        /* 16px */
  line-height: 1.5rem;    /* 24px */
}
.text-xl {
  font-size: 1.25rem; /* 20px */
  line-height: 1.75rem; /* 28px */
}
.font-semibold {
  font-weight: 600;
}