src/assets/styles/bmc/custom/_tables.scss

.table {
  position: relative;
  z-index: $zindex-dropdown;

  td {
    border-top: 1px solid gray("300");
    border-bottom: 1px solid gray("300");
    &:first-of-type {
      border-left: 1px solid gray("300");
    }
    &:last-of-type {
      border-right: 1px solid gray("300");
    }
  }

  // thead-light added for specificiy
  .thead-light th {
    border: none;
    color: theme-color("dark");
  }

  .status-icon svg {
    width: 1rem;
    height: auto;
  }

  .b-table-has-details {
    td {
      border-bottom: none;
    }
    .table-row-expand svg {
      transform: rotate(180deg);
    }
  }

  .b-table-details {
    background-color: theme-color("light");
    td {
      padding-left: calc(50px + (#{$table-cell-padding} * 2));
    }
    dl {
      margin: 0;
    }
    dt {
      display: inline-block;
      margin-right: $spacer / 2;
    }
    dd {
      display: inline-block;
    }
  }

  .table-row-expand {
    width: 50px;
    .btn {
      padding: 0;
      width: 50px;
    }
    svg {
      fill: theme-color("dark");
    }
  }
}