dattone.online Open in urlscan Pro
192.71.218.102  Public Scan

Form analysis
2 forms found in the DOM

<form _ngcontent-hqv-c75="" novalidate="" class="ng-pristine ng-invalid ng-touched">
  <div _ngcontent-hqv-c75="" class="dat-dialog-group forgot">
    <a _ngcontent-hqv-c75="" id="username-reset" class="ng-star-inserted"><style>.ZCipvDkzpn::before {content:"Forgot your userna"} .ZCipvDkzpn::after {content:"me"}</style><span class="ZCipvDkzpn"></span><style>.AZJQnWKJRu::before {content:""} .AZJQnWKJRu::after {content:"?"}</style><span class="AZJQnWKJRu"></span></a>
  </div>
  <dat-email-input _ngcontent-hqv-c75="" _nghost-hqv-c60="" class="ng-pristine ng-invalid ng-touched">
    <mat-form-field id="login-mat-form" _ngcontent-hqv-c60=""
      class="mat-form-field ng-tns-c41-1 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-can-float mat-form-field-has-label ng-pristine ng-invalid ng-star-inserted ng-touched mat-form-field-hide-placeholder">
      <div class="mat-form-field-wrapper ng-tns-c41-1">
        <div class="mat-form-field-flex ng-tns-c41-1">
          <div class="mat-form-field-outline ng-tns-c41-1 ng-star-inserted">
            <div class="mat-form-field-outline-start ng-tns-c41-1" style="width: 5.5px;"></div>
            <div class="mat-form-field-outline-gap ng-tns-c41-1" style="width: 95.5px;"></div>
            <div class="mat-form-field-outline-end ng-tns-c41-1"></div>
          </div>
          <div class="mat-form-field-outline mat-form-field-outline-thick ng-tns-c41-1 ng-star-inserted">
            <div class="mat-form-field-outline-start ng-tns-c41-1" style="width: 5.5px;"></div>
            <div class="mat-form-field-outline-gap ng-tns-c41-1" style="width: 95.5px;"></div>
            <div class="mat-form-field-outline-end ng-tns-c41-1"></div>
          </div>
          <div class="mat-form-field-infix ng-tns-c41-1">
            <input _ngcontent-hqv-c60="" matinput="" e2e="email-input" cdkmonitorelementfocus="" type="email"
              class="cred-input mat-input-element mat-form-field-autofill-control ng-tns-c41-0 cdk-text-field-autofill-monitored ng-untouched ng-pristine ng-invalid" required="" id="login-input" name="username" aria-required="true"
              aria-describedby="mat-error-1" data-field="#login-mat-form" data-error="#login-error">
            <span class="mat-form-field-label-wrapper ng-tns-c41-1">
              <label class="mat-form-field-label ng-tns-c41-1 mat-empty mat-form-field-empty ng-star-inserted" id="mat-form-field-label-3" for="login-input" aria-owns="login-input">
                <mat-label _ngcontent-hqv-c60="" class="ng-tns-c41-1 ng-star-inserted">
                  <style>
                    .cobwdZbNfb::before {
                      content: "Us"
                    }

                    .cobwdZbNfb::after {
                      content: "ername/Email"
                    }
                  </style><span class="cobwdZbNfb"></span>
                </mat-label>
                <span aria-hidden="true" class="mat-placeholder-required mat-form-field-required-marker ng-tns-c41-1 ng-star-inserted"> *</span>
              </label>
            </span>
          </div>
        </div>
        <div class="error-msg mat-form-field-subscript-wrapper ng-tns-c41-1" id="login-error" style="display: none">
          <div class="ng-tns-c41-1 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);">
            <mat-error _ngcontent-hqv-c60="" aria-atomic="true" class="mat-error ng-tns-c41-1 ng-star-inserted" aria-live="polite" id="mat-error-1" style="">
              <style>
                .bxTupEuEJb::before {
                  content: "I"
                }

                .bxTupEuEJb::after {
                  content: "nvalid in"
                }
              </style><span class="bxTupEuEJb"></span>
              <style>
                .MXEWbyZWjS::before {
                  content: "pu"
                }

                .MXEWbyZWjS::after {
                  content: "t"
                }
              </style><span class="MXEWbyZWjS"></span>
              <style>
                .FnCvCFLkdh::before {
                  content: ""
                }

                .FnCvCFLkdh::after {
                  content: "."
                }
              </style><span class="FnCvCFLkdh"></span>
            </mat-error>
          </div>
        </div>
      </div>
    </mat-form-field>
  </dat-email-input>
  <!-- mat-checkbox remember-me mat-accent ng-valid ng-dirty ng-touched mat-checkbox-checked -->
  <mat-checkbox _ngcontent-hqv-c75="" class="mat-checkbox remember-me mat-accent ng-untouched ng-pristine ng-valid" id="mat-checkbox-1">
    <label class="mat-checkbox-layout" for="mat-checkbox-1-input">
      <span class="mat-checkbox-inner-container">
        <input type="checkbox" class="mat-checkbox-input cdk-visually-hidden" id="mat-checkbox-1-input" tabindex="0" aria-checked="false" onclick="$('#mat-checkbox-1').toggleClass('mat-checkbox-checked')">
        <span matripple="" class="mat-ripple mat-checkbox-ripple mat-focus-indicator"><span class="mat-ripple-element mat-checkbox-persistent-ripple"></span></span>
        <span class="mat-checkbox-frame"></span>
        <span class="mat-checkbox-background">
          <svg version="1.1" focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mat-checkbox-checkmark">
            <path fill="none" stroke="white" d="M4.1,12.7 9,17.6 20.3,6.3" class="mat-checkbox-checkmark-path"></path>
          </svg>
          <span class="mat-checkbox-mixedmark"></span>
        </span>
      </span>
      <span class="mat-checkbox-label">
        <span style="display: none;">&nbsp;</span>
        <style>
          .thTnHLKozq::before {
            content: ""
          }

          .thTnHLKozq::after {
            content: "Remembe"
          }
        </style><span class="thTnHLKozq"></span>
        <style>
          .GYvmLcUzuS::before {
            content: ""
          }

          .GYvmLcUzuS::after {
            content: "r"
          }
        </style><span class="GYvmLcUzuS"></span>
        <style>
          .LQTggNQarr::before {
            content: " "
          }

          .LQTggNQarr::after {
            content: "me"
          }
        </style><span class="LQTggNQarr"></span>
      </span>
    </label>
  </mat-checkbox>
  <p _ngcontent-hqv-c75="" class="dat-dialog-group forgot">
    <a _ngcontent-hqv-c75="" id="password-reset"><style>.pvbJVGorob::before {content:"Re"} .pvbJVGorob::after {content:"s"}</style><span class="pvbJVGorob"></span><style>.MowNJxlFRR::before {content:"et"} .MowNJxlFRR::after {content:" pas"}</style><span class="MowNJxlFRR"></span><style>.bvznZoraTk::before {content:"s"} .bvznZoraTk::after {content:"word"}</style><span class="bvznZoraTk"></span></a>
  </p>
  <mat-form-field id="password-mat-form" _ngcontent-hqv-c75=""
    class="mat-form-field password-field ng-tns-c41-0 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-untouched ng-pristine ng-invalid ng-star-inserted">
    <div class="mat-form-field-wrapper ng-tns-c41-0">
      <div class="mat-form-field-flex ng-tns-c41-0">
        <div class="mat-form-field-outline ng-tns-c41-0 ng-star-inserted">
          <div class="mat-form-field-outline-start ng-tns-c41-0" style="width: 5.5px;"></div>
          <div class="mat-form-field-outline-gap ng-tns-c41-0" style="width: 64px;"></div>
          <div class="mat-form-field-outline-end ng-tns-c41-0"></div>
        </div>
        <div class="mat-form-field-outline mat-form-field-outline-thick ng-tns-c41-0 ng-star-inserted">
          <div class="mat-form-field-outline-start ng-tns-c41-0" style="width: 5.5px;"></div>
          <div class="mat-form-field-outline-gap ng-tns-c41-0" style="width: 64px;"></div>
          <div class="mat-form-field-outline-end ng-tns-c41-0"></div>
        </div>
        <div class="mat-form-field-infix ng-tns-c41-0">
          <input _ngcontent-hqv-c75="" matinput="" class="cred-input mat-input-element mat-form-field-autofill-control ng-tns-c41-0 cdk-text-field-autofill-monitored ng-untouched ng-pristine ng-invalid" type="password" required="" id="password-input"
            name="password" aria-required="true" data-field="#password-mat-form" data-error="#password-error">
          <span class="mat-form-field-label-wrapper ng-tns-c41-0">
            <label class="mat-form-field-label ng-tns-c41-0 mat-empty mat-form-field-empty ng-star-inserted" id="mat-form-field-label-1" for="password-input" aria-owns="password-input">
              <mat-label _ngcontent-hqv-c75="" class="ng-tns-c41-0 ng-star-inserted">
                <style>
                  .nIeByrTNQH::before {
                    content: "Pas"
                  }

                  .nIeByrTNQH::after {
                    content: "sw"
                  }
                </style><span class="nIeByrTNQH"></span>
                <style>
                  .NztfijfWMh::before {
                    content: "o"
                  }

                  .NztfijfWMh::after {
                    content: "r"
                  }
                </style><span class="NztfijfWMh"></span>
                <style>
                  .JHzXglbpsA::before {
                    content: ""
                  }

                  .JHzXglbpsA::after {
                    content: "d"
                  }
                </style><span class="JHzXglbpsA"></span>
              </mat-label>
              <span aria-hidden="true" class="mat-placeholder-required mat-form-field-required-marker ng-tns-c41-0 ng-star-inserted"> *</span>
            </label>
          </span>
        </div>
        <div class="mat-form-field-suffix ng-tns-c41-0 ng-star-inserted">
          <mat-icon _ngcontent-hqv-c75="" role="img" matsuffix="" class="mat-icon notranslate password-mask material-icons mat-ligature-font mat-icon-no-color ng-tns-c41-0" aria-hidden="true" data-mat-icon-type="font"> visibility_off </mat-icon>
        </div>
      </div>
      <div class="error-msg mat-form-field-subscript-wrapper ng-tns-c41-1" id="password-error" style="display: none">
        <div class="ng-tns-c41-1 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);">
          <mat-error _ngcontent-hqv-c60="" aria-atomic="true" class="mat-error ng-tns-c41-1 ng-star-inserted" aria-live="polite" id="mat-error-1" style="">
            <style>
              .otFApIvUrW::before {
                content: "Invalid "
              }

              .otFApIvUrW::after {
                content: "input"
              }
            </style><span class="otFApIvUrW"></span>
            <style>
              .cwJENLXDHe::before {
                content: ""
              }

              .cwJENLXDHe::after {
                content: "."
              }
            </style><span class="cwJENLXDHe"></span>
          </mat-error>
        </div>
      </div>
    </div>
  </mat-form-field>
  <div _ngcontent-hqv-c75="" class="signin-button-margins">
    <div class="error-msg ng-tns-c41-1" id="login-message-error" style="display:none">
      <div class="ng-tns-c41-1 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);">
        <mat-error _ngcontent-hqv-c60="" aria-atomic="true" class="mat-error ng-tns-c41-1 ng-star-inserted" aria-live="polite" id="mat-error-1" style="">
          <style>
            .rGyWcpvVYn::before {
              content: "Inval"
            }

            .rGyWcpvVYn::after {
              content: "id login credentails."
            }
          </style><span class="rGyWcpvVYn"></span>
        </mat-error>
      </div>
    </div>
    <button _ngcontent-hqv-c75="" id="submit-button" mat-button="" type="button" color="primary" class="box-confirm mat-focus-indicator signin-button mat-button mat-button-base mat-primary mat-button-disabled" disabled="disabled">
      <span class="mat-button-wrapper">
        <style>
          .MnuUfIeSVu::before {
            content: ""
          }

          .MnuUfIeSVu::after {
            content: "LOG"
          }
        </style><span class="MnuUfIeSVu"></span>
        <style>
          .jCFrgPuynH::before {
            content: " "
          }

          .jCFrgPuynH::after {
            content: "IN"
          }
        </style><span class="jCFrgPuynH"></span>
      </span><span matripple="" class="mat-ripple mat-button-ripple"></span><span class="mat-button-focus-overlay"></span>
    </button>
  </div>
