table {
  font-size: $font-size-small;
  border-spacing: 0;
  thead {
    th {
      font-weight: $font-weight-bold;
      text-transform: uppercase;
    }
  }
  tbody {
    td {
      @include padding($space-one $space-small);
      border-bottom: 1px solid $color-border-light;
    }
  }
}

.woot-table {

  tr {
    .show-if-hover {
      opacity: 0;
      @include transition(all .2s $ease-in-out-cubic);
    }
    &:hover {
      .show-if-hover {
        opacity: 1;
      }
    }
  }
  .agent-name {
    font-weight: $font-weight-medium;
    display: block;
    text-transform: capitalize;
  }
  .woot-thumbnail {
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
  }
  .button-wrapper {
    min-width: 20rem;
    @include flex;
    @include flex-align(left, null);
    @include flex-direction(row);
  }
  .button {
    @include margin($zero);
  }
}