.skeleton-accordion {
  min-width: 200px; /* Adjust this to match the average width of your data cards */
}

.card {
  font-size: small;
}

.card-pretrip-driver ul li#role {
  color: white;
  background-image: linear-gradient(to bottom, red, yellow);
  background-size: 100% 51px;
  background-position: top;
}

.card-pretrip-driver ul li#name {
  color: black;
  background-image: linear-gradient(to bottom, red, yellow);
  background-size: 100% 51px;
  background-position: bottom;
}

span.card-pretrip-driver {
  color: black;
  background-image: linear-gradient(to bottom, red, yellow);
}

.card-campus-shuttle-driver ul li#role,
.card-campus-shuttle-driver ul li#name {
  color: white;
  background-color: forestgreen;
}

span.card-campus-shuttle-driver {
  color: white;
  background-color: forestgreen;
}

.card-coordinator ul li#role,
.card-coordinator ul li#name {
  color: white;
  background-color: purple;
}

span.card-coordinator {
  color: white;
  background-color: purple;
}

.card-dispatcher ul li#role,
.card-dispatcher ul li#name,
.card-late-nite-dispatch ul li#role,
.card-late-nite-dispatch ul li#name {
  color: white;
  background-color: #351c75;
}

span.card-dispatcher,
span.card-late-nite-dispatch {
  color: white;
  background-color: #351c75;
}

.card-trainer ul li#role,
.card-trainer ul li#name {
  color: white;
  background-color: magenta;
}

span.card-trainer {
  color: white;
  background-color: magenta;
}

.card-lift-driver ul li#role,
.card-lift-driver ul li#name {
  color: white;
  background-color: #0b5394;
}

span.card-lift-driver {
  color: white;
  background-color: #0b5394;
}

.card-blue-bus-driver ul li#role,
.card-blue-bus-driver ul li#name {
  color: white;
  background-color: #2596be;
}

span.card-blue-bus-driver {
  color: white;
  background-color: #2596be;
}

.card-late-nite-driver ul li#role,
.card-late-nite-driver ul li#name {
  color: white;
  background-color: black;
}

span.card-late-nite-driver {
  color: white;
  background-color: black;
}

.card-biddable-blue-bus ul li#role,
.card-biddable-blue-bus ul li#name {
  color: black;
  background-color: orange;
}

span.card-biddable-blue-bus {
  color: black;
  background-color: orange;
}

.dropdown-menu {
  min-width: 250px;
}

.accordion-button.placeholder-glow {
  pointer-events: none;
}