.creation_account_area{text-align:center;}
#account-creation_form fieldset, fieldset.account_creation {

}
#account-creation_form h3 {font-weight:700; margin:0; padding:0 0 10px 0; font-size:15px; text-transform:uppercase; color:#999;}
#center_column #account-creation_form p {margin:0; padding:0 0 10px 0; position:relative;}
#account-creation_form p.required {color:#222}
#account-creation_form p.required  sup,  p.text-center  sup  {color:#990000}
.no_label{margin-bottom:10px;}
#account-creation_form p.radio span,#account-creation_form p.select span, .no_label{color:#999; display:block;margin-bottom:5px;}
#account-creation_form p.text label,
#account-creation_form p.password label,
#account-creation_form p.select label,

#account-creation_form p.textarea label {position:absolute; left:10px; top:7px; color:#999; float:none; width:auto; padding:0; cursor:auto;}
#account-creation_form p.radio label {
	float:none;
	padding-right:10px;
	width:auto;
	font-size:14px;
}
#account-creation_form p.radio input {
	position: relative;
	bottom: -3px;
}
#account-creation_form p.checkbox label {
	float:none;
	width:auto;
	font-size:12px;
}
#account-creation_form p.text input,
#account-creation_form p.password input,
#account-creation_form p.select input { background::#fff; border:solid 1px #e6e6e6; height:30px; line-height:30px; padding:0 10px; width:90%;}
#account-creation_form span.inline-infos{display:inline-block; font-size:11px; color:#999;}
#account-creation_form p.checkbox input {
	margin-left:0;
}
#account-creation_form p.select select {
	/*margin-right:10px;*/
	border:1px solid #e6e6e6;
	font-size: 12px;
	color:#666;
}
#account-creation_form p.textarea textarea {
	height:80px;
	width:90%;
	border:1px solid #e6e6e6;
	font-size: 12px;
	color:#999; padding:7px 10px;
}
#account-creation_form span.form_info, #account-creation_form p.inline-infos {
	display:block;
	margin:5px 0 0 0!important;
	color:#999; font-size:11px;
}
#account-creation_form .id_state, #account-creation_form .dni, #account-creation_form .postcode {
	display: none;
}
#center_column #account-creation_form p.cart_navigation {
	margin:20px 0;
}

#account-creation_form .account_creation .twofields {
  display: flex !important;
  justify-content: space-between;
  margin: 0 5% !important;
}

#account-creation_form .account_creation .twofields > * {
  width: calc(50% - 10px) !important;
}


/* Style pour les résolutions d'écran inférieures à 767px */
@media (max-width: 767px) {
  #account-creation_form .account_creation .twofields {
    display: block !important;
    margin: 0 !important;
  }

  #account-creation_form .account_creation .twofields > * {
    width: 90% !important;
    margin-bottom: 10px;
  }
}

/* password checker */

#account-creation_form input.invalid {
  border: 2px solid #c40000 !important;
  background: url('../img/error.png') no-repeat right 10px center / 20px;
  padding-right:35px !important;
}

#account-creation_form #phone_mobile {width: 100% !important;}

#account-creation_form p.password{padding-bottom:0 !important;}
#account-creation_form .iti {width:90%;}

#popover-password .progress {
    height: 5px !important;
	margin:0 5%;
	margin-bottom:5px;
}

#popover-password .progress .progress-bar{
    height:100%;
}

#popover-password .progress-bar-danger {
    background-color: #e90f10;
}
#popover-password .progress-bar-warning{
    background-color: #ffad00;
}
#popover-password .progress-bar-success{
    background-color: #02b502;
}

#popover-password .list-unstyled {
	display: flex;
	justify-content: space-evenly;
}

#popover-password .fas.fa-circle::before {
  content: "❌";
  font-style: normal;
  margin-right: -5px;
}

#popover-password .fas.fa-check::before {
  content: "✅";
  font-style: normal;
  margin-right: -5px;
}