@charset "UTF-8";
.form-element__form label.left {
  width: auto;
}
.bgtype-color .btn-toolbar .action {
  background: var(--tertiary-color);
  color: var(--font-color);
}
.userform .userformsgroup {
  border: 0;
  padding: 0;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.userform .userformsgroup .middleColumn {
  padding: 1rem 1rem 1rem 1rem;
  background: #E6ECEF;
  border-radius: 16px 16px 0 16px;
}
.userform .userformsgroup .middleColumn .middleColumn {
  padding: 0;
}
.userform .checkbox input[type="checkbox"] {
  width: 1rem;
  height: 1rem;
  border: 1px solid var(--font-color);
  border-radius: 3px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  cursor: pointer;
}
.userform .checkbox input[type="checkbox"]:checked {
  background-color: var(--font-color);
  border-color: var(--font-color);
}
.userform .checkbox input[type="checkbox"]:checked::before {
  font-family: "Font Awesome 5 Pro";
  content: "";
  display: block;
  text-align: center;
  color: white;
  font-size: 12px;
  line-height: 1rem;
}
.userform .checkbox:after {
  content: "";
  clear: both;
  display: block;
}
.userform .radio input[type="radio"], .userform .userformsoptionset input[type="radio"] {
  width: 1rem;
  height: 1rem;
  border: 1px solid var(--font-color);
  border-radius: 50%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  position: relative;
  top: 0.25rem;
}
.userform .radio input[type="radio"]:checked, .userform .userformsoptionset input[type="radio"]:checked {
  background-color: var(--font-color);
  border-color: var(--font-color);
  position: relative;
}
.userform .radio input[type="radio"]:checked::before, .userform .userformsoptionset input[type="radio"]:checked::before {
  font-family: "Font Awesome 5 Pro";
  content: "";
  display: block;
  text-align: center;
  color: white;
  font-size: 12px;
  line-height: 1rem;
  position: absolute;
  left: 0.125rem;
}
.userform .right-title {
  font-size: 0.7rem;
  color: var(--tertiary-color);
}
.userform canvas {
  border: 1px solid #E6ECEF !important;
  border-radius: 16px 16px 0 16px;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fgreensignevents%2Fscss%2Fcomponents%2F_userforms.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAEI%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAQF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWE%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcJ%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%22%7D */