/**********************************************************
				Authentication Styles
**********************************************************/

#account-creation_form .id_state,
#account-creation_form .dni,
#account-creation_form .postcode {
  display: none; }

#create-account_form {
  min-height: 297px; }
  #create-account_form p {
    margin-bottom: 8px; }
  #create-account_form .form-group {
    margin: 0 0 20px 0; }
#login_form, #account-creation_form {
    max-width: 450px;
	min-height: 297px;
	padding: 0 20px;
	margin: 0 auto;	}	
#login_form .form_content, #account-creation_form .form_content {
    margin: 30px auto;
}
#login_form .form-group, #account-creation_form .form-group {
    margin: 0 0 30px 0; }
#login_form .form-group .progress{
	display:none;		}
#login_form .form-group label, #account-creation_form .form-group label, #account-creation_form .checkbox label {
    color: var(--var-color-blue);
    font-weight: 400;
    font-size: 16px;
    font-family: 'Poppins'; }
#account-creation_form .checkbox input{
	width:20px;
	height:20px;
	accent-color: var(--var-color-blue);}
#account-creation_form .checkbox label{
    line-height: 20px;
    margin-left: 10px;}
#login_form .form-group.lost_password, #account-creation_form .form-group.lost_password {
      margin: 14px 0 15px 0; }
#login_form .form-group.lost_password, #login_form .form-group.login_link, #account-creation_form .form-group.lost_password, #account-creation_form .form-group.login_link{
	text-align:center;}
#login_form a.login_link, #account-creation_form a.login_link{
	display: block;
    text-align: center;
    color: var(--var-color-red);
    font-size: 18px;
    transition: 0.3s;
    -ms-transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;}
#login_form a.login_link:hover, #account-creation_form a.login_link:hover{
    color: var(--var-color-blue);}
#login_form .form-control, #create-account_form .form-control, #account-creation_form .form-control {
	width:100%;
	height: 42px;
	font-size: 16px;
    border-radius: 0;
	background-position: calc(100% - 30px) center;  }
#login_form #passwd.form-control, #create-account_form #passwd.form-control, #account-creation_form #passwd.form-control {
  width: 100%; }
#login_form .password_eye, #account-creation_form .password_eye{
	height: 21px;
    width: 26px;
    margin-top: -62px;
    float: right;
    z-index: 99;
    position: relative;}
#login_form .password_eye{margin-top:-42px;}
#login_form .password_eye:before, #account-creation_form .password_eye:before{
	font-family: 'FontAwesome';
    font-weight: 300;
    font-size: 17px;
    text-align: center;
    width: 26px;
    height: 42px;
    line-height: 42px;
    position: absolute;
    color: var(--var-color-blue);
    transition: 0.3s;
    -ms-transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
	cursor:pointer;
    content: "\f06e";
}
#login_form .password_eye.active:before, #account-creation_form .password_eye.active:before{
    content: "\f070";	
}
#login_form .submit, #account-creation_form .submit{
	text-align:center;
	margin-top:30px;
}
#login_form .submit button, #account-creation_form .submit button{
	width:100%;
	background: #21305a;
	color:#fff;}
#login_form .submit button:hover, #account-creation_form .submit button:hover{
	box-shadow: inset 0 -6rem 0 0 #fff;
	color:#21305a;}