$table-border-color-head: #eee;

td,
th {
  border-radius: 0;
}
th {
  background-color: $table-head-bg;
}
tbody tr {
  border-bottom: 1px solid $table-border-color;
}


table {
  &.responsive-table {
    th,
    td {
      &:first-child {
        padding-left: 47px;
      }
    }

    thead {
      border-color: $table-border-color-head;

      @media #{$medium-and-down} {
        border-color: $table-border-color;
      }

      tr {
        padding: 0;

        th {
          padding-right: 10px;

          &:first-child {
            padding-left: 47px;
          }
        }
      }
    }
    td {
      @media #{$medium-and-down} {
        padding-left: 0;
        padding-right: 0;
      }
    }

    tbody tr {
      @media #{$medium-and-down} {
        border-bottom-width: 0;
        padding-right: 0;
      }
    }
    tbody tr td {
      @media #{$medium-and-down} {
        border-right: 1px solid $table-border-color;
        padding-right: 10px;
      }
    }
  }

  &.no-side-padding {
    th,
    td {
      &:first-child {
        padding-left: 0;
      }
      &:last-child {
        padding-right: 0;
      }
    }
  }

  &.compressed {
    th,
    td {
      padding-top: 8px;
      padding-bottom: 8px;
    }
  }
}

td,
th {
  border-radius: 0;
}

table {
  &.responsive-table {
    th,
    td {
      &:first-child {
        padding-left: 47px;
      }
    }

    thead {
      tr {
        padding: 0;

        th {
          padding-right: 10px;

          &:first-child {
            padding-left: 47px;
          }
        }
      }
    }
    td {
      @media #{$medium-and-down} {
        padding-left: 0;
        padding-right: 0;
      }
    }

    tbody tr {
      @media #{$medium-and-down} {
        border-bottom-width: 0;
        padding-right: 0;
      }
    }
    tbody tr td {
      @media #{$medium-and-down} {
        border-right: 1px solid $table-border-color;
        padding-right: 10px;
      }
    }
  }

  &.no-side-padding {
    th,
    td {
      &:first-child {
        padding-left: 0;
      }
      &:last-child {
        padding-right: 0;
      }
    }
  }

  &.compressed {
    th,
    td {
      padding-top: 8px;
      padding-bottom: 8px;
    }
  }
}

Remove default borders and other coulouring
Remove default borders and other coulouring
