/* ==========================================================================
   Tables
   ========================================================================== */
   .table {width: 100%; margin-bottom: 1rem; color: #212529;}
   .table-light, .table-light>td, .table-light>th {background-color:#fdfdfe;}
   .table-bordered, .table-bordered td, .table-bordered th {border:1px solid #dee2e6}
   .table .thead-light th {color: #495057; background-color: #e9ecef; border-color: #dee2e6; }
   .table-light tbody+tbody, .table-light td, .table-light th, .table-light thead th {border-color:#fbfcfc}
   .table-bordered thead td, .table-bordered thead th{border-bottom-width: 2px}
   .jj .cart .product-remove {text-align: center; }
   .screen-reader-text {clip: rect(1px, 1px, 1px, 1px); word-wrap: normal !important; border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; overflow-wrap: normal !important; padding: 0; position: absolute !important; width: 1px; }
   .jj .cart .screen-reader-text {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
   .jj .cart .product-quantity div.zap-competition-qty {
       text-align: center;
       margin-bottom: 2rem;
   }
   .jj .cart .product-quantity div.zap-competition-qty .zap-competitions-qty-minus, .jj .cart .product-quantity div.zap-competition-qty .zap-competitions-qty-plus {
       background-color: #f6f7f9;
       color: #124264;
       border: 1px solid #d8dadd;
       width: 40px;
       height: 50px;
       cursor: pointer;
       display: inline-block;
       margin: 0;
   }
   .jj .cart .product-quantity div.zap-competition-qty .zap-competitions-qty-minus, .jj .cart .product-quantity div.zap-competition-qty .zap-competitions-qty-plus {
       touch-action: manipulation;
   }
   .jj .cart .product-quantity div.zap-competition-qty .zap-competitions-qty-minus {
       border-right: 0;
   }
   .jj .cart .product-quantity div.zap-competition-qty .quantity {
       display: inline-block;
       border: 1px solid #d8dadd;
       border-left: 0;
       border-right: 0;
       padding: 0;
       margin: 0;
       margin: 0 -3px;
   }
   .jj .cart .product-quantity div.zap-competition-qty .quantity label {
       position: absolute;
       width: 1px;
       height: 1px;
       padding: 0;
       margin: -1px;
       overflow: hidden;
       clip: rect(0, 0, 0, 0);
       white-space: nowrap;
       border: 0;
   }
   .jj .cart .product-thumbnail img {
       max-width: 100px;
       height: auto;
   }
   .jj .cart .product-quantity div.zap-competition-qty .quantity input {
       height: 48px;
       border: 0;
       text-align: center;
       padding: 0 4px;
   }
   @media (max-width: 991.98px) {
       .jj .cart .product-thumbnail img {
           width: 100%;
           max-width: 100%;
           height: auto;
           object-fit: cover;
       }
       .jj table.shop_table {
           display: none;
       }
       .jj table.shop_table td:before {
           position: absolute;
           top: 15px;
           left: 20px;
           width: 45%;
           white-space: nowrap;
           text-align: left;
       }
       .product-subtotal {
           padding-bottom: 2rem !important;
       }
       .jj table.shop_table thead tr {
           position: absolute;
           top: -9999px;
           left: -9999px;
       }
       .jj .cart .product-remove {display: none;}
       .jj .cart .product-thumbnail img {
           width: 100%;
           max-width: 100%;
           height: auto;
           object-fit: cover;
       }
       .jj table.shop_table td.product-price:before {
           content: "PRICE";
       }
       .jj table.shop_table td.product-quantity:before {
           content: "QUANTITY";
           padding-top: 21px;
       }
       .jj table.shop_table td.product-subtotal:before {
           content: "SUBTOTAL";
       }
       .jj table.shop_table, .jj table.shop_table thead, .jj table.shop_table tbody, .jj table.shop_table tfoot, .jj table.shop_table th, .jj table.shop_table td, .jj table.shop_table tr {
           display: block;
           border: none;
       }
       .jj table.shop_table td {
           position: relative;
           background: #fafafa;
           padding: 0 1rem;
           overflow: auto;
       } 
       .jj table.shop_table tr {
           /* border: 1px solid #d2d3d3; */
           margin-bottom: 1rem;
       }
       .jj table.shop_table td.product-name {
           padding-top: 1rem;
       }
   }