@charset "UTF-8";
.prod-prestamo {
  text-align: center; }
  .prod-prestamo > div.portlet-layout.row:first-of-type {
    display: none; }

.errorDialog * {
  text-align: center; }

.errorDialog .swal-title {
  color: #f84717;
  padding-top: 0; }

.errorDialog button {
  min-width: 230px; }

.portlet-layout.row {
  padding: 0 24px;
  justify-content: space-between;
  display: inline-flex;
  width: 100%; }
  .portlet-layout.row .circle56 {
    margin: inherit;
    width: 48px;
    height: 48px;
    line-height: 52px; }
  .portlet-layout.row .txt-green-brand,
  .portlet-layout.row .txt-green-brand * {
    color: #9ac433; }
  .portlet-layout.row .txt-green-brand-dark,
  .portlet-layout.row .txt-green-brand-dark * {
    color: #2C7A26; }
  .portlet-layout.row .bold,
  .portlet-layout.row .bold * {
    font-weight: normal;
    font-family: "BNPP"; }
  .portlet-layout.row .black *,
  .portlet-layout.row .black {
    font-weight: normal;
    font-family: "BNPP Black"; }
  .portlet-layout.row .label32,
  .portlet-layout.row .label32 * {
    font-size: 32px;
    color: #9ac433;
    font-weight: normal;
    font-family: BNPP BLACK;
    text-align: center; }
  .portlet-layout.row .bgGray {
    padding-top: 40px;
    padding-bottom: 40px; }
  .portlet-layout.row .formWarning,
  .portlet-layout.row .formSuccess,
  .portlet-layout.row .formError {
    text-align: center; }
    .portlet-layout.row .formWarning > *,
    .portlet-layout.row .formSuccess > *,
    .portlet-layout.row .formError > * {
      max-width: 555px;
      margin: 8px auto; }
    .portlet-layout.row .formWarning .circle,
    .portlet-layout.row .formSuccess .circle,
    .portlet-layout.row .formError .circle {
      display: inline-block;
      text-align: center;
      width: 80px;
      height: 80px;
      background-color: #FF8F1C;
      border-radius: 100%;
      position: relative; }
      .portlet-layout.row .formWarning .circle > div,
      .portlet-layout.row .formSuccess .circle > div,
      .portlet-layout.row .formError .circle > div {
        color: #fff;
        font-size: 56px;
        top: 55%;
        font-family: BNPP BLACK;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%); }
    .portlet-layout.row .formWarning .title,
    .portlet-layout.row .formSuccess .title,
    .portlet-layout.row .formError .title {
      color: #FF8F1C;
      font-family: BNPP BLACK;
      font-size: 32px;
      line-height: 38px; }
      @media screen and (max-width: 767px) {
        .portlet-layout.row .formWarning .title,
        .portlet-layout.row .formSuccess .title,
        .portlet-layout.row .formError .title {
          font-size: 28px;
          line-height: 30px; } }
  .portlet-layout.row .formSuccess > p:nth-of-type(1) {
    padding-top: 24px;
    font-family: BNPP Black;
    margin: 0;
    text-align: center;
    line-height: 29px;
    display: inline-block;
    font-size: 24px;
    color: #3f4a56; }
  .portlet-layout.row .formSuccess > p:nth-of-type(2) {
    font-size: 16px;
    line-height: 24px;
    font-family: BNPP;
    color: #3f4a56; }
  .portlet-layout.row .formWarning > a {
    font-size: 24px; }
  .portlet-layout.row .circle96 {
    width: 80px; }
    .portlet-layout.row .circle96 img {
      height: 64px;
      width: 64px; }
    @media screen and (max-width: 767px) {
      .portlet-layout.row .circle96 {
        width: 56px;
        height: 56px;
        line-height: initial;
        margin-bottom: 16px;
        margin-top: 0; }
        .portlet-layout.row .circle96 img {
          height: 56px;
          width: 56px; } }
  .portlet-layout.row .formError svg {
    width: 80px;
    height: 80px; }
    .portlet-layout.row .formError svg * {
      fill: #B0BAC5; }
  .portlet-layout.row .formError .circle {
    background-color: #B0BAC5; }
  .portlet-layout.row .formError .title {
    color: #3f4a56; }
  .portlet-layout.row .formSuccess .title {
    color: #9ac433; }
    @media screen and (max-width: 767px) {
      .portlet-layout.row .formSuccess .title {
        margin-bottom: 0; } }
  .portlet-layout.row .formSuccess .circle {
    background-color: #9ac433; }
  .portlet-layout.row #column-3 {
    margin: auto;
    max-width: 480px;
    margin-top: 0; }
    @media screen and (max-width: 480px) {
      .portlet-layout.row #column-3 {
        max-width: 100%; } }
  .portlet-layout.row #column-2,
  .portlet-layout.row #column-4 {
    margin: 0 auto;
    max-width: 240px;
    padding-right: 12px;
    padding-left: 12px; }
  @media screen and (max-width: 991px) {
    .portlet-layout.row {
      padding: 0;
      justify-content: space-between;
      display: block;
      width: 100%; }
      .portlet-layout.row .proposalForm form.formStep {
        padding: 0; } }
  @media screen and (max-width: 767px) {
    .portlet-layout.row {
      display: block; } }
  .portlet-layout.row.BOTH_DECISION_STEP #column-2,
  .portlet-layout.row.BOTH_DECISION_STEP #column-4, .portlet-layout.row.HOLDER_DECISION_STEP #column-2,
  .portlet-layout.row.HOLDER_DECISION_STEP #column-4, .portlet-layout.row.DIGITAL_VS_PAPER_STEP #column-2,
  .portlet-layout.row.DIGITAL_VS_PAPER_STEP #column-4, .portlet-layout.row.ESIGN_IBAN_STEP #column-2,
  .portlet-layout.row.ESIGN_IBAN_STEP #column-4, .portlet-layout.row.ESIGN_CONSENTS_STEP #column-2,
  .portlet-layout.row.ESIGN_CONSENTS_STEP #column-4, .portlet-layout.row.ESIGN_CONTRACTS_STEP #column-2,
  .portlet-layout.row.ESIGN_CONTRACTS_STEP #column-4, .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP #column-2,
  .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP #column-4, .portlet-layout.row.DOC_UPLOAD_STEP #column-2,
  .portlet-layout.row.DOC_UPLOAD_STEP #column-4, .portlet-layout.row.DIGITAL_NEXT_STEP #column-2,
  .portlet-layout.row.DIGITAL_NEXT_STEP #column-4, .portlet-layout.row.DIGITAL_NEXT_STEP_DONE #column-2,
  .portlet-layout.row.DIGITAL_NEXT_STEP_DONE #column-4, .portlet-layout.row.TRADITIONAL_NEXT_STEP #column-2,
  .portlet-layout.row.TRADITIONAL_NEXT_STEP #column-4 {
    max-width: 0%;
    opacity: 0;
    padding: 0;
    height: 0;
    flex: 0; }
  .portlet-layout.row.BOTH_DECISION_STEP #column-3, .portlet-layout.row.HOLDER_DECISION_STEP #column-3, .portlet-layout.row.DIGITAL_VS_PAPER_STEP #column-3, .portlet-layout.row.ESIGN_IBAN_STEP #column-3, .portlet-layout.row.ESIGN_CONSENTS_STEP #column-3, .portlet-layout.row.ESIGN_CONTRACTS_STEP #column-3, .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP #column-3, .portlet-layout.row.DOC_UPLOAD_STEP #column-3, .portlet-layout.row.DIGITAL_NEXT_STEP #column-3, .portlet-layout.row.DIGITAL_NEXT_STEP_DONE #column-3, .portlet-layout.row.TRADITIONAL_NEXT_STEP #column-3 {
    max-width: 720px;
    flex: 1 0 0;
    width: 100%; }
  .portlet-layout.row.errorStep5, .portlet-layout.row.errorStep-75, .portlet-layout.row.DIGITAL_NEXT_STEP, .portlet-layout.row.DIGITAL_NEXT_STEP_DONE, .portlet-layout.row.TRADITIONAL_NEXT_STEP, .portlet-layout.row.ESIGN_CONSENTS_STEP, .portlet-layout.row.ESIGN_CONTRACTS_STEP, .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP, .portlet-layout.row.DOC_UPLOAD_STEP, .portlet-layout.row.errorStep-80 {
    padding: 0; }
    .portlet-layout.row.errorStep5 .defButton,
    .portlet-layout.row.errorStep5 .defButtonInv,
    .portlet-layout.row.errorStep5 .defButtonInvF, .portlet-layout.row.errorStep-75 .defButton,
    .portlet-layout.row.errorStep-75 .defButtonInv,
    .portlet-layout.row.errorStep-75 .defButtonInvF, .portlet-layout.row.DIGITAL_NEXT_STEP .defButton,
    .portlet-layout.row.DIGITAL_NEXT_STEP .defButtonInv,
    .portlet-layout.row.DIGITAL_NEXT_STEP .defButtonInvF, .portlet-layout.row.DIGITAL_NEXT_STEP_DONE .defButton,
    .portlet-layout.row.DIGITAL_NEXT_STEP_DONE .defButtonInv,
    .portlet-layout.row.DIGITAL_NEXT_STEP_DONE .defButtonInvF, .portlet-layout.row.TRADITIONAL_NEXT_STEP .defButton,
    .portlet-layout.row.TRADITIONAL_NEXT_STEP .defButtonInv,
    .portlet-layout.row.TRADITIONAL_NEXT_STEP .defButtonInvF, .portlet-layout.row.ESIGN_CONSENTS_STEP .defButton,
    .portlet-layout.row.ESIGN_CONSENTS_STEP .defButtonInv,
    .portlet-layout.row.ESIGN_CONSENTS_STEP .defButtonInvF, .portlet-layout.row.ESIGN_CONTRACTS_STEP .defButton,
    .portlet-layout.row.ESIGN_CONTRACTS_STEP .defButtonInv,
    .portlet-layout.row.ESIGN_CONTRACTS_STEP .defButtonInvF, .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP .defButton,
    .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP .defButtonInv,
    .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP .defButtonInvF, .portlet-layout.row.DOC_UPLOAD_STEP .defButton,
    .portlet-layout.row.DOC_UPLOAD_STEP .defButtonInv,
    .portlet-layout.row.DOC_UPLOAD_STEP .defButtonInvF, .portlet-layout.row.errorStep-80 .defButton,
    .portlet-layout.row.errorStep-80 .defButtonInv,
    .portlet-layout.row.errorStep-80 .defButtonInvF {
      padding: 6px 20px;
      text-decoration: none; }
    .portlet-layout.row.errorStep5 #column-2,
    .portlet-layout.row.errorStep5 #column-4, .portlet-layout.row.errorStep-75 #column-2,
    .portlet-layout.row.errorStep-75 #column-4, .portlet-layout.row.DIGITAL_NEXT_STEP #column-2,
    .portlet-layout.row.DIGITAL_NEXT_STEP #column-4, .portlet-layout.row.DIGITAL_NEXT_STEP_DONE #column-2,
    .portlet-layout.row.DIGITAL_NEXT_STEP_DONE #column-4, .portlet-layout.row.TRADITIONAL_NEXT_STEP #column-2,
    .portlet-layout.row.TRADITIONAL_NEXT_STEP #column-4, .portlet-layout.row.ESIGN_CONSENTS_STEP #column-2,
    .portlet-layout.row.ESIGN_CONSENTS_STEP #column-4, .portlet-layout.row.ESIGN_CONTRACTS_STEP #column-2,
    .portlet-layout.row.ESIGN_CONTRACTS_STEP #column-4, .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP #column-2,
    .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP #column-4, .portlet-layout.row.DOC_UPLOAD_STEP #column-2,
    .portlet-layout.row.DOC_UPLOAD_STEP #column-4, .portlet-layout.row.errorStep-80 #column-2,
    .portlet-layout.row.errorStep-80 #column-4 {
      max-width: 0%;
      opacity: 0;
      padding: 0;
      height: 0; }
    .portlet-layout.row.errorStep5 #column-3, .portlet-layout.row.errorStep-75 #column-3, .portlet-layout.row.DIGITAL_NEXT_STEP #column-3, .portlet-layout.row.DIGITAL_NEXT_STEP_DONE #column-3, .portlet-layout.row.TRADITIONAL_NEXT_STEP #column-3, .portlet-layout.row.ESIGN_CONSENTS_STEP #column-3, .portlet-layout.row.ESIGN_CONTRACTS_STEP #column-3, .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP #column-3, .portlet-layout.row.DOC_UPLOAD_STEP #column-3, .portlet-layout.row.errorStep-80 #column-3 {
      width: 100%;
      max-width: 100%;
      margin: 0;
      padding: 0; }
      .portlet-layout.row.errorStep5 #column-3 #form_contact_fieldset, .portlet-layout.row.errorStep-75 #column-3 #form_contact_fieldset, .portlet-layout.row.DIGITAL_NEXT_STEP #column-3 #form_contact_fieldset, .portlet-layout.row.DIGITAL_NEXT_STEP_DONE #column-3 #form_contact_fieldset, .portlet-layout.row.TRADITIONAL_NEXT_STEP #column-3 #form_contact_fieldset, .portlet-layout.row.ESIGN_CONSENTS_STEP #column-3 #form_contact_fieldset, .portlet-layout.row.ESIGN_CONTRACTS_STEP #column-3 #form_contact_fieldset, .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP #column-3 #form_contact_fieldset, .portlet-layout.row.DOC_UPLOAD_STEP #column-3 #form_contact_fieldset, .portlet-layout.row.errorStep-80 #column-3 #form_contact_fieldset {
        margin: auto;
        text-align: center; }
        .portlet-layout.row.errorStep5 #column-3 #form_contact_fieldset > div, .portlet-layout.row.errorStep-75 #column-3 #form_contact_fieldset > div, .portlet-layout.row.DIGITAL_NEXT_STEP #column-3 #form_contact_fieldset > div, .portlet-layout.row.DIGITAL_NEXT_STEP_DONE #column-3 #form_contact_fieldset > div, .portlet-layout.row.TRADITIONAL_NEXT_STEP #column-3 #form_contact_fieldset > div, .portlet-layout.row.ESIGN_CONSENTS_STEP #column-3 #form_contact_fieldset > div, .portlet-layout.row.ESIGN_CONTRACTS_STEP #column-3 #form_contact_fieldset > div, .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP #column-3 #form_contact_fieldset > div, .portlet-layout.row.DOC_UPLOAD_STEP #column-3 #form_contact_fieldset > div, .portlet-layout.row.errorStep-80 #column-3 #form_contact_fieldset > div {
          display: inline-flex;
          text-align: center; }
        .portlet-layout.row.errorStep5 #column-3 #form_contact_fieldset fieldset > div, .portlet-layout.row.errorStep-75 #column-3 #form_contact_fieldset fieldset > div, .portlet-layout.row.DIGITAL_NEXT_STEP #column-3 #form_contact_fieldset fieldset > div, .portlet-layout.row.DIGITAL_NEXT_STEP_DONE #column-3 #form_contact_fieldset fieldset > div, .portlet-layout.row.TRADITIONAL_NEXT_STEP #column-3 #form_contact_fieldset fieldset > div, .portlet-layout.row.ESIGN_CONSENTS_STEP #column-3 #form_contact_fieldset fieldset > div, .portlet-layout.row.ESIGN_CONTRACTS_STEP #column-3 #form_contact_fieldset fieldset > div, .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP #column-3 #form_contact_fieldset fieldset > div, .portlet-layout.row.DOC_UPLOAD_STEP #column-3 #form_contact_fieldset fieldset > div, .portlet-layout.row.errorStep-80 #column-3 #form_contact_fieldset fieldset > div {
          display: inline-block;
          text-align: center; }
        .portlet-layout.row.errorStep5 #column-3 #form_contact_fieldset .field, .portlet-layout.row.errorStep-75 #column-3 #form_contact_fieldset .field, .portlet-layout.row.DIGITAL_NEXT_STEP #column-3 #form_contact_fieldset .field, .portlet-layout.row.DIGITAL_NEXT_STEP_DONE #column-3 #form_contact_fieldset .field, .portlet-layout.row.TRADITIONAL_NEXT_STEP #column-3 #form_contact_fieldset .field, .portlet-layout.row.ESIGN_CONSENTS_STEP #column-3 #form_contact_fieldset .field, .portlet-layout.row.ESIGN_CONTRACTS_STEP #column-3 #form_contact_fieldset .field, .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP #column-3 #form_contact_fieldset .field, .portlet-layout.row.DOC_UPLOAD_STEP #column-3 #form_contact_fieldset .field, .portlet-layout.row.errorStep-80 #column-3 #form_contact_fieldset .field {
          height: auto; }
          .portlet-layout.row.errorStep5 #column-3 #form_contact_fieldset .field > span, .portlet-layout.row.errorStep-75 #column-3 #form_contact_fieldset .field > span, .portlet-layout.row.DIGITAL_NEXT_STEP #column-3 #form_contact_fieldset .field > span, .portlet-layout.row.DIGITAL_NEXT_STEP_DONE #column-3 #form_contact_fieldset .field > span, .portlet-layout.row.TRADITIONAL_NEXT_STEP #column-3 #form_contact_fieldset .field > span, .portlet-layout.row.ESIGN_CONSENTS_STEP #column-3 #form_contact_fieldset .field > span, .portlet-layout.row.ESIGN_CONTRACTS_STEP #column-3 #form_contact_fieldset .field > span, .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP #column-3 #form_contact_fieldset .field > span, .portlet-layout.row.DOC_UPLOAD_STEP #column-3 #form_contact_fieldset .field > span, .portlet-layout.row.errorStep-80 #column-3 #form_contact_fieldset .field > span {
            display: none; }
        .portlet-layout.row.errorStep5 #column-3 #form_contact_fieldset .field.label, .portlet-layout.row.errorStep-75 #column-3 #form_contact_fieldset .field.label, .portlet-layout.row.DIGITAL_NEXT_STEP #column-3 #form_contact_fieldset .field.label, .portlet-layout.row.DIGITAL_NEXT_STEP_DONE #column-3 #form_contact_fieldset .field.label, .portlet-layout.row.TRADITIONAL_NEXT_STEP #column-3 #form_contact_fieldset .field.label, .portlet-layout.row.ESIGN_CONSENTS_STEP #column-3 #form_contact_fieldset .field.label, .portlet-layout.row.ESIGN_CONTRACTS_STEP #column-3 #form_contact_fieldset .field.label, .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP #column-3 #form_contact_fieldset .field.label, .portlet-layout.row.DOC_UPLOAD_STEP #column-3 #form_contact_fieldset .field.label, .portlet-layout.row.errorStep-80 #column-3 #form_contact_fieldset .field.label {
          max-width: 300px; }
      .portlet-layout.row.errorStep5 #column-3 #buttonSetFinish, .portlet-layout.row.errorStep-75 #column-3 #buttonSetFinish, .portlet-layout.row.DIGITAL_NEXT_STEP #column-3 #buttonSetFinish, .portlet-layout.row.DIGITAL_NEXT_STEP_DONE #column-3 #buttonSetFinish, .portlet-layout.row.TRADITIONAL_NEXT_STEP #column-3 #buttonSetFinish, .portlet-layout.row.ESIGN_CONSENTS_STEP #column-3 #buttonSetFinish, .portlet-layout.row.ESIGN_CONTRACTS_STEP #column-3 #buttonSetFinish, .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP #column-3 #buttonSetFinish, .portlet-layout.row.DOC_UPLOAD_STEP #column-3 #buttonSetFinish, .portlet-layout.row.errorStep-80 #column-3 #buttonSetFinish {
        max-width: 488px;
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - 16px); }
        .portlet-layout.row.errorStep5 #column-3 #buttonSetFinish > div, .portlet-layout.row.errorStep-75 #column-3 #buttonSetFinish > div, .portlet-layout.row.DIGITAL_NEXT_STEP #column-3 #buttonSetFinish > div, .portlet-layout.row.DIGITAL_NEXT_STEP_DONE #column-3 #buttonSetFinish > div, .portlet-layout.row.TRADITIONAL_NEXT_STEP #column-3 #buttonSetFinish > div, .portlet-layout.row.ESIGN_CONSENTS_STEP #column-3 #buttonSetFinish > div, .portlet-layout.row.ESIGN_CONTRACTS_STEP #column-3 #buttonSetFinish > div, .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP #column-3 #buttonSetFinish > div, .portlet-layout.row.DOC_UPLOAD_STEP #column-3 #buttonSetFinish > div, .portlet-layout.row.errorStep-80 #column-3 #buttonSetFinish > div {
          display: inline-flex; }
        @media screen and (min-width: 768px) {
          .portlet-layout.row.errorStep5 #column-3 #buttonSetFinish, .portlet-layout.row.errorStep-75 #column-3 #buttonSetFinish, .portlet-layout.row.DIGITAL_NEXT_STEP #column-3 #buttonSetFinish, .portlet-layout.row.DIGITAL_NEXT_STEP_DONE #column-3 #buttonSetFinish, .portlet-layout.row.TRADITIONAL_NEXT_STEP #column-3 #buttonSetFinish, .portlet-layout.row.ESIGN_CONSENTS_STEP #column-3 #buttonSetFinish, .portlet-layout.row.ESIGN_CONTRACTS_STEP #column-3 #buttonSetFinish, .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP #column-3 #buttonSetFinish, .portlet-layout.row.DOC_UPLOAD_STEP #column-3 #buttonSetFinish, .portlet-layout.row.errorStep-80 #column-3 #buttonSetFinish {
            width: calc(100% - 32px); }
            .portlet-layout.row.errorStep5 #column-3 #buttonSetFinish .field.c6, .portlet-layout.row.errorStep-75 #column-3 #buttonSetFinish .field.c6, .portlet-layout.row.DIGITAL_NEXT_STEP #column-3 #buttonSetFinish .field.c6, .portlet-layout.row.DIGITAL_NEXT_STEP_DONE #column-3 #buttonSetFinish .field.c6, .portlet-layout.row.TRADITIONAL_NEXT_STEP #column-3 #buttonSetFinish .field.c6, .portlet-layout.row.ESIGN_CONSENTS_STEP #column-3 #buttonSetFinish .field.c6, .portlet-layout.row.ESIGN_CONTRACTS_STEP #column-3 #buttonSetFinish .field.c6, .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP #column-3 #buttonSetFinish .field.c6, .portlet-layout.row.DOC_UPLOAD_STEP #column-3 #buttonSetFinish .field.c6, .portlet-layout.row.errorStep-80 #column-3 #buttonSetFinish .field.c6 {
              max-width: 50%; } }
      .portlet-layout.row.errorStep5 #column-3 fieldset.twoButtons, .portlet-layout.row.errorStep-75 #column-3 fieldset.twoButtons, .portlet-layout.row.DIGITAL_NEXT_STEP #column-3 fieldset.twoButtons, .portlet-layout.row.DIGITAL_NEXT_STEP_DONE #column-3 fieldset.twoButtons, .portlet-layout.row.TRADITIONAL_NEXT_STEP #column-3 fieldset.twoButtons, .portlet-layout.row.ESIGN_CONSENTS_STEP #column-3 fieldset.twoButtons, .portlet-layout.row.ESIGN_CONTRACTS_STEP #column-3 fieldset.twoButtons, .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP #column-3 fieldset.twoButtons, .portlet-layout.row.DOC_UPLOAD_STEP #column-3 fieldset.twoButtons, .portlet-layout.row.errorStep-80 #column-3 fieldset.twoButtons {
        max-width: 720px;
        margin: auto;
        margin-top: 40px; }
      .portlet-layout.row.errorStep5 #column-3 .field, .portlet-layout.row.errorStep-75 #column-3 .field, .portlet-layout.row.DIGITAL_NEXT_STEP #column-3 .field, .portlet-layout.row.DIGITAL_NEXT_STEP_DONE #column-3 .field, .portlet-layout.row.TRADITIONAL_NEXT_STEP #column-3 .field, .portlet-layout.row.ESIGN_CONSENTS_STEP #column-3 .field, .portlet-layout.row.ESIGN_CONTRACTS_STEP #column-3 .field, .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP #column-3 .field, .portlet-layout.row.DOC_UPLOAD_STEP #column-3 .field, .portlet-layout.row.errorStep-80 #column-3 .field {
        margin-right: auto;
        margin-left: auto;
        max-width: 720px; }
        @media screen and (max-width: 767px) {
          .portlet-layout.row.errorStep5 #column-3 .field, .portlet-layout.row.errorStep-75 #column-3 .field, .portlet-layout.row.DIGITAL_NEXT_STEP #column-3 .field, .portlet-layout.row.DIGITAL_NEXT_STEP_DONE #column-3 .field, .portlet-layout.row.TRADITIONAL_NEXT_STEP #column-3 .field, .portlet-layout.row.ESIGN_CONSENTS_STEP #column-3 .field, .portlet-layout.row.ESIGN_CONTRACTS_STEP #column-3 .field, .portlet-layout.row.ESIGN_COHOLDER_OPTION_STEP #column-3 .field, .portlet-layout.row.DOC_UPLOAD_STEP #column-3 .field, .portlet-layout.row.errorStep-80 #column-3 .field {
            max-width: calc(100% - 16px);
            padding-left: 0;
            padding-right: 0; } }
  .portlet-layout.row.DIGITAL_NEXT_STEP #column-3 .field, .portlet-layout.row.DIGITAL_NEXT_STEP_DONE #column-3 .field, .portlet-layout.row.TRADITIONAL_NEXT_STEP #column-3 .field {
    padding-top: 16px;
    padding-bottom: 16px; }
    @media screen and (min-width: 768px) {
      .portlet-layout.row.DIGITAL_NEXT_STEP #column-3 .field, .portlet-layout.row.DIGITAL_NEXT_STEP_DONE #column-3 .field, .portlet-layout.row.TRADITIONAL_NEXT_STEP #column-3 .field {
        max-width: calc(580px + 32px); } }
  .portlet-layout.row .defButton.printIcon, .portlet-layout.row .defButton.downloadIcon, .portlet-layout.row .defButton.eyeIcon, .portlet-layout.row .defButton.mailIcon,
  .portlet-layout.row .defButtonInv.printIcon,
  .portlet-layout.row .defButtonInv.downloadIcon,
  .portlet-layout.row .defButtonInv.eyeIcon,
  .portlet-layout.row .defButtonInv.mailIcon,
  .portlet-layout.row .defButtonInvF.printIcon,
  .portlet-layout.row .defButtonInvF.downloadIcon,
  .portlet-layout.row .defButtonInvF.eyeIcon,
  .portlet-layout.row .defButtonInvF.mailIcon {
    padding: 6px 45px 2px 14px;
    background-image: url("/o/CetelemPTTheme/images/svg/Main/Solid/Mail_white.svg");
    background-position-x: calc(100% - 14px);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position-y: calc(50% - 1px);
    color: #fff;
    font-size: 14px; }
    @media screen and (max-width: 360px) {
      .portlet-layout.row .defButton.printIcon, .portlet-layout.row .defButton.downloadIcon, .portlet-layout.row .defButton.eyeIcon, .portlet-layout.row .defButton.mailIcon,
      .portlet-layout.row .defButtonInv.printIcon,
      .portlet-layout.row .defButtonInv.downloadIcon,
      .portlet-layout.row .defButtonInv.eyeIcon,
      .portlet-layout.row .defButtonInv.mailIcon,
      .portlet-layout.row .defButtonInvF.printIcon,
      .portlet-layout.row .defButtonInvF.downloadIcon,
      .portlet-layout.row .defButtonInvF.eyeIcon,
      .portlet-layout.row .defButtonInvF.mailIcon {
        margin: 16px 0 0 0;
        height: 32px;
        width: 160px;
        padding: 6px 30px 2px 0; } }
    .portlet-layout.row .defButton.printIcon:hover, .portlet-layout.row .defButton.downloadIcon:hover, .portlet-layout.row .defButton.eyeIcon:hover, .portlet-layout.row .defButton.mailIcon:hover,
    .portlet-layout.row .defButtonInv.printIcon:hover,
    .portlet-layout.row .defButtonInv.downloadIcon:hover,
    .portlet-layout.row .defButtonInv.eyeIcon:hover,
    .portlet-layout.row .defButtonInv.mailIcon:hover,
    .portlet-layout.row .defButtonInvF.printIcon:hover,
    .portlet-layout.row .defButtonInvF.downloadIcon:hover,
    .portlet-layout.row .defButtonInvF.eyeIcon:hover,
    .portlet-layout.row .defButtonInvF.mailIcon:hover {
      text-decoration: none; }
    .portlet-layout.row .defButton.printIcon.defButtonInvF, .portlet-layout.row .defButton.downloadIcon.defButtonInvF, .portlet-layout.row .defButton.eyeIcon.defButtonInvF, .portlet-layout.row .defButton.mailIcon.defButtonInvF,
    .portlet-layout.row .defButtonInv.printIcon.defButtonInvF,
    .portlet-layout.row .defButtonInv.downloadIcon.defButtonInvF,
    .portlet-layout.row .defButtonInv.eyeIcon.defButtonInvF,
    .portlet-layout.row .defButtonInv.mailIcon.defButtonInvF,
    .portlet-layout.row .defButtonInvF.printIcon.defButtonInvF,
    .portlet-layout.row .defButtonInvF.downloadIcon.defButtonInvF,
    .portlet-layout.row .defButtonInvF.eyeIcon.defButtonInvF,
    .portlet-layout.row .defButtonInvF.mailIcon.defButtonInvF {
      color: #9ac433;
      background-image: url("/o/CetelemPTTheme/images/svg/Main/Solid/Mail.svg"); }
  .portlet-layout.row .defButton.printIcon,
  .portlet-layout.row .defButtonInv.printIcon,
  .portlet-layout.row .defButtonInvF.printIcon {
    background-image: url(/o/CetelemPTTheme/images/svg/Main/Solid/Print.svg); }
    .portlet-layout.row .defButton.printIcon.defButtonInvF,
    .portlet-layout.row .defButtonInv.printIcon.defButtonInvF,
    .portlet-layout.row .defButtonInvF.printIcon.defButtonInvF {
      background-image: url(/o/CetelemPTTheme/images/svg/Main/Solid/Print_green.svg); }
  .portlet-layout.row .defButton.eyeIcon,
  .portlet-layout.row .defButtonInv.eyeIcon,
  .portlet-layout.row .defButtonInvF.eyeIcon {
    height: 100%;
    background-position-x: 9px;
    background-position-y: 7px;
    background-size: 16px;
    padding: 6px 8px 2px 31px;
    background-image: url("/o/CetelemPTTheme/images/svg/UI/Eye_white.svg"); }
    .portlet-layout.row .defButton.eyeIcon.defButtonInvF,
    .portlet-layout.row .defButtonInv.eyeIcon.defButtonInvF,
    .portlet-layout.row .defButtonInvF.eyeIcon.defButtonInvF {
      background-image: url("/o/CetelemPTTheme/images/svg/UI/Eye.svg"); }
    .portlet-layout.row .defButton.eyeIcon a,
    .portlet-layout.row .defButtonInv.eyeIcon a,
    .portlet-layout.row .defButtonInvF.eyeIcon a {
      text-decoration: none; }
    @media screen and (max-width: 767px) {
      .portlet-layout.row .defButton.eyeIcon,
      .portlet-layout.row .defButtonInv.eyeIcon,
      .portlet-layout.row .defButtonInvF.eyeIcon {
        padding: 5px 12px 2px 34px;
        width: auto;
        background-position-x: 8px; } }
  .portlet-layout.row .defButton.downloadIcon,
  .portlet-layout.row .defButtonInv.downloadIcon,
  .portlet-layout.row .defButtonInvF.downloadIcon {
    background-image: url(/o/CetelemPTTheme/images/svg/icn-standard-download_white.svg); }
    .portlet-layout.row .defButton.downloadIcon.defButtonInvF,
    .portlet-layout.row .defButtonInv.downloadIcon.defButtonInvF,
    .portlet-layout.row .defButtonInvF.downloadIcon.defButtonInvF {
      background-image: url(/o/CetelemPTTheme/images/svg/icn-standard-download.svg); }

