<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>PruebasPsico - Pruebas</title>
    <link rel="stylesheet" href="css/all.css">
    <script src="js/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.css"/>
    <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.js"></script>

</head>
<script type="text/javascript">
    $(document).ready(function () {
        $(".list-unstyled").find('li').removeClass("active");
        $("#pruebas").addClass("active");
        $("#listado").addClass("active");
    });
</script>
<?php include('sidebar.php') ?>       
<section id="content">
    <?php include('header.php') ?>       
    <div class="content-section">
        <div class="main main_pruebas_list">
            <h1>Listado de pruebas psicométricas</h1>
            <div class="row">
                <div class="col-md-6 busqueda_prueba">
                    <div class="row">
                        <div class="col-md-6">
                            <input type="text" name="nombreprueba" placeholder="Escribe el nombre de la prueba que deseas consultar">
                        </div>
                        <div class="col-md-6">
                            <div class="buscar_prueba">
                                <button class="btn_buscar_prueba">BUSCAR</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="crear_nueva_prueba">
                        <a href="nueva-prueba.php" target="_blank" class="btn_crear_prueba">CREAR PRUEBA</a>
                    </div>
                </div>
            </div>
            <div class="tabs_pruebas">
                <div class="row">
                    <div class="col-md-3">
                        <div class="test_tab active" id="todaspruebas" onclick="todaspruebas()">
                            <p>TODAS LAS PRUEBAS</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="test_tab" id="comportamiento" onclick="comportamiento()">
                            <p>COMPORTAMIENTO</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="test_tab" id="personalidad" onclick="personalidad()">
                            <p>PERSONALIDAD</p>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="test_tab" id="inteligencia" onclick="inteligencia()">
                            <p>INTELIGENCIA</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="pruebas_grid">

                <div class="todas_las_pruebas_body" id="todas_las_pruebas_body">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-1">CLEAVER</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-2">ESTILO</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-3">VALORES</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-4">VALORES COMP.</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-5">MOSS</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-6">KOSTICK</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-7">ZAVIC</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-8">VALPER</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-9">LIFO</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-10">LUSCHER</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-11">CPI</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-12">PGV</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-13">BFQ</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-14">16FP</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-15">PIP</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-16">IMP</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-17">PVC</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-18">NIC</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-19">TERMAN</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-20">BETAIIR</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-21">BETAIII</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-22">IE</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-23">RAVEN</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-24">DOMINOS</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-25">WONDERLIC</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-26">COIR</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="pagination_pruebas">
                        <div class="botones_pagination">
                            <a class="disabled">Ant.</a>
                            <a href="#" class="active">1</a>
                            <a href="#">2</a>
                            <a href="#">3</a>
                            <a href="#">4</a>
                            <a href="#">5</a>
                            <a href="#">Sig.</a>
                        </div>
                    </div>
                </div>





                <div class="comportamiento_body" id="comportamiento_body">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-1">CLEAVER</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-2">ESTILO</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-3">VALORES</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-4">VALORES COMP.</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-5">MOSS</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-6">KOSTICK</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-7">ZAVIC</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-8">VALPER</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-9">LIFO</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>



                <div class="personalidad_body" id="personalidad_body">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-10">LUSCHER</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-11">CPI</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-12">PGV</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-13">BFQ</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-14">16FP</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-15">PIP</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-16">IMP</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-17">PVC</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-18">NIC</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>



                <div class="inteligencia_body" id="inteligencia_body">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-19">TERMAN</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-20">BETAIIR</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-21">BETAIII</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-22">IE</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-23">RAVEN</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-24">DOMINOS</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-25">WONDERLIC</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="body_prueba_list">
                                <div class="botones_edicion">
                                    <div class="contenedor_botones">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <a href="#" title="Editar"><i class="far fa-edit"></i></a>
                                            </div>
                                            <div class="col-md-6">
                                                <a href="#" title="Eliminar"><i class="fas fa-times"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modern-Checkbox">
                                    <label for="box-26">COIR</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <?php include('footer.php') ?>
    </div>
</section>
<script type="text/javascript">
    function todaspruebas() {
        $("#todas_las_pruebas_body").css('display', 'block');
        $("#comportamiento_body").css('display', 'none');
        $("#personalidad_body").css('display', 'none');
        $("#inteligencia_body").css('display', 'none');
        $("#todaspruebas").addClass("active");
        $("#comportamiento").removeClass("active");
        $("#personalidad").removeClass("active");
        $("#inteligencia").removeClass("active");
    };
</script>


<script type="text/javascript">
    function comportamiento() {
        $("#comportamiento_body").css('display', 'block');
        $("#personalidad_body").css('display', 'none');
        $("#inteligencia_body").css('display', 'none');
        $("#todas_las_pruebas_body").css('display', 'none');
        $("#personalidad").removeClass("active");
        $("#inteligencia").removeClass("active");
        $("#comportamiento").addClass("active");
        $("#todaspruebas").removeClass("active");
    };
</script>
<script type="text/javascript">
    function personalidad() {
        $("#comportamiento_body").css('display', 'none');
        $("#personalidad_body").css('display', 'block');
        $("#inteligencia_body").css('display', 'none');
        $("#todas_las_pruebas_body").css('display', 'none');
        $("#comportamiento").removeClass("active");
        $("#inteligencia").removeClass("active");
        $("#personalidad").addClass("active");
        $("#todaspruebas").removeClass("active");
    };
</script>
<script type="text/javascript">
    function inteligencia() {
        $("#comportamiento_body").css('display', 'none');
        $("#personalidad_body").css('display', 'none');
        $("#inteligencia_body").css('display', 'block');
        $("#todas_las_pruebas_body").css('display', 'none');
        $("#comportamiento").removeClass("active");
        $("#personalidad").removeClass("active");
        $("#inteligencia").addClass("active");
        $("#todaspruebas").removeClass("active");
    };
</script>