.che-list-item
  display block
  outline none
  width 100%

.che-list-item:hover
  background-color $hover-on-list-color

.che-list-item
  border-bottom 1px solid $list-separator-color

.che-list-item-content
  display inline
  line-height 40px
  overflow hidden
  width 100%

.che-list-item-content *:not(.tooltip)
  overflow inherit
  text-overflow ellipsis
  white-space normal

.che-list-item-content *.tooltip
  color $white-color
  overflow visible

.che-list-item-row
  min-height 40px

.che-list-item-row *
  outline none

.che-list-item-row:not(:hover) .tooltip
  display none !important

.che-list-item-details
  line-height inherit
  font-size 12px

  &[ng-click], [ng-click]
    cursor pointer

  span:not(.tooltip)
    max-width 100%
    white-space nowrap
    padding-right 3px

  & .che-xs-header
    display inline-block
    float left
    text-transform uppercase
    vertical-align middle
    color $primary-color
    min-width 65px
    max-width 65px

.che-list-item-name
  color $label-primary-color

  .tooltip.top
    color $white-color
    margin-top 10px

  & > *
    display inline-block
    font-size 12px
    float left

  .spinner > *
    float left

.che-list-actions
  margin-right 10px
  display inline-block
  vertical-align middle
  color $list-action-color

  *
    text-decoration none
    color inherit

  & > *:hover
    color $list-action-hover-color

  & > *:not(.tooltip)
    display inline-block
    float left
    width 16px
    height 16px
    max-width 16px
    max-height 16px
    line-height 16px
    margin-right 10px

    span
      padding-right 0

  .tooltip
    color $white-color

  *:before
    font-size 16px

.che-list-empty
  width 100%
  text-align center
  float left

  *
    font-size 14px
    line-height 60px
    color $label-info-color

.che-list-item-secondary
  color $list-action-color
  line-height 18px
  padding-right 10px