.formStep.crs .formError {
  text-align: center; }
  .formStep.crs .formError > * {
    max-width: 544px;
    margin: 8px auto; }
  .formStep.crs .formError .circle {
    display: inline-block;
    text-align: center;
    width: 80px;
    height: 80px;
    background-color: #ee151d;
    border-radius: 100%;
    position: relative; }
    .formStep.crs .formError .circle > div {
      color: #fff;
      font-size: 56px;
      top: 55%;
      font-family: BNPP BLACK;
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
  .formStep.crs .formError .title {
    color: #ee151d;
    font-family: BNPP BLACK;
    font-size: 32px;
    line-height: 38px; }
    @media screen and (max-width: 767px) {
      .formStep.crs .formError .title {
        font-size: 28px;
        line-height: 30px; } }

.formStep.crs .field {
  margin: auto;
  max-width: 720px; }
  @media screen and (max-width: 767px) {
    .formStep.crs .field {
      max-width: calc(100% - 16px);
      padding-left: 0;
      padding-right: 0; } }

.loading .ajax-loader .modal.popUp {
  display: none; }

.portlet-layout.row.proposalFormRow.HOLDER_CHOOSE_OTP #column-3 {
  margin-top: 0; }

.proposalForm #chooseOtp div.nameLabel.label > div.fieldValue, #IGPformOtp div.nameLabel.label > div.fieldValue, .proposalForm #chooseOtpT2 div.nameLabel.label > div.fieldValue {
  color: #9ac433;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  font-family: BNPP Black; }

.proposalForm #chooseOtp .field.buttonWrapper, #IGPformOtp .field.buttonWrapper, .proposalForm #chooseOtpT2 .field.buttonWrapper {
  padding-bottom: 0; }

.proposalForm #chooseOtp .igpOtpForm, #IGPformOtp .igpOtpForm, .proposalForm #chooseOtpT2 .igpOtpForm {
  margin-bottom: 16px;
  text-align: center;
  line-height: 24px; }
  @media screen and (max-width: 425px) {
    .proposalForm #chooseOtp .igpOtpForm, #IGPformOtp .igpOtpForm, .proposalForm #chooseOtpT2 .igpOtpForm {
      margin-bottom: 0; } }
  .proposalForm #chooseOtp .igpOtpForm > div.circle80.bg2, #IGPformOtp .igpOtpForm > div.circle80.bg2, .proposalForm #chooseOtpT2 .igpOtpForm > div.circle80.bg2 {
    margin-bottom: 16px; }
  .proposalForm #chooseOtp .igpOtpForm > div:nth-of-type(2), #IGPformOtp .igpOtpForm > div:nth-of-type(2), .proposalForm #chooseOtpT2 .igpOtpForm > div:nth-of-type(2) {
    color: #3f4a56;
    font-size: 16px;
    line-height: 24px;
    text-align: center; }

#AGILEComplementaryInformation, #AGILEComplementaryBankInfo, #AGILEComplementaryInformationCoHolder, #form-gdpr-set {
  max-width: 480px;
  margin: 32px auto 16px auto; }

#portlet_com_cetelem_credit_status_portlet {
  text-align: center;
  margin: auto; }
  #portlet_com_cetelem_credit_status_portlet .proposalForm {
    max-width: 478px;
    display: -webkit-box;
    margin: auto;
    text-align: initial; }
    #portlet_com_cetelem_credit_status_portlet .proposalForm[data-step="stepCreditStatusDetail"] {
      text-align: center;
      max-width: 964px; }
      @media screen and (max-width: 991px) {
        #portlet_com_cetelem_credit_status_portlet .proposalForm[data-step="stepCreditStatusDetail"] {
          max-width: 472px; } }
  #portlet_com_cetelem_credit_status_portlet .fixedTL {
    left: 0; }
    @media screen and (min-width: 1280px) {
      #portlet_com_cetelem_credit_status_portlet .fixedTL {
        left: calc(50% - 640px); } }
  #portlet_com_cetelem_credit_status_portlet .fixedTR {
    right: 0; }
    @media screen and (min-width: 1280px) {
      #portlet_com_cetelem_credit_status_portlet .fixedTR {
        right: calc(50% - 640px); } }
  #portlet_com_cetelem_credit_status_portlet .fixedTL,
  #portlet_com_cetelem_credit_status_portlet .fixedTR {
    position: fixed;
    top: 0;
    z-index: 999; }
    #portlet_com_cetelem_credit_status_portlet .fixedTL.pagetitle,
    #portlet_com_cetelem_credit_status_portlet .fixedTR.pagetitle {
      font-family: BNPP;
      color: #FFF;
      font-size: 16px; }
    #portlet_com_cetelem_credit_status_portlet .fixedTL.logout a,
    #portlet_com_cetelem_credit_status_portlet .fixedTR.logout a {
      color: #fff;
      font-size: 14px;
      line-height: 17px;
      font-family: BNPP; }
      #portlet_com_cetelem_credit_status_portlet .fixedTL.logout a:hover,
      #portlet_com_cetelem_credit_status_portlet .fixedTR.logout a:hover {
        text-decoration: underline; }
    #portlet_com_cetelem_credit_status_portlet .fixedTL.logout img,
    #portlet_com_cetelem_credit_status_portlet .fixedTR.logout img {
      width: 16px;
      height: 12px; }
    @media screen and (max-width: 1280px) {
      #portlet_com_cetelem_credit_status_portlet .fixedTL,
      #portlet_com_cetelem_credit_status_portlet .fixedTR {
        margin-left: 0;
        margin-right: 0; } }
    @media screen and (max-width: 425px) {
      #portlet_com_cetelem_credit_status_portlet .fixedTL,
      #portlet_com_cetelem_credit_status_portlet .fixedTR {
        padding: 24px 16px; }
        #portlet_com_cetelem_credit_status_portlet .fixedTL.pagetitle,
        #portlet_com_cetelem_credit_status_portlet .fixedTR.pagetitle {
          max-width: 100px;
          text-align: left;
          line-height: 16px;
          padding: 18px 0 0 16px; } }
  #portlet_com_cetelem_credit_status_portlet .proposalForm[data-step="0"] .fixedTL, #portlet_com_cetelem_credit_status_portlet .proposalForm[data-step="0"] .fixedTR, #portlet_com_cetelem_credit_status_portlet .proposalForm[data-step="stepFormOtp"] .fixedTL, #portlet_com_cetelem_credit_status_portlet .proposalForm[data-step="stepFormOtp"] .fixedTR {
    display: none; }
  @media screen and (max-width: 991px) {
    #portlet_com_cetelem_credit_status_portlet {
      margin-top: 0px; } }

