listado de pruebas

css/all.css

@@ -1904,7 +1904,11 @@ label {
     color: #ffffff;
 }
 .footerinfo {
-    padding: 0 15px;
+    padding: 0;
+    position: absolute;
+    width: 90%;
+    bottom: 0;
+    margin: 0;
 }
 .tabs_pruebas .test_tab.active {
     background: #fd4b4b;
@@ -1943,7 +1947,7 @@ label {
 }
 .comportamiento_body {
     display: block;
-    margin-bottom: 10px;
+    margin-bottom: 80px;
 }
 .personalidad_body {
     display: none;
@@ -2060,4 +2064,31 @@ label {
     color: #fd4b4b;
     background: transparent;
     transition: all 0.3s;
+}
+.body_prueba_list .modern-Checkbox label {
+    color: #363636;
+    background-color: #ffffff;
+    border-color: #fd4b4b;
+    cursor: pointer;
+    display: inline-block;
+    font-weight: 500;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    user-select: none;
+    border: 1px solid transparent;
+    padding: 35px;
+    font-size: 14px;
+    border-radius: 0;
+    transition: all 144ms ease-in-out;
+    width: 100%;
+    letter-spacing: 6px;
+}
+.body_prueba_list .modern-Checkbox label:before{
+    display: none;
+}
+.content-section .main_pruebas_list h1 {
+    font-size: 27px;
+    padding: 0px 15px 75px;
+    color: #949494;
 }

pruebas.php

@@ -20,7 +20,7 @@
 <section id="content">
     <?php include('header.php') ?>       
     <div class="content-section">
-        <div class="main">
+        <div class="main main_pruebas_list">
             <h1>Listado de pruebas psicométricas</h1>
             <div class="tabs_pruebas">
                 <div class="row">
@@ -45,73 +45,64 @@
                 <div class="comportamiento_body" id="comportamiento_body">
                     <div class="row">
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-1">
                                     <label for="box-1">CLEAVER</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-2">
                                     <label for="box-2">ESTILO</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-3">
                                     <label for="box-3">VALORES</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-4">
                                     <label for="box-4">VALORES COMP.</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-5">
                                     <label for="box-5">MOSS</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-6">
                                     <label for="box-6">KOSTICK</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-7">
                                     <label for="box-7">ZAVIC</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-8">
                                     <label for="box-8">VALPER</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-9">
                                     <label for="box-9">LIFO</label>
                                 </div>
                             </div>
@@ -124,73 +115,64 @@
                 <div class="personalidad_body" id="personalidad_body">
                     <div class="row">
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-10">
                                     <label for="box-10">LUSCHER</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-11">
                                     <label for="box-11">CPI</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-12">
                                     <label for="box-12">PGV</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-13">
                                     <label for="box-13">BFQ</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-14">
                                     <label for="box-14">16FP</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-15">
                                     <label for="box-15">PIP</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-16">
                                     <label for="box-16">IMP</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-17">
                                     <label for="box-17">PVC</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-18">
                                     <label for="box-18">NIC</label>
                                 </div>
                             </div>
@@ -203,65 +185,57 @@
                 <div class="inteligencia_body" id="inteligencia_body">
                     <div class="row">
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-19">
                                     <label for="box-19">TERMAN</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-20">
                                     <label for="box-20">BETAIIR</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-21">
                                     <label for="box-21">BETAIII</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-22">
                                     <label for="box-22">IE</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-23">
                                     <label for="box-23">RAVEN</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-24">
                                     <label for="box-24">DOMINOS</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-25">
                                     <label for="box-25">WONDERLIC</label>
                                 </div>
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="body_prueba">
+                            <div class="body_prueba_list">
                                 <div class="modern-Checkbox">
-                                    <input type="checkbox" id="box-26">
                                     <label for="box-26">COIR</label>
                                 </div>
                             </div>