/* Responsive fixes for the new-client flow. */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

* {
  min-width: 0;
}

img,
iframe,
svg {
  max-width: 100%;
}

.signin-wrapper,
.signin-box,
.signup,
.container,
.row,
.form-group {
  max-width: 100%;
}

.form-control,
.btn,
button,
input,
select,
textarea {
  max-width: 100%;
}

.btn,
button {
  white-space: normal;
}

@media (max-width: 767.98px) {
  body {
    background-size: cover;
    background-position: center;
  }

  .signin-wrapper {
    min-height: 100vh;
    padding: 20px 14px;
    align-items: flex-start;
  }

  .signin-box,
  .signin-box.signup {
    width: 100%;
    padding: 24px 18px;
  }

  .signup-separator {
    margin-top: 18px !important;
  }

  .form-control {
    min-height: 44px;
  }

  .btn,
  .btn-block {
    width: 100%;
    min-height: 44px;
  }
}