index.css

@import url(node_modules/bootstrap/dist/css/bootstrap.min.css);
@import url(react-sliding-pane/dist/react-sliding-pane.css);
@import url(lib/bike-rental.css);
@import url(node_modules/maplibre-gl/dist/maplibre-gl.css);

@import url(lib/components/admin/call-taker.css);
@import url(lib/components/app/app.css);
@import url(lib/components/map/map.css);
@import url(lib/components/form/form.css);
@import url(lib/components/narrative/narrative.css);
@import url(lib/components/narrative/default/itinerary.css);
@import url(lib/components/mobile/mobile.css);
@import url(lib/components/user/nav-login-button.css);
@import url(lib/components/viewers/viewers.css);



/* Hide IE/Edge clear button in text input fields. */
input[type="text"]::-ms-clear {
  display: none;
}

/* Buttons */

button.header,
button.step,
.clear-button-formatting {
  background: transparent;
  border: 0;
  color: inherit;
  margin: 0;
  padding: 0;
  text-align: inherit;
  text-decoration: none;
}

.clear-button-formatting:active {
  background: none;
  box-shadow: none;
}

.clear-button-formatting:focus {
  background: none;
}

.clear-button-formatting:hover {
  background: none;
}

button.header,
button.step {
  width: 100%;
}

.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.map-container .leaflet-top {
  /* we need to override this z-index so that the +/- map controls appear below
  the geocoder search results */
  z-index: 999;
}

/* Bootstrap adds a bottom margin to all labels,
   but we don't want that in the map layer selector when it is collapsed. */
.maplibregl-map .layers-list label {
  margin-bottom: 0;
}
.maplibregl-map .layers-list.fake-mobile-hover label,
.maplibregl-map .layers-list:hover label {
  margin-bottom: 5px;
}