.js-account-menu {
    position: relative;
    display: inline-block;
}

.js-account-menu__menu {
    display: none;
    position: absolute;
    width: 200px;
    top: 100%;
    margin-top: -1px;
    /*
    left: 50%;
    margin-left: -100px;
    */
    right: 0;
    padding-top: 12px;
}

@media screen and (min-width: 768px) {

    .js-account-menu:hover .js-account-menu__menu,
    .js-account-menu.is-active .js-account-menu__menu {
        display: block;
    }
}

.js-account-menu__menu--inner {
    border: 1px #4b4f50 solid;
    text-align: center;
    background: #fff;
    position: relative;
    padding: 12px;
}

.js-account-menu__avatar {
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 0 12px;
}

.js-account-menu__name {
    display: block;
    margin-bottom: 12px;
}

.js-account-menu__nav {
    margin: 8px 0 0 0;
    padding: 0;
}

.js-account-menu__nav li {
    display: block;
    border-top: 1px #4b4f50 dashed;
}

.js-account-menu__nav a {
    text-decoration: none;
    display: block;
    padding: .5em 1em;
}

.js-account-menu__nav a:hover {
    opacity: .75;
}

.js-account-menu__link span,
.js-account-menu__toggle span {
    text-decoration: underline;
    display: inline-block;
    vertical-align: middle;
}

.js-account-menu__link:before,
.js-account-menu__toggle:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background: url(/eshop/js/veritas/veritas_widgets/account/account.svg) no-repeat 50%;
    background-size: 24px 24px;
}

.js-account-menu__link,
.js-account-menu__toggle {
    line-height: 25px;
}

.js-account-menu__link:hover,
.js-account-menu__toggle:hover {
    text-decoration: none;
}

.navbar-default #block-veritas_core-veritas_core_magento_login {
    margin-top: 0 !important;
}

#block-veritas-core-veritas-core-magento-login {
    float: left;
    margin-top: 2px;
}

@media screen and (max-width: 767px) {

    .js-account-menu__link span, .js-account-menu__toggle span {
        display: none;
    }
}

@media screen and (max-width: 568px) {

    #main-header #main-header-right {
        top: -47px;
    }
}
