.FormPresenterDialog.FPDUserInfo {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}
.FormPresenterDialog.FPDUserInfo .DCFormBuilder {
  flex: 1 1;
  overflow: auto;
  position: relative;
}
.FormPresenterDialog.FPDUserInfo .DCFormBuilder .DCFBInner {
  display: flex;
  flex-direction: column;
  background-color: var(--user-form-page-background);
  overflow: hidden;
  overflow-y: auto;
}
.DCFBInner .DCFBInnerHeader {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 2px 2px 6px 6px;
}
.FormPresenterDialog.FPDUserInfo .FPDThanks {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.FormPresenterDialog.FPDUserInfo .FPDThanks .FPDTInner {
  text-align: center;
}
.FormPresenterDialog.FPDUserInfo .FPDThanks .FPDTInner .FPDTIcon {
  display: flex;
  justify-content: center;
  font-size: 200px;
}
.FormPresenterDialog.FPDUserInfo .FPDThanks .FPDTInner .FPDTTitle {
  font-size: 24px;
  font-weight: 600;
}
.FormPresenterDialog.FPDUserInfo .FPDThanks .FPDTInner .FPDTSTitle {
  font-size: 16px;
  font-weight: 500;
}
.FormPresenterDialog.FPDUserInfo .DCFormBuilder .DCFBInner .DCFBVew {
  width: var(--user-form-width);
  background-color: var(--user-form-background);
  font-family: var(--user-form-family) !important;
  min-width: 375px;
  padding: 1rem 20px 0 !important;
  margin: 0 auto;
  border-width: var(--user-form-border-width);
  border-color: var(--user-form-border-color);
  border-radius: var(--user-form-border-radius);
  border-style: var(--user-form-border-style);
}
@media screen and (max-width: 400px) {
  .FormPresenterDialog.FPDUserInfo .DCFormBuilder .DCFBInner .DCFBVew {
    display: flex;
    justify-content: flex-start;
    width: unset !important;
    min-width: unset !important;
    max-width: unset !important;
    margin: unset !important;
  }
  .FormPresenterDialog.FPDUserInfo
    .DCFormBuilder
    .DCFBInner
    .DCFBVew
    .formio-component,
  .FormPresenterDialog.FPDUserInfo
    .DCFormBuilder
    .DCFBInner
    .DCFBVew
    .formio-component
    .formio-form
    .form-group.formio-component,
  .FormPresenterDialog.FPDUserInfo
    .DCFormBuilder
    .DCFBInner
    .DCFBVew
    .formio-component.row.formio-component-columns,
  .FormPresenterDialog.FPDUserInfo
    .DCFormBuilder
    .DCFBInner
    .DCFBVew
    .formio-form {
    width: 100%;
  }
}
@media screen and (max-width: 200px) {
  .FormPresenterDialog.FPDUserInfo
    .DCFormBuilder
    .DCFBInner
    .DCFBVew
    .formio-component,
  .FormPresenterDialog.FPDUserInfo
    .DCFormBuilder
    .DCFBInner
    .DCFBVew
    .formio-component
    .formio-form
    .form-group.formio-component {
    width: 82%;
  }
}
@media screen and (max-width: 130px) {
  .FormPresenterDialog.FPDUserInfo
    .DCFormBuilder
    .DCFBInner
    .DCFBVew
    .formio-component,
  .FormPresenterDialog.FPDUserInfo
    .DCFormBuilder
    .DCFBInner
    .DCFBVew
    .formio-component
    .formio-form
    .form-group.formio-component {
    width: 58%;
  }
}
.DCFBInnerHeaderText {
  padding-right: 6px;
}
.FormPresenterDialog.FPDUserInfo
  .DCFormBuilder
  .DCFBInner
  .DCFBVew
  .form-group
  .col-form-label,
.FormPresenterDialog.FPDUserInfo
  .DCFormBuilder
  .DCFBInner
  .DCFBVew
  .form-group
  .form-check-label,
.FormPresenterDialog.FPDUserInfo
  .DCFormBuilder
  .DCFBInner
  .DCFBVew
  .form-group
  label[for="day-day"],
.FormPresenterDialog.FPDUserInfo
  .DCFormBuilder
  .DCFBInner
  .DCFBVew
  .form-group
  label[for="day-month"],
.FormPresenterDialog.FPDUserInfo
  .DCFormBuilder
  .DCFBInner
  .DCFBVew
  .form-group
  label[for="day-year"] {
  color: var(--user-form-label-font-color);
}
.FormPresenterDialog.FPDUserInfo
  .DCFormBuilder
  .DCFBInner
  .DCFBVew
  .choices__inner,
.FormPresenterDialog.FPDUserInfo
  .DCFormBuilder
  .DCFBInner
  .DCFBVew
  .form-control.selection.dropdown,
.FormPresenterDialog.FPDUserInfo
  .DCFormBuilder
  .DCFBInner
  .DCFBVew
  .form-group
  select.form-control,
.FormPresenterDialog.FPDUserInfo
  .DCFormBuilder
  .DCFBInner
  .DCFBVew
  input:not([type="checkbox"], [placeholder="Type to search"]),
.FormPresenterDialog.FPDUserInfo .DCFormBuilder .DCFBInner .DCFBVew textarea {
  height: unset;
  background-color: #f7fafc !important;
  color: #000 !important;
  border: 1px solid transparent !important;
  border-radius: 5px !important;
  padding: 15px 20px !important;
  box-shadow: 0 0 0 0 #fff;
  font-size: 14px !important;
}
.FormPresenterDialog.FPDUserInfo
  .DCFormBuilder
  .DCFBInner
  .DCFBVew
  input.form-control.is-invalid {
  border: 1px solid #ff0039 !important;
}
.FormPresenterDialog.FPDUserInfo
  .DCFormBuilder
  .DCFBInner
  .DCFBVew
  .input-group:has(.flatpickr-input) {
  display: flex;
  flex-wrap: nowrap;
}
.FormPresenterDialog.FPDUserInfo
  .DCFormBuilder
  .DCFBInner
  .DCFBVew
  .form-group
  .btn {
  font-size: 1rem;
  font-weight: 400;
  padding: 0.75rem;
  color: var(--user-form-button-font-color);
  background-color: var(--user-form-button-background-color);
  border-color: var(--user-form-button-background-color);
}
.ripple-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  background: #f1f2f3;
}
.ripple-loader > svg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}