.container {
  display: flex;
  gap: 20px;
}
.box {
  flex: 1;
  padding: 20px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
}
#map-graph .modebar {
  top: 95%;
  left: 0%;
}
#ts-graph .modebar {
  top: 40px;
  left: 25px;
}
#map-graph {
  margin-top: 10px;
}
#ts-graph {
  margin-top: 20px;
}
#time-slider {
  margin-top: -5px
}
.rc-slider-mark-text {
  white-space: break-spaces;
  top: -5px
}
.timeline-row {
  margin: 0 auto;
  margin-top: -12px;
  --bs-gutter-y: 0;
}
#time-label {
  font-weight: bold;
  color: #3ba400;
}
div.card-header {
  background: #346291;
  color: white;
  text-align: center;
}
div.card-header h5.mb-0 {
  margin-top: -3px;
}
@media (max-width: 768px) {
  #ts-graph {
    margin-top: 0;
  }
}