.frame-type-table {
  .table-responsive {
    overflow-x: auto;
  }

  table {
    thead {
      background-color: $primary;
      color: white;

      th {
        border: 3px solid white;
        padding: 0.5rem;
      }

      th:not(:first-child) {
        text-align: center;
      }
    }

    tbody {
      background-color: $light;

      td {
        border: 3px solid white;
        padding: 0.5rem;
        font-weight: 500;
      }

      td:not(:first-child) {
        width: 10%;
        text-align: center;
      }
    }
  }
}