<!--<!DOCTYPE html>
<html>
<style type="text/css">
  .pink, .blue, .orange, .purple {
  position: absolute;
}

.green {
  z-index: -2; /* has no effect */
  background: rgb(6, 214, 160);
}
.orange {
  z-index: 3;
  top: 140px;
  left: 140px;
  background: orange;
}
.purple {
  z-index: 2;
  background: rgb(139, 91, 211);
  top: 110px;
  left: 110px;
}
.blue {
  z-index: 0;
  top: 80px;
  left: 80px;
  background: rgb(17, 138, 178);
}
.pink {
  z-index: -1; /* creates a new stacking context */
  top: 50px;
  left: 50px;
  background: rgb(239, 71, 111);
}

.sty {
  color: white;
  font-family: "Courier New", Courier, monospace;
  text-align: right;
  padding: 5px;
  box-sizing: border-box;
  height: 150px;
  width: 150px;
}
</style>

<?php #include_once('../../../php/includes/head.php'); ?>

<div class="hide-print">
  <button id="btnImprimir">Imprimir</button>

  <div class="pink positioned sty">Positioned</div>
  <div class="orange positioned sty">Positioned</div>
  <div class="blue positioned sty">Positioned</div>
  <div class="purple positioned sty">Positioned</div>
  <div class="green non-positioned sty">Non-positioned</div>
</div>

<?php #include_once('../../../php/includes/htmlClose.php'); ?>

<script type="text/javascript">

$(document).ready(function() {
  $('#btnImprimir').focus();

  $('#btnImprimir').click(function () {
    //alLoad("Cargando...");
    window.print();
  });
});
</script>

<div class="voucher1 show-print font-size-12">
  <div class="row ml-5">
    <div class="col-10 pl-5" id="printFec">Guatemala, 06 de febrero de 2019</div>
    <div class="col-2 text-right" id="printTot">***1,234.56</div>
    <div class="col-12 pl-5" id="printBene">GUSTAVO HERNANDEZ</div>
    <div class="col-12 pl-5" id="printTotl">NOVENTA Y CINCO QUETZALES CON 45/100</div>
  </div>
  <div class="row m-5">
    <div class="col-12 pl-5"><b class="pl-5" id="printNoNeg">NO NEGOCIABLE</b></div>
  </div>
  <table class="table table-xs table-borderless">
    <thead>
      <tr>
        <th scope="col-2" class="">Cuenta</th>
        <th scope="col-10" class="">Nombre de Cuenta</th>
        <th scope="col-1" class="text-right">Debe</th>
        <th scope="col-1" class="text-right">Haber</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>5110102</td>
        <td>Compras</td>
        <td class="text-right">95555.45</td>
        <td class="text-right"></td>
      </tr>
      <tr>
        <td>1110201</td>
        <td>Inter- Banco 15-0028166-2</td>
        <td class="text-right"></td>
        <td class="text-right">95.45</td>
      </tr>
    </tbody>
    <tfoot>
      <tr>
        <th></th>
        <th>Totales</th>
        <th class="text-right">95.45</th>
        <th class="text-right">95.45</th>
      </tr>
    </tfoot>
  </table>
  <div class="row mb-1">
      <div class="col-12 pb-5">Concepto: SERVICIOS.</div>
      <div class="col-12">Banco: Inter Banco</div>
      <div class="col-12">Cuenta: 15-0028166-2</div>
  </div>
  <div class="row text-center">
      <div class="col-3"></div>
      <div class="col-2">______________________</div>
      <div class="col-2"></div>
      <div class="col-2">______________________</div>
  </div>
  <div class="row text-center">
      <div class="col-3"></div>
      <div class="col-2">Hecho por</div>
      <div class="col-2"></div>
      <div class="col-2">Revisado por</div>
  </div>
</div>-->
<html lang="en"><head>
  <base href="./../">
  <meta charset="utf-8">
  <meta name="theme-color" content="#1E1E2F" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
  <meta name="description" content="CoreUI - Open Source Bootstrap Admin Template">
  <meta name="author" content="Łukasz Holeczek">
  <meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,jQuery,CSS,HTML,RWD,Dashboard">
  <title>AS-JIREH</title>

  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

<body>

  <!-- Primary Page Layout
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <hr>
  <section class="container" aria-describedby="demos">
    <br>
    <div class="row">
      <div class="one-half column">
        <button id="basic" class="button button-primary">Print container</button>
      </div>
    </div>
  </section>
  <hr>
  <section class="container">
    <div class="row">

      <div class="voucher1 show-print font-size-12">
        <div class="row ml-5">
          <div class="col-10 pl-5" id="printFec">Guatemala, 06 de febrero de 2019</div>
          <div class="col-2 text-right" id="printTot">***1,234.56</div>
          <div class="col-12 pl-5" id="printBene">GUSTAVO HERNANDEZ</div>
          <div class="col-12 pl-5" id="printTotl">NOVENTA Y CINCO QUETZALES CON 45/100</div>
        </div>
        <div class="row m-5">
          <div class="col-12 pl-5"><b class="pl-5" id="printNoNeg">NO NEGOCIABLE</b></div>
        </div>
        <table class="table table-xs table-borderless">
          <thead>
            <tr>
              <th scope="col-2" class="">Cuenta</th>
              <th scope="col-10" class="">Nombre de Cuenta</th>
              <th scope="col-1" class="text-right">Debe</th>
              <th scope="col-1" class="text-right">Haber</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>5110102</td>
              <td>Compras</td>
              <td class="text-right">95555.45</td>
              <td class="text-right"></td>
            </tr>
            <tr>
              <td>1110201</td>
              <td>Inter- Banco 15-0028166-2</td>
              <td class="text-right"></td>
              <td class="text-right">95.45</td>
            </tr>
          </tbody>
          <tfoot>
            <tr>
              <th></th>
              <th>Totales</th>
              <th class="text-right">95.45</th>
              <th class="text-right">95.45</th>
            </tr>
          </tfoot>
        </table>
        <div class="row mb-1">
            <div class="col-12 pb-5">Concepto: SERVICIOS.</div>
            <div class="col-12">Banco: Inter Banco</div>
            <div class="col-12">Cuenta: 15-0028166-2</div>
        </div>
        <div class="row text-center">
            <div class="col-3"></div>
            <div class="col-2">______________________</div>
            <div class="col-2"></div>
            <div class="col-2">______________________</div>
        </div>
        <div class="row text-center">
            <div class="col-3"></div>
            <div class="col-2">Hecho por</div>
            <div class="col-2"></div>
            <div class="col-2">Revisado por</div>
        </div>
      </div>

    </div>
  </section>
  <br>
  <br>

  <!-- printThis -->

  <script type="text/javascript" src="./../../css/printThis/printThis.js"></script>

  <!-- demo -->
  <script>
    $('#basic').on("click", function () {
      $('.voucher1').printThis({
        importCSS: false,
        loadCSS: "http://192.168.101.47:8080/dashboardAS/systems/DEMO/pruebaImp/page.css?v=1",
      });
    });
  </script>
  
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-114774247-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-114774247-1');
  </script>




</body></html>