diff --git a/components/responsable/inputTable.vue b/components/responsable/inputTable.vue
index e9b663a..9077b1b 100644
--- a/components/responsable/inputTable.vue
+++ b/components/responsable/inputTable.vue
@@ -2,7 +2,7 @@
   <div class="container">
     <div class="columns">
 
-        <div class="column is-3 mb-0 ">
+        <div class="column is-3 mb-0">
           <b-field >
             <b-input
                 placeholder="No.Cuenta"
@@ -26,17 +26,20 @@
           </b-field>
         </div>
 
-        <div class="column is-3" >
+        <div class="column is-3 mb-4 pb-4 " >
           <b-field>
-            <b-select placeholder="Status" icon="information" value="1" expanded rounded v-model="idStatus">
+            <b-select placeholder="Status" icon="information" expanded rounded v-model="idStatus">
               <optgroup label="Status">
-                <option value="1">Pre-registro</option>
-                <option value="2">Pre-validado</option>
-                <option value="3">Registro</option>
-                <option value="4">Pre-término</option>
-                <option value="5">Término</option>
-                <option value="6">Liberado</option>
-                <option value="7">Rechazado</option>
+                <option value=1>Pre-registro</option>
+                <option value=2>Registro</option>
+                <option value=3>Registro Validado</option>
+                <option value=4>Pre-Término</option>
+                <option value=5>Término</option>
+                <option value=6>Liberación</option>
+                <option value=7>Carta Aceptacion Rechazada</option>
+                <option value=8>Carta Termino Rechazada</option>
+                <option value=9>Informe Global Rechazado</option>
+                <option value=10>Cancelado</option>
               </optgroup>
             </b-select>
           </b-field>
@@ -60,6 +63,8 @@
           :data="data"
           :loading="loading"
 
+          hoverable
+          striped
           paginated
           backend-pagination
           :total="total"
@@ -69,33 +74,33 @@
               <b-table-column field="nombre" label="Nombre" v-slot="props" centered>
                   {{ props.row.nombre}}
               </b-table-column>
-              <b-table-column field="numeroCuenta" label="Numero de Cuenta" v-slot="props" centered>
+              <b-table-column field="numeroCuenta" label="Número de Cuenta" v-slot="props" centered>
                   {{ props.row.numeroCuenta}}
               </b-table-column>
               <b-table-column field="carrera" label="Carrera" v-slot="props" centered>
                   {{ props.row.carrera}}
               </b-table-column>
-              <b-table-column field="fechaInicio" label="fecha Inicio" v-slot="props" centered>
+              <b-table-column field="fechaInicio" truncate=10 label="Fecha Inicio" v-slot="props" centered>
                   {{ props.row.fechaInicio}}
               </b-table-column>
-              <b-table-column field="fechaFin" label="Fecha fin" v-slot="props" centered>
+              <b-table-column field="fechaFin" label="Fecha Fin" v-slot="props" centered>
                   {{ props.row.fechaFin}}
               </b-table-column>
               <b-table-column field="status" label="Status" v-slot="props" centered>
                  <span class="tag" :class="types(props.row.status)">{{ props.row.status}}</span>
               </b-table-column>
-              <!--
+
               <b-table-column field="cartaTermino" label="Carta Término" v-slot="props" centered v-if="id == 2">
-                  <div v-if="props.row.idStatus === 'Pre-Termino'">
+                  <div v-if="props.row.status === 'Pre-Termino'">
                     <span
-                    v-if="props.row.cartaTermino === true"
+                    v-if="props.row.cartaTermino === 1"
                     >
                         <b-icon :icon="iconoCarta(props.row.cartaTermino)"
                         class="tag is-success"></b-icon>
                     </span>
 
                     <b-button
-                    v-if="props.row.cartaTermino === false"
+                    v-if="props.row.cartaTermino === null"
                     size="is-small"
                     :class="botonCarta(props.row.cartaTermino)"
                     :icon="iconoCarta(props.row.cartaTermino)">
@@ -103,10 +108,9 @@
                     </b-button>
                   </div>
               </b-table-column>
-              -->
+
               <b-table-column field="cuestionario" label="Cuestionario" v-slot="props" centered v-if="id == 2">
-                  <div
-                  v-if="props.row.status === 'Pre-Termino'">
+                  <div v-if="props.row.status === 'Pre-Termino'">
                     <span
                     v-if="props.row.cuestionario === 1"
                     >
@@ -115,7 +119,7 @@
                     </span>
 
                     <b-button
