/* BOX */
#headerLogin { float: right; height: 45px; position: relative; top: 6px; width: 200px; }
/* #headerLogin:hover { background: url(../img2020/balloon-top.svg) no-repeat 89px 32px; } */
#headerLogin:hover { background: url(../img2020/balloon-top.svg) no-repeat 53px 36px; }

#headerLogin .headerLogin-box { box-shadow: 0 2px 0 0 rgba(0,0,0,0.2); padding: 0 8px; position: absolute; right: 59px;  top: 43px; width: auto; height: 200px; z-index: 999999; border-radius: 1px; text-align: left; background-color: #ffffff; }
#headerLogin form { padding: 18px 0 5px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
/* Input */
#headerLogin form input { height: 30px; width: 270px; padding: 2px 10px 0 5px; font-weight: 500; font-family: SoleSans; font-weight: 500; font-size: 15px; border: 1px solid rgba(15,15,15,0.5); background: #ffffff; margin-bottom: 10px; padding-top: 10px\9; height: 23px\9; color: #0f0f0f; border-radius: 15px; }

/* Btn ACCEDI*/
#headerLogin form input[type=submit] { background: #003c7f; width: 130px; height: 30px; padding-top: 0px; border-radius: 14px; cursor: pointer; text-transform: uppercase; color: white; font-family: SoleSans; font-weight: 500; font-size: 16px; margin-top: 45px; }
/* txt oppure + Registrati + freccia */
#headerLogin form a.registrati { height: 16px; float: right; color: #0f0f0f; font: 14px "SoleSans"; font-weight: normal; margin-top: 50px; }
#headerLogin form .registrati span { font-weight: 500; letter-spacing: 0; color: #003c7f; }
#headerLogin form .registrati .arrow { background: url(../img2020/chevron-right.svg) no-repeat -3px 3px; margin-left: 5px; position: relative; width: 6px; display: inline-block; }
/* Bottom */
#headerLogin form .bottom { width: 128px; border-radius: 2px; border-top: none; margin-top: -85px; }
/* Recupera password */
#headerLogin form .bottom a { width: 132px; text-decoration: underline; height: 16px; font-family: SoleSans; font-size: 14px; font-weight: 500; text-decoration: none; color: #003c7f; line-height: 1.14; }

#headerLogin .headerLogin-box ul { list-style: none; padding: 10px 0 0 0; }
#headerLogin .headerLogin-box ul li a { width: 93px; height: 20px; text-decoration: none; color: #0f0f0f; font-family: SoleSans; font-size: 15px; line-height: 1.33; text-transform: capitalize; }
#headerLogin .headerLogin-box ul li a:hover { text-decoration: none; color: #0f0f0f; }
#headerLogin .headerLogin-box ul li a span { width: 93px; height: 20px; text-decoration: none; color: #0f0f0f; font-family: SoleSans; font-size: 15px; line-height: 1.33; }
#headerLogin .headerLogin-box ul li a span:hover { text-decoration: none; color: #0f0f0f; }

#headerLogin .headerLogin-box li { border-bottom: 1px solid rgba(15,15,15,0.25); padding: 13px 0 13px 12px; font-size: 14px; text-align: left; width: 200px; margin: 0 auto; }
#headerLogin .headerLogin-box ul li a { width: 92px; height: 20px; text-decoration: none; color: #0f0f0f; font-family: SoleSans; font-size: 15px; line-height: 1.33; }


/* logout */
#headerLogin .headerLogin-box li.logout { text-decoration: none; border: none; padding: 4px 0 0 0; width: 122px; height: 30px; background-color: #003c7f; border-radius: 16px; margin: 8px auto; }

#headerLogin .headerLogin-box ul li.logout a :hover { text-decoration: none; color: #ffffff; }
#headerLogin .headerLogin-box ul li.logout a { text-decoration: none; color: #ffffff; text-transform: uppercase; font-size: 16px; font-family: SoleSans; font-weight: 500; line-height: 1.38; border-radius: 6px; background-color: #003c7f; margin-top: 0px; }

/* Icone utente loggato */
#headerLogin .headerLogin-box span.icon.desk { height: 22px; width: 22px; background: url(../img2020/my-products.svg) no-repeat; display: block; float: left; margin-right: 14px; }
#headerLogin .headerLogin-box span.icon.readinglist { height: 22px; width: 22px; background: url(../img2020/my-archive.svg) no-repeat; display: block; float: left; margin-right: 14px; }
#headerLogin .headerLogin-box span.icon.account { height: 22px; width: 22px; background: url(../img2020/my-account.svg) no-repeat; display: block; float: left; margin-right: 14px; }


/* QUIII */
/*#header .accedi:hover { background: url(../img2020/balloon-top.svg) no-repeat 3px 31px; }*/

#header .accedi a.my24 { background: none; border-right: none; float: left; height: 40px; padding: 0; text-indent: -20000px; width: 78px; margin-left: 30px; }
#headerLogin a.not-logged { width: 75px; height: 34px; color: #ffffff; display: block; float: left; font-family: SoleSans; font-size: 13px; font-weight: 500;  line-height: 39px; padding: 0 0 0 0px; cursor: pointer; position: relative; left: -80px; background: url(../img2020/login.svg) no-repeat 43px 5px; }
#headerLogin a.logged { width: 45px; height: 16px; font-family: SoleSans; font-size: 13px; font-weight: 500; line-height: 12px; padding-top: 11px; color: #ffffff; left: -64px; background: url(../img2020/logged.svg) no-repeat 30px 2px; }