ul.select2-results__options--nested li.select2-results__option:first-of-type {
  display: none; }

.swal-button {
  border-radius: 3px;
  padding: 10px 20px;
  font-size: 16px;
  font-family: "BNPP";
  text-align: center;
  display: inline-block;
  transition: all 200ms linear;
  background-color: #9ac433;
  color: #fff;
  opacity: 1;
  position: relative;
  font-weight: normal; }

.swal-modal.legalMention {
  max-width: 480px; }

.swal-overlay--show-modal .swal-modal.eSignDialog {
  background-color: transparent;
  box-shadow: none;
  font-size: 16px; }
  .swal-overlay--show-modal .swal-modal.eSignDialog .swal-icon img {
    height: 120px;
    width: 120px; }
  .swal-overlay--show-modal .swal-modal.eSignDialog .swal-title, .swal-overlay--show-modal .swal-modal.eSignDialog .swal-text {
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 24px; }
  .swal-overlay--show-modal .swal-modal.eSignDialog .swal-button {
    padding-left: 70px;
    padding-right: 70px; }

.swal-overlay--show-modal .swal-modal {
  box-shadow: 0 14px 28px 0 rgba(0, 0, 0, 0.3); }

.legalMention > div.swal-title {
  font-size: 18px;
  font-family: BNPP Black;
  text-align: center;
  color: #F84717;
  line-height: 22px; }

