.smw-table.smw-basic {
  /*COLOR THEMES*/ }
  .smw-table.smw-basic table {
    width: 100%;
    background: #ffffff;
    margin: 1rem 0rem;
    box-shadow: none;
    border-radius: 0.25rem;
    color: rgba(0, 0, 0, 0.8);
    border-collapse: separate;
    border-spacing: 0px;
    border: 1px solid #d4d4d5; }
    .smw-table.smw-basic table thead th {
      font-size: 1rem;
      cursor: pointer;
      white-space: normal;
      text-align: left;
      padding: 0.7rem 0.8rem;
      vertical-align: middle;
      font-weight: bold;
      text-transform: none;
      border: 0; }
      .smw-table.smw-basic table thead th.ascending:after {
        content: '\2191'; }
      .smw-table.smw-basic table thead th.descending:after {
        content: '\2193'; }
      .smw-table.smw-basic table thead th:first-child {
        border-radius: 0.25rem 0 0 0;
        border-left: none; }
    .smw-table.smw-basic table tbody tr:hover {
      background: #f2f2f2; }
    .smw-table.smw-basic table tbody tr td {
      font-size: 1rem;
      padding: 0.7rem 0.8rem;
      text-align: left;
      vertical-align: middle;
      transition: all 0.2s ease;
      border: 0;
      border-top: 1px solid #d4d4d5; }
      .smw-table.smw-basic table tbody tr td:first-child {
        border-left: none; }
      .smw-table.smw-basic table tbody tr td.smw-cell-with-indicator {
        white-space: nowrap; }
  @media screen and (max-width: 480px) {
    .smw-table.smw-basic table thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }
    .smw-table.smw-basic table tbody tr {
      display: block; }
      .smw-table.smw-basic table tbody tr td {
        border: 0;
        display: block;
        text-align: right; }
        .smw-table.smw-basic table tbody tr td:before {
          content: attr(data-title);
          float: left;
          font-weight: bold; }
        .smw-table.smw-basic table tbody tr td:last-child {
          border-bottom: 1px solid #d4d4d5; } }