input[type="checkbox"]:checked:after {
  content: " ";
  color: white;
}
input[type="checkbox"] {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  appearance: none;
  border-radius: 10%;
  border: 1px solid #ccc;
  box-shadow: none;

  padding: 0.7rem;
  cursor: pointer;
}
.checkbox-reserved {
  background: #848489;
  border: none !important;
}

.checkbox-selected {
  background: #01fff7;
  border: none !important;
}

.checkbox-available {
  padding: 0.6rem !important;
}