.legalMention {
  width: 600px; }
  @media screen and (max-width: 767px) {
    .legalMention {
      width: calc(100% - 20px); } }
  .legalMention > div.swal-text {
    color: #3f4a56;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    font-family: BNPP; }
  .legalMention > div.swal-footer {
    text-align: center;
    padding-top: 0; }
    .legalMention > div.swal-footer button {
      font-weight: 100;
      min-width: 200px; }
  .legalMention img {
    width: 48px;
    height: 48px; }

.disabled {
  opacity: 0.5; }
  .disabled *:not(span) {
    pointer-events: none !important; }

.tooltipster-sidetip .tooltipster-content {
  padding: 12px; }
  .tooltipster-sidetip .tooltipster-content * {
    color: #fff; }

.swal-title {
  color: #9ac433;
  font-weight: normal;
  font-family: BNPP BLACK; }

.swal-text {
  font-family: BNPP; }

.click2callchatDiv {
  padding: 0 !important; }
  .click2callchatDiv #webcareslotcontainer_20028 {
    width: auto; }

.swal-overlay {
  background-color: rgba(63, 74, 86, 0.95); }

.swal-modal.otpSuccessDialog {
  background: none;
  box-shadow: none; }
  .swal-modal.otpSuccessDialog .swal-title {
    color: #fff; }

.swal-modal .swal-footer {
  text-align: center; }

.swal-modal .legalMention {
  max-width: 550px; }
  .swal-modal .legalMention > div.swal-title {
    font-size: 18px;
    font-family: BNPP Black;
    text-align: center;
    color: #F84717;
    line-height: 22px; }
  .swal-modal .legalMention > div.swal-text {
    color: #3f4a56;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    font-family: BNPP; }
  .swal-modal .legalMention > div.swal-footer {
    margin-top: 0;
    text-align: center; }
    .swal-modal .legalMention > div.swal-footer button {
      font-weight: 100;
      width: 200px; }

.swal-modal .swal-icon img {
  width: 48px;
  height: 48px; }

.swal-modal #closeSwal {
  width: 48px;
  height: 48px;
  opacity: 0.3;
  position: absolute;
  right: -4px;
  top: -4px;
  content: "";
  background-size: 24px 24px;
  background-image: url(/o/CetelemPTTheme/images/svg/UI/Solid/CrossError.svg);
  background-repeat: no-repeat;
  background-position: 12px; }
  .swal-modal #closeSwal:hover {
    opacity: 0.9; }

.fieldset.oneInput {
  padding: 0 8px; }

.col-md-8.portlet-column.portlet-column-first {
  padding: 0;
  overflow: hidden; }

.proposalForm {
  display: -webkit-inline-box;
  justify-content: space-between;
  width: 100%;
  font-size: 0;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  position: relative;
  /* #form-gdpr-set {
    max-width: 580px;
    margin: 16px auto;
    > div {
      display: block;
    }
  } */ }
  .proposalForm .text14 {
    font-size: 14px; }
  .proposalForm div.label.formText > div.fieldValue {
    font-size: 16px;
    line-height: 24px;
    font-family: BNPP;
    color: #3f4a56;
    font-weight: 100; }
  .proposalForm div.label.formText.addressLabel {
    text-align: left;
    padding-top: 0; }
  .proposalForm #form-gdpr-set > div {
    width: 100%; }
  .proposalForm #form-gdpr-set > legend {
    padding-left: 16px;
    padding-right: 16px; }
  .proposalForm #traditional-step-label {
    text-align: left; }
    .proposalForm #traditional-step-label > div.fieldValue {
      margin-left: 64px; }
  @media screen and (max-width: 767px) {
    .proposalForm #buttonWrapperTraditional {
      display: none; } }
  .proposalForm a {
    text-decoration: none; }
    .proposalForm a:hover {
      text-decoration: underline; }
  .proposalForm form[name="stepCreditStatusDetail"].formStep #crsUploadDocuments hr:last-of-type {
    display: none; }
  .proposalForm form[name="DIGITAL_NEXT_STEP"].formStep #esign-status-set {
    margin-top: 24px;
    margin-bottom: 16px; }
    .proposalForm form[name="DIGITAL_NEXT_STEP"].formStep #esign-status-set hr:last-of-type {
      display: block; }
    .proposalForm form[name="DIGITAL_NEXT_STEP"].formStep #esign-status-set .documentLabel .fieldValue:before {
      top: 20px !important; }
  .proposalForm #form-documents-list > ul {
    padding-left: 68px;
    list-style: none;
    margin-bottom: 0; }
    .proposalForm #form-documents-list > ul label {
      display: none; }
    .proposalForm #form-documents-list > ul > li:before {
      content: '- '; }
  .proposalForm #traditionalNextSteps_set .article div.flexContainer {
    text-align: left; }
    @media screen and (max-width: 360px) {
      .proposalForm #traditionalNextSteps_set .article div.flexContainer {
        padding-top: 32px; } }
    .proposalForm #traditionalNextSteps_set .article div.flexContainer div.circle56.bg2 {
      width: 40px;
      height: 40px;
      line-height: 42px;
      font-size: 24px; }
      .proposalForm #traditionalNextSteps_set .article div.flexContainer div.circle56.bg2 > div {
        color: white; }
    .proposalForm #traditionalNextSteps_set .article div.flexContainer > div:nth-of-type(2) {
      padding: 12px 12px 0;
      width: calc(100% - 56px);
      display: inline-block;
      padding-left: 8px; }
      @media screen and (max-width: 360px) {
        .proposalForm #traditionalNextSteps_set .article div.flexContainer > div:nth-of-type(2) {
          padding: 0 0 0; } }
      .proposalForm #traditionalNextSteps_set .article div.flexContainer > div:nth-of-type(2) div:nth-of-type(1) {
        color: #3f4a56; }
      .proposalForm #traditionalNextSteps_set .article div.flexContainer > div:nth-of-type(2) div:nth-of-type(2) p {
        color: #3f4a56;
        line-height: 19px;
        font-size: 16px;
        font-family: BNPP; }
  .proposalForm fieldset#AGILEStepTitle, .proposalForm fieldset#AGILEComplementaryStepStatus {
    text-align: center; }
  .proposalForm #esign-consents-set .label.field {
    padding: 16px 8px 0px 8px; }
    .proposalForm #esign-consents-set .label.field > .fieldLabel {
      padding-left: 0px;
      font-family: BNPP;
      font-size: 14px;
      line-height: 17px;
      text-align: left;
      color: #3f4a56; }
  .proposalForm #esign-consents-set hr {
    display: block; }
  .proposalForm #esign-consents-set hr + .label.field > .fieldLabel {
    font-family: BNPP Black; }
  .proposalForm fieldset.fieldset div.esignNameLabel {
    padding-top: 16px; }
    .proposalForm fieldset.fieldset div.esignNameLabel > .fieldLabel {
      text-align: center;
      color: #2C7A26;
      font-size: 20px;
      position: relative;
      line-height: 24px;
      font-family: BNPP Black; }
    .proposalForm fieldset.fieldset div.esignNameLabel > .fieldValue {
      color: #9ac433;
      font-size: 14px;
      line-height: 17px;
      font-family: BNPP Black; }
  .proposalForm .error75Image:after {
    content: url(/o/CetelemPTTheme/images/MrCredito_DuplicateRequest.jpg);
    display: block;
    margin: auto;
    max-width: 245px; }
    @media screen and (max-width: 360px) {
      .proposalForm .error75Image:after {
        display: none; } }
  .proposalForm .fieldset .nameLabel {
    padding-top: 0 !important; }
    .proposalForm .fieldset .nameLabel > div.fieldValue {
      font-size: 18px;
      line-height: 22px;
      text-align: center;
      color: #2C7A26;
      margin-bottom: 8px; }
  .proposalForm .personalDataTitle {
    padding-bottom: 0 !important; }
    .proposalForm .personalDataTitle > div.fieldValue {
      font-size: 24px;
      font-family: BNPP Black !important;
      color: #9ac433;
      line-height: 29px; }
  .proposalForm div.dataLegalPolicy {
    padding-top: 0 !important;
    padding-bottom: 24px; }
    @media screen and (max-width: 360px) {
      .proposalForm div.dataLegalPolicy {
        padding-bottom: 8px; } }
  .proposalForm .formTitleSubjectMobile {
    padding-top: 0;
    padding-bottom: 16px; }
    .proposalForm .formTitleSubjectMobile > div.fieldValue {
      display: none;
      line-height: 24px;
      text-align: center;
      font-size: 16px;
      color: #3f4a56; }
      @media screen and (max-width: 425px) {
        .proposalForm .formTitleSubjectMobile > div.fieldValue {
          display: block;
          padding-bottom: 0;
          padding-top: 0; } }
  .proposalForm .formTitleSubjectTablet {
    padding-top: 0;
    padding-bottom: 16px; }
    .proposalForm .formTitleSubjectTablet > div.fieldValue {
      display: none;
      line-height: 24px;
      text-align: center;
      font-size: 16px;
      color: #3f4a56; }
      @media screen and (max-width: 767px) {
        .proposalForm .formTitleSubjectTablet > div.fieldValue {
          display: block;
          padding-bottom: 0;
          padding-top: 0; } }
  .proposalForm div.formTitleSubject {
    padding-top: 8px;
    padding-bottom: 8px; }
    @media screen and (max-width: 360px) {
      .proposalForm div.formTitleSubject {
        padding: 0;
        margin: 0; } }
    .proposalForm div.formTitleSubject > div.fieldValue {
      line-height: 24px;
      text-align: center;
      font-size: 16px;
      color: #3f4a56; }
  .proposalForm .field.legalDataProtection {
    padding-top: 0;
    margin-bottom: 24px; }
    .proposalForm .field.legalDataProtection .headerGray {
      margin-top: 0; }
  .proposalForm .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 12px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    right: 16px;
    background: url(/o/CetelemPTTheme/images/arrowDown.png) no-repeat;
    background-size: 12px;
    width: 12px; }
    .proposalForm .select2-container--default .select2-selection--single .select2-selection__arrow b {
      display: none; }
  .proposalForm .ajax-loader .modal {
    position: fixed;
    background: rgba(255, 255, 255, 0.8); }
    .proposalForm .ajax-loader .modal > div {
      font-size: 18px;
      text-align: center;
      margin: auto;
      max-width: 400px;
      top: calc(50% - 80px);
      left: 50%;
      transform: translate(0%, -50%);
      -webkit-transform: translate(0%, -50%);
      position: relative; }
      .proposalForm .ajax-loader .modal > div > img {
        width: 64px;
        height: 64px; }
  .proposalForm .ajax-loader .popUp {
    background: rgba(0, 0, 0, 0.5); }
    .proposalForm .ajax-loader .popUp > div {
      max-height: 90%;
      overflow: scroll;
      max-width: 768px;
      width: 90%;
      background: #fff;
      padding: 0 40px;
      left: 0; }
      @media screen and (max-width: 991px) {
        .proposalForm .ajax-loader .popUp > div {
          padding: 0 24px; } }
      @media screen and (max-width: 767px) {
        .proposalForm .ajax-loader .popUp > div {
          padding: 0 12px; } }
    .proposalForm .ajax-loader .popUp.active {
      display: block !important;
      min-width: auto;
      min-height: auto; }
  .proposalForm .fieldset {
    margin-top: 16px;
    width: 100%; }
    .proposalForm .fieldset:first-of-type {
      margin-top: 16px; }
    .proposalForm .fieldset > fieldset > legend {
      display: none; }
    .proposalForm .fieldset.noFlexDiv > div {
      display: block;
      flex-wrap: wrap; }
    .proposalForm .fieldset > div {
      display: inline-flex;
      display: -ms-flexbox;
      flex-wrap: wrap; }
  .proposalForm .field.hidden {
    display: inherit !important;
    overflow: hidden !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important; }
    .proposalForm .field.hidden#crsCDAmount, .proposalForm .field.hidden#crsCDTerm, .proposalForm .field.hidden#crsCDInsurance, .proposalForm .field.hidden#crsCDMonthly, .proposalForm .field.hidden#crsCDAmountCard, .proposalForm .field.hidden#crsCDInsuranceCard {
      display: none !important; }
  .proposalForm .card-horizontal {
    border: none;
    margin-bottom: 0; }
  .proposalForm .card-row-padded {
    padding: 0; }
  .proposalForm .defButton {
    border: none;
    margin: 8px;
    outline: 0; }
  .proposalForm .creditBox {
    height: auto;
    width: 100%;
    border: 1px solid #DFE6EE;
    border-radius: 3px;
    border-left: 4px solid #9ac433;
    padding: 8px 16px 4px 16px;
    margin: 0 16px 8px 16px;
    font-family: BNPP;
    color: #9ac433;
    transition: all 0.2s ease; }
    .proposalForm .creditBox:first-of-type {
      margin-top: 24px; }
    @media screen and (max-width: 360px) {
      .proposalForm .creditBox {
        margin: 0 8px 8px 8px;
        padding: 8px 8px 4px 8px; } }
    .proposalForm .creditBox img.svg,
    .proposalForm .creditBox svg.svg {
      float: left;
      margin-right: 8px;
      width: 40px;
      height: 40px; }
      .proposalForm .creditBox img.svg *,
      .proposalForm .creditBox svg.svg * {
        fill: #9ac433; }
    .proposalForm .creditBox .title {
      font-size: 16px;
      line-height: 19px;
      margin-bottom: 4px;
      font-family: BNPP;
      color: #9ac433; }
    .proposalForm .creditBox .amount {
      color: #3f4a56;
      font-size: 14px;
      font-family: BNPP;
      line-height: 17px; }
    .proposalForm .creditBox p {
      font-family: BNPP;
      color: #9ac433;
      font-size: 14px;
      width: 100%;
      text-align: right;
      line-height: 17px;
      margin: 0;
      padding-top: 4px;
      margin-top: 10px;
      border-top: 1px solid #DFE6EE; }
    .proposalForm .creditBox:hover {
      text-decoration: none;
      transform: scale(1.01);
      -webkit-transform: scale(1.01);
      border-left: 4px solid #72a62f;
      cursor: pointer; }
      .proposalForm .creditBox:hover img.svg *,
      .proposalForm .creditBox:hover svg.svg * {
        fill: #72a62f; }
      .proposalForm .creditBox:hover .title,
      .proposalForm .creditBox:hover p {
        color: #72a62f; }
  .proposalForm .field.validate_select.valid > span.tooltipster, .proposalForm .field.validate_select.invalid > span.tooltipster {
    background: url(/o/CetelemPTTheme/images/svg/Main/Solid/Info.svg) no-repeat;
    background-position: 12px 15px;
    background-size: 16px; }
  .proposalForm .valid.validate_select > span {
    display: none; }
  .proposalForm .field.g-recaptcha.invalid {
    border: 1px solid red;
    border-radius: 3px;
    padding-bottom: 4px; }
    .proposalForm .field.g-recaptcha.invalid:after {
      color: #ee151d;
      content: attr(data-error);
      background-size: 12px;
      background-repeat: no-repeat;
      font-family: BNPP;
      line-height: 20px;
      margin: 0;
      padding: 0 8px;
      height: 0;
      text-align: center; }
  .proposalForm .field.g-recaptcha {
    margin: auto;
    height: auto;
    transform: scale(0.97);
    -webkit-transform: scale(0.97);
    padding: 8px;
    padding-bottom: 0; }
    @media screen and (max-width: 425px) {
      .proposalForm .field.g-recaptcha {
        padding-top: 0; } }
  .proposalForm .esignIbanHeader h2 {
    margin-bottom: 32px;
    line-height: 29px;
    color: #9ac433;
    font-family: BNPP Black;
    text-align: center;
    font-size: 24px; }
  .proposalForm .esignIbanHeader p:first-of-type {
    margin-bottom: 16px;
    color: #9ac433;
    font-size: 18px;
    font-family: BNPP Black; }
  .proposalForm .esignIbanHeader p:nth-of-type(2) {
    font-size: 16px;
    margin-top: 0px;
    color: #3f4a56;
    line-height: 22px;
    text-align: center; }
  .proposalForm .esignIbanHeader p:nth-of-type(3) {
    margin: 0px; }
  .proposalForm .esignTraditionalVsDigitalHeader h2 {
    margin-bottom: 16px;
    line-height: 29px;
    color: #9ac433;
    font-family: BNPP Black;
    text-align: center;
    font-size: 24px; }
  .proposalForm .esignTraditionalVsDigitalHeader p {
    font-size: 16px;
    margin-top: 0px;
    color: #3f4a56;
    line-height: 24px;
    text-align: center;
    margin-bottom: 32px; }
    .proposalForm .esignTraditionalVsDigitalHeader p:nth-of-type(2) {
      margin-bottom: 24px; }
  .proposalForm #digitalProcess, .proposalForm #traditionalProcess {
    min-height: 423px; }
    @media screen and (max-width: 767px) {
      .proposalForm #digitalProcess, .proposalForm #traditionalProcess {
        min-height: auto; } }
  .proposalForm fieldset#chooseDigitalProcess, .proposalForm fieldset#chooseTraditionalProcess {
    margin-bottom: 16px; }
    @media screen and (max-width: 991px) {
      .proposalForm fieldset#chooseDigitalProcess, .proposalForm fieldset#chooseTraditionalProcess {
        max-width: 336px;
        margin: 0px 8px 16px 8px; } }
    @media screen and (max-width: 767px) {
      .proposalForm fieldset#chooseDigitalProcess, .proposalForm fieldset#chooseTraditionalProcess {
        display: block;
        margin: 0px auto 16px; } }
  .proposalForm fieldset#esign-contracts-set .otpComposed#otpComposed6 {
    max-width: 100%; }
  @media screen and (min-width: 361px) and (max-width: 767px) {
    .proposalForm fieldset#esign-contracts-set .otpComposed input {
      height: 36px;
      width: 36px;
      font-size: 28px; }
      .proposalForm fieldset#esign-contracts-set .otpComposed input:focus {
        height: 38px; } }
  @media screen and (max-width: 360px) {
    .proposalForm fieldset#esign-contracts-set .otpComposed input {
      height: 31px;
      width: 31px;
      font-size: 24px; }
      .proposalForm fieldset#esign-contracts-set .otpComposed input:focus {
        height: 33px; } }
  .proposalForm fieldset#buttonEsignIban, .proposalForm fieldset#digital-next-header-set div#digital-nextsteps-done, .proposalForm fieldset#digitalVersusPaperProcessHeader {
    margin-top: 0px; }
  .proposalForm fieldset#bankInfoEsign div.validate_iban.iban {
    padding-bottom: 0px; }
  .proposalForm fieldset#eSignLater-set {
    text-align: center; }
  .proposalForm .validatedImageAfter:after {
    content: url(/o/CetelemPTTheme/images/mrCredito_validatedRequest.jpg);
    display: block;
    margin: auto;
    max-width: 245px; }
    @media screen and (max-width: 360px) {
      .proposalForm .validatedImageAfter:after {
        display: none; } }
  .proposalForm .card-row {
    display: block; }
  .proposalForm p, .proposalForm div, .proposalForm li, .proposalForm a {
    font-family: BNPP; }
  .proposalForm .spaceAppart > div {
    display: flex;
    width: 100%;
    justify-content: space-between; }
  .proposalForm .verticalRb .inputContainer {
    display: block;
    text-align: center; }
    .proposalForm .verticalRb .inputContainer > .inputBlock {
      display: block; }
  .proposalForm .inputContainer {
    display: flex; }
    .proposalForm .inputContainer .inputBlock {
      display: inline-block;
      padding: 8px 16px 0 8px;
      flex: 1; }
  .proposalForm .inputContainer .inputBlock {
    display: inline-block;
    padding: 8px 16px 0 8px; }
  .proposalForm .cookiesRadio [type="radio"]:checked + label,
  .proposalForm .cookiesRadio [type="radio"]:not(:checked) + label {
    font-weight: unset;
    font-family: BNPP; }
  .proposalForm #request_new_otp .fieldValue {
    display: flex;
    justify-content: center; }
    .proposalForm #request_new_otp .fieldValue a {
      padding: 0 8px; }
      .proposalForm #request_new_otp .fieldValue a:hover {
        color: #9ac433;
        font-size: 15px;
        line-height: 23px; }
  .proposalForm .cookiesRadio [type="radio"]:not(:checked) + label:before {
    width: 16px;
    height: 16px;
    border: 1px solid #b0bac5; }
  .proposalForm .text14 * {
    font-size: 14px; }
  .proposalForm .lightGray * {
    color: #cdd5dd; }
  .proposalForm .field {
    display: inline-block;
    position: relative;
    font-size: 16px;
    padding: 8px;
    margin-bottom: 0; }
    .proposalForm .field.padd-lt-16 {
      padding-top: 16px;
      padding-left: 16px; }
    .proposalForm .field.iframe {
      width: 100%; }
      .proposalForm .field.iframe .loader {
        left: 50%;
        transform: translate(-50%);
        position: absolute;
        z-index: 100;
        width: 100%;
        background: #fff; }
        .proposalForm .field.iframe .loader img {
          height: 80px;
          margin: auto;
          display: block; }
      .proposalForm .field.iframe iframe {
        width: 100%; }
    .proposalForm .field.euro:not(.empty) > span::after {
      font-size: 16px;
      line-height: normal;
      width: 18px;
      height: 18px;
      color: #3f4a56;
      right: 32px;
      position: absolute;
      bottom: 6px;
      content: "€"; }
    .proposalForm .field.formTitleSubject {
      padding-top: 8px;
      padding-bottom: 16px; }
      @media screen and (max-width: 425px) {
        .proposalForm .field.formTitleSubject {
          padding: 0;
          margin: 0px 16px; } }
      .proposalForm .field.formTitleSubject > div.fieldValue {
        line-height: 24px;
        text-align: center;
        font-size: 16px;
        color: #3f4a56; }
    .proposalForm .field.formTitleSubjectDesktop {
      padding-top: 0;
      padding-bottom: 16px; }
      @media screen and (max-width: 425px) {
        .proposalForm .field.formTitleSubjectDesktop {
          padding: 0;
          margin: 0; } }
      .proposalForm .field.formTitleSubjectDesktop > div.fieldValue {
        line-height: 24px;
        text-align: center;
        font-size: 16px;
        color: #3f4a56; }
        @media screen and (max-width: 425px) {
          .proposalForm .field.formTitleSubjectDesktop > div.fieldValue {
            display: none; } }
    .proposalForm .field.formTitleSubjectMobile {
      display: none; }
      @media screen and (max-width: 425px) {
        .proposalForm .field.formTitleSubjectMobile {
          padding: 0;
          margin: 0;
          display: inline-block; } }
      .proposalForm .field.formTitleSubjectMobile > div.fieldValue {
        line-height: 24px;
        text-align: center;
        font-size: 16px;
        color: #3f4a56; }
    @media screen and (max-width: 360px) {
      .proposalForm .field {
        padding: 8px 16px; }
        .proposalForm .field.padd-r-8 {
          padding-right: 8px; } }
    .proposalForm .field.cookiesRadio {
      margin: 8px 0 0 0;
      padding: 0 8px; }
      .proposalForm .field.cookiesRadio#rb_ibans {
        text-align: center; }
        .proposalForm .field.cookiesRadio#rb_ibans > div.inputContainer {
          display: inline-block; }
          .proposalForm .field.cookiesRadio#rb_ibans > div.inputContainer > div.inputBlock {
            display: table;
            text-align: left; }
      .proposalForm .field.cookiesRadio.secondHolderRadio {
        margin-top: 16px; }
      @media screen and (max-width: 360px) {
        .proposalForm .field.cookiesRadio {
          margin: 8px 0 0 8px; } }
    .proposalForm .field.article, .proposalForm .field.buttonWrapper, .proposalForm .field.label {
      font-weight: normal;
      height: auto;
      border-top: none;
      white-space: inherit; }
      .proposalForm .field.article a, .proposalForm .field.buttonWrapper a, .proposalForm .field.label a {
        color: #9ac433;
        text-decoration: underline; }
      .proposalForm .field.article.black *, .proposalForm .field.buttonWrapper.black *, .proposalForm .field.label.black * {
        font-family: BNPP Black; }
      .proposalForm .field.article.bold *, .proposalForm .field.buttonWrapper.bold *, .proposalForm .field.label.bold * {
        font-family: BNPP; }
    .proposalForm .field .right {
      right: 0;
      position: absolute; }
    @media screen and (max-width: 425px) {
      .proposalForm .field.buttonWrapper {
        padding-bottom: 0; } }
    .proposalForm .field.buttonWrapper .defButtonInvF,
    .proposalForm .field.buttonWrapper .defButtonInv {
      margin: 0;
      padding: 5px 20px;
      max-width: 100%; }
    .proposalForm .field.buttonWrapper .defButton {
      margin: 0;
      padding: 6px 20px;
      max-width: 100%; }
      .proposalForm .field.buttonWrapper .defButton.download {
        margin-bottom: 16px; }
    .proposalForm .field.buttonWrapper button.single {
      margin: auto;
      width: 312px;
      display: block;
      height: 40px;
      outline: 0; }
      @media screen and (max-width: 425px) {
        .proposalForm .field.buttonWrapper button.single {
          width: 100%; } }
      .proposalForm .field.buttonWrapper button.single.chooseotp {
        width: 328px; }
    .proposalForm .field.buttonWrapper .link {
      border: none;
      text-decoration: underline; }
    .proposalForm .field.buttonWrapper.disabled button {
      background-color: #6D7E94 !important; }
    .proposalForm .field.checkBoxDocument {
      display: inline-flex;
      width: 100%; }
      .proposalForm .field.checkBoxDocument a {
        height: 32px !important; }
      .proposalForm .field.checkBoxDocument .left {
        flex: 1;
        display: block;
        padding-right: 8px; }
        .proposalForm .field.checkBoxDocument .left .title {
          color: #9ac433;
          font-family: BNPP BLACK;
          font-size: 16px;
          line-height: 16px;
          margin-bottom: 4px; }
        .proposalForm .field.checkBoxDocument .left .checkBoxContainer {
          width: 100%;
          display: inline-flex; }
          .proposalForm .field.checkBoxDocument .left .checkBoxContainer input {
            height: 16px;
            width: 16px;
            margin: 0 8px 0 0;
            display: inline-block;
            vertical-align: top; }
          .proposalForm .field.checkBoxDocument .left .checkBoxContainer label {
            font-size: 14px;
            margin: 0;
            cursor: pointer;
            width: calc(100% - 30px);
            display: inline-block; }
          .proposalForm .field.checkBoxDocument .left .checkBoxContainer input:checked + label {
            color: #2C7A26;
            font-family: BNPP BLACK; }
  .proposalForm .fieldset-legend {
    font-size: 24px;
    text-align: center;
    font-weight: 100;
    color: #9ac433;
    font-family: BNPP Black;
    border: none;
    margin-bottom: 0; }
  .proposalForm .field.focus .fieldLabel, .proposalForm .field.empty.focus .fieldLabel {
    color: #1991eb;
    font-size: 14px;
    padding: 0 4px;
    -webkit-transform: translate(4px, 0); }
  .proposalForm .field.focus .inputWrapper, .proposalForm .field.empty.focus .inputWrapper {
    border-color: #1991eb;
    box-shadow: 0 0 2px 1px #1991eb; }
  .proposalForm .field.focus input,
  .proposalForm .field.focus select,
  .proposalForm .field.focus .select2-container, .proposalForm .field.empty.focus input,
  .proposalForm .field.empty.focus select,
  .proposalForm .field.empty.focus .select2-container {
    border-color: #1991eb; }
  .proposalForm .field .tooltip_templates {
    display: none; }
  .proposalForm .field input {
    height: 48px; }
    .proposalForm .field input:active .proposalForm .field select:active {
      border-color: #1991eb; }
    .proposalForm .field input:disabled {
      background: none;
      /*opacity: 0.5;*/ }
  .proposalForm .field select:disabled {
    background: none;
    /*opacity: 0.5;*/ }
  .proposalForm .field .fieldIcon {
    position: absolute; }
  .proposalForm .field.empty .fieldLabel {
    top: 0;
    transform: translate(10px, 24px);
    -webkit-transform: translate(10px, 24px);
    font-size: 16px;
    padding: 0; }
  .proposalForm .field.empty .select2-container > .chosen-single {
    opacity: 0; }
  .proposalForm .field.not.empty .fieldLabel {
    top: 0;
    -webkit-transform: translate(10px, -2px);
    transform: translate(10px, -2px);
    font-size: 14px; }
  .proposalForm .field.validate_currency.empty:before,
  .proposalForm .field .validate_salary.empty:before {
    display: none; }
  .proposalForm .field.validate_currency:before,
  .proposalForm .field .validate_salary:before {
    content: "";
    top: 21px;
    right: 45px;
    position: absolute;
    font-family: BNPP;
    color: #3f4a56; }
  .proposalForm .field.validate_currency input,
  .proposalForm .field .validate_salary input {
    padding: 14px 50px 6px 10px; }
  .proposalForm .field.validate_salary.empty:before {
    display: none; }
  .proposalForm .field.validate_salary:before {
    content: "";
    top: 21px;
    right: 45px;
    position: absolute;
    font-family: BNPP;
    color: #3f4a56; }
  .proposalForm .field.validate_salary input {
    padding: 14px 50px 6px 10px; }
  .proposalForm .field.validate_select > span:first-of-type, .proposalForm .field.validate_datalist > span:first-of-type {
    right: 32px; }
  .proposalForm .field.validate_checkbox {
    border: 1px solid transparent; }
    .proposalForm .field.validate_checkbox.focus.invalid, .proposalForm .field.validate_checkbox.invalid {
      border: 1px solid #ee151d;
      border-radius: 3px; }
  .proposalForm .field > span:first-of-type {
    width: 16px;
    z-index: 10;
    padding: 20px;
    display: block;
    position: absolute;
    height: 16px;
    top: 10px;
    right: 4px;
    background: none;
    pointer-events: none;
    background-size: 16px;
    background-position: 12px 15px;
    background-repeat: no-repeat; }
    @media screen and (max-width: 360px) {
      .proposalForm .field > span:first-of-type {
        background-position: 0 12px; } }
  .proposalForm .field span.underHint {
    position: absolute;
    padding-right: 80px;
    font-size: 12px;
    margin-top: 4px;
    line-height: 14px;
    display: block;
    background: none !important; }
    .proposalForm .field span.underHint a {
      text-decoration: underline; }
  .proposalForm .field.composed.validate_doc_code .inputWrapper input.idCode.validate_doc_code {
    width: 100%; }
  .proposalForm > div {
    border: none;
    padding: 24px; }
    .proposalForm > div.card-horizontal {
      border: none;
      padding: 24px; }
  .proposalForm .fieldset.oneInput .field > input {
    border: none;
    border-top: 1px solid #cdd5dd;
    border-bottom: 1px solid #cdd5dd;
    border-radius: 0; }
  .proposalForm .fieldset.oneInput .field:first-of-type > input {
    border-left: 1px solid #cdd5dd;
    border-radius: 3px 0 0 3px; }
  .proposalForm .fieldset.oneInput .field:last-of-type > input {
    border-right: 1px solid #cdd5dd;
    border-radius: 0 3px 3px 0; }
  .proposalForm div.headerGray {
    margin-top: 0; }
  .proposalForm .disabled {
    opacity: 0.5; }
    .proposalForm .disabled.field > span.tooltipster {
      pointer-events: none; }
    .proposalForm .disabled.field .fieldLabel,
    .proposalForm .disabled.field select,
    .proposalForm .disabled.field input:disabled {
      background-color: #F4F7FA;
      border: 0 solid #B0BEC5; }
  .proposalForm .field.legalSmallCentered {
    text-align: center; }
    .proposalForm .field.legalSmallCentered .fieldLabel {
      font-size: 12px;
      line-height: 20px;
      font-family: BNPP Light;
      max-width: 480px;
      transform: none;
      top: auto;
      position: relative;
      display: inline-block;
      font-family: BNPP; }
  .proposalForm .field.legal_checkbox {
    font-size: 12px;
    height: 100%;
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 14px;
    margin-bottom: 4px; }
    .proposalForm .field.legal_checkbox div {
      display: inline-block;
      width: calc(100% - 34px);
      line-height: 20px; }
    .proposalForm .field.legal_checkbox > input {
      width: 16px;
      height: 16px;
      vertical-align: top;
      display: inline-block;
      margin: 0; }
  .proposalForm .field > span.tooltipster {
    background: url(/o/CetelemPTTheme/images/svg/Main/Solid/Info.svg);
    pointer-events: all;
    background-size: 16px;
    background-position: 12px 15px;
    cursor: pointer;
    background-repeat: no-repeat; }
    @media screen and (max-width: 360px) {
      .proposalForm .field > span.tooltipster {
        background-position: 0 12px; } }
  .proposalForm .field[data-defaulterror="empty"] > span {
    display: none; }
  .proposalForm .field.valid.empty[data-required="false"] > span:first-of-type {
    display: none; }
  .proposalForm .field.valid.empty[data-required="false"] > span.tooltipster {
    display: block;
    background-image: url(/o/CetelemPTTheme/images/svg/Main/Solid/Info.svg); }
    @media screen and (max-width: 360px) {
      .proposalForm .field.valid.empty[data-required="false"] > span.tooltipster {
        background-position: 0 12px; } }
  .proposalForm .field.valid > span {
    background: url(/o/CetelemPTTheme/images/svg/Main/Solid/Check.svg);
    background-size: 16px;
    background-position: 12px 15px;
    background-repeat: no-repeat; }
    @media screen and (max-width: 360px) {
      .proposalForm .field.valid > span {
        background-position: 0 12px; } }
  .proposalForm .field > select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    height: 48px;
    background: url(/o/CetelemPTTheme/images/arrowDown.png) no-repeat;
    background-position: calc(100% - 16px);
    background-size: 12px; }
    .proposalForm .field > select > optgroup option:first-of-type {
      display: none; }
    .proposalForm .field > select::-ms-expand {
      display: none; }
  .proposalForm .field:not(.empty) .fieldLabel {
    font-size: 14px;
    padding: 0 4px; }
  .proposalForm .field .fieldLabel {
    content: attr(data-label);
    color: #6D7E94;
    top: 0;
    background-color: #fff;
    transform: translate(4px, 0);
    -webkit-transform: translate(4px, 0);
    display: block;
    padding: 0 4px;
    font-size: 16px;
    z-index: 1;
    position: absolute;
    transition: all 100ms linear;
    pointer-events: none;
    overflow: hidden;
    line-height: 21px;
    font-family: BNPP;
    color: #b0bac5; }
    .proposalForm .field .fieldLabel > span.tooltipster {
      z-index: 10;
      background: url(/o/CetelemPTTheme/images/svg/Main/Solid/Info.svg);
      pointer-events: all;
      background-size: 16px;
      background-position: 12px;
      background-repeat: no-repeat;
      padding: 16px; }
  .proposalForm .field.validate_radio.valid > span {
    opacity: 0; }
    .proposalForm .field.validate_radio.valid > span.tooltipster {
      background-image: url(/o/CetelemPTTheme/images/svg/Main/Solid/Info.svg);
      display: block;
      opacity: 1; }
  .proposalForm .field.validate_radio .fieldLabel {
    top: 0;
    transform: none;
    -webkit-transform: none;
    font-size: 14px;
    position: relative;
    padding-left: 8px; }
  .proposalForm .field[data-label].cookiesRadio:before {
    position: relative;
    transform: translate(0px, 0);
    -webkit-transform: translate(0px, 0); }
  .proposalForm .field.composed[data-error]:after {
    float: right; }
  .proposalForm .field.validate_doc_code.composed[data-error]:after {
    float: left; }
  .proposalForm .field[data-error]:after {
    content: attr(data-hint);
    color: #cdd5dd;
    transition: color 100ms linear;
    background-size: 12px 0;
    font-size: 12px;
    display: block;
    line-height: 12px;
    padding-top: 4px;
    font-family: BNPP; }
  .proposalForm .field[data-error].focus.invalid input:focus,
  .proposalForm .field[data-error].focus.invalid select:focus,
  .proposalForm .field[data-error].focus.invalid .select2-container-active {
    box-shadow: 0 0 2px 1px #ee151d;
    box-shadow: none; }
  .proposalForm .field[data-error].invalid > span {
    background: url(/o/CetelemPTTheme/images/error.svg);
    background-size: 16px;
    background-position: 12px 15px;
    background-repeat: no-repeat; }
    @media screen and (max-width: 360px) {
      .proposalForm .field[data-error].invalid > span {
        background-position: 0 12px; } }
  .proposalForm .field[data-error].invalid .fieldLabel {
    color: #ee151d;
    font-size: 16px; }
  .proposalForm .field[data-error].invalid input:focus,
  .proposalForm .field[data-error].invalid select:focus,
  .proposalForm .field[data-error].invalid .select2-container-active {
    box-shadow: none; }
  .proposalForm .field[data-error].invalid .inputWrapper {
    border-color: #ee151d;
    box-shadow: none; }
  .proposalForm .field[data-error].invalid input,
  .proposalForm .field[data-error].invalid select,
  .proposalForm .field[data-error].invalid .select2-container {
    border-color: #ee151d; }
  .proposalForm .field[data-error].invalid:after {
    color: #ee151d;
    content: attr(data-error);
    background-size: 12px;
    background-repeat: no-repeat;
    font-family: BNPP;
    line-height: 20px;
    margin: 0;
    padding: 0 8px;
    height: 0;
    padding-bottom: 16px; }
  .proposalForm .field[data-error].invalid.empty .fieldLabel {
    color: #b0bac5; }
  .proposalForm .field[data-error].invalid:not(.empty) .fieldLabel {
    color: #ee151d;
    font-size: 14px;
    padding: 0 4px; }
  .proposalForm .field#form-gdpr-iframe .fieldLabel {
    color: #9ac433;
    font-size: 24px;
    font-family: BNPP Black;
    line-height: 28px;
    margin-bottom: 16px;
    display: block;
    text-align: center;
    width: 100%;
    position: relative; }
  .proposalForm .field.composed.empty.not .inputWrapper * {
    opacity: 1; }
  .proposalForm .field.composed.empty.not.disabled .inputWrapper * {
    opacity: 0.3; }
  .proposalForm .field.composed.empty .inputWrapper * {
    opacity: 0; }
  .proposalForm .field.composed .inputWrapper {
    width: 100%;
    border: 1px solid #cdd5dd;
    border-radius: 3px;
    display: block;
    text-align: left;
    font-size: 0;
    height: 44px;
    overflow: hidden; }
    .proposalForm .field.composed .inputWrapper input {
      display: inline-block;
      width: auto;
      border: none;
      font-size: initial;
      border-radius: 0;
      padding: 14px 0 6px 4px; }
      .proposalForm .field.composed .inputWrapper input:last-of-type {
        padding-right: 24px; }
      .proposalForm .field.composed .inputWrapper input:first-of-type {
        padding-left: 10px; }
      .proposalForm .field.composed .inputWrapper input:disabled {
        border-color: transparent; }
    .proposalForm .field.composed .inputWrapper input.hidden + div.divider {
      display: inherit !important;
      overflow: hidden !important;
      max-height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      opacity: 0 !important; }
    .proposalForm .field.composed .inputWrapper div.divider {
      width: 1px;
      background: #cdd5dd;
      height: auto;
      margin: 0;
      display: inline-flex;
      padding: 0;
      margin: 0;
      padding: 14px 0 6px 0; }
      .proposalForm .field.composed .inputWrapper div.divider:last-of-type {
        display: none; }
  .proposalForm .field.empty input::-webkit-input-placeholder,
  .proposalForm .field.empty select::-webkit-input-placeholder,
  .proposalForm .field.empty input:-moz-placeholder,
  .proposalForm .field.empty select:-moz-placeholder,
  .proposalForm .field.empty input::-moz-placeholder,
  .proposalForm .field.empty select::-moz-placeholder,
  .proposalForm .field.empty input:-ms-input-placeholder,
  .proposalForm .field.empty select:-ms-input-placeholder,
  .proposalForm .field.empty input::-ms-input-placeholder,
  .proposalForm .field.empty select::-ms-input-placeholder {
    opacity: 0;
    transition: all 200ms linear; }
  .proposalForm .field.valid input,
  .proposalForm .field.valid select,
  .proposalForm .field.valid .select2-container {
    font-family: BNPP; }
  .proposalForm .field input,
  .proposalForm .field select,
  .proposalForm .field .select2-container {
    font-family: BNPP;
    color: #3f4a56; }
  .proposalForm .field.compact:after {
    display: none; }
  .proposalForm .field.nopaddV {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .proposalForm .field.nopaddH {
    padding-left: 0;
    padding-right: 0; }
  .proposalForm .field.buttonWrapper button.g-recaptcha {
    margin-top: 16px; }
  .proposalForm .field.otpComposed.composed {
    height: auto;
    text-align: center;
    margin-bottom: 8px; }
    .proposalForm .field.otpComposed.composed.validating .inputWrapper {
      opacity: 0.2; }
    .proposalForm .field.otpComposed.composed.validating:before {
      content: "Em validação";
      color: #9ac433;
      font-family: BNPP Black;
      font-size: 14px;
      position: absolute;
      z-index: 10;
      background-image: url(/o/CetelemPTTheme/images/green_loader.gif);
      top: 20px;
      background-size: 40px;
      width: 100%;
      right: 0;
      background-repeat: no-repeat;
      background-position: 50%;
      height: 100px;
      line-height: 180px; }
    .proposalForm .field.otpComposed.composed.disabled {
      opacity: 1; }
      .proposalForm .field.otpComposed.composed.disabled .inputWrapper {
        opacity: 0.3; }
    .proposalForm .field.otpComposed.composed.field[data-error].valid > span {
      display: none; }
    .proposalForm .field.otpComposed.composed.field[data-error].valid:after {
      float: inherit; }
    .proposalForm .field.otpComposed.composed.field[data-error].invalid > span {
      display: none; }
    .proposalForm .field.otpComposed.composed.field[data-error].invalid:after {
      float: inherit; }
    .proposalForm .field.otpComposed.composed.field[data-error].invalid .inputWrapper input {
      border-color: #ee151d; }
    .proposalForm .field.otpComposed.composed .fieldLabel {
      color: #3f4a56;
      font-family: BNPP;
      font-size: 16px;
      background-color: transparent !important;
      margin-bottom: 12px;
      position: relative;
      transform: none;
      -webkit-transform: none; }
    .proposalForm .field.otpComposed.composed .inputWrapper {
      height: auto;
      border: none;
      text-align: center;
      box-shadow: none;
      background-color: transparent !important; }
      .proposalForm .field.otpComposed.composed .inputWrapper input {
        display: inline-block;
        margin: 2px 0;
        width: 48px;
        height: 48px;
        opacity: 1;
        text-align: center;
        font-size: 36px;
        line-height: 36px;
        font-family: sans-serif;
        border: 1px solid #cdd5dd;
        padding: 0;
        border-radius: 3px;
        background: url(/o/CetelemPTTheme/images/svg/circle.svg) no-repeat 50%;
        background-size: 10px;
        transition: all 100ms linear; }
        .proposalForm .field.otpComposed.composed .inputWrapper input:valid {
          background-size: 0; }
        .proposalForm .field.otpComposed.composed .inputWrapper input:focus {
          background-image: none;
          border: 1px solid #8091A5; }
        .proposalForm .field.otpComposed.composed .inputWrapper input:hover, .proposalForm .field.otpComposed.composed .inputWrapper input:focus {
          height: 52px;
          margin: 0; }
        @media screen and (max-width: 360px) {
          .proposalForm .field.otpComposed.composed .inputWrapper input {
            width: 40px;
            height: 40px;
            font-size: 32px; }
            .proposalForm .field.otpComposed.composed .inputWrapper input:hover, .proposalForm .field.otpComposed.composed .inputWrapper input:focus {
              height: 44px;
              margin: 1px 0; } }
      .proposalForm .field.otpComposed.composed .inputWrapper div.divider {
        opacity: 0; }

@-webkit-keyframes autofill {
  to {
    color: #3f4a56;
    background: transparent; } }
  .proposalForm input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both; }
  .proposalForm input,
  .proposalForm select,
  .proposalForm .select2-container {
    width: 100%;
    pointer-events: auto;
    padding: 16px 24px 8px 8px;
    outline: 0;
    font-size: 16px;
    border: 1px solid #cdd5dd;
    border-radius: 3px; }
  .proposalForm select,
  .proposalForm .select2-container {
    padding: 14px 54px 6px 10px; }
  .proposalForm .select2-container {
    padding: 0;
    height: 48px; }
    .proposalForm .select2-container span.select2-selection.select2-selection--single {
      padding: 12px 24px 6px 0;
      height: 46px;
      border: none; }
  .proposalForm .firstPadd {
    padding: 8px 0 8px 8px; }
  .proposalForm .noPadd input,
  .proposalForm .noPadd select {
    padding: 10px 2px; }
  .proposalForm #bank_data_subset.field.composed .inputWrapper input {
    padding: 14px 16px 6px 16px; }
  .proposalForm div.articleSteps {
    padding-bottom: 0;
    padding-top: 0; }
    .proposalForm div.articleSteps#formStepState {
      padding-top: 0; }
  .proposalForm .fieldset.modal {
    margin-top: 0; }
  .proposalForm #AGILEComplementaryInformation > legend, .proposalForm #AGILEComplementaryInformationCoHolder > legend {
    margin-bottom: 4px; }
  .proposalForm fieldset#buttonSetDefault {
    margin-top: 8px;
    margin-bottom: 16px; }
  .proposalForm .grecaptcha-badge {
    margin: auto; }
  .proposalForm button.validating {
    pointer-events: none;
    opacity: 1;
    color: transparent; }
    .proposalForm button.validating:before {
      content: "";
      color: #fff;
      font-family: BNPP Black;
      font-size: 14px;
      position: absolute;
      z-index: 10;
      background-image: url(/o/CetelemPTTheme/images/green_loader.gif);
      top: 0;
      width: 100%;
      right: 0;
      background-repeat: no-repeat;
      background-position: 50%;
      height: 100%;
      line-height: 180px; }
  .proposalForm #buttonEsignCoHolderESign .buttonWrapper {
    padding-bottom: 8px;
    padding-top: 0px; }
  .proposalForm ul.chooseIgpProcess {
    list-style: none;
    margin-bottom: 0;
    text-align: left;
    padding: 0; }
    @media screen and (min-width: 768px) {
      .proposalForm ul.chooseIgpProcess {
        min-height: 351px;
        padding: 0; } }
    .proposalForm ul.chooseIgpProcess > li {
      list-style-image: none;
      margin-top: 24px; }
      .proposalForm ul.chooseIgpProcess > li:first-of-type {
        margin-top: 0; }
      .proposalForm ul.chooseIgpProcess > li > div {
        display: flex; }
        .proposalForm ul.chooseIgpProcess > li > div > span.title {
          color: #9ac433;
          font-size: 16px;
          line-height: 19px;
          font-family: BNPP Black;
          margin-left: 24px; }
        .proposalForm ul.chooseIgpProcess > li > div:before {
          content: "";
          background-image: url(/o/CetelemPTTheme/images/svg/Main/Solid/Check.svg);
          height: 18px;
          background-repeat: no-repeat;
          width: 18px;
          position: absolute;
          background-size: 16px; }
      .proposalForm ul.chooseIgpProcess > li > span.text {
        color: #3f4a56;
        font-size: 16px;
        line-height: 20px;
        font-family: BNPP;
        margin-top: 8px;
        margin-left: 24px;
        display: inline-block; }
  .proposalForm .crsHeader > img {
    height: 64px;
    width: 64px; }
  .proposalForm .crsHeader .title {
    font-size: 24px;
    font-family: BNPP Black;
    margin-top: 32px;
    margin-bottom: 16px; }
  .proposalForm .crsHeader .text {
    font-size: 16px;
    color: #3f4a56;
    margin-bottom: 8px; }
  .proposalForm .crsHeader .contact {
    margin-bottom: 32px; }
    .proposalForm .crsHeader .contact a {
      color: #2C7A26;
      font-family: BNPP Black;
      font-size: 18px;
      text-decoration: none; }
    .proposalForm .crsHeader .contact small {
      color: #9ac433;
      font-size: 14px; }
      .proposalForm .crsHeader .contact small:last-of-type {
        font-size: 12px; }
  .proposalForm .crsHeader a.newSimulation {
    width: 328px;
    height: 40px;
    text-decoration: none;
    color: white; }
  .proposalForm form.formStep {
    width: 100%;
    height: 100%;
    opacity: 1; }
    .proposalForm form.formStep * {
      font-weight: normal; }
    .proposalForm form.formStep.hidden {
      height: 0%;
      opacity: 0; }
    .proposalForm form.formStep.crs .field.col12.c6 {
      max-width: 100%;
      width: 100%; }
      .proposalForm form.formStep.crs .field.col12.c6:not(.label) {
        max-width: 334px;
        margin: auto; }
    .proposalForm form.formStep .documentsList.crsDetailBox > div {
      flex-wrap: wrap; }
    .proposalForm form.formStep #contractualDocuments .documentBox .title {
      cursor: initial; }
      .proposalForm form.formStep #contractualDocuments .documentBox .title:before {
        content: "";
        display: none; }
    .proposalForm form.formStep .documentBox {
      padding: 16px;
      width: 100%;
      position: relative;
      overflow: hidden;
      transition: all ease-in-out 0.3s; }
      @media screen and (max-width: 360px) {
        .proposalForm form.formStep .documentBox {
          padding: 16px 8px; } }
      .proposalForm form.formStep .documentBox .lineBoxedText {
        margin: 16px 0; }
      .proposalForm form.formStep .documentBox .field {
        padding: 0; }
      .proposalForm form.formStep .documentBox .arrowDown {
        pointer-events: none; }
      .proposalForm form.formStep .documentBox * {
        font-family: BNPP;
        font-weight: normal; }
      .proposalForm form.formStep .documentBox b {
        font-family: BNPP BLACK;
        weight: 100; }
      .proposalForm form.formStep .documentBox .small {
        font-size: 10px;
        line-height: 10px; }
      .proposalForm form.formStep .documentBox .headerGray {
        border: none;
        border-bottom: 1px solid #dee1e6;
        background: none; }
        .proposalForm form.formStep .documentBox .headerGray.active {
          background-color: #F4F7FA; }
      .proposalForm form.formStep .documentBox .title {
        background: none;
        color: #9ac433;
        font-family: BNPP BLACK;
        font-size: 16px;
        line-height: 19px;
        margin: 0 24px 0 0; }
        .proposalForm form.formStep .documentBox .title:after {
          content: attr(data-error);
          color: #6D7E94;
          font-family: BNPP;
          height: 16px;
          background-repeat: no-repeat;
          background-size: 16px;
          margin-top: 4px;
          display: block;
          font-size: 14px;
          padding-left: 20px; }
      .proposalForm form.formStep .documentBox .collapsible {
        position: relative; }
        .proposalForm form.formStep .documentBox .collapsible > p {
          color: #2C7A26;
          line-height: 17px;
          font-size: 14px;
          font-family: BNPP BLACK;
          margin: 16px 0; }
      .proposalForm form.formStep .documentBox .content {
        font-size: 16px; }
      .proposalForm form.formStep .documentBox .expandableItems {
        width: 100%; }
      .proposalForm form.formStep .documentBox.replace .title:after, .proposalForm form.formStep .documentBox.warning .title:after, .proposalForm form.formStep .documentBox.valid .title:after, .proposalForm form.formStep .documentBox.invalid .title:after {
        color: #39B54A;
        padding-left: 20px;
        background-size: 16px;
        background-image: url(/o/CetelemPTTheme/images/svg/Main/Solid/Check_accept.svg); }
      .proposalForm form.formStep .documentBox.replace .title:after {
        color: #6D7E94;
        background-image: url(/o/CetelemPTTheme/images/svg/Main/Solid/Time_gray.svg); }
      .proposalForm form.formStep .documentBox.loading .title:after {
        background-image: url(/o/CetelemPTTheme/images/green_loader_thick.svg); }
      .proposalForm form.formStep .documentBox.invalid .title:after {
        color: #ee151d;
        background-image: url(/o/CetelemPTTheme/images/error.svg); }
      .proposalForm form.formStep .documentBox.valid .fileBox {
        max-height: 0;
        padding: 0;
        opacity: 0 !important; }
      .proposalForm form.formStep .documentBox.valid .title:before {
        display: none; }
      .proposalForm form.formStep .documentBox.warning .title:after {
        color: #FF8F1C;
        background-image: url(/o/CetelemPTTheme/images/svg/Main/Solid/Exclamation_orange.svg); }
      .proposalForm form.formStep .documentBox > p {
        color: #9ac433;
        line-height: 17px;
        font-size: 14px;
        margin: 6px 24px 6px 0; }
      .proposalForm form.formStep .documentBox .detail {
        font-size: 14px;
        line-height: 17px;
        width: 75%; }
      .proposalForm form.formStep .documentBox .fileBox {
        display: flex;
        position: relative;
        width: 100%;
        padding: 0;
        align-items: center; }
        @media screen and (max-width: 360px) {
          .proposalForm form.formStep .documentBox .fileBox {
            padding: 4px 0 4px 8px; } }
        .proposalForm form.formStep .documentBox .fileBox.disabled {
          opacity: 1.0; }
        .proposalForm form.formStep .documentBox .fileBox .docName {
          display: inline-block;
          float: left;
          font-size: 14px;
          flex: 1;
          position: relative;
          line-height: 16px;
          margin-right: 16px;
          font-family: BNPP BLACK; }
          @media screen and (max-width: 360px) {
            .proposalForm form.formStep .documentBox .fileBox .docName {
              margin-right: 8px; } }
          .proposalForm form.formStep .documentBox .fileBox .docName:after {
            font-family: BNPP;
            max-width: 100%;
            font-size: 11px;
            margin-top: 0;
            display: block;
            line-height: 11px;
            top: calc(100% - 11px); }
        .proposalForm form.formStep .documentBox .fileBox .icon {
          width: 16px;
          height: 16px;
          margin-right: 8px;
          background: url(/o/CetelemPTTheme/images/svg/Main/Solid/Upload.svg) no-repeat;
          background-size: 16px; }
          @media screen and (max-width: 768px) {
            .proposalForm form.formStep .documentBox .fileBox .icon {
              background: url(/o/CetelemPTTheme/images/svg/Main/Solid/Camera.svg) no-repeat; } }
        .proposalForm form.formStep .documentBox .fileBox .defButton,
        .proposalForm form.formStep .documentBox .fileBox .defButtonInvF {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          font-size: 14px;
          float: right;
          cursor: pointer;
          padding: 0;
          margin: 0;
          font-family: BNPP Light;
          height: 34px;
          min-width: 104px;
          transition: none; }
          .proposalForm form.formStep .documentBox .fileBox .defButton .icon,
          .proposalForm form.formStep .documentBox .fileBox .defButtonInvF .icon {
            transition: none; }
          .proposalForm form.formStep .documentBox .fileBox .defButton .text,
          .proposalForm form.formStep .documentBox .fileBox .defButtonInvF .text {
            transition: none;
            padding-top: 3px; }
            .proposalForm form.formStep .documentBox .fileBox .defButton .text:after,
            .proposalForm form.formStep .documentBox .fileBox .defButtonInvF .text:after {
              content: "Enviar"; }
        .proposalForm form.formStep .documentBox .fileBox.replace .docName:after {
          color: #6D7E94;
          content: attr(data-filename-label); }
        .proposalForm form.formStep .documentBox .fileBox.replace .defButton {
          background: none;
          color: #9ac433;
          border: 1px solid #9ac433; }
          .proposalForm form.formStep .documentBox .fileBox.replace .defButton .icon {
            background-image: url(/o/CetelemPTTheme/images/svg/Main/Solid/Reload_green.svg); }
          .proposalForm form.formStep .documentBox .fileBox.replace .defButton .text {
            color: #9ac433; }
          .proposalForm form.formStep .documentBox .fileBox.replace .defButton .text:after {
            content: "Substituir"; }
          .proposalForm form.formStep .documentBox .fileBox.replace .defButton:hover {
            color: #72a62f;
            border: 1px solid #72a62f; }
        .proposalForm form.formStep .documentBox .fileBox.loading .docName:after {
          color: #6D7E94;
          content: attr(data-filename-label); }
        .proposalForm form.formStep .documentBox .fileBox.loading .defButton {
          background: none;
          color: #9ac433;
          border: 1px solid #9ac433;
          pointer-events: none;
          padding: 0 24px; }
          .proposalForm form.formStep .documentBox .fileBox.loading .defButton .icon {
            width: 24px;
            height: 24px;
            position: absolute;
            top: 4px;
            left: 50%;
            margin-left: calc(-12px);
            background: url(/o/CetelemPTTheme/images/green_loader_thick.svg) no-repeat;
            background-size: 24px; }
          .proposalForm form.formStep .documentBox .fileBox.loading .defButton .text:after {
            content: "  ";
            display: block; }
        .proposalForm form.formStep .documentBox .fileBox.invalid .docName {
          color: #ee151d; }
          .proposalForm form.formStep .documentBox .fileBox.invalid .docName:after {
            color: #ee151d;
            content: attr(data-error); }
        .proposalForm form.formStep .documentBox .fileBox.valid.disabled {
          opacity: 0.9; }
        .proposalForm form.formStep .documentBox .fileBox.valid .docName {
          color: #39B54A !important; }
          .proposalForm form.formStep .documentBox .fileBox.valid .docName:after {
            color: #6D7E94;
            content: attr(data-error); }
        .proposalForm form.formStep .documentBox .fileBox input {
          display: none; }
        .proposalForm form.formStep .documentBox .fileBox.disabled .docName {
          background-color: transparent !important;
          color: #cdd5dd; }
        .proposalForm form.formStep .documentBox .fileBox.disabled .defButton {
          background-color: #cdd5dd !important; }
      .proposalForm form.formStep .documentBox:last-of-type:after {
        display: none; }
      .proposalForm form.formStep .documentBox:hover > .title {
        font-size: 18px;
        color: #72a62f; }
      .proposalForm form.formStep .documentBox:hover[data-collapsed="false"] > .title {
        font-size: 16px;
        color: #9ac433; }
      .proposalForm form.formStep .documentBox[data-collapsed="true"] {
        max-height: 82px;
        background-color: transparent; }
        .proposalForm form.formStep .documentBox[data-collapsed="true"] .collapsible {
          opacity: 0; }
          .proposalForm form.formStep .documentBox[data-collapsed="true"] .collapsible * {
            pointer-events: none; }
      .proposalForm form.formStep .documentBox .brotherFiles > p {
        font-size: 16px;
        margin: 0;
        line-height: 8px; }
      .proposalForm form.formStep .documentBox hr {
        border-top: 1px solid #cdd5dd; }
    .proposalForm form.formStep .fileBoxDownload {
      display: flex;
      position: relative;
      width: 100%;
      margin: 16px 16px 0 16px;
      padding-bottom: 16px;
      align-items: center;
      border-bottom: 1px solid #cdd5dd; }
      .proposalForm form.formStep .fileBoxDownload .docName {
        display: inline-block;
        float: left;
        font-size: 16px;
        flex: 1;
        color: #9ac433;
        position: relative;
        line-height: 16px;
        margin-right: 16px;
        font-family: BNPP BLACK; }
        .proposalForm form.formStep .fileBoxDownload .docName:after {
          content: attr(data-filename-label);
          color: #fff;
          background-color: #869cad;
          font-family: BNPP;
          font-size: 10px;
          margin-top: 4px;
          display: block;
          width: 32px;
          border-radius: 4px;
          line-height: 12px;
          text-align: center;
          padding: 2px 0; }
      .proposalForm form.formStep .fileBoxDownload .defButton {
        margin: 0;
        min-width: 154px;
        height: 40px; }
      .proposalForm form.formStep .fileBoxDownload:last-of-type {
        border: none; }
    .proposalForm form.formStep .disableUpload .documentBox .title {
      cursor: auto; }
      .proposalForm form.formStep .disableUpload .documentBox .title:before {
        content: "";
        display: none; }
    .proposalForm form.formStep #crsDetailResume > div {
      flex-wrap: nowrap;
      display: flex; }
      @media screen and (max-width: 475px) {
        .proposalForm form.formStep #crsDetailResume > div {
          flex-wrap: wrap; } }
    .proposalForm form.formStep .crsDetailBox {
      border: 1px solid #DFE6EE;
      border-radius: 3px; }
      .proposalForm form.formStep .crsDetailBox > div {
        flex-wrap: nowrap; }
      .proposalForm form.formStep .crsDetailBox .fieldset-legend {
        border: 1px solid #DFE6EE;
        border-radius: 3px 3px 0 0;
        background-color: #F4F7FA;
        padding: 15px;
        width: calc(100% + 2px); }
        .proposalForm form.formStep .crsDetailBox .fieldset-legend span.legend {
          color: #3f4a56;
          font-size: 18px;
          line-height: 22px;
          text-align: center; }
          .proposalForm form.formStep .crsDetailBox .fieldset-legend span.legend.small {
            font-size: 10px;
            display: block;
            color: #667587;
            line-height: 10px;
            font-family: BNPP; }
      .proposalForm form.formStep .crsDetailBox.subtitle.disableUpload .fieldset-legend {
        padding: 15px; }
      .proposalForm form.formStep .crsDetailBox.subtitle .fieldset-legend {
        padding: 10px; }
      .proposalForm form.formStep .crsDetailBox .label {
        margin-top: 0;
        flex-wrap: nowrap;
        padding: 16px; }
        @media screen and (max-width: 360px) {
          .proposalForm form.formStep .crsDetailBox .label {
            padding: 16px 8px; } }
        .proposalForm form.formStep .crsDetailBox .label .fieldLabel {
          position: relative;
          color: #9ac433;
          font-size: 16px;
          font-family: BNPP Black;
          line-height: 21px;
          text-align: center; }
        .proposalForm form.formStep .crsDetailBox .label .fieldValue {
          color: #3f4a56;
          font-size: 16px;
          line-height: 19px;
          text-align: center;
          font-family: BNPP;
          font-weight: 100; }
          .proposalForm form.formStep .crsDetailBox .label .fieldValue .fieldValueLabel {
            font-size: 11px;
            color: #6D7E94; }
      .proposalForm form.formStep .crsDetailBox.documentsList {
        max-width: calc(50% - 24px);
        text-align: left;
        margin-right: 12px;
        margin-left: 12px;
        float: left;
        display: inline-block;
        margin-top: 0; }
        .proposalForm form.formStep .crsDetailBox.documentsList .field.article {
          padding: 16px;
          margin: 0;
          max-width: 100%; }
        .proposalForm form.formStep .crsDetailBox.documentsList hr {
          height: 1px;
          border: none;
          width: calc(100% - 32px);
          margin: auto;
          background-color: #cdd5dd; }
          @media screen and (max-width: 767px) {
            .proposalForm form.formStep .crsDetailBox.documentsList hr {
              width: calc(100% - 16px); } }
        @media screen and (max-width: 991px) {
          .proposalForm form.formStep .crsDetailBox.documentsList {
            max-width: calc(100% - 32px);
            margin-right: 0px;
            margin-left: 0px;
            float: inherit; } }
        @media screen and (max-width: 767px) {
          .proposalForm form.formStep .crsDetailBox.documentsList {
            max-width: calc(100% - 16px); } }
      .proposalForm form.formStep .crsDetailBox hr {
        height: 1px;
        border: none;
        width: calc(100% - 16px);
        margin: 8px auto;
        background-color: #dfe6ee; }
        @media screen and (max-width: 767px) {
          .proposalForm form.formStep .crsDetailBox hr {
            max-width: calc(100% - 16px); } }
  .proposalForm form[name="ESIGN_IBAN_STEP"].formStep .field {
    max-width: 496px;
    margin: auto; }
    .proposalForm form[name="ESIGN_IBAN_STEP"].formStep .field.article {
      max-width: 580px;
      padding: 8px 0; }
  .proposalForm form[name="ESIGN_IBAN_STEP"].formStep fieldset#buttonEsignIban {
    max-width: 496px;
    margin-left: auto;
    margin-right: auto; }
  .proposalForm form[name="TRADITIONAL_NEXT_STEP"].formStep .crsDetailBox,
  .proposalForm form[name="DIGITAL_NEXT_STEP"].formStep .crsDetailBox,
  .proposalForm form[name="DIGITAL_NEXT_STEP_DONE"].formStep .crsDetailBox,
  .proposalForm form[name="ESIGN_CONTRACTS_STEP"].formStep .crsDetailBox,
  .proposalForm form[name="ESIGN_CONSENTS_STEP"].formStep .crsDetailBox,
  .proposalForm form[name="ESIGN_COHOLDER_OPTION_STEP"].formStep .crsDetailBox,
  .proposalForm form[name="DOC_UPLOAD_STEP"].formStep .crsDetailBox {
    max-width: 472px;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 32px); }
    .proposalForm form[name="TRADITIONAL_NEXT_STEP"].formStep .crsDetailBox > div,
    .proposalForm form[name="DIGITAL_NEXT_STEP"].formStep .crsDetailBox > div,
    .proposalForm form[name="DIGITAL_NEXT_STEP_DONE"].formStep .crsDetailBox > div,
    .proposalForm form[name="ESIGN_CONTRACTS_STEP"].formStep .crsDetailBox > div,
    .proposalForm form[name="ESIGN_CONSENTS_STEP"].formStep .crsDetailBox > div,
    .proposalForm form[name="ESIGN_COHOLDER_OPTION_STEP"].formStep .crsDetailBox > div,
    .proposalForm form[name="DOC_UPLOAD_STEP"].formStep .crsDetailBox > div {
      padding: 8px; }
    .proposalForm form[name="TRADITIONAL_NEXT_STEP"].formStep .crsDetailBox.documentsList,
    .proposalForm form[name="DIGITAL_NEXT_STEP"].formStep .crsDetailBox.documentsList,
    .proposalForm form[name="DIGITAL_NEXT_STEP_DONE"].formStep .crsDetailBox.documentsList,
    .proposalForm form[name="ESIGN_CONTRACTS_STEP"].formStep .crsDetailBox.documentsList,
    .proposalForm form[name="ESIGN_CONSENTS_STEP"].formStep .crsDetailBox.documentsList,
    .proposalForm form[name="ESIGN_COHOLDER_OPTION_STEP"].formStep .crsDetailBox.documentsList,
    .proposalForm form[name="DOC_UPLOAD_STEP"].formStep .crsDetailBox.documentsList {
      text-align: initial;
      margin: auto;
      float: none;
      display: block;
      max-width: 472px;
      width: calc(100% - 32px); }
    @media screen and (max-width: 767px) {
      .proposalForm form[name="TRADITIONAL_NEXT_STEP"].formStep .crsDetailBox,
      .proposalForm form[name="DIGITAL_NEXT_STEP"].formStep .crsDetailBox,
      .proposalForm form[name="DIGITAL_NEXT_STEP_DONE"].formStep .crsDetailBox,
      .proposalForm form[name="ESIGN_CONTRACTS_STEP"].formStep .crsDetailBox,
      .proposalForm form[name="ESIGN_CONSENTS_STEP"].formStep .crsDetailBox,
      .proposalForm form[name="ESIGN_COHOLDER_OPTION_STEP"].formStep .crsDetailBox,
      .proposalForm form[name="DOC_UPLOAD_STEP"].formStep .crsDetailBox {
        width: calc(100% - 16px); }
        .proposalForm form[name="TRADITIONAL_NEXT_STEP"].formStep .crsDetailBox.documentsList,
        .proposalForm form[name="DIGITAL_NEXT_STEP"].formStep .crsDetailBox.documentsList,
        .proposalForm form[name="DIGITAL_NEXT_STEP_DONE"].formStep .crsDetailBox.documentsList,
        .proposalForm form[name="ESIGN_CONTRACTS_STEP"].formStep .crsDetailBox.documentsList,
        .proposalForm form[name="ESIGN_CONSENTS_STEP"].formStep .crsDetailBox.documentsList,
        .proposalForm form[name="ESIGN_COHOLDER_OPTION_STEP"].formStep .crsDetailBox.documentsList,
        .proposalForm form[name="DOC_UPLOAD_STEP"].formStep .crsDetailBox.documentsList {
          width: calc(100% - 16px); } }
  .proposalForm form[name="TRADITIONAL_NEXT_STEP"].formStep .field,
  .proposalForm form[name="DIGITAL_NEXT_STEP"].formStep .field,
  .proposalForm form[name="DIGITAL_NEXT_STEP_DONE"].formStep .field,
  .proposalForm form[name="ESIGN_CONTRACTS_STEP"].formStep .field,
  .proposalForm form[name="ESIGN_CONSENTS_STEP"].formStep .field,
  .proposalForm form[name="ESIGN_COHOLDER_OPTION_STEP"].formStep .field,
  .proposalForm form[name="DOC_UPLOAD_STEP"].formStep .field {
    max-width: 496px;
    margin: auto; }
    .proposalForm form[name="TRADITIONAL_NEXT_STEP"].formStep .field.article,
    .proposalForm form[name="DIGITAL_NEXT_STEP"].formStep .field.article,
    .proposalForm form[name="DIGITAL_NEXT_STEP_DONE"].formStep .field.article,
    .proposalForm form[name="ESIGN_CONTRACTS_STEP"].formStep .field.article,
    .proposalForm form[name="ESIGN_CONSENTS_STEP"].formStep .field.article,
    .proposalForm form[name="ESIGN_COHOLDER_OPTION_STEP"].formStep .field.article,
    .proposalForm form[name="DOC_UPLOAD_STEP"].formStep .field.article {
      max-width: 580px;
      padding: 8px 0; }
    .proposalForm form[name="TRADITIONAL_NEXT_STEP"].formStep .field.buttonWrapper:not(.c6),
    .proposalForm form[name="DIGITAL_NEXT_STEP"].formStep .field.buttonWrapper:not(.c6),
    .proposalForm form[name="DIGITAL_NEXT_STEP_DONE"].formStep .field.buttonWrapper:not(.c6),
    .proposalForm form[name="ESIGN_CONTRACTS_STEP"].formStep .field.buttonWrapper:not(.c6),
    .proposalForm form[name="ESIGN_CONSENTS_STEP"].formStep .field.buttonWrapper:not(.c6),
    .proposalForm form[name="ESIGN_COHOLDER_OPTION_STEP"].formStep .field.buttonWrapper:not(.c6),
    .proposalForm form[name="DOC_UPLOAD_STEP"].formStep .field.buttonWrapper:not(.c6) {
      text-align: center;
      padding-top: 16px;
      padding-bottom: 16px; }
      .proposalForm form[name="TRADITIONAL_NEXT_STEP"].formStep .field.buttonWrapper:not(.c6) button,
      .proposalForm form[name="DIGITAL_NEXT_STEP"].formStep .field.buttonWrapper:not(.c6) button,
      .proposalForm form[name="DIGITAL_NEXT_STEP_DONE"].formStep .field.buttonWrapper:not(.c6) button,
      .proposalForm form[name="ESIGN_CONTRACTS_STEP"].formStep .field.buttonWrapper:not(.c6) button,
      .proposalForm form[name="ESIGN_CONSENTS_STEP"].formStep .field.buttonWrapper:not(.c6) button,
      .proposalForm form[name="ESIGN_COHOLDER_OPTION_STEP"].formStep .field.buttonWrapper:not(.c6) button,
      .proposalForm form[name="DOC_UPLOAD_STEP"].formStep .field.buttonWrapper:not(.c6) button {
        max-width: 375px;
        margin: auto; }
    .proposalForm form[name="TRADITIONAL_NEXT_STEP"].formStep .field .text18.black,
    .proposalForm form[name="DIGITAL_NEXT_STEP"].formStep .field .text18.black,
    .proposalForm form[name="DIGITAL_NEXT_STEP_DONE"].formStep .field .text18.black,
    .proposalForm form[name="ESIGN_CONTRACTS_STEP"].formStep .field .text18.black,
    .proposalForm form[name="ESIGN_CONSENTS_STEP"].formStep .field .text18.black,
    .proposalForm form[name="ESIGN_COHOLDER_OPTION_STEP"].formStep .field .text18.black,
    .proposalForm form[name="DOC_UPLOAD_STEP"].formStep .field .text18.black {
      padding-bottom: 24px; }
  .proposalForm form[name="TRADITIONAL_NEXT_STEP"].formStep .fieldset > div,
  .proposalForm form[name="DIGITAL_NEXT_STEP"].formStep .fieldset > div,
  .proposalForm form[name="DIGITAL_NEXT_STEP_DONE"].formStep .fieldset > div,
  .proposalForm form[name="ESIGN_CONTRACTS_STEP"].formStep .fieldset > div,
  .proposalForm form[name="ESIGN_CONSENTS_STEP"].formStep .fieldset > div,
  .proposalForm form[name="ESIGN_COHOLDER_OPTION_STEP"].formStep .fieldset > div,
  .proposalForm form[name="DOC_UPLOAD_STEP"].formStep .fieldset > div {
    display: grid;
    flex-wrap: wrap;
    display: -ms-flexbox;
    -ms-flex-direction: column; }
  .proposalForm form[name="TRADITIONAL_NEXT_STEP"].formStep #igp-du-footer-content,
  .proposalForm form[name="DIGITAL_NEXT_STEP"].formStep #igp-du-footer-content,
  .proposalForm form[name="DIGITAL_NEXT_STEP_DONE"].formStep #igp-du-footer-content,
  .proposalForm form[name="ESIGN_CONTRACTS_STEP"].formStep #igp-du-footer-content,
  .proposalForm form[name="ESIGN_CONSENTS_STEP"].formStep #igp-du-footer-content,
  .proposalForm form[name="ESIGN_COHOLDER_OPTION_STEP"].formStep #igp-du-footer-content,
  .proposalForm form[name="DOC_UPLOAD_STEP"].formStep #igp-du-footer-content {
    padding-bottom: 0; }
  .proposalForm form[name="TRADITIONAL_NEXT_STEP"].formStep #igp-du-header-content h2,
  .proposalForm form[name="DIGITAL_NEXT_STEP"].formStep #igp-du-header-content h2,
  .proposalForm form[name="DIGITAL_NEXT_STEP_DONE"].formStep #igp-du-header-content h2,
  .proposalForm form[name="ESIGN_CONTRACTS_STEP"].formStep #igp-du-header-content h2,
  .proposalForm form[name="ESIGN_CONSENTS_STEP"].formStep #igp-du-header-content h2,
  .proposalForm form[name="ESIGN_COHOLDER_OPTION_STEP"].formStep #igp-du-header-content h2,
  .proposalForm form[name="DOC_UPLOAD_STEP"].formStep #igp-du-header-content h2 {
    margin-bottom: 16px; }
  .proposalForm form[name='stepCreditStatusDetail'] .fieldset,
  .proposalForm form[name='DIGITAL_VS_PAPER_STEP'] .fieldset {
    width: calc(100% - 24px);
    display: inline-block; }
    @media screen and (max-width: 991px) {
      .proposalForm form[name='stepCreditStatusDetail'] .fieldset,
      .proposalForm form[name='DIGITAL_VS_PAPER_STEP'] .fieldset {
        max-width: calc(100% - 24px); } }
    .proposalForm form[name='stepCreditStatusDetail'] .fieldset #crs-validated-content,
    .proposalForm form[name='DIGITAL_VS_PAPER_STEP'] .fieldset #crs-validated-content {
      text-align: center; }
  .proposalForm form[name='step4'] .fieldset > div {
    display: inline-block;
    text-align: center; }
  .proposalForm form[name='HOLDER_ID_STEP'] .fieldset-legend {
    margin-bottom: 16px; }
  .proposalForm form[name='DIGITAL_VS_PAPER_STEP'] div#digitalVersusPaperProcessText {
    padding-top: 16px; }
  .proposalForm form[name='DIGITAL_VS_PAPER_STEP'] div.card-horizontal.main-content-card {
    text-align: center; }
  .proposalForm form[name='DIGITAL_VS_PAPER_STEP'] div.buttonWrapper {
    padding-bottom: 16px; }
  .proposalForm form[name="ESIGN_CONSENTS_STEP"],
  .proposalForm form[name="ESIGN_IBAN_STEP"],
  .proposalForm form[name="ESIGN_CONTRACTS_STEP"],
  .proposalForm form[name="DOC_UPLOAD_STEP"] {
    max-width: 580px;
    margin: auto; }
  .proposalForm form[name="errorStep5"],
  .proposalForm form[name="errorStep-75"],
  .proposalForm form[name="errorStep-80"] {
    text-align: center; }

/*resumo*/
.proposal-summary .field {
  border-bottom: 1px solid #dee1e6; }

.proposal-summary .field.article {
  border-top: none; }

.proposal-summary div#simul-resume-ext-warning {
  border-bottom: 0; }
  .proposal-summary div#simul-resume-ext-warning > div > div:first-of-type {
    color: #3f4a56; }

.proposal-summary .field {
  font-family: BNPP;
  height: auto;
  margin: 4px 0;
  padding-top: 14px;
  padding-bottom: 4px; }
  .proposal-summary .field:not(.dest) > div.fieldValue {
    color: #3f4a56;
    font-size: 14px; }
  .proposal-summary .field:not(.dest) > div.fieldLabel {
    color: #3f4a56;
    font-size: 14px; }
  .proposal-summary .field .fieldLabel {
    float: left;
    font-family: BNPP;
    width: 66%;
    top: auto;
    position: relative;
    text-align: left;
    white-space: normal; }
  .proposal-summary .field .fieldValue {
    font-family: BNPP;
    float: right;
    width: 33%;
    text-align: right; }
  .proposal-summary .field.dest .fieldLabel,
  .proposal-summary .field.dest .fieldValue {
    font-family: "BNPP Black";
    font-size: 18px;
    font-weight: normal;
    top: auto; }
  .proposal-summary .field.dest .fieldLabel {
    color: #9ac433; }
  .proposal-summary .field.dest .fieldValue {
    color: #9ac433; }
  .proposal-summary .field.curr .fieldValue::after, .proposal-summary .field.tan .fieldValue::after, .proposal-summary .field.taeg .fieldValue::after {
    font-size: inherit;
    padding: 0;
    margin-left: 4px;
    text-align: center;
    line-height: unset;
    width: auto;
    font-family: BNPP;
    text-transform: uppercase;
    display: inline-block;
    overflow: hidden;
    float: right; }
  .proposal-summary .field.curr .fieldValue::after {
    content: "€"; }
  .proposal-summary .field.tan .fieldValue::after, .proposal-summary .field.taeg .fieldValue::after {
    content: "%"; }

.proposal-income-check .field {
  font-family: BNPP;
  height: auto;
  margin: 4px 0;
  border-bottom: 1px solid #B0BAC5;
  border-radius: 0;
  padding: 8px; }
  .proposal-income-check .field .fieldLabel {
    float: left;
    font-family: BNPP;
    width: 66%;
    top: auto;
    position: relative;
    text-align: left;
    white-space: normal; }
  .proposal-income-check .field .fieldValue {
    font-family: BNPP;
    float: right;
    width: 33%;
    text-align: right; }
  .proposal-income-check .field.dest2 {
    border-bottom: none; }
    .proposal-income-check .field.dest2 .fieldLabel,
    .proposal-income-check .field.dest2 .fieldValue {
      font-family: "BNPP Black";
      font-weight: normal;
      padding: 0;
      color: #9ac433; }
    .proposal-income-check .field.dest2 .fieldValue {
      display: none; }

.text1624 * {
  font-size: 16px;
  line-height: 24px; }

.circle80 {
  margin: auto;
  height: 80px;
  width: 80px;
  line-height: 80px;
  border-radius: 100%;
  text-align: center; }
  .circle80 svg {
    height: 50px;
    width: 50px;
    margin-top: 15px; }
    .circle80 svg * {
      fill: #fff; }

.swal-modal.incomeSetSwal {
  max-width: 720px;
  width: auto; }
  @media screen and (max-width: 752px) {
    .swal-modal.incomeSetSwal {
      width: calc(100% - 32px); } }
  .swal-modal.incomeSetSwal div.swal-content {
    margin-top: 24px; }
  .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > legend.fieldset-legend {
    display: none; }
  .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div {
    margin: 0 4px 0 4px;
    top: calc(50% - 0);
    left: 0%;
    overflow: auto;
    padding: 0;
    max-width: 580px; }
    .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div > div.dest2.label.field {
      color: #9ac433;
      padding-left: 0;
      font-size: 14px;
      font-family: BNPP Black;
      line-height: 17px;
      padding-bottom: 0;
      margin-bottom: 8px; }
      .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div > div.dest2.label.field:nth-of-type(5) {
        margin-top: 16px; }
    .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div #hab_holderOtherIncome_popup.field, .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div #hab_holderMonthlyWage_popup.field, .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div #hab_housingExpenses_popup.field {
      margin: 0;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 16px;
      font-weight: normal;
      font-size: 14px;
      line-height: 17px;
      color: #3f4a56; }
      .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div #hab_holderOtherIncome_popup.field > div.fieldValue, .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div #hab_holderMonthlyWage_popup.field > div.fieldValue, .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div #hab_housingExpenses_popup.field > div.fieldValue {
        width: auto; }
      .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div #hab_holderOtherIncome_popup.field > div.fieldLabel, .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div #hab_holderMonthlyWage_popup.field > div.fieldLabel, .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div #hab_housingExpenses_popup.field > div.fieldLabel {
        padding: 0; }
    .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div #hab_holderOtherIncome_popup.field {
      margin-top: 8px; }
    .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div #pop-warning-income-check, .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div div.field.buttonWrapper.col12.c6 {
      border-bottom: none; }
    .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div div.field.buttonWrapper.col12.c6 {
      display: initial; }
    .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div div.field.buttonWrapper button {
      max-width: 228px;
      width: 100%;
      height: 40px;
      margin-bottom: 12px;
      margin-top: 6px;
      border: 1px solid #9ac433; }
    .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div div.field.buttonWrapper.col12.c6:nth-of-type(1) {
      text-align: right; }
    .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div div.field.buttonWrapper.col12.c6::nth-of-type(2) {
      text-align: left; }
    .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div #pop-warning-income-check {
      padding-top: 0;
      margin-top: 0; }
      .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div #pop-warning-income-check > div.formSuccess div:nth-of-type(1) {
        margin: auto;
        width: auto;
        height: auto; }
        .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div #pop-warning-income-check > div.formSuccess div:nth-of-type(1) > img {
          height: 48px;
          width: 48px; }
      .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div #pop-warning-income-check > div.formSuccess div:nth-of-type(2) {
        font-family: BNPP Black;
        font-size: 18px;
        line-height: 22px;
        color: #9ac433;
        text-align: center;
        margin-bottom: 32px;
        margin-top: 16px; }
      .swal-modal.incomeSetSwal #pop-warning-income-set.proposal-income-check.fieldset > div #pop-warning-income-check > div.formSuccess div:nth-of-type(3) p {
        font-size: 16px;
        text-align: center;
        line-height: 24px;
        color: #3f4a56;
        font-family: BNPP; }

/**
FORM STEPPER
 */
#formStepState {
  margin: auto;
  max-width: 550px;
  justify-content: space-between;
  display: flex;
  max-height: 0;
  padding: 0;
  -webkit-transition: max-height ease-in-out 0.3s;
  -moz-transition: max-height ease-in-out 0.3s;
  -ms-transition: max-height ease-in-out 0.3s;
  -o-transition: max-height ease-in-out 0.3s;
  transition: max-height ease-in-out 0.3s; }
  #formStepState > div {
    flex: 1;
    display: none !important; }
    #formStepState > div:last-of-type:after {
      content: none !important; }
  #formStepState.HOLDER_PERSONAL_STEP, #formStepState.HOLDER_PROFESSIONAL_STEP, #formStepState.HOLDER_ID_T2_STEP, #formStepState.COHOLDER_DATA_STEP, #formStepState.ESIGN_CONTRACTS_STEP, #formStepState.ESIGN_CONSENTS_STEP, #formStepState.DOC_UPLOAD_STEP, #formStepState.DIGITAL_NEXT_STEP, #formStepState.DIGITAL_NEXT_STEP_DONE, #formStepState.ESIGN_COHOLDER_OPTION_STEP, #formStepState.TRADITIONAL_NEXT_STEP {
    max-height: 100%; }
    #formStepState.HOLDER_PERSONAL_STEP > div, #formStepState.HOLDER_PROFESSIONAL_STEP > div, #formStepState.HOLDER_ID_T2_STEP > div, #formStepState.COHOLDER_DATA_STEP > div, #formStepState.ESIGN_CONTRACTS_STEP > div, #formStepState.ESIGN_CONSENTS_STEP > div, #formStepState.DOC_UPLOAD_STEP > div, #formStepState.DIGITAL_NEXT_STEP > div, #formStepState.DIGITAL_NEXT_STEP_DONE > div, #formStepState.ESIGN_COHOLDER_OPTION_STEP > div, #formStepState.TRADITIONAL_NEXT_STEP > div {
      display: inline-block !important; }
  #formStepState.HOLDER_PERSONAL_STEP > div:nth-of-type(1) > span:after {
    content: "Dados \a Pessoais"; }
  #formStepState.HOLDER_PERSONAL_STEP > div:nth-of-type(2) > span:after {
    content: "Dados \a Profissionais"; }
  #formStepState.HOLDER_PERSONAL_STEP > div:nth-of-type(3) > span:after {
    content: "Resposta ao \a seu pedido"; }
  #formStepState.HOLDER_PROFESSIONAL_STEP > div:nth-of-type(1) > span:after {
    content: "Dados \a Pessoais"; }
  #formStepState.HOLDER_PROFESSIONAL_STEP > div:nth-of-type(2) > span:after {
    content: "Dados \a Profissionais"; }
  #formStepState.HOLDER_PROFESSIONAL_STEP > div:nth-of-type(3) > span:after {
    content: "Resposta ao \a seu pedido"; }
  #formStepState.HOLDER_ID_T2_STEP > div:nth-of-type(1) > span:after {
    content: "Dados \a Pessoais"; }
  #formStepState.HOLDER_ID_T2_STEP > div:nth-of-type(2) > span:after {
    content: "Dados \a Profissionais"; }
  #formStepState.HOLDER_ID_T2_STEP > div:nth-of-type(3) > span:after {
    content: "Resposta ao \a seu pedido"; }
  #formStepState.COHOLDER_DATA_STEP > div:nth-of-type(1) > span:after {
    content: "1º \a Titular"; }
  #formStepState.COHOLDER_DATA_STEP > div:nth-of-type(2) > span:after {
    content: "2º \a Titular"; }
  #formStepState.COHOLDER_DATA_STEP > div:nth-of-type(3) > span:after {
    content: "Resposta ao \a seu pedido"; }
  #formStepState.ESIGN_CONSENTS_STEP > div:nth-of-type(1) > span:after, #formStepState.ESIGN_COHOLDER_OPTION_STEP > div:nth-of-type(1) > span:after {
    content: "Assinatura \a Digital"; }
  #formStepState.ESIGN_CONSENTS_STEP > div:nth-of-type(2) > span:after, #formStepState.ESIGN_COHOLDER_OPTION_STEP > div:nth-of-type(2) > span:after {
    content: "Envio de \a Documentos"; }
  #formStepState.ESIGN_CONSENTS_STEP > div:nth-of-type(3) > span:after, #formStepState.ESIGN_COHOLDER_OPTION_STEP > div:nth-of-type(3) > span:after {
    content: "Análise e \a Financiamento"; }
  #formStepState.ESIGN_CONTRACTS_STEP > div:nth-of-type(1) > span:after {
    content: "Assinatura \a Digital"; }
  #formStepState.ESIGN_CONTRACTS_STEP > div:nth-of-type(2) > span:after {
    content: "Envio de \a Documentos"; }
  #formStepState.ESIGN_CONTRACTS_STEP > div:nth-of-type(3) > span:after {
    content: "Análise e \a Financiamento"; }
  #formStepState.DOC_UPLOAD_STEP > div:nth-of-type(1) > span:after {
    content: "Assinatura \a Digital"; }
  #formStepState.DOC_UPLOAD_STEP > div:nth-of-type(2) > span:after {
    content: "Envio de \a Documentos"; }
  #formStepState.DOC_UPLOAD_STEP > div:nth-of-type(3) > span:after {
    content: "Análise e \a Financiamento"; }
  #formStepState.DIGITAL_NEXT_STEP > div:nth-of-type(1) > span:after, #formStepState.DIGITAL_NEXT_STEP_DONE > div:nth-of-type(1) > span:after, #formStepState.TRADITIONAL_NEXT_STEP > div:nth-of-type(1) > span:after {
    content: "Assinatura \a Digital"; }
  #formStepState.DIGITAL_NEXT_STEP > div:nth-of-type(2) > span:after, #formStepState.DIGITAL_NEXT_STEP_DONE > div:nth-of-type(2) > span:after, #formStepState.TRADITIONAL_NEXT_STEP > div:nth-of-type(2) > span:after {
    content: "Envio de \a Documentos"; }
  #formStepState.DIGITAL_NEXT_STEP > div:nth-of-type(3) > span:after, #formStepState.DIGITAL_NEXT_STEP_DONE > div:nth-of-type(3) > span:after, #formStepState.TRADITIONAL_NEXT_STEP > div:nth-of-type(3) > span:after {
    content: "Análise e \a Financiamento"; }

