input[type="checkbox"]:checked {
    background-color: #8b8a7f;
}

input[type="checkbox"] {
    background-color: #8b8a7f;
    border: none;
}

input[type="radio"] {
    /* remove standard background appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* create custom radiobutton appearance */
  display: inline-block;
  min-width: 30px;
  min-height: 30px;
  padding: 6px;
  /* background-color only for content */
  background-clip: content-box;
  border: none;
  background-color: #8b8a7f;
  border-radius: 50% !important;
}

input[type="radio"]:checked {
    background-color: rgb(160, 122, 18);
  }

.radio-label {
    padding-left: 5px;
}

.flex {
    display: flex;
    align-items: center;
    padding: 5px;
  }