.users-list{
  &-is-empty{
    font-style:italic;
  }
  &-item{
    margin-left:5px;
    margin-right:5px;
    padding:5px;
    display:flex;
    flex-direction:row;
    align-items: center;
    border-bottom: 1px solid $gray6;
    &-is-selectable{
      cursor:pointer;
    }

    &-is-selected{
      background: $gray7;
      border:1px solid $gray6;
      cursor:pointer;
    }
    &-column{
      display:inline-block;
      margin-left:4px;
      margin-right: 4px;
      overflow-x: hidden;
      text-overflow: ellipsis;
    }
    &-id{
      font-size:12px;
      width: 175px;
      font-family:monospace;
    }
    &-type{
      margin-left:10px;
      width: 80px;
      font-size:12px;
      font-style: italic;
    }
    &-identities{
      width: 200px;
      font-weight: bold;
      font-size:12px;
    }
    &-name{
      width:340px;
      font-size:12px;
      overflow-x: hidden;
      text-overflow: ellipsis;
    }
    &-pic{
      width: 50px;
      img{
        width:30px;
        height:30px;
      }
    }

  }
}

.users-list-item-column.users-list-item-header{
  font-size: 14px;
  font-family: 'Akzidenz',sans-serif;
  font-weight:bold;
  font-style: normal;
}

.add-user-button{
  display: flex;

  .button{
    margin-left: auto
  }
}