/* -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); */
	

.login-container{
	background-image: url("../../../images/ff.png") !important;
	background-position: center;
	background-size: cover;
	
}
.user-login-5 .login-container>.login-content p{
	color:#000;
}
.user-login-5 .login-container>.login-content>h1{
	color:#000;
}

.user-login-5 .login-container>.login-content>.login-form{
	color:#000;
}


.user-login-5 .login-container>.login-content>.login-form .forgot-password>a{
	color:#000;
}

.user-login-5 .login-container>.login-footer .login-copyright>p{
	color:#000;
}

.user-login-5 .login-container>.login-content>.login-form .form-control{
	width: 100%;
    padding: 8px 8px;
    border-color: #c2cad8;
    border: 1px solid;
    color: #3c3e40;
    font-size: 14px;
    margin-bottom: 15px;
    border-radius: 15px !important;
}
.login-content {

	background-image: radial-gradient(circle, rgba(67, 89, 67, 0.786), #636363);
	background-position: center;
	background-size: cover;

	margin: auto;
	border-radius: 10px !important;
	padding: 20px !important;
	width: 50%;
	z-index: 100;
}

.login-content p{
	color:  rgba(236, 236, 236, 0.899) !important;
}
.login-content b,
.login-content h3{
	color:  rgb(255, 255, 255) !important;
}
.login-content input {
	z-index: 10;
}
.logo-login {

	padding: 20px !important;
	width: 80%;
	left: 10%;
	margin: auto;
	z-index: 10;
}

.login .content{

    width: 360px;
    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;
}
.portlet.light{
    padding: 12px 20px 15px;
    background-color: #ffffff7a;
}

.login .content .form-actions{
	 background-color: #ffffff7a;
	 border-bottom:0px;
}

.register{
	color: green;
	font-weight: 600;
}

.user-login-5 .login-container>.login-content>.login-form{
	margin-top:55px;
}

.user-login-5 .alert{
	margin-top:-40px;
}
.user-login-5 .login-container>.login-footer{
	position:initial;
}

.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}

.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}

.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.pb35{ padding-bottom:35px;}

@media (min-width: 400px) and (max-width: 700px){
	.login-content {

		background-image: radial-gradient(circle, rgba(32, 65, 32, 0.232), #2e302f);
		background-position: center;
		background-size: cover;
	
		
		border-radius: 10px !important;
		padding: 20px !important;
		width: 80%;
		margin: auto;
		z-index: 10;
	}
}