table tbody tr.no-hover,
  table tbody tr.no-hover:hover {
      background-color: inherit !important;
      color: inherit !important;
      border-color: inherit !important;
      pointer-events: none;
  }

  @media (min-width: 1001px) {

      .table td,
      .table th {
          text-align: center;
      }

      .table td.no-center {
          text-align: left;
      }

      .table th.no-center {
          text-align: left;
      }
  }

  @media (max-width: 1000px) {

      .table thead {
          display: none;
      }

      .table tr {
          display: block;
          margin-bottom: 1rem;
      }

      .table td[data-label] {
          display: block;
          font-size: 0.9rem;
          border-top: none;
          position: relative;
          padding-left: 50%;
          text-align: right;
      }

      .table td[data-label]::before {
          content: attr(data-label);
          position: absolute;
          left: 0;
          top: 0;
          width: 45%;
          padding: 0.75rem;
          font-weight: bold;
          text-transform: uppercase;
          text-align: left;
          border-bottom: 0.5px dashed var(--bs-custom-table-color);
      }

      .table tr.collapse:not(.show) {
          display: none;
      }

      .table tr.collapse.show {
          display: block;
      }
  }