.header-acount {position:relative; display:flex; align-items:center; padding:0 25px 0 30px; background-color:#fff; white-space:nowrap;}
.header-acount .account-icon {background-image:url(/templates/b2c/images/account.png); width:15px; height:15px; margin:0 15px 0 0}
.header-acount a {color:#999}
.header-acount a:hover {color:#000}
.header-acount .separator {padding:0 12px}
.header-acount .account-popup {position:absolute; top:100%; right:0; background-color:#fff; width:720px; white-space:initial;}
.header-acount .account-popup .signup {display:flex; flex-direction:column; width:50%; padding:40px 30px 30px 50px}
.header-acount .account-popup .signup .title {display:flex; align-items:center; height:70px; padding:0 0 20px 0; font-size:18px; font-family:Roboto, sans-serif; font-weight:700; color:#231f20; border-bottom:1px #ccc dotted; box-sizing:border-box}
.header-acount .account-popup .signup .title img {margin:0 16px 0 0}
.header-acount .account-popup .signup .box {flex-grow:1; padding:30px 0 20px 0; font-size:15px; color:#666}
.header-acount .account-popup .signup .box div {display:flex; align-items:center; line-height:1.4; padding:4px 0}
.header-acount .account-popup .signup .box div::before {content:''; width:4px; height:4px; margin:0 10px 0 0; background-color:#666; border-radius:100%}
.header-acount .account-popup .signup .button {display:block; padding:18px 0; background-color:var(--color-02-hex); color:#fff; font-size:16px; text-decoration:none; font-family:Roboto, sans-serif; font-weight:700; text-transform:uppercase; text-align:center}
.header-acount .account-popup .signin {width:50%; padding:40px 50px 30px 30px}
.header-acount .account-popup .signin .title {display:flex; align-items:center; height:70px; padding:0 0 20px 0; font-size:18px; font-family:Roboto, sans-serif; font-weight:700; color:#231f20; border-bottom:1px #ccc dotted; box-sizing:border-box}
.header-acount .account-popup .signin .title img {margin:0 16px 0 0}
.header-acount .account-popup .signin .box {padding:20px 0 0 0; font-size:15px; color:#666}
.header-acount .account-popup .signin .box label span {color:var(--color-03-hex); font-size:20px}
.header-acount .account-popup .signin .box input[type=email] {width:100%; border:1px #d7d7d7 solid; margin:9px 0 28px 0; padding:14px 18px; box-sizing:border-box}
.header-acount .account-popup .signin .box input[type=password] {width:100%; border:1px #d7d7d7 solid; margin:9px 0 28px 0; padding:14px 18px; box-sizing:border-box}
.header-acount .account-popup .signin .box a.forgotten {display:block; margin:-10px 0 20px 0; font-size:13px}
.header-acount .account-popup .signin .box button[type=submit] {width:100%; padding:18px 0; background-color:var(--color-02-hex); color:#fff; font-size:16px; font-family:Roboto, sans-serif; font-weight:700; text-transform:uppercase; text-align:center}

.account-mobile {position:relative; display:none; justify-content:space-between; padding:0 5%}
.account-mobile a {display:flex; justify-content:center; align-items:center; padding:0 25px}
.account-mobile a img {}
.account-mobile::before {content:''; position:absolute; top:15px; bottom:15px; left:0; border-right:1px rgba(0 0 0 / 12%) solid}

#ajax_login_error_message {
	font-weight: bolder;
	color: red;
	padding: 10px;
}