div#bus-seat-map {
  width: 100%;
  justify-content: center;
  display: grid;
}

div.seatCharts-cell {
  height: 45px;
  width: 45px;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  color: black;
}

div.seatCharts-seat {
  /* background-color: #2370be; */
  color: black;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 12px;
  cursor: pointer;
  background-image: url("/images/seat.png");
  background-size: contain;
   background-repeat: no-repeat;
}
.seatCharts-row>.seatCharts-space.wheel {
  background-image: url("/images/wheel.png");
  background-size: contain;
  background-repeat: no-repeat;
}
div.seatCharts-seat:focus {
  /* border: none; */
}

/*
.seatCharts-seat:focus {
outline: none;
}
*/
div.seatCharts-space {
  background-color: #f0f0f06e;
}

div.seatCharts-row {
  height: 40px;
  display: flex;
  margin: 4.5px 15px;
}

div.seatCharts-header {
  display: none;
}

.seatCharts-row>.seatCharts-space:first-child {
  display: none;
}

div.seatCharts-row:after {
  clear: both;
}

div.seatCharts-seat.selected {
  /* background-color: #2370be; */
  /* color: #fff; */
}

div.seatCharts-seat.focused {
  /* background-color: #2370be; */
  /* color: #fff; */
}

div.seatCharts-seat.available {
  /* border: 1px solid #ccc; */
  /* background-color: #ffffff; */
}

div.seatCharts-seat.unavailable {
  background-color: #f15252;
  cursor: not-allowed;
}

ul.seatCharts-legendList {
  list-style: none;
}

li.seatCharts-legendItem {
  margin-top: 10px;
  line-height: 2;
}