html {
	background: #52606f; /* Old browsers */
	/*
	background: -moz-radial-gradient(center, ellipse cover, rgba(82, 96, 111, 0.96) 0%, rgba(69, 79, 89, 0.96) 100%), rgba(0, 0, 0, 0.65) 100%), url('../img/bg-login.jpg') no-repeat;
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(82, 96, 111, 0.96)), color-stop(100%,rgba(69, 79, 89, 0.96))), url('../img/bg-login.jpg') no-repeat;
	background: -webkit-radial-gradient(center, ellipse cover, rgba(82, 96, 111, 0.96) 0%,rgba(69, 79, 89, 0.96) 100%), url('../img/bg-login.jpg') no-repeat;
	background: -o-radial-gradient(center, ellipse cover, rgba(82, 96, 111, 0.96) 0%,rgba(69, 79, 89, 0.96) 100%), url('../img/bg-login.jpg') no-repeat;
	background: -ms-radial-gradient(center, ellipse cover, rgba(82, 96, 111, 0.96) 0%,rgba(69, 79, 89, 0.96) 100%), url('../img/bg-login.jpg') no-repeat;
	background: radial-gradient(ellipse at center, rgba(82, 96, 111, 0.96) 0%,rgba(69, 79, 89, 0.96) 100%), url('../img/bg-login.jpg') no-repeat;*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(82, 96, 111, 0.96)', endColorstr='rgba(69, 79, 89, 0.96)',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	


	background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
	background-image: linear-gradient(to top, #d0d3da 0%, #eef1f5 100%);
	
	
	
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}





/**** Logo ****/
.page-login .logo {
    color: #495460;
    font-size: 32px;
    font-weight: 600;
	margin-bottom: 54px;
}
.page-login .logo span {
 	color: #b7bdc2;
    font-size: 16px;
    font-weight: 100;
    margin-left: 7px;
    vertical-align: middle;
}
.page-login .logo img {
    margin: -6px -5px 0 0;
}


/**** Layout ****/
.page-login .content {
    background-color: #3286eb;
	overflow: hidden;
	position: relative;
	width: 792px;
	position: absolute;
	top: 50%;
	left: 50%;
	box-shadow: 0 0 18px 13px rgba(0, 0, 0, 0.1);
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.page-login .content .login-forms {
    padding: 62px 68px 0 68px;
    background-color: #fff;
	min-height: 482px;
}
.page-login .content footer {
    background-color: rgba(0, 0, 0, 0.03);
    bottom: 0;
    color: #999;
    font-size: 12px;
    font-weight: 100;
    padding: 36px 67px;
    position: absolute;
    width: 100%;
}
.page-login .content footer span {
    color: rgba(255, 255, 255, 0.65);
    float: right;
}


/**** Login info ****/
.page-login .login-info {
    /*background: #3286eb url("../img/bg-logininfo01.png") no-repeat scroll 23px 0;*/
    color: #ffffff;
    padding: 94px 34px 124px;
}
.page-login .login-info h2 {
 	color: #fff;
	font-size: 20px;
	font-weight: 100;
	margin-bottom: 32px;
}
.page-login .content .login-info a {
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 19px;
    color: #ffffff;
    display: inline-block;
    font-weight: 100;
    margin-bottom: 9px;
    margin-left: -4px;
    padding: 6px 6px 6px 8px;
    width: 100%;
}
.page-login .content .login-info a:hover,
.page-login .content .login-info a:focus {
	text-decoration: none;
    background-color: rgba(255, 255, 255, 0.17);
}
.page-login .content .login-info a i {
/* 	background-color: #77cef7; */
	background-color: #98c1f4;
    border-radius: 50%;
    color: #ffffff;
    height: 26px;
    padding-top: 5px;
    text-align: center;
    width: 26px;
  	margin-right: 12px;
}


/**** Text ****/
.page-login .content a {
    color: #429be4;
}
.page-login .content h3 {
	color: #4db3a5;
	text-align: center;
	font-size: 22px;
	font-weight: 400 !important;
}
.page-login .content h4 {
	color: #555;
}
.page-login .content p {
    color: #717171;
}
.page-login #back-btn {
    color: #429be4;
    padding: 10px 0 !important;
}
.page-login #back-btn i {
    color: #429be4;
}



/**** Forms ****/
.page-login .form-group {
    width: 90%;
}
.page-login .content .page-login-form,
.page-login .content .forget-form {
	padding: 0px;
	margin: 0px;
}
.page-login .content .form-control {
    background-color: #ffffff;
	border: 1px solid #c1c1c1;
    color: #8290a3;
    height: 43px;
	box-shadow: none;
}
.page-login .content .form-control:focus, .page-login .content .form-control:active {
	border: 1px solid #6a7280;
}
.page-login .content .form-control::-moz-placeholder {
	color: #b3b8bf;
}
.page-login .content .form-control:-ms-input-placeholder {
	color: #b3b8bf;
}
.page-login .content .form-control::-webkit-input-placeholder {
	color: #b3b8bf;
}
.page-login .content select.form-control {
	padding-left: 9px;
	padding-right: 9px;
}
.page-login .content .forget-form {
	display: none;
}
.page-login .content .form-title {
	font-weight: 300;
	margin-bottom: 25px;
}
.page-login .content .form-actions {
    margin-top: 24px;
}
.page-login .content .form-actions .checkbox {
	margin-left: 0;
	padding-left: 0;
}
.page-login .content .forget-form .form-actions {
	border: 0;
	margin-bottom: 0;
	padding-bottom: 20px;
}
.page-login .content .register-form .form-actions {
	border: 0;
	margin-bottom: 0;
	padding-bottom: 0px;
}
.page-login .content .form-actions .btn {
 	background-color: #2d9ff3;
    color: #fff;
    border-radius: 16px;
    font-size: 14px;
    line-height: 1.5;
    padding: 5px 20px;
}
.page-login .content .form-actions .btn-success {
	font-weight: 600;
	padding: 8px 18px !important;
}
.page-login .content .form-actions .btn-default {
	font-weight: 600;
	padding: 10px 25px !important;
	color: #6c7a8d;
	background-color: #ffffff;
	border: none;
}
.page-login .content .forget-password {
	display: inline-block;
	font-size: 13px;
	margin-top: 10px;
	margin-left: 16px;
}
.col-md-8 {
    width: 62.667%;
}
.col-md-4 {
    width: 37.333%;
}


/**** Responsive ****/
@media (max-width: 992px) {
	.page-login .content {
		width: 88%;
	}
	.page-login .logo span {
	    font-size: 14px;
	}
	.page-login .content .login-forms {
	    padding: 62px 54px 0;
	}
}
@media (max-width: 768px) {
	.page-login .form-group {
	    width: 100%;
	}
	.page-login .content .login-info,
	.page-login .content .login-forms {
	    min-height: 0;
 		padding: 38px 42px 54px;
	}
	.page-login .login-info h2 {
	    margin-top: 0;
	}
	.page-login .content {
	    left: 50%;
	    top: 0;
		-webkit-transform: translate(-50%, 4%);
	    	    transform: translate(-50%, 4%);
	}
	.page-login .logo {
	    margin-bottom: 16px;
	}
	.page-login .content .login-info{
	    padding-bottom: 98px;
	}
	.page-login .login-info h2 {
	    font-size: 18px;
	    margin-bottom: 28px;
	    text-align: center;
	}
	.page-login .content footer {
    	color: #ffffff;
    	padding: 24px 44px;
	}
	.col-md-8,
	.col-md-4 {
	    width: 100%;
	}
}