/* ################################################################################### */
/* ################################################################################### */
/* Personalizado * /
body,.wkrLoginContent a,.input-group-text i,#wkrLogin input{
	color:#FFF;
}
.wkrLoginContent{
	background:#121421;
}
.input-group{
	border-color:rgba(255,255,255,0.7);
}
#wkrLogin input::-webkit-input-placeholder{color:rgba(255,255,255,0.7);}
#wkrLogin input:-moz-placeholder{color:rgba(255,255,255,0.7);}
#wkrLogin input::-moz-placeholder{color:rgba(255,255,255,0.7);}
#wkrLogin input:-ms-input-placeholder{color:rgba(255,255,255,0.7);}

#wkrLogin .btn-outline-primary,#wkrLogin .btn-primary,#wkrLogin .btn-outline-secondary,#wkrLogin .btn-secondary,#wkrLogin button,#wkrLogin .btn-outline-primary:hover,#wkrLogin .btn-primary:hover,#wkrLogin .btn-outline-secondary:hover,#wkrLogin .btn-secondary:hover,#wkrLogin button:hover{
	font-size:14px;
	font-weight:600;
	padding:16px 20px;
    letter-spacing:2px;
	border-radius:12px;
}
h1{
	font-weight:500;
}
#wkrLogin .container-fluid,.wkrLogin{
	max-width:500px;
}
.wkrLoginContent{
	padding:45px;
	border-radius:35px;
}
.wkrLoginContent label{
	margin-top:5px;
}
.wkrLoginNavBg{
	background:rgba(18,20,33,0.8);
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #FFF !important;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset;
  transition: background-color 5000s ease-in-out 0s;
}
/* ################################################################################### */
/* ################################################################################### */



/* ################################################################################### */
/* ################################################################################### */
/* Complemento do Login - Template semi-dark ou Template semi-black * S/
.wkrLoginContent,.wkrLogin{background:var(--template-brand-top-background);}
body,.wkrLoginContent a,.input-group-text i,#wkrLogin input{color: var(--template-brand-top-color);}
.input-group{
	border-bottom:1px solid var(--template-brand-top-color);
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--template-brand-top-color) !important;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset;
  transition: background-color 5000s ease-in-out 0s;
}
#wkrLogin input::-webkit-input-placeholder{color:#989DAF;}
#wkrLogin input:-moz-placeholder{color:#989DAF;}
#wkrLogin input::-moz-placeholder{color:#989DAF;}
#wkrLogin input:-ms-input-placeholder{color:#989DAF;}
/* ################################################################################### */
/* ################################################################################### */