/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

#conditions-to-approve .custom-checkbox span {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
  position: relative;
}

#conditions-to-approve .custom-checkbox input:checked + span {
  background-color: #2fb5d2 !important;
  border-color: #2fb5d2 !important;
}

#conditions-to-approve .custom-checkbox input:checked + span::after {
  content: "✓";
  color: white;
  font-size: 12px;
  position: absolute;
  left: 2px;
  top: -2px;
}