<div class="row clearfix h-100">
  <div class="col-lg-6 col-md-6 col-sm-6 h-100">
    <div class="card h-100" style="opacity: 0.75;">
      <div class="card-block h-100">
        <div class="card-text">
          <div id="order-detail-slimscroll" data-height="190">
          <div class="second-display-shop-title">
          <%= Shop.current_shop.name rescue "" %>
        </div>
            <table class="table table-striped second_display_items" id="order-items-table">
              <thead>
                <tr>
                  <th><strong>#</strong></th>
                  <th class="item-name second-display-item"><strong>Items</strong></th>
                  <th class="item- second-display-item"><strong>QTY</strong></th>
                  <th class="item- second-display-item"><strong>Price</strong></th>
                </tr>
              </thead>
              <tbody class="second-display-item">

              </tbody>
            </table>
          </div>
        </div>
      </div>
      <div class="card-footer second-display-item">
        <table class="table" border="0">
          <tr>
            <td class="charges-name"><strong>Sub Total:</strong></td>
            <td></td>
            <td></td>
            <td class="item-attr"><strong id="s_sub_total">0.00</strong></td>
          </tr>
          <tr>
            <td class="charges-name"><strong>Discount Amount:</strong></td>
            <td></td>
            <td></td>
            <td class="item-attr"><strong id="s_total_discount">0.00</strong></td>
          </tr>
          <tr>
            <td class="charges-name"><strong>Tax Amount:</strong></td>
            <td></td>
            <td></td>
            <td class="item-attr"><strong id="s_tatal_tax">0.00</strong></td>
          </tr>
          <tr>
            <td class="charges-name"><strong>Grand:</strong></td>
            <td></td>
            <td></td>
            <td class="item-attr"><strong id="s_grand_total">0.00</strong></td>
          </tr>
        </table>
      </div>
    </div>
  </div>
</div>

<style>

.second-display-shop-title{
  position: sticky;
  top: 0;
  color: black;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
  padding-bottom: 10px;
  background: white;
}

.second-display-item{
  font-size: 1.1rem !important;
}
</style>