<turbo-stream action="replace" target="company_profile_product_lines_mobile_sort"><template>
  
<div id="company_profile_product_lines_mobile_sort"
     class="visible-tablet dropdown m-4"
     data-controller="toggle-class"
     data-toggle-class-css-class="is-active"
     data-toggle-class-target="el">
  <div class="dropdown-trigger full-width">
    <button class=" button full-width has-text-align-left is-justify-content-flex-start"
            
            data-action="click->toggle-class#toggle">
      <span>Sort: Reporting Segment [Z-A]</span>
      <span class="icon ml-auto mr-2">
        <i class="fas fa-angle-down"></i>
      </span>
    </button>
  </div>
  <div class="dropdown-menu-wrapper full-width">
    <div class="dropdown-menu full-width">
      <div class="dropdown-content">
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22101&amp;sort%5Breporting_segment_name%5D=asc">Reporting Segment [A-Z]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22101&amp;sort%5Breporting_segment_name%5D=desc">Reporting Segment [Z-A]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22101&amp;sort%5Bname%5D=asc">Product Line [A-Z]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22101&amp;sort%5Bname%5D=desc">Product Line [Z-A]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22101&amp;sort%5Bmetric_amount_raw%5D=desc">Product Line Amount High to Low</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22101&amp;sort%5Bmetric_amount_raw%5D=asc">Product Line Amount Low to High</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22101&amp;sort%5Bmetric_percentage%5D=desc">Product Line Percentage High to Low</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22101&amp;sort%5Bmetric_percentage%5D=asc">Product Line Percentage Low to High</a>
      </div>
    </div>
  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="company_profile_product_lines_table_header"><template>
  
<table id="company_profile_product_lines_table_header"
       class="table is-hoverable">
  <thead class="visible-non-tablet">
    <tr class="is-black ">
      <th class="is-vcentered" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22101&amp;sort%5Breporting_segment_name%5D="><span>Reporting Segment</span><span class="material-symbols-outlined is-size-5">arrow_drop_down</span></a></th>
      <th class="is-vcentered" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22101&amp;sort%5Bname%5D=asc"><span>Product Line</span><span class="material-symbols-outlined is-size-5"></span></a></th>
      <th class="is-vcentered has-text-right" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22101&amp;sort%5Bmetric_amount_raw%5D=asc"><span>Amount (USD)</span><span class="material-symbols-outlined is-size-5"></span></a></th>
      <th class="is-vcentered has-text-right has-text-white" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=22101&amp;sort%5Bmetric_percentage%5D=asc"><span>Percentage</span><span class="material-symbols-outlined is-size-5"></span></a></th>
    </tr>
  </thead>

  <thead class="visible-tablet">
    <tr class="is-black">
      <th class="is-vcentered">
        <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
          keyboard_arrow_right
        </span>
      </th>
      <th class="is-vcentered">
        Reporting Segment &amp; Product Line
      </th>
      <th class="is-vcentered has-text-right">
        Amount (USD)
      </th>
      <th class="is-vcentered has-text-right">
        Percentage
      </th>
    </tr>
  </thead>
</table>

</template></turbo-stream>
<turbo-stream action="replace" target="company_profile_product_lines_table_body"><template>
  
<div class="table-container"
     id="company_profile_product_lines_table_body">
  <table class="table is-hoverable ">
    <tbody class="visible-non-tablet ">

        <tr class="">
          <td class="is-vcentered">
            Promotional Solutions
          </td>

          <td class="is-vcentered">
            <div>
              Printed Marketing Materials
            </div>
            <div class="is-size-7 has-text-grey">
              These companies make printed materials used to market their customer&#39;s product.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            278.2M
          </td>

          <td class="has-text-right is-vcentered">
              <span>12.69%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Promotional Solutions
          </td>

          <td class="is-vcentered">
            <div>
              Contract Business Forms Printing
            </div>
            <div class="is-size-7 has-text-grey">
              These companies perform contract printing of business forms for diversified businesses.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            263.45M
          </td>

          <td class="has-text-right is-vcentered">
              <span>12.02%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Payments
          </td>

          <td class="is-vcentered">
            <div>
              Processing Services for Merchant Acquirers
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide transactional processing services to merchant acquirers. These services includes but are not limited to data analytics, application processing, card production, statement production, managed services, customized reporting and custom programming.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            450.38M
          </td>

          <td class="has-text-right is-vcentered">
              <span>20.54%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Payments
          </td>

          <td class="is-vcentered">
            <div>
              Receivables Collection Services
            </div>
            <div class="is-size-7 has-text-grey">
              These companies perform outsourced accounts receivable management and collection services.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            240.32M
          </td>

          <td class="has-text-right is-vcentered">
              <span>10.96%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Data Solutions
          </td>

          <td class="is-vcentered">
            <div>
              Programmatic Advertising for Marketers
            </div>
            <div class="is-size-7 has-text-grey">
              These companies perform market research and programmatic advertising on behalf of marketing &amp; advertising firms.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            192.66M
          </td>

          <td class="has-text-right is-vcentered">
              <span>8.79%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Data Solutions
          </td>

          <td class="is-vcentered">
            <div>
              DNS Registry Services
            </div>
            <div class="is-size-7 has-text-grey">
              These companies coordinate the transport of information on the internet. They manage databases that link web addresses to the IP addresses that host websites and operate domain name system (DNS) servers that instruct internet devices on how to find the websites associated with given web addresses.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            46.16M
          </td>

          <td class="has-text-right is-vcentered">
              <span>2.11%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Checks
          </td>

          <td class="is-vcentered">
            <div>
              Checkbooks
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce checkbooks for businesses and consumers.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            721.09M
          </td>

          <td class="has-text-right is-vcentered">
              <span>32.89%</span>
          </td>
        </tr>
    </tbody>

    <tbody class="visible-tablet ">

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Promotional Solutions
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Printed Marketing Materials
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            278.2M
          </td>

          <td class="has-text-right is-vcentered">
              <span>12.69%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies make printed materials used to market their customer&#39;s product.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Promotional Solutions
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Contract Business Forms Printing
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            263.45M
          </td>

          <td class="has-text-right is-vcentered">
              <span>12.02%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies perform contract printing of business forms for diversified businesses.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Payments
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Processing Services for Merchant Acquirers
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            450.38M
          </td>

          <td class="has-text-right is-vcentered">
              <span>20.54%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies provide transactional processing services to merchant acquirers. These services includes but are not limited to data analytics, application processing, card production, statement production, managed services, customized reporting and custom programming.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Payments
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Receivables Collection Services
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            240.32M
          </td>

          <td class="has-text-right is-vcentered">
              <span>10.96%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies perform outsourced accounts receivable management and collection services.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Data Solutions
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Programmatic Advertising for Marketers
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            192.66M
          </td>

          <td class="has-text-right is-vcentered">
              <span>8.79%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies perform market research and programmatic advertising on behalf of marketing &amp; advertising firms.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Data Solutions
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                DNS Registry Services
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            46.16M
          </td>

          <td class="has-text-right is-vcentered">
              <span>2.11%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies coordinate the transport of information on the internet. They manage databases that link web addresses to the IP addresses that host websites and operate domain name system (DNS) servers that instruct internet devices on how to find the websites associated with given web addresses.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Checks
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Checkbooks
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            721.09M
          </td>

          <td class="has-text-right is-vcentered">
              <span>32.89%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies produce checkbooks for businesses and consumers.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>