/* ################################################################################### */
/* ################################################################################### */
#wkrLogin{
    display:none;
	position:fixed;
	width:100%;
	height:100%;
    top:0px;
    left:0px;
	cursor:default;
    background:rgba(0,0,0,0.5);
    z-index:999;
}
#wkrLogin .wkrLoginBg,#wkrLogin .wkrLoginBg div{
	position:fixed;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
#wkrLogin .wkrLoginBg div{
	background:rgba(0,0,0,0);
}
#wkrLogin .wkrLoginBrand{
	display:none;
	position:absolute;
	width:100%;
	top:0px;
	padding:20px 0 0 50px;
	z-index:1;
}
#wkrLogin .container-fluid{
	position:relative;
	width:100%;
	min-height:100%;
	top:0px;
	right:0px;
	max-width:100%;
	padding:0px;
}
#wkrLogin .fluid-height{
	height:100%;
}
#wkrLogin .wkrLogin{
	max-width:560px;
	padding:50px 20px 20px 20px;
	margin:0px auto;
}
#wkrLogin .wkrLoginContentClose{
	position:absolute;
    width:50px;
    top:0;
    right:0px;
    margin-top:5px;
    text-align:center;
}
#wkrLogin .wkrLoginContentClose i{
	font-size:32px;
    margin:0px;
    padding:5px;
    cursor:pointer;
}
#wkrLogin .wkrLoginContent{
	position: relative;
	background:var(--template-default-body-box-background);
	padding:40px 30px;
	margin:0px;
	border-radius:3px;
	overflow: auto;
    /* box-shadow:0 2px 8px rgba(0,0,0,1); */
    box-shadow:0px 0 15px rgb(0 0 0 / 20%);
}
#wkrLogin .wkrLoginContentBrand{
	display:block;
	text-align:center;
}
#wkrLogin .wkrLoginContent img{
	margin-bottom:20px;
}
#wkrLogin .wkrLoginContent nav{
	position:relative;
}
#wkrLogin .wkrLoginContent label{
    font-size:14px;
    font-weight:500;
	letter-spacing:1px;
}
#wkrLogin .wkrLoginContent input{
	font-size:14px;
	background:none;
}
#wkrLogin .wkrLoginContent a{
	font-weight:500;
	text-decoration:none;
	color:var(--template-default-font-color);
}
#wkrLogin .wkrLoginContent nav p a{
	font-size:11px;
	cursor:pointer;
}
#wkrLogin .wkrLoginContent nav nav{
	text-align:center;
}
#wkrLogin .wkrLoginNavBg{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.6);
	text-align:center;
	z-index:10;
}
#wkrLogin .wkrLoginNavBg i,#wkrLogin .wkrLoginNavBg img{
	font-size:22px;
	margin:0 auto;
	color:var(--brand-primary-color);
	z-index:1;
}
#wkrLogin .wkrLoginNavBg img{
	width:50px;
}
#wkrLogin #wkrResponseMessage{
	display:block;
	height:20px;
	font-size:11px;
	padding-top:2px;
	margin-bottom:-21px;
	color:#F9A825;
	color:#C62828;
	color:#388E3C;
}
#wkrLogin #wkrResponseMessage i{
	margin-right:5px;
}
#wkrLogin .wkrLoginContentText{
	font-size:14px;
	text-align:center;
	padding:0px;
	margin:10px 0 -15px 0;
}
#wkrLogin .wkrLoginContentTextMin{
	font-size:11px;
	text-align:justify;
	margin:25px 0 -20px 0;
	padding:0 5px;
}
#wkrLogin .wkrLoginContentText a,#wkrLogin .wkrLoginContentTextMin a{
	cursor:pointer;
}
/* ################################################################################### */
/* ################################################################################### */



/* ################################################################################### */
/* ################################################################################### */
#wkrLogin .row{
	width:100%;
	height:100%;
}
#wkrLogin .input-group{
	margin-bottom:10px;
	border-bottom:1px solid var(--template-default-font-color);
}
#wkrLogin .input-group input{
	border-radius:0px;
	border:none;
}
#wkrLogin .input-group-text{
	width:45px;
	padding:0px;
	text-align:center;
	background:none;
	border-radius:0px;
	border:none;
}
#wkrLogin .input-group-text i{
	width:100%;
	text-align:center;
	font-size:11px;
	color:var(--template-default-font-color);
}
#wkrLogin .input-group-text{
	border-color:none;
}
#wkrLogin .input-group .input-group-text:last-child{
	cursor:pointer;
}
#wkrLogin .wkrInputLoginBorderError{
	border-bottom-color:#FC0905;
}
#wkrLogin input:active,#wkrLogin input:focus{
	outline:none;
}
#wkrLogin .btn-primary{
	padding:10px 0;
	/* letter-spacing:2px; */
	border-color:var(--brand-primary-color);
	background:var(--brand-primary-color);
	color:var(--brand-primary-color-in-font-color);
	/* font-weight:var(--brand-primary-color-in-font-weight); */
    border-radius:3px;
}
#wkrLogin .btn-primary:hover{
	border-color:var(--brand-primary-color);
	background:var(--brand-primary-color);
	color:var(--brand-primary-color-in-font-color);
}
#wkrLogin .btn-primary:active,#wkrLogin .btn-primary:focus{
	outline:none;
	color:var(--brand-primary-color-in-font-color);
}
#wkrLogin .form-control:focus,#wkrLogin .form-select:focus{
	border-color:#000;
	-webkit-box-shadow:none;
	box-shadow:none;
	background:none;
}
#wkrLogin .btn-outline-primary,#wkrLogin .btn-primary,#wkrLogin .btn-outline-secondary,#wkrLogin .btn-secondary,#wkrLogin button{
	-webkit-box-shadow:none;
	box-shadow:none;
	border-color:var(--brand-primary-color);
	background:var(--brand-primary-color);
}
#wkrLogin input{
	color:var(--template-default-font-color);
	background:none;
}
#wkrLogin input::-webkit-input-placeholder{color:var(--template-default-placeholder-color);font-weight:300;}
#wkrLogin input:-moz-placeholder{color:var(--template-default-placeholder-color);font-weight:300;}
#wkrLogin input::-moz-placeholder{color:var(--template-default-placeholder-color);font-weight:300;}
#wkrLogin input:-ms-input-placeholder{color:var(--template-default-placeholder-color);font-weight:300;}
/* ################################################################################### */
/* ################################################################################### */



/* ################################################################################### */
/* ################################################################################### */
::-webkit-scrollbar{
	width:5px;
	height:5px;
}
::-webkit-scrollbar-track{
	background:rgba(0,0,0,0.1); /* color of the tracking area */
	margin-top:0px;
	margin-bottom:0px;
}
::-webkit-scrollbar-thumb{
	background:var(--template-default-body-scrollbar-color);
}
/* ################################################################################### */
/* ################################################################################### */



/* ################################################################################### */
/* ################################################################################### */
#wkrLogin input:-webkit-autofill,
#wkrLogin input:-webkit-autofill:hover, 
#wkrLogin input:-webkit-autofill:focus,
#wkrLogin textarea:-webkit-autofill,
#wkrLogin textarea:-webkit-autofill:hover
#wkrLogin textarea:-webkit-autofill:focus,
#wkrLogin select:-webkit-autofill,
#wkrLogin select:-webkit-autofill:hover,
#wkrLogin select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--template-default-font-color) !important;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset;
  transition: background-color 5000s ease-in-out 0s;
}
/* ################################################################################### */
/* ################################################################################### */