.body_home{
	margin:0;
	top:0;
	left:0;
	padding:0;
	background-color:white;
}

.logo_home{
	width:200px;
	margin-top:200px;
	display:none;
}

.body_login{
	margin:0;
	left:0;
	top:0;
	padding:0;
	font-family:arial;
	background-color:white;
}

.boxtop{
	width:100%;
	height:60px;
	background-color:#2c49a7;
	text-align:center;
}

.boxtop h3{
	color:white;
	margin-top:0px;
	padding-top:17px;
}

.boxbottom{
	width:100%;
	height:50%;
}

.logohome{
	width:60px;
	margin-top:35%;
}

.boxbottom h3{
	text-align:center;
	font-size:22px;
	margin-bottom:0px;
}

.boxbottom h4{
	text-align:center;
	margin-top:10px;
	color:#5c5c5c;
	font-weight:normal;
	font-size:17px;
}

.inputlogin{
	width:90%;
	margin-left:4%;
	background-color:#012699;
	border-radius:20px;
	color:white;
	border:0;
	font-weight:bold;
	outline:0;
	font-size:15px;
	height:50px;
	margin-top:5px;
	padding-left:1%;
}

.inputlogin::placeholder {
  color: #9db1e3;
  opacity: 1; /* Firefox */
}



.boxbottom p{
	color:black;
	margin-top:10px;
	margin-left:5%;
	margin-right:5%;
	font-size:17px;
}

.btnlogin{
	width:90%;
	margin-left:5%;
	color:white;
	background-size:cover;
	background-color:#cc0a2f;
	height:50px;
	border:0;
	font-size:16px;
	font-weight:bold;
	border-radius:25px;
	position:absolute;
	bottom:20px;
}

.lembrar{
	width:90%;
	margin-left:5%;
	margin-top:10px;
	height:40px;
}

.toggle{
	float:right;
	height:35px;

}




.account .topbar{
	background-color:#033bce;
	width:100%;
	height:70PX;
}

.account .boxnome{
	width:50%;
	height:70px;
	float:left;
}

.account .boxnotification{
	width:50%;
	height:70px;
	float:right;
}

.account .boxnotification img{
	float:right;
	height:35px;
	margin-right:20px;
	margin-top:20px;
}

.account .primeiraletranome{
	width:35px;
	height:35px;
	background-color:white;
	border-radius:35px;
	text-align:center;
	color:black;
	font-size:18px;
	line-height:34px;
	margin-left:20px;
	margin-top:18px;
	float:left;
}

.account .topbar p{
	margin-left:10px;
	font-weight:bold;
	color:white;
	font-size:18px;
	float:left;
}

.account .bottombar{
	position:Absolute;
	bottom:0px;
}

.account .bottombar img{
	width:100%;
}

.account .corpo img {
	width:90%;
	margin-left:5%;
	margin-top:5px;
}




.form-item{
  position: relative;
  margin-bottom: 15px;

  width:100%;
  display: inline-block;
}
.form-item input{
  display: block;
  width: 90%;
  margin-left:5%;
  height: 40px;
  background: #fafbff;
  outline:0;
  border: 0;
  transition: all .3s ease;
  border-bottom:2px solid #a7a8ac;
}

.form-item input:focus{
  border-color: black;
  border-width:2px;
}

.form-item label{
  position: absolute;
  cursor: text;
  z-index: 2;
  top: 13px;
  left: 10px;
  font-size: 14px;
  font-weight:bold;


  padding: 0 10px;
  color: black;
  transition: all .3s ease
}
.form-item input:focus + label,
.form-item input:valid + label{
  font-size: 11px;
  
  top: -5px
}
.form-item input:focus + label{
  color: black;
  font-weight:bold;
}



.corpo_cabecalho_account{
	background-color:#e2e7ea;
	width:100%;
	height:180px;
}

.corpo_centro_account{
	
}