<?php   ?>
<div class="panel-body table-responsive" id="listadoregistros">
  <div class="form-group col-lg-4 col-md-4 col-xs-12">
      
  </div>
 <!--  <div class="form-group col-lg-2 col-md-2 col-xs-12">
      <label for="">Saldo</label>
      <input class="form-control" type="text" name="saldo1" id="saldo1" placeholder="Saldo" readonly>
  </div> -->
 

 

 
  
  <!-- <div class="col-md-2 col-sm-6 col-xs-12">
    <div class="info-box bg-aqua">
       <span class="info-box-text" style="text-align:center">
          Saldo
        </span>
        <div class="progress">
          <div class="progress-bar" style="width: 100%"></div>
        </div>
        <span class="info-box-number" style="text-align:center;font-size:25px;">
          <input class="form-control" style="background-color: transparent;border: none;color: white;font-size:20px;text-align:center;" type="text" name="saldo1" id="saldo1" placeholder="Saldo" readonly>
        </span>
    </div>
  </div> -->

  <div class="col-md-3 col-sm-6 col-xs-12">    
    <div class="info-box">
      <span class="info-box-icon bg-aqua"><i class="fa fa-briefcase"></i></span>

      <div class="info-box-content">
        <span class="info-box-text" style="text-align:center">Saldo</span>
        <!-- <span class="info-box-number" style="text-align:center;font-size: 30px">3.630,71</span> -->
        <span class="info-box-number" style="text-align:center;font-size:25px;">
          <input class="form-control" style="background-color: transparent;border: none;color: black;font-size:20px;text-align:center;" type="text" name="saldo1" id="saldo1" placeholder="Saldo" readonly>
        </span>
      </div>
      <!-- /.info-box-content -->
    </div>
    <!-- /.info-box -->
  </div>

 
   <div class="form-group col-lg-6 col-md-6 col-xs-12">
      
  </div> 
  <table id="tbllistado" class="table table-striped table-bordered table-condensed table-hover">
    <thead>
      <th style="text-align:center;width:50px">Opciones</th>
      <th style="text-align:center;width:60px">Fecha</th>
      <th style="text-align:center">Descripción</th>
     
      <th style="text-align:center;width:100px">Monto</th>
      <th style="text-align:center;width:100px">Saldo</th>
      <th style="text-align:center;width:30px">D/C</th>
      <th style="text-align:center;width:150px">Tipo Registro</th>
      <th style="text-align:center">Categoría</th>
      <th style="text-align:center">Estado</th>
    </thead>
    <tbody>
    </tbody>
    <tfoot>
      <!-- <th>Opciones</th>
      <th>Vehículo</th>
      <th>Placa</th>
      <th>Capacidad</th>
      <th>Estado</th> -->
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
      <th></th>
    </tfoot>   
  </table>
  
</div>     
