form {
  background: #ffffff;
  padding: 2rem;
}
@media (max-width: 576px) {
  form {
    padding-left: 1em;
    padding-right: 1em;
  }
}
form .address-required-mark {
  display: none;
}
form .email-required-mark {
  display: none;
}
form .caption {
  padding-bottom: 0.25rem;
}
form .field-row {
  margin-bottom: 2rem;
}
form li {
  margin-top: 0.5rem !important;
  margin-bottom: 0 !important;
}
form .upload-field {
  display: inline-block;
  margin: 0 auto;
}
form .upload-field .caption {
  text-align: left;
}
form .upload-field input[type=file] {
  border: 1px solid #085245;
  padding: 2rem;
}
form .upload-field input[type=file]::file-selector-button {
  background-color: #085245;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  margin-right: 0.5rem;
  border: 0;
  box-shadow: 0;
  font-size: 0.8rem;
}
form .radio-button,
form .checkbox-button {
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
  float: left;
}
form .radio-button input[type=radio],
form .radio-button input[type=checkbox],
form .checkbox-button input[type=radio],
form .checkbox-button input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  transform: translate(5rem, -1.5rem);
}
form .radio-button input[type=radio] ~ div,
form .radio-button input[type=checkbox] ~ div,
form .checkbox-button input[type=radio] ~ div,
form .checkbox-button input[type=checkbox] ~ div {
  display: flex;
  background: rgba(91, 146, 64, 0.1137254902);
  color: #085245;
  border: 1px rgba(91, 146, 64, 0.1137254902) solid;
  padding: 0.75rem;
  width: 9.25rem;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
form .radio-button input[type=radio] ~ div span,
form .radio-button input[type=checkbox] ~ div span,
form .checkbox-button input[type=radio] ~ div span,
form .checkbox-button input[type=checkbox] ~ div span {
  width: 100%;
  align-self: center;
}
form .radio-button input[type=radio] ~ div.two-rows,
form .radio-button input[type=checkbox] ~ div.two-rows,
form .checkbox-button input[type=radio] ~ div.two-rows,
form .checkbox-button input[type=checkbox] ~ div.two-rows {
  height: 4rem;
}
form .radio-button input[type=radio]:hover ~ div,
form .radio-button input[type=checkbox]:hover ~ div,
form .checkbox-button input[type=radio]:hover ~ div,
form .checkbox-button input[type=checkbox]:hover ~ div {
  border: 1px #085245 solid;
}
form .radio-button input[type=radio]:checked ~ div,
form .radio-button input[type=checkbox]:checked ~ div,
form .checkbox-button input[type=radio]:checked ~ div,
form .checkbox-button input[type=checkbox]:checked ~ div {
  background: #085245;
  color: #ffffff;
}
form .radio-button input[type=radio][disabled] ~ div,
form .radio-button input[type=checkbox][disabled] ~ div,
form .checkbox-button input[type=radio][disabled] ~ div,
form .checkbox-button input[type=checkbox][disabled] ~ div {
  background: #fafafa;
  color: #aaaaaa;
  border: 1px #ebebeb solid;
}
@media (max-width: 576px) {
  form .radio-button,
  form .checkbox-button {
    width: 48%;
    float: left;
    margin-right: 4%;
  }
  form .radio-button input[type=radio] ~ div,
  form .radio-button input[type=checkbox] ~ div,
  form .checkbox-button input[type=radio] ~ div,
  form .checkbox-button input[type=checkbox] ~ div {
    width: 100%;
    height: 4rem;
    margin: 0;
    padding: 0.5rem 0.25rem;
  }
  form .radio-button:nth-child(even),
  form .checkbox-button:nth-child(even) {
    margin-right: 0;
  }
  form .radio-button.three-cols,
  form .checkbox-button.three-cols {
    width: 31%;
    margin-right: 3%;
  }
  form .radio-button.three-cols:nth-child(3n),
  form .checkbox-button.three-cols:nth-child(3n) {
    margin-right: 0;
  }
}
form input[type=text], form input[type=email], form input[type=number] {
  border: 1px solid #999999;
  background: #fafafa;
  padding: 0.6rem 0.75rem;
  width: 100%;
}
form input[type=text][readonly], form input[type=email][readonly], form input[type=number][readonly] {
  border: 2px #e0e0e0 solid;
  color: #085245;
  font-weight: 600;
}
form select {
  border: 1px solid #999999;
  background: #fafafa;
  padding: 0.6rem 0.75rem;
  width: 100%;
}
form select[readonly] {
  border: 2px #e0e0e0 solid;
  color: #085245;
  font-weight: 600;
}
form .amount-field-wrapper {
  display: none;
}
form .amount-field-wrapper input#amount {
  display: none;
  font-size: 1.25rem;
  padding-left: 1rem;
}
@media (max-width: 576px) {
  form .amount-field-wrapper input#amount {
    margin-top: 1rem;
  }
}
form .action {
  margin-top: 1rem;
  text-align: center;
}
form .action .btn-submit {
  background: #085245;
  color: #ffffff;
  font-size: 1rem;
  margin-bottom: 1rem;
}
form .remark {
  text-align: center;
  padding-bottom: 2rem;
}/*# sourceMappingURL=form.css.map */