/* USER TOOLS */
#header-container #user-tools-container,
#global-comments-user-tools-container {
    display: -webkit-flex;
    display: flex;
    flex-basis: -webkit-140px;
    flex-basis: 140px;
    flex-grow: -webkit-1;
    flex-grow: 1;
    height: 100%;
    justify-content: flex-end;
    position: relative;
    transition: all 0.2s ease 0.1s; -moz-transition: all 0.2s ease 0.1s; -ms-transition: all 0.2s ease 0.1s; -webkit-transition: all 0.2s ease 0.1s;
}

#header-container #user-tools-container div,
#global-comments-user-tools-container div {
    font-size: 14px;
    font-weight: bold;
    position: relative;
}

#header-container .user-tools,
#global-comments .user-tools {
    border-bottom: 5px solid transparent;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    left: -1px;
    transition: all 0.2s ease 0.1s; -moz-transition: all 0.2s ease 0.1s; -ms-transition: all 0.2s ease 0.1s; -webkit-transition: all 0.2s ease 0.1s;
}

#global-comments .user-tools:hover {
    background-color: #252627;
}

#header-container .user-tools .user-info,
#global-comments .user-tools .user-info {
    display: -webkit-flex;
    display: flex;
    min-width: 161px;
    justify-content: flex-end;
}

#header-container .user-tools .user-info .nickname,
#global-comments .user-tools .user-info .nickname {
    align-self: center;
    flex-grow: -webkit-1;
    flex-grow: 1;
    text-align: right;
    width: 110px;
}

#header-container #header-nav.theme-light .user-tools .nickname {
    color: #333435;
}

#header-container #header-nav.theme-dark .user-tools .nickname {
    color: #b8bbbf;
}

#header-container .user-tools .user-tools-dropdown,
#global-comments .user-tools .user-tools-dropdown {
    position: absolute;
    top: 45px;
}

#header-container .user-tools .user-tools-dropdown:before {
    content: '';
    display: block;
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #252627;
    top: -5px;
    left: calc(50% - 5px);
}

/* logged in */
#header-container .user-tools.logged-in .user-info,
#global-comments .user-tools.logged-in .user-info {
    float: right;
    font-weight: bold;
    width: 100%;
}

#header-container .user-tools.logged-in .nickname,
#global-comments .user-tools.logged-in .nickname {
    color: #000;
    cursor: default;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.2s ease 0.1s; -moz-transition: color 0.2s ease 0.1s; -ms-transition: color 0.2s ease 0.1s; -webkit-transition: color 0.2s ease 0.1s;
    white-space: nowrap;
}

#global-comments .user-tools.logged-in:hover .nickname {
    color: #fff;
}

#header-container .user-tools.logged-in .user-icon,
#global-comments .user-tools.logged-in .user-icon {
    border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%;
    float: left;
    height: 30px;
    margin: 5px;
    width: 30px;
}

#header-container .user-tools.logged-in .user-tools-dropdown,
#global-comments .user-tools.logged-in .user-tools-dropdown {
    background-color: #252627;
    box-sizing: border-box;
    max-height: 0;
    display: none;
    padding: 12px 20px 17px 0;
    text-align: right;
    right: 0px;
    transition: all 0.2s ease 0.1s;
    width: 145px;
    border-radius: 3px;
}

#header-container .user-tools.logged-in:hover .user-tools-dropdown,
#global-comments .user-tools.logged-in:hover .user-tools-dropdown {
    display: block;
    max-height: 280px;
}

#header-container .user-tools.logged-in .user-option,
#global-comments .user-tools.logged-in .user-option {
    margin-bottom: 8px;
}

#header-container .user-tools.logged-in .user-option:first-child,
#global-comments .user-tools.logged-in .user-option:first-child {
    margin-bottom: 15px;
}
#header-container .user-tools.logged-in .user-option:last-child,
#global-comments .user-tools.logged-in .user-option:last-child {
    margin-top: 20px;
    margin-bottom: 0;
}


/* neutral */

#header-container .user-tools .user-tools-dropdown li,
#global-comments .user-tools .user-tools-dropdown li {
    width: 100%;
}

#header-container .user-tools .user-tools-dropdown a,
#global-comments .user-tools .user-tools-dropdown a {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: block;
    font-size: 14px;
    height: 100%;
    width: 100%;
}

#header-container .user-tools .user-tools-dropdown a {
    color: #b2b2b2;
}

#header-container .user-tools .user-tools-dropdown a:hover {
    color: #ffffff;
}

#global-comments .user-tools .user-tools-dropdown a {
    color: rgba(255,255,255,.6);
}

#global-comments .user-tools .user-tools-dropdown a:hover {
    color: rgba(255,255,255,1);
}

