.radio-toolbar, .no-radio {
  margin: 10px; }

.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0; }

.no-radio label, .radio-toolbar label {
  display: inline-block;
  color: #fff;
  padding: 10px 20px;
  border: 2px solid #fff;
  border-radius: 4px; }

.no-radio label {
  width: 100%;
  background-color: #17a2b8;
  font-weight: bolder; }

.radio-toolbar label {
  background-color: #28a745;
  font-weight: 400; }

.radio-toolbar label:hover {
  background-color: #17a2b8;
  cursor: pointer;
  border: 2px dashed #fff; }

.radio-toolbar input[type="radio"]:focus + label {
  border: 2px dashed #fff; }

.radio-toolbar input[type="radio"]:checked + label {
  background-color: #17a2b8;
  color: #fff;
  border-color: #6610f2;
  font-weight: 700; }

.radio-toolbar input[type="radio"]:disabled + label, .picked {
  background-color: #dc3545;
  color: #fff;
  border-color: #fff;
  font-weight: 400;
  cursor: not-allowed; }

.circle {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block; }

.taken, .available {
  color: #fff;
  font-style: italic;
  font-weight: 700; }

.taken {
  background-color: #dc3545; }

.available {
  background-color: #28a745; }