#mapContainer {
  /* background-color: rgb(18, 19, 18); */
}

.map-container, #map, #map2 {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}

.map-container-search {
  background: #fff;
}

.map-container-description,
.map-container-direction,
.map-container-train-info {
  position: absolute;
}

/* .map-container-detail,
.map-container-station-btn {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  background-color: #00c6ff;
  padding: 8px 12px;
} */
/* 
.map-container-detail-wrapper {
  display: none;
}
 */
.map-container-station-btn {
  display: none;
}

.map-container-description {
  left: 20px;
}

.description-train,
.description-station,
.description-station-small {
  margin-bottom: 12px;
  list-style: disc;
}

.description-train {
  color: red;
}

.description-station {
  color: aqua;
}

.description-station-small {
  color: #fff;
}

.map-container-train-info {
  /* display: none; */
  padding: 10px;
  background-color: rgba(255, 255, 255, 1);
  min-width: 200px;
  position: fixed;
  z-index: 9;
}
.map-container-train-info p {
  margin-bottom: 10px;
}

.map-right-menu {
  display: none;
  width: 260px;
  position: absolute;
  background: #eee;
  z-index: 9;
}

.map-right-menu>ul>li {
  padding: 6px 3px;
  cursor: pointer;
}

.quit-full-screen-btn {
  display: none;
}

#mapContainer2, #map2 {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0);
  overflow: hidden;
}