body {
	width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-color:#000000;
}
.logo {
	width: 100%; text-align: center; color: rgb(255, 255, 255); margin-top: -13%; position: absolute;
}
.logo h4 {
	font-family: "Droid Sans", sans-serif; font-size: 30px;
}
.lock-holder .dot-left {
	color: rgb(255, 255, 255); font-size: 17px; margin-top: 10px; margin-left: 20px; position: absolute;
}
.lock-holder .dot-right {
	color: rgb(255, 255, 255); font-size: 17px; margin-top: 10px; margin-left: 165px; position: absolute;
}
.lock-holder {
	margin: 25% auto; width: 700px;
}
.avatar img {
	margin: -40px auto 0px 50px;  transition:300ms; border-image: none; width: 100px; -webkit-transition: 300ms ease; -moz-transition: 300ms ease; -o-transition: 300ms ease;
}
.lock-holder .form-group {
	width: 250px;
}
.lock-holder .form-control {
	padding: 6px 12px; border-radius: 4px; border: 1px solid rgb(204, 204, 204); transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border-image: none; height: 34px; color: rgb(85, 85, 85); line-height: 1.4285; font-size: 14px; vertical-align: middle; display: block; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075); background-image: none; background-color: rgb(255, 255, 255); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.submit {
	text-align: center; margin-top: 2%;
}
.submit .fa-spinner {
	color: white; font-size: 20px;
}
.submit .progress {
	margin: 0px auto; width: 200px;
}
.submit .btn {
	background: #0863AD; padding: 6px 35px; border: 1px solid #00A59C; border-image: none; font-family: "Lato", sans-serif; font-size: 14px; font-weight: 400;
}
.lock-holder .input-group-addon {
	background-color: rgb(255, 255, 255);
}
.lock-holder .input-group-addon i {
	color: rgb(207, 207, 207);
}
@media all and (max-width:900px)
{
.logo {
	width: 100%; text-align: center; color: rgb(255, 255, 255); margin-top: 10%; margin-bottom: 0px !important; position: relative;
}
.logo h4 {
	font-family: "Droid Sans", sans-serif; font-size: 20px;
}
.lock-holder {
	width: 300px !important; padding-left: 30px; margin-top: 0px; margin-bottom: 0px;
}
.dot-left {
	display: none !important;
}
.dot-right {
	display: none !important;
}
.lock-holder .form-group {
	width: 240px; float: none !important;
}
.avatar img {
	 border-image: none; width: 50px; margin-left: 45%;margin-top: 0px;
}
.submit {
	text-align: center;
}
}
.avatar-top img {
	transition:800ms; margin-top: -40px; -webkit-transition: 800ms ease; -moz-transition: 800ms ease; -o-transition: 800ms ease;
}
.progress {
	border-radius: 5px; height: 8px; overflow: hidden; margin-bottom: 20px; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); background-color: rgb(0, 0, 0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
	border-radius: 3px; transition:width 0.6s; width: 0px; height: 100%; text-align: center; color: rgb(255, 255, 255); line-height: 20px; font-size: 12px; float: left; box-shadow: inset 0px -1px 0px rgba(0,0,0,0.15); -webkit-transition: width 0.6s ease; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}
.progress-bar-success {
	
}
.progress-bar-info {
	
}
.progress-bar-warning {
	
}
.progress-bar-danger {
	
}
@media all and (max-width:500px)
{
body {
	/*background: rgb(35, 186, 181);*/
}
}