
	.body					{overflow:hidden !important; height:100vh; background-size:cover; background-position:center center; background-color:#2B8CFD;}
	.body.bkg1				{background-image: url('/Content/images/bkg-101.jpg');}
	.body.bkg2				{background-image: url('/Content/images/bkg-101.jpg');}
	

/* ------------------------------------------------------------------------------- */
	.logo-bar				{list-style:none; margin:0; padding:0; margin:30px 0 0 30px;}
	.logo-bar>li			{list-style:none; margin:0; padding:0 20px 0 0; float:left}
	.logo-bar>li>a>img		{max-height:30px; max-width:15vw;}


/* ------------------------------------------------------------------------------- */
	.page-title				{letter-spacing:-0.05em; color:#000;}
	.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				{position:absolute; left:4.5vw; top:15vh; color:#000;}
	.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			{position:absolute; left:100%; top:12px; width:130px; padding:25px; display:block; margin-left:10px; display:block;}
	.login-bar>form>.error-msg		{background-color:#a00000; color:#fff; margin-top:10px;}
	.login-bar>form .error-control	{border-color:#f00;}


	 #lnkForgot				{padding:3px 10px; color:#888; border-color:#888; opacity:0.7;}
	 #lnkForgot:hover		{opacity:1; border:none;}

	.login-control::-webkit-input-placeholder {line-height:34px; font-size:0.9em; color:#ccc; opacity:0.8; font-weight:normal; }
	.login-control:-moz-placeholder 		  {line-height:34px; font-size:0.9em; color:#ccc; opacity:0.8; font-weight:normal; opacity:  1;}
	.login-control::-moz-placeholder 		  {line-height:34px; font-size:0.9em; color:#ccc; opacity:0.8; font-weight:normal; opacity:  1;}
	.login-control:-ms-input-placeholder 	  {line-height:34px; font-size:0.9em; color:#ccc; 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 #2B8CFD;}

	.login-bar>form>span.block>span.input-icon	{position:absolute; left:5px; top:0px; line-height:34px; color:#000; opacity:0.6;}

	.login-bar>form>span.block>span.fa.btn-show-password      {position:absolute; right:16px; bottom:8px; opacity:0.7;}


/* ------------------------------------------------------------------------------- */
	.lbl-versao				{position:absolute; display:inline-block; bottom:5px; right:15px; min-width:100px; padding:0px; color:#444; 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:#88bb00; color:#000;}
	.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;}
}

@media all and (max-width:500px) {
	.font-huge				{font-size:2.1rem;}

	.login-bar				{position:absolute; left:10vw; top:15vh; max-width:80vw; color:#000;}
	.page-warning			{text-align:center; bottom:40px;}
}