/*==============================*/


/*===== login screen CSS ======*/


/*==============================*/

.loginpages {
    background: url(../images/login/login_bg.jpg) no-repeat center 10% #fff;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    width: 100%;
}

.login-panel {
    margin-top: 7vh;
    padding: 10% 8% 0;
    border: 1px solid #eee;
    border-radius: 6px;
    background: rgba(255,255,255,.7);
    box-shadow: 4px 8px 20px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 4px 8px 20px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 4px 8px 20px 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 4px 8px 20px 0 rgba(0, 0, 0, 0.3);
}

.login-title {
	padding-bottom: 5%;
	text-align: center;
}

.login-title img{
	max-width: 100%;
}

.login-sub{
	margin-top: 10px;
	color: #999;
	font-size: 20px;
}

.login-panel .userpic img {
    width: 100%;
}

.login-panel h2 {
    font-size: 22px;
    font-weight: 400;
}

.login-panel  .input-lg{
	height: 54px;
	line-height: 54px;
	border-radius: 4px;
}

.login-panel .form-group {
	position: relative;
	padding-left: 20px 15px;
	margin-bottom: 25px;
}

.login-icon-user, .login-icon-lock{
	position: absolute;
	top: 7px;
	right: 15px;
}

.login-panel .btn-lg{
	height: 54px;
	line-height: 54px;
	border-color: #007cff;
	background-color: #007cff;
}

.login-panel .validation-summary-errors ul{
	padding: 5px 0 0;
}

.login-qr{
	margin-top: 15px;
	text-align: center;
}

.login-qr p{
	margin-top: 10px;
	color: #999;
	font-size: 14px;
}

.userpic {
    transition: 0.5s ease all;
    -webkit-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
}

.userpic:hover {
    box-shadow: 0px 8px 15px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 8px 15px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 8px 15px 0 rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0px 8px 15px 0 rgba(0, 0, 0, 0.12);
}

.login-vision{
	text-align: center;
}

.login-building{
	max-height: 15vh;
}

.login-footer{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 15px 15px;
	text-align: center;
	color: #ccc;
	background: #000;
}