@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;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login-form {
	margin: 40px auto;
	max-width: 450px;
}

.login-form > section {
	text-align: center;
	margin-top: 15px;
}
	.login-form > section a {
		color: #fff;
	}
.login-form > section:first-child {
	margin-bottom: 38px;
}

.login-form .panel {
	background: rgba(254,254,254,0.5) !important;
	border-radius: 17px !important;
	border-color:#8a8787;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-webkit-box-shadow: 0 3px 3px 0 rgba(50, 50, 50, 0.2) !important;
	   -moz-box-shadow: 0 3px 3px 0 rgba(50, 50, 50, 0.2) !important;
	        box-shadow: 0 3px 3px 0 rgba(50, 50, 50, 0.2) !important;
}
	.login-form .panel .panel-body {
		padding: 25px !important;
	}

	.login-form .panel .panel-footer {
		padding: 15px 25px !important;
		border-top: none !important;
		background: #fff !important;
	}
	.panel-footer 
	{
		height:70px;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
	}
	
		.login-form .panel .panel-footer a {			
			font-size: 13px;
		}
	
form[role=login] {
	font: 13px/2.2em Lato, serif;
	color: #999;
}	
	form[role=login] label {
		font-size: 13px;
		font-weight: normal;
		margin: 0;
		color:Black;
	}
	form[role=login] input,
	form[role=login] button {
		font-size: 14px;
		margin: 0;
	}
	form[role=login] input[type=checkbox] {
		display: inline-block;
		margin-right: 5px;
	}
	form[role=login] input {
		color: #777;
		background: #fbfbfb;
		border: 1px solid #ddd;
		border-radius: 0;
		-webkit-box-shadow: inset 0 2px 2px 0 rgba(150, 150, 150, .1);
		   -moz-box-shadow: inset 0 2px 2px 0 rgba(150, 150, 150, .1);
		        box-shadow: inset 0 2px 2px 0 rgba(150, 150, 150, .1);
	}
	form[role=login] button {
		padding: 5px 40px;	
		margin-top: 15px;
	}