.ua-icon-button.person { background-image: url("/_assets2024/icon-profile.png"); width: 18px; }

.ua-user-options { position: relative; display: inline-block; }

.ua-user-options-dropdown { position: absolute; top: 100%; right: 0; border: 1px solid #cacbcd; padding: 3px 0; width: 230px; background-color: var(--hl-dark-green); padding: 15px; }
.ua-user-options-dropdown ul { list-style: none; background-color: transparent; display: flex; flex-direction: column; gap: 5px; }
.ua-user-options-dropdown ul li { padding: 0; background-color: transparent;  }


.ua-user-options-dropdown .ua-option-button { display: flex; flex-direction: row; align-items: center; gap: 18px; width: 100%; padding: 0 5px; border: 0; text-align: left; position: relative; font-size: 16px; text-decoration: none; color: #ffffff; background-color: transparent; transition: all 0.2s; }
.ua-user-options-dropdown .ua-option-button span.caption { width: 100%; }

.ua-user-options-dropdown .ua-option-button span.counter-value { display: inline-block; min-width: 32px; flex-shrink: 0; background-color: var(--hl-light-green); font-family: Roobert; font-weight: 800; font-size: 13px; padding: 6px 4px; color: var(--hl-dark-green); display: flex; justify-content: center; line-height: 1; }

.ua-user-options-dropdown .ua-option-button:before { content: ""; display: block; height: 40px; width: 32px; background-position: center; background-size: contain; background-repeat: no-repeat; flex-shrink: 0; }

.ua-user-options-dropdown .ua-option-button.pins:before { background-image: url("/_assets2024/icon-reading.png"); }
.ua-user-options-dropdown .ua-option-button.notes:before { background-image: url("/_assets2024/icon-notes.png"); }
.ua-user-options-dropdown .ua-option-button.my-toolkits:before { background-image: url("/_assets2024/icon-my-tools.png"); }
.ua-user-options-dropdown .ua-option-button.password:before { background-image: url("/_assets2024/icon-password.png"); }

.ua-user-options-dropdown .ua-option-button span.counter-valuex { position: absolute; top: 12%; left: 0px; width: auto; min-width: 15px; height: 15px; border-radius: 16px; background-color: #bed400; color: #000000; text-align: center; font-family: berlingske_sans_roundregular, Arial; line-height: 1em; padding: 3px 2px 0 2px; font-size: 10px; }

.ua-user-options-dropdown .ua-option-button span.counter-value.no-count { display: none; }

.ua-user-options-dropdown .ua-option-button:hover { background-color: #45660f; }

#umLoginForm .hl-login-link { padding-bottom: 25px; border-bottom: 1px dotted #999999; margin-bottom: 25px; }

#umLoginForm .hl-login-link a,
#umLoginForm .login-form-continue button { width: 100%; max-width: 220px;}