/* Used for external pages */

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

* {
	box-sizing: border-box;
}

body {
	font-family: 'Ubuntu', sans-serif;
	color: white;
	background-position: center;
	user-select: none;
	background-image: url(/assets/images/bg_new.jpg);
	background-blend-mode: color-dodge;
	padding-top: 80px;
	text-align: center;
	background-color: #262a31;
	padding-bottom: 100px;
}

.site_logo {
	padding-bottom: 40px;
}

.site_logo a {
	border-bottom: none;
}

.site_logo svg {
	width: 100%;
	max-width: 300px;
}

h1 {
	font-weight: normal;
	font-size: 28px;
	color: #adadad;
}

a {
	color: white;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

form {

}

form input[type="text"],
form input[type="password"] {
	border: 0;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	background-color: white;
	padding: 0 15px;
	margin-bottom: 7px;
	width: 300px;
	font-size: 17px;
	outline: none;
}

form input[type="submit"] {
	background-color: #1186c7;
	color: white;
	border: none;
	padding: 10px 20px;
	font-size: 14px;
	cursor: pointer;
	outline: none;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

form input[type="submit"]:hover {
	background-color: #186590;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

form input[type="submit"]:active,
form input[type="submit"]:focus {
	opacity: 0.2;
}

.twit svg path {
	fill: white;
}

.twit svg:hover path {
	fill: #04e7f9;
}

.twit:active {
	opacity: 0.2;
}

.form_errors {
	margin: 0;
	padding: 0;
}

.form_errors li {
	list-style-type: none;
}

.form_errors li span {
    background-color: #d84747;
    display: inline-block;
    margin-bottom: 3px;
    padding: 5px 15px;
    min-width: 300px;
}