<div class="c-app-wrapper">
    <!-- Sidebar starts -->
    <aside class="c-sidebar o-grid__span-col--2">
        <div class="c-sidebar__wrapper">
            <header class="c-sidebar__header">
                <a href="/" class="c-sidebar__logo" title="Home Page">
                    <!-- Logo starts -->
                    <svg class="c-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 174.13 181.89">
  <defs><style>.cls-1{fill:none;stroke-miterlimit:10;stroke-width:0.5px}.cls-1{stroke:#e6e7e8}.cls-3{fill:#f1f2f2}.cls-4{fill:#e6e7e8}.cls-5{fill:#d1d3d4}.cls-6{fill:#bcbec0}.cls-11{fill:#fff}</style></defs>
  <g id="Layer_2" data-name="Layer 2">
    <g id="Layer_6" data-name="Layer 6">
      <path d="M0.62 0.62L81.16 0.62" class="cls-1"/>
      <path fill="none" stroke="#a7a9ac" stroke-miterlimit="10" stroke-width="0.5px" d="M80.36 0.62L160.09 80.15"/>
      <path d="M0.18 0.18L80.36 80.15" class="cls-1"/>
      <path d="M80.36 80.15L80.36 100.03" class="cls-1"/>
      <path d="M40.49 40.38L0.62 0.62 40.49 0.62 40.49 40.38z" class="cls-3"/>
      <path d="M40.49 0.62L80.36 40.38 40.49 40.38 40.49 0.62z" class="cls-4"/>
      <path d="M80.36 40.38L40.49 0.62 80.36 0.62 80.36 40.38z" class="cls-5"/>
      <path d="M80.36 0.62L120.22 40.38 80.36 40.38 80.36 0.62z" class="cls-6"/>
      <path d="M120.22 40.38L160.09 80.15 120.22 80.15 120.22 40.38z" class="cls-6"/>
      <path d="M120.22 80.15L80.36 40.38 120.22 40.38 120.22 80.15z" class="cls-5"/>
      <path d="M80.36 40.38L120.22 80.15 80.36 80.15 80.36 40.38z" class="cls-4"/>
      <path d="M80.36 80.15L40.49 40.38 80.36 40.38 80.36 80.15z" class="cls-3"/>
      <path d="M120.22 119.91L160.09 80.15 120.22 80.15 120.22 119.91z" class="cls-5"/>
      <path d="M120.22 80.15L80.36 119.91 120.22 119.91 120.22 80.15z" class="cls-4"/>
      <path d="M80.36 119.91L120.22 80.15 80.36 80.15 80.36 119.91z" class="cls-3"/>
      <path d="M80.36 139.79L40.49 100.03 80.36 100.03 80.36 139.79z" class="cls-4"/>
      <path fill="#a7a9ac" d="M130.38 159.67L90.52 119.91 130.38 119.91 130.38 159.67z"/>
      <path fill="#414042" d="M130.38 133.81L156.31 159.67 130.38 159.67 130.38 133.81z"/>
      <path fill="#a9abac" d="M120.22 119.91L146.27 93.98 146.27 119.91 120.22 119.91z"/>
      <path fill="#DD2A0E" d="M148.21 94.02L174.13 119.88 148.21 119.88 148.21 94.02z"/>
      <g class="c-logo__text">
        <path d="M51.09,177a4.08,4.08,0,0,0-1.69-3.68A8.43,8.43,0,0,0,45.51,172a4.76,4.76,0,0,1-2.83-1.13,1.59,1.59,0,0,1,0-2c.43-.74,1.4-1.11,2.88-1.11A4.29,4.29,0,0,1,48.8,169l2-2a7.78,7.78,0,0,0-2.24-1.51,9.51,9.51,0,0,0-3.66-.56,6.75,6.75,0,0,0-3.92,1.35,4.06,4.06,0,0,0-1.87,3.5,3.59,3.59,0,0,0,1.62,3.38,9.13,9.13,0,0,0,3.72,1.24c1.64.16,2.65.6,3.08,1.34a2.08,2.08,0,0,1,0,2.22c-.43.75-1.45,1.11-3.11,1.11a6.06,6.06,0,0,1-4-1.51l-2,2A8.63,8.63,0,0,0,41,181.22a10.09,10.09,0,0,0,3.95.68,6.81,6.81,0,0,0,4.31-1.45A4.19,4.19,0,0,0,51.09,177Z" class="cls-11"/>
        <path d="M16.78,181.89h3.41l-4.27-7.47.29-.09c2-.66,3-2.15,3-4.56,0-3.2-1.91-4.76-5.83-4.76H6.07v16.89H9v-7.19h3.57ZM9,172v-4.2H14.2c1.91.06,2.34,1.14,2.37,2s-.47,2.14-2.4,2.17H9Z" class="cls-11"/><path d="M21.8 167.75L27.59 167.75 27.59 181.89 30.57 181.89 30.57 167.75 36.37 167.75 36.37 165.01 21.8 165.01 21.8 167.75z" class="cls-11"/><path d="M69.57 181.56L69.57 164.74 68.45 164.74 68.45 172.37 58.27 172.37 58.27 164.74 57.15 164.74 57.15 181.56 58.27 181.56 58.27 173.34 68.45 173.34 68.45 181.56 69.57 181.56z" class="cls-11"/>
        <path d="M85.3,177l1.88,4.6h1.27l-7.08-16.82H80l-7.34,16.82h1.14l2-4.6ZM80.63,165.6,84.92,176h-8.7Z" class="cls-11"/>
        <path d="M110.32 164.74L106.01 180.07 105.64 180.07 105.53 179.89 101.21 164.74 99.53 164.74 95.15 180.07 94.77 180.07 94.67 179.89 90.42 164.74 89.28 164.74 94.17 181.56 95.78 181.56 100.16 166.15 100.53 166.15 100.63 166.33 104.96 181.56 106.56 181.56 111.46 164.74 110.32 164.74z" class="cls-11"/><path d="M116.23 172.68L124.93 181.56 126.56 181.56 117.55 172.4 126.02 164.74 124.53 164.74 116.14 172.37 115.65 172.37 115.65 164.74 114.54 164.74 114.54 181.56 115.65 181.56 115.65 172.6 116.15 172.6 116.23 172.68z" class="cls-11"/>
        <path d="M139.01 173.34L139.01 172.37 130.6 172.37 130.6 165.71 139.57 165.71 139.57 164.74 129.48 164.74 129.48 181.56 139.97 181.56 139.97 180.59 130.6 180.59 130.6 173.34 139.01 173.34z" class="cls-11"/><path d="M153.88 164.74L148.38 173.17 143.01 164.74 141.68 164.74 147.83 174.27 147.83 181.56 148.94 181.56 148.94 174.27 155.09 164.74 153.88 164.74z" class="cls-11"/><path d="M167.56 173.34L167.56 172.37 159.14 172.37 159.14 165.71 168.12 165.71 168.12 164.74 158.03 164.74 158.03 181.56 168.51 181.56 168.51 180.59 159.14 180.59 159.14 173.34 167.56 173.34z" class="cls-11"/>
      </g>
    </g>
  </g>
</svg>
                    <!-- Logo ends -->

                </a>
            </header>

            <!-- Mobile menu button starts -->
            <button class="c-btn c-btn--link c-btn--link--no-underline c-sidebar__nav__trigger js-c-sidebar__nav__trigger" aria-label="Toggle menu">
        Menu
      </button>
            <!-- Mobile menu button ends -->

            <!-- Navigation starts -->
            <nav class="c-sidebar__nav">
                <ul class="c-sidebar__nav__list">
                    <li class="c-sidebar__nav__item c-sidebar__nav__item--parent">
                        <span class="c-sidebar__nav__link">Facilities</span>
                        <ul class="c-sidebar__nav-child">
                            <li class="c-sidebar__nav-child__item">
                                <a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Dashboard</a>
                            </li>
                            <li class="c-sidebar__nav-child__item">
                                <a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">DBOL</a>
                            </li>
                            <li class="c-sidebar__nav-child__item">
                                <a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">IBOL</a>
                            </li>
                            <li class="c-sidebar__nav-child__item">
                                <a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">WO</a>
                            </li>
                            <li class="c-sidebar__nav-child__item">
                                <a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Transfer</a>
                            </li>
                        </ul>
                    </li>
                    <li class="c-sidebar__nav__item c-sidebar__nav__item--parent">
                        <span class="c-sidebar__nav__link">Asset management</span>
                        <ul class="c-sidebar__nav-child">
                            <li class="c-sidebar__nav-child__item">
                                <a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Inventory Viewer</a>
                            </li>
                            <li class="c-sidebar__nav-child__item">
                                <a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Order History</a>
                            </li>
                            <li class="c-sidebar__nav-child__item">
                                <a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Inspection report</a>
                            </li>
                        </ul>
                    </li>
                    <li class="c-sidebar__nav__item">
                        <a href="#" class="c-sidebar__nav__link">Well analysis</a>
                    </li>
                    <li class="c-sidebar__nav__item">
                        <a href="#" class="c-sidebar__nav__link">CRM</a>
                    </li>
                    <li class="c-sidebar__nav__item c-sidebar__nav__item--parent">
                        <span class="c-sidebar__nav__link">Data Structure</span>
                        <ul class="c-sidebar__nav-child">
                            <li class="c-sidebar__nav-child__item">
                                <a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">People</a>
                            </li>
                            <!--
              -->
                            <li class="c-sidebar__nav-child__item">
                                <a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Companies</a>
                            </li>
                            <!--
              -->
                            <li class="c-sidebar__nav-child__item">
                                <a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Wells</a>
                            </li>
                            <!--
              -->
                            <li class="c-sidebar__nav-child__item">
                                <a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Racks</a>
                            </li>
                            <!--
              -->
                            <li class="c-sidebar__nav-child__item">
                                <a href="#" class="c-sidebar__nav__link c-sidebar__nav-child__link">Facilities</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </nav>
            <!-- Navigation ends -->

            <footer class="c-sidebar__footer">
                <button class="c-btn c-btn--link c-sidebar__layout-btn">Switch layout</button>
                <div class="c-sidebar__username-dropdown">
                    <h2 class="c-sidebar__username">Cynthia Young</h2>
                    <a href="#" class="c-sidebar__nav-link__logout">Sign Out</a>
                </div>
            </footer>
        </div>
    </aside>
    <!-- Sidebar ends -->

    <!-- Content wrapper starts -->
    <div class="c-content-wrapper">
        <!-- main content starts -->
        <main class="o-stack--lg">
            <header class="o-stack">
                <div>
                    <button class="c-btn c-btn--sm c-btn--icon c-btn--link c-btn--link--no-underline u-pl-0">
            <svg class="o-icon o-icon" aria-hidden="true">
              <use href="#print"></use>
            </svg>
            Print
          </button>
                    <button class="c-btn c-btn--sm c-btn--icon c-btn--link c-btn--link--no-underline u-pl-0">
            <svg class="o-icon o-icon" aria-hidden="true">
              <use href="#refresh"></use>
            </svg>
            Refresh
          </button>
                </div>
                <div class="u-mt-2 u-d-flex">
                    <h2 class="o-display--sm u-mr-auto">New Transfer: <span class="u-f-weight-400">Bryan - Rod Plant</span></h2>
                    <h4 title="Current status" class="c-status-indicator pending">
                        pending
                    </h4>
                </div>
                <div class="u-mt-1 u-d-flex">
                    <h3 class="o-heading--sm u-f-weight-600 u-mr-auto">Order No. <span class="u-f-weight-800">0102-TT-0006456</span></h3>
                </div>
                <h3 class="o-heading--sm u-mt-1 u-f-weight-400">Facility and Company Request</h3>
                <nav class="c-progress-steps">
                    <ol class="c-progress-steps__list">
                        <li class="c-progress-steps__item ">
                            <a class="c-progress-steps__link" href="#0">
                                <h4 class="c-progress-steps__title">General information</h4>
                            </a>
                        </li>
                        <li class="c-progress-steps__item  is-active">
                            <a class="c-progress-steps__link" href="#0">
                                <h4 class="c-progress-steps__title">Select Material</h4>
                            </a>
                        </li>
                        <li class="c-progress-steps__item ">
                            <a class="c-progress-steps__link" href="#0">
                                <h4 class="c-progress-steps__title">Review &amp; Transfer</h4>
                            </a>
                        </li>
                        <li class="c-progress-steps__item ">
                            <a class="c-progress-steps__link" href="#0">
                                <h4 class="c-progress-steps__title">Allocate Material</h4>
                            </a>
                        </li>
                    </ol>
                </nav>
            </header>
            <section class="o-stack">
                <input type="checkbox" id="filter-trigger" class="c-filter-box__trigger-input" />
                <label for="filter-trigger" class="c-filter-box__trigger">Toggle filters</label>
                <span></span>
                <section class="c-filter-box c-filter-box--inventory o-grid u-mt-1">
                    <div class="o-grid__span-col--6@small o-grid__span-col--8@medium o-stack--xs u-d-flex u-align-items-center">
                        <span class="o-heading u-d-block">Facility and Company transfer</span>
                    </div>
                    <div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
                        <label class="o-label">Type</label>
                        <div class="c-inventory__type-toggle o-grid o-grid--auto--sm@small o-grid--fix--2@medium">
                            <!-- outline button starts -->
                            <button class="c-btn is-active u-p-0 c-btn--outline">Product</button>
                            <!-- outline button ends -->
                            <!-- outline button starts -->
                            <button class="c-btn u-p-0 c-btn--outline">Rack</button>
                            <!-- outline button ends -->
                        </div>
                    </div>
                    <div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
                        <label for="product-name" class="o-label">Product name</label>
                        <!-- Input starts -->
                        <input type="text" class="c-input" id="product-name" placeholder="Tubing, Rod, Coupling" value="">
                        <!-- Input ends -->
                    </div>
                    <div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
                        <label for="condition" class="o-label">Condition</label>
                        <!-- Input starts -->
                        <input type="text" class="c-input" id="condition" placeholder="New, Yellow band, Inspected #1" value="">
                        <!-- Input ends -->
                    </div>
                    <div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
                        <label for="rack" class="o-label">Rack</label>
                        <!-- Input starts -->
                        <input type="text" class="c-input" id="rack" placeholder="A-1, A-11, T-15" value="">
                        <!-- Input ends -->
                    </div>
                    <div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
                        <label for="size" class="o-label">Size</label>
                        <!-- Input starts -->
                        <input type="text" class="c-input" id="size" placeholder="2-3/8”, 2-7/8”, 3/4”, 7/8”" value="">
                        <!-- Input ends -->
                    </div>
                    <div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
                        <label for="grade" class="o-label">Grade</label>
                        <!-- Input starts -->
                        <input type="text" class="c-input" id="grade" placeholder="J-55, L-80, D, KD, HS" value="">
                        <!-- Input ends -->
                    </div>
                    <div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
                        <label for="ibol" class="o-label">Ibol</label>
                        <!-- Input starts -->
                        <input type="text" class="c-input" id="ibol" placeholder="XXXX-IBOL-XXXXXXX" value="">
                        <!-- Input ends -->
                    </div>
                    <div class="u-d-flex">
                        <button class="c-btn c-btn--link c-btn--link--no-underline c-btn--xs u-p-0 u-mr-auto">Reset fields</button>
                        <button class="c-btn c-btn--link c-btn--link--no-underline c-btn--xs u-p-0 u-text-right js-extra-filters">Show more item filters</button>
                    </div>
                    <section class="o-grid o-grid--auto--lg o-grid--fix--4@large c-filter-box__extra-filters">
                        <div class="o-stack--xs">
                            <label for="APIgrade" class="o-label">API Grade</label>
                            <!-- Input starts -->
                            <input type="text" class="c-input" id="APIgrade" placeholder="Type API Grade" value="">
                            <!-- Input ends -->
                        </div>
                        <div class="o-stack--xs">
                            <label for="couplingMft" class="o-label">Coupling manufacturer</label>
                            <!-- Input starts -->
                            <input type="text" class="c-input" id="couplingMft" placeholder="Type coupling manufacturer" value="">
                            <!-- Input ends -->
                        </div>
                        <div class="o-stack--xs">
                            <label for="guideMft" class="o-label">Guide manufacturer</label>
                            <!-- Input starts -->
                            <input type="text" class="c-input" id="guideMft" placeholder="Type guide manufacturer" value="">
                            <!-- Input ends -->
                        </div>
                        <div class="o-stack--xs">
                            <label for="rodMft" class="o-label">Rod manufacturer</label>
                            <!-- Input starts -->
                            <input type="text" class="c-input" id="rodMft" placeholder="Type rod manufacturer" value="">
                            <!-- Input ends -->
                        </div>
                        <div class="o-stack--xs">
                            <label for="thread" class="o-label">Thread</label>
                            <!-- Input starts -->
                            <input type="text" class="c-input" id="thread" placeholder="Type thread" value="">
                            <!-- Input ends -->
                        </div>
                        <div class="o-stack--xs">
                            <label for="guide" class="o-label">Guide</label>
                            <!-- Input starts -->
                            <input type="text" class="c-input" id="guide" placeholder="Type guide" value="">
                            <!-- Input ends -->
                        </div>
                        <div class="o-stack--xs">
                            <label for="guidePer" class="o-label">Guide Per</label>
                            <!-- Input starts -->
                            <input type="text" class="c-input" id="guidePer" placeholder="Type guide per" value="">
                            <!-- Input ends -->
                        </div>
                        <div class="o-stack--xs">
                            <label for="guidePolymer" class="o-label">Guide polymer</label>
                            <!-- Input starts -->
                            <input type="text" class="c-input" id="guidePolymer" placeholder="Type guide polymer" value="">
                            <!-- Input ends -->
                        </div>
                        <div class="o-stack--xs">
                            <label for="guideSize" class="o-label">Guide size</label>
                            <!-- Input starts -->
                            <input type="text" class="c-input" id="guideSize" placeholder="Type guide size" value="">
                            <!-- Input ends -->
                        </div>
                        <div class="o-stack--xs">
                            <label for="guideType" class="o-label">Guide type</label>
                            <!-- Input starts -->
                            <input type="text" class="c-input" id="guideType" placeholder="Type guide type" value="">
                            <!-- Input ends -->
                        </div>
                    </section>
                </section>
                <section class="o-stack u-d-flex u-flex-column">
                    <h3 class="o-heading">Select material</h3>
                    <a href="#0" class="c-btn c-btn--xs c-btn--sticky">See selection</a>
                    <ul class="c-list--inventory o-stack--xs">
                        <li class="c-list--inventory__item">
                            <header class="c-list--inventory__item__header c-list--inventory__item__header--transfer">
                                <h3 class="c-list--inventory__item__title">
                                    <a href="#0">BRP Coupling Reject Rack</a>
                                </h3>

                                <span class="c-list--inventory__item__product-name">Rod Coupling</span> <span class="c-list--inventory__item__product-size">7/8&quot;, 5/8&quot;, null, 3/4&quot;, 1&quot;, 7/8&quot; x 3/4&quot;</span>
                                <span class="c-list--inventory__item__product-name">Crossover</span> <span class="c-list--inventory__item__product-size">3/4&quot; x 5/8&quot;, 1&quot; x 3/4&quot;, 7/8&quot; x 3/4&quot;, 1&quot; x 7/8&quot;</span>
                                <span class="c-list--inventory__item__product-name">Polish Rod Coupling</span> <span class="c-list--inventory__item__product-size">3/4&quot;</span>

                                <div class="c-list--inventory__item__qty">
                                    <strong class="c-list--inventory__item__qty-number">10,212</strong> Items
                                </div>
                            </header>
                            <!-- Table basic starts -->
                            <div class="c-table__wrapper c-table--fix-col-1--right c-table--qty-fix">
                                <table class="c-table">
                                    <thead class="c-table__header">
                                        <tr class="c-table__header__row">
                                            <th class="c-table__header__item">Product</th>
                                            <th class="c-table__header__item">Condition</th>
                                            <th class="c-table__header__item">Size</th>
                                            <th class="c-table__header__item">Grade</th>
                                            <th class="c-table__header__item">Thread</th>
                                            <th class="c-table__header__item">Rod Mfr.</th>
                                            <th class="c-table__header__item">Length</th>
                                            <th class="c-table__header__item">Guide</th>
                                            <th class="c-table__header__item">Guide size</th>
                                            <th class="c-table__header__item">Guide per</th>
                                            <th class="c-table__header__item">Guide type</th>
                                            <th class="c-table__header__item">Guide polymer</th>
                                            <th class="c-table__header__item">Guide Mfr.</th>
                                            <th class="c-table__header__item">Tags</th>
                                            <th class="c-table__header__item">Rack</th>
                                            <th class="c-table__header__item">Quantity <a class="c-btn--primary c-btn--xs u-ml-1">Update All</a></th>
                                        </tr>
                                    </thead>
                                    <tbody class="c-table__body">
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-41</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">3/4&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Slick</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">8 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-20</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">A-31</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- Table basic ends -->

                        </li>
                        <li class="c-list--inventory__item">
                            <header class="c-list--inventory__item__header c-list--inventory__item__header--transfer">
                                <h3 class="c-list--inventory__item__title">
                                    <a href="#0">B-18</a>
                                </h3>

                                <span class="c-list--inventory__item__product-name">Sucker Rod</span> <span class="c-list--inventory__item__product-size">3/4&quot;, 7/8&quot;</span>

                                <div class="c-list--inventory__item__qty">
                                    <strong class="c-list--inventory__item__qty-number">211</strong> Items
                                </div>
                            </header>
                            <!-- Table basic starts -->
                            <div class="c-table__wrapper c-table--fix-col-1--right c-table--qty-fix">
                                <table class="c-table">
                                    <thead class="c-table__header">
                                        <tr class="c-table__header__row">
                                            <th class="c-table__header__item">Product</th>
                                            <th class="c-table__header__item">Condition</th>
                                            <th class="c-table__header__item">Size</th>
                                            <th class="c-table__header__item">Grade</th>
                                            <th class="c-table__header__item">Thread</th>
                                            <th class="c-table__header__item">Rod Mfr.</th>
                                            <th class="c-table__header__item">Length</th>
                                            <th class="c-table__header__item">Guide</th>
                                            <th class="c-table__header__item">Guide size</th>
                                            <th class="c-table__header__item">Guide per</th>
                                            <th class="c-table__header__item">Guide type</th>
                                            <th class="c-table__header__item">Guide polymer</th>
                                            <th class="c-table__header__item">Guide Mfr.</th>
                                            <th class="c-table__header__item">Tags</th>
                                            <th class="c-table__header__item">Rack</th>
                                            <th class="c-table__header__item">Quantity <a class="c-btn--primary c-btn--xs u-ml-1">Update All</a></th>
                                        </tr>
                                    </thead>
                                    <tbody class="c-table__body">
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-41</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">3/4&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Slick</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">8 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-20</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">A-31</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- Table basic ends -->

                        </li>
                        <li class="c-list--inventory__item">
                            <header class="c-list--inventory__item__header c-list--inventory__item__header--transfer">
                                <h3 class="c-list--inventory__item__title">
                                    <a href="#0">A-24</a>
                                </h3>

                                <span class="c-list--inventory__item__product-name">Sinker Bar</span> <span class="c-list--inventory__item__product-size">1-1/2&quot; x 25&quot; x 7/8&quot;</span>

                                <div class="c-list--inventory__item__qty">
                                    <strong class="c-list--inventory__item__qty-number">40</strong> Items
                                </div>
                            </header>
                            <!-- Table basic starts -->
                            <div class="c-table__wrapper c-table--fix-col-1--right c-table--qty-fix">
                                <table class="c-table">
                                    <thead class="c-table__header">
                                        <tr class="c-table__header__row">
                                            <th class="c-table__header__item">Product</th>
                                            <th class="c-table__header__item">Condition</th>
                                            <th class="c-table__header__item">Size</th>
                                            <th class="c-table__header__item">Grade</th>
                                            <th class="c-table__header__item">Thread</th>
                                            <th class="c-table__header__item">Rod Mfr.</th>
                                            <th class="c-table__header__item">Length</th>
                                            <th class="c-table__header__item">Guide</th>
                                            <th class="c-table__header__item">Guide size</th>
                                            <th class="c-table__header__item">Guide per</th>
                                            <th class="c-table__header__item">Guide type</th>
                                            <th class="c-table__header__item">Guide polymer</th>
                                            <th class="c-table__header__item">Guide Mfr.</th>
                                            <th class="c-table__header__item">Tags</th>
                                            <th class="c-table__header__item">Rack</th>
                                            <th class="c-table__header__item">Quantity <a class="c-btn--primary c-btn--xs u-ml-1">Update All</a></th>
                                        </tr>
                                    </thead>
                                    <tbody class="c-table__body">
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-41</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">3/4&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Slick</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">8 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-20</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">A-31</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- Table basic ends -->

                        </li>
                        <li class="c-list--inventory__item">
                            <header class="c-list--inventory__item__header c-list--inventory__item__header--transfer">
                                <h3 class="c-list--inventory__item__title">
                                    <a href="#0">B-18</a>
                                </h3>

                                <span class="c-list--inventory__item__product-name">Sucker Rod</span> <span class="c-list--inventory__item__product-size">3/4&quot;, 7/8&quot;</span>

                                <div class="c-list--inventory__item__qty">
                                    <strong class="c-list--inventory__item__qty-number">211</strong> Items
                                </div>
                            </header>
                            <!-- Table basic starts -->
                            <div class="c-table__wrapper c-table--fix-col-1--right c-table--qty-fix">
                                <table class="c-table">
                                    <thead class="c-table__header">
                                        <tr class="c-table__header__row">
                                            <th class="c-table__header__item">Product</th>
                                            <th class="c-table__header__item">Condition</th>
                                            <th class="c-table__header__item">Size</th>
                                            <th class="c-table__header__item">Grade</th>
                                            <th class="c-table__header__item">Thread</th>
                                            <th class="c-table__header__item">Rod Mfr.</th>
                                            <th class="c-table__header__item">Length</th>
                                            <th class="c-table__header__item">Guide</th>
                                            <th class="c-table__header__item">Guide size</th>
                                            <th class="c-table__header__item">Guide per</th>
                                            <th class="c-table__header__item">Guide type</th>
                                            <th class="c-table__header__item">Guide polymer</th>
                                            <th class="c-table__header__item">Guide Mfr.</th>
                                            <th class="c-table__header__item">Tags</th>
                                            <th class="c-table__header__item">Rack</th>
                                            <th class="c-table__header__item">Quantity <a class="c-btn--primary c-btn--xs u-ml-1">Update All</a></th>
                                        </tr>
                                    </thead>
                                    <tbody class="c-table__body">
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-41</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">3/4&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Slick</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">8 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-20</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">A-31</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- Table basic ends -->

                        </li>
                        <li class="c-list--inventory__item">
                            <header class="c-list--inventory__item__header c-list--inventory__item__header--transfer">
                                <h3 class="c-list--inventory__item__title">
                                    <a href="#0">A-24</a>
                                </h3>

                                <span class="c-list--inventory__item__product-name">Sinker Bar</span> <span class="c-list--inventory__item__product-size">1-1/2&quot; x 25&quot; x 7/8&quot;</span>

                                <div class="c-list--inventory__item__qty">
                                    <strong class="c-list--inventory__item__qty-number">40</strong> Items
                                </div>
                            </header>
                            <!-- Table basic starts -->
                            <div class="c-table__wrapper c-table--fix-col-1--right c-table--qty-fix">
                                <table class="c-table">
                                    <thead class="c-table__header">
                                        <tr class="c-table__header__row">
                                            <th class="c-table__header__item">Product</th>
                                            <th class="c-table__header__item">Condition</th>
                                            <th class="c-table__header__item">Size</th>
                                            <th class="c-table__header__item">Grade</th>
                                            <th class="c-table__header__item">Thread</th>
                                            <th class="c-table__header__item">Rod Mfr.</th>
                                            <th class="c-table__header__item">Length</th>
                                            <th class="c-table__header__item">Guide</th>
                                            <th class="c-table__header__item">Guide size</th>
                                            <th class="c-table__header__item">Guide per</th>
                                            <th class="c-table__header__item">Guide type</th>
                                            <th class="c-table__header__item">Guide polymer</th>
                                            <th class="c-table__header__item">Guide Mfr.</th>
                                            <th class="c-table__header__item">Tags</th>
                                            <th class="c-table__header__item">Rack</th>
                                            <th class="c-table__header__item">Quantity <a class="c-btn--primary c-btn--xs u-ml-1">Update All</a></th>
                                        </tr>
                                    </thead>
                                    <tbody class="c-table__body">
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-41</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">3/4&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Slick</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">8 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-20</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">A-31</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- Table basic ends -->

                        </li>
                        <li class="c-list--inventory__item">
                            <header class="c-list--inventory__item__header c-list--inventory__item__header--transfer">
                                <h3 class="c-list--inventory__item__title">
                                    <a href="#0">B-18</a>
                                </h3>

                                <span class="c-list--inventory__item__product-name">Sucker Rod</span> <span class="c-list--inventory__item__product-size">3/4&quot;, 7/8&quot;</span>

                                <div class="c-list--inventory__item__qty">
                                    <strong class="c-list--inventory__item__qty-number">211</strong> Items
                                </div>
                            </header>
                            <!-- Table basic starts -->
                            <div class="c-table__wrapper c-table--fix-col-1--right c-table--qty-fix">
                                <table class="c-table">
                                    <thead class="c-table__header">
                                        <tr class="c-table__header__row">
                                            <th class="c-table__header__item">Product</th>
                                            <th class="c-table__header__item">Condition</th>
                                            <th class="c-table__header__item">Size</th>
                                            <th class="c-table__header__item">Grade</th>
                                            <th class="c-table__header__item">Thread</th>
                                            <th class="c-table__header__item">Rod Mfr.</th>
                                            <th class="c-table__header__item">Length</th>
                                            <th class="c-table__header__item">Guide</th>
                                            <th class="c-table__header__item">Guide size</th>
                                            <th class="c-table__header__item">Guide per</th>
                                            <th class="c-table__header__item">Guide type</th>
                                            <th class="c-table__header__item">Guide polymer</th>
                                            <th class="c-table__header__item">Guide Mfr.</th>
                                            <th class="c-table__header__item">Tags</th>
                                            <th class="c-table__header__item">Rack</th>
                                            <th class="c-table__header__item">Quantity <a class="c-btn--primary c-btn--xs u-ml-1">Update All</a></th>
                                        </tr>
                                    </thead>
                                    <tbody class="c-table__body">
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-41</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">3/4&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Slick</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">8 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-20</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">A-31</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- Table basic ends -->

                        </li>
                        <li class="c-list--inventory__item">
                            <header class="c-list--inventory__item__header c-list--inventory__item__header--transfer">
                                <h3 class="c-list--inventory__item__title">
                                    <a href="#0">A-24</a>
                                </h3>

                                <span class="c-list--inventory__item__product-name">Sinker Bar</span> <span class="c-list--inventory__item__product-size">1-1/2&quot; x 25&quot; x 7/8&quot;</span>

                                <div class="c-list--inventory__item__qty">
                                    <strong class="c-list--inventory__item__qty-number">40</strong> Items
                                </div>
                            </header>
                            <!-- Table basic starts -->
                            <div class="c-table__wrapper c-table--fix-col-1--right c-table--qty-fix">
                                <table class="c-table">
                                    <thead class="c-table__header">
                                        <tr class="c-table__header__row">
                                            <th class="c-table__header__item">Product</th>
                                            <th class="c-table__header__item">Condition</th>
                                            <th class="c-table__header__item">Size</th>
                                            <th class="c-table__header__item">Grade</th>
                                            <th class="c-table__header__item">Thread</th>
                                            <th class="c-table__header__item">Rod Mfr.</th>
                                            <th class="c-table__header__item">Length</th>
                                            <th class="c-table__header__item">Guide</th>
                                            <th class="c-table__header__item">Guide size</th>
                                            <th class="c-table__header__item">Guide per</th>
                                            <th class="c-table__header__item">Guide type</th>
                                            <th class="c-table__header__item">Guide polymer</th>
                                            <th class="c-table__header__item">Guide Mfr.</th>
                                            <th class="c-table__header__item">Tags</th>
                                            <th class="c-table__header__item">Rack</th>
                                            <th class="c-table__header__item">Quantity <a class="c-btn--primary c-btn--xs u-ml-1">Update All</a></th>
                                        </tr>
                                    </thead>
                                    <tbody class="c-table__body">
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-41</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">3/4&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Slick</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">8 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-20</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">A-31</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- Table basic ends -->

                        </li>
                        <li class="c-list--inventory__item">
                            <header class="c-list--inventory__item__header c-list--inventory__item__header--transfer">
                                <h3 class="c-list--inventory__item__title">
                                    <a href="#0">B-18</a>
                                </h3>

                                <span class="c-list--inventory__item__product-name">Sucker Rod</span> <span class="c-list--inventory__item__product-size">3/4&quot;, 7/8&quot;</span>

                                <div class="c-list--inventory__item__qty">
                                    <strong class="c-list--inventory__item__qty-number">211</strong> Items
                                </div>
                            </header>
                            <!-- Table basic starts -->
                            <div class="c-table__wrapper c-table--fix-col-1--right c-table--qty-fix">
                                <table class="c-table">
                                    <thead class="c-table__header">
                                        <tr class="c-table__header__row">
                                            <th class="c-table__header__item">Product</th>
                                            <th class="c-table__header__item">Condition</th>
                                            <th class="c-table__header__item">Size</th>
                                            <th class="c-table__header__item">Grade</th>
                                            <th class="c-table__header__item">Thread</th>
                                            <th class="c-table__header__item">Rod Mfr.</th>
                                            <th class="c-table__header__item">Length</th>
                                            <th class="c-table__header__item">Guide</th>
                                            <th class="c-table__header__item">Guide size</th>
                                            <th class="c-table__header__item">Guide per</th>
                                            <th class="c-table__header__item">Guide type</th>
                                            <th class="c-table__header__item">Guide polymer</th>
                                            <th class="c-table__header__item">Guide Mfr.</th>
                                            <th class="c-table__header__item">Tags</th>
                                            <th class="c-table__header__item">Rack</th>
                                            <th class="c-table__header__item">Quantity <a class="c-btn--primary c-btn--xs u-ml-1">Update All</a></th>
                                        </tr>
                                    </thead>
                                    <tbody class="c-table__body">
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-41</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">3/4&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Slick</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">8 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-20</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">A-31</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- Table basic ends -->

                        </li>
                        <li class="c-list--inventory__item">
                            <header class="c-list--inventory__item__header c-list--inventory__item__header--transfer">
                                <h3 class="c-list--inventory__item__title">
                                    <a href="#0">A-24</a>
                                </h3>

                                <span class="c-list--inventory__item__product-name">Sinker Bar</span> <span class="c-list--inventory__item__product-size">1-1/2&quot; x 25&quot; x 7/8&quot;</span>

                                <div class="c-list--inventory__item__qty">
                                    <strong class="c-list--inventory__item__qty-number">40</strong> Items
                                </div>
                            </header>
                            <!-- Table basic starts -->
                            <div class="c-table__wrapper c-table--fix-col-1--right c-table--qty-fix">
                                <table class="c-table">
                                    <thead class="c-table__header">
                                        <tr class="c-table__header__row">
                                            <th class="c-table__header__item">Product</th>
                                            <th class="c-table__header__item">Condition</th>
                                            <th class="c-table__header__item">Size</th>
                                            <th class="c-table__header__item">Grade</th>
                                            <th class="c-table__header__item">Thread</th>
                                            <th class="c-table__header__item">Rod Mfr.</th>
                                            <th class="c-table__header__item">Length</th>
                                            <th class="c-table__header__item">Guide</th>
                                            <th class="c-table__header__item">Guide size</th>
                                            <th class="c-table__header__item">Guide per</th>
                                            <th class="c-table__header__item">Guide type</th>
                                            <th class="c-table__header__item">Guide polymer</th>
                                            <th class="c-table__header__item">Guide Mfr.</th>
                                            <th class="c-table__header__item">Tags</th>
                                            <th class="c-table__header__item">Rack</th>
                                            <th class="c-table__header__item">Quantity <a class="c-btn--primary c-btn--xs u-ml-1">Update All</a></th>
                                        </tr>
                                    </thead>
                                    <tbody class="c-table__body">
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-41</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">3/4&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Slick</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">8 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-20</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">A-31</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- Table basic ends -->

                        </li>
                        <li class="c-list--inventory__item">
                            <header class="c-list--inventory__item__header c-list--inventory__item__header--transfer">
                                <h3 class="c-list--inventory__item__title">
                                    <a href="#0">B-18</a>
                                </h3>

                                <span class="c-list--inventory__item__product-name">Sucker Rod</span> <span class="c-list--inventory__item__product-size">3/4&quot;, 7/8&quot;</span>

                                <div class="c-list--inventory__item__qty">
                                    <strong class="c-list--inventory__item__qty-number">211</strong> Items
                                </div>
                            </header>
                            <!-- Table basic starts -->
                            <div class="c-table__wrapper c-table--fix-col-1--right c-table--qty-fix">
                                <table class="c-table">
                                    <thead class="c-table__header">
                                        <tr class="c-table__header__row">
                                            <th class="c-table__header__item">Product</th>
                                            <th class="c-table__header__item">Condition</th>
                                            <th class="c-table__header__item">Size</th>
                                            <th class="c-table__header__item">Grade</th>
                                            <th class="c-table__header__item">Thread</th>
                                            <th class="c-table__header__item">Rod Mfr.</th>
                                            <th class="c-table__header__item">Length</th>
                                            <th class="c-table__header__item">Guide</th>
                                            <th class="c-table__header__item">Guide size</th>
                                            <th class="c-table__header__item">Guide per</th>
                                            <th class="c-table__header__item">Guide type</th>
                                            <th class="c-table__header__item">Guide polymer</th>
                                            <th class="c-table__header__item">Guide Mfr.</th>
                                            <th class="c-table__header__item">Tags</th>
                                            <th class="c-table__header__item">Rack</th>
                                            <th class="c-table__header__item">Quantity <a class="c-btn--primary c-btn--xs u-ml-1">Update All</a></th>
                                        </tr>
                                    </thead>
                                    <tbody class="c-table__body">
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-41</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">3/4&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Slick</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">8 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-20</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">A-31</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- Table basic ends -->

                        </li>
                        <li class="c-list--inventory__item">
                            <header class="c-list--inventory__item__header c-list--inventory__item__header--transfer">
                                <h3 class="c-list--inventory__item__title">
                                    <a href="#0">A-24</a>
                                </h3>

                                <span class="c-list--inventory__item__product-name">Sinker Bar</span> <span class="c-list--inventory__item__product-size">1-1/2&quot; x 25&quot; x 7/8&quot;</span>

                                <div class="c-list--inventory__item__qty">
                                    <strong class="c-list--inventory__item__qty-number">40</strong> Items
                                </div>
                            </header>
                            <!-- Table basic starts -->
                            <div class="c-table__wrapper c-table--fix-col-1--right c-table--qty-fix">
                                <table class="c-table">
                                    <thead class="c-table__header">
                                        <tr class="c-table__header__row">
                                            <th class="c-table__header__item">Product</th>
                                            <th class="c-table__header__item">Condition</th>
                                            <th class="c-table__header__item">Size</th>
                                            <th class="c-table__header__item">Grade</th>
                                            <th class="c-table__header__item">Thread</th>
                                            <th class="c-table__header__item">Rod Mfr.</th>
                                            <th class="c-table__header__item">Length</th>
                                            <th class="c-table__header__item">Guide</th>
                                            <th class="c-table__header__item">Guide size</th>
                                            <th class="c-table__header__item">Guide per</th>
                                            <th class="c-table__header__item">Guide type</th>
                                            <th class="c-table__header__item">Guide polymer</th>
                                            <th class="c-table__header__item">Guide Mfr.</th>
                                            <th class="c-table__header__item">Tags</th>
                                            <th class="c-table__header__item">Rack</th>
                                            <th class="c-table__header__item">Quantity <a class="c-btn--primary c-btn--xs u-ml-1">Update All</a></th>
                                        </tr>
                                    </thead>
                                    <tbody class="c-table__body">
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-41</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">3/4&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Slick</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">8 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-20</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">A-31</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- Table basic ends -->

                        </li>
                        <li class="c-list--inventory__item">
                            <header class="c-list--inventory__item__header c-list--inventory__item__header--transfer">
                                <h3 class="c-list--inventory__item__title">
                                    <a href="#0">B-18</a>
                                </h3>

                                <span class="c-list--inventory__item__product-name">Sucker Rod</span> <span class="c-list--inventory__item__product-size">3/4&quot;, 7/8&quot;</span>

                                <div class="c-list--inventory__item__qty">
                                    <strong class="c-list--inventory__item__qty-number">211</strong> Items
                                </div>
                            </header>
                            <!-- Table basic starts -->
                            <div class="c-table__wrapper c-table--fix-col-1--right c-table--qty-fix">
                                <table class="c-table">
                                    <thead class="c-table__header">
                                        <tr class="c-table__header__row">
                                            <th class="c-table__header__item">Product</th>
                                            <th class="c-table__header__item">Condition</th>
                                            <th class="c-table__header__item">Size</th>
                                            <th class="c-table__header__item">Grade</th>
                                            <th class="c-table__header__item">Thread</th>
                                            <th class="c-table__header__item">Rod Mfr.</th>
                                            <th class="c-table__header__item">Length</th>
                                            <th class="c-table__header__item">Guide</th>
                                            <th class="c-table__header__item">Guide size</th>
                                            <th class="c-table__header__item">Guide per</th>
                                            <th class="c-table__header__item">Guide type</th>
                                            <th class="c-table__header__item">Guide polymer</th>
                                            <th class="c-table__header__item">Guide Mfr.</th>
                                            <th class="c-table__header__item">Tags</th>
                                            <th class="c-table__header__item">Rack</th>
                                            <th class="c-table__header__item">Quantity <a class="c-btn--primary c-btn--xs u-ml-1">Update All</a></th>
                                        </tr>
                                    </thead>
                                    <tbody class="c-table__body">
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-41</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">3/4&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Slick</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">8 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-20</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">A-31</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- Table basic ends -->

                        </li>
                        <li class="c-list--inventory__item">
                            <header class="c-list--inventory__item__header c-list--inventory__item__header--transfer">
                                <h3 class="c-list--inventory__item__title">
                                    <a href="#0">A-24</a>
                                </h3>

                                <span class="c-list--inventory__item__product-name">Sinker Bar</span> <span class="c-list--inventory__item__product-size">1-1/2&quot; x 25&quot; x 7/8&quot;</span>

                                <div class="c-list--inventory__item__qty">
                                    <strong class="c-list--inventory__item__qty-number">40</strong> Items
                                </div>
                            </header>
                            <!-- Table basic starts -->
                            <div class="c-table__wrapper c-table--fix-col-1--right c-table--qty-fix">
                                <table class="c-table">
                                    <thead class="c-table__header">
                                        <tr class="c-table__header__row">
                                            <th class="c-table__header__item">Product</th>
                                            <th class="c-table__header__item">Condition</th>
                                            <th class="c-table__header__item">Size</th>
                                            <th class="c-table__header__item">Grade</th>
                                            <th class="c-table__header__item">Thread</th>
                                            <th class="c-table__header__item">Rod Mfr.</th>
                                            <th class="c-table__header__item">Length</th>
                                            <th class="c-table__header__item">Guide</th>
                                            <th class="c-table__header__item">Guide size</th>
                                            <th class="c-table__header__item">Guide per</th>
                                            <th class="c-table__header__item">Guide type</th>
                                            <th class="c-table__header__item">Guide polymer</th>
                                            <th class="c-table__header__item">Guide Mfr.</th>
                                            <th class="c-table__header__item">Tags</th>
                                            <th class="c-table__header__item">Rack</th>
                                            <th class="c-table__header__item">Quantity <a class="c-btn--primary c-btn--xs u-ml-1">Update All</a></th>
                                        </tr>
                                    </thead>
                                    <tbody class="c-table__body">
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-41</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">3/4&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Slick</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">8 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-20</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">A-31</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- Table basic ends -->

                        </li>
                        <li class="c-list--inventory__item">
                            <header class="c-list--inventory__item__header c-list--inventory__item__header--transfer">
                                <h3 class="c-list--inventory__item__title">
                                    <a href="#0">B-18</a>
                                </h3>

                                <span class="c-list--inventory__item__product-name">Sucker Rod</span> <span class="c-list--inventory__item__product-size">3/4&quot;, 7/8&quot;</span>

                                <div class="c-list--inventory__item__qty">
                                    <strong class="c-list--inventory__item__qty-number">211</strong> Items
                                </div>
                            </header>
                            <!-- Table basic starts -->
                            <div class="c-table__wrapper c-table--fix-col-1--right c-table--qty-fix">
                                <table class="c-table">
                                    <thead class="c-table__header">
                                        <tr class="c-table__header__row">
                                            <th class="c-table__header__item">Product</th>
                                            <th class="c-table__header__item">Condition</th>
                                            <th class="c-table__header__item">Size</th>
                                            <th class="c-table__header__item">Grade</th>
                                            <th class="c-table__header__item">Thread</th>
                                            <th class="c-table__header__item">Rod Mfr.</th>
                                            <th class="c-table__header__item">Length</th>
                                            <th class="c-table__header__item">Guide</th>
                                            <th class="c-table__header__item">Guide size</th>
                                            <th class="c-table__header__item">Guide per</th>
                                            <th class="c-table__header__item">Guide type</th>
                                            <th class="c-table__header__item">Guide polymer</th>
                                            <th class="c-table__header__item">Guide Mfr.</th>
                                            <th class="c-table__header__item">Tags</th>
                                            <th class="c-table__header__item">Rack</th>
                                            <th class="c-table__header__item">Quantity <a class="c-btn--primary c-btn--xs u-ml-1">Update All</a></th>
                                        </tr>
                                    </thead>
                                    <tbody class="c-table__body">
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-41</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">3/4&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Slick</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">8 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-20</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">A-31</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- Table basic ends -->

                        </li>
                        <li class="c-list--inventory__item">
                            <header class="c-list--inventory__item__header c-list--inventory__item__header--transfer">
                                <h3 class="c-list--inventory__item__title">
                                    <a href="#0">A-24</a>
                                </h3>

                                <span class="c-list--inventory__item__product-name">Sinker Bar</span> <span class="c-list--inventory__item__product-size">1-1/2&quot; x 25&quot; x 7/8&quot;</span>

                                <div class="c-list--inventory__item__qty">
                                    <strong class="c-list--inventory__item__qty-number">40</strong> Items
                                </div>
                            </header>
                            <!-- Table basic starts -->
                            <div class="c-table__wrapper c-table--fix-col-1--right c-table--qty-fix">
                                <table class="c-table">
                                    <thead class="c-table__header">
                                        <tr class="c-table__header__row">
                                            <th class="c-table__header__item">Product</th>
                                            <th class="c-table__header__item">Condition</th>
                                            <th class="c-table__header__item">Size</th>
                                            <th class="c-table__header__item">Grade</th>
                                            <th class="c-table__header__item">Thread</th>
                                            <th class="c-table__header__item">Rod Mfr.</th>
                                            <th class="c-table__header__item">Length</th>
                                            <th class="c-table__header__item">Guide</th>
                                            <th class="c-table__header__item">Guide size</th>
                                            <th class="c-table__header__item">Guide per</th>
                                            <th class="c-table__header__item">Guide type</th>
                                            <th class="c-table__header__item">Guide polymer</th>
                                            <th class="c-table__header__item">Guide Mfr.</th>
                                            <th class="c-table__header__item">Tags</th>
                                            <th class="c-table__header__item">Rack</th>
                                            <th class="c-table__header__item">Quantity <a class="c-btn--primary c-btn--xs u-ml-1">Update All</a></th>
                                        </tr>
                                    </thead>
                                    <tbody class="c-table__body">
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-41</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">3/4&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Slick</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">8 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-20</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">A-31</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- Table basic ends -->

                        </li>
                        <li class="c-list--inventory__item">
                            <header class="c-list--inventory__item__header c-list--inventory__item__header--transfer">
                                <h3 class="c-list--inventory__item__title">
                                    <a href="#0">B-18</a>
                                </h3>

                                <span class="c-list--inventory__item__product-name">Sucker Rod</span> <span class="c-list--inventory__item__product-size">3/4&quot;, 7/8&quot;</span>

                                <div class="c-list--inventory__item__qty">
                                    <strong class="c-list--inventory__item__qty-number">211</strong> Items
                                </div>
                            </header>
                            <!-- Table basic starts -->
                            <div class="c-table__wrapper c-table--fix-col-1--right c-table--qty-fix">
                                <table class="c-table">
                                    <thead class="c-table__header">
                                        <tr class="c-table__header__row">
                                            <th class="c-table__header__item">Product</th>
                                            <th class="c-table__header__item">Condition</th>
                                            <th class="c-table__header__item">Size</th>
                                            <th class="c-table__header__item">Grade</th>
                                            <th class="c-table__header__item">Thread</th>
                                            <th class="c-table__header__item">Rod Mfr.</th>
                                            <th class="c-table__header__item">Length</th>
                                            <th class="c-table__header__item">Guide</th>
                                            <th class="c-table__header__item">Guide size</th>
                                            <th class="c-table__header__item">Guide per</th>
                                            <th class="c-table__header__item">Guide type</th>
                                            <th class="c-table__header__item">Guide polymer</th>
                                            <th class="c-table__header__item">Guide Mfr.</th>
                                            <th class="c-table__header__item">Tags</th>
                                            <th class="c-table__header__item">Rack</th>
                                            <th class="c-table__header__item">Quantity <a class="c-btn--primary c-btn--xs u-ml-1">Update All</a></th>
                                        </tr>
                                    </thead>
                                    <tbody class="c-table__body">
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-41</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">3/4&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Slick</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">8 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-20</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">A-31</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- Table basic ends -->

                        </li>
                        <li class="c-list--inventory__item">
                            <header class="c-list--inventory__item__header c-list--inventory__item__header--transfer">
                                <h3 class="c-list--inventory__item__title">
                                    <a href="#0">A-24</a>
                                </h3>

                                <span class="c-list--inventory__item__product-name">Sinker Bar</span> <span class="c-list--inventory__item__product-size">1-1/2&quot; x 25&quot; x 7/8&quot;</span>

                                <div class="c-list--inventory__item__qty">
                                    <strong class="c-list--inventory__item__qty-number">40</strong> Items
                                </div>
                            </header>
                            <!-- Table basic starts -->
                            <div class="c-table__wrapper c-table--fix-col-1--right c-table--qty-fix">
                                <table class="c-table">
                                    <thead class="c-table__header">
                                        <tr class="c-table__header__row">
                                            <th class="c-table__header__item">Product</th>
                                            <th class="c-table__header__item">Condition</th>
                                            <th class="c-table__header__item">Size</th>
                                            <th class="c-table__header__item">Grade</th>
                                            <th class="c-table__header__item">Thread</th>
                                            <th class="c-table__header__item">Rod Mfr.</th>
                                            <th class="c-table__header__item">Length</th>
                                            <th class="c-table__header__item">Guide</th>
                                            <th class="c-table__header__item">Guide size</th>
                                            <th class="c-table__header__item">Guide per</th>
                                            <th class="c-table__header__item">Guide type</th>
                                            <th class="c-table__header__item">Guide polymer</th>
                                            <th class="c-table__header__item">Guide Mfr.</th>
                                            <th class="c-table__header__item">Tags</th>
                                            <th class="c-table__header__item">Rack</th>
                                            <th class="c-table__header__item">Quantity <a class="c-btn--primary c-btn--xs u-ml-1">Update All</a></th>
                                        </tr>
                                    </thead>
                                    <tbody class="c-table__body">
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-41</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">3/4&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Slick</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">8 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">E-20</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                        <tr class="c-table__body__row">
                                            <td class="c-table__body__item">Sucker Rod</td>
                                            <td class="c-table__body__item">Used Uninspected</td>
                                            <td class="c-table__body__item">7/8&quot;</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">API</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">25</td>
                                            <td class="c-table__body__item">Guided</td>
                                            <td class="c-table__body__item">2.5&quot;</td>
                                            <td class="c-table__body__item">6 per</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">N/A</td>
                                            <td class="c-table__body__item">A-31</td>
                                            <td class="c-table__body__item">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <input type="text" placeholder="0" class="c-input c-input--sm c-input--qty ember-text-field ember-view">
                                                <a class="c-btn--plus-minus" data-ember-action="" data-ember-action-1027="1027"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"> </path> </svg></a>
                                                <span class="o-label">of 40</span>
                                                <div class="c-table--qty-fix__actions"><a class="select-action-link">Select all</a></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <!-- Table basic ends -->

                        </li>
                    </ul>
                </section>
            </section>
            <section class="o-stack--xs selected-section">
                <div class="u-d-flex">
                    <h3 class="o-heading">Selected material</h3>
                    <a href="#" class="c-btn c-btn--xs c-btn--sticky u-mt-0">Go up</a>
                </div>
                <div class="o-stack">
                    <h4 class="o-subheading">Selected items</h4>
                    <div class="o-stack--sm">
                        <h4 class="o-heading--sm">A-24</h4>

                        <div class="c-table__wrapper c-table--fix-col-1--right c-table--qty-fix">
                            <table class="c-table">
                                <thead class="c-table__header">
                                    <tr class="c-table__header__row">
                                        <th class="c-table__header__item">Product</th>
                                        <th class="c-table__header__item">Condition</th>
                                        <th class="c-table__header__item">Size</th>
                                        <th class="c-table__header__item">Grade</th>
                                        <th class="c-table__header__item">Thread</th>
                                        <th class="c-table__header__item">Rod Mfr.</th>
                                        <th class="c-table__header__item">Length</th>
                                        <th class="c-table__header__item">Guide</th>
                                        <th class="c-table__header__item">Guide size</th>
                                        <th class="c-table__header__item">Guide per</th>
                                        <th class="c-table__header__item">Guide type</th>
                                        <th class="c-table__header__item">Guide polymer</th>
                                        <th class="c-table__header__item">Guide Mfr.</th>
                                        <th class="c-table__header__item">Tags</th>
                                        <th class="c-table__header__item">Rack</th>
                                        <th class="c-table__header__item">Quantity</th>
                                    </tr>
                                </thead>
                                <tbody class="c-table__body">
                                    <tr class="c-table__body__row">
                                        <td class="c-table__body__item">Sucker Rod</td>
                                        <td class="c-table__body__item">Used Uninspected</td>
                                        <td class="c-table__body__item">7/8&quot;</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">API</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">25</td>
                                        <td class="c-table__body__item">Guided</td>
                                        <td class="c-table__body__item">2.5&quot;</td>
                                        <td class="c-table__body__item">6 per</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">E-41</td>
                                        <td class="c-table__body__item">
                                            40
                                            <div class="c-table--qty-fix__actions"><a class="select-action-link">Edit</a> <a class="select-action-link">Remove all</a></div>
                                        </td>
                                    </tr>
                                    <tr class="c-table__body__row">
                                        <td class="c-table__body__item">Sucker Rod</td>
                                        <td class="c-table__body__item">Used Uninspected</td>
                                        <td class="c-table__body__item">3/4&quot;</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">API</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">25</td>
                                        <td class="c-table__body__item">Slick</td>
                                        <td class="c-table__body__item">2.5&quot;</td>
                                        <td class="c-table__body__item">8 per</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">E-20</td>
                                        <td class="c-table__body__item">
                                            40
                                            <div class="c-table--qty-fix__actions"><a class="select-action-link">Edit</a> <a class="select-action-link">Remove all</a></div>
                                        </td>
                                    </tr>
                                    <tr class="c-table__body__row">
                                        <td class="c-table__body__item">Sucker Rod</td>
                                        <td class="c-table__body__item">Used Uninspected</td>
                                        <td class="c-table__body__item">7/8&quot;</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">API</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">25</td>
                                        <td class="c-table__body__item">Guided</td>
                                        <td class="c-table__body__item">2.5&quot;</td>
                                        <td class="c-table__body__item">6 per</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">A-31</td>
                                        <td class="c-table__body__item">
                                            40
                                            <div class="c-table--qty-fix__actions"><a class="select-action-link">Edit</a> <a class="select-action-link">Remove all</a></div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="o-stack--sm">
                        <h4 class="o-heading--sm">B-18</h4>

                        <div class="c-table__wrapper c-table--fix-col-1--right c-table--qty-fix">
                            <table class="c-table">
                                <thead class="c-table__header">
                                    <tr class="c-table__header__row">
                                        <th class="c-table__header__item">Product</th>
                                        <th class="c-table__header__item">Condition</th>
                                        <th class="c-table__header__item">Size</th>
                                        <th class="c-table__header__item">Grade</th>
                                        <th class="c-table__header__item">Thread</th>
                                        <th class="c-table__header__item">Rod Mfr.</th>
                                        <th class="c-table__header__item">Length</th>
                                        <th class="c-table__header__item">Guide</th>
                                        <th class="c-table__header__item">Guide size</th>
                                        <th class="c-table__header__item">Guide per</th>
                                        <th class="c-table__header__item">Guide type</th>
                                        <th class="c-table__header__item">Guide polymer</th>
                                        <th class="c-table__header__item">Guide Mfr.</th>
                                        <th class="c-table__header__item">Tags</th>
                                        <th class="c-table__header__item">Rack</th>
                                        <th class="c-table__header__item">Quantity</th>
                                    </tr>
                                </thead>
                                <tbody class="c-table__body">
                                    <tr class="c-table__body__row">
                                        <td class="c-table__body__item">Sucker Rod</td>
                                        <td class="c-table__body__item">Used Uninspected</td>
                                        <td class="c-table__body__item">3/4&quot;</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">API</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">25</td>
                                        <td class="c-table__body__item">Slick</td>
                                        <td class="c-table__body__item">2.5&quot;</td>
                                        <td class="c-table__body__item">8 per</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">E-20</td>
                                        <td class="c-table__body__item">
                                            40
                                            <div class="c-table--qty-fix__actions"><a class="select-action-link">Edit</a> <a class="select-action-link">Remove all</a></div>
                                        </td>
                                    </tr>
                                    <tr class="c-table__body__row">
                                        <td class="c-table__body__item">Sucker Rod</td>
                                        <td class="c-table__body__item">Used Uninspected</td>
                                        <td class="c-table__body__item">7/8&quot;</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">API</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">25</td>
                                        <td class="c-table__body__item">Guided</td>
                                        <td class="c-table__body__item">2.5&quot;</td>
                                        <td class="c-table__body__item">6 per</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">N/A</td>
                                        <td class="c-table__body__item">A-31</td>
                                        <td class="c-table__body__item">
                                            40
                                            <div class="c-table--qty-fix__actions"><a class="select-action-link">Edit</a> <a class="select-action-link">Remove all</a></div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </section>
            <div class="u-mt-5 o-grid o-grid--auto--content">
                <a href="ibol-order-4" class="c-btn c-btn--lg c-btn--primary">Next</a>
                <a href="#0" class="c-btn c-btn--lg">Cancel</a>
            </div>
        </main>
        <!-- Comments start -->
        <div class="c-comments__container o-stack--sm">
            <div class="c-comments__header">
                <h5 class="c-comments__title">
                    <svg class="o-icon" aria-hidden="true"> <use href="#comments"></use></svg> Comments
                </h5>
                <button class="c-btn c-btn--outline c-btn--xs">Add Comment</button>
            </div>
            </ul>
            <!-- Comments end -->
            <!-- main content ends -->
        </div>
        <!-- Content wrapper ends -->
    </div>
<div class="c-app-wrapper">
  {{> '@sidebar-nav' sidebarClass="o-grid__span-col--2" username="Cynthia Young" }}

  <!-- Content wrapper starts -->
  <div class="c-content-wrapper">
    <!-- main content starts -->
    <main class="o-stack--lg">
      <header class="o-stack">
        <div>
          <button class="c-btn c-btn--sm c-btn--icon c-btn--link c-btn--link--no-underline u-pl-0">
            <svg class="o-icon o-icon" aria-hidden="true">
              <use href="#print"></use>
            </svg>
            Print
          </button>
          <button class="c-btn c-btn--sm c-btn--icon c-btn--link c-btn--link--no-underline u-pl-0">
            <svg class="o-icon o-icon" aria-hidden="true">
              <use href="#refresh"></use>
            </svg>
            Refresh
          </button>
        </div>
        <div class="u-mt-2 u-d-flex">
          <h2 class="o-display--sm u-mr-auto">New Transfer: <span class="u-f-weight-400">Bryan - Rod Plant</span></h2>
          {{> '@status-indicator' status="pending"}}
        </div>
        <div class="u-mt-1 u-d-flex">
          <h3 class="o-heading--sm u-f-weight-600 u-mr-auto">Order No. <span class="u-f-weight-800">0102-TT-0006456</span></h3>
        </div>
        <h3 class="o-heading--sm u-mt-1 u-f-weight-400">Facility and Company Request</h3>
        {{> '@progress-steps'}}
      </header>
      <section class="o-stack">
          <input type="checkbox" id="filter-trigger" class="c-filter-box__trigger-input"/>
          <label for="filter-trigger" class="c-filter-box__trigger">Toggle filters</label>
          <span></span>
          <section class="c-filter-box c-filter-box--inventory o-grid u-mt-1{{#if extraClasses}} {{extraClasses}}{{/if}}">
            <div class="o-grid__span-col--6@small o-grid__span-col--8@medium o-stack--xs u-d-flex u-align-items-center">
              <span class="o-heading u-d-block">Facility and Company transfer</span>
            </div>
            <div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
              <label class="o-label">Type</label>
              <div class="c-inventory__type-toggle o-grid o-grid--auto--sm@small o-grid--fix--2@medium">
                {{> '@buttons--outline' mod="outline" state="is-active u-p-0" btnText="Product"}}
                {{> '@buttons--outline' mod="outline" state="u-p-0" btnText="Rack"}}
              </div>
            </div>
            <div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
              <label for="product-name" class="o-label">Product name</label>
              {{> '@input' inputID="product-name" placeholder="Tubing, Rod, Coupling"}}
            </div>
            <div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
              <label for="condition" class="o-label">Condition</label>
              {{> '@input' inputID="condition" placeholder="New, Yellow band, Inspected #1"}}
            </div>
            <div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
              <label for="rack" class="o-label">Rack</label>
              {{> '@input' inputID="rack" placeholder="A-1, A-11, T-15"}}
            </div>
            <div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
              <label for="size" class="o-label">Size</label>
              {{> '@input' inputID="size" placeholder="2-3/8”, 2-7/8”, 3/4”, 7/8”"}}
            </div>
            <div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
              <label for="grade" class="o-label">Grade</label>
              {{> '@input' inputID="grade" placeholder="J-55, L-80, D, KD, HS"}}
            </div>
            <div class="o-grid__span-col--6@small o-grid__span-col--4@medium o-stack--xs">
              <label for="ibol" class="o-label">Ibol</label>
              {{> '@input' inputID="ibol" placeholder="XXXX-IBOL-XXXXXXX"}}
            </div>
            <div class="u-d-flex">
              <button class="c-btn c-btn--link c-btn--link--no-underline c-btn--xs u-p-0 u-mr-auto">Reset fields</button>
              <button class="c-btn c-btn--link c-btn--link--no-underline c-btn--xs u-p-0 u-text-right js-extra-filters">Show more item filters</button>
            </div>
            <section class="o-grid o-grid--auto--lg o-grid--fix--4@large c-filter-box__extra-filters">
              <div class="o-stack--xs">
                <label for="APIgrade" class="o-label">API Grade</label>
                {{> '@input' inputID="APIgrade" placeholder="Type API Grade"}}
              </div>
              <div class="o-stack--xs">
                <label for="couplingMft" class="o-label">Coupling manufacturer</label>
                {{> '@input' inputID="couplingMft" placeholder="Type coupling manufacturer"}}
              </div>
              <div class="o-stack--xs">
                <label for="guideMft" class="o-label">Guide manufacturer</label>
                {{> '@input' inputID="guideMft" placeholder="Type guide manufacturer"}}
              </div>
              <div class="o-stack--xs">
                <label for="rodMft" class="o-label">Rod manufacturer</label>
                {{> '@input' inputID="rodMft" placeholder="Type rod manufacturer"}}
              </div>
              <div class="o-stack--xs">
                <label for="thread" class="o-label">Thread</label>
                {{> '@input' inputID="thread" placeholder="Type thread"}}
              </div>
              <div class="o-stack--xs">
                <label for="guide" class="o-label">Guide</label>
                {{> '@input' inputID="guide" placeholder="Type guide"}}
              </div>
              <div class="o-stack--xs">
                <label for="guidePer" class="o-label">Guide Per</label>
                {{> '@input' inputID="guidePer" placeholder="Type guide per"}}
              </div>
              <div class="o-stack--xs">
                <label for="guidePolymer" class="o-label">Guide polymer</label>
                {{> '@input' inputID="guidePolymer" placeholder="Type guide polymer"}}
              </div>
              <div class="o-stack--xs">
                <label for="guideSize" class="o-label">Guide size</label>
                {{> '@input' inputID="guideSize" placeholder="Type guide size"}}
              </div>
              <div class="o-stack--xs">
                <label for="guideType" class="o-label">Guide type</label>
                {{> '@input' inputID="guideType" placeholder="Type guide type"}}
              </div>
            </section>
          </section>
        <section class="o-stack u-d-flex u-flex-column">
          <h3 class="o-heading">Select material</h3>
          <a href="#0" class="c-btn c-btn--xs c-btn--sticky">See selection</a>
          <ul class="c-list--inventory o-stack--xs">
            {{#each item}}
              {{> '@list--inventory-item'}}
            {{/each}}
          </ul>
        </section>
      </section>
      <section class="o-stack--xs selected-section">
        <div class="u-d-flex">
          <h3 class="o-heading">Selected material</h3>
          <a href="#" class="c-btn c-btn--xs c-btn--sticky u-mt-0">Go up</a>
        </div>
        <div class="o-stack">
          <h4 class="o-subheading">Selected items</h4>
          {{#each selectedItem}}
            <div class="o-stack--sm">
                <h4 class="o-heading--sm">{{groupHeading}}</h4>

                <div class="c-table__wrapper c-table--fix-col-1--right c-table--qty-fix">
                  <table class="c-table{{#if tableClass }} {{tableClass}}{{/if}}">
                    <thead class="c-table__header">
                      <tr class="c-table__header__row">
                        {{#each tableHeaderItem }}
                        <th class="c-table__header__item">{{ this }}</th>
                        {{/each }}
                        <th class="c-table__header__item">Quantity</th>
                      </tr>
                    </thead>
                    <tbody class="c-table__body">
                      {{#each tableBodyRow }}
                      <tr class="c-table__body__row">
                        {{#each tableBodyItem }}
                        <td class="c-table__body__item">{{ tableBodyItemText }}</td>
                        {{/each }}
                        <td class="c-table__body__item">
                          40
                          <div class="c-table--qty-fix__actions"><a class="select-action-link">Edit</a> <a class="select-action-link">Remove all</a></div>
                        </td>
                      </tr>
                      {{/each }}
                    </tbody>
                  </table>
                </div>
            </div>
          {{/each}}
        </div>
      </section>
      <div class="u-mt-5 o-grid o-grid--auto--content">
        <a href="ibol-order-4" class="c-btn c-btn--lg c-btn--primary">Next</a>
        <a href="#0" class="c-btn c-btn--lg">Cancel</a>
      </div>
    </main>
    {{> '@comments'}}
    <!-- main content ends -->
  </div>
  <!-- Content wrapper ends -->
</div>
{
  "steps": [
    {
      "step": {
        "title": "General information"
      }
    },
    {
      "step": {
        "title": "Select Material",
        "active": "yes"
      }
    },
    {
      "step": {
        "title": "Review & Transfer"
      }
    },
    {
      "step": {
        "title": "Allocate Material"
      }
    }
  ],
  "item": [
    {
      "itemTitle": "BRP Coupling Reject Rack",
      "qty": "10,212",
      "transferItem": "yes",
      "tableOpen": "yes",
      "product": [
        {
          "productName": "Rod Coupling",
          "productSize": "7/8\", 5/8\", null, 3/4\", 1\", 7/8\" x 3/4\""
        },
        {
          "productName": "Crossover",
          "productSize": "3/4\" x 5/8\", 1\" x 3/4\", 7/8\" x 3/4\", 1\" x 7/8\""
        },
        {
          "productName": "Polish Rod Coupling",
          "productSize": "3/4\""
        }
      ]
    },
    {
      "itemTitle": "B-18",
      "qty": 211,
      "transferItem": "yes",
      "tableOpen": "yes",
      "product": [
        {
          "productName": "Sucker Rod",
          "productSize": "3/4\", 7/8\""
        }
      ]
    },
    {
      "itemTitle": "A-24",
      "qty": 40,
      "transferItem": "yes",
      "tableOpen": "yes",
      "product": [
        {
          "productName": "Sinker Bar",
          "productSize": "1-1/2\" x 25\" x 7/8\""
        }
      ]
    },
    {
      "itemTitle": "B-18",
      "qty": 211,
      "transferItem": "yes",
      "tableOpen": "yes",
      "product": [
        {
          "productName": "Sucker Rod",
          "productSize": "3/4\", 7/8\""
        }
      ]
    },
    {
      "itemTitle": "A-24",
      "qty": 40,
      "transferItem": "yes",
      "tableOpen": "yes",
      "product": [
        {
          "productName": "Sinker Bar",
          "productSize": "1-1/2\" x 25\" x 7/8\""
        }
      ]
    },
    {
      "itemTitle": "B-18",
      "qty": 211,
      "transferItem": "yes",
      "tableOpen": "yes",
      "product": [
        {
          "productName": "Sucker Rod",
          "productSize": "3/4\", 7/8\""
        }
      ]
    },
    {
      "itemTitle": "A-24",
      "qty": 40,
      "transferItem": "yes",
      "tableOpen": "yes",
      "product": [
        {
          "productName": "Sinker Bar",
          "productSize": "1-1/2\" x 25\" x 7/8\""
        }
      ]
    },
    {
      "itemTitle": "B-18",
      "qty": 211,
      "transferItem": "yes",
      "tableOpen": "yes",
      "product": [
        {
          "productName": "Sucker Rod",
          "productSize": "3/4\", 7/8\""
        }
      ]
    },
    {
      "itemTitle": "A-24",
      "qty": 40,
      "transferItem": "yes",
      "tableOpen": "yes",
      "product": [
        {
          "productName": "Sinker Bar",
          "productSize": "1-1/2\" x 25\" x 7/8\""
        }
      ]
    },
    {
      "itemTitle": "B-18",
      "qty": 211,
      "transferItem": "yes",
      "tableOpen": "yes",
      "product": [
        {
          "productName": "Sucker Rod",
          "productSize": "3/4\", 7/8\""
        }
      ]
    },
    {
      "itemTitle": "A-24",
      "qty": 40,
      "transferItem": "yes",
      "tableOpen": "yes",
      "product": [
        {
          "productName": "Sinker Bar",
          "productSize": "1-1/2\" x 25\" x 7/8\""
        }
      ]
    },
    {
      "itemTitle": "B-18",
      "qty": 211,
      "transferItem": "yes",
      "tableOpen": "yes",
      "product": [
        {
          "productName": "Sucker Rod",
          "productSize": "3/4\", 7/8\""
        }
      ]
    },
    {
      "itemTitle": "A-24",
      "qty": 40,
      "transferItem": "yes",
      "tableOpen": "yes",
      "product": [
        {
          "productName": "Sinker Bar",
          "productSize": "1-1/2\" x 25\" x 7/8\""
        }
      ]
    },
    {
      "itemTitle": "B-18",
      "qty": 211,
      "transferItem": "yes",
      "tableOpen": "yes",
      "product": [
        {
          "productName": "Sucker Rod",
          "productSize": "3/4\", 7/8\""
        }
      ]
    },
    {
      "itemTitle": "A-24",
      "qty": 40,
      "transferItem": "yes",
      "tableOpen": "yes",
      "product": [
        {
          "productName": "Sinker Bar",
          "productSize": "1-1/2\" x 25\" x 7/8\""
        }
      ]
    },
    {
      "itemTitle": "B-18",
      "qty": 211,
      "transferItem": "yes",
      "tableOpen": "yes",
      "product": [
        {
          "productName": "Sucker Rod",
          "productSize": "3/4\", 7/8\""
        }
      ]
    },
    {
      "itemTitle": "A-24",
      "qty": 40,
      "transferItem": "yes",
      "tableOpen": "yes",
      "product": [
        {
          "productName": "Sinker Bar",
          "productSize": "1-1/2\" x 25\" x 7/8\""
        }
      ]
    }
  ],
  "selectedItem": [
    {
      "groupHeading": "A-24",
      "tableHeaderItem": [
        "Product",
        "Condition",
        "Size",
        "Grade",
        "Thread",
        "Rod Mfr.",
        "Length",
        "Guide",
        "Guide size",
        "Guide per",
        "Guide type",
        "Guide polymer",
        "Guide Mfr.",
        "Tags",
        "Rack"
      ],
      "tableBodyRow": [
        {
          "tableBodyItem": [
            {
              "tableBodyItemText": [
                "Sucker Rod"
              ]
            },
            {
              "tableBodyItemText": [
                "Used Uninspected"
              ]
            },
            {
              "tableBodyItemText": [
                "7/8\""
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "API"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                25
              ]
            },
            {
              "tableBodyItemText": [
                "Guided"
              ]
            },
            {
              "tableBodyItemText": [
                "2.5\""
              ]
            },
            {
              "tableBodyItemText": [
                "6 per"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "E-41"
              ]
            }
          ]
        },
        {
          "tableBodyItem": [
            {
              "tableBodyItemText": [
                "Sucker Rod"
              ]
            },
            {
              "tableBodyItemText": [
                "Used Uninspected"
              ]
            },
            {
              "tableBodyItemText": [
                "3/4\""
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "API"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                25
              ]
            },
            {
              "tableBodyItemText": [
                "Slick"
              ]
            },
            {
              "tableBodyItemText": [
                "2.5\""
              ]
            },
            {
              "tableBodyItemText": [
                "8 per"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "E-20"
              ]
            }
          ]
        },
        {
          "tableBodyItem": [
            {
              "tableBodyItemText": [
                "Sucker Rod"
              ]
            },
            {
              "tableBodyItemText": [
                "Used Uninspected"
              ]
            },
            {
              "tableBodyItemText": [
                "7/8\""
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "API"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                25
              ]
            },
            {
              "tableBodyItemText": [
                "Guided"
              ]
            },
            {
              "tableBodyItemText": [
                "2.5\""
              ]
            },
            {
              "tableBodyItemText": [
                "6 per"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "A-31"
              ]
            }
          ]
        }
      ]
    },
    {
      "groupHeading": "B-18",
      "tableHeaderItem": [
        "Product",
        "Condition",
        "Size",
        "Grade",
        "Thread",
        "Rod Mfr.",
        "Length",
        "Guide",
        "Guide size",
        "Guide per",
        "Guide type",
        "Guide polymer",
        "Guide Mfr.",
        "Tags",
        "Rack"
      ],
      "tableBodyRow": [
        {
          "tableBodyItem": [
            {
              "tableBodyItemText": [
                "Sucker Rod"
              ]
            },
            {
              "tableBodyItemText": [
                "Used Uninspected"
              ]
            },
            {
              "tableBodyItemText": [
                "3/4\""
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "API"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                25
              ]
            },
            {
              "tableBodyItemText": [
                "Slick"
              ]
            },
            {
              "tableBodyItemText": [
                "2.5\""
              ]
            },
            {
              "tableBodyItemText": [
                "8 per"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "E-20"
              ]
            }
          ]
        },
        {
          "tableBodyItem": [
            {
              "tableBodyItemText": [
                "Sucker Rod"
              ]
            },
            {
              "tableBodyItemText": [
                "Used Uninspected"
              ]
            },
            {
              "tableBodyItemText": [
                "7/8\""
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "API"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                25
              ]
            },
            {
              "tableBodyItemText": [
                "Guided"
              ]
            },
            {
              "tableBodyItemText": [
                "2.5\""
              ]
            },
            {
              "tableBodyItemText": [
                "6 per"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "N/A"
              ]
            },
            {
              "tableBodyItemText": [
                "A-31"
              ]
            }
          ]
        }
      ]
    }
  ]
}

There are no notes for this item.