#header-container .user-tools .notifications-trigger .notifications-counter {
    background-image: url(../../../../img/widgets/global/livefyre/notifications.png);
    background-position: -28px -70px;
    background-size: 68px;
    background-repeat: no-repeat;

    display: inline-block;
    height: 26px;
    width: 26px;
    text-align: center;
    margin-right: 5px;
    font: normal 13px/29px 'ff-din-round-web-pro'!important;
}
#header-container .user-tools .notifications-trigger .notifications-counter.unread {
    background-position: 0px -70px;
}

#header-container #user-tools-container .user-info .notifications-counter {
    display: none;
}
#header-container #user-tools-container .user-info .notifications-counter.unread {
    background-image: url(../../../../img/widgets/global/livefyre/notifications.png);
    background-position: 0px -47px;
    background-size: 45px;
    background-repeat: no-repeat;

    display: block;
    position: absolute;
    font: normal 9px/2.1 'ff-din-round-web-pro';
    height: 17px;
    width: 18px;
    text-align: center;
    right: -5px;
    top: 2px;
}

/* logged out */

#header-container .user-tools.logged-out,
#global-comments .user-tools.logged-out {
    padding-left: 14px;
    width: 90px;
}

#header-container .user-tools.logged-out .ignHeader-authentication,
#global-comments .user-tools.logged-out .ignHeader-authentication {
    height: 100%;
}

#header-container .user-tools.logged-out .ignHeader-authentication a,
#global-comments .user-tools.logged-out .ignHeader-authentication a {
    color: #000;
    font-weight: bold;
    padding: 12px 0;
    position: relative;
    transition: color 0.2s ease 0.1s; -moz-transition: color 0.2s ease 0.1s; -ms-transition: color 0.2s ease 0.1s; -webkit-transition: color 0.2s ease 0.1s;
}

#header-container #header-nav.theme-dark .user-tools.logged-out .ignHeader-authentication a {
   color: #bebebe;
}

#header-container .user-tools.logged-out .ignHeader-authentication a,
#global-comments .user-tools.logged-out .ignHeader-authentication a {
    top: 9px;
}

#global-comments .user-tools.logged-out:hover .ignHeader-authentication a {
    color: #fff;
}

#header-container .user-tools.logged-out .ignHeader-authentication:after,
#global-comments .user-tools.logged-out .ignHeader-authentication:after {
    background: url(../../../../img/widgets/global/page/header/global-header-sprite.png) 3px -46px no-repeat;
    content: "";
    display:inline-block;
    height: 30px;
    left: 49px;
    position: absolute;
    top: 2px;
    transition: all 0.2s ease 0.1s;
    width: 30px;
}

#header-container .user-tools.logged-out .ignHeader-authentication:after {
    background: url(../../../../img/widgets/global/page/header/videochannel-header-sprite.png) 3px -46px no-repeat;
}

#global-comments .user-tools.logged-out:hover .ignHeader-authentication:after {
    background: url(../../../../img/widgets/global/page/header/global-header-sprite.png) -27px -46px no-repeat;
}

#header-container .user-tools.logged-out .user-tools-dropdown,
#global-comments .user-tools.logged-out .user-tools-dropdown {
    background-color: #252627;
    box-sizing: border-box;
    clear: both;
    left: -14px;
    max-height: 0;
    display: none;
    padding: 0 15px;
    text-align: right;
    transition: all 0.2s ease 0.1s;
    width: 104px;
    border-radius: 3px;
}

#header-container .user-tools.logged-out:hover .user-tools-dropdown,
#global-comments .user-tools.logged-out:hover .user-tools-dropdown {
    max-height: 100px;
    display: block;
    padding: 15px;
}

#header-container .user-tools.logged-out .user-tools-dropdown .user-option,
#global-comments .user-tools.logged-out .user-tools-dropdown .user-option {
    margin: 5px 0;
}

/* Tablet specific */
html.tablet #header-container .user-tools.logged-out .ignHeader-authentication a,
html.tablet #global-comments .user-tools.logged-out .ignHeader-authentication a {
    top: 20px;
}

html.tablet #header-container .user-tools.logged-in .nickname,
html.tablet #global-comments .user-tools.logged-in .nickname {
    margin: 20px 5px;
}

html.tablet #header-container .user-tools.logged-out .ignHeader-authentication:after,
html.tablet #global-comments .user-tools.logged-out .ignHeader-authentication:after {
    top: 10px;
}

html.tablet #header-container .user-tools.logged-in .user-icon,
html.tablet #global-comments .user-tools.logged-in .user-icon {
    margin: 10px 5px 5px 5px;
}