#bbox-root {
  background-color: var(--offWhite);
  border-radius: 40px;
}

#bbox-root {
  font-family: var(--body-font-family);
  font-size: 18px;
  font-weight: 300;
}
#bbox-root .BBRecurrenceFieldContainer {
  font-family: var(--body-font-family);
  font-size: 18px;
  color: var(--color1) !important;
}
#bbox-root .BBRecurrenceFieldContainer span {
  color: var(--color1) !important;
}
#bbox-root .BBFormRadioAmount,
#bbox-root .BBFormRadioDescriptionOther {
  font-family: var(--body-font-family);
  font-size: 18px;
}
#bbox-root .BBFormRadioAmount,
#bbox-root .BBFormRadioDescriptionOther {
  font-family: var(--body-font-family);
  font-size: 18px;
}
#bbox-root .BBFormRadioLabelGivingLevel {
  padding: 0 5px 8px 5px;
}
#bbox-root .BBFormContainer .BBFormRadioLabelGivingLevelNotSelected,
#bbox-root .BBFormRadioPaymentNotSelected {
  border: 1px solid var(--color3);
  background-color: white;
}
#bbox-root .BBFormContainer .BBFormRadioLabelGivingLevelSelected,
#bbox-root .BBFormRadioPaymentSelected {
  background-color: var(--color3);
  border: 1px solid var(--color3);
}
#bbox-root .BBFormRadioPaymentSelected {
  color: white !important;
}
#bbox-root .BBFormRadioButtonContainer .BBFormRadioLabelGivingLevelOther.BBFormRadioLabelGivingLevelSelected {
  border: 1px solid var(--color3);
  background-color: white !important;
}
#bbox-root .BBFormRadioButtonContainer .BBFormRadioLabelGivingLevelOther.BBFormRadioLabelGivingLevelSelected input {
  padding: 0;
  font-family: var(--body-font-family);
  font-size: 24px;
}
#bbox-root .BBFormPaymentRadioOptions label {
  text-transform: uppercase;
  font-family: var(--body-font-family);
  font-size: 16px;
  color: var(--color1);
  font-weight: 500;
  padding: 8px;
}
#bbox-root [type=checkbox],
#bbox-root [type=radio] {
  padding: initial;
  -webkit-appearance: auto;
}
#bbox-root .BBFormSubmitbutton {
  background-color: #d8a95f;
  border: none;
  box-shadow: none;
  text-transform: uppercase;
  font-family: var(--body-font-family);
  font-size: 16px;
  color: var(--color1);
  font-weight: 500;
  padding: 8px 15px;
  color: white;
}
#bbox-root .BBFormSectionHeading {
  border-color: none;
  border: none;
  color: var(--color1);
  font-family: var(--body-font-family);
  font-weight: 700;
  font-size: 24px;
}
#bbox-root .BBFormFieldLabel {
  color: var(--color1);
  font-family: var(--body-font-family);
  font-weight: 300;
  font-size: 18px;
}
#bbox-root .BBFormSelectList {
  border: 1px solid var(--color1);
  padding: 5px;
}
#bbox-root .BBFormSelectList.GhostText:not(:focus) {
  color: var(--color1);
  font-family: var(--body-font-family);
  font-weight: 300;
  font-size: 16px;
}
#bbox-root .BBFormSelectList {
  color: var(--color1);
  font-family: var(--body-font-family);
  font-weight: 300;
  font-size: 16px;
}
#bbox-root #lblRecurrenceNextGiftDate {
  font-family: var(--body-font-family);
  color: var(--color1);
}
#bbox-root .BBFormTextbox {
  padding: 5px 5px 7px 6px;
  font-size: 16px;
  font-family: var(--body-font-family);
}