.common-header
  border-bottom-color: rgba(#000, .07)

.layout-body table.paged-list
  border-bottom: 2px solid rgba(#000, .1)

table.paged-list
  width: 100%
  table-layout: fixed
  border-spacing: 0
  border: none
  margin: 0

table.paged-list > thead > tr > td,
table.paged-list > tbody > tr > td
  white-space: nowrap
  text-overflow: ellipsis
  overflow: hidden
  padding: 8px
  box-sizing: border-box

  &:first-child
    padding-left: 18px

  &:last-child
    padding-right: 18px

table.paged-list > tbody > tr

  & > td
    border-top: 1px solid rgba(#000, .05)

    & > .value
      white-space: nowrap
      text-overflow: ellipsis
      overflow: hidden

    &.unconstrained
      overflow: visible

    .unpadded
      padding: 0

    &._id
      color: #bbb

  &:first-child > td
    border-top: none

  &:hover > td
    background-color: #fef8d0

table.paged-list > thead > tr > td
  color: #999
  background: #f8f8f8
  border-bottom: 1px solid rgba(#000, .12)

.blank-paged-list
  text-align: center
  color: #666
  padding: 64px 32px
  box-sizing: border-box
  position: absolute
  top: 0
  right: 0
  bottom: 0
  left: 0

  .icon
    font-size: 3rem
    color: #ccc
    margin-bottom: 1.5rem

  .message
    max-width: 640px
    margin: 0 auto

  .tip
    margin-top: 2rem

  a, a:visited, a:active
    color: #57e

.list-cut-line
  text-align: center
  color: #666
  background: #f8f8f8
  padding: 12px 32px 18px
