.container {
  margin: 20px auto;
  width: 70%;
}

.spacer {
  margin-bottom: 2.5%;
}


@media screen and (max-width: 600px) {
  .container {
    width: 100%;
    margin: 20px 10px;
  }
}


.undecorated-link {
  text-decoration: none;
  color: black;
}

.undecorated-link:hover {
  color: #3498db;
}

.originally-planned-container {
  border-style: solid;
  border-color: #e1e1e1;
  border-width: 1px;
  margin-top: 10px;
  border-radius: 5px;
  padding: 10px;

}

.reschedule-actions-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.btn-group {
  display: inline-block;
}


.yellowBtn {
  background-color: #f39c12;
  color: white;
  border-radius: 0;
}

.greenBtn {
  background-color: #00bc8c;
  color: white;
}

.btn-group-item {
  border-radius: 0;
}

.btn-group-itemleft {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group-itemright {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}