.formUncheck, #formStepState > div, #formStepState.HOLDER_PERSONAL_STEP > div:nth-of-type(2), #formStepState.HOLDER_PERSONAL_STEP > div:nth-of-type(3), #formStepState.HOLDER_PROFESSIONAL_STEP > div:nth-of-type(3), #formStepState.HOLDER_ID_T2_STEP > div:nth-of-type(3), #formStepState.COHOLDER_DATA_STEP > div:nth-of-type(3), #formStepState.ESIGN_CONSENTS_STEP > div:nth-of-type(2), #formStepState.ESIGN_COHOLDER_OPTION_STEP > div:nth-of-type(2), #formStepState.ESIGN_CONSENTS_STEP > div:nth-of-type(3), #formStepState.ESIGN_COHOLDER_OPTION_STEP > div:nth-of-type(3), #formStepState.ESIGN_CONTRACTS_STEP > div:nth-of-type(2), #formStepState.ESIGN_CONTRACTS_STEP > div:nth-of-type(3), #formStepState.DOC_UPLOAD_STEP > div:nth-of-type(3) {
  position: relative;
  display: inline-block;
  padding: 0; }
  .formUncheck > div, #formStepState > div > div, #formStepState.HOLDER_PERSONAL_STEP > div:nth-of-type(2) > div, #formStepState.HOLDER_PERSONAL_STEP > div:nth-of-type(3) > div, #formStepState.HOLDER_PROFESSIONAL_STEP > div:nth-of-type(3) > div, #formStepState.HOLDER_ID_T2_STEP > div:nth-of-type(3) > div, #formStepState.COHOLDER_DATA_STEP > div:nth-of-type(3) > div, #formStepState.ESIGN_CONSENTS_STEP > div:nth-of-type(2) > div, #formStepState.ESIGN_COHOLDER_OPTION_STEP > div:nth-of-type(2) > div, #formStepState.ESIGN_CONSENTS_STEP > div:nth-of-type(3) > div, #formStepState.ESIGN_COHOLDER_OPTION_STEP > div:nth-of-type(3) > div, #formStepState.ESIGN_CONTRACTS_STEP > div:nth-of-type(2) > div, #formStepState.ESIGN_CONTRACTS_STEP > div:nth-of-type(3) > div, #formStepState.DOC_UPLOAD_STEP > div:nth-of-type(3) > div {
    height: 24px;
    width: 24px;
    background: unset;
    border-radius: 100%;
    border: 2px solid #B0BAC5;
    margin: auto;
    margin-bottom: 8px; }
    .formUncheck > div > div, #formStepState > div > div > div, #formStepState.HOLDER_PERSONAL_STEP > div:nth-of-type(2) > div > div, #formStepState.HOLDER_PERSONAL_STEP > div:nth-of-type(3) > div > div, #formStepState.HOLDER_PROFESSIONAL_STEP > div:nth-of-type(3) > div > div, #formStepState.HOLDER_ID_T2_STEP > div:nth-of-type(3) > div > div, #formStepState.COHOLDER_DATA_STEP > div:nth-of-type(3) > div > div, #formStepState.ESIGN_CONSENTS_STEP > div:nth-of-type(2) > div > div, #formStepState.ESIGN_COHOLDER_OPTION_STEP > div:nth-of-type(2) > div > div, #formStepState.ESIGN_CONSENTS_STEP > div:nth-of-type(3) > div > div, #formStepState.ESIGN_COHOLDER_OPTION_STEP > div:nth-of-type(3) > div > div, #formStepState.ESIGN_CONTRACTS_STEP > div:nth-of-type(2) > div > div, #formStepState.ESIGN_CONTRACTS_STEP > div:nth-of-type(3) > div > div, #formStepState.DOC_UPLOAD_STEP > div:nth-of-type(3) > div > div {
      height: 16px;
      width: 16px;
      background-color: unset;
      border-radius: 100%;
      margin: 2px; }
  .formUncheck > span:after, #formStepState > div > span:after, #formStepState.HOLDER_PERSONAL_STEP > div:nth-of-type(2) > span:after, #formStepState.HOLDER_PERSONAL_STEP > div:nth-of-type(3) > span:after, #formStepState.HOLDER_PROFESSIONAL_STEP > div:nth-of-type(3) > span:after, #formStepState.HOLDER_ID_T2_STEP > div:nth-of-type(3) > span:after, #formStepState.COHOLDER_DATA_STEP > div:nth-of-type(3) > span:after, #formStepState.ESIGN_CONSENTS_STEP > div:nth-of-type(2) > span:after, #formStepState.ESIGN_COHOLDER_OPTION_STEP > div:nth-of-type(2) > span:after, #formStepState.ESIGN_CONSENTS_STEP > div:nth-of-type(3) > span:after, #formStepState.ESIGN_COHOLDER_OPTION_STEP > div:nth-of-type(3) > span:after, #formStepState.ESIGN_CONTRACTS_STEP > div:nth-of-type(2) > span:after, #formStepState.ESIGN_CONTRACTS_STEP > div:nth-of-type(3) > span:after, #formStepState.DOC_UPLOAD_STEP > div:nth-of-type(3) > span:after {
    text-align: center;
    font-family: BNPP;
    color: #A1ACB8;
    white-space: pre;
    font-size: 14px;
    line-height: 17px; }
  .formUncheck:after, #formStepState > div:after, #formStepState.HOLDER_PERSONAL_STEP > div:nth-of-type(2):after, #formStepState.HOLDER_PERSONAL_STEP > div:nth-of-type(3):after, #formStepState.HOLDER_PROFESSIONAL_STEP > div:nth-of-type(3):after, #formStepState.HOLDER_ID_T2_STEP > div:nth-of-type(3):after, #formStepState.COHOLDER_DATA_STEP > div:nth-of-type(3):after, #formStepState.ESIGN_CONSENTS_STEP > div:nth-of-type(2):after, #formStepState.ESIGN_COHOLDER_OPTION_STEP > div:nth-of-type(2):after, #formStepState.ESIGN_CONSENTS_STEP > div:nth-of-type(3):after, #formStepState.ESIGN_COHOLDER_OPTION_STEP > div:nth-of-type(3):after, #formStepState.ESIGN_CONTRACTS_STEP > div:nth-of-type(2):after, #formStepState.ESIGN_CONTRACTS_STEP > div:nth-of-type(3):after, #formStepState.DOC_UPLOAD_STEP > div:nth-of-type(3):after {
    content: '';
    position: absolute;
    display: block;
    width: calc(100% - 46px);
    top: 10px;
    left: calc(50% + 23px);
    height: 4px;
    z-index: 0;
    border-radius: 4.5px;
    background-color: #B0BAC5; }
    @media screen and (max-width: 425px) {
      .formUncheck:after, #formStepState > div:after, #formStepState.HOLDER_PERSONAL_STEP > div:nth-of-type(2):after, #formStepState.HOLDER_PERSONAL_STEP > div:nth-of-type(3):after, #formStepState.HOLDER_PROFESSIONAL_STEP > div:nth-of-type(3):after, #formStepState.HOLDER_ID_T2_STEP > div:nth-of-type(3):after, #formStepState.COHOLDER_DATA_STEP > div:nth-of-type(3):after, #formStepState.ESIGN_CONSENTS_STEP > div:nth-of-type(2):after, #formStepState.ESIGN_COHOLDER_OPTION_STEP > div:nth-of-type(2):after, #formStepState.ESIGN_CONSENTS_STEP > div:nth-of-type(3):after, #formStepState.ESIGN_COHOLDER_OPTION_STEP > div:nth-of-type(3):after, #formStepState.ESIGN_CONTRACTS_STEP > div:nth-of-type(2):after, #formStepState.ESIGN_CONTRACTS_STEP > div:nth-of-type(3):after, #formStepState.DOC_UPLOAD_STEP > div:nth-of-type(3):after {
        width: calc(100% - 42px);
        left: calc(50% + 21px); } }