-                    v-if="props.row.cuestionario === 2"
+                    v-if="props.row.cuestionario === null"
                     size="is-small"
                     :class="botonCuestionario(props.row.cuestionario)"
                     :icon="iconoCuestionario(props.row.cuestionario)">
@@ -131,7 +135,6 @@
 </template>
 
 <script>
-// import validator from 'validator'
 import BotonesCarga from './botonesCarga.vue'
 import axios from 'axios'
 
@@ -148,8 +151,7 @@ export default {
       perPage: 25,
       numeroCuenta: '',
       nombre: '',
-      idStatus: '',
-      tipoUsuario: 1
+      idStatus: 1
     }
   },
   props: {
@@ -165,39 +167,46 @@ export default {
       console.log(this.page)
     },
     types (status) {
-      /* const Status = parseFloat(status) Investigar para que sirve :) */
       if (status === 'Pre-Registro') {
         return 'is-dark'
-      } else if (status === 'Pre-Validado') {
+      } else if (status === 'Pre-Registro') {
         return 'is-warning'
       } else if (status === 'Registro') {
         return 'is-info'
+      } else if (status === 'Registro Validado') {
+        return 'is-succes'
       } else if (status === 'Pre-Termino') {
-        return 'is-link'
+        return 'is-light'
       } else if (status === 'Termino') {
         return 'is-success'
-      } else if (status === 'Liberado') {
-        return 'is-success'
-      } else if (status === 'Rechazado') {
+      } else if (status === 'Liberación') {
+        return 'is-link'
+      } else if (status === 'Carta Aceptacion Rechazada') {
+        return 'is-danger'
+      } else if (status === 'Carta Termino Rechazada') {
+        return 'is-danger'
+      } else if (status === 'Informe Global Rechazdo') {
+        return 'is-danger'
+      } else if (status === 'Cancelado') {
         return 'is-danger'
       }
     },
     botonCarta (cartaTermino) {
-      if (cartaTermino === true) {
+      if (cartaTermino === 1) {
         return 'is-success'
       } else {
         return 'is-danger'
       }
     },
     botonCuestionario (cuestionario) {
-      if (cuestionario === true) {
+      if (cuestionario === 1) {
         return 'is-success'
       } else {
         return 'is-danger'
       }
     },
     iconoCarta (cartaTermino) {
-      if (cartaTermino === true) {
+      if (cartaTermino === 1) {
         return 'check'
       } else {
         return 'close'
@@ -211,15 +220,12 @@ export default {
       }
     },
     obtenerDatos () {
-      // this.loading = true
+      this.loading = true
       this.data = []
-      if (this.idStatus || this.nombre || this.numeroCuenta) {
-        this.page = 1
-      }
-      axios.get(`${process.env.api}/servicio/servicios_responsable?idUsuario=2&pagina=${this.page}&idStatus&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`)
+
+      axios.get(`${process.env.api}/servicio/servicios_responsable?idUsuario=2&pagina=${this.page}&idStatus=${this.idStatus}&nombre=${this.nombre}&numeroCuenta=${this.numeroCuenta}`)
         .then(res => {
           const servicios = res.data.servicios
-          // this.page = 1
 
           if (servicios.length !== 0) {
             for (let i = 0; i < servicios.length; i++) {
@@ -230,20 +236,24 @@ export default {
                 fechaInicio: servicios[i].fechaInicio,
                 fechaFin: servicios[i].fechaFin,
                 status: servicios[i].Status.status,
-                cuestionario: servicios[i].idCuestionarioAlumno
+                cuestionario: servicios[i].idCuestionarioPrograma,
+                cartaTermino: servicios[i].cartaTermino
               })
             }
           }
           let currentTotal = servicios.length
           let contador
 
-          for (let i = 0; i < ((res.data.faltantes + res.data.registros) / 25) + 1; i++) {
+          for (let i = 0; i < (res.data.registros / 25) + 1; i++) {
             contador = i
           }
           currentTotal = this.perPage * contador
           this.total = currentTotal
           this.loading = false
         })
+        .catch((err) => {
+          console.log(err.response.data.message)
+        })
     }
   },
   created () {
@@ -253,4 +263,19 @@ export default {
 </script>
 
 <style>
+.input:focus{
+  border:#1b3d70;
+  box-shadow: 0 0 8px 0 #1b3d70;
+}
+.select select:focus{
+  border-color: #1b3d70;
+  box-shadow: 0 0 8px 0 #1b3d70;
+}
+.select:not(.is-multiple):not(.is-loading)::after{
+  border-color: #1b3d70;
+}
+.pagination-link.is-current {
+  background-color: #1b3d70;
+  border-color: #1b3d70;
+}
 </style>