/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 @media screen and (max-width: 991.98px){
  .sup-order-table thead {
    display: none;
  }
  .sup-order-table tr:first-of-type {
      border-top: 1px solid #ccc;
  }
  .sup-order-table tr td:before {
    content: attr(data-label);
    font-weight: bold;
    display: table-cell;
    padding: 0.2em 0.6em 0.2em 0;
    text-align: right;
    width: 40% !important;
  }
  .sup-order-table tr td {
    width: 100%;
    border: none !important;
    display: flex;
    align-items: center;
  }

  .sup-order-table tr {
    display: block;
    position: relative;
    overflow-x: auto;
    width: 100%;
  }

  .sup-order-table table{
      border: none !important;
      width: 100%;
  }
}

.sup-order-table tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}

.sup-order-table table{
    width: 100% !important;
}

.sup-order-table tbody tr {
    width: 100%;
}

.sup-order-table thead {
  border-bottom-width: 1px;
  border-style: solid;
}
.sup-order-table tbody td {
  border-bottom-width: 1px;
  border-style: solid;
}