.formActive, #formStepState.HOLDER_PERSONAL_STEP > div:nth-of-type(1), #formStepState.HOLDER_PROFESSIONAL_STEP > div:nth-of-type(2), #formStepState.COHOLDER_DATA_STEP > div:nth-of-type(2), #formStepState.ESIGN_CONSENTS_STEP > div:nth-of-type(1), #formStepState.ESIGN_COHOLDER_OPTION_STEP > div:nth-of-type(1), #formStepState.ESIGN_CONTRACTS_STEP > div:nth-of-type(1), #formStepState.DOC_UPLOAD_STEP > div:nth-of-type(2), #formStepState.DIGITAL_NEXT_STEP > div:nth-of-type(3), #formStepState.DIGITAL_NEXT_STEP_DONE > div:nth-of-type(3), #formStepState.TRADITIONAL_NEXT_STEP > div:nth-of-type(3) {
  display: inline-block; }
  .formActive > div, #formStepState.HOLDER_PERSONAL_STEP > div:nth-of-type(1) > div, #formStepState.HOLDER_PROFESSIONAL_STEP > div:nth-of-type(2) > div, #formStepState.COHOLDER_DATA_STEP > div:nth-of-type(2) > div, #formStepState.ESIGN_CONSENTS_STEP > div:nth-of-type(1) > div, #formStepState.ESIGN_COHOLDER_OPTION_STEP > div:nth-of-type(1) > div, #formStepState.ESIGN_CONTRACTS_STEP > div:nth-of-type(1) > div, #formStepState.DOC_UPLOAD_STEP > div:nth-of-type(2) > div, #formStepState.DIGITAL_NEXT_STEP > div:nth-of-type(3) > div, #formStepState.DIGITAL_NEXT_STEP_DONE > div:nth-of-type(3) > div, #formStepState.TRADITIONAL_NEXT_STEP > div:nth-of-type(3) > div {
    border-color: #9ac433; }
    .formActive > div > div, #formStepState.HOLDER_PERSONAL_STEP > div:nth-of-type(1) > div > div, #formStepState.HOLDER_PROFESSIONAL_STEP > div:nth-of-type(2) > div > div, #formStepState.COHOLDER_DATA_STEP > div:nth-of-type(2) > div > div, #formStepState.ESIGN_CONSENTS_STEP > div:nth-of-type(1) > div > div, #formStepState.ESIGN_COHOLDER_OPTION_STEP > div:nth-of-type(1) > div > div, #formStepState.ESIGN_CONTRACTS_STEP > div:nth-of-type(1) > div > div, #formStepState.DOC_UPLOAD_STEP > div:nth-of-type(2) > div > div, #formStepState.DIGITAL_NEXT_STEP > div:nth-of-type(3) > div > div, #formStepState.DIGITAL_NEXT_STEP_DONE > div:nth-of-type(3) > div > div, #formStepState.TRADITIONAL_NEXT_STEP > div:nth-of-type(3) > div > div {
      background-color: #2C7A26; }
  .formActive > span:after, #formStepState.HOLDER_PERSONAL_STEP > div:nth-of-type(1) > span:after, #formStepState.HOLDER_PROFESSIONAL_STEP > div:nth-of-type(2) > span:after, #formStepState.COHOLDER_DATA_STEP > div:nth-of-type(2) > span:after, #formStepState.ESIGN_CONSENTS_STEP > div:nth-of-type(1) > span:after, #formStepState.ESIGN_COHOLDER_OPTION_STEP > div:nth-of-type(1) > span:after, #formStepState.ESIGN_CONTRACTS_STEP > div:nth-of-type(1) > span:after, #formStepState.DOC_UPLOAD_STEP > div:nth-of-type(2) > span:after, #formStepState.DIGITAL_NEXT_STEP > div:nth-of-type(3) > span:after, #formStepState.DIGITAL_NEXT_STEP_DONE > div:nth-of-type(3) > span:after, #formStepState.TRADITIONAL_NEXT_STEP > div:nth-of-type(3) > span:after {
    color: #24691D;
    font-family: BNPP Black; }
  .formActive:after, #formStepState.HOLDER_PERSONAL_STEP > div:nth-of-type(1):after, #formStepState.HOLDER_PROFESSIONAL_STEP > div:nth-of-type(2):after, #formStepState.COHOLDER_DATA_STEP > div:nth-of-type(2):after, #formStepState.ESIGN_CONSENTS_STEP > div:nth-of-type(1):after, #formStepState.ESIGN_COHOLDER_OPTION_STEP > div:nth-of-type(1):after, #formStepState.ESIGN_CONTRACTS_STEP > div:nth-of-type(1):after, #formStepState.DOC_UPLOAD_STEP > div:nth-of-type(2):after, #formStepState.DIGITAL_NEXT_STEP > div:nth-of-type(3):after, #formStepState.DIGITAL_NEXT_STEP_DONE > div:nth-of-type(3):after, #formStepState.TRADITIONAL_NEXT_STEP > div:nth-of-type(3):after {
    background-color: #cce199; }

