{{-- <div class="container-fluid">
  <div class="row mrg_top_10">
    <div class="col-md-7">
      <ul class="nav nav-pills nav-justified nav-servicios-pv" id="pills-tab" role="tablist">
        <li class="nav-item mrg_right_10">
          <a class="nav-link nav_item_ordenar" href="javascript:;" id="id_open_item_ordenar_pv" onclick="openViewOpenPv('ordenar')">
            <div class="row">
              <div class="col-md-12">
                <b><i class="fa fa-taxi"></i></b>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12">
                <b>Ordenar</b>
              </div>
            </div>
          </a>
        </li>
        <li class="nav-item mrg_right_10">
          <a class="nav-link nav_item_parallevar" id="pills-parallevar-tab" data-itempv="parallevar" data-toggle="pill" href="#pills-parallevar" role="tab" aria-controls="pills-parallevar" aria-selected="false">
            <div class="row">
              <div class="col-md-12">
                <b><i class="fa fa-taxi"></i></b>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12">
                <b>Para llevar</b>
              </div>
            </div>
          </a>
        </li>
        <li class="nav-item mrg_right_10">
          <a class="nav-link nav_item_app" id="pills-app-tab" data-itempv="app" data-toggle="pill" href="#pills-app" role="tab" aria-controls="pills-app" aria-selected="false">
            <div class="row">
              <div class="col-md-12">
                <b><i class="fa fa-taxi"></i></b>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12">
                <b>App</b>
              </div>
            </div>
          </a>
        </li>
        <li class="nav-item mrg_right_10">
          <a class="nav-link nav_item_domicilios" id="pills-domicilios-tab" data-itempv="domicilios" data-toggle="pill" href="#pills-domicilios" role="tab" aria-controls="pills-domicilios" aria-selected="false">
            <div class="row">
              <div class="col-md-12">
                <b><i class="fa fa-taxi"></i></b>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12">
                <b>Domicilios</b>
              </div>
            </div>
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link nav_item_reservas" id="pills-reservas-tab" data-itempv="reservas" data-toggle="pill" href="#pills-reservas" role="tab" aria-controls="pills-reservas" aria-selected="false">
            <div class="row">
              <div class="col-md-12">
                <b><i class="fa fa-taxi"></i></b>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12">
                <b>Reservas</b>
              </div>
            </div>
          </a>
        </li>
      </ul>
      <div class="tab-content tab-servicios-pv" id="pills-tabContent">
        <div class="tab-pane fade hght_100" id="id_open_content_ordenar_pv">
          {{-- @include('system.puntoVenta.ordenar.index') --}}
        </div>
        <div class="tab-pane fade hght_100" id="pills-parallevar" role="tabpanel" aria-labelledby="pills-parallevar-tab">
          <b>Para llevar</b>
        </div>
        <div class="tab-pane fade hght_100" id="pills-app" role="tabpanel" aria-labelledby="pills-app-tab">
          <b>App</b>
        </div>
        <div class="tab-pane fade hght_100" id="pills-domicilios" role="tabpanel" aria-labelledby="pills-domicilios-tab">
          <b>Domicilios</b>
        </div>
        <div class="tab-pane fade hght_100" id="pills-reservas" role="tabpanel" aria-labelledby="pills-reservas-tab">
          <b>Reservas</b>
        </div>
      </div>
    </div>
    <div class="col-md-5" >
      <div class="content_pos hght_100">
        <div class="d-flex flex-column bd-highlight hght_100">
          <div class="bd-highlight">

            <div class="row">
              <div class="col text-center">
                <div class="item_pos_pedido_pv">5</div>
              </div>
              <div class="col-md-6 text-center">
                <div class="item_pos_pedido_pv">CLIENTE GENERICO</div>
              </div>
              <div class="col-md-auto text-center">
                <div class="item_pos_pedido_pv">
                  <small>NO. DE PEDIDO</small>
                  <p>0070</p>
                </div>
              </div>
            </div>

          </div>
          <div class="mb-auto bd-highlight items_table_pos">

            <div class="content_list_pedido_pos">
              <div class="row">
                <div class="col-md-12">
                  <table class="table table-bordered table-hover table-sm fsize_15">
                    <thead>
                      <tr class="text-center">
                        <th scope="col">NOMBRE</th>
                        <th scope="col">CANT.</th>
                        <th scope="col">COSTO</th>
                        <th scope="col">TOTAL</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr class="text-center">
                        <th class="text-left" scope="row">Pastas Boloñesa</th>
                        <td>1</td>
                        <td>18.50</td>
                        <td>18.50</td>
                      </tr>
                      <tr class="text-center">
                        <th class="text-left" scope="row">Lima Limón</th>
                        <td>2</td>
                        <td>2.50</td>
                        <td>5.00</td>
                      </tr>
                      <tr class="text-center">
                        <th class="text-left" scope="row">Gaseosa</th>
                        <td>1</td>
                        <td>3.50</td>
                        <td>3.50</td>
                      </tr>
                      <tr class="text-center">
                        <th class="text-left" scope="row">Gaseosa</th>
                        <td>1</td>
                        <td>3.50</td>
                        <td>3.50</td>
                      </tr>
                      <tr class="text-center">
                        <th class="text-left" scope="row">Gaseosa</th>
                        <td>1</td>
                        <td>3.50</td>
                        <td>3.50</td>
                      </tr>
                      <tr class="text-center">
                        <th class="text-left" scope="row">Gaseosa</th>
                        <td>1</td>
                        <td>3.50</td>
                        <td>3.50</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>

          </div>
          <div class="bd-highlight">

            <div class="content_value_pedido_pos">
              <div class="row">
                <div class="col-md-12">
                  <div class="row align-items-center justify-content-end item_price_pos">
                    <div class="col-md-4">
                      <b>Sub-total</b>
                    </div>
                    <div class="col-md-4">
                      <div class="content_price_pos text_yellow_os_enjoit">
                        <div class="row">
                          <div class="col-md-auto text-center">
                            <b>US$</b>
                          </div>
                          <div class="col text-right">
                            <b>27,00</b>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="row align-items-center justify-content-end item_price_pos">
                    <div class="col-md-4">
                      <b>---</b>
                    </div>
                    <div class="col-md-4">
                      <b>Descuento</b>
                    </div>
                    <div class="col-md-4">
                      <div class="content_price_pos text_red_os_enjoit">
                        <div class="row">
                          <div class="col-md-auto text-center">
                            <b>US$</b>
                          </div>
                          <div class="col text-right">
                            <b>-1,35</b>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="row align-items-center justify-content-end item_price_pos">
                    <div class="col-md-4">
                      <b>Impuesto 8%</b>
                    </div>
                    <div class="col-md-4">
                      <div class="content_price_pos text_yellow_os_enjoit">
                        <div class="row">
                          <div class="col-md-auto text-center">
                            <b>US$</b>
                          </div>
                          <div class="col text-right">
                            <b>2,16</b>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="row align-items-center justify-content-end item_price_pos">
                    <div class="col-md-4">
                      <b>---</b>
                    </div>
                    <div class="col-md-4">
                      <b>Propina</b>
                    </div>
                    <div class="col-md-4">
                      <div class="content_price_pos text_yellow_os_enjoit">
                        <div class="row">
                          <div class="col-md-auto text-center">
                            <b>%</b>
                          </div>
                          <div class="col text-right">
                            <b>2,70</b>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="row align-items-center justify-content-end item_price_pos">
                    <div class="col-md-4">
                      <b>TOTAL</b>
                    </div>
                    <div class="col-md-4">
                      <div class="content_price_pos text_yellow_os_enjoit">
                        <div class="row">
                          <div class="col-md-auto text-center">
                            <b>US$</b>
                          </div>
                          <div class="col text-right">
                            <b>30,51</b>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="row content_btn_pos">
                <div class="col">
                  <a href="#" class="btn btn-lg btn-block btn_purple_cl_enjoit fw_bold">DIVIDIR</a>
                </div>
                <div class="col">
                  <a href="#" class="btn btn-lg btn-block btn_blue_cl_enjoit fw_bold">OBSEQUIO</a>
                </div>
                <div class="col-md-auto">
                  <a href="#" class="btn btn-lg btn-block btn_green_cl_enjoit fw_bold"><i class="fa fa-print" aria-hidden="true"></i> IMPRIMIR</a>
                </div>
              </div>
            </div>

          </div>
        </div>
      </div>
    </div>
  </div>
</div> --}}