@charset "utf-8";
/* CSS Document */

*:focus { outline: none; }
body {
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	border:none;
	padding:15px;
	font-size: 12px;
	color: #404040;
	text-align: center;
	-webkit-text-size-adjust: none;
  background: #000000;
}

#login {
	position: absolute;
	color: #f7f7f7;
	height: 250px;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -161px;
  background-color: #000000;
}

#login .logo {
	position: relative;
	width: 100%;
	margin-bottom: 18px; 
	height: 50px;
	background-image: url(logo.svg);
	background-size: 100%;
	background-repeat: no-repeat;	
}

#login form {
	position: relative;
	width: 260px;
	 max-width: 260px;
	text-align:left;
}

#login form span.title {
	position: relative;
	width: inherit;
	display:inline-block;
	font-size: 20px;
	text-align: left;
	margin-bottom: 15px;
}

#login form span.subtitle {
	position: relative;
	width: inherit;
	display:inline-block;
	font-size: 16px;
	text-align: left;
	margin-bottom: 25px;
}

#login form input {
	position: relative;
	width: 240px;
	height: 35px;
	line-height: 100%;
	border: 1px solid #d9d9d9;
	margin-bottom: 12px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 15px;
	color: #404040;
	-webkit-appearance: none;
	-webkit-border-radius:0px;
}

#login form input::placeholder{
  color: #c1c1c1;
  font-size: 13px;
  font-style: italic; 
}

#login form input:-internal-autofill-selected {
  background-color:cccccc !important;
  font-size: 15px !important;
}

#login form input:focus {
	outline: none;
}

#login form button {
	width: 260px;
	height: 35px;
	background-color: #e6ad00;
	color: #FFFFFF;
	border: 1px solid #e6ad00;
	cursor: pointer;
	font-weight: 400;
	font-size: 15px; 
	-webkit-appearance: none;
	-webkit-border-radius:0px;
  border-radius: 3px;
}

#login form button:hover {
	background-color: #e6ad00;
  text-decoration: underline;
}

#login form .assistance {
	font-size: 11px;
	color: #333;
	text-transform: uppercase;
	cursor: pointer;
}


@media screen and (max-width: 580px) {
	#login {
		margin-top: -225px;
		margin-left: -140px;
	}
  #login form {
    padding: 20px 20px;
 		margin: 0 auto 20px;
  }
  #login form span.title {
    font-size: 14px;
    	margin-bottom: 15px;
  }
}