.formDone, #formStepState.HOLDER_PROFESSIONAL_STEP > div:nth-of-type(1), #formStepState.HOLDER_ID_T2_STEP > div:nth-of-type(1), #formStepState.HOLDER_ID_T2_STEP > div:nth-of-type(2), #formStepState.COHOLDER_DATA_STEP > div:nth-of-type(1), #formStepState.DOC_UPLOAD_STEP > div:nth-of-type(1), #formStepState.DIGITAL_NEXT_STEP > div:nth-of-type(1), #formStepState.DIGITAL_NEXT_STEP_DONE > div:nth-of-type(1), #formStepState.TRADITIONAL_NEXT_STEP > div:nth-of-type(1), #formStepState.DIGITAL_NEXT_STEP > div:nth-of-type(2), #formStepState.DIGITAL_NEXT_STEP_DONE > div:nth-of-type(2), #formStepState.TRADITIONAL_NEXT_STEP > div:nth-of-type(2) {
  display: inline-block; }
  .formDone > div, #formStepState.HOLDER_PROFESSIONAL_STEP > div:nth-of-type(1) > div, #formStepState.HOLDER_ID_T2_STEP > div:nth-of-type(1) > div, #formStepState.HOLDER_ID_T2_STEP > div:nth-of-type(2) > div, #formStepState.COHOLDER_DATA_STEP > div:nth-of-type(1) > div, #formStepState.DOC_UPLOAD_STEP > div:nth-of-type(1) > div, #formStepState.DIGITAL_NEXT_STEP > div:nth-of-type(1) > div, #formStepState.DIGITAL_NEXT_STEP_DONE > div:nth-of-type(1) > div, #formStepState.TRADITIONAL_NEXT_STEP > div:nth-of-type(1) > div, #formStepState.DIGITAL_NEXT_STEP > div:nth-of-type(2) > div, #formStepState.DIGITAL_NEXT_STEP_DONE > div:nth-of-type(2) > div, #formStepState.TRADITIONAL_NEXT_STEP > div:nth-of-type(2) > div {
    background: url(/o/CetelemPTTheme/images/svg/Main/Solid/Check.svg);
    background-color: #fff;
    background-position: center;
    border: none; }
    .formDone > div > div, #formStepState.HOLDER_PROFESSIONAL_STEP > div:nth-of-type(1) > div > div, #formStepState.HOLDER_ID_T2_STEP > div:nth-of-type(1) > div > div, #formStepState.HOLDER_ID_T2_STEP > div:nth-of-type(2) > div > div, #formStepState.COHOLDER_DATA_STEP > div:nth-of-type(1) > div > div, #formStepState.DOC_UPLOAD_STEP > div:nth-of-type(1) > div > div, #formStepState.DIGITAL_NEXT_STEP > div:nth-of-type(1) > div > div, #formStepState.DIGITAL_NEXT_STEP_DONE > div:nth-of-type(1) > div > div, #formStepState.TRADITIONAL_NEXT_STEP > div:nth-of-type(1) > div > div, #formStepState.DIGITAL_NEXT_STEP > div:nth-of-type(2) > div > div, #formStepState.DIGITAL_NEXT_STEP_DONE > div:nth-of-type(2) > div > div, #formStepState.TRADITIONAL_NEXT_STEP > div:nth-of-type(2) > div > div {
      display: none; }
  .formDone > span:after, #formStepState.HOLDER_PROFESSIONAL_STEP > div:nth-of-type(1) > span:after, #formStepState.HOLDER_ID_T2_STEP > div:nth-of-type(1) > span:after, #formStepState.HOLDER_ID_T2_STEP > div:nth-of-type(2) > span:after, #formStepState.COHOLDER_DATA_STEP > div:nth-of-type(1) > span:after, #formStepState.DOC_UPLOAD_STEP > div:nth-of-type(1) > span:after, #formStepState.DIGITAL_NEXT_STEP > div:nth-of-type(1) > span:after, #formStepState.DIGITAL_NEXT_STEP_DONE > div:nth-of-type(1) > span:after, #formStepState.TRADITIONAL_NEXT_STEP > div:nth-of-type(1) > span:after, #formStepState.DIGITAL_NEXT_STEP > div:nth-of-type(2) > span:after, #formStepState.DIGITAL_NEXT_STEP_DONE > div:nth-of-type(2) > span:after, #formStepState.TRADITIONAL_NEXT_STEP > div:nth-of-type(2) > span:after {
    color: #8ABB27; }
  .formDone:after, #formStepState.HOLDER_PROFESSIONAL_STEP > div:nth-of-type(1):after, #formStepState.HOLDER_ID_T2_STEP > div:nth-of-type(1):after, #formStepState.HOLDER_ID_T2_STEP > div:nth-of-type(2):after, #formStepState.COHOLDER_DATA_STEP > div:nth-of-type(1):after, #formStepState.DOC_UPLOAD_STEP > div:nth-of-type(1):after, #formStepState.DIGITAL_NEXT_STEP > div:nth-of-type(1):after, #formStepState.DIGITAL_NEXT_STEP_DONE > div:nth-of-type(1):after, #formStepState.TRADITIONAL_NEXT_STEP > div:nth-of-type(1):after, #formStepState.DIGITAL_NEXT_STEP > div:nth-of-type(2):after, #formStepState.DIGITAL_NEXT_STEP_DONE > div:nth-of-type(2):after, #formStepState.TRADITIONAL_NEXT_STEP > div:nth-of-type(2):after {
    background-color: #cce199; }

