html, body {
  -webkit-overflow-scrolling: touch !important;
  height: 100% !important;
}

#login-box,
#signup-box,
#campaignSubmitedEmailModal,
#headerSignup {
  width: 500px;
  padding: 0 auto;
}

#login-box .progress,
#signup-box .progress,
#campaignSubmitedEmailModal .progress,
#headerSignup .progress {
  width: 100%;
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
}

#login-box .modal-close,
#signup-box .modal-close,
#campaignSubmitedEmailModal .modal-close,
#headerSignup .modal-close {
  position: absolute;
  top: 15px;
  right: 19px;
  color: #7c828a;
  font-size: 1.25em;
  font-weight: bold;
}

#login-box h5,
#signup-box h5,
#campaignSubmitedEmailModal h5,
#headerSignup h5 {
  margin-top: 0;
}

#login-box .section > .row:nth-child(3) .input-field,
#signup-box .section > .row:nth-child(3) .input-field,
#campaignSubmitedEmailModal .section > .row:nth-child(3) .input-field,
#headerSignup .section > .row:nth-child(3) .input-field {
  /* First input row */
  margin-top: 50px;
}

#login-box .section > .row:last-child,
#signup-box .section > .row:last-child,
#campaignSubmitedEmailModal .section > .row:last-child,
#headerSignup .section > .row:last-child {
  margin-bottom: 0;
}

#login-box .section > .row .input-field label:after,
#signup-box .section > .row .input-field label:after,
#campaignSubmitedEmailModal .section > .row .input-field label:after,
#headerSignup .section > .row .input-field label:after {
  white-space: nowrap;
}

#login-box .error-place,
#signup-box .error-place,
#campaignSubmitedEmailModal .error-place,
#headerSignup .error-place {
  height: 36px;
  line-height: 36px;
  font-size: 0.8em;
  color: #F44336;
}

#login-box .error-place {
  margin-top: -20px;
}

@media only screen and (max-width: 600px) {
  #login-box,
  #signup-box,
  #campaignSubmitedEmailModal {
    width: 90%;
    max-height: 80%;
  }
  #login-box .btn,
  #signup-box .btn,
  #campaignSubmitedEmailModal .btn {
    padding: 0 1rem;
    display: block;
    float: none !important;
    margin-bottom: 10px;
  }
  #login-box #signup-button,
  #login-box #login-button,
  #signup-box #signup-button,
  #signup-box #login-button,
  #campaignSubmitedEmailModal #signup-button,
  #campaignSubmitedEmailModal #login-button {
    padding: 0 2rem;
    margin-bottom: 0;
    margin-top: 10px;
    width: 100%;
  }
  #login-box .error-place,
  #login-box .submit-place,
  #login-box .recover-place,
  #signup-box .error-place,
  #signup-box .submit-place,
  #signup-box .recover-place,
  #campaignSubmitedEmailModal .error-place,
  #campaignSubmitedEmailModal .submit-place,
  #campaignSubmitedEmailModal .recover-place {
    width: 100%;
  }
  #login-box .recover-place,
  #signup-box .recover-place,
  #campaignSubmitedEmailModal .recover-place {
    margin-bottom: 10px;
  }
}

#headerSignup {
  width: 100%;
  max-width: 700px;
}

.mobile-modal-height {
  max-height: 100%;
}