.header-user-links {
    span{
        color: $white;
        font-weight: $user-links-font-weight;
    }

    .user-tooltip {
        width:100%;
    }

    .c-pointer {
        cursor:pointer;
    }

    @media print,(max-width:949px) {
        #user-link-name{
            display: none;
        }
    }
}


// IE hack to allow padding on user links component.
// https://stackoverflow.com/questions/11173106/apply-style-only-on-ie
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  app-header-user-links {
    padding-top: 15px;
  }
}

@supports (-ms-ime-align: auto) {
  .header-user-links {
    line-height: 52px;
  }

}