<div class="container">
    <div class="row ">
        <div class="col-lg-6 col-lg-offset-3 col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1 col-xs-12">
            <div class="spacer" style="width: 987px; height: 60px;"></div>
            <div class="container" style=" width:auto;">
                <h2 id="respuestaDeLaMarcacion-heading2" style="color:#000000;text-align:center; font-weight: bold;">SOLICITUD DE PERMISOS</h2>
                <div class="panel panel-primary">
                    <div class="panel-heading">
                    </div>
                    <div class="panel-body">
                        <div title="Respuesta de la marcacion"  id="page4" class=" ">
                            <div>
                                <div class="spacer" style="height: 40px;"></div>
                                <div style="width: 420px;margin: auto;" class="list card " id="respuestaDeLaMarcacion-card22">
                                    <div class="item item-body " id="respuestaDeLaMarcacion-list-item-container2">
                                        <div id="respuestaDeLaMarcacion-markdown2" style="color:#000000;font-size:24px;text-align:center;" class=" ">Se ha registrado el permiso por el Colaborador<br>
                                            <strong><span id="sentidoMarcacion"><?= $Permiso->personaNOMBRES;?>&nbsp;<?= $Permiso->personaAPELLIDOS ?></span></strong> para la fecha y hora: <br>
                                            <strong><?= $Permiso->permisoFCHPERMISO ?></strong>.
                                        </div><br><br>
                                        <div id="respuestaDeLaMarcacion-markdown4" style="color:#000000;font-size:32px;text-align:center;" class=" ">
                                            MOTIVO : <strong><span id="cedulaMarcacion"><?= $Permiso->permisoMotivoTITULO ?></span></strong>
                                        </div><br>
                                        <div id="respuestaDeLaMarcacion-markdown6" style="color:#000000;font-size:18px;text-align:center;" class=" ">
                                           ESTADO DEL PERMISO : <strong> <span id="cargoMarcacion"><?= $Permiso->permisoESTADO ?></span></strong>
                                        </div>
                                        <div class="spacer" style="height: 40px;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="panel-footer" style="text-align: center;">
                        <a href="javascript:void(0)" onclick="iniciarAPPpermisos()"
                           class=" button button-assertive  button-block icon-left ">Regresar</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>