@charset "UTF-8";

/* login
------------------------------------------------------------ */
#login { width: 600px; margin: 40px auto; padding: 40px; box-sizing: border-box;  background: #e2e5ef; border-radius: 20px;}
#login h3 { font-size: 1.8em; font-family: "Inter", sans-serif; margin-bottom: 20px;}
#login h4 { font-size: 1.4em; margin-bottom: 20px;}
#login a:link { text-decoration: underline; color: #333; }
#login a:visited { text-decoration: underline; color: #333;}
#login a:hover { text-decoration: underline;color: #333;}
#login a:active { text-decoration: underline; color: #333;}

#login input[type="text"],
#login input[type="email"],
#login input[type="password"]{
	font-size:100%;
	width: 100%;
	background:rgba(255,255,255,0.9);
	border: none;
	padding:20px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10x;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#login form input[type="submit"] {
	display: inline-block;
 padding: 8px 24px;
 background-color: #fff;
	box-shadow: 0 2px 0 #ccc;
 border-radius: 12px;
 color: #333;
 cursor: pointer;
 text-decoration: none;
	width: auto;
}
#login form input[type="submit"]:active {
  box-shadow: none;
  transform: translateY(2px);
}

#login form table { width: 100%; font-size: 100%; margin: 0 auto; box-sizing: border-box;}
#login form table th { padding: 10px; vertical-align: top; white-space: nowrap;}
#login form table td { padding: 10px;}

.login_error{
	margin: 0 0 20px;
	padding: 12px 16px;
	border-radius: 10px;
	background: #fbe9e9;
	color: #b00020;
	font-size: 14px;
	line-height: 1.6;
}