.login.login-2 .login-signin,
.login.login-2 .login-signupCompanyLogo,
.login.login-2 .login-signupCompanyProfile,
.login.login-2 .login-signupPersonalInfo,
.login.login-2 .login-forgot {
    display: none;
}

.login.login-2.login-signin-on .login-signin {
    display: block;
}
.login.login-2.login-signin-on .login-signupCompanyLogo,
.login.login-2.login-signin-on .login-signupCompanyProfile,
.login.login-2.login-signin-on .login-signupPersonalInfo,
.login.login-2.login-signin-on .login-forgot {
    display: none;
}

.login.login-2.login-signupCompanyLogo-on .login-signupCompanyLogo {
    display: block;
}
.login.login-2.login-signupCompanyLogo-on .login-signin,
.login.login-2.login-signupCompanyLogo-on .login-signupCompanyProfile,
.login.login-2.login-signupCompanyLogo-on .login-signupPersonalInfo,
.login.login-2.login-signupCompanyLogo-on .login-forgot {
    display: none;
}

.login.login-2.login-signupCompanyProfile-on .login-signupCompanyProfile {
  display: block;
}
.login.login-2.login-signupCompanyProfile-on .login-signin,
.login.login-2.login-signupCompanyProfile-on .login-signupCompanyLogo,
.login.login-2.login-signupCompanyProfile-on .login-signupPersonalInfo,
.login.login-2.login-signupCompanyProfile-on .login-forgot {
    display: none;
}


.login.login-2.login-signupPersonalInfo-on .login-signupPersonalInfo {
    display: block;
}
.login.login-2.login-signupPersonalInfo-on .login-signin,
.login.login-2.login-signupPersonalInfo-on .login-signupCompanyLogo,
.login.login-2.login-signupPersonalInfo-on .login-signupCompanyProfile,
.login.login-2.login-signupPersonalInfo-on .login-forgot {
    display: none;
}

.login.login-2.login-forgot-on .login-forgot {
    display: block;
}
.login.login-2.login-forgot-on .login-signin,
.login.login-2.login-forgot-on .login-signupCompanyLogo,
.login.login-2.login-forgot-on .login-signupCompanyProfile,
.login.login-2.login-forgot-on .login-signupPersonalInfo {
    display: none;
}

@media (min-width: 992px) {
  .login.login-2 .login-aside {
    width: 100%;
    max-width: 600px;
  }
  .login.login-2 .login-form {
    width: 100%;
    max-width: 450px;
  }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  .login.login-2 .login-aside {
    width: 100%;
    max-width: 450px;
  }
}
@media (max-width: 991.98px) {
  .login.login-2 .login-form {
    width: 100%;
    max-width: 400px;
  }
}
@media (max-width: 575.98px) {
  .login.login-2 .login-form {
    width: 100%;
    max-width: 100%;
  }
}

.login-form {
    padding: 24px;
    background: #0057b7b8;
    border-radius: 38px;
    box-shadow: 0px 0px 13px 0px rgb(27 16 181 / 25%);
    background-image: url(../../../../../media/img/bg_banner.png);
    background-repeat: no-repeat;
}

.login-form .text-body-webApp {
    color: #fff !important;
}
.login-form .text-webApp-primary {
    color: #043659 !important;
}
.login-form .webApp-btn-firstColor:hover {
    background-color: #043659 !important;
}
.login-forgot .text-muted {
    color: #fff !important;
}

.login-forgot .btn {
    border-radius: 23px;
}
#kt_login_forgot_cancel {
    background-color: #043659 !important;
}
#kt_login_forgot_submit {
    background-color: #FFCD00 !important;
    color: #043659 !important;
}
.login-form .form-control:focus {
    border-color: #0a4b8e59!important;
}
.logo{
    position: relative;
    width: 44%;
    margin: 0 auto;
    display: block;
}