form.container {
  max-width: 475px;
}

.form-logo {
  width: 350px;
  height: auto;
}

.small-check .form-check-label {
  font-size: 0.8em;
}

.tooth-chart .form-check {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  position: relative;
  font-size: 0.8em;
}

.tooth-chart .form-check-label:hover {
  cursor: pointer;
}

.tooth-chart .form-check .form-check-input {
  display: none;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z'/%3E%3C/svg%3E");
}

.tooth-chart .form-check .form-check-input:checked {
  display: block;
}