{{-- <div class="container">
  <div class="row mrg_top_50">
    <div class="col-md-7">
      <h3 class="mrg_bottom_30">APERTURA DE CAJA</h3>
      <form id="formAperturaCaja" method="post">
        <div class="container-fluid">
          <div class="row">
            <div class="col-md-12">
              <div class="form-group row">
                <label for="colFormLabelLg" class="col-sm-5 col-form-label col-form-label-lg">Fecha:</label>
                <div class="col-sm-7">
                  <input type="text" name="fecha" id="idInputFechaAbrirCaja" onkeyup="checkedInputCaja(this.id, this.value)" onclick="checkedInputCaja(this.id, this.value)" class="form-control form-control-lg" placeholder="Fecha">
                </div>
              </div>
              <div class="form-group row">
                <label for="colFormLabelLg" class="col-sm-5 col-form-label col-form-label-lg">Monto Sistema:</label>
                <div class="col-sm-7">
                  <input type="text" name="monto_sistema" id="idInputMontoSistemaAbrirCaja" onkeyup="checkedInputCaja(this.id, this.value)" onclick="checkedInputCaja(this.id, this.value)" class="form-control form-control-lg" id="colFormLabelLg" placeholder="Monto Sistema">
                </div>
              </div>
              <div class="form-group row">
                  <label for="colFormLabelLg" class="col-sm-5 col-form-label col-form-label-lg">Monto Caja:</label>
                  <div class="col-sm-7">
                    <input type="text" name="monto_caja" id="idInputMontoCajaAbrirCaja" onkeyup="checkedInputCaja(this.id, this.value)" onclick="checkedInputCaja(this.id, this.value)" class="form-control form-control-lg" id="colFormLabelLg" placeholder="Monto Caja">
                  </div>
                </div>
            </div>
          </div>
          <div class="row mrg_top_30">
            <div class="col-md-6">
              <a href="#" class="btn btn-danger btn-lg btn-block">CANCELAR</a>
            </div>
            <div class="col-md-6">
              <button type="button" class="btn btn-success btn-lg btn-block" onclick="openAperturaCaja()">ABRIR</button>
            </div>
          </div>
        </div>
      </form>
    </div>
    <div class="col-md-5">
      <div class="d-flex flex-column bd-highlight hght_100">
        <div class="p-2 mb-auto d-flex bd-highlight hght_100">
          <div class="container-fluid hght_100 pdd_0">
            <div class="row hght_100">
              <div class="col-md-4">
                <a href="javascript:;" class="btn btn-info btn_number_caja" onclick="clickNumberCaja(1)">1</a>
              </div>
              <div class="col-md-4">
                <a href="javascript:;" class="btn btn-info btn_number_caja" onclick="clickNumberCaja(2)">2</a>
              </div>
              <div class="col-md-4">
                <a href="javascript:;" class="btn btn-info btn_number_caja" onclick="clickNumberCaja(3)">3</a>
              </div>
            </div>
          </div>
        </div>
        <div class="p-2 mb-auto d-flex bd-highlight hght_100">
          <div class="container-fluid hght_100 pdd_0">
            <div class="row hght_100">
              <div class="col-md-4">
                <a href="javascript:;" class="btn btn-info btn_number_caja" onclick="clickNumberCaja(4)">4</a>
              </div>
              <div class="col-md-4">
                <a href="javascript:;" class="btn btn-info btn_number_caja" onclick="clickNumberCaja(5)">5</a>
              </div>
              <div class="col-md-4">
                <a href="javascript:;" class="btn btn-info btn_number_caja" onclick="clickNumberCaja(6)">6</a>
              </div>
            </div>
          </div>
        </div>
        <div class="p-2 mb-auto d-flex bd-highlight hght_100">
          <div class="container-fluid hght_100 pdd_0">
            <div class="row hght_100">
              <div class="col-md-4">
                <a href="javascript:;" class="btn btn-info btn_number_caja" onclick="clickNumberCaja(7)">7</a>
              </div>
              <div class="col-md-4">
                <a href="javascript:;" class="btn btn-info btn_number_caja" onclick="clickNumberCaja(8)">8</a>
              </div>
              <div class="col-md-4">
                <a href="javascript:;" class="btn btn-info btn_number_caja" onclick="clickNumberCaja(9)">9</a>
              </div>
            </div>
          </div>
        </div>
        <div class="p-2 mb-auto d-flex bd-highlight hght_100">
          <div class="container-fluid hght_100 pdd_0">
            <div class="row hght_100">
              <div class="col-md-4">
                <a href="javascript:;" class="btn btn-info btn_number_caja">
                  <i class="fa fa-arrow-left" aria-hidden="true" onclick="clearNumberCaja()"></i>
                </a>
              </div>
              <div class="col-md-4">
                <a href="javascript:;" class="btn btn-info btn_number_caja" onclick="clickNumberCaja(0)">0</a>
              </div>
              <div class="col-md-4">
                <a href="javascript:;" class="btn btn-info btn_number_caja">Enter</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div> --}}