/*.login.login-3 .login-signin,
.login.login-3 .login-signup,
.login.login-3 .login-forgot {
  display: none; }*/

.login.login-3.login-signin-on .login-signup {
  display: none;
}

.login.login-3.login-signin-on .login-signin {
  display: block;
}

/*.login.login-3.login-signin-on .login-forgot {
  display: none; }*/

.login.login-3.login-signup-on .login-signup {
  display: block;
}

.login.login-3.login-signup-on .login-signin {
  display: none;
}

.login.login-3.login-signup-on .login-forgot {
  display: none;
}

.login.login-3.login-forgot-on .login-signup {
  display: none;
}

.login.login-3.login-forgot-on .login-signin {
  display: none;
}

.login.login-3.login-forgot-on .login-forgot {
  display: block;
}

.login.login-3 .login-form {
  width: 100%;
  max-width: 450px;
}

@media (max-width: 575.98px) {
  .login.login-3 .login-form {
    width: 100%;
    max-width: 100%;
  }
}

.mm-number-container {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  height: inherit;
}
.mm-number-input {
  margin: 0 auto;
  text-align: center;
}
.mm-number-input-container {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  height: inherit;
}
.mm-number-input-item {
  width: 44px;
  height: 40px;
  margin: 10px 10px;
}
.mm-number-input-item input {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  text-align: center;
  position: relative;
  font-size: 32px !important;
  height: 32px;
  margin: 0;
  padding: 0;
  outline: 0;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  border-bottom: 1px solid rgb(255 255 255);
  font-family: Barlow, sans-serif;
  line-height: 0.5;
  background: #07214666;
  color: #fff;
}
.mm-number-input-submit {
  text-align: center;
  width: 80px;
  height: 40px;
  background: #f1f1f1;
  color: #333;
  border: none;
  font-size: 14px;
  font-weight: 300;
}
.mm-number-input-submit:focus,
.mm-number-input-submit:hover {
  background: #333;
  color: #f1f1f1;
  cursor: pointer;
}
p.auth-code-p {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  color: grey;
  margin: 0;
  font-size: 14px;
}
p.error-msg {
  display: none;
}
p.error-msg.show {
  display: block;
  text-align: center;
  color: red;
  background: #ff030b1a;
  font-size: 12px;
  padding: 5px;
}