.data-table {
  margin-right: 10px;

  td.number {
    text-align: right;
    padding-right: 20px;
  }

  & thead {
    position: sticky;
    top: 0;
    z-index: 1;
  }

  & tr {
    &:not(.header) a {
      display: inline-block;
      width: 100%;
      padding: 4px 10px;
      color: #000;
    }

    &.header th {
      padding: 10px 0 10px 10px;
      border-bottom: 1px solid #eee;
      background-color: #fff;
      color: #999;
      font-size: 13px;
      font-weight: normal;
      text-align: left;

      & .current {
        padding-right: 16px;
        background-position: right center;
        background-repeat: no-repeat;
      }

      & .asc {
        background-image: url("/assets/arrow_up-d1d38c47.png");
      }

      & .desc {
        background-image: url("/assets/arrow_down-9ef161f4.png");
      }
    }

    &:last-child td {
      border-bottom: none;
    }
  }

  & td {
    padding: 0;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    &.phones a {
      line-height: 1.2em;
    }
  }

  & th.counter {
    color: #bbb;
    font-weight: normal;
    text-align: right;
  }

  &.highlightable {
    & tr:hover {
      background-color: #fff7d5 !important;

      & .badge {
        background-color: #fcedc8;
      }
    }

    & tr td {
      cursor: pointer;
    }
  }
}

.light-table {
  & tr {
    &.header th {
      padding: 10px 0 10px 10px;
      border-bottom: 1px solid #eee;
      background-color: #fff;
      color: #bbb;
      font-size: 13px;
      font-weight: normal;
      text-align: left;

      & .current {
        padding-right: 16px;
        background-position: right center;
        background-repeat: no-repeat;
      }

      & .asc {
        background-image: url("/assets/arrow_up-d1d38c47.png");
      }

      & .desc {
        background-image: url("/assets/arrow_down-9ef161f4.png");
      }
    }

    & td {
      padding: 5px;
      border-bottom: 1px solid #eee;
      font-size: 12px;
      white-space: nowrap;
    }

    &:last-child td {
      border-bottom: none;
    }
  }
}

.sample-table {
  & tr {
    background-color: #fff;

    & td {
      padding: 5px;
    }
  }
}