/* line 7, app/assets/stylesheets/onboarding.scss */
.onboarding_body #onboarding_show .card.main {
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 24px;
  box-shadow: 0 4px 8px 0 rgba(255, 86, 0, 0.19), 0 6px 20px 0 rgba(165, 200, 213, 0.41);
  border: 0;
  border-radius: 0px;
}

/* line 17, app/assets/stylesheets/onboarding.scss */
.onboarding_body span.required {
  color: red;
  margin-left: 4px;
}

/* line 22, app/assets/stylesheets/onboarding.scss */
.onboarding_body .container {
  width: 800px;
  margin: 0 auto;
  margin-top: 30px;
}

@media only screen and (max-width: 800px) {
  /* line 29, app/assets/stylesheets/onboarding.scss */
  .onboarding_body .container {
    width: 100%;
  }
}

/* line 34, app/assets/stylesheets/onboarding.scss */
.onboarding_body .loaded {
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(53, 105, 128, 0.3), 0 6px 20px 0 rgba(165, 200, 213, 0.41);
}

/* line 39, app/assets/stylesheets/onboarding.scss */
.onboarding_body #form-target {
  padding: 40px;
}

/* line 43, app/assets/stylesheets/onboarding.scss */
.onboarding_body label {
  font-size: 14px;
  width: 130px;
  color: #33475b;
  display: block;
  float: none;
  width: auto;
  font-weight: 500;
  line-height: 20px;
  padding-top: 0;
  margin-bottom: 4px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 55, app/assets/stylesheets/onboarding.scss */
.onboarding_body label.file_input_label input {
  margin-top: 4px;
}

/* line 60, app/assets/stylesheets/onboarding.scss */
.onboarding_body .onboarding_submit_button {
  color: #41144b;
  font-family: Red Hat Display;
  margin: 0;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  position: relative;
  text-align: center;
  background-color: #ff7a59;
  border: 1px solid #ff7a59;
  border-radius: 3px;
  font-size: 14px;
  padding: 12px 24px;
  box-sizing: border-box;
}

/* line 76, app/assets/stylesheets/onboarding.scss */
.onboarding_body .onboarding_submit_button.loading {
  opacity: 50%;
  cursor: progress;
}

/* line 79, app/assets/stylesheets/onboarding.scss */
.onboarding_body .onboarding_submit_button.loading img {
  opacity: 0;
}

/* line 83, app/assets/stylesheets/onboarding.scss */
.onboarding_body .onboarding_submit_button.loading:before {
  content: var(--spinner-svg);
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translate(-50%, -50%) scale(0.2);
  opacity: 100;
}

/* line 94, app/assets/stylesheets/onboarding.scss */
.onboarding_body .hs-form * {
  box-sizing: border-box;
}

/* line 98, app/assets/stylesheets/onboarding.scss */
.onboarding_body .hs-form input,
.onboarding_body .hs-form select,
.onboarding_body .hs-form textarea {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* line 104, app/assets/stylesheets/onboarding.scss */
.onboarding_body span.radio_label {
  margin-left: 5px;
}

/* line 108, app/assets/stylesheets/onboarding.scss */
.onboarding_body .onboarding_form.hs-form {
  width: 100%;
}

/* line 112, app/assets/stylesheets/onboarding.scss */
.onboarding_body .onboarding_form {
  font-family: Red Hat Display;
}

/* line 118, app/assets/stylesheets/onboarding.scss */
.esign_status_modal {
  padding: 2.5rem;
  font-size: 1.5em;
  min-width: 600px;
  display: none;
  position: fixed;
  top: 20%;
  left: 80%;
  transform: translate(-40%, 2.5em);
  border: 1px solid #FF6315;
  border-radius: 8px;
  z-index: 1001;
  background-color: white;
  margin: 0 auto;
}

/* line 133, app/assets/stylesheets/onboarding.scss */
.esign_status_modal .distribution_esign_table_wrapper {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #ddd;
}

/* line 139, app/assets/stylesheets/onboarding.scss */
.esign_status_modal .esign_row_label,
.esign_status_modal .esign_row_data {
  padding: 0.5rem;
  border-bottom: 1px solid #ddd;
}

/* line 145, app/assets/stylesheets/onboarding.scss */
.esign_status_modal .esign_row_label {
  height: 2.5em;
  font-weight: bold;
  color: #333;
  width: 30%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}

/* line 155, app/assets/stylesheets/onboarding.scss */
.esign_status_modal .esign_row_data {
  height: 2.5em;
  width: 70%;
  display: inline-block;
  color: #555;
  vertical-align: top;
  text-align: right;
  overflow: auto;
}

/* line 165, app/assets/stylesheets/onboarding.scss */
.esign_status_modal .esign_status_modal > .esign_row_label,
.esign_status_modal .esign_status_modal > .esign_row_data {
  margin-bottom: 3rem;
}

/* line 170, app/assets/stylesheets/onboarding.scss */
.esign_status_modal .esign_edit_button {
  font-size: 90% !important;
  font-family: "Montserrat", sans-serif;
  font-weight: bold !important;
  border-width: 3px;
  border-color: transparent !important;
  border-radius: 6px !important;
  background-color: #4b91f7;
  color: #fff;
  padding: 10px 22px !important;
  box-shadow: 0 2px 6px 0 #ff712b20 !important;
}

/* line 182, app/assets/stylesheets/onboarding.scss */
.esign_status_modal .esign_edit_button:hover {
  border: 3px solid #4b91f7 !important;
  background-color: white;
}

/* line 189, app/assets/stylesheets/onboarding.scss */
.esign_status_modal .esign_reminder_wrapper {
  position: relative;
}

/* line 191, app/assets/stylesheets/onboarding.scss */
.esign_status_modal .esign_reminder_wrapper .esign_reminder_button {
  font-family: "Montserrat", sans-serif;
  background-color: #C0CFBC;
  border: 1px solid #0E5F0F;
  color: #0E5F0F;
  white-space: nowrap;
  font-weight: bold;
  width: 65%;
  padding: 5px;
  height: 100%;
  padding-left: 40px;
  display: inline-block;
}

/* line 205, app/assets/stylesheets/onboarding.scss */
.esign_status_modal .esign_reminder_wrapper .distribution_esign_reminder_button_img {
  position: absolute;
  top: 8px;
  margin-left: 8px;
}

/* line 210, app/assets/stylesheets/onboarding.scss */
.esign_status_modal .esign_reminder_wrapper .esign_reminder_button:hover {
  background-color: transparent;
}

/* line 216, app/assets/stylesheets/onboarding.scss */
.onboarding_landing_page {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  margin: 0;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  padding: 2%;
}

/* line 227, app/assets/stylesheets/onboarding.scss */
.onboarding_landing_page b {
  font-size: 115%;
}

/* line 232, app/assets/stylesheets/onboarding.scss */
.onboarding_landing_page .onboarding_landing_page_footer {
  text-align: center;
  margin-top: 5em;
}

/* line 238, app/assets/stylesheets/onboarding.scss */
.onboarding_landing_page .circle {
  width: 7vh;
  height: 7vh;
  background-color: #5B1C69;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 5%;
}

/* line 252, app/assets/stylesheets/onboarding.scss */
.onboarding_landing_page p {
  font-weight: bold;
  font-size: 110%;
}

/* line 257, app/assets/stylesheets/onboarding.scss */
.onboarding_landing_page .textbox {
  color: #FF6315;
  font-size: 110%;
}

/* line 262, app/assets/stylesheets/onboarding.scss */
.onboarding_landing_page .header {
  width: 60%;
}

/* line 266, app/assets/stylesheets/onboarding.scss */
.onboarding_landing_page .steps {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  margin-top: 3%;
}

/* line 274, app/assets/stylesheets/onboarding.scss */
.onboarding_landing_page .step {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 33%;
  padding-left: 2%;
  padding-right: 2%;
  font-weight: bold;
}

/* line 285, app/assets/stylesheets/onboarding.scss */
.onboarding_landing_page .step .orange_button {
  font-size: 110% !important;
  font-family: "Montserrat", sans-serif;
  font-weight: bold !important;
  color: white !important;
  background-color: #FF6315 !important;
  border-color: transparent !important;
  border-radius: 10px !important;
  padding: 12px 26px !important;
  box-shadow: 0 2px 6px 0 #ff712b20 !important;
  width: 15em;
  transition: background-color 0.3s;
}

/* line 298, app/assets/stylesheets/onboarding.scss */
.onboarding_landing_page .step .orange_button a {
  text-decoration: none;
  color: white;
}

/* line 304, app/assets/stylesheets/onboarding.scss */
.onboarding_landing_page .step .orange_button:hover {
  background-color: #C84E12 !important;
}

/* line 308, app/assets/stylesheets/onboarding.scss */
.onboarding_landing_page .step .text {
  height: 165px;
}

/* line 312, app/assets/stylesheets/onboarding.scss */
.onboarding_landing_page .step h2 {
  color: #5B1C69;
}

/* line 316, app/assets/stylesheets/onboarding.scss */
.onboarding_landing_page .step.middle {
  border-right: 1px solid #5B1C69;
  border-left: 1px solid #5B1C69;
}