body, html {
    height: 100%;
}
.login{
	/*background-color:#666!important*/
	background-image: url(../img/Tahier_01.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.login .logo{
	margin:60px auto 20px;
	padding:15px;
	text-align:center}
.login .content{
	background:url(../img/bg-opacity.png);
	width:420px;
	height: 200px;
	margin:0 auto;
	padding:20px 30px 15px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px
}
.login .content h3,.login .content h4{
	color:#eee
}
.login .content label,.login .content p{
	color:#fff
}
.login .mt-checkbox>span:after{
	border-color:#eee
}
.login .content .forget-form,.login .content .login-form{
	padding:0;margin:0
}
.login .content .form-control{
	background-color:#fff
}.login .content .forget-form,.login .content .register-form{
	display:none
}
.login .content .form-title{
	font-weight:300;margin-bottom:25px
}
.login .content .form-actions{
	background-color:transparent;
	clear:both;
	border:0;
	padding:0 30px 25px;
	margin-left:-30px;
	margin-right:-30px
}
.login .content .forget-form .form-actions{
	border:0;
	margin-bottom:0;
	padding-bottom:20px
}
.login .content .register-form .form-actions{
	border:0;
	margin-bottom:0;
	padding-bottom:0
}
.login .content .form-actions .rememberme{
	margin-top:8px;
	display:inline-block
}
.login .content .form-actions .btn{
	margin-top:1px
}
.login .content .forget-password{
	margin-top:25px
}
.login .content .create-account{
	border-top:1px dotted #eee;
	padding-top:10px;
	margin-top:15px
}
.login .content .create-account a{
	display:inline-block;
	margin-top:5px
}
.login .content .select2-container i{
	display:inline-block;
	position:relative;
	color:#ccc;
	z-index:1;
	top:1px;
	margin:4px 4px 0 -1px;
	width:16px;
	height:16px;
	font-size:16px;
	text-align:center
}.login .content .has-error .select2-container i{
	color:#b94a48
}
.login .content .select2-container a span{
	font-size:13px
}
.login .content .select2-container a span img{
	margin-left:4px
}
.login .copyright{
	text-align:center;margin:0 auto;padding:10px;color:#eee;font-size:13px
}
@media (max-width:480px){
	.login .logo{
		margin-top:10px
	}
	.login .content{
		padding:30px;
		width:222px
	}
	.login .content h3{
		font-size:22px
	}
	.login .checkbox{
		font-size:13px
	}
}