@import "../../../resources/assets/css/_variables.css";

@media screen and (min-width: 1350px) {
.trademarkClass{position:absolute; top:-9px; color:#ffffff; font-size: 18px; right:-45px;}
.page-loading{height:1000px}
.loginScreen {margin:120px 250px 0px 250px; transform: scale(1);}
}

@media screen and (min-width: 1366px) {
.trademarkClass{position:absolute; top:-9px; color:#ffffff; font-size: 18px; right:-44px;}
.page-loading{height:1000px}
.loginScreen {margin:120px 250px 0px 250px; transform: scale(1);}
}
@media screen and (min-width: 1440px) {
.trademarkClass{position:absolute; top:-9px; color:#ffffff; font-size: 18px; right:-35px;}
.page-loading{height:900px}
.loginScreen {margin:190px 250px 0px 250px; transform: scale(1.1);}
}
@media screen and (min-width: 1600px) {
.trademarkClass{position:absolute; top:-9px; color:#ffffff; font-size: 18px; right:-35px;}
.loginScreen {margin:190px 330px 0px 330px; transform: scale(1.2);}
.tradeMarkIcon{right: -15px !important}
}
@media screen and (min-width: 1680px) {
.trademarkClass{position:absolute; top:-9px; color:#ffffff; font-size: 18px; right:-45px;}
.loginScreen {margin:260px 380px 0px 380px; transform: scale(1.3);}
.tradeMarkIcon{right: -15px !important}
}
@media screen and (min-width: 1920px) {
.trademarkClass{position:absolute; top:-10px; color:#ffffff; font-size: 18px; right:-45px;}
.loginScreen{margin:280px 500px 0px 500px; transform: scale(1.4);}
}


.loginBackgroud{background:var(--loginColor);} 
#kt_login_signin_submit{background-image: linear-gradient(to bottom right, var(--themeColor), var(--themeColor)); width: 100%; color: #ffffff; font-size: 15px; border-radius: 25px; margin-top: 0px !important; font-weight: 100 !important}
.borderLeft{border-left: 3px solid var(--themeColor) !important;}

.login.login-4 .login-signin,
.login.login-4 .login-signup,
.login.login-4 .login-forgot {
  display: none; }

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

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

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

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

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

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

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

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

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

.login.login-4 .login-form {
  background:#ffffff;
  border-radius:3px;
  width: 100%;
  max-width: 450px; }

#typed {
	color: #0073dc;
}

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