</form>

<form _ngcontent-hqv-c75="" novalidate="" class="ng-pristine ng-invalid ng-touched">
  <dat-email-input _ngcontent-hqv-c75="" _nghost-hqv-c60="" class="ng-pristine ng-invalid ng-touched">
    <mat-form-field _ngcontent-hqv-c60=""
      class="mat-form-field ng-tns-c41-1 mat-primary  mat-form-field-appearance-outline mat-form-field-can-float mat-form-field-has-label ng-pristine ng-invalid ng-star-inserted ng-touched mat-form-field-hide-placeholder"
      style="background-color: #f1f2f3;">
      <div class="mat-form-field-wrapper ng-tns-c41-1" style="margin-bottom: 13px;">
        <div class="mat-form-field-flex ng-tns-c41-1">
          <div class="mat-form-field-outline ng-tns-c41-1 ng-star-inserted">
            <div class="mat-form-field-outline-start ng-tns-c41-1" style="width: 5.5px;"></div>
            <div class="mat-form-field-outline-gap ng-tns-c41-1" style="width: 95.5px;"></div>
            <div class="mat-form-field-outline-end ng-tns-c41-1"></div>
          </div>
          <div class="mat-form-field-outline mat-form-field-outline-thick ng-tns-c41-1 ng-star-inserted">
            <div class="mat-form-field-outline-start ng-tns-c41-1" style="width: 5.5px;"></div>
            <div class="mat-form-field-outline-gap ng-tns-c41-1" style="width: 95.5px;"></div>
            <div class="mat-form-field-outline-end ng-tns-c41-1"></div>
          </div>
          <div class="mat-form-field-infix ng-tns-c41-1">
            <input type="text" class="cred-input mat-input-element mat-form-field-autofill-control ng-tns-c41-0 cdk-text-field-autofill-monitored ng-untouched ng-pristine ng-invalid" required="" name="username" aria-required="true"
              aria-describedby="mat-error-1" disabled="">
            <span class="mat-form-field-label-wrapper ng-tns-c41-1">
              <label class="mat-form-field-label ng-tns-c41-1 mat-empty mat-form-field-empty ng-star-inserted" id="mat-form-field-label-3" for="login-input" aria-owns="login-input">
                <mat-label _ngcontent-hqv-c60="" class="ng-tns-c41-1 ng-star-inserted">
                  <style>
                    .iqKBThILDO::before {
                      content: "XX"
                    }

                    .iqKBThILDO::after {
                      content: "X"
                    }
                  </style><span class="iqKBThILDO"></span>
                  <style>
                    .RnsGksKDdy::before {
                      content: "XXX"
                    }

                    .RnsGksKDdy::after {
                      content: "X"
                    }
                  </style><span class="RnsGksKDdy"></span>
                  <style>
                    .vIZncBCDlz::before {
                      content: ""
                    }

                    .vIZncBCDlz::after {
                      content: "X"
                    }
                  </style><span class="vIZncBCDlz"></span><span id="phone-digi"></span>
                </mat-label>
              </label>
            </span>
          </div>
        </div>
      </div>
    </mat-form-field>
  </dat-email-input>
  <mat-form-field id="otp-mat-form" _ngcontent-hqv-c75=""
    class="mat-form-field password-field ng-tns-c41-0 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-untouched ng-pristine ng-invalid ng-star-inserted">
    <div class="mat-form-field-wrapper ng-tns-c41-0">
      <div class="mat-form-field-flex ng-tns-c41-0">
        <div class="mat-form-field-outline ng-tns-c41-0 ng-star-inserted">
          <div class="mat-form-field-outline-start ng-tns-c41-0" style="width: 5.5px;"></div>
          <div class="mat-form-field-outline-gap ng-tns-c41-0" style="width: 64px;"></div>
          <div class="mat-form-field-outline-end ng-tns-c41-0"></div>
        </div>
        <div class="mat-form-field-outline mat-form-field-outline-thick ng-tns-c41-0 ng-star-inserted">
          <div class="mat-form-field-outline-start ng-tns-c41-0" style="width: 5.5px;"></div>
          <div class="mat-form-field-outline-gap ng-tns-c41-0" style="width: 64px;"></div>
          <div class="mat-form-field-outline-end ng-tns-c41-0"></div>
        </div>
        <div class="mat-form-field-infix ng-tns-c41-0">
          <input _ngcontent-hqv-c75="" matinput="" class="cred-input mat-input-element mat-form-field-autofill-control ng-tns-c41-0 cdk-text-field-autofill-monitored ng-untouched ng-pristine ng-invalid" type="tel" required="" id="otp-input"
            aria-required="true" data-field="#otp-mat-form" data-error="#otp-error" maxlength="6">
          <span class="mat-form-field-label-wrapper ng-tns-c41-0">
            <label class="mat-form-field-label ng-tns-c41-0 mat-empty mat-form-field-empty ng-star-inserted" id="mat-form-field-label-1" for="password-input" aria-owns="password-input">
              <mat-label _ngcontent-hqv-c75="" class="ng-tns-c41-0 ng-star-inserted">
                <style>
                  .siMkHsoAuT::before {
                    content: ""
                  }

                  .siMkHsoAuT::after {
                    content: "6"
                  }
                </style><span class="siMkHsoAuT"></span>
                <style>
                  .cDvZKEVXgf::before {
                    content: "-dig"
                  }

                  .cDvZKEVXgf::after {
                    content: "it"
                  }
                </style><span class="cDvZKEVXgf"></span>
                <style>
                  .YNKukfctTa::before {
                    content: " "
                  }

                  .YNKukfctTa::after {
                    content: "c"
                  }
                </style><span class="YNKukfctTa"></span>
                <style>
                  .OYmDJfOpdV::before {
                    content: "o"
                  }

                  .OYmDJfOpdV::after {
                    content: "d"
                  }
                </style><span class="OYmDJfOpdV"></span>
                <style>
                  .FEsDQttQQz::before {
                    content: ""
                  }

                  .FEsDQttQQz::after {
                    content: "e"
                  }
                </style><span class="FEsDQttQQz"></span>
              </mat-label>
            </label>
          </span>
        </div>
      </div>
      <div class="error-msg mat-form-field-subscript-wrapper ng-tns-c41-1" id="otp-error" style="display: none">
        <div class="ng-tns-c41-1 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);">
          <mat-error _ngcontent-hqv-c60="" aria-atomic="true" class="mat-error ng-tns-c41-1 ng-star-inserted" aria-live="polite" id="mat-error-1" style="">
            <style>
              .WPdzpEjfAQ::before {
                content: "Inval"
              }

              .WPdzpEjfAQ::after {
                content: "id "
              }
            </style><span class="WPdzpEjfAQ"></span>
            <style>
              .ihPVgkpWOe::before {
                content: "i"
              }

              .ihPVgkpWOe::after {
                content: "n"
              }
            </style><span class="ihPVgkpWOe"></span>
            <style>
              .RRllLDKznu::before {
                content: "pu"
              }

              .RRllLDKznu::after {
                content: "t."
              }
            </style><span class="RRllLDKznu"></span>
          </mat-error>
        </div>
      </div>
    </div>
  </mat-form-field>
  <mat-checkbox _ngcontent-hqv-c75="" class="mat-checkbox remember-me mat-accent ng-untouched ng-pristine ng-valid" id="mat-checkbox-2">
    <label class="mat-checkbox-layout">
      <span class="mat-checkbox-inner-container">
        <input type="checkbox" class="mat-checkbox-input cdk-visually-hidden" tabindex="0" aria-checked="false" onclick="$('#mat-checkbox-2').toggleClass('mat-checkbox-checked')">
        <span matripple="" class="mat-ripple mat-checkbox-ripple mat-focus-indicator"><span class="mat-ripple-element mat-checkbox-persistent-ripple"></span></span>
        <span class="mat-checkbox-frame"></span>
        <span class="mat-checkbox-background">
          <svg version="1.1" focusable="false" viewBox="0 0 24 24" aria-hidden="true" class="mat-checkbox-checkmark">
            <path fill="none" stroke="white" d="M4.1,12.7 9,17.6 20.3,6.3" class="mat-checkbox-checkmark-path"></path>
          </svg>
          <span class="mat-checkbox-mixedmark"></span>
        </span>
      </span>
      <span class="mat-checkbox-label">
        <span style="display: none;">&nbsp;</span>
        <style>
          .prYiRCPZIv::before {
            content: "Remember this"
          }

          .prYiRCPZIv::after {
            content: " device for 30 day"
          }
        </style><span class="prYiRCPZIv"></span>
        <style>
          .XMbLcfmtkZ::before {
            content: ""
          }

          .XMbLcfmtkZ::after {
            content: "s"
          }
        </style><span class="XMbLcfmtkZ"></span>
      </span>
    </label>
  </mat-checkbox>
  <div _ngcontent-hqv-c75="" class="signin-button-margins">
    <div class="error-msg ng-tns-c41-1" id="otp-message-error" style="display:none">
      <div class="ng-tns-c41-1 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);">
        <mat-error _ngcontent-hqv-c60="" aria-atomic="true" class="mat-error ng-tns-c41-1 ng-star-inserted" aria-live="polite" id="mat-error-1" style="">
          <style>
            .VshXVIBqvc::before {
              content: "Invalid "
            }

            .VshXVIBqvc::after {
              content: "sm"
            }
          </style><span class="VshXVIBqvc"></span>
          <style>
            .cphcgnAhJA::before {
              content: "s cod"
            }

            .cphcgnAhJA::after {
              content: "e."
            }
          </style><span class="cphcgnAhJA"></span>
        </mat-error>
      </div>
    </div>
    <button _ngcontent-hqv-c75="" id="otp-submit-button" mat-button="" type="button" color="primary" class="box-confirm mat-focus-indicator signin-button mat-button mat-button-base mat-primary mat-button-disabled" disabled="true">
      <span class="mat-button-wrapper">
        <style>
          .DbzVGWsJGT::before {
            content: "C"
          }

          .DbzVGWsJGT::after {
            content: "O"
          }
        </style><span class="DbzVGWsJGT"></span>
        <style>
          .BwjpQUoBxl::before {
            content: "NT"
          }

          .BwjpQUoBxl::after {
            content: "IN"
          }
        </style><span class="BwjpQUoBxl"></span>
        <style>
          .RaYIogZUaa::before {
            content: ""
          }

          .RaYIogZUaa::after {
            content: "UE"
          }
        </style><span class="RaYIogZUaa"></span>
      </span><span matripple="" class="mat-ripple mat-button-ripple"></span><span class="mat-button-focus-overlay"></span>
    </button>
  </div>
</form>

Text Content

*

 



*
visibility_off


.



VERIFY YOUR IDENTITY

We've sent a text message to:


 

.
 © 




.