//
// Tables
// --------------------------------------------------
table.data-table {
  @extend .table;
  thead tr th {
    color: $gray-light;
    text-transform: uppercase;
    &.asc, &.desc {
      a {
        display: block;
        position: relative;
        padding-right: 22px;
      }
      a:after {
        position: absolute;
        top: 50%;
        margin-top: -7px;
        right: 4px;
        @extend .glyphicon;
      }
    }
    &.asc {
      a:after {
        @extend .glyphicon-sort-by-attributes:before;
      }
    }
    &.desc {
      a:after {
        @extend .glyphicon-sort-by-attributes-alt:before;
      }
    }
  }
  tbody tr td {
    padding: 8px 12px;
    a, a:hover {
      text-decoration: none;
    }
  }
  i.glyphicon {
    color: $gray-lighter;
    &:hover {
      color: $gray-light;
    }
  }
  a {
    i.glyphicon {
      margin-right: 2px;
      color: inherit;
      &:hover {
        color: inherit;
      }
    }
    i.glyphicon.glyphicon-circle-arrow-up {
      color: $gray-lighter;
      &:hover {
        color: $gray-light;
      }
    }
  }
}

table.detail-table {
  @extend .table;
  thead tr th, tbody tr th {
    color: $gray-light;
    text-transform: uppercase;
  }
  tbody tr {
    td {
      padding: 8px 12px;

      a, a:hover {
        text-decoration: none;
      }
    }
  }
}