/* Rules that reference /assets images. Static file: Meteor rewrites url() in bundled CSS relative to the page URL in dev. */

.leaflet-sidebar-pane .card .leaflet-sidebar-header, .leaflet-sidebar-pane .map-popup-content .leaflet-sidebar-header {
  min-height: 48px;
  height: 48px;
  background-color: #0a3d62;
  background-image: url("/assets/images/misc/stripes.svg");
  background-repeat: no-repeat;
  background-position: 50% 0;
}
#map-ui .layers-ui .map-selector-header {
  min-height: 48px;
  background-color: #0a3d62;
  background-image: url("/assets/images/misc/stripes.svg");
  background-repeat: no-repeat;
  background-position: 50% 0;
  position: fixed;
  z-index: 3;
  width: 250px;
}

/**=[Map stops]==*/
.short-stop {
  background-image: url("/assets/images/map/stops/short.png");
  background-size: contain;
  color: #fff;
}

.medium-stop {
  background-image: url("/assets/images/map/stops/medium.png");
  background-size: contain;
  color: #fff;
}

.long-stop {
  background-image: url("/assets/images/map/stops/long.png");
  background-size: contain;
  color: #fff;
}

.very-long-stop {
  background-image: url("/assets/images/map/stops/very-long.png");
  background-size: contain;
  color: #fff;
}

/**=[Map idles]==*/
.short-idle {
  background-image: url("/assets/images/map/idles/short.png");
  background-size: contain;
  color: #fff;
}

.medium-idle {
  background-image: url("/assets/images/map/idles/medium.png");
  background-size: contain;
  color: #fff;
}

.long-idle {
  background-image: url("/assets/images/map/idles/long.png");
  background-size: contain;
  color: #fff;
}

.very-long-idle {
  background-image: url("/assets/images/map/idles/very-long.png");
  background-size: contain;
  color: #fff;
}