.parent {
  display: flex;
}

.right_box {
  padding: 20px;
  margin: 10px;
  /*background-color: lightgray;*/
  /*border: 1px solid #ccc;*/
  flex: 8; /* This ensures both divs take equal space */
}

.left_box{
  padding: 20px;
  margin: 10px;
  /*background-color: lightgray;*/
  /*border: 1px solid #ccc;*/
  flex: 1;
}
.sub_parent{
  display: flex; /* This sets the parent container to a flex container */
  gap: 10px; /* Optional: adds space between the flex items */
}

.child {
  flex: 1; /* Optional: makes each child take up equal space */
  padding: 5px;
  /*background-color: lightblue;*/
  text-align: center;
  /*border: 1px solid #000;*/
}
.btn-group, .groupButton, .col-position{
    display: flex;
    justify-content: center;
}

.active {
    background-color: #0056b3;
    color: white;
    transform: scale(0.95);
}

span.flex-container {
  display: flex;
  justify-content: space-between;
}

span.flex-container > span {
  flex: 1;
  text-align: left;
  /*padding: 2px; */
  /* Optional, for spacing inside each column */
}
.station_id{
  font-weight: normal;
}