.map-container {
  position: relative; /* Allows for positioning of loading indicator */
  width: 100%;
  height: 100%;
}

#map {
  height: 100%;
  width: 100%;
    border-radius: 5px;
}

.loading-indicator { /* Style your loading indicator */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* Add more styles as needed */
}

.runway-identifier {
    text-align: center; /* Center text horizontally */
}

.identifier-text,
.riText {
    display: inline-block; /* Allow rotation of the text */
    transform-origin: center; /* Rotate around the center */
}

.leaflet-tooltip {
    /* Brighter background for contrast */
    background-color: #0298DE !important; /* AFORS Blue from your palette */

    /* White text */
    color: #FFFFFF !important;

    /* Make it bigger */
    font-size: 16px !important;
    font-weight: 500;
    padding: 10px 15px !important;

    /* Add a shadow to lift it off the map */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;

    /* Remove the default border */
    border: none !important;

    border-radius: 5px;
    white-space: nowrap;
}

/* This styles the little triangle pointer to match */
.leaflet-tooltip-top::before {
    border-top-color: #0298DE !important;
}