/*=================Login css====================*/
.login-wrapper {
    padding-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px;
}
.login-form{margin:auto; max-width: 460px; padding-bottom: 50px;}
.login-ul{padding-left: 18px; margin-bottom: 30px;}
.login-ul li{list-style: none;}
.loginlogo{ text-align:center;  padding:30px 15px 10px; }
.loginlogo a img{ max-width:100%;}
.login-description { font-size: 30px; color: #757575;}
.forgot-password{padding-top:8px;}
.remember{ color:#999;}
.redirection-link{ margin-top:30px; margin-bottom:30px;}
.card-footer-no-border{ border-color:transparent; padding-top:0;}
.card-footer-p16{ padding-left:20px; padding-right:20px; }
.login-card h3,
.register-card h3,
.forgot-password-card h3{ color:rgba(0, 0, 0, 0.87); font-size:16px; margin-top:0; margin-bottom:20px;}
.login-card .card-body,
.register-card .card-body{ padding-bottom:10px; margin:0;}
.register-card, .forgot-password-card{ display:none;}
.register-card, .login-card, .forgot-password-card{ position:relative;}
.register-card h3 span,
.login-card h3 span{ color:rgba(0, 0, 0, 0.54);}
.forgot-password-card h3 span{ font-size:14px; color:rgba(0, 0, 0, 0.54); width:80%; margin-top:5px; display:inline-block; line-height:18px;}
.logincard .alert{ display:none;}
.forgot-password-card .form-group.pmd-textfield{ margin-bottom:55px;}
.card-footer .pmd-checkbox-label {display: inline-block;margin-top: -2px;}
@media screen and (max-width: 768px) {
.logincard{max-width:300px;}	
.forgot-password a{font-size: 0.7rem;}
}
@media screen and (max-width: 480px) {
.logincard .loginlogo img { height:60px;}
.logincard .card { margin-bottom:0;}
}
@media (min-width: 321px) and (max-width: 480px) {
.logincard { max-width: 330px;}
}
@media (max-width: 320px) {
.logincard { max-width: 290px;}	
}

/*reset password
---------------------------------------------------------------------------------*/
.reset, .remind{
	padding-bottom: 30px;
}