</div>
        </div>
  
<div id="statusCitas" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true" >
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
          ×
        </button>
        <center>
            <h4 class="modal-title" id="classModalLabel">
                Citas
            </h4>
        </center>
      </div>
      <div class="modal-body">
        <!-- </div> -->
            <table class="table table-striped jambo_table bulk_action centrar" id="tbl_StatusCita" style="width:100%">
            </table>
        <!-- </div> -->
      </div>
      <div class="modal-footer">
        <div class="div-centrado centrar">
          <button class="agenda col-md-12" style="display: flow-root !important;" id="guardarCita" onclick="tblStatusC()">Guardar</button>
        </div>
      </div>
    </div>
  </div>
</div>
    
    <input type="text" id="fechaFooter" name="fechaFooter" style="display: none;">
	<div id="clock" style="display: none;"></div>
        <!-- /.content-wrapper -->
        <footer class="main-footer">
            <div class="pull-right hidden-xs">
                <b>Version 1.0</b>Todos los derechos son reservados.
                <br>
                <b>No.Registro : 03-2018-042410474300-01</b>
            </div>
            <strong>
                <a href="http://www.modelartspa.com/">
                    <img src="/SM/assets/dist/img/logo2.png" width="180" height="45" alt="">
                </a>
            </strong> 
        </footer>
    </div>
    <!-- ./wrapper -->

    <!-- jQuery 2.2.3 -->

    <!-- jQuery UI 1.11.4 -->

    <script src="<?php echo base_url().'assets/dist/js/jquery/jquery-ui.js'?>" type="text/javascript"></script> 
    <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
    <script>
      $.widget.bridge('uibutton', $.ui.button);
    </script>
    <!-- Bootstrap 3.3.6 -->
    <script src="<?php echo base_url();?>assets/bootstrap/js/bootstrap.min.js"></script>
    <!-- Morris.js charts -->

    <script src="<?php echo base_url();?>assets/plugins/morris/morris.min.js"></script>
    <!-- Sparkline -->
    <script src="<?php echo base_url();?>assets/plugins/sparkline/jquery.sparkline.min.js"></script>
    <!-- jvectormap -->
    <script src="<?php echo base_url();?>assets/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
    <script src="<?php echo base_url();?>assets/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
    <!-- jQuery Knob Chart -->
    <script src="<?php echo base_url();?>assets/plugins/knob/jquery.knob.js"></script>
    <!-- daterangepicker -->

    <script src="<?php echo base_url();?>assets/plugins/daterangepicker/daterangepicker.js"></script>
    <!-- datepicker -->
    <script src="<?php echo base_url();?>assets/plugins/datepicker/bootstrap-datepicker.js"></script>
    <!-- Bootstrap WYSIHTML5 -->

    <!-- Slimscroll -->
    <script src="<?php echo base_url();?>assets/plugins/slimScroll/jquery.slimscroll.min.js"></script>
    <!-- FastClick -->
    <script src="<?php echo base_url();?>assets/plugins/fastclick/fastclick.js"></script>

    <!-- AdminLTE App -->
    <script src="<?php echo base_url();?>assets/dist/js/app.min.js"></script>

    <script src="<?php echo base_url();?>assets/dist/js/tomadoXsistema.js"></script>
    <script src="<?php echo base_url();?>assets/dist/js/reloj.js"></script>


    <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
    <!-- <script src="<?php echo base_url();?>assets/dist/js/pages/dashboard.js"></script> -->

    <!-- AdminLTE for demo purposes -->

    <!--<script type="text/javascript">
        $(document).ready(function() {
        $('#tabla-gastos').DataTable( { 
            dom: 'lrtip',
            responsive: true,
            ServerSide: true,
            destroy: true,
            footer: true,
            processing: true,
            "lengthChange": false,
            "pageLength": 20,  
            "ajax":{
              "url":"<?php echo base_url();?>gastos/Franquiciatario/GastosF/gastos/",
              "type": 'POST'
            },
                "language": {
                  "lengthMenu": "Mostrar _MENU_ registros por pagina",
                  "zeroRecords": "No se encontraron resultados en su busqueda",
                  "searchPlaceholder": "Buscar registros",
                  "info": "Mostrando registros de _START_ al _END_ de un total de  _TOTAL_ registros",
                  "infoEmpty": "No existen registros",
                  "infoFiltered": "(filtrado de un total de _MAX_ registros)",
                  "search": "Buscar:",
                  "paginate": {
                      "first": "Primero",
                      "last": "Último",
                      "next": "Siguiente",
                      "previous": "Anterior"
                  }
              }
              });
              
              $('#tabla-gastos').wrap("<div id='scrollbar-tabla' class='scrollbar-tabla'></div>");
              $('#scrollbar-tabla').doubleScroll({
                    resetOnWindowResize: true
                  });

              document.getElementById('cargando').classList.add('invisible');
              var table = $('#tabla-gastos').DataTable();
              $('#query').on( 'input', function () {
                  table.search( this.value ).draw();
              });
      });
    </script>-->
</body>
</html>