.body					{overflow:hidden !important; height:100vh; background-size:cover; background-position:center center; background-color:var(--extra-bkg);}
	

/* ------------------------------------------------------------------------------- */
	.logo-bar				{list-style:none; display:flex; width:700px; padding:0; margin:15px auto 0 auto; justify-content:center;}
	.logo-bar>li			{list-style:none; margin:0; padding:0 20px 0 0; float:left; opacity:0.4;}
	.logo-bar>li:hover		{opacity:1;}
	.logo-bar>li>a>img		{max-height:30px;}


/* ------------------------------------------------------------------------------- */
	.page-title				{letter-spacing:-0.05em;}
	.page-bkg-login			{position:absolute; display:none; left:15vw; bottom:6vh; width:83vw; min-width:600px;}
	.page-warning			{position:absolute; bottom:3px; left:3px; padding:5px 10px; background-color:#800000; color:#fff;}


/* ------------------------------------------------------------------------------- */
	.login-bar				{width:760px; background-color:#fff; color:#000; margin:120px auto 0 auto; padding:0; border:1px solid #000;}
	.login-bar>div			{display:block; height:470px; background-image:url('/Content/images/login-004.jpg'); background-position:center center; background-size:cover;}
	.login-bar>form			{padding:50px 50px 20px 50px;}

	.login-bar>form>img     {max-width:80%;	}
	.login-bar a		    {padding:3px 5px !important}

	.login-bar>form>span.block,
	.login-bar>form>input,
	.login-bar>form>button	{width:100%; display:block; margin-top:25px !important;}

	.login-error					{display:block;}
	.login-bar>form>.error-msg		{background-color:#a00000; color:#fff; text-align:center; padding:5px;}
	.login-bar>form .error-control	{border-color:#f00;}


	 #lnkForgot				{padding:3px 10px; color:var(--base-bkg); border-color:#fff; opacity:0.7; text-align:center; }
	 #lnkForgot:hover		{opacity:1; border:none; border-bottom:1px dotted var(--base-bkg); background-color:#fff !important; }

	.login-control::-webkit-input-placeholder {line-height:34px; font-size:0.9em; color:#aaa; opacity:0.8; font-weight:normal; }
	.login-control:-moz-placeholder 		  {line-height:34px; font-size:0.9em; color:#aaa; opacity:0.8; font-weight:normal; opacity:  1;}
	.login-control::-moz-placeholder 		  {line-height:34px; font-size:0.9em; color:#aaa; opacity:0.8; font-weight:normal; opacity:  1;}
	.login-control:-ms-input-placeholder 	  {line-height:34px; font-size:0.9em; color:#aaa; opacity:0.8; font-weight:normal; }



/* ------------------------------------------------------------------------------- */
	.login-control			{width:100%; height:34px; line-height:34px; background:none; color:#000; border:none; border-bottom:1px solid #ccc; padding:0 0 0 30px;}
	.login-control:focus	{border-bottom:3px solid var(--extra-bkg);}

	.login-bar>form>span.block>span.fa	{position:absolute; left:5px; top:0px; line-height:34px; color:#aaa; opacity:0.6;}


/* ------------------------------------------------------------------------------- */
	.lbl-versao				{position:absolute; display:inline-block; bottom:5px; left:40vw; min-width:100px; padding:0px; color:#bbb; height:28px; line-height:28px;}

	.btn-clear				{display:inline-block; padding:0 !important; margin-left:30px;}
	.btn-clear .far		    {background-color: rgba(0,0,0,0.1); color:#888; width: 26px; height: 26px; line-height: 26px; border-radius: 20px; text-align: center;}

	.btn-clear:hover	    {color:#000;}
	.btn-clear:hover .far   {background-color: rgba(0,0,0,1); color:#fff;}


/* ------------------------------------------------------------------------------- */
	.forgot-bar				{position:absolute; top:0px; left:-400px; width:400px; min-width:400px; height:100vh; padding:110px 60px; border-left:1px solid #888; 
							 background-color:var(--alt-bkg); color:#fff;}
	.forgot-bar.show	    {left:0vw;}

	.forgot-bar>form>h2	    {}
	.forgot-bar>form>p	    {margin:0; padding:0;}

	#btnClose				{position:absolute; top:0px; right:0px; color:#000; opacity:0.5; padding:20px;}

@media all and (max-width:1500px) {
	.forgot-bar.show	    {margin-left:300px;}
	.btn-clear				{left:300px;}
}