@CHARSET "UTF-8";

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	outline: none;
}
body {
	/*background: url(../images/bg.jpg) no-repeat center center fixed;*/
	background: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login-form {
    font: 16px/2em Lato, serif;
	margin: 100px auto;
	max-width: 400px;
}

form[role=login] {
	color: #5d5d5d;
 /* background: #f2f2f2;*/
	padding: 26px;
/*	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
 }
	form[role=login] img {
		display: block;
		margin: 0 auto;
		margin-bottom: 35px;
	}
	form[role=login] input,
	form[role=login] button {
		font-size: 18px;
		margin: 16px 0;
		border:1px solid #A63133;
		border-radius:4px;
	}
	form[role=login] > div {
		text-align: center;
	}
	
.form-links {
	text-align: center;
	margin-bottom: 10px;
}
	.form-links a {
		color: #fff;
	}
	.fa-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.login_btn{
 	border: 1px solid #B41619;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.3);
    color: #D3EBFF;
    cursor: pointer;
    display: block;
    font: bold 24px Cambria,"Hoefler Text",serif;
    margin: 280px auto 0;
    padding: 10px;
    text-shadow: 0 -1px 0 #444444;
    width: 350px;
 	background-color:#B41619;
 	background-image: linear-gradient(top, #B41619 0%, #B41619 100%);
	background-image: -o-linear-gradient(top, #B41619 0%, #B41619 100%);
	background-image: -moz-linear-gradient(top, #B41619 0%, #B41619 100%);
	background-image: -webkit-linear-gradient(top, #B41619 0%, #B41619 100%);
	background-image: -ms-linear-gradient(top, #B41619 0%, #B41619 100%);
}

.login_btn:hover{
 	background-color:#B41619;
 	background-image: linear-gradient(top, #B41619 0%, #A32E31 100%);
	background-image: -o-linear-gradient(top, #B41619 0%, #A32E31 100%);
	background-image: -moz-linear-gradient(top, #B41619 0%, #A32E31 100%);
	background-image: -webkit-linear-gradient(top, #B41619 0%, #A32E31 100%);
	background-image: -ms-linear-gradient(top, #B41619 0%, #A32E31 100%);
	color: #D3EBFF;
}