#document-status-set,
#esign-status-set {
  margin-top: 0; }
  #document-status-set > div,
  #esign-status-set > div {
    padding: 0; }
  #document-status-set .field,
  #esign-status-set .field {
    display: inline;
    text-align: center;
    height: auto; }
    #document-status-set .field .fieldLabel,
    #esign-status-set .field .fieldLabel {
      min-width: 0;
      display: inline-block;
      color: #3f4a56;
      padding-right: 8px; }
    #document-status-set .field .fieldValue,
    #esign-status-set .field .fieldValue {
      /* display: none; */
      display: inline; }
  #document-status-set hr,
  #esign-status-set hr {
    margin: 0 auto; }

#esign-status-set .documentLabel + .field:not(.hidden) {
  border-top: 1px solid #cdd5dd; }

#esign-status-set .field {
  padding: 8px 0;
  margin: 0 16px;
  max-width: 100%; }

#esign-status-set .documentLabel .fieldValue {
  float: left;
  padding: 8px 0; }
  #esign-status-set .documentLabel .fieldValue:before {
    content: " ";
    width: 24px;
    display: inline-block;
    background-image: url(/o/CetelemPTTheme/images/svg/Main/Solid/Check_accept.svg);
    background-size: 24px;
    left: 0;
    height: 24px;
    top: 14px;
    position: absolute; }
  #esign-status-set .documentLabel .fieldValue span {
    font-family: BNPP BLACK;
    padding-left: 32px;
    display: block; }
  @media screen and (max-width: 767px) {
    #esign-status-set .documentLabel .fieldValue {
      width: calc(100% - 134px);
      text-align: left; }
      #esign-status-set .documentLabel .fieldValue span {
        padding-left: 28px; } }

#esign-status-set .documentLabel button {
  float: right;
  padding: 8px 0;
  font-family: BNPP BLACK;
  background-color: transparent;
  min-width: 164px;
  text-align: center;
  border: none;
  border-radius: 3px;
  color: #FF8F1C;
  text-transform: uppercase;
  pointer-events: none;
  font-size: 14px;
  position: relative; }
  @media screen and (max-width: 767px) {
    #esign-status-set .documentLabel button {
      min-width: auto;
      width: 108px;
      padding: 0;
      text-align: right; } }

#esign-status-set .documentLabel.blocked .fieldValue:before, #esign-status-set .documentLabel.unsigned .fieldValue:before {
  background-image: url(/o/CetelemPTTheme/images/svg/Main/Solid/Exclamation_orange.svg); }

#esign-status-set .documentLabel.unsigned button {
  background-color: #f84717 !important;
  border: none;
  border-radius: 3px;
  padding: 8px 24px;
  text-align: center;
  text-transform: none;
  pointer-events: auto;
  color: #fff; }
  @media screen and (max-width: 767px) {
    #esign-status-set .documentLabel.unsigned button {
      padding: 8px 16px;
      margin: 8px 0; } }

#esign-status-set .documentLabel.signed button {
  color: #39B54A; }

#esign-status-set .documentLabel.blocked button {
  pointer-events: auto;
  padding-right: 20px; }

#esign-status-set .documentLabel.blocked span.info {
  background-image: url(/o/CetelemPTTheme/images/svg/Main/Solid/Info_orange.svg);
  pointer-events: all;
  background-size: 16px;
  cursor: pointer;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  right: 0; }

@media screen and (max-width: 767px) {
  #esign-status-set .documentLabel.blocked button {
    padding-right: 0; }
  #esign-status-set .documentLabel.blocked span.info {
    top: 8px;
    left: -12px; } }

#crs-state-validated-set {
  max-width: calc(100% - 32px);
  margin: auto; }
  #crs-state-validated-set > div {
    flex-wrap: wrap;
    width: 100%; }
  @media screen and (max-width: 767px) {
    #crs-state-validated-set {
      max-width: calc(100% - 16px); } }

#requestedCreditBox > div {
  width: 100%; }

#footer.DOC_UPLOAD_STEP #form-esclarecimento-tel, #footer.stepCreditStatusDetail #form-esclarecimento-tel, #footer.TRADITIONAL_NEXT_STEP #form-esclarecimento-tel, #footer.DIGITAL_NEXT_STEP #form-esclarecimento-tel, #footer.ESIGN_CONTRACTS_STEP #form-esclarecimento-tel, #footer.FINAL_STEPS_STEP #form-esclarecimento-tel {
  display: block; }

#footer #form-esclarecimento-tel {
  max-width: 100%;
  text-align: center;
  padding: 32px;
  background-color: #F4F7FA; }
  #footer #form-esclarecimento-tel * {
    font-family: BNPP;
    color: #9ac433; }
  #footer #form-esclarecimento-tel a {
    font-size: 20px;
    text-decoration: none;
    font-family: BNPP Black;
    color: #2C7A26;
    display: block;
    padding: 8px 0; }

.contractualDocsInfo .flexContainer {
  flex-wrap: nowrap;
  margin-top: 16px;
  justify-content: flex-start; }
  .contractualDocsInfo .flexContainer .circle56.bg2 {
    width: 24px;
    height: 24px;
    margin: 0px 8px 0px 0px; }
    .contractualDocsInfo .flexContainer .circle56.bg2 > div {
      width: 24px;
      line-height: 28px;
      height: 24px;
      color: white; }

.contractualDocsInfo #contractualDocsInfoOpen {
  display: block; }

.grow {
  -moz-transition: height .5s;
  -ms-transition: height .5s;
  -o-transition: height .5s;
  -webkit-transition: height .5s;
  transition: height .5s;
  height: 0;
  overflow: hidden; }

@media screen and (max-width: 475px) {
  #crsCDAmount,
  #crsCDInsurance,
  #crsCDTerm,
  #crsCDMonthly,
  #crsCDAmountCard,
  #crsCDInsuranceCard {
    width: 50%; }
  #crsCDAmount > .fieldLabel,
  #crsCDInsurance > .fieldLabel {
    transform: translate(-4px, 0); }
  #crsCDTerm > div,
  #crsCDMonthly > div {
    text-align: right; }
  #crsCDAmount > div,
  #crsCDInsurance > div {
    text-align: left; } }

/* CONTRACTBOXDOCUMENT CHANGES*/
.field.checkBoxDocument.contractDoc .left {
  display: flex;
  align-items: center; }

.field.checkBoxDocument.contractDoc .title {
  margin: 0; }

.field.checkBoxDocument.contractDoc a {
  width: 100px;
  font-size: 14px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none; }
  .field.checkBoxDocument.contractDoc a.checked {
    background: #9AC433 url("/o/gdprconsent/media/images/svg/SmallCheck.svg") 50% 50% no-repeat;
    font-size: 0; }
    .field.checkBoxDocument.contractDoc a.checked:hover {
      border-color: #9AC433;
      color: #9AC433; }
    .field.checkBoxDocument.contractDoc a.checked:focus {
      border-color: #9AC433;
      color: #9AC433; }