/* Wingu Theme - Login */

/* =============================    |   Description || START    ================================= */
/* =============================    |   Description || END      ================================= */
/* --- Description ------------------------------------------------ */



/* =====================    Login Page || START     ============================== */
/* --- Logo ------------------------------------------------------- */

.login-logo {text-align: center!important;}
.login-title {display: none;}
.login-subtitle {display: none;}
.wingu-login {margin-bottom: 10px;}

/* --- Layout ----------------------------------------------------- */

body .light {background-color: #0000001f;}
body .dark {background-color: #202225;}

.login-theme {
	position: fixed;
    bottom: 0;
    left: 0;
    margin: 10px 20px;
    color: #f5f5f5;
}

/*
.loginBg {
	background: #3994b9;  
    background: -webkit-linear-gradient(#69eaa9, #1654c4);
    background: -o-linear-gradient(#69eaa9, #1654c4);
    background: -moz-linear-gradient(#69eaa9, #1654c4);
    background: linear-gradient(#69eaa9, #1654c4);
    height: 100vh;
}
*/

/* --- Validate --------------------------------------------------- */

.validation-summary-errors.login-validator {margin: 10px -25px 10px -50px;width: inherit;color: #e04b4b;}

/* --- Fields ----------------------------------------------------- */

.login-username {}
.login-password {}


label.login-label {display: none;}

.login-textbox {
	font-size: 18px;
	font-family: sans-serif;
	padding: 10px 12px!important;
	width: 256px!important;
	margin: 0px!important;
	border: 0px;
	background: transparent;
	text-align: center;
}

.login-username,
.login-password {
	background-color: #ffffffb0;
	margin: 0px 10px 5px 10px;
	padding: 0px!important;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 6px;
	width: inherit!important;
	margin-bottom: 5px;
}

input:-internal-autofill-previewed, 
input:-internal-autofill-selected, 
textarea:-internal-autofill-previewed, 
textarea:-internal-autofill-selected, 
select:-internal-autofill-previewed, 
select:-internal-autofill-selected 
{border-radius: 6px!important}

.login-remember {
	border: 0px;
	width: 282px!important;
	margin: 10px auto;
	background-color: transparent;
}

/* --- Show/Hide Password -------------------------------- */

#visiblePassword {
    display: none;
    line-height: 21px;
}

#togglePassword {
   height:34px;
   width:34px;
   background-image:url("/Content/WinguThemes/WinguLogin/show.svg");
   top:4px;
   left:240px;
   position:relative;
   visibility:hidden;
}

/* --- Remember Me ------------------------------------------ */

label.checkbox.login-label {display:block; float: right; width: auto; margin-right:70px; color: #777777;}
input#RememberMe.login-checkbox {margin: 2px 10px 2px 70px;}

/* --- Code ------------------------------------------------------ */

.login-code {
   margin: -3px 7px 0 7px!important;
   padding: 0px!important;
   float: left!important;
   width: auto!important;
}

.login-codeimg {
   border-radius: 6px;
   width: 116px;
   display: inline-block;
    height: 34px;
    float: left;
    margin: 3px;
    opacity: 0.9;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #ffffffb0!important;
}

body[bgcolor^="#202225"] .login-codeimg {opacity: 0.7;}

.login-code-image {
   width: 180px;
   height: 45px;
    -webkit-clip-path: inset(6px 32px 5px 32px round 5px);
    clip-path: inset(6px 32px 5px 32px round 5px);
    margin: -5.5px -31.5px;
}

.login-code p {float: left;}
.login-code strong {display: none;}
.login-code p em {padding-left: 14px}

.login-code p input {
   display: inline-block;
    border-radius: 6px;
    width: 96px;
    margin: 3px!important;
    border: 0px!important;
    padding: 7px 10px 6px 10px!important;
    background-color: #ffffffb0!important;
    text-align: center;
    font-size: 18px;
    border: 1px solid rgba(0, 0, 0, 0.3)!important;
	}

.login-notice {font-size: 12px;color: #777777;}

.login-log {display: inline-block;}

.login-log input {
	width: 36px;
    height: 36px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #ffffffb0;
    border-radius: 6px;
	background-image: url(login.svg)!important;
    float: right;
    margin: 3px 2px;
    background-repeat: no-repeat;
    background-position: center center;
}









div.loginBg p {
	margin-top: 0px!important;
}



.ie-center-fix {height:calc(100vh - 140px);margin-bottom: 80px;display:flex;}
.login-center {
	width: 280px!important;
	margin: auto!important;
	display: table;
}


.login-outer-box {
	background: transparent!important;
	height: auto!important;
}

.login-outer-row-top {
	background-color: #fff;
	margin: 0px;
	padding: 0px!important;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 6px 6px 0 0;
	width: inherit!important;
	margin-top: 0px!important;
}


.login-outer-row-bottom {display: none;}



.login-version-div {
	position: fixed;
    bottom: 0;
    right: 0;
    margin: 10px 20px;
    color: #777777;
}


input#UserName.login-textbox:focus { 
    outline: none;
}
 
textarea:focus, input:focus{
    outline: none;
}


/* =====================    Login Page || END       ============================== */