body
{
	background-color:#c4c9cc;
}

.sectionLogin
{
	width:100%;
	height:100vh;
	position:absolute;
	margin-top:-100vh;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}


.LoginPanel
{
	width:340px;
	min-height:260px;
	background-color:white;
	padding:30px;
	box-shadow:0px 0px 5px 1px rgba(0,0,0,0.2);
	overflow:hidden;
}
.LogoMarca img
{
	width:100px;
}

.EntrarTitle
{
	margin-top:18px;
	font-size:26px;
}

.InputLogin
{
	margin-top:10px;
	
}

.InputLogin input
{
	background-color:white;
	border-bottom:1px solid black;
	width:calc(100%);
	border-radius:0px;
	padding:10px 0px;
	font-family: 'Arial';
	
}

.InputLogin input:focus
{
	background-color:white;
	border-color:#058ef0;
}

.CreateAccountTitle
{
	font-size:13px;
	font-family: 'Arial';
}
 
.CreateAccountTitle a
{
	color:#0067b8;
}

.CreateAccountTitle a:hover
{
	color:grey;
}

.ForgotPassword
{
	font-size:13px;
	font-family: 'Arial';
	margin-top:20px;
}

.ForgotPassword a
{
	color:#0067b8;
}

.ForgotPassword a:hover
{
	color:grey;
}

.NextButton
{
	display:flex;
	justify-content:flex-end;
	margin-top:20px;
}

.NextButton button
{
	border:0;
	padding:8px 28px;
	color:white;
	background-color:#0067b8;
	cursor:pointer;
	font-size:15px;
}

.NextButton button:hover
{
	background-color:#025ba1;
}

.NextButton button:focus
{
	outline:none;
}



.NextButton_disabled
{
	border:0;
	padding:8px 28px;
	color:white;
	background-color:rgba(0,0,0,0.5) !important;
	font-size:15px;
	opacity:0.4;
	cursor:auto !important;
}

.NextButton_disabled:hover
{
	background-color:#025ba1;
}

.NextButton_disabled:focus
{
	outline:none;
}


.FaleConoscoLoginPanel
{
	width:320px;
	background-color:white;
	padding:10px 40px;
	box-shadow:0px 0px 5px 1px rgba(0,0,0,0.2);
	margin-top:20px;
	display:flex;
	justify-content:start;
	align-items:center;
	height:30px;
	font-family: 'Arial';
	cursor:pointer;
}

.FaleConoscoLoginPanel img
{
	width:20px;
	margin-right:20px;
}

.FaleConoscoLoginPanel:hover
{
	background-color:#e0e0e0;
}

.HomeButtonLogin
{
	width:30px;
	height:30px;
	position:absolute;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:-50px;
	margin-left:328px;
	cursor:pointer;
	border-radius:50px;
}

.HomeButtonLogin:hover
{
	background-color:#d6d6d6;
	
}

.HomeButtonLogin img
{
	width:20px;
	fill:grey;
}


.ErrorLoginEmail
{
	display:none;
	margin-top:10px;
	color:#ff4040;
	font-family: 'Arial';
}

.pastBannerLogin
{
	width:910px;
	background-color:white;
	display:flex;
	flex-direction:row;
}

.AllContainerLogin01
{
	background-color:white;
	width:340px;
	min-height:242px;
}

.AllContainerLogin02
{
	display:none;
	background-color:white;
	width:340px;
	margin-left:200px;
	min-height:242px;
	
}

.EmailCheckedOn
{
	margin-top:10px;
	font-family: 'Arial';
	font-size:15px;
}

.EmailCheckedOn img
{
	border-radius:100px;
	margin-right:2px;
}

.EmailCheckedOn img:hover
{
	background-color:rgba(0,0,0,0.1);
	cursor:pointer;
}


.ErrorLoginSenha
{
	display:none;
	margin-top:10px;
	color:#ff4040;
	font-family: 'Arial';
}


.InputSenha
{
	margin-top:10px;
	
}

.InputSenha input
{
	background-color:white;
	border-bottom:1px solid black;
	width:calc(100%);
	border-radius:0px;
	padding:10px 0px;
	font-family: 'Arial';
	
}

.InputSenha input:focus
{
	background-color:white;
	border-color:#058ef0;
}

.FakeLoggedPanel
{
	display:none;
	width:100%;
	height:100%;
}











.Menu
{
	height:100%;
	width:20%;
	box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);
	display:flex;
	flex-direction:column;
}

#Menu-Top
{font-family:'Montserrat';
	height:10%;
	width:100%;
	display:flex;
	flex-direction:row;
	box-shadow:-3px 0px 5px 1px rgba(0,0,0,0.2);
}

#Menu-Top .Picture
{
	width:20%;
	display:flex;
	justify-content:center;
	align-items:center;
}

#Menu-Top .Picture img
{
	height:40px;
}

#Menu-Top .Name
{
	display:flex;
	align-items:center;
	width:80%;
}

#Menu-Middle
{
	height:90%;
	width:100%;
}

#Menu-Bottom
{
	height:10%;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}

#Menu-Bottom img
{
	height:35px;
}

.Panel
{
	height:100%;
	width:80%;
}


.FakeButton01
{
	background: linear-gradient(to right, #f5f5f5, #d6d6d6, #e6e6e6, #f5f5f5);
	background-size: 400% 400%;
	animation: gradient 1s ease infinite;
	height: 50px;
	width:80%;
	border-radius:50px;
	margin-top:5px;
}

.FakeButton02
{
	background: linear-gradient(to right, #f5f5f5, #d6d6d6, #e6e6e6, #f5f5f5);
	background-size: 400% 400%;
	animation: gradient 1s ease infinite;
	height: 50px;
	width:40%;
	border-radius:50px;
	margin-top:5px;
}

.FakeButton03
{
	background: linear-gradient(to right, #f5f5f5, #d6d6d6, #e6e6e6, #f5f5f5);
	background-size: 400% 400%;
	animation: gradient 1s ease infinite;
	height: 50px;
	width:60%;
	border-radius:50px;
	margin-top:5px;
}




@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 150% 100%;
	}
}