.ui-widget.ui-dialog.ui-dialog-off-canvas {
  min-width: 600px !important;
}

#drupal-off-canvas:not(.drupal-off-canvas-reset),
#drupal-off-canvas-wrapper {
  width: auto !important;
}

input#edit-field-training-reg-open-value.form-checkbox {
  appearance: none;
  -webkit-appearance: none;
  width: 52px;
  height: 30px;
  margin-right: 10px;
  vertical-align: middle;
  border: 1px solid #aeb9c8;
  border-radius: 999px;
  background-color: #cfd7e2;
  background-image: radial-gradient(circle at 14px 50%, #ffffff 0 9px, transparent 10px);
  background-repeat: no-repeat;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

input#edit-field-training-reg-open-value.form-checkbox:checked {
  border-color: #1f245d;
  background-color: #1f245d;
  background-image: radial-gradient(circle at calc(100% - 14px) 50%, #ffffff 0 9px, transparent 10px);
}

input#edit-field-training-reg-open-value.form-checkbox:focus {
  outline: 2px solid #243162;
  outline-offset: 2px;
}