/* LOGIN CSS */

body {
	 background: #efe1cb !important;
	 background-size: cover !important;
	 -webkit-backface-visibility: hidden;
	 overflow: hidden;
	 position: fixed;
	 top: 0;
	 z-index: 100;
	 width: 100%;
	 height: 100%;
	 box-sizing: border-box;
}
 #login {
	 background: #ffffff;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 -webkit-transform: translateY(-50%) translateX(-50%);
	 -moz-transform: translateY(-50%) translateX(-50%);
	 -ms-transform: translateY(-50%) translateX(-50%);
	 -o-transform: translateY(-50%) translateX(-50%);
	 transform: translateY(-50%) translateX(-50%);
	 padding: 40px;
	 width: 320px;
}
 #login form {
	 background: transparent;
	 margin-top: 0;
	 margin-bottom: 20px;
	 margin-left: 0;
	 padding: 0 0 0 0;
	 -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	 box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	 box-sizing: border-box;
	 border: 0 !important;
	 float: left;
	 width: 100% !important;
}
 #login form > .user-pass-wrap, #login form > p {
	 margin-bottom: 15px;
}
 #login form > .user-pass-wrap > label, #login form > p > label {
	 float: left;
	 width: 100%;
	 font-size: 14px;
	 font-weight: 600;
	 line-height: 1;
	 color: #0a0000;
	 margin-bottom: 10px;
	 -webkit-appearance: none;
	/** REMOVE WEBKIT **/
}
 #login form #user_login, #login form #user_pass, #login form #authcode {
	 background: transparent;
	 font-family: font-family;
	 font-size: 15px;
	 font-weight: normal;
	 line-height: 1;
	 color: #0a0000;
	 padding: 12.5px 30px 12.5px 15px;
	 width: 100%;
	 margin: 0;
	 height: 50px;
	 border: 1px solid grey-2 !important;
	 box-shadow: none;
	/** REMOVE WEBKIT **/
	 outline: none;
	 resize: none;
	 -webkit-appearance: none;
	 box-shadow: box-shadow-none;
	 box-shadow: box-shadow-inset-none;
	 transition: transition-base;
}
 #login form #user_login:-webkit-autofill, #login form #user_pass:-webkit-autofill, #login form #authcode:-webkit-autofill, #login form #user_login:-webkit-autofill:hover, #login form #user_pass:-webkit-autofill:hover, #login form #authcode:-webkit-autofill:hover, #login form #user_login:-webkit-autofill:focus, #login form #user_pass:-webkit-autofill:focus, #login form #authcode:-webkit-autofill:focus, #login form #user_login:-webkit-autofill:active, #login form #user_pass:-webkit-autofill:active, #login form #authcode:-webkit-autofill:active {
	 -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}
 #login form #user_login:hover, #login form #user_pass:hover, #login form #authcode:hover {
	 background: transparent;
	 border: 1px solid grey !important;
	 color: #0a0000;
}
 #login form #user_login:focus, #login form #user_pass:focus, #login form #authcode:focus {
	 background: transparent;
	 border: 1px solid grey !important;
}
 #login form .submit {
	 float: left;
	 width: 100%;
	 margin: 0;
	 padding: 0;
}
 #login form .submit .button, #login form .submit #wp-submit {
	 float: left;
	 width: 100%;
	 display: inline-block;
	 text-align: center;
	 text-decoration: none;
	 position: relative;
	 user-select: none;
	 overflow: hidden;
	 background:#da5b26;
	 border:1px solid #da5b26;
	 color:#ffffff!important;
	 border-radius: 12px;
	 padding: 2px 24px;
	 margin-bottom: 0px;
	 box-shadow: none;
	 text-shadow: none;
	 height: auto;
	 font-size: 1.2em;
}
 #login form .submit .button:hover, #login form .submit #wp-submit:hover, #login form .submit .button:active, #login form .submit #wp-submit:active {
	 background: orange-1;
	 border: 1px solid orange-1;
	 color: #ffffff;
}
 #login form .forgetmenot {
	 padding: 0 0 0 30px;
	 position: relative;
	 margin-top: 15px;
}
 #login form .forgetmenot input[type=checkbox] {
	 display: none;
}
 #login form .forgetmenot label {
	 color: #0a0000;
	 font-size: 15px;
	 font-weight: normal;
	 line-height: 22px;
	 padding: 0;
	 transition: transition-base;
}
 #login form .forgetmenot label::before {
	 content: "";
	 float: left;
	 background: transparent;
	 border: 1px solid #8c8f94;
	 width: 20px;
	 height: 20px;
	 position: absolute;
	 top: 1px;
	 left: 0;
	 outline: none;
	 -webkit-appearance: none;
	 transition: transition-base;
}
 #login form .forgetmenot label::after {
	 content: "";
	 float: left;
	 background: #0a0000;
	 width: 10px;
	 height: 10px;
	 position: absolute;
	 top: 7px;
	 left: 6px;
	 z-index: 1;
	 outline: none;
	 -webkit-appearance: none;
	 transform: scale(0);
	 transition: transition-base;
}
 #login form .forgetmenot label:hover::before {
	 border: 1px solid #8c8f94;
}
 #login form .forgetmenot input[type=checkbox]:checked + label {
	 color: #0a0000;
}
 #login form .forgetmenot input[type="checkbox"]:checked + label::before {
	 border-color: #8c8f94;
}
 #login form .forgetmenot input[type="checkbox"]:checked + label::after {
	 transform: scale(1);
}
 #login form .wp-pwd .wp-hide-pw {
	 border: 0;
	 top: 26px;
}
 #login form > div {
	 float: left;
	 width: 100%;
	 margin-bottom: 0 !important;
}
 #login form > div .button {
	 background: transparent;
	 border: 1px solid #0a0000;
	 color: #0a0000;
	 border-radius: 0;
}
 #login form > div .button:hover {
	 background: #0a0000;
	 border: 1px solid #0a0000;
	 color: #ffffff;
}
 #login #nav {
	 padding: 0;
}
 .login h1 a {
	 background-image: url('https://test.wetality.com/wp-content/themes/Divi-child-TMS/img/Qwetality-logo.svg') !important;
	 -webkit-background-size: 180px !important;
	 background-position: center center !important;
	 background-size: 180px !important;
	 height: 45px !important;
	 margin: 0 0 20px 0 !important;
	 width: 100% !important;
	 text-align: center;
}
 .login .message {
	 color: #0a0000;
	 border-left: 4px solid #0a0000;
	 margin: 0 0 20px 0;
}
 .login #login_error {
	 float: left;
}
 .privacy-policy-page-link {
	 float: left;
	 font-size: 14px;
	 margin: 0 !important;
	 text-align: left !important;
}
 .login #nav, .login .privacy-policy-page-link, .login #backtoblog {
	 float: left;
	 width: 100%;
	 padding: 0;
	 margin-top: 10px;
	 text-align: center !important;
}
 .login .privacy-policy-page-link a, .login #backtoblog a, .login #nav a, .login h1 a {
	 color: #0a0000;
	 text-decoration: underline;
}
 .login .privacy-policy-page-link a:hover, .login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {
	 color: #0a0000;
}
 .login .language-switcher {
	 display: none;
}
 input[type=number], input[type=text], input[type=email], input[type=password], input[type=tel], input, textarea {
	 text-transform: none !important;
}

.itsec-pwls-login__link, 
.itsec-pwls-login__submit, 
.itsec-webauthn-register__submit, 
.login-action-register.itsec-pwls-login .submit input.button {
	background:#da5b26;
	color:#ffffff!important;
	border-radius: 12px;
}

.itsec-pwls-login__link:hover, 
.itsec-pwls-login__submit:hover, 
.itsec-webauthn-register__submit:hover, 
.login-action-register.itsec-pwls-login .submit input.button:hover {
	background:rgba(0,0,0,.05);
	color:#0a0000!important;
}

.itsec-pwls-login--show.login #loginform, 
.login-action-itsec-passwordless-login-prompt form, 
.login-action-itsec-passwordless-login form {
	padding:0;
} 

.login a {
	color:#0a0000;
}

.itsec-pwls-login--hide .itsec-pwls-login-fallback {
	position: relative;
    margin: 0;
    bottom: 0;
    padding: 20px 0 0 0;
}