/* userTab */
#userTab {
  display: table;
  float: right;
  margin: 0 25px;
  min-width: 300px; }
  #userTab > * {
    display: table-cell;
    vertical-align: middle;
    height: 90px;
    float: none !important; }
  #userTab > .profileImg {
    width: 60px; }
    #userTab > .profileImg img {
      display: block;
      max-height: 60px;
      max-width: 100%; }
      #userTab > .profileImg img[src*="no-profile-picture.png"] {
        background-color: #5f6062; }
  #userTab > .userTabContent {
    width: calc(100% - 65px); }
    #userTab > .userTabContent .leftSide {
      float: left;
      width: 90px;
      text-align: right;
      padding-right: .5em; }
    #userTab > .userTabContent .rightSide {
      float: left;
      width: calc(100% - 90px); }
  #userTab .userName {
    font-weight: bold; }
  #userTab #user_tab_role {
    cursor: default; }
  #userTab.noLeftSide > .userTabContent {
    padding-left: 5px; }
    #userTab.noLeftSide > .userTabContent .rightSide {
      float: left;
      width: 100%; }
  #userTab ul {
    margin: 0;
    padding: 0; }
  #userTab li {
    position: relative;
    float: left;
    min-width: 125px;
    list-style-type: none; }
    #userTab li > ul {
      display: none;
      position: absolute;
      background-color: #fff;
      z-index: 10000;
      min-width: 100%; }
    #userTab li:hover > ul {
      display: block; }
    #userTab li > ul > li {
      clear: both;
      width: 100%; }
    #userTab li.hassub ul > li > a {
      text-align: center;
      width: 100%;
      display: block;
      padding: 10px 7px;
      line-height: 1em;
      color: #222 !important; }
      #userTab li.hassub ul > li > a:hover {
        color: #000 !important;
        background-color: #E4E4E4; }
    #userTab li.hassub > a:after,
    #userTab li.hassub > .role:after {
      content: '\f107';
      font-family: 'FontAwesome';
      display: inline-block;
      padding: 0 .4em;
      font-weight: bold; }
  #userTab.noProfileImg {
    min-width: 145px; }
    #userTab.noProfileImg .profileImg {
      display: none; }
    #userTab.noProfileImg > .userTabContent .rightSide {
      float: left;
      width: 100%; }
  #userTab #user_roles.dNone {
    display: none !important; }
  .sidr #userTab {
    display: none !important; }
    .sidr #userTab li.hassub {
      cursor: pointer; }
    .sidr #userTab .sidr #userTab,
    .sidr #userTab > * {
      display: block;
      height: auto;
      width: 100%;
      min-width: 0;
      margin: 0; }
    .sidr #userTab .profileImg {
      padding: 5px;
      position: absolute;
      top: 0; }
    .sidr #userTab .leftSide {
      display: none; }
    .sidr #userTab .rightSide {
      width: 100%;
      padding: 0 10px; }
    .sidr #userTab li {
      float: none;
      width: 100%;
      border-top-color: transparent;
      border-bottom: 1px solid #4d4d4d; }
    .sidr #userTab ul.rightSide {
      padding: 0; }
    .sidr #userTab ul.rightSide ul {
      position: relative;
      background-color: #555 !important; }
    .sidr #userTab ul.rightSide ul > li > a {
      color: #FFF !important; }
    .sidr #userTab ul.rightSide ul > li:hover > a {
      background-color: rgba(255, 255, 255, 0.15) !important;
      box-shadow: none; }
    .sidr #userTab #user_tab_role,
    .sidr #userTab .role {
      padding: 0 0 0 50px; }
    .sidr #userTab #user_tab_role {
      padding: 0 0 0 50px; }
    .sidr #userTab li.hassub ul > li.hassub > a:after {
      content: '\f107';
      float: none;
      font-weight: bold;
      padding-left: .5em; }
    .sidr #userTab li.hassub ul > li.hassub:hover > a:after {
      content: '\f106'; }
    .sidr #userTab li.hassub ul > li.hassub:hover > ul {
      display: block;
      position: relative !important;
      left: auto !important;
      top: auto !important; }
    .sidr #userTab li.hassub ul > li.hassub:hover > ul > li {
      background-color: rgba(255, 255, 255, 0.15) !important;
      padding-left: 10px;
      white-space: normal; }

/*# sourceMappingURL=user_tab.css.map */