@charset "ISO-8859-1";
*{ box-sizing:border-box;}
body{ background-color:#f2f2f2; font-family:sans-serif; color:#808080; font-weight:lighter}
a{ color:rgba(110,123,137,1.00)}
#box{
	background-color:rgba(255,255,255,1);
	border-radius:10px;
	padding:50px 30px 30px 30px;
	box-sizing:content-box
	}
#border-box{ 
	background:rgba(0,0,0,0.05);
	max-width:825px;
	margin:0 auto;
	padding:15px;
	border-radius:15px;
	opacity:0;
	margin-top:-400px;
	transition:all ease-out 0.6s;
}	
	.cl{ clear:both;}
#login{ border-right:2px solid rgba(138,138,138,0.15); width:35%; height:295px; float:left; padding-right:30px;}
#logo-cliente{width:220px;  height:120px; background:no-repeat center; background-size:60% auto}
#login label{ display:block; border:2px solid rgba(102,125,169,0.75);   border-radius:3px; margin-bottom:20px; padding:5px}
#login label input{ border:0; border-left:2px solid rgba(138,138,138,0.15); margin-left:10px; padding-left:10px; border-radius:0; padding-top:5px; padding-bottom:5px; background:transparent; font-size:18px; color:rgba(162,162,162,1.00); font-weight:lighter; width:calc(100% - 30px) }
#login button{ border:2px solid rgba(138,138,138,0.15); background:#FFF;border-radius:3px; padding:5px 10px; color:rgba(110,110,110,1.00)}

#box-logo{ float:right; width:65%; padding-left:30px}

#logo{ max-width:280px; margin:0 auto;}
#versao{ font-size:10px; text-align:right; margin-top:10px;}
#creditos{ float:right; margin-top:50px;}

#creditos{ float:right; width:65%; text-align:right; font-size:14px; }
#assinatura{ margin-top:9px;}
#assinatura small{ display:block; float:right; margin-right:10px }
.logoVekttor{ width:83px; float:right; height:20px;}

#border-box.novaPosicao{ opacity:1; margin-top:80px;}
.icon { width:15px ; height:20px; float:left; opacity:0.5; margin:1px 0 5px 0;}
.icon svg{ width:15px;}
#login button{ float:right;}

@media only screen and (max-width: 620px){
#login{ width:100%; }
#logo-cliente{width:100%;  height:120px; background:no-repeat center; background-size:auto 40%}
	
	#login{ float:none; margin:auto;  border:none; padding:0; }
	#box-logo{ float:none; width:100%; border-bottom:2px solid rgba(138,138,138,0.15);}
	#login label{  margin-left:0; width:100%}
#login label input{  }
	#logo{ width:150px;}
#creditos{ float:left; margin:auto; width:100%; margin-top:70px; font-size:12px; margin-left:31px;; }
.cl{ clear:none;}

#border-box.novaPosicao{ opacity:1; margin-top:10px;}

}