#topRightContainer {
   position: fixed;
   top: 10px;
   left: 10px;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   z-index: 1000;
   gap: 10px;
   flex-wrap: nowrap;
   min-height: 40px;
}

/* File upload button container */
#filePicker {
   display: none;
}

#filePickerButton,
#resetButton,
#timeRange {
   -moz-appearance: none;
   -moz-border-radius: 0.2em;
   border: 2px solid #3b2e9c;
   padding: 0.2em 0.4em;
   border-radius: 0.2em;
   background-color: white;
   transition: 1s;
   cursor: pointer;
   min-height: 30px;
}

#filePickerButton {
   background-color: #75b8a3;
}

#resetButton {
   background-color: #26c9e6;
}

#timeRange {
   background-color: white;
   min-width: 120px;
}

#updateButton {
   border: 2px solid #3b2e9c;
   padding: 0.2em 0.4em;
   border-radius: 0.2em;
   background-color: #99257c;
   transition: 1s;
}

/* Map container styles */
#map-container {
   flex: 1;
   position: relative;
   width: 100%;
   height: 100vh;
   background-color: #f8f9fa;
   z-index: 1;
   display: flex;
   overflow: hidden;
}

#gsb-map {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 1;
   flex: 1;
   min-height: 0;
}

.leaflet-container { 
   font-size: 1rem;
   width: 100%;
   height: 100%;
   background-color: #f8f9fa;
   z-index: 1;
   min-height: 0;
}

/* Ensure Leaflet controls are visible */
.leaflet-control-container {
   z-index: 1000;
   position: relative;
}

.leaflet-control-zoom {
   z-index: 1000;
   position: relative;
}

.leaflet-control-scale {
   z-index: 1000;
   position: relative;
}

.leaflet-control-layers {
   z-index: 1000;
   position: relative;
}

.markerIconShape {
   border: 1px solid rgb(116, 154, 211);
   height: 22px;
   width: 22px;
   border-radius:50%;
   -moz-border-radius:50%;
   -webkit-border-radius:50%;
}

.startIconColor {
  background-color:#0f0;
}

.wptIconColor {
  background-color:#ff0;
}

.endIconColor {
  background-color:#f00;
}

.link {
  color: blue;
  cursor: pointer;
}

.link:hover {
  text-decoration: underline;
}