<style type="text/css">
	*, *:before, *:after{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
	html, body { margin:0; padding:0; width: 100%; height: 100%; font-family: Arial, Helvetica, sans-serif; background:#000000; overflow: hidden; overflow-x: hidden; color:#D0D0D0;}
	::-webkit-scrollbar {  width: 0px; background: transparent; }
	::-webkit-scrollbar-thumb {  width:0;}
	#absCenter{border-radius: 8px; background-color: #000000; width: 300px; padding: 10px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	@media screen and (max-width:500px){		#absCenter{ width:90%;}	}
	#neoLogo { width:100%; height:120px; position:relative; margin:0px auto 20px auto; text-align:center; transform: translateY(20px); animation: animaLogo 0.4s linear ;}
	@-webkit-keyframes animaLogo {	  0% {		opacity: 0; -webkit-transform: translateY(-100px); }	  100% { 	opacity: 1; -webkit-transform: translateY(20px); }	}
	@keyframes animaLogo {	  0% {		        opacity: 0; transform: translateY(-100px); }	          100% { 	opacity: 1; transform: translateY(20px); }	}
	#logState{color:#D0D0D0; margin:20px auto; width:100%; font-size: 14px; text-align:center; display:inline-block;}
	i{font-size:20px; margin: 0 10px 0 0;}
	#boxLoad{ display:block; width:100%; height:60px; padding:0px; margin:0 auto 20px auto; transform: translateY(20px); animation: animaLoader 0.4s linear ;}
	@-webkit-keyframes animaLoader {	  0% {		opacity: 0; -webkit-transform: translateY(40px); }	  100% { 	opacity: 0.5; -webkit-transform: translateY(20px); }	}
	@keyframes animaLoader {         	  0% {		opacity: 0; transform: translateY(40px); }         	  100% { 	opacity: 0.5; transform: translateY(20px); }	}
	#boxText{ display:inline-block; width:100%; height:30px; padding:0; margin: 30px auto;}
	#neoLogin{ padding:10px; display:block; background:#F1F1F1; border-radius: 8px; margin: 0 auto; color:#777; text-align:left;}
	#neoLogin label{ display:block; width:100%; font-size:12px; padding:5px; margin: 5px 0 0 0;}
	#neoLogin button{ display:block; float:right;padding:0px 0 0 10px; margin:2px; width:40px; height:40px; background:#000000; color:#FFF; border-radius:4px; outline:none; border:none; border:0; cursor:pointer;}
	input::placeholder{color:#777; font-size:14px;}
	input[type=email],input[type=password],input[type=text]{ font-size:14px; width:75%; height:40px; line-height:40px; margin:0; padding:0 10px; outline:none; border-radius:4px; border:none; border-bottom:4px solid rgba(0,0,0,0.08); background:rgba(0,0,0,0.1); transition:0.1s; color:#444; }
	.welcome{ display:block; cursor: pointer; margin:7px 0 0 0; padding: 0 0 0 5px; border-radius: 4px;}
	.miniAlert{ display:block; height:20px; line-height: 12px; font-size:12px; cursor: pointer; margin:7px 0 0 0; padding: 0 0 0 38px;}
	.miniAlert2{ display: block; font-size: 13px; cursor: pointer; margin: 0; padding: 10px; text-decoration: none; color: #777; background: #e1e1e1; border-radius: 8px;	}
	.msg{ display: block; height: 35px; line-height: 35px; padding: 0 10px; margin:15px 0 10px 0; border-radius:8px; }
	.txt{padding: 0 5px;font-size: 13px;}
	.msgVerde{    border: solid 1px #7DBC9C; background: #def5e9; color: #7DBC9C;}
	.msgVermelho{ border: solid 1px #D2592A; background: #ffe3d9; color: #D2592A;}
	.msgCinza{    border: solid 1px #777777; background: #E0E0E0; color: #777777;}
	.msg i{ float:left; margin:7px 10px 0 0;}
	.msg a { text-decoration: none; color: #777;}
	.copy{ display:block; margin: 20px 0; font-size:12px; color:#F0F0F0;}
	.separe{ display: block; height: 0px; border-bottom: solid 1px #999; margin: 5px 0 15px 0;}
	.toogle{ display: block; height: 35px; line-height: 35px; margin:5px 0; border-radius:8px; }
	.chc{appearance: none; background-color: #fafafa; border: 1px solid #999; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding:9px; border-radius:4px; display:block; position: relative; float:left;}
	.chc:active, .chc:checked:active {		appearance: none; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);	}
	.chc:checked {	appearance: none; background-color: #e9ecee;	border: 1px solid #adb8c0;	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);	color: #99a1a7;}
	.chc:checked:after {	appearance: none; content: '\2714';	font-size: 14px; position: absolute; top: 0px; left: 3px;	color: #4F384F; }
	.remember { float:left; display:block; font-size:12px; height:25px; line-height:30px; margin: 0 0 0 5px; text-decoration:none; }
	:root {--animate-delay: 0.3s;}
</style>
