.card {
  padding: 0 0 20px 20px;
}
.add-mode {
  background-color: #36ae37;
}
.edit-mode {
  background-color: lightblue;
}
.add-mode label {
  color:#FFF;
  margin: 5px;
}
.edit-mode label {
  color:gray;
}
.member {
  background-color: #3aa9c0;
}
.member input {
  visibility: hidden;
}
.coach {
  background-color: #f3b645;
}
.coach input {
  /* visibility: hidden; */
}
.unpaid.member {
  background-color: red;
}
.legend {
  padding: 4px 16px;
}
.add-mode .addBtn {
  display:block;
}
.add-mode .updateBtn {
  display:none;
}
.edit-mode .addBtn {
  display:none;
}
.edit-mode .updateBtn {
  display:block;
}

.closeBtn {
  float:right;
}
.edit-mode .closeBtn {
  display:block;
}
.add-mode .closeBtn {
  display:none;
}
.booker {
  display:flex;
  flex-direction: row;
  justify-content: center;
  /* min-height: 0.8rem; */
}
.bookerItem {
  width:98%;
  padding: 0 4px;
  /* border-left: solid lightgray 1px; */
}