#login-container {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	overflow:hidden;
}
	#login-form-container{
		display:flex;
		flex-direction:column;
		width:350px;
		margin:0px auto;
		border-radius:10px;
		padding:0px 10px;
		background-color:#fff;
		color: var(--pal1);
		border: var(--pal3) 4px solid;
	}
	#login-form-container input {
		box-sizing: border-box;
		padding:8px;
		margin-bottom:1rem;
		width:100%;
		display:block;
		border-bottom: 1px solid var(--pal2);
	}
	#logo-login{
		background:url(../img/logo-login.png) center center no-repeat;
		margin-top:1.5rem;
		height:60px;
	}
	#login-form-container h2 {
		text-align:center;
		padding-top:.5rem;
		font-weight:bold;
		font-size: 2rem;
	}
	#login-form-container div.version {
		text-align:center;
		font-size:0.75rem;
		color: var(--gray);
	}
	#login-data{
		display:flex;
		flex-direction:column;
		align-items:center;
		align-content:center;
		width:80%;
		margin:0px auto;
		padding-top:2rem;
		padding-bottom:1rem;
	}
	#login-error {
		text-align:center;
		color: var(--red);
		font-size:.8em;
		height:1em;
	}
	[type=submit]{
		margin-top:2rem!important;
	}
/* [type=submit]:hover{ */
	/* color: var(--white); */
	/* cursor:pointer; */
	/* transition: var(--transition); */
/* } */

/* CHROME: Remove chrome autofill color from inputs */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000000s ease-in-out 0s;
}
input:-webkit-autofill {
	-webkit-text-fill-color: #666 !important;
}

h6{
	text-align:center;
	color:var(--pal7);
	font-size:0.7rem;
}