table.so-table {
  display: table;
  position: relative;
  margin: 0;
  margin-bottom: 2em;
  th {
    text-align: left;
  }
  border-collapse: collapse;
  border-left: 0px;
  border-radius: $base-border-radius;
  border-spacing: 0;
  width: 100%;
  border: 1px solid $light-gray;
  tbody {
    background-color: $lightest-gray;
    width: 100%;
    tr {
      width: 100%;
    }
    tr:hover > td, tr:hover > th {
      background-color: #FFF6E0;
    }
    tr:nth-child(even) {
      background-color: darken($lightest-gray, 4%);
      &:hover > td {
        background-color: #FFF6E0;
      }
    }
  }
  thead:first-of-type {
    tr:first-child > th:first-child {
      border-top-left-radius: $base-border-radius;
    }

    tr:first-child > th:last-child {
      border-top-right-radius: $base-border-radius;
    }
  }
  tbody:last-child {
    tr:last-child > td:first-child {
      border-bottom-left-radius: $base-border-radius;
    }

    tr:last-child > td:last-child {
      border-bottom-right-radius: $base-border-radius;
    }
  }
  thead {
    padding: 0;
    margin:0;
    th {
      background-color: $lightest-gray;
      border-bottom: 0px;
      border-left: 1px solid $light-gray;
      //padding: 1em;
      padding: 0;
      @include transition(all .25s ease-in-out);
      a {
        color: $salescrowd-earth;
        width: 100%;
        display: block;
        cursor: pointer;
        padding: 0.5em 1em;
        &:hover, &:focus {
          background: $salescrowd-earth;
          color: $white;
        }
      }
      &:first-child {
        border-left: none;
      }
      &.table-id {
        width: 7%;
      }
      &.table-title {
        width: 30%;
      }
      &.table-category {
        width: 15%;
        display: none;
          @include MQ(M) {
          display: table-cell;
        }
      }
      &.table-date {
        width: 13%;
      }
      &.table-status {
        width: 15%;
        display: none;
        @include MQ(M) {
          display: table-cell;
        }
      }
      &.table-actions {
        width: 20%;
      }
    }
  }
  tbody {
    background-color: $lightest-gray;
    padding: 0;
    margin:0;
    td {
      border-bottom: 0px;
      border-left: 1px solid $light-gray;
      border-top: 1px solid $light-gray;
      padding: 1em;
      @include transition(all .25s ease-in-out);
      &:first-child {
        border-left: none;
      }
      &.table-id {
        width: 7%;
      }
      &.table-title {
        width: 30%;
        font-weight: 900;
        a {
          color: $salescrowd-earth;
          width: 100%;
          display: block;
          cursor: pointer;
          &:hover, &:focus {
            color: $salescrowd-orange;
          }
        }
      }
      &.table-category {
        width: 15%;
        font-style: italic;
        text-transform: capitalize;
        display: none;
        @include MQ(M) {
          display: table-cell;
        }
      }
      &.table-date {
        width: 13%;
      }
      &.table-status {
        width: 15%;
        display: none;
        @include MQ(M) {
          display: table-cell;
        }
      }
      &.table-actions {
        width: 20%;
      }
    }
  }
}

table.so-action-table {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  td, th, tr {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: left;
    width: auto;
    &.table-create {
      text-align: right;
      a, button {
        margin-right: 0;
      }
    }
  }
}