.admin.login footer button {
	-webkit-transition: ease-in-out 100ms;
	-moz-transition: ease-in-out 100ms;
	-ie-transition: ease-in-out 100ms;
	-o-transition: ease-in-out 100ms;
	transition: ease-in-out 100ms;
}

html,
body,
.wrapper,
.admin.login  {
	margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: table;
}
body {
	background: var(--main-primary-color);
    background: -webkit-radial-gradient(var(--main-primary-color), var(--login-secondary-bg-color));
    background: -o-radial-gradient(var(--main-primary-color), var(--login-secondary-bg-color));
    background: -moz-radial-gradient(var(--main-primary-color), var(--login-secondary-bg-color));
    background: radial-gradient(var(--main-primary-color), var(--login-secondary-bg-color));
}
.admin.login .box {
	display: table-cell;
    text-align: center;
    vertical-align: middle;
	padding: 15px;
}
.admin.login header,
.admin.login main,
.admin.login footer {
	max-width: 350px;
	min-width: 150px;
	margin: 0 auto;
}
.admin.login header i {
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	box-shadow: 0 0 0pt 5pt var(--login-main-color);
	color: var(--login-main-color);
	border-radius: 100%;
}
.admin.login header .title {
	margin: 10px auto;
	font-size: 2.5em;
	font-family: 'Damion', cursive;
	color: var(--login-main-color);
}
.admin.login main label {
	position: absolute;
	z-index: 1;
    left: 0;
    width: 30px;
    text-align: center;
    top: 2px;
	color: var(--login-main-color);
	font-size: 1.5em;
}
.admin.login main input {
	margin: 0 auto;
	padding-left: 35px;
	border: 1px solid var(--login-secondary-color);
}
.admin.login footer button {
	color: #fff;
	font-weight: bold;
	background-color: var(--login-secondary-bg-color);
	width: 100%;
	font-size: 1.5em;
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	text-transform: uppercase;
}
.admin.login footer button:hover {
	padding-right: 5px;
}