main{
	background-color: var(--white);
}

.login .title {
	margin-top: 40px;
}
	
.login .title h2{
	font-size: 2.2em;
	margin: 0px;
	color: var(--blue);
	display: table;
}
	
.login .title .line{
	height: 6px;
	width: calc( 98px + ( ( 100% - var(--page-boxed-max-width) ) / 2 ) );
	min-width: calc( 98px + 40px );
	display: table;
	background-color: var(--orange);
	margin-top: 8px;
}
	
.login .container{
	display: table;
	width: 100%;
	max-width: 600px;
	margin: 20px auto 0px auto;
}
	
.login .container input[type="checkbox"]{
	width: 0px;
	height: 0px;
	opacity: 0;
	margin: 0px;
	padding: 0px;
}
	
.login .container input[type="email"],
.login .container input[type="password"]{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 100%;
	margin-bottom: 10px;
	background-color: var(--white-dark);
	border: none;
	padding: 10px 20px 7px 20px;
	border-radius: 5px;
	box-sizing: border-box;
}
	
.login .container input[type="email"]:focus,
.login .container input[type="password"]:focus{
	outline: none;
}
	
/* Sobrescrevendo o autofill */
.login .container input:-webkit-autofill {
	background-color: var(--white-dark) !important; /* cor de fundo original */
	color: var(--text) !important; /* manter a cor do texto */
	-webkit-box-shadow: 0 0 0 1000px var(--white-dark) inset !important; /* remover sombra */
	box-shadow: 0 0 0 1000px var(--white-dark) inset !important;
}

.login .container input:-moz-autofill {
	background-color: var(--white-dark) !important; /* cor de fundo original */
	color: var(--text) !important; /* manter a cor do texto */
	box-shadow: 0 0 0 1000px var(--white-dark) inset !important;
}

.login .container input:-ms-autofill {
	background-color: var(--white-dark) !important; /* cor de fundo original */
	color: var(--text) !important; /* manter a cor do texto */
	box-shadow: 0 0 0 1000px var(--white-dark) inset !important;
}
	
.login .container input[type="submit"]{
	font-size: 1.1em;
	margin-top: 10px;
	margin-bottom: 20px;
	display: table;
	margin-left: auto; 
	margin-right: auto; 
}
	
.login .container .vergessen{
	display: table;
	margin-left: auto; 
	margin-right: auto;
	color: var(--blue);
	font-size: 0.95em;
	text-decoration: none;
	transition: 1s ease;
}
	
.login .container .vergessen:hover{
	color: var(--orange);
}

.otherLogin{
	width: 100%;
	border-top: solid 3px var(--orange);
	padding: 20px 0px 0px 0px;
}

.otherLogin p{
	text-align: center;
	color: var(--blue);
}

.otherLogin button{
	display: table;
	margin: auto;
	padding: 10px 30px 7px 30px;
	border: unset;
	cursor: pointer;
	min-width: 180px;
	background-color: var(--white-dark);
	transition: 300ms ease;
	color: var(--black);
	border-radius: 8px;
}

.otherLogin button:hover{
	background-color: var(--orange);
	color: var(--white);
}

.otherLogin button i{
	margin-right: 10px;
	font-size: 1.5em;
	vertical-align: -2px;
}