diff --git a/.github/workflows/django.yml b/.github/workflows/django.yml
index 35a2351..749c0b5 100644
--- a/.github/workflows/django.yml
+++ b/.github/workflows/django.yml
@@ -2,40 +2,39 @@ name: Django CI
 
 on:
   push:
-    branches: [ "main", "develop" ]
+    branches: ["main", "develop"]
   pull_request:
-    branches: [ "main", "develop"]
+    branches: ["main", "develop"]
 
 jobs:
   build:
-
     runs-on: ubuntu-latest
     strategy:
       max-parallel: 4
       matrix:
-        python-version: [3.7, 3.8, 3.9]
+        python-version: [3.12.2, 3.11.9, 3.10.14]
 
     steps:
-    - uses: actions/checkout@v4
-    - name: Set up Python ${{ matrix.python-version }}
-      uses: actions/setup-python@v3
-      with:
-        python-version: ${{ matrix.python-version }}
-    - name: Install Dependencies
-      run: |
-        cd hiring_module
-        python -m pip install --upgrade pip
-        pip install -r requirements.txt
-    - name: Copy .env file
-      run: |
-        cd hiring_module
-        cp .example.env .env
-    - name: Run Tests
-      run: |
-        export DISPLAY=:99
-        chromedriver --url-base=/wd/hub &
-        sudo Xvfb -ac :99 -screen 0 1280x1024x24 > /dev/null 2>&1 & # optional
-        cd hiring_module
-        python manage.py makemigrations hiring_app
-        python manage.py migrate
-        python manage.py test
+      - uses: actions/checkout@v4
+      - name: Set up Python ${{ matrix.python-version }}
+        uses: actions/setup-python@v3
+        with:
+          python-version: ${{ matrix.python-version }}
+      - name: Install Dependencies
+        run: |
+          cd hiring_module
+          python -m pip install --upgrade pip
+          pip install -r requirements.txt
+      - name: Copy .env file
+        run: |
+          cd hiring_module
+          cp .example.env .env
+      - name: Run Tests
+        run: |
+          export DISPLAY=:99
+          chromedriver --url-base=/wd/hub &
+          sudo Xvfb -ac :99 -screen 0 1280x1024x24 > /dev/null 2>&1 & # optional
+          cd hiring_module
+          python manage.py makemigrations hiring_app
+          python manage.py migrate
+          python manage.py test
diff --git a/docs/ClassDiagram.pdf b/docs/ClassDiagram.pdf
index 103255a..9483cea 100644
Binary files a/docs/ClassDiagram.pdf and b/docs/ClassDiagram.pdf differ
diff --git a/docs/RelationalModel.pdf b/docs/RelationalModel.pdf
index 0841de2..0d02ab0 100644
Binary files a/docs/RelationalModel.pdf and b/docs/RelationalModel.pdf differ
diff --git a/docs/logs/daily.md b/docs/logs/daily.md
index 64b475f..340b348 100644
--- a/docs/logs/daily.md
+++ b/docs/logs/daily.md
@@ -391,4 +391,455 @@
 | Alejandro Londoño    | Afinamiento en el frontend | Implementación de la funcionalidad de asignación de líder, ajuste de los templates acorde a los django templates, resolución de conflictos de la funcionalidad asignación de gestor y asesoría de retoque para el frontend | Ninguno |
 | Alejandro Castro     |                  |                   |                || Santiago Valencia    | Nada | Se culmina con la implementación de la bitácora y se<br>terminan de hacer commits de la barra de progreso<br>y de la bitácora | Ninguno || Juan Sebastian Diaz  |                  |                   |                |
 
+</details>
+
+<details>
+<summary>01/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Nada | Ninguno |
+| Alejandro Londoño    |                  |                   |                |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  |                  |                   |                |
+| Santiago Valencia    | Nada | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>02/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Nada | Ninguno |
+| Alejandro Londoño    | Nada | Nada | Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Hacer historias de usuario del segundo sprint | Nada | Ninguno |
+| Santiago Valencia    | Nada | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>03/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Nada | Ninguno |
+| Alejandro Londoño    | Nada | Nada | Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Hacer las tareas de las historias de usuario | Hacer historias de usuario del segundo sprint | Ninguno |
+| Santiago Valencia    | Nada | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>04/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Nada | Ninguno |
+| Alejandro Londoño    | Nada | Nada | Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  |                  |                   |                |
+| Santiago Valencia    | Nada | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>05/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Nada | Ninguno |
+| Alejandro Londoño    | Nada | Nada | Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  |                  |                   |                |
+| Santiago Valencia    | Nada | Nada | Ninguno |
+</details>
+
+<details>
+<summary>06/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Nada | Ninguno |
+| Alejandro Londoño    | Nada | Nada | Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  |                  |                   |                |
+| Santiago Valencia    | Nada | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>07/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Nada | Ninguno |
+| Alejandro Londoño    | Nada | Nada | Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  |                  |                   |                |
+| Santiago Valencia    | Nada | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>08/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Nada | Ninguno |
+| Alejandro Londoño    | Nada | Nada | Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Nada | Nada | Ninguno |
+| Santiago Valencia    | Nada | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>09/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Nada | Ninguno |
+| Alejandro Londoño    | Nada | Nada | Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Nada | Nada | Ninguno |
+| Santiago Valencia    | Nada | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>10/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Nada | Ninguno |
+| Alejandro Londoño    | Nada | Nada | Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Nada | Nada | Ninguno |
+| Santiago Valencia    | Nada | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>11/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Nada | Ninguno|
+| Alejandro Londoño    | Nada | Nada | Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Nada | Nada | Ninguno |
+| Santiago Valencia    | Nada | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>12/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Nada | Ninguno |
+| Alejandro Londoño    |  | Nada | Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Revisar bugs y problemas del sistema | nada | ninguno |
+| Santiago Valencia    | Nada | Nada | Ninguno |
+</details>
+
+<details>
+<summary>13/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Empezar la logica en el backend para el panel de administracion de usuarios| Nada             | Ninguno        |
+| Alejandro Londoño    | Reunión sobre nuevas características | Nada | Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Revisar codigo para reestructuracion y posible implementacion SOLID | Revisar bug | Ninguno|
+| Santiago Valencia    | Nada | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>14/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Terminar el frontend para el panel de administrador de usuarios | Empezar la logica en el backend para el panel de administrador | Ninguno |
+| Alejandro Londoño    | Creación del template base para paneles de control | Nada  | Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Revisar PR de Julian, comenzar despliegue y migracion de base de datos | Nada | Vercel tiene muchos problemas para desplegar un repositorio no propio, la base de datos de elephant esta desactualizada|
+| Santiago Valencia    | Nada | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>15/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Nada | Ninguno |
+| Alejandro Londoño    | Refactorización de templates | Creación del template base para paneles de control | Necesidad de charla técnica con el grupo al encontrar faltas de entendimiento sobre los templates de django |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Migracion de base de datos a algun servicio cloud y vercel no corre el programa| Comienzo de despliegue | Probe desactualizando Django, pero no funciono. |
+| Santiago Valencia    | Nada | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>16/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Nada | Ninguno |
+| Alejandro Londoño    | Nada | Nada | Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Implementacion de una bd con aivencloud y despliegue con vercel | migracion y despliegue | con la base de datos no tuve ningun problema, vercel sigue sin funcionar |
+| Santiago Valencia    | Nada | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>17/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Nada | Ninguno |
+| Alejandro Londoño    | Nada | Nada | Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Intento de despligue con vercel | implementacion de bd con aiven cloud | No funciona |
+| Santiago Valencia    | Nada | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>18/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Nada | Ninguno |
+| Alejandro Londoño    | Nada | Nada | Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Intento de despliegue con nueva plataforma, railway | intento de despliegue | Se me acabo el saldo  |
+| Santiago Valencia    | Nada | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>19/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Nada | Ninguno |
+| Alejandro Londoño    | Nada | Nada | Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Intento de despliegue con Render | Intento con railway | gunicorn genera muchos conflictos por su estructura |
+| Santiago Valencia    | Nada | Nada | Ninguno |
+</details>
+
+<details>
+<summary>20/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Nada | Ninguno        |
+| Alejandro Londoño    | Refactorización de las vistas de paneles de control | Nada | Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Despliegue con Render dockerizando la aplicacion | Intento de despliegue en render con opcion "python 3" | nuestros modulos de tailwind son incompatibles, asi que hay que hacer una reestructuracion del frotend. |
+| Santiago Valencia    | Nada | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>21/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Nada | Ninguno |
+| Alejandro Londoño    | Abstracción de consultas para estadísticas | Refactorización de las vistas de paneles de control| Ninguno |
+| Alejandro Castro     | Analizar como utilizar los filtros en las solicitudes de contratación | Nada | Ninguno |
+| Juan Sebastian Diaz  | Nada | Nada | Ninguno|
+| Santiago Valencia    | Nada | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>22/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Ayudar en resolucion de conflictos de merge | Nada | Ninguno |
+| Alejandro Londoño    | Implementación de indicadores generales para los tableros de control | Nada | Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Refactorizacion del frontend | Nada | Integracion de bootstrap por medio de link |
+| Santiago Valencia    | Se comenzó a pensar la implementación de las estadísticas de los gestores | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>23/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Ayudar en resolucion de conflictos de merge | Ninguno |
+| Alejandro Londoño    | Renderizado de las solicitudes de contratación para cada grupo de usuario | Implementación de indicadores generales para los tableros de control| Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Desarrollo de los componentes basados en bootstrap y actividad responsive  | Refactorizacion del frontend| Ninguno |
+| Santiago Valencia    | Se crearon los archivos de las estadísticas de los gestores | Se comenzó a pensar la implementación de las estadísticas de los gestores | Ninguno |
+
+</details>
+<details>
+<summary>24/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Ayudar en resolucion de conflictos de merge | Nada | Ninguno |
+| Alejandro Londoño    | Asignación de líderes y gestores a solicitudes de contratación desde el panel de control | Renderizado de las solicitudes de contratación para cada grupo de usuario | Ninguno |
+| Alejandro Castro     | Realicé en análisis de la tarea para la implementación | Nada | Ninguno |
+| Juan Sebastian Diaz  | Funcionalidades interactivas y diseño del panel de control | Desarrollo de los componentes| Ninguno |
+| Santiago Valencia    | Se desarrolló parte del front para mostrar las estadísticas de los gestores | Se crearon los archivos de las estadísticas de los gestores | Ninguno |
+
+</details>
+
+<details>
+<summary>25/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Ayudar en resolucion de conflictos de merge | Ninguno |
+| Alejandro Londoño    | Nada | Asignación de líderes y gestores a solicitudes de contratación desde el panel de control | Conflictos con el nuevo frontend |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Desarrollo de las pantallas de informacion y dropdowns | Funcionalidades interactivas y diseño| Ninguno  |
+| Santiago Valencia    | Nada | Se desarrolló parte del front para mostrar las estadísticas de los gestores | Ninguno |
+
+</details>
+
+<details>
+<summary>26/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Empezar la creacion del modelo de contrato de prestacion de servicios | Nada | Problemas en funcionalidades ya existentes que no reconocen el nuevo modelo |
+| Alejandro Londoño    | Nada | Nada | Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Pantallas interactivas para las pantallas informativas | Desarrollo de las pantallas de informacion y dropdowns | Ninguno |
+| Santiago Valencia    | Se creó la lógica del back para obtener la información de las estadísticas de los gestores | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>27/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Terminar la creacion del modelo de contrato de prestacion de servicios | Empezar la creacion del modelo de contrato de prestacion de servicios | Ninguno        |
+| Alejandro Londoño    | Nada | Nada | Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Desarrollo de las paginas informativas, migracion de base de datos, implementacion de github actions, tablas responsive | Pantallas interactivas para las pantallas informativas | Ninguno |
+| Santiago Valencia    | Se agregaron algunas estadísticas adicionales para los gestores | Se creó la lógica del back para obtener la información de las estadísticas de los gestores | Ninguno |
+
+</details>
+
+<details>
+<summary>28/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Creacion de estadisticas diarias y mensuales de solicitudes de contratos | Terminar la creacion del modelo de prestacion de servicios | Ninguno |
+| Alejandro Londoño    | Configuración de la base de datos para pruebas | Nada| Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Implementacion de pruebas en selenium, sqlite para testing con ayuda de Alejandro, mejoras de frontend y Githubs actions | Desarrollo de las paginas informativas, migracion de base de datos, implementacion de github actions, tablas responsive | Pantallas interactivas para las pantallas informativas | Ninguno|
+| Santiago Valencia    | Nada | Se agregaron algunas estadísticas adicionales para los gestores | Ninguno |
+
+</details>
+
+<details>
+<summary>29/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Ayudar en resolucion de conflictos de merge | Nada | Ninguno |
+| Alejandro Londoño    | Implementación de indicadores generales para los tableros de control | Nada | Ninguno |
+| Alejandro Castro     | Revisé lo que tenia que realizar en la semana | Nada | Ninguno |
+| Juan Sebastian Diaz  | Implementacion de pruebas funcionales | Nada | NADA |
+| Santiago Valencia    | Se comenzó a pensar la implementación de las estadísticas de los gestores | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>30/04/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Ayudar en resolucion de conflictos de merge | Ninguno |
+| Alejandro Londoño    | Renderizado de las solicitudes de contratación para cada grupo de usuario | Implementación de indicadores generales para los tableros de control| Ninguno |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Refactor de Estadisticas y Pruebas funcionales  | Pruebas funcionales | Ninguno |
+| Santiago Valencia    | Se crearon los archivos de las estadísticas de los gestores | Se comenzó a pensar la implementación de las estadísticas de los gestores | Ninguno |
+
+</details>
+
+<details>
+<summary>01/05/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Ayudar en resolucion de conflictos de merge | Nada | Ninguno |
+| Alejandro Londoño    | Asignación de líderes y gestores a solicitudes de contratación desde el panel de control | Renderizado de las solicitudes de contratación para cada grupo de usuario | Ninguno |
+| Alejandro Castro     | Empecé a realizar la documentación de todo el código | Nada | Ninguno |
+| Juan Sebastian Diaz  | Pruebas funcionales | Pruebas funcionales | Ninguno |
+| Santiago Valencia    | Se desarrolló parte del front para mostrar las estadísticas de los gestores | Se crearon los archivos de las estadísticas de los gestores | Ninguno |
+
+</details>
+
+<details>
+<summary>02/05/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Nada | Ayudar en resolucion de conflictos de merge | Ninguno |
+| Alejandro Londoño    | Nada | Asignación de líderes y gestores a solicitudes de contratación desde el panel de control | Conflictos con el nuevo frontend |
+| Alejandro Castro     | Nada | Nada | Ninguno |
+| Juan Sebastian Diaz  | Pruebas funcionales | Pruebas funcionales | Ninguno  |
+| Santiago Valencia    | Nada | Se desarrolló parte del front para mostrar las estadísticas de los gestores | Ninguno |
+
+</details>
+
+<details>
+<summary>03/05/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Empezar la creacion del modelo de contrato de prestacion de servicios | Nada | Problemas en funcionalidades ya existentes que no reconocen el nuevo modelo |
+| Alejandro Londoño    | Nada | Nada | Ninguno |
+| Alejandro Castro     | Ayude con algunas HU externas de mi tarea| Nada | Ninguno |
+| Juan Sebastian Diaz  | Pruebas funcionales | Pruebas funcionales | Ninguno |
+| Santiago Valencia    | Se creó la lógica del back para obtener la información de las estadísticas de los gestores | Nada | Ninguno |
+
+</details>
+
+<details>
+<summary>04/05/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Terminar la creacion del modelo de contrato de prestacion de servicios | Empezar la creacion del modelo de contrato de prestacion de servicios | Ninguno        |
+| Alejandro Londoño    | Nada | Nada | Ninguno |
+| Alejandro Castro     | Terminé toda la documentación del código | Ayude con algunas HU| Ninguno |
+| Juan Sebastian Diaz  | Pruebas funcionales | Pruebas funcionales | Ninguno |
+| Santiago Valencia    | Se agregaron algunas estadísticas adicionales para los gestores | Se creó la lógica del back para obtener la información de las estadísticas de los gestores | Ninguno |
+
+</details>
+
+<details>
+<summary>05/05/2024</summary>
+
+| Nombre               | Lo que hice hoy  | Lo que hice ayer  | Inconvenientes |
+|----------------------|------------------|-------------------|----------------|
+| Julian Mendoza       | Creacion de estadisticas diarias y mensuales de solicitudes de contratos | Terminar la creacion del modelo de prestacion de servicios | Ninguno |
+| Alejandro Londoño    | Configuración de la base de datos para pruebas | Nada| Ninguno |
+| Alejandro Castro     | Nada | Terminé la documentación del código| Ninguno |
+| Juan Sebastian Diaz  | Pruebas funcionales | Pruebas funcionales | Ninguno |
+| Santiago Valencia    | Nada | Se agregaron algunas estadísticas adicionales para los gestores | Ninguno |
+
 </details>
\ No newline at end of file
diff --git a/docs/logs/daily.pdf b/docs/logs/daily.pdf
new file mode 100644
index 0000000..cef2bb3
Binary files /dev/null and b/docs/logs/daily.pdf differ
diff --git a/docs/logs/weekly.md b/docs/logs/weekly.md
index 9539b10..917f240 100644
--- a/docs/logs/weekly.md
+++ b/docs/logs/weekly.md
@@ -1,40 +1,54 @@
-
-<details>
 <summary>Semana del 01/03/2024 al 09/03/2024</summary>
 
 | Lo que hice esta semana | Lo que hice la semana pasada | Inconvenientes |
 |---------------------------|-------------------------------|----------------|
 | Configuración del proyecto Django, creación del modelo de datos y organización del grupo | Organizar el proyecto, determinar posible organización | Tiempos limitados y conflictos con los requerimientos del cliente |
 
-</details>
-
-<details>
 <summary>Semana del 10/03/2024 al 16/03/2024</summary>
 
 | Lo que hice esta semana | Lo que hice la semana pasada | Inconvenientes |
 |---------------------------|-------------------------------|----------------|
 | Implementación del login, creación y organización de rutas, ajustes en el modelo de datos | Configuración de Tailwind CSS, seguimiento del modelo de datos | Conflictos con las dependencias, ajustes en el modelo de datos |
 
-</details>
-
-<details>
 <summary>Semana del 17/03/2024 al 23/03/2024</summary>
 
 | Lo que hice esta semana | Lo que hice la semana pasada | Inconvenientes |
 |---------------------------|-------------------------------|----------------|
 | Implementación de estilos con Tailwind CSS, frontend de cambio de lider en las solicitudes, diseño de interfaz de detalles de solicitud | Configuración de Tailwind CSS, frontend de cambio de lider en las solicitudes | Conflictos con dependencias, bug con etiquetas Tailwind |
 
-</details>
-
-<details>
 <summary>Semana del 24/03/2024 al 31/03/2024</summary>
 
 | Lo que hice esta semana | Lo que hice la semana pasada | Inconvenientes |
 |---------------------------|-------------------------------|----------------|
 | Refactorización del modelo de datos, manejo de redireccionamiento en el panel de control, implementación de formularios y funcionalidades en el frontend | Mejora en el header y redireccionamiento, afinamiento en el frontend | Conflictos en el repositorio, bugs en la implementación de funcionalidades |
 
-</details>
+<summary>Semana del 01/04/2024 al 07/04/2024</summary>
 
+| Lo que hice esta semana | Lo que hice la semana pasada | Inconvenientes |
+|-------------------------|-------------------------------|----------------|
+| - Nada por parte de Julian Mendoza, Alejandro Castro, Juan Sebastian Diaz, y Santiago Valencia.<br>- Juan Sebastian Diaz: Hizo historias de usuario del segundo sprint el 02/04/2024 y las tareas correspondientes a esas historias el 03/04/2024. | - Nada por parte de Julian Mendoza, Alejandro Castro, Juan Sebastian Diaz, y Santiago Valencia.<br>- Juan Sebastian Diaz: Nada la semana pasada. | - Ninguno por parte de Julian Mendoza, Alejandro Castro, Juan Sebastian Diaz, y Santiago Valencia.<br>- Juan Sebastian Diaz: Ninguno. |
+
+<summary>Semana del 08/04/2024 al 14/04/2024</summary>
+
+| Lo que hice esta semana | Lo que hice la semana pasada | Inconvenientes |
+|-------------------------|-------------------------------|----------------|
+| - Julian Mendoza: Empezó la lógica en el backend para el panel de administración de usuarios el 13/04/2024 y terminó el frontend para el panel de administrador de usuarios el 14/04/2024.<br>- Alejandro Londoño: Participó en una reunión sobre nuevas características el 13/04/2024 y creó el template base para paneles de control el 14/04/2024.<br>- Alejandro Castro: Nada.<br>- Juan Sebastian Diaz: Revisó código para reestructuración y posible implementación SOLID el 13/04/2024, revisó PR de Julian y comenzó despliegue y migración de base de datos el 14/04/2024.<br>- Santiago Valencia: Nada. | - Julian Mendoza: Empezó la lógica en el backend para el panel de administración de usuarios el 13/04/2024 y Alejandro Londoño: Participó en una reunión sobre nuevas características el 13/04/2024.<br>- Alejandro Castro, Juan Sebastian Diaz y Santiago Valencia: Nada.<br>- Juan Sebastian Diaz: Revisó bug el 13/04/2024. | - Ninguno por parte de Julian Mendoza, Alejandro Londoño, Alejandro Castro y Santiago Valencia.<br>- Juan Sebastian Diaz: Vercel tiene muchos problemas para desplegar un repositorio no propio, la base de datos de Elephant está desactualizada. |
 
+<summary>Semana del 15/04/2024 al 21/04/2024</summary>
 
+| Lo que hice esta semana | Lo que hice la semana pasada | Inconvenientes |
+|-------------------------|-------------------------------|----------------|
+| - Julian Mendoza: Nada.<br>- Alejandro Londoño: Refactorización de templates el 15/04/2024 y abstracción de consultas para estadísticas el 21/04/2024.<br>- Alejandro Castro: Analizar cómo utilizar los filtros en las solicitudes de contratación el 21/04/2024.<br>- Juan Sebastian Diaz: Despliegue con Render dockerizando la aplicación el 20/04/2024.<br>- Santiago Valencia: Nada. | - Julian Mendoza: Nada.<br>- Alejandro Londoño: Refactorización de las vistas de paneles de control el 20/04/2024.<br>- Alejandro Castro: Nada.<br>- Juan Sebastian Diaz: Intento de despliegue con Render el 19/04/2024.<br>- Santiago Valencia: Nada. | - Alejandro Londoño: Necesidad de charla técnica con el grupo al encontrar faltas de entendimiento sobre los templates de Django el 15/04/2024.<br>- Juan Sebastian Diaz: Gunicorn genera muchos conflictos por su estructura el 19/04/2024 y nuestros módulos de Tailwind son incompatibles, así que hay que hacer una reestructuración del frontend el 20/04/2024.|
+
+<summary>Semana del 22/04/2024 al 28/04/2024</summary>
+
+| Lo que hice esta semana | Lo que hice la semana pasada | Inconvenientes |
+|-------------------------|-------------------------------|----------------|
+| - Julian Mendoza: Ayudar en resolución de conflictos de merge el 22/04/2024 y comenzar la creación del modelo de contrato de prestación de servicios el 26/04/2024.<br>- Alejandro Londoño: Implementación de indicadores generales para los tableros de control el 22/04/2024 y renderizado de las solicitudes de contratación para cada grupo de usuario el 23/04/2024.<br>- Alejandro Castro: Nada.<br>- Juan Sebastian Diaz: Refactorización del frontend el 22/04/2024 y desarrollo de las pantallas de información y dropdowns el 23/04/2024.<br>- Santiago Valencia: Se comenzó a pensar en la implementación de las estadísticas de los gestores el 22/04/2024 y se creó la lógica del backend para obtener la información de las estadísticas de los gestores el 26/04/2024. | - Julian Mendoza: Ayudar en resolución de conflictos de merge el 22/04/2024 y comenzar la creación del modelo de contrato de prestación de servicios el 26/04/2024.<br>- Alejandro Londoño: Implementación de indicadores generales para los tableros de control el 22/04/2024 y renderizado de las solicitudes de contratación para cada grupo de usuario el 23/04/2024.<br>- Alejandro Castro: Nada.<br>- Juan Sebastian Diaz: Refactorización del frontend el 22/04/2024 y desarrollo de las pantallas de información y dropdowns el 23/04/2024.<br>- Santiago Valencia: Se comenzó a pensar en la implementación de las estadísticas de los gestores el 22/04/2024 y se creó la lógica del backend para obtener la información de las estadísticas de los gestores el 26/04/2024. | - Conflictos con el nuevo frontend por parte de Alejandro Londoño el 25/04/2024.<br>- Problemas en funcionalidades ya existentes que no reconocen el nuevo modelo por parte de Julian Mendoza el 26/04/2024.<br>- Ninguno para el resto del equipo. |
+
+<summary>Semana del 29/04/2024 al 05/05/2024</summary>
+
+| Lo que hice esta semana | Lo que hice la semana pasada | Inconvenientes |
+|-------------------------|-------------------------------|----------------|
+| - Julian Mendoza: Ayudar en resolución de conflictos de merge el 29/04/2024 y comenzar la creación del modelo de contrato de prestación de servicios el 03/05/2024.<br>- Alejandro Londoño: Implementación de indicadores generales para los tableros de control el 29/04/2024 y renderizado de las solicitudes de contratación para cada grupo de usuario el 30/04/2024.<br>- Alejandro Castro: Revisé lo que tenía que realizar en la semana el 29/04/2024 y empecé a realizar la documentación de todo el código el 01/05/2024.<br>- Juan Sebastian Diaz: Implementación de pruebas funcionales durante toda la semana.<br>- Santiago Valencia: Se comenzó a pensar en la implementación de las estadísticas de los gestores el 29/04/2024 y se agregaron algunas estadísticas adicionales para los gestores el 05/05/2024. | - Julian Mendoza: Ayudar en resolución de conflictos de merge el 29/04/2024 y comenzar la creación del modelo de contrato de prestación de servicios el 03/05/2024.<br>- Alejandro Londoño: Implementación de indicadores generales para los tableros de control el 29/04/2024 y renderizado de las solicitudes de contratación para cada grupo de usuario el 30/04/2024.<br>- Alejandro Castro: Revisé lo que tenía que realizar en la semana el 29/04/2024 y empecé a realizar la documentación de todo el código el 01/05/2024.<br>- Juan Sebastian Diaz: Implementación de pruebas funcionales durante toda la semana.<br>- Santiago Valencia: Se comenzó a pensar en la implementación de las estadísticas de los gestores el 29/04/2024 y se agregaron algunas estadísticas adicionales para los gestores el 05/05/2024. | - Conflictos con el nuevo frontend por parte de Alejandro Londoño el 02/05/2024.<br>- Problemas en funcionalidades ya existentes que no reconocen el nuevo modelo por parte de Julian Mendoza el 03/05/2024.<br>- Ninguno para el resto del equipo. |
 
diff --git a/docs/logs/weekly.pdf b/docs/logs/weekly.pdf
new file mode 100644
index 0000000..938cde6
Binary files /dev/null and b/docs/logs/weekly.pdf differ
diff --git a/hiring_module/hiring_app/model/contract_request_model.py b/hiring_module/hiring_app/model/contract_request_model.py
index 6899329..07bdb79 100644
--- a/hiring_module/hiring_app/model/contract_request_model.py
+++ b/hiring_module/hiring_app/model/contract_request_model.py
@@ -4,6 +4,7 @@
 from .user_model import CustomUser
 from django.utils import timezone
 from .contract_request_snapshot_model import ContractRequestSnapshot
+
 def state_choices():
     return (
         ('pending', 'Pending'),
diff --git a/hiring_module/hiring_app/static/js/statistics/daily_requests_pie_chart.js b/hiring_module/hiring_app/static/js/statistics/daily_requests_pie_chart.js
deleted file mode 100644
index 9437f7e..0000000
--- a/hiring_module/hiring_app/static/js/statistics/daily_requests_pie_chart.js
+++ /dev/null
@@ -1,46 +0,0 @@
-var dailyRequestChart;
-
-function createOrUpdateDailyRequestChart() {
-    var chartCanvas = document.getElementById("daily_requests_pie_chart");
-    
-    // Eliminar el gráfico anterior si existe
-    if (dailyRequestChart) {
-        dailyRequestChart.destroy();
-    }
-    
-    // Crear el nuevo gráfico
-    var ctx = chartCanvas.getContext('2d');
-    dailyRequestChart = new Chart(ctx, {
-        type: 'doughnut',
-        data: {
-            labels: ["Solicitudes CEX", "Solicitudes Monitoria", "Solicitudes POS"],
-            datasets: [{
-                data: [
-                    parseInt(document.getElementById("contratos_cex").innerText),
-                    parseInt(document.getElementById("contratos_monitoria").innerText),
-                    parseInt(document.getElementById("contratos_pos").innerText)
-                ],
-                backgroundColor: ['#1cc88a', '#f6c23e', '#5a5c69'],
-                hoverBackgroundColor: ['#188f64', '#c99f33', '#3c3e49'],
-                hoverBorderColor: "rgba(234, 236, 244, 1)",
-            }],
-        },
-        options: {
-            maintainAspectRatio: false,
-            tooltips: {
-                backgroundColor: "rgb(255,255,255)",
-                bodyFontColor: "#858796",
-                borderColor: '#dddfeb',
-                borderWidth: 1,
-                xPadding: 15,
-                yPadding: 15,
-                displayColors: true,
-                caretPadding: 10,
-            },
-            legend: {
-                display: true
-            },
-            cutoutPercentage: 80,
-        },
-    });
-}
diff --git a/hiring_module/hiring_app/static/js/statistics/date_range_requests_pie_chart.js b/hiring_module/hiring_app/static/js/statistics/date_range_requests_pie_chart.js
new file mode 100644
index 0000000..8c80b3a
--- /dev/null
+++ b/hiring_module/hiring_app/static/js/statistics/date_range_requests_pie_chart.js
@@ -0,0 +1,48 @@
+var rangeRequestChart;
+
+function createOrUpdateDateRangeRequestChart() {
+  var chartCanvas = document.getElementById("date_range_requests_pie_chart");
+
+  // Eliminar el gráfico anterior si existe
+  if (rangeRequestChart) {
+    rangeRequestChart.destroy();
+  }
+
+  // Crear el nuevo gráfico
+  var ctx = chartCanvas.getContext("2d");
+  rangeRequestChart = new Chart(ctx, {
+    type: "doughnut",
+    data: {
+      labels: ["Solicitudes CEX", "Solicitudes Monitoria", "Solicitudes POS"],
+      datasets: [
+        {
+          data: [
+            parseInt(document.getElementById("contratos_cex").innerText),
+            parseInt(document.getElementById("contratos_monitoria").innerText),
+            parseInt(document.getElementById("contratos_pos").innerText),
+          ],
+          backgroundColor: ["#1cc88a", "#f6c23e", "#5a5c69"],
+          hoverBackgroundColor: ["#188f64", "#c99f33", "#3c3e49"],
+          hoverBorderColor: "rgba(234, 236, 244, 1)",
+        },
+      ],
+    },
+    options: {
+      maintainAspectRatio: false,
+      tooltips: {
+        backgroundColor: "rgb(255,255,255)",
+        bodyFontColor: "#858796",
+        borderColor: "#dddfeb",
+        borderWidth: 1,
+        xPadding: 15,
+        yPadding: 15,
+        displayColors: true,
+        caretPadding: 10,
+      },
+      legend: {
+        display: true,
+      },
+      cutoutPercentage: 80,
+    },
+  });
+}
diff --git a/hiring_module/hiring_app/static/js/statistics/leader_pie_chart.js b/hiring_module/hiring_app/static/js/statistics/leader_pie_chart.js
index 79cd487..2791f4d 100644
--- a/hiring_module/hiring_app/static/js/statistics/leader_pie_chart.js
+++ b/hiring_module/hiring_app/static/js/statistics/leader_pie_chart.js
@@ -2,7 +2,7 @@ var leaderChart;
 
 function createOrUpdateLeaderChart() {
     var chartCanvas = document.getElementById("leader_chart_pie");
-    
+
     // Eliminar el gráfico anterior si existe
     if (leaderChart) {
         leaderChart.destroy();
@@ -13,15 +13,16 @@ function createOrUpdateLeaderChart() {
     leaderChart = new Chart(ctx, {
         type: 'doughnut',
         data: {
-            labels: ["Solicitudes Aprobadas", "Solicitudes En revisión", "Solicitudes por validar"],
+            labels: ["Solicitudes Aprobadas", "Solicitudes En revisión", "Solicitudes por validar","Solicitudes canceladas"],
             datasets: [{
                 data: [
                     parseInt(document.getElementById("solicitudes_aprobadas_leader").innerText),
                     parseInt(document.getElementById("solicitudes_en_revision_leader").innerText),
-                    parseInt(document.getElementById("solicitudes_por_validar_leader").innerText)
+                    parseInt(document.getElementById("solicitudes_por_validar_leader").innerText),
+                    parseInt(document.getElementById("solicitudes_canceladas_leader").innerText)
                 ],
-                backgroundColor: ['#1cc88a', '#f6c23e', '#e74a3b'],
-                hoverBackgroundColor: ['#188f64', '#c99f33', '#9d342a'],
+                backgroundColor: ['#1cc88a', '#f6c23e', '#e74a3b','#858795'],
+                hoverBackgroundColor: ['#188f64', '#c99f33', '#9d342a','#666873'],
                 hoverBorderColor: "rgba(234, 236, 244, 1)",
             }],
         },
diff --git a/hiring_module/hiring_app/static/js/statistics/manager_pie_chart.js b/hiring_module/hiring_app/static/js/statistics/manager_pie_chart.js
index 3b5e1bb..4ee5891 100644
--- a/hiring_module/hiring_app/static/js/statistics/manager_pie_chart.js
+++ b/hiring_module/hiring_app/static/js/statistics/manager_pie_chart.js
@@ -2,7 +2,7 @@ var managerChart;
 
 function createOrUpdateManagerChart() {
     var chartCanvas = document.getElementById("manager_chart_pie");
-    
+
     // Eliminar el gráfico anterior si existe
     if (managerChart) {
         managerChart.destroy();
@@ -13,15 +13,16 @@ function createOrUpdateManagerChart() {
     managerChart = new Chart(ctx, {
         type: 'doughnut',
         data: {
-            labels: ["Solicitudes Aprobadas", "Solicitudes En revisión", "Solicitudes por validar"],
+            labels: ["Solicitudes Aprobadas", "Solicitudes En revisión", "Solicitudes por validar", "Solicitudes canceladas"],
             datasets: [{
                 data: [
                     parseInt(document.getElementById("solicitudes_aprobadas_manager").innerText),
                     parseInt(document.getElementById("solicitudes_en_revision_manager").innerText),
-                    parseInt(document.getElementById("solicitudes_por_validar_manager").innerText)
+                    parseInt(document.getElementById("solicitudes_por_validar_manager").innerText),
+                    parseInt(document.getElementById("solicitudes_canceladas_manager").innerText)
                 ],
-                backgroundColor: ['#1cc88a', '#f6c23e', '#e74a3b'],
-                hoverBackgroundColor: ['#188f64', '#c99f33', '#9d342a'],
+                backgroundColor: ['#1cc88a', '#f6c23e', '#e74a3b','#858795'],
+                hoverBackgroundColor: ['#188f64', '#c99f33', '#9d342a','#666873'],
                 hoverBorderColor: "rgba(234, 236, 244, 1)",
             }],
         },
diff --git a/hiring_module/hiring_app/templates/admin_user/administrator_user_list.html b/hiring_module/hiring_app/templates/admin_user/administrator_user_list.html
index 48daacf..d43f727 100644
--- a/hiring_module/hiring_app/templates/admin_user/administrator_user_list.html
+++ b/hiring_module/hiring_app/templates/admin_user/administrator_user_list.html
@@ -1,7 +1,7 @@
 {% extends 'base.html' %}
 {% load static %}
 {% block title %}
-Panel de control
+Lista de usuarios
 {% endblock %}
 
 
@@ -60,7 +60,7 @@
 
     <!-- Page Heading -->
     <div class="d-sm-flex align-items-center justify-content-between mb-4">
-        <h1 class="h3 mb-0 text-gray-800">Panel de control</h1>
+        <h1 class="h3 mb-0 text-gray-800">Lista de usuarios</h1>
     </div>
 
     <!-- Content center -->
diff --git a/hiring_module/hiring_app/templates/admin_user/components/user_element_container.html b/hiring_module/hiring_app/templates/admin_user/components/user_element_container.html
index 287f86d..4afad35 100644
--- a/hiring_module/hiring_app/templates/admin_user/components/user_element_container.html
+++ b/hiring_module/hiring_app/templates/admin_user/components/user_element_container.html
@@ -1,17 +1,21 @@
-<div class="col-xl-3 col-md-6 mb-4">
-    <div class="card border-left-primary shadow h-100 py-2">
-        <div class="card-body">
-            <div class="row no-gutters align-items-center">
-                <div class="col mr-2">
-                    <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
-                        {{ status }}
-                    </div>
-                    <div class="h5 mb-0 font-weight-bold text-gray-800">{{ count }} Usuarios</div>
-                </div>
-                <div class="col-auto">
-                    <i class="fas fa-calendar fa-2x text-gray-300"></i>
-                </div>
-            </div>
+<div class="col-xl-4 col-md-6 mb-4">
+  <div class="card border-left-primary shadow h-100 py-2">
+    <div class="card-body">
+      <div class="row no-gutters align-items-center">
+        <div class="col mr-2">
+          <div
+            class="text-xs font-weight-bold text-primary text-uppercase mb-1"
+          >
+            {{ status }}
+          </div>
+          <div class="h5 mb-0 font-weight-bold text-gray-800">
+            {{ count }} Usuarios
+          </div>
         </div>
+        <div class="col-auto">
+          <i class="fas fa-calendar fa-2x text-gray-300"></i>
+        </div>
+      </div>
     </div>
+  </div>
 </div>
diff --git a/hiring_module/hiring_app/templates/admin_user/components/user_list.html b/hiring_module/hiring_app/templates/admin_user/components/user_list.html
index 3e80753..1538047 100644
--- a/hiring_module/hiring_app/templates/admin_user/components/user_list.html
+++ b/hiring_module/hiring_app/templates/admin_user/components/user_list.html
@@ -1,11 +1,11 @@
-<div class="container-fluid">
+<div class="container-fluid p-0">
 
     <!-- Page Heading -->
-    <h1 class="h3 mb-2 text-gray-800">Solicitudes de contratación</h1>
+    <h1 class="h3 mb-2 text-gray-800">Lista de usuarios</h1>
     <!-- DataTales Example -->
     <div class="card shadow mb-4">
         <div class="card-header py-3 d-flex justify-content-between align-items-center">
-            <h6 class="m-0 font-weight-bold text-primary">Listado de solicitudes de contratación</h6>
+            <h6 class="m-0 font-weight-bold text-primary">Listado de usuarios del equipo</h6>
             <a id="addUser" href="add_user/" class="btn btn-primary btn-icon-split">
                 <span class="text">Agregar usuario</span>
             </a>
diff --git a/hiring_module/hiring_app/templates/admin_user/components/user_list_center_container.html b/hiring_module/hiring_app/templates/admin_user/components/user_list_center_container.html
index 275d54e..c45b22a 100644
--- a/hiring_module/hiring_app/templates/admin_user/components/user_list_center_container.html
+++ b/hiring_module/hiring_app/templates/admin_user/components/user_list_center_container.html
@@ -1,5 +1,5 @@
 <div class="row justify-content-center">
-    {% include 'admin_user/components/user_element_container.html' with count=1 status='Administradores' %}
-    {% include 'admin_user/components/user_element_container.html' with count=2 status='Lideres' %}
-    {% include 'admin_user/components/user_element_container.html' with count=2 status='Gestores' %}
-</div>
+    {% include 'admin_user/components/user_element_container.html' with count=admins_ammount status='Administradores' %}
+    {% include 'admin_user/components/user_element_container.html' with count=leaders_ammount status='Lideres' %}
+    {% include 'admin_user/components/user_element_container.html' with count=managers_ammount status='Gestores' %}
+</div>
\ No newline at end of file
diff --git a/hiring_module/hiring_app/templates/auth/login.html b/hiring_module/hiring_app/templates/auth/login.html
index 95495db..d1f9b1d 100644
--- a/hiring_module/hiring_app/templates/auth/login.html
+++ b/hiring_module/hiring_app/templates/auth/login.html
@@ -1,25 +1,24 @@
 {% load static %}
-    <div style="display: flex; justify-content: center; align-items: center; height: 100vh; overflow: hidden;">
-        <div style="display: flex; flex-direction: column; align-items: center; margin-top: 20px; padding: 30px; background-color: rgba(255, 255, 255, 0.918); border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); max-width: 350px; min-width: 30vw;">
-            <img src="{% static 'images/auth/logo_icesi.webp' %}" alt="logo" style="margin-bottom: 20px; height: 70px;">
-            <h1 style="font-size: 20px; font-weight: bold; line-height: 1.2; margin-bottom: 20px; color: #333;">Sign in to your account</h1>
-            <form method="post" style="display: flex; flex-direction: column; width: 100%;" action="#">
-                {% csrf_token %}
-                {{ form.non_field_errors }}
+<div style="display: flex; justify-content: center; align-items: center; height: 100vh; overflow: hidden;">
+    <div style="display: flex; flex-direction: column; align-items: center; margin-top: 20px; padding: 35px; background-color: rgba(255, 255, 255, 0.918); border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); max-width: 350px; min-width: 30vw;">
+        <img src="{% static 'images/auth/logo_icesi.webp' %}" alt="logo" style="margin-bottom: 20px; height: 70px;">
+        <form method="post" style="display: flex; flex-direction: column; width: 100%;" action="#">
+            {% csrf_token %}
+            {{ form.non_field_errors }}
 
-                <label for="email" style="margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #333;">Your ID</label>
-                {{ form.id }}
-                <label for="password" style="margin-top: 15px; margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #333;">Password</label>
-                {{ form.password }}
+            <label for="email" style="margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #333;">Usuario</label>
+            <input type="number" name="id" style="padding: 10px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 5px; font-size: 14px;" placeholder="" min="0" step="1" required="" id="id_id">
+            <label for="password" style="margin-top: 15px; margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #333;">Contraseña</label>
+            <input type="password" name="password" style="padding: 10px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 5px; font-size: 14px;" placeholder="" required="" id="id_password">
 
-                <button type="submit" style="padding: 12px; margin-top: 20px; border: none; border-radius: 8px; background-color: #2A8FD0; color: #fff; font-size: 16px; cursor: pointer; transition: background-color 0.3s ease-in-out;">Sign in</button>
-                <div>
-                {% if messages %}
-                    {% for message in messages %}
-                        <p id="warningMessage" style="color: #dc2626; font-weight: 600; margin-top: 20px; text-align: center;">Credenciales incorrectas. Inténtelo de nuevo.</p>
-                    {% endfor %}
-                {% endif %}                
-                </div>
-            </form>
-        </div>
+            <button type="submit" style="padding: 12px; margin-top: 20px; border: none; border-radius: 8px; background-color: #2A8FD0; color: #fff; font-size: 16px; cursor: pointer; transition: background-color 0.3s ease-in-out;">Iniciar Sesión</button>
+            <div>
+            {% if messages %}
+                {% for message in messages %}
+                    <p id="warningMessage" style="color: #dc2626; font-weight: 600; margin-top: 20px; text-align: center;">Credenciales incorrectas. Inténtelo de nuevo.</p>
+                {% endfor %}
+            {% endif %}                
+            </div>
+        </form>
     </div>
+</div>
diff --git a/hiring_module/hiring_app/templates/base.html b/hiring_module/hiring_app/templates/base.html
index bc59a5b..c62d076 100644
--- a/hiring_module/hiring_app/templates/base.html
+++ b/hiring_module/hiring_app/templates/base.html
@@ -2,83 +2,69 @@
 
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
+  <head>
     <title>{% block title %}{% endblock %}</title>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="description" content="">
-    <meta name="author" content="">
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+    />
+    <meta name="description" content="" />
+    <meta name="author" content="" />
 
     <link
-        href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
-        rel="stylesheet">
-
-
+      href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
+      rel="stylesheet"
+    />
 
-        <link href="{% static 'css/sb-admin-2.min.css' %}" rel="stylesheet">
-        <link href="{% static 'vendor/fontawesome-free/css/all.min.css' %}" rel="stylesheet" type="text/css">
-        
-        <!-- Custom styles for the table -->
-        <link href="{% static 'vendor/datatables/dataTables.bootstrap4.min.css' %}" rel="stylesheet">
-        {% block metadata %}
 
-        {% endblock %} 
-</head>
+    
+    <link href="{% static 'css/sb-admin-2.min.css' %}" rel="stylesheet" />
+    <link
+      href="{% static 'vendor/fontawesome-free/css/all.min.css' %}"
+      rel="stylesheet"
+      type="text/css"
+    />
 
-<body id="page-top">
+    <!-- Custom styles for the table -->
+    <link
+      href="{% static 'vendor/datatables/dataTables.bootstrap4.min.css' %}"
+      rel="stylesheet"
+    />
+    {% block metadata %} {% endblock %}
+  </head>
 
+  <body id="page-top">
     <!-- Page Wrapper -->
     <div id="wrapper">
-
-        <!-- Sidebar -->
-        {% include 'components/LeftSideMenu.html' %}
-        <!-- End of Sidebar -->
-
-        <!-- Content Wrapper -->
-        <div id="content-wrapper" class="d-flex flex-column">
-
-            <!-- Main Content -->
-            <div id="content">
-
-                <!-- Topbar -->
-                {% include 'components/header.html' %}
-                <!-- End of Topbar -->
-
-                <!-- Begin Page Content -->
-                {% block content %}
-
-                {% endblock %}
-                <!-- /.container-fluid -->
-
-            </div>
-            <!-- End of Main Content -->
-
-            <!-- Footer -->
-            <footer class="sticky-footer bg-white">
-                <div class="container my-auto">
-                    <div class="copyright text-center my-auto">
-                        <span>Copyright &copy; Modulo de contratacion 2024-1</span>
-                    </div>
-                </div>
-            </footer>
-            <!-- End of Footer -->
-
+      <!-- Sidebar -->
+      {% include 'components/LeftSideMenu.html' %}
+      <!-- End of Sidebar -->
+
+      <!-- Content Wrapper -->
+      <div id="content-wrapper" class="d-flex flex-column">
+        <!-- Main Content -->
+        <div id="content">
+          <!-- Topbar -->
+          {% include 'components/header.html' %}
+          <!-- End of Topbar -->
+
+          <!-- Begin Page Content -->
+          {% block content %} {% endblock %}
+          <!-- /.container-fluid -->
         </div>
-        <!-- End of Content Wrapper -->
-
+        <!-- End of Main Content -->
+      </div>
+      <!-- End of Content Wrapper -->
     </div>
     <!-- End of Page Wrapper -->
 
     <!-- Scroll to Top Button-->
     <a class="scroll-to-top rounded" href="#page-top">
-        <i class="fas fa-angle-up"></i>
+      <i class="fas fa-angle-up"></i>
     </a>
 
-
-
-
     <!-- Bootstrap core JavaScript-->
     <script src="{% static 'vendor/jquery/jquery.min.js' %}"></script>
     <script src="{% static 'vendor/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
@@ -94,37 +80,34 @@
 
     <!-- Page level custom scripts -->
     <script src="{% static 'js/demo/chart-area-demo.js' %}"></script>
-    
+
     <!-- Page level plugins -->
     <script src="{% static 'vendor/datatables/jquery.dataTables.min.js' %}"></script>
     <script src="{% static 'vendor/datatables/dataTables.bootstrap4.min.js' %}"></script>
 
     <!-- Page level custom scripts -->
     <script src="{% static 'js/demo/datatables-demo.js' %}"></script>
-
-
-</body>
-<style>
+  </body>
+  <style>
     .loading-indicator {
-        position: fixed;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        z-index: 9999;
-        /* Asegura que el indicador de carga esté por encima de todo el contenido */
+      position: fixed;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      z-index: 9999;
+      /* Asegura que el indicador de carga esté por encima de todo el contenido */
     }
 
     .dark-overlay {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background-color: rgba(0, 0, 0, 0.2);
-        /* Color oscuro con opacidad del 50% */
-        z-index: 9998;
-        /* Asegura que el fondo oscuro esté por encima del contenido pero debajo del indicador de carga */
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background-color: rgba(0, 0, 0, 0.2);
+      /* Color oscuro con opacidad del 50% */
+      z-index: 9998;
+      /* Asegura que el fondo oscuro esté por encima del contenido pero debajo del indicador de carga */
     }
-</style>
-
-</html>
\ No newline at end of file
+  </style>
+</html>
diff --git a/hiring_module/hiring_app/templates/components/LeftSideMenu.html b/hiring_module/hiring_app/templates/components/LeftSideMenu.html
index c21daf2..4923021 100644
--- a/hiring_module/hiring_app/templates/components/LeftSideMenu.html
+++ b/hiring_module/hiring_app/templates/components/LeftSideMenu.html
@@ -16,7 +16,7 @@
 
     <li class="nav-item active">
 
-        <a class="nav-link" href="{% url 'hiring_app:administrator_dashboard' %}">
+        <a id="ControlPanel" class="nav-link" href="{% url 'hiring_app:administrator_dashboard' %}">
             <i class="fas fa-fw fa-tachometer-alt"></i>
             <span>Panel de control</span>
         </a>
@@ -29,7 +29,7 @@
         {% endif %}
 
         {% if actualgroup != "external" %}
-        <a class="nav-link" href="{% url 'hiring_app:statistics' %}">
+        <a id="Statistics" class="nav-link" href="{% url 'hiring_app:statistics' %}">
             <i class="fas fa-fw fa-file-contract"></i>
             <span>Estadisticas</span>
         </a>
diff --git a/hiring_module/hiring_app/templates/components/header.html b/hiring_module/hiring_app/templates/components/header.html
index 51bd64d..daf561d 100644
--- a/hiring_module/hiring_app/templates/components/header.html
+++ b/hiring_module/hiring_app/templates/components/header.html
@@ -59,18 +59,18 @@
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
+                <h5 class="modal-title" id="exampleModalLabel">¿Estás seguro?</h5>
                 <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true">×</span>
                 </button>
             </div>
-            <div class="modal-body">Select "Logout" below if you are ready to end your current session.</div>
+            <div class="modal-body">Seleccione "Cerrar Sesión" a continuación si está listo para finalizar su sesión actual.</div>
             <div class="modal-footer">
-                <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
+                <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancelar</button>
 
                 <form action="{% url 'logout' %}" method="post">
                     {% csrf_token %}
-                    <button id="logoutButton2" class="btn btn-primary">Logout</button>
+                    <button id="logoutButton2" class="btn btn-primary">Cerrar Sesión</button>
                 </form>
             </div>
         </div>
diff --git a/hiring_module/hiring_app/templates/control_board/base_external_user.html b/hiring_module/hiring_app/templates/control_board/base_external_user.html
deleted file mode 100644
index 15599ec..0000000
--- a/hiring_module/hiring_app/templates/control_board/base_external_user.html
+++ /dev/null
@@ -1,31 +0,0 @@
-{% extends 'base.html' %}
-{% load static %}
-{% block title %}
-    Panel de control
-{% endblock %}
-{% block aditionalMetadata %}
-{% endblock %}
-
-{% block content %}
-
-<div class="container-fluid">
-
-    <!-- Page Heading -->
-    <div class="d-sm-flex align-items-center justify-content-between mb-4">
-        <h1 class="h3 mb-0 text-gray-800">Solicitar un contrato</h1>
-    </div>
-
-    <!-- Content center -->
-        
-
-
-    <div>
-        {% block control_board %}
-
-        {% endblock %}
-    </div>
-    
-</div>
-
-
-{% endblock %}
\ No newline at end of file
diff --git a/hiring_module/hiring_app/templates/control_board/base_workteam.html b/hiring_module/hiring_app/templates/control_board/base_workteam.html
index a67095a..08470e6 100644
--- a/hiring_module/hiring_app/templates/control_board/base_workteam.html
+++ b/hiring_module/hiring_app/templates/control_board/base_workteam.html
@@ -13,7 +13,6 @@
     <!-- Page Heading -->
     <div class="d-sm-flex align-items-center justify-content-between mb-4">
         <h1 class="h3 mb-0 text-gray-800">Panel de control</h1>
-        
     </div>
 
     <!-- Content center -->
diff --git a/hiring_module/hiring_app/templates/control_board/external_user_dashboard.html b/hiring_module/hiring_app/templates/control_board/external_user_dashboard.html
index 8c329cc..073e125 100644
--- a/hiring_module/hiring_app/templates/control_board/external_user_dashboard.html
+++ b/hiring_module/hiring_app/templates/control_board/external_user_dashboard.html
@@ -1,30 +1,40 @@
-{% extends 'control_board/base_external_user.html' %}
+{% extends 'base.html' %}
 {% load static %}
 {% block title %}
-    Panel de control de usuario externo
+Panel de control de usuario externo
 {% endblock %}
 {% block aditionalMetadata %}
 {% endblock %}
 
-{% block control_board %}
-    <main id="main" class="expanded">
-        <div class="container text-center">
-                <div style="padding-top: 25px;">
-                    <button id="create_monitoring_contract"  class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
-                        <a href="/hiring_app/request_creation/monitoring/">Crear contrato de monitoria</a>
-                    </button>
-                </div>
-                <div style="padding-top: 25px;">
-                    <button id="create_cex_contract" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
-                        <a href="/hiring_app/request_creation/cex/">Crear contrato CEX</a>
-                    </button>
-                </div>
-                <div style="padding-top: 25px;">
-                    <button id="create_pos_contract" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
-                        <a href="/hiring_app/request_creation/pos/">Crear contrato de prestacion de servicios</a>
-                    </button>
-                </div>
+{% block content %}
+
+<div class="container-fluid">
+
+    <!-- Page Heading -->
+    <div class="container mb-4">
+                <h1 class="h3 text-gray-800">Bienvenido al panel de control de Usuario Externo</h1>
+                <h5>Radique los siguientes tipos de solicitudes de contratos</h5>
+    </div>
+
+    <!-- Content center -->
+    <div class="container">
+        <div class="row justify-content-center">
+            <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
+                <a id="create_monitoring_contract" href="/hiring_app/request_creation/monitoring/" class="btn btn-primary btn-block text-white" id="">
+                    Crear contrato de monitoría
+                </a>
+            </div>
+            <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
+                <a id="create_cex_contract" href="/hiring_app/request_creation/cex/" class="btn btn-primary btn-block text-white">
+                    Crear contrato CEX
+                </a>
+            </div>
+            <div class="col-lg-4 col-md-6 col-sm-12 mb-4">
+                <a id="create_pos_contract" href="/hiring_app/request_creation/pos/" class="btn btn-primary btn-block text-white">
+                    Crear contrato de Honorarios
+                </a>
+            </div>
         </div>
-    </main>
+    </div>
 
-{% endblock %}
\ No newline at end of file
+    {% endblock %}
\ No newline at end of file
diff --git a/hiring_module/hiring_app/templates/control_board/table.html b/hiring_module/hiring_app/templates/control_board/table.html
index da3c806..9315660 100644
--- a/hiring_module/hiring_app/templates/control_board/table.html
+++ b/hiring_module/hiring_app/templates/control_board/table.html
@@ -4,14 +4,16 @@
     }
 </script>
   
-<div class="container-fluid">
+<div class="container-fluid p-0">
 
     <!-- Page Heading -->
     <h1 class="h3 mb-2 text-gray-800">Solicitudes de contratación</h1>
     <!-- DataTales Example -->
     <div class="card shadow mb-4">
-        <div class="card-header py-3">
+        <div class="card-header py-3 d-flex justify-content-between align-items-center">
             <h6 class="m-0 font-weight-bold text-primary">Listado de solicitudes de contratación</h6>
+            <button id="export_requests" onclick="redirectToExportRequests()"  class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i
+                class="fas fa-download fa-sm text-white-50 mr-2"></i>Exportar</button>
         </div>
         <div class="card-body">
             <div class="table-responsive">
@@ -19,6 +21,7 @@ <h6 class="m-0 font-weight-bold text-primary">Listado de solicitudes de contrata
                     <thead>
                         <tr>
                             <th>ID</th>
+                            <th>Contrato</th>
                             <th>Solicitante</th>
                             {% if not actualgroup == 'leader' %}
                             <th>Lider encargado</th>
@@ -34,8 +37,9 @@ <h6 class="m-0 font-weight-bold text-primary">Listado de solicitudes de contrata
                         
                         {% for request in requests %}
                             <tr>
-                                <td id="{{ request.id }}_id" style="cursor: pointer;" onclick="redirectToInfoPage('{{ request.id }}')">{{ request.id }}</td>
-                                <td id="{{ request.id }}_name" style="cursor: pointer;" onclick="redirectToInfoPage('{{ request.id }}')">{{ request.created_by.first_name }} {{ request.created_by.last_name }}</td>
+                                <td id="{{ request.id }}_id" style="cursor: pointer;" onclick="redirectToInfoPage('{{ request.id }}')">{{ request.id|truncatechars:25 }}</td>
+                                <td>{{ request.request_type }}</td>
+                                <td id="{{ request.id }}_name" style="cursor: pointer;" onclick="redirectToInfoPage('{{ request.id }}')">{{ request.created_by.first_name|truncatechars:10 }} {{ request.created_by.last_name|truncatechars:8 }}</td>
                                 {% if not actualgroup == 'leader' %}
                                 <td id="{{ request.id }}_leader" style="cursor: pointer;">
                                     <p style="display: none;">{{ request.leader_assigned_to.first_name }}</p>
@@ -46,7 +50,19 @@ <h6 class="m-0 font-weight-bold text-primary">Listado de solicitudes de contrata
                                     <p style="display: none;">{{ request.manager_assigned_to.first_name }}</p>
                                     {% include 'request_hiring/components/assign_manager.html' with managers=managers contract_request=request form_id_prefix='change_manager_form_' %}</td>
                                 {% endif %}
-                                <td id="{{ request.id }}_state" style="cursor: pointer;" onclick="redirectToInfoPage('{{ request.id }}')">{{ request.state }}</td>
+                                <td id="{{ request.id }}_state" style="cursor: pointer;" onclick="redirectToInfoPage('{{ request.id }}')">
+                                    {% if request.state == 'pending' %}
+                                        Pendiente
+                                    {% elif request.state == 'review' %}
+                                        En Revisión
+                                    {% elif request.state == 'incomplete' %}
+                                        Incompleto
+                                    {% elif request.state == 'filed' %}
+                                        Completado
+                                    {% elif request.state == 'cancelled' %}
+                                        Cancelado
+                                    {% endif %}
+                                </td>
                                 <td id="{{ request.id }}_date" style="cursor: pointer;" onclick="redirectToInfoPage('{{ request.id }}')">{{ request.start_date|date:"d-m-Y" }}</td>
                             </tr>
                         {% endfor %}
@@ -56,4 +72,10 @@ <h6 class="m-0 font-weight-bold text-primary">Listado de solicitudes de contrata
         </div>
     </div>
 
-</div>
\ No newline at end of file
+</div>
+
+<script>
+    function redirectToExportRequests() {
+        window.location.href = "{% url 'hiring_app:export_requests' %}";
+    }
+</script>
\ No newline at end of file
diff --git a/hiring_module/hiring_app/templates/request_creation/cex_request_form.html b/hiring_module/hiring_app/templates/request_creation/cex_request_form.html
index 5eef5cc..f35668a 100644
--- a/hiring_module/hiring_app/templates/request_creation/cex_request_form.html
+++ b/hiring_module/hiring_app/templates/request_creation/cex_request_form.html
@@ -1,235 +1,630 @@
-{% extends 'base.html' %}
-{% load static %}
-
-{% block title %}
-Solicitudes de contratos CEX
-{% endblock %}
-
-{% block content %}
-
-<main id="main" class="expanded">
-    <div style="margin-top: 64px; margin-left: 20vw; margin-right: 40vw;">
-
-        <h1 style="font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem;">Solicitudes de contratos CEX</h1>
-
-        <form id="contractForm" method="post" enctype="multipart/form-data" action="{% url 'hiring_app:cex' %}"
-            style="margin-bottom: 2rem;">
-            {% csrf_token %}
-
-            <!-- Solicitant name -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_solicitant_name" style="display: block; font-weight: 600;">Solicitant name:</label>
-                <input type="text" id="id_solicitant_name" name="solicitant_name" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
-
-            <!-- Solicitant faculty -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_solicitant_faculty" style="display: block; font-weight: 600;">Solicitant faculty:</label>
-                <input type="text" id="id_solicitant_faculty" name="solicitant_faculty" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
-
+{% extends 'base.html' %} {% load static %} {% block title %} Solicitudes de
+contratos CEX {% endblock %} {% block content %}
+
+<form
+  id="contractForm"
+  method="post"
+  enctype="multipart/form-data"
+  action="{% url 'hiring_app:cex' %}"
+>
+  {% csrf_token %}
+  <div class="container-fluid">
+    <h1 style="font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem">
+      Solicitudes de contratos de CEX
+    </h1>
+    <div class="row">
+      <!-- Data hiree  -->
+      <div class="col-xl-8 col-lg-7">
+        <div class="card shadow mb-4">
+          <!-- Card Header - Dropdown -->
+          <div
+            class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+          >
+            <h6 class="m-0 font-weight-bold text-primary">
+              Información del contratado
+            </h6>
+          </div>
+          <!-- Card Body -->
+          <div class="card-body">
             <!-- Hiree full name -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_hiree_full_name" style="display: block; font-weight: 600;">Hiree full name:</label>
-                <input type="text" id="id_hiree_full_name" name="hiree_full_name" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
+            <div style="margin-bottom: 2rem">
+              <label
+                for="id_hiree_full_name"
+                style="display: block; font-weight: 600"
+                >Nombre Completo:</label
+              >
+              <input
+                type="text"
+                id="id_hiree_full_name"
+                name="hiree_full_name"
+                required
+                style="
+                  height: 1rem;
+                  width: 100%;
+                  padding: 1rem;
+                  color: #333;
+                  border: 1px solid #ccc;
+                  border-radius: 0.375rem;
+                  background-color: #f7fafc;
+                  font-size: 1rem;
+                  outline: none;
+                  transition: border-color 0.15s ease-in-out,
+                    box-shadow 0.15s ease-in-out;
+                "
+              />
             </div>
 
             <!-- Hiree ID -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_hiree_id" style="display: block; font-weight: 600;">Hiree ID:</label>
-                <input type="number" id="id_hiree_id" name="hiree_id" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
+            <div style="margin-bottom: 2rem">
+              <label for="id_hiree_id" style="display: block; font-weight: 600"
+                >Documento de Identificación:</label
+              >
+              <input
+                type="number"
+                id="id_hiree_id"
+                name="hiree_id"
+                required
+                style="
+                  height: 1rem;
+                  width: 100%;
+                  padding: 1rem;
+                  color: #333;
+                  border: 1px solid #ccc;
+                  border-radius: 0.375rem;
+                  background-color: #f7fafc;
+                  font-size: 1rem;
+                  outline: none;
+                  transition: border-color 0.15s ease-in-out,
+                    box-shadow 0.15s ease-in-out;
+                "
+              />
             </div>
-
             <!-- Hiree cellphone -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_hiree_cellphone" style="display: block; font-weight: 600;">Hiree cellphone:</label>
-                <input type="text" id="id_hiree_cellphone" name="hiree_cellphone" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
+            <div style="margin-bottom: 2rem">
+              <label
+                for="id_hiree_cellphone"
+                style="display: block; font-weight: 600"
+                >Teléfono Celular:</label
+              >
+              <input
+                type="text"
+                id="id_hiree_cellphone"
+                name="hiree_cellphone"
+                required
+                style="
+                  height: 1rem;
+                  width: 100%;
+                  padding: 1rem;
+                  color: #333;
+                  border: 1px solid #ccc;
+                  border-radius: 0.375rem;
+                  background-color: #f7fafc;
+                  font-size: 1rem;
+                  outline: none;
+                  transition: border-color 0.15s ease-in-out,
+                    box-shadow 0.15s ease-in-out;
+                "
+              />
             </div>
 
             <!-- Hiree email -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_hiree_email" style="display: block; font-weight: 600;">Hiree email:</label>
-                <input type="email" id="id_hiree_email" name="hiree_email" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
+            <div style="margin-bottom: 2rem">
+              <label
+                for="id_hiree_email"
+                style="display: block; font-weight: 600"
+                >Correo Electrónico:</label
+              >
+              <input
+                type="email"
+                id="id_hiree_email"
+                name="hiree_email"
+                required
+                style="
+                  height: 1rem;
+                  width: 100%;
+                  padding: 1rem;
+                  color: #333;
+                  border: 1px solid #ccc;
+                  border-radius: 0.375rem;
+                  background-color: #f7fafc;
+                  font-size: 1rem;
+                  outline: none;
+                  transition: border-color 0.15s ease-in-out,
+                    box-shadow 0.15s ease-in-out;
+                "
+              />
             </div>
-
-            <!-- Cenco -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_cenco" style="display: block; font-weight: 600;">Cenco:</label>
-                <input type="text" id="id_cenco" name="cenco" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
+            <!-- EPS -->
+            <div style="margin-bottom: 2rem">
+              <label for="id_eps" style="display: block; font-weight: 600"
+                >EPS:</label
+              >
+              <input
+                type="text"
+                id="id_eps"
+                name="eps"
+                required
+                style="
+                  height: 1rem;
+                  width: 100%;
+                  padding: 1rem;
+                  color: #333;
+                  border: 1px solid #ccc;
+                  border-radius: 0.375rem;
+                  background-color: #f7fafc;
+                  font-size: 1rem;
+                  outline: none;
+                  transition: border-color 0.15s ease-in-out,
+                    box-shadow 0.15s ease-in-out;
+                "
+              />
             </div>
 
-            <!-- Request motive -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_request_motive" style="display: block; font-weight: 600;">Request motive:</label>
-                <textarea id="id_request_motive" name="request_motive" required
-                    style="min-height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;"></textarea>
+            <!-- ARL -->
+            <div style="margin-bottom: 2rem">
+              <label for="id_arl" style="display: block; font-weight: 600"
+                >ARL:</label
+              >
+              <input
+                type="text"
+                id="id_arl"
+                name="arl"
+                required
+                style="
+                  height: 1rem;
+                  width: 100%;
+                  padding: 1rem;
+                  color: #333;
+                  border: 1px solid #ccc;
+                  border-radius: 0.375rem;
+                  background-color: #f7fafc;
+                  font-size: 1rem;
+                  outline: none;
+                  transition: border-color 0.15s ease-in-out,
+                    box-shadow 0.15s ease-in-out;
+                "
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- CENCO -->
+      <div class="col-xl-4 col-lg-5">
+        <div class="card shadow mb-4">
+          <!-- Card Header - Dropdown -->
+          <div
+            class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+          >
+            <h6 class="m-0 font-weight-bold text-primary">
+              Información financiera
+            </h6>
+          </div>
+          <!-- Card Body -->
+          <div class="card-body">
+            <!-- Cenco -->
+            <div style="margin-bottom: 2rem">
+              <label for="id_cenco" style="display: block; font-weight: 600"
+                >Cenco:</label
+              >
+              <input
+                type="text"
+                id="id_cenco"
+                name="cenco"
+                required
+                style="
+                  height: 1rem;
+                  width: 100%;
+                  padding: 1rem;
+                  color: #333;
+                  border: 1px solid #ccc;
+                  border-radius: 0.375rem;
+                  background-color: #f7fafc;
+                  font-size: 1rem;
+                  outline: none;
+                  transition: border-color 0.15s ease-in-out,
+                    box-shadow 0.15s ease-in-out;
+                "
+              />
             </div>
 
             <!-- Banking entity -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_banking_entity" style="display: block; font-weight: 600;">Banking entity:</label>
-                <input type="text" id="id_banking_entity" name="banking_entity" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
+            <div style="margin-bottom: 2rem">
+              <label
+                for="id_banking_entity"
+                style="display: block; font-weight: 600"
+                >Entidad Bancaria:</label
+              >
+              <input
+                type="text"
+                id="id_banking_entity"
+                name="banking_entity"
+                required
+                style="
+                  height: 1rem;
+                  width: 100%;
+                  padding: 1rem;
+                  color: #333;
+                  border: 1px solid #ccc;
+                  border-radius: 0.375rem;
+                  background-color: #f7fafc;
+                  font-size: 1rem;
+                  outline: none;
+                  transition: border-color 0.15s ease-in-out,
+                    box-shadow 0.15s ease-in-out;
+                "
+              />
             </div>
+            <br />
 
             <!-- Bank account type -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_bank_account_type" style="display: block; font-weight: 600;">Bank account type:</label>
-                <select name="bank_account_type" id="id_bank_account_type" required
-                    style="width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-                    <option value="" disabled selected>Select</option>
-                    {% for choice in form.bank_account_type.field.choices %}
-                    <option value="{{ choice.0 }}">{{ choice.1 }}</option>
-                    {% endfor %}
-                </select>
+            <div style="margin-bottom: 2rem">
+              <label
+                for="id_bank_account_type"
+                style="display: block; font-weight: 600"
+                >Tipo de Cuenta Bancaria:</label
+              >
+              <select
+                name="bank_account_type"
+                id="id_bank_account_type"
+                required
+                style="
+                  width: 100%;
+                  padding: 1rem;
+                  color: #333;
+                  border: 1px solid #ccc;
+                  border-radius: 0.375rem;
+                  background-color: #f7fafc;
+                  font-size: 1rem;
+                  outline: none;
+                  transition: border-color 0.15s ease-in-out,
+                    box-shadow 0.15s ease-in-out;
+                "
+              >
+              <option value="" disabled selected>Seleccionar</option>
+                
+              <option value="">---------</option>
+              
+              <option value="checking">Débito</option>
+              
+              <option value="savings">Ahorros</option>
+              </select>
             </div>
+            <br />
 
             <!-- Bank account number -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_bank_account_number" style="display: block; font-weight: 600;">Bank account
-                    number:</label>
-                <input type="text" id="id_bank_account_number" name="bank_account_number" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
+            <div style="margin-bottom: 2rem">
+              <label
+                for="id_bank_account_number"
+                style="display: block; font-weight: 600"
+                >Número de Cuenta Bancaria:</label
+              >
+              <input
+                type="text"
+                id="id_bank_account_number"
+                name="bank_account_number"
+                required
+                style="
+                  height: 1rem;
+                  width: 100%;
+                  padding: 1rem;
+                  color: #333;
+                  border: 1px solid #ccc;
+                  border-radius: 0.375rem;
+                  background-color: #f7fafc;
+                  font-size: 1rem;
+                  outline: none;
+                  transition: border-color 0.15s ease-in-out,
+                    box-shadow 0.15s ease-in-out;
+                "
+              />
             </div>
-
-            <!-- EPS -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_eps" style="display: block; font-weight: 600;">EPS:</label>
-                <input type="text" id="id_eps" name="eps" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
-
+            <br />
             <!-- Pension fund -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_pension_fund" style="display: block; font-weight: 600;">Pension fund:</label>
-                <input type="text" id="id_pension_fund" name="pension_fund" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
+            <div style="margin-bottom: 2rem">
+              <label
+                for="id_pension_fund"
+                style="display: block; font-weight: 600"
+                >Fondo de Pensiones:</label
+              >
+              <input
+                type="text"
+                id="id_pension_fund"
+                name="pension_fund"
+                required
+                style="
+                  height: 1rem;
+                  width: 100%;
+                  padding: 1rem;
+                  color: #333;
+                  border: 1px solid #ccc;
+                  border-radius: 0.375rem;
+                  background-color: #f7fafc;
+                  font-size: 1rem;
+                  outline: none;
+                  transition: border-color 0.15s ease-in-out,
+                    box-shadow 0.15s ease-in-out;
+                "
+              />
             </div>
-
-            <!-- ARL -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_arl" style="display: block; font-weight: 600;">ARL:</label>
-                <input type="text" id="id_arl" name="arl" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
+          </div>
+        </div>
+      </div>
+
+      <!-- Data contract  -->
+      <div class="col-xl-12 col-lg-12">
+        <div class="card shadow mb-4">
+          <!-- Card Header - Dropdown -->
+          <div
+            class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+          >
+            <h6 class="m-0 font-weight-bold text-primary">
+              Información legal para el contrato
+            </h6>
+          </div>
+          <!-- Card Body -->
+          <div class="card-body">
+            <!-- Solicitant faculty -->
+            <div style="margin-bottom: 2rem">
+              <label
+                for="id_solicitant_faculty"
+                style="display: block; font-weight: 600"
+                >Unidad Solicitante:</label
+              >
+              <input
+                type="text"
+                id="id_solicitant_faculty"
+                name="solicitant_faculty"
+                required
+                style="
+                  height: 1rem;
+                  width: 100%;
+                  padding: 1rem;
+                  color: #333;
+                  border: 1px solid #ccc;
+                  border-radius: 0.375rem;
+                  background-color: #f7fafc;
+                  font-size: 1rem;
+                  outline: none;
+                  transition: border-color 0.15s ease-in-out,
+                    box-shadow 0.15s ease-in-out;
+                "
+              />
+            </div>
+            <!-- Request motive -->
+            <div style="margin-bottom: 2rem">
+              <label
+                for="id_request_motive"
+                style="display: block; font-weight: 600"
+                >Motivo de Solicitud:</label
+              >
+              <textarea
+                id="id_request_motive"
+                name="request_motive"
+                required
+                style="
+                  min-height: 1rem;
+                  width: 100%;
+                  padding: 1rem;
+                  color: #333;
+                  border: 1px solid #ccc;
+                  border-radius: 0.375rem;
+                  background-color: #f7fafc;
+                  font-size: 1rem;
+                  outline: none;
+                  transition: border-color 0.15s ease-in-out,
+                    box-shadow 0.15s ease-in-out;
+                "
+              ></textarea>
             </div>
-
             <!-- Contract value -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_contract_value" style="display: block; font-weight: 600;">Contract value:</label>
-                <input type="number" id="id_contract_value" name="contract_value" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
+            <div style="margin-bottom: 2rem">
+              <label
+                for="id_contract_value"
+                style="display: block; font-weight: 600"
+                >Valor del Contrato:</label
+              >
+              <input
+                type="number"
+                id="id_contract_value"
+                name="contract_value"
+                required
+                style="
+                  height: 1rem;
+                  width: 100%;
+                  padding: 1rem;
+                  color: #333;
+                  border: 1px solid #ccc;
+                  border-radius: 0.375rem;
+                  background-color: #f7fafc;
+                  font-size: 1rem;
+                  outline: none;
+                  transition: border-color 0.15s ease-in-out,
+                    box-shadow 0.15s ease-in-out;
+                "
+              />
             </div>
-
             <!-- Charge account -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_charge_account" style="display: block; font-weight: 600;">Charge account:</label>
-                <textarea id="id_charge_account" name="charge_account" required
-                    style="min-height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;"></textarea>
+            <div style="margin-bottom: 2rem">
+              <label
+                for="id_charge_account"
+                style="display: block; font-weight: 600"
+                >Cuenta de Cargo:</label
+              >
+              <textarea
+                id="id_charge_account"
+                name="charge_account"
+                required
+                style="
+                  min-height: 1rem;
+                  width: 100%;
+                  padding: 1rem;
+                  color: #333;
+                  border: 1px solid #ccc;
+                  border-radius: 0.375rem;
+                  background-color: #f7fafc;
+                  font-size: 1rem;
+                  outline: none;
+                  transition: border-color 0.15s ease-in-out,
+                    box-shadow 0.15s ease-in-out;
+                "
+              ></textarea>
             </div>
 
             <!-- Rut -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_rut" style="display: block; font-weight: 600;">Rut:</label>
-                <input type="file" id="id_rut" name="rut"
-                    style="width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
+            <div style="margin-bottom: 2rem">
+              <label for="id_rut" style="display: block; font-weight: 600"
+                >RUT:</label
+              >
+              <input
+                type="file"
+                id="id_rut"
+                name="rut"
+                style="
+                  width: 100%;
+                  padding: 1rem;
+                  color: #333;
+                  border: 1px solid #ccc;
+                  border-radius: 0.375rem;
+                  background-color: #f7fafc;
+                  font-size: 1rem;
+                  outline: none;
+                  transition: border-color 0.15s ease-in-out,
+                    box-shadow 0.15s ease-in-out;
+                "
+              />
             </div>
-
-
-            <!-- Submit -->
-            <button type="submit"
-                style="background-color: #1e40af; color: #fff; font-weight: 600; padding: 0.5rem 1rem; border: none; border-radius: 0.375rem; cursor: pointer; transition: background-color 0.3s ease-in-out;">Enviar</button>
-        </form>
+          </div>
+        </div>
+      </div>
     </div>
-</main>
+    <!-- Submit -->
+    <button
+      class="col-xl-12 col-lg-12"
+      type="submit"
+      style="
+        background-color: #1e40af;
+        color: #fff;
+        font-weight: 600;
+        padding: 0.5rem 1rem;
+        border: none;
+        border-radius: 0.375rem;
+        cursor: pointer;
+        transition: background-color 0.3s ease-in-out;
+      "
+    >
+      Enviar
+    </button>
+  </div>
+</form>
 
 <!-- Modal -->
-<div class="modal fade" id="notificationModal" tabindex="-1" aria-labelledby="notificationModalLabel"
-    aria-hidden="true">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h5 class="modal-title" id="notificationTitle">Título de la notificación</h5>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <div class="modal-body">
-                <p id="notificationMessage">Mensaje de notificación</p>
-            </div>
-            <div class="modal-footer">
-                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"
-                    onclick="window.history.back()">Cerrar</button>
-            </div>
-        </div>
+<div
+  class="modal fade"
+  id="notificationModal"
+  tabindex="-1"
+  aria-labelledby="notificationModalLabel"
+  aria-hidden="true"
+>
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="notificationTitle">
+          Título de la notificación
+        </h5>
+        <button
+          type="button"
+          class="btn-close"
+          data-bs-dismiss="modal"
+          aria-label="Close"
+        ></button>
+      </div>
+      <div class="modal-body">
+        <p id="notificationMessage">Mensaje de notificación</p>
+      </div>
+      <div class="modal-footer">
+        <button
+          type="button"
+          class="btn btn-secondary"
+          data-bs-dismiss="modal"
+          onclick="window.history.back()"
+        >
+          Cerrar
+        </button>
+      </div>
     </div>
+  </div>
 </div>
 
 <script>
-    document.addEventListener('DOMContentLoaded', function () {
-        var form = document.getElementById('contractForm');
-        var notificationModal = new bootstrap.Modal(document.getElementById('notificationModal'));
-        var notificationTitle = document.getElementById('notificationTitle');
-        var notificationMessage = document.getElementById('notificationMessage');
-        var notificationCloseBtn = document.getElementById('notificationCloseBtn');
-
-        function showNotification(message, type) {
-            notificationTitle.textContent = (type === 'success') ? 'Éxito' : 'Error';
-            notificationMessage.textContent = message;
-            notificationModal.show();
-        }
-
-        function hideNotification() {
-            notificationModal.hide();
-        }
-
-        form.addEventListener('submit', function (event) {
-            event.preventDefault();
-
-            var formData = new FormData(form);
-            var url = form.action;
-
-            var darkOverlay = document.createElement('div');
-            darkOverlay.classList.add('dark-overlay');
-            document.body.appendChild(darkOverlay);
-
-            var loadingIndicator = document.createElement('div');
-            loadingIndicator.innerHTML = '<div class="spinner-border text-white" role="status"></div>';
-            loadingIndicator.classList.add('loading-indicator');
-            document.body.appendChild(loadingIndicator);
-
-            fetch(url, {
-                method: 'POST',
-                body: formData,
-                headers: {
-                    'X-Requested-With': 'XMLHttpRequest',
-                    'X-CSRFToken': '{{ csrf_token }}'
-                }
-            })
-                .then(function (response) {
-                    document.body.removeChild(darkOverlay);
-                    document.body.removeChild(loadingIndicator);
-
-                    if (response.ok) {
-                        showNotification('La solicitud fue exitosa.', 'success');
-                        form.reset(); // Opcional: limpiar el formulario después del envío exitoso
-                    } else {
-                        showNotification('Ocurrió un error al procesar la solicitud.', 'error');
-                    }
-                })
-                .catch(function (error) {
-                    console.error('Error en la solicitud AJAX:', error);
-                    document.body.removeChild(darkOverlay);
-                    document.body.removeChild(loadingIndicator);
-                    showNotification('Ocurrió un error al procesar la solicitud.', 'error');
-                });
+  document.addEventListener("DOMContentLoaded", function () {
+    var form = document.getElementById("contractForm");
+    var notificationModal = new bootstrap.Modal(
+      document.getElementById("notificationModal")
+    );
+    var notificationTitle = document.getElementById("notificationTitle");
+    var notificationMessage = document.getElementById("notificationMessage");
+    var notificationCloseBtn = document.getElementById("notificationCloseBtn");
+
+    function showNotification(message, type) {
+      notificationTitle.textContent = type === "success" ? "Éxito" : "Error";
+      notificationMessage.textContent = message;
+      notificationModal.show();
+    }
+
+    function hideNotification() {
+      notificationModal.hide();
+    }
+
+    form.addEventListener("submit", function (event) {
+      event.preventDefault();
+
+      var formData = new FormData(form);
+      var url = form.action;
+
+      var darkOverlay = document.createElement("div");
+      darkOverlay.classList.add("dark-overlay");
+      document.body.appendChild(darkOverlay);
+
+      var loadingIndicator = document.createElement("div");
+      loadingIndicator.innerHTML =
+        '<div class="spinner-border text-white" role="status"></div>';
+      loadingIndicator.classList.add("loading-indicator");
+      document.body.appendChild(loadingIndicator);
+
+      fetch(url, {
+        method: "POST",
+        body: formData,
+        headers: {
+          "X-Requested-With": "XMLHttpRequest",
+          "X-CSRFToken": "{{ csrf_token }}",
+        },
+      })
+        .then(function (response) {
+          document.body.removeChild(darkOverlay);
+          document.body.removeChild(loadingIndicator);
+
+          if (response.ok) {
+            showNotification("La solicitud fue exitosa.", "success");
+            form.reset(); // Opcional: limpiar el formulario después del envío exitoso
+          } else {
+            showNotification(
+              "Ocurrió un error al procesar la solicitud.",
+              "error"
+            );
+          }
+        })
+        .catch(function (error) {
+          console.error("Error en la solicitud AJAX:", error);
+          document.body.removeChild(darkOverlay);
+          document.body.removeChild(loadingIndicator);
+          showNotification(
+            "Ocurrió un error al procesar la solicitud.",
+            "error"
+          );
         });
     });
-
+  });
 </script>
 
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/hiring_module/hiring_app/templates/request_creation/monitoring_request_form.html b/hiring_module/hiring_app/templates/request_creation/monitoring_request_form.html
index eeb106e..d2ba024 100644
--- a/hiring_module/hiring_app/templates/request_creation/monitoring_request_form.html
+++ b/hiring_module/hiring_app/templates/request_creation/monitoring_request_form.html
@@ -1,230 +1,600 @@
-{% extends 'base.html' %}
-{% load static %}
-
-{% block title %}
-Solicitudes de contratos de Monitoría
-{% endblock %}
-
-{% block content %}
-
-<main id="main" class="expanded">
-    <div style="margin-top: 64px; margin-left: 20vw; margin-right: 40vw;">
-
-        <!-- visualize errors -->
-
-        {% if form.errors %}
-        <div style="background-color: #fde9e9; border: 1px solid #fca5a5; color: #c53030; padding: 1rem; border-radius: 0.375rem; position: relative;"
-            role="alert">
-            <ul style="list-style-type: disc; margin-top: 0.5rem;">
-                {% for field, error in form.errors.items %}
-                <li>{{ field }}: {{ error }}</li>
-                {% endfor %}
-            </ul>
-        </div>
-        {% endif %}
-
-        <h1 style="font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem;">Solicitudes de contratos de Monitoría</h1>
-
-        <form id="monitoringForm"  method="post" enctype="multipart/form-data" action="{% url 'hiring_app:monitoring' %}">
-            {% csrf_token %}
-
-            <!-- Cenco -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_cenco" style="display: block; font-weight: 600;">Cenco:</label>
-                <input type="text" name="cenco" maxlength="128" required id="id_cenco"
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
-
-            <!-- Cenco manager -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_cenco_manager" style="display: block; font-weight: 600;">Cenco manager:</label>
-                <input type="text" name="cenco_manager" maxlength="256" required id="id_cenco_manager"
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
+{% extends 'base.html' %} {% load static %} {% block title %} Solicitudes de
+contratos de Monitoría {% endblock %} {% block content %}
+
+<div>
+  <!-- visualize errors -->
+
+  <form
+    id="monitoringForm"
+    method="post"
+    enctype="multipart/form-data"
+    action="{% url 'hiring_app:monitoring' %}"
+  >
+    {% csrf_token %}
+    <div class="container-fluid">
+      <h1 style="font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem">
+        Solicitudes de contratos de Monitoría
+      </h1>
+      <div class="row">
+        <!-- Data student  -->
+        <div class="col-xl-8 col-lg-7">
+          <div class="card shadow mb-4">
+            <!-- Card Header - Dropdown -->
+            <div
+              class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+            >
+              <h6 class="m-0 font-weight-bold text-primary">
+                Información del estudiante
+              </h6>
             </div>
-
-            <!-- Monitoring type -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_monitoring_type" style="display: block; font-weight: 600;">Monitoring type:</label>
-                <select name="monitoring_type" required id="id_monitoring_type"
-                    style=" width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-                    <option value="" disabled selected>Seleccionar</option>
-                    {% for choice in form.monitoring_type.field.choices %}
-                    <option value="{{ choice.0 }}">{{ choice.1 }}</option>
-                    {% endfor %}
-                </select>
-            </div>
-
-            <!-- Student code  -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_student_code" style="display: block; font-weight: 600;">Student code:</label>
-                <input type="text" name="student_code" maxlength="16" required id="id_student_code"
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
-
-            <!-- Student full name -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_student_full_name" style="display: block; font-weight: 600;">Student full name:</label>
-                <input type="text" name="student_full_name" maxlength="256" required id="id_student_full_name"
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
-
-            <!-- Student ID -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_student_id" style="display: block; font-weight: 600;">Student id:</label>
-                <input type="text" name="student_id" maxlength="16" required id="id_student_id"
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
-
-            <!-- Student email -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_student_email" style="display: block; font-weight: 600;">Student email:</label>
-                <input type="email" name="student_email" maxlength="254" required id="id_student_email"
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
-
-            <!-- Student cellphone -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_student_cellphone" style="display: block; font-weight: 600;">Student cellphone:</label>
-                <input type="text" name="student_cellphone" maxlength="16" required id="id_student_cellphone"
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
-
-            <!-- Daviplata -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_daviplata" style="display: block; font-weight: 600;">Daviplata:</label>
-                <input type="text" name="daviplata" maxlength="32" required id="id_daviplata"
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
-
-            <!-- Course or proyect -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_course_or_proyect" style="display: block; font-weight: 600;">Course or proyect:</label>
-                <input type="text" name="course_or_proyect" maxlength="256" required id="id_course_or_proyect"
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
+            <!-- Card Body -->
+            <div class="card-body">
+              <!-- Student code  -->
+              <div style="margin-bottom: 2rem">
+                <label
+                  for="id_student_code"
+                  style="display: block; font-weight: 600"
+                  >Código:</label
+                >
+                <input
+                  type="text"
+                  name="student_code"
+                  maxlength="16"
+                  required
+                  id="id_student_code"
+                  style="
+                    height: 1rem;
+                    width: 100%;
+                    padding: 1rem;
+                    color: #333;
+                    border: 1px solid #ccc;
+                    border-radius: 0.375rem;
+                    background-color: #f7fafc;
+                    font-size: 1rem;
+                    outline: none;
+                    transition: border-color 0.15s ease-in-out,
+                      box-shadow 0.15s ease-in-out;
+                  "
+                />
+              </div>
+
+              <!-- Student full name -->
+              <div style="margin-bottom: 2rem">
+                <label
+                  for="id_student_full_name"
+                  style="display: block; font-weight: 600"
+                  >Nombre Completo:</label
+                >
+                <input
+                  type="text"
+                  name="student_full_name"
+                  maxlength="256"
+                  required
+                  id="id_student_full_name"
+                  style="
+                    height: 1rem;
+                    width: 100%;
+                    padding: 1rem;
+                    color: #333;
+                    border: 1px solid #ccc;
+                    border-radius: 0.375rem;
+                    background-color: #f7fafc;
+                    font-size: 1rem;
+                    outline: none;
+                    transition: border-color 0.15s ease-in-out,
+                      box-shadow 0.15s ease-in-out;
+                  "
+                />
+              </div>
+
+              <!-- Student ID -->
+              <div style="margin-bottom: 2rem">
+                <label
+                  for="id_student_id"
+                  style="display: block; font-weight: 600"
+                  >Documento de Identificación:</label
+                >
+                <input
+                  type="text"
+                  name="student_id"
+                  maxlength="16"
+                  required
+                  id="id_student_id"
+                  style="
+                    height: 1rem;
+                    width: 100%;
+                    padding: 1rem;
+                    color: #333;
+                    border: 1px solid #ccc;
+                    border-radius: 0.375rem;
+                    background-color: #f7fafc;
+                    font-size: 1rem;
+                    outline: none;
+                    transition: border-color 0.15s ease-in-out,
+                      box-shadow 0.15s ease-in-out;
+                  "
+                />
+              </div>
+
+              <!-- Student email -->
+              <div style="margin-bottom: 2rem">
+                <label
+                  for="id_student_email"
+                  style="display: block; font-weight: 600"
+                  >Correo Electrónico:</label
+                >
+                <input
+                  type="email"
+                  name="student_email"
+                  maxlength="254"
+                  required
+                  id="id_student_email"
+                  style="
+                    height: 1rem;
+                    width: 100%;
+                    padding: 1rem;
+                    color: #333;
+                    border: 1px solid #ccc;
+                    border-radius: 0.375rem;
+                    background-color: #f7fafc;
+                    font-size: 1rem;
+                    outline: none;
+                    transition: border-color 0.15s ease-in-out,
+                      box-shadow 0.15s ease-in-out;
+                  "
+                />
+              </div>
+
+              <!-- Student cellphone -->
+              <div style="margin-bottom: 2rem">
+                <label
+                  for="id_student_cellphone"
+                  style="display: block; font-weight: 600"
+                  >Teléfono Celular:</label
+                >
+                <input
+                  type="text"
+                  name="student_cellphone"
+                  maxlength="16"
+                  required
+                  id="id_student_cellphone"
+                  style="
+                    height: 1rem;
+                    width: 100%;
+                    padding: 1rem;
+                    color: #333;
+                    border: 1px solid #ccc;
+                    border-radius: 0.375rem;
+                    background-color: #f7fafc;
+                    font-size: 1rem;
+                    outline: none;
+                    transition: border-color 0.15s ease-in-out,
+                      box-shadow 0.15s ease-in-out;
+                  "
+                />
+              </div>
             </div>
+          </div>
+        </div>
 
-            <!-- Monitoring description -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_monitoring_description" style="display: block; font-weight: 600;">Monitoring
-                    description:</label>
-                <textarea name="monitoring_description" id="id_monitoring_description"
-                    style="min-height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;"></textarea>
+        <!-- CENCO -->
+        <div class="col-xl-4 col-lg-5">
+          <div class="card shadow mb-4">
+            <!-- Card Header - Dropdown -->
+            <div
+              class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+            >
+              <h6 class="m-0 font-weight-bold text-primary">
+                Información financiera
+              </h6>
             </div>
-
-            <!-- Weekly hours -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_weekly_hours" style="display: block; font-weight: 600;">Weekly hours:</label>
-                <input type="number" name="weekly_hours" step="0.01" required id="id_weekly_hours"
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
+            <!-- Card Body -->
+            <div class="card-body">
+              <!-- Cenco -->
+              <div style="margin-bottom: 2rem">
+                <label for="id_cenco" style="display: block; font-weight: 600"
+                  >Cenco:</label
+                >
+                <input
+                  type="text"
+                  name="cenco"
+                  maxlength="128"
+                  required
+                  id="id_cenco"
+                  style="
+                    height: 1rem;
+                    width: 100%;
+                    padding: 1rem;
+                    color: #333;
+                    border: 1px solid #ccc;
+                    border-radius: 0.375rem;
+                    background-color: #f7fafc;
+                    font-size: 1rem;
+                    outline: none;
+                    transition: border-color 0.15s ease-in-out,
+                      box-shadow 0.15s ease-in-out;
+                  "
+                />
+              </div>
+
+              <!-- Cenco manager -->
+              <div style="margin-bottom: 2rem">
+                <label
+                  for="id_cenco_manager"
+                  style="display: block; font-weight: 600"
+                  >Encargado del Cenco:</label
+                >
+                <input
+                  type="text"
+                  name="cenco_manager"
+                  maxlength="256"
+                  required
+                  id="id_cenco_manager"
+                  style="
+                    height: 1rem;
+                    width: 100%;
+                    padding: 1rem;
+                    color: #333;
+                    border: 1px solid #ccc;
+                    border-radius: 0.375rem;
+                    background-color: #f7fafc;
+                    font-size: 1rem;
+                    outline: none;
+                    transition: border-color 0.15s ease-in-out,
+                      box-shadow 0.15s ease-in-out;
+                  "
+                />
+              </div>
+
+              <!-- Daviplata -->
+              <div style="margin-bottom: 2rem">
+                <label
+                  for="id_daviplata"
+                  style="display: block; font-weight: 600"
+                  >Daviplata:</label
+                >
+                <input
+                  type="text"
+                  name="daviplata"
+                  maxlength="32"
+                  required
+                  id="id_daviplata"
+                  style="
+                    height: 1rem;
+                    width: 100%;
+                    padding: 1rem;
+                    color: #333;
+                    border: 1px solid #ccc;
+                    border-radius: 0.375rem;
+                    background-color: #f7fafc;
+                    font-size: 1rem;
+                    outline: none;
+                    transition: border-color 0.15s ease-in-out,
+                      box-shadow 0.15s ease-in-out;
+                  "
+                />
+              </div>
+
+              <!-- Total value to pay -->
+              <div style="margin-bottom: 2rem">
+                <label
+                  for="id_total_value_to_pay"
+                  style="display: block; font-weight: 600"
+                  >Valor a Pagar:</label
+                >
+                <input
+                  type="number"
+                  name="total_value_to_pay"
+                  step="0.01"
+                  required
+                  id="id_total_value_to_pay"
+                  style="
+                    height: 1rem;
+                    width: 100%;
+                    padding: 1rem;
+                    color: #333;
+                    border: 1px solid #ccc;
+                    border-radius: 0.375rem;
+                    background-color: #f7fafc;
+                    font-size: 1rem;
+                    outline: none;
+                    transition: border-color 0.15s ease-in-out,
+                      box-shadow 0.15s ease-in-out;
+                  "
+                />
+              </div>
+
+              <div class="container p-0">
+                <div class="row">
+                  <div class="col-md-6">
+                    <!-- Weekly hours -->
+                    <div style="margin-bottom: 2rem">
+                      <label
+                        for="id_weekly_hours"
+                        style="display: block; font-weight: 600"
+                        >Horas Semanales:</label
+                      >
+                      <input
+                        type="number"
+                        name="weekly_hours"
+                        step="0.01"
+                        required
+                        id="id_weekly_hours"
+                        style="
+                          height: 1rem;
+                          width: 100%;
+                          padding: 1rem;
+                          color: #333;
+                          border: 1px solid #ccc;
+                          border-radius: 0.375rem;
+                          background-color: #f7fafc;
+                          font-size: 1rem;
+                          outline: none;
+                          transition: border-color 0.15s ease-in-out,
+                            box-shadow 0.15s ease-in-out;
+                        "
+                      />
+                    </div>
+                  </div>
+                  <div class="col-md-6">
+                    <!-- Is unique payment -->
+                    <div style="margin-bottom: 2rem">
+                      <label
+                        for="id_is_unique_payment"
+                        style="display: block; font-weight: 600"
+                        >Es pago único:</label
+                      >
+                      <input
+                        class="checkbox"
+                        type="checkbox"
+                        name="is_unique_payment"
+                        id="id_is_unique_payment"
+                      />
+                    </div>
+                  </div>
+                </div>
+              </div>
             </div>
+          </div>
+        </div>
 
-            <!-- Total value to pay -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_total_value_to_pay" style="display: block; font-weight: 600;">Total value to pay:</label>
-                <input type="number" name="total_value_to_pay" step="0.01" required id="id_total_value_to_pay"
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
+        <!-- Data monitoring  -->
+        <div class="col-xl-12 col-lg-12">
+          <div class="card shadow mb-4">
+            <!-- Card Header - Dropdown -->
+            <div
+              class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+            >
+              <h6 class="m-0 font-weight-bold text-primary">
+                Información de la monitoria
+              </h6>
             </div>
-
-            <!-- Is unique payment -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_is_unique_payment" style="display: block; font-weight: 600;">Is unique payment:</label>
-                <input type="checkbox" name="is_unique_payment" id="id_is_unique_payment">
+            <!-- Card Body -->
+            <div class="card-body">
+              <!-- Monitoring type -->
+              <div style="margin-bottom: 2rem">
+                <label
+                  for="id_monitoring_type"
+                  style="display: block; font-weight: 600"
+                  >Tipo de Monitoría:</label
+                >
+                <select
+                  name="monitoring_type"
+                  required
+                  id="id_monitoring_type"
+                  style="
+                    width: 100%;
+                    padding: 1rem;
+                    color: #333;
+                    border: 1px solid #ccc;
+                    border-radius: 0.375rem;
+                    background-color: #f7fafc;
+                    font-size: 1rem;
+                    outline: none;
+                    transition: border-color 0.15s ease-in-out,
+                      box-shadow 0.15s ease-in-out;
+                  "
+                >
+                <option value="" disabled selected>Seleccionar</option>
+                  
+                <option value="">---------</option>
+                
+                <option value="academic">Académica</option>
+                
+                <option value="office">De Oficina</option>
+                </select>
+              </div>
+
+              <!-- Course or proyect -->
+              <div style="margin-bottom: 2rem">
+                <label
+                  for="id_course_or_proyect"
+                  style="display: block; font-weight: 600"
+                  >Curso o Proyecto:</label
+                >
+                <input
+                  type="text"
+                  name="course_or_proyect"
+                  maxlength="256"
+                  required
+                  id="id_course_or_proyect"
+                  style="
+                    height: 1rem;
+                    width: 100%;
+                    padding: 1rem;
+                    color: #333;
+                    border: 1px solid #ccc;
+                    border-radius: 0.375rem;
+                    background-color: #f7fafc;
+                    font-size: 1rem;
+                    outline: none;
+                    transition: border-color 0.15s ease-in-out,
+                      box-shadow 0.15s ease-in-out;
+                  "
+                />
+              </div>
+
+              <!-- Monitoring description -->
+              <div style="margin-bottom: 2rem">
+                <label
+                  for="id_monitoring_description"
+                  style="display: block; font-weight: 600"
+                  >Descripción de la monitoría:</label
+                >
+                <textarea
+                  name="monitoring_description"
+                  id="id_monitoring_description"
+                  style="
+                    min-height: 1rem;
+                    width: 100%;
+                    padding: 1rem;
+                    color: #333;
+                    border: 1px solid #ccc;
+                    border-radius: 0.375rem;
+                    background-color: #f7fafc;
+                    font-size: 1rem;
+                    outline: none;
+                    transition: border-color 0.15s ease-in-out,
+                      box-shadow 0.15s ease-in-out;
+                  "
+                ></textarea>
+              </div>
             </div>
-
-            <!-- Submit -->
-            <button type="submit"
-                style="background-color: #1e40af; color: #fff; font-weight: 600; padding: 0.5rem 1rem; border: none; border-radius: 0.375rem; cursor: pointer; transition: background-color 0.3s ease-in-out;">Enviar</button>
-
-        </form>
+          </div>
+        </div>
+      </div>
+      <!-- Submit -->
+      <button
+        class="col-xl-12 col-lg-12"
+        type="submit"
+        style="
+          background-color: #1e40af;
+          color: #fff;
+          font-weight: 600;
+          padding: 0.5rem 1rem;
+          border: none;
+          border-radius: 0.375rem;
+          cursor: pointer;
+          transition: background-color 0.3s ease-in-out;
+        "
+      >
+        Enviar
+      </button>
     </div>
-</main>
+  </form>
+</div>
 
 <!-- Modal -->
-<div class="modal fade" id="notificationModal" tabindex="-1" aria-labelledby="notificationModalLabel"
-    aria-hidden="true">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h5 class="modal-title" id="notificationTitle">Título de la notificación</h5>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <div class="modal-body">
-                <p id="notificationMessage">Mensaje de notificación</p>
-            </div>
-            <div class="modal-footer">
-                <button type="button" class="btn btn-secondary" id="notificationCloseBtn"
-                    data-bs-dismiss="modal">Cerrar</button>
-            </div>
-        </div>
+<div
+  class="modal fade"
+  id="notificationModal"
+  tabindex="-1"
+  aria-labelledby="notificationModalLabel"
+  aria-hidden="true"
+>
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="notificationTitle">
+          Título de la notificación
+        </h5>
+        <button
+          type="button"
+          class="btn-close"
+          data-bs-dismiss="modal"
+          aria-label="Close"
+        ></button>
+      </div>
+      <div class="modal-body">
+        <p id="notificationMessage">Mensaje de notificación</p>
+      </div>
+      <div class="modal-footer">
+        <button
+          type="button"
+          class="btn btn-secondary"
+          id="notificationCloseBtn"
+          data-bs-dismiss="modal"
+        >
+          Cerrar
+        </button>
+      </div>
     </div>
+  </div>
 </div>
 
 <script>
-    document.addEventListener('DOMContentLoaded', function () {
-        var form = document.getElementById('monitoringForm');
-        var notificationModal = new bootstrap.Modal(document.getElementById('notificationModal'));
-        var notificationTitle = document.getElementById('notificationTitle');
-        var notificationMessage = document.getElementById('notificationMessage');
-        var notificationCloseBtn = document.getElementById('notificationCloseBtn');
-
-        function showNotification(message, type) {
-            notificationTitle.textContent = (type === 'success') ? 'Éxito' : 'Error';
-            notificationMessage.textContent = message;
-            notificationModal.show();
-        }
-
-        function hideNotification() {
-            notificationModal.hide();
-        }
-
-        notificationCloseBtn.addEventListener('click', function () {
-            hideNotification();
-        });
-        
-        form.addEventListener('submit', function (event) {
-            event.preventDefault();
-
-            var formData = new FormData(form);
-            var url = form.action;
-
-            var darkOverlay = document.createElement('div');
-            darkOverlay.classList.add('dark-overlay');
-            document.body.appendChild(darkOverlay);
-
-            var loadingIndicator = document.createElement('div');
-            loadingIndicator.innerHTML = '<div class="spinner-border text-white" role="status"></div>';
-            loadingIndicator.classList.add('loading-indicator');
-            document.body.appendChild(loadingIndicator);
-
-            fetch(url, {
-                method: 'POST',
-                body: formData,
-                headers: {
-                    'X-Requested-With': 'XMLHttpRequest',
-                    'X-CSRFToken': '{{ csrf_token }}'
-                }
-            })
-                .then(function (response) {
-                    document.body.removeChild(darkOverlay);
-                    document.body.removeChild(loadingIndicator);
-
-                    if (response.ok) {
-                        showNotification('La solicitud fue exitosa.', 'success');
-                        form.reset(); // Opcional: limpiar el formulario después del envío exitoso
-                    } else {
-                        showNotification('Ocurrió un error al procesar la solicitud.', 'error');
-                    }
-                })
-                .catch(function (error) {
-                    console.error('Error en la solicitud AJAX:', error);
-                    document.body.removeChild(darkOverlay);
-                    document.body.removeChild(loadingIndicator);
-                    showNotification('Ocurrió un error al procesar la solicitud.', 'error');
-                });
-        });
+  document.addEventListener("DOMContentLoaded", function () {
+    var form = document.getElementById("monitoringForm");
+    var notificationModal = new bootstrap.Modal(
+      document.getElementById("notificationModal")
+    );
+    var notificationTitle = document.getElementById("notificationTitle");
+    var notificationMessage = document.getElementById("notificationMessage");
+    var notificationCloseBtn = document.getElementById("notificationCloseBtn");
+
+    function showNotification(message, type) {
+      notificationTitle.textContent = type === "success" ? "Éxito" : "Error";
+      notificationMessage.textContent = message;
+      notificationModal.show();
+    }
+
+    function hideNotification() {
+      notificationModal.hide();
+    }
+
+    notificationCloseBtn.addEventListener("click", function () {
+      hideNotification();
     });
 
+    form.addEventListener("submit", function (event) {
+      event.preventDefault();
+
+      var formData = new FormData(form);
+      var url = form.action;
+
+      var darkOverlay = document.createElement("div");
+      darkOverlay.classList.add("dark-overlay");
+      document.body.appendChild(darkOverlay);
+
+      var loadingIndicator = document.createElement("div");
+      loadingIndicator.innerHTML =
+        '<div class="spinner-border text-white" role="status"></div>';
+      loadingIndicator.classList.add("loading-indicator");
+      document.body.appendChild(loadingIndicator);
+
+      fetch(url, {
+        method: "POST",
+        body: formData,
+        headers: {
+          "X-Requested-With": "XMLHttpRequest",
+          "X-CSRFToken": "{{ csrf_token }}",
+        },
+      })
+        .then(function (response) {
+          document.body.removeChild(darkOverlay);
+          document.body.removeChild(loadingIndicator);
+
+          if (response.ok) {
+            showNotification("La solicitud fue exitosa.", "success");
+            form.reset(); // Opcional: limpiar el formulario después del envío exitoso
+          } else {
+            showNotification(
+              "Ocurrió un error al procesar la solicitud.",
+              "error"
+            );
+          }
+        })
+        .catch(function (error) {
+          console.error("Error en la solicitud AJAX:", error);
+          document.body.removeChild(darkOverlay);
+          document.body.removeChild(loadingIndicator);
+          showNotification(
+            "Ocurrió un error al procesar la solicitud.",
+            "error"
+          );
+        });
+    });
+  });
 </script>
 
-
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/hiring_module/hiring_app/templates/request_creation/partials/course_schedule.html b/hiring_module/hiring_app/templates/request_creation/partials/course_schedule.html
index d251355..f93531c 100644
--- a/hiring_module/hiring_app/templates/request_creation/partials/course_schedule.html
+++ b/hiring_module/hiring_app/templates/request_creation/partials/course_schedule.html
@@ -1,34 +1,35 @@
+<hr>
 <!-- Date -->
 <div style="margin-bottom: 2rem;">
-    <label for="idadditionalFields-_date-placeholder" style="display: block; font-weight: 600;">Date:</label>
+    <label for="idadditionalFields-_date-placeholder" style="display: block; font-weight: 600;">Fecha:</label>
     <input type="date" id="id_additionalFields-date-placeholder" name="additionalFields-date-placeholder" required
         style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
 </div>
 
 <!-- Start time -->
 <div style="margin-bottom: 2rem;">
-    <label for="id_additionalFields-start_time-placeholder" style="display: block; font-weight: 600;">Start time:</label>
+    <label for="id_additionalFields-start_time-placeholder" style="display: block; font-weight: 600;">Tiempo de Inicio:</label>
     <input type="time" id="id_additionalFields-start_time-placeholder" name="additionalFields-start_time-placeholder" required
         style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
 </div>
 
 <!-- End time -->
 <div style="margin-bottom: 2rem;">
-    <label for="id_additionalFields-end_time-placeholder" style="display: block; font-weight: 600;">End time:</label>
+    <label for="id_additionalFields-end_time-placeholder" style="display: block; font-weight: 600;">Tiempo de Finalización:</label>
     <input type="time" id="id_additionalFields-end_time-placeholder" name="additionalFields-end_time-placeholder" required
         style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
 </div>
 
 <!-- Room -->
 <div style="margin-bottom: 2rem;">
-    <label for="id_additionalFields-room-placeholder" style="display: block; font-weight: 600;">Room:</label>
+    <label for="id_additionalFields-room-placeholder" style="display: block; font-weight: 600;">Lugar:</label>
     <input type="text" id="id_additionalFields-room-placeholder" name="additionalFields-room-placeholder" required
         style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
 </div>
 
 <!-- Responsability -->
 <div style="margin-bottom: 2rem;">
-    <label for="id_additionalFields-responsability-placeholder" style="display: block; font-weight: 600;">Responsability:</label>
+    <label for="id_additionalFields-responsability-placeholder" style="display: block; font-weight: 600;">Responsabilidades:</label>
     <input type="text" id="id_additionalFields-responsability-placeholder" name="additionalFields-responsability-placeholder" required
         style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
 </div>
diff --git a/hiring_module/hiring_app/templates/request_creation/pos_request_form.html b/hiring_module/hiring_app/templates/request_creation/pos_request_form.html
index 6430d3d..b187d65 100644
--- a/hiring_module/hiring_app/templates/request_creation/pos_request_form.html
+++ b/hiring_module/hiring_app/templates/request_creation/pos_request_form.html
@@ -1,356 +1,1089 @@
-{% extends 'base.html' %}
-{% load static %}
-
-{% block title %}
-Solicitudes de contratos POS
-{% endblock %}
-
-{% block content %}
-
+{% extends 'base.html' %} {% load static %} {% block title %} Solicitudes de
+contratos POS {% endblock %} {% block content %}
 
 <main id="main" class="expanded">
-    <div style="margin-top: 64px; margin-left: 20vw; margin-right: 40vw;">
-
-        <!-- Visualize errors -->
-        {% if form.errors %}
-        <div style="background-color: #fde9e9; border: 1px solid #fca5a5; color: #c53030; padding: 1rem; border-radius: 0.375rem; position: relative;"
-            role="alert">
-            <ul style="list-style-type: disc; margin-top: 0.5rem;">
-                {% for field, error in form.errors.items %}
-                <li>{{ field }}: {{ error }}</li>
-                {% endfor %}
-            </ul>
-        </div>
-        {% endif %}
-
-        <h1 style="font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem;">Solicitudes de contratos de prestacion de servicio</h1>
-
-        <form id="posForm" method="post" enctype="multipart/form-data" action="{% url 'hiring_app:pos' %}"
-            style="margin-bottom: 2rem;">
-            {% csrf_token %}
-
-            <!-- Solicitant name -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_solicitant_name" style="display: block; font-weight: 600;">Solicitant name:</label>
-                <input type="text" id="id_solicitant_name" name="solicitant_name" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
-
-            <!-- Solicitant faculty -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_solicitant_faculty" style="display: block; font-weight: 600;">Solicitant faculty:</label>
-                <input type="text" id="id_solicitant_faculty" name="solicitant_faculty" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
+  <div>
+    <form
+      id="posForm"
+      method="post"
+      enctype="multipart/form-data"
+      action="{% url 'hiring_app:pos' %}"
+      style="margin-bottom: 2rem"
+    >
+      {% csrf_token %}
+      <div class="container-fluid">
+        <h1 style="font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem">
+          Solicitudes de contratos de prestacion de servicio
+        </h1>
+        <div class="row">
+          <!-- Data hiree  -->
+          <div class="col-xl-7 col-lg-6">
+            <div class="card shadow mb-4">
+              <!-- Card Header - Dropdown -->
+              <div
+                class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+              >
+                <h6 class="m-0 font-weight-bold text-primary">
+                  Información del contratado
+                </h6>
+              </div>
+              <!-- Card Body -->
+              <div class="card-body">
+                <!-- Hiree full name -->
+                <div style="margin-bottom: 2rem">
+                  <label
+                    for="id_hiree_full_name"
+                    style="display: block; font-weight: 600"
+                    >Nombre Completo:</label
+                  >
+                  <input
+                    type="text"
+                    id="id_hiree_full_name"
+                    name="hiree_full_name"
+                    required
+                    style="
+                      height: 1rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  />
+                </div>
 
-            <!-- Hiree full name -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_hiree_full_name" style="display: block; font-weight: 600;">Hiree full name:</label>
-                <input type="text" id="id_hiree_full_name" name="hiree_full_name" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
+                <!-- Hiree ID -->
+                <div style="margin-bottom: 2rem">
+                  <label
+                    for="id_hiree_id"
+                    style="display: block; font-weight: 600"
+                    >Documento de Identidad:</label
+                  >
+                  <input
+                    type="number"
+                    id="id_hiree_id"
+                    name="hiree_id"
+                    required
+                    style="
+                      height: 1rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  />
+                </div>
+                <!-- Hiree cellphone -->
+                <div style="margin-bottom: 2rem">
+                  <label
+                    for="id_hiree_cellphone"
+                    style="display: block; font-weight: 600"
+                    >Teléfono Celular:</label
+                  >
+                  <input
+                    type="text"
+                    id="id_hiree_cellphone"
+                    name="hiree_cellphone"
+                    required
+                    style="
+                      height: 1rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  />
+                </div>
 
-            <!-- Hiree ID -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_hiree_id" style="display: block; font-weight: 600;">Hiree ID:</label>
-                <input type="number" id="id_hiree_id" name="hiree_id" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
+                <!-- Hiree email -->
+                <div style="margin-bottom: 2rem">
+                  <label
+                    for="id_hiree_email"
+                    style="display: block; font-weight: 600"
+                    >Correo Electrónico:</label
+                  >
+                  <input
+                    type="email"
+                    id="id_hiree_email"
+                    name="hiree_email"
+                    required
+                    style="
+                      height: 1rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  />
+                </div>
+                <!-- EPS -->
+                <div style="margin-bottom: 2rem">
+                  <label for="id_eps" style="display: block; font-weight: 600"
+                    >EPS:</label
+                  >
+                  <input
+                    type="text"
+                    id="id_eps"
+                    name="eps"
+                    required
+                    style="
+                      height: 1rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  />
+                </div>
 
-            <!-- Hiree cellphone -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_hiree_cellphone" style="display: block; font-weight: 600;">Hiree cellphone:</label>
-                <input type="text" id="id_hiree_cellphone" name="hiree_cellphone" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
+                <!-- ARL -->
+                <div style="margin-bottom: 2rem">
+                  <label for="id_arl" style="display: block; font-weight: 600"
+                    >ARL:</label
+                  >
+                  <input
+                    type="text"
+                    id="id_arl"
+                    name="arl"
+                    required
+                    style="
+                      height: 1rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  />
+                </div>
+              </div>
             </div>
+          </div>
 
-            <!-- Hiree email -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_hiree_email" style="display: block; font-weight: 600;">Hiree email:</label>
-                <input type="email" id="id_hiree_email" name="hiree_email" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
+          <!-- CENCO -->
+          <div class="col-xl-5 col-lg-6">
+            <div class="card shadow mb-4">
+              <!-- Card Header - Dropdown -->
+              <div
+                class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+              >
+                <h6 class="m-0 font-weight-bold text-primary">
+                  Información financiera
+                </h6>
+              </div>
+              <!-- Card Body -->
+              <div class="card-body">
+                <!-- Cenco -->
+                <div style="margin-bottom: 2rem">
+                  <label for="id_cenco" style="display: block; font-weight: 600"
+                    >Cenco:</label
+                  >
+                  <input
+                    type="text"
+                    id="id_cenco"
+                    name="cenco"
+                    required
+                    style="
+                      height: 1rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  />
+                </div>
 
-            <!-- Cenco -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_cenco" style="display: block; font-weight: 600;">Cenco:</label>
-                <input type="text" id="id_cenco" name="cenco" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
+                <!-- Banking entity -->
+                <div style="margin-bottom: 2rem">
+                  <label
+                    for="id_banking_entity"
+                    style="display: block; font-weight: 600"
+                    >Entidad Bancaria:</label
+                  >
+                  <input
+                    type="text"
+                    id="id_banking_entity"
+                    name="banking_entity"
+                    required
+                    style="
+                      height: 1rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  />
+                </div>
+                <br />
 
-            <!-- Request motive -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_request_motive" style="display: block; font-weight: 600;">Request motive:</label>
-                <textarea id="id_request_motive" name="request_motive" required
-                    style="min-height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;"></textarea>
-            </div>
+                <!-- Bank account type -->
+                <div style="margin-bottom: 2rem">
+                  <label
+                    for="id_bank_account_type"
+                    style="display: block; font-weight: 600"
+                    >Tipo de Cuenta Bancaria:</label
+                  >
+                  <select
+                    name="bank_account_type"
+                    id="id_bank_account_type"
+                    required
+                    style="
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  >
+                  <option value="" disabled selected>Seleccionar</option>
+                
+                  <option value="">---------</option>
+                  
+                  <option value="checking">Débito</option>
+                  
+                  <option value="savings">Ahorros</option>
+                  </select>
+                </div>
+                <br />
 
-            <!-- Banking entity -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_banking_entity" style="display: block; font-weight: 600;">Banking entity:</label>
-                <input type="text" id="id_banking_entity" name="banking_entity" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
+                <!-- Bank account number -->
+                <div style="margin-bottom: 2rem">
+                  <label
+                    for="id_bank_account_number"
+                    style="display: block; font-weight: 600"
+                    >Número de Cuenta Bancaria:</label
+                  >
+                  <input
+                    type="text"
+                    id="id_bank_account_number"
+                    name="bank_account_number"
+                    required
+                    style="
+                      height: 1rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  />
+                </div>
+                <br />
+                <!-- Pension fund -->
+                <div style="margin-bottom: 2rem">
+                  <label
+                    for="id_pension_fund"
+                    style="display: block; font-weight: 600"
+                    >Fondo de Pensiones:</label
+                  >
+                  <input
+                    type="text"
+                    id="id_pension_fund"
+                    name="pension_fund"
+                    required
+                    style="
+                      height: 1rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  />
+                </div>
+              </div>
             </div>
+          </div>
 
-            <!-- Bank account type -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_bank_account_type" style="display: block; font-weight: 600;">Bank account type:</label>
-                <select name="bank_account_type" id="id_bank_account_type" required
-                    style="width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-                    <option value="" disabled selected>Select</option>
-                    {% for choice in form.bank_account_type.field.choices %}
-                    <option value="{{ choice.0 }}">{{ choice.1 }}</option>
-                    {% endfor %}
-                </select>
-            </div>
+          <!-- Data legal  -->
+          <div class="col-xl-7 col-lg-6">
+            <div class="card shadow mb-4">
+              <!-- Card Header - Dropdown -->
+              <div
+                class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+              >
+                <h6 class="m-0 font-weight-bold text-primary">
+                  Información del contratado
+                </h6>
+              </div>
+              <!-- Card Body -->
+              <div class="card-body">
+                <!-- Solicitant faculty -->
+                <div style="margin-bottom: 2rem">
+                  <label
+                    for="id_solicitant_faculty"
+                    style="display: block; font-weight: 600"
+                    >Unidad Solicitante:</label
+                  >
+                  <input
+                    type="text"
+                    id="id_solicitant_faculty"
+                    name="solicitant_faculty"
+                    required
+                    style="
+                      height: 4rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  />
+                </div>
+                <!-- Request motive -->
+                <div style="margin-bottom: 2rem">
+                  <br />
 
-            <!-- Bank account number -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_bank_account_number" style="display: block; font-weight: 600;">Bank account
-                    number:</label>
-                <input type="text" id="id_bank_account_number" name="bank_account_number" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
+                  <label
+                    for="id_request_motive"
+                    style="display: block; font-weight: 600"
+                    >Motivo de solicitud:</label
+                  >
+                  <textarea
+                    id="id_request_motive"
+                    name="request_motive"
+                    required
+                    style="
+                      min-height: 5rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  ></textarea>
+                </div>
+                <!-- Contract value -->
+                <div style="margin-bottom: 2rem">
+                  <br />
 
-            <!-- EPS -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_eps" style="display: block; font-weight: 600;">EPS:</label>
-                <input type="text" id="id_eps" name="eps" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
+                  <label
+                    for="id_contract_value"
+                    style="display: block; font-weight: 600"
+                    >Valor del Contrato:</label
+                  >
+                  <input
+                    type="number"
+                    id="id_contract_value"
+                    name="contract_value"
+                    required
+                    style="
+                      height: 4rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  />
+                </div>
+                <!-- Charge account -->
+                <div style="margin-bottom: 2rem">
+                  <br />
 
-            <!-- Pension fund -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_pension_fund" style="display: block; font-weight: 600;">Pension fund:</label>
-                <input type="text" id="id_pension_fund" name="pension_fund" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
+                  <label
+                    for="id_charge_account"
+                    style="display: block; font-weight: 600"
+                    >Cuenta de Cargo:</label
+                  >
+                  <textarea
+                    id="id_charge_account"
+                    name="charge_account"
+                    required
+                    style="
+                      min-height: 5rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  ></textarea>
+                </div>
 
-            <!-- ARL -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_arl" style="display: block; font-weight: 600;">ARL:</label>
-                <input type="text" id="id_arl" name="arl" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
+                <!-- Rut -->
+                <div style="margin-bottom: 2rem">
+                  <label for="id_rut" style="display: block; font-weight: 600"
+                    >RUT:</label
+                  >
+                  <input
+                    type="file"
+                    id="id_rut"
+                    name="rut"
+                    style="
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  />
+                  <br />
 
-            <!-- Contract value -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_contract_value" style="display: block; font-weight: 600;">Contract value:</label>
-                <input type="number" id="id_contract_value" name="contract_value" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
+                  <br />
+                </div>
+              </div>
             </div>
+          </div>
 
-            <!-- Charge account -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_charge_account" style="display: block; font-weight: 600;">Charge account:</label>
-                <textarea id="id_charge_account" name="charge_account" required
-                    style="min-height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;"></textarea>
-            </div>
+          <!-- Data class -->
+          <div class="col-xl-5 col-lg-6">
+            <div class="card shadow mb-4">
+              <!-- Card Header - Dropdown -->
+              <div
+                class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+              >
+                <h6 class="m-0 font-weight-bold text-primary">
+                  Información de la clase
+                </h6>
+              </div>
+              <div class="card-body">
+                <!-- Course name -->
+                <div style="margin-bottom: 2rem">
+                  <label
+                    for="id_course_name"
+                    style="display: block; font-weight: 600"
+                    >Nombre del Curso:</label
+                  >
+                  <input
+                    type="text"
+                    id="id_course_name"
+                    name="course_name"
+                    required
+                    style="
+                      height: 1rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  />
+                </div>
 
-            <!-- Rut -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_rut" style="display: block; font-weight: 600;">Rut:</label>
-                <input type="file" id="id_rut" name="rut"
-                    style="width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
+                <!-- Period -->
+                <div style="margin-bottom: 2rem">
+                  <label
+                    for="id_period"
+                    style="display: block; font-weight: 600"
+                    >Periodo:</label
+                  >
+                  <input
+                    type="text"
+                    id="id_period"
+                    name="period"
+                    required
+                    style="
+                      height: 1rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  />
+                </div>
 
-            <!-- Course name -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_course_name" style="display: block; font-weight: 600;">Course name:</label>
-                <input type="text" id="id_course_name" name="course_name" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
+                <!-- Group -->
+                <div style="margin-bottom: 2rem">
+                  <label for="id_group" style="display: block; font-weight: 600"
+                    >Grupo:</label
+                  >
+                  <input
+                    type="text"
+                    id="id_group"
+                    name="group"
+                    required
+                    style="
+                      height: 1rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  />
+                </div>
 
-            
-            <!-- Period -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_period" style="display: block; font-weight: 600;">Period:</label>
-                <input type="text" id="id_period" name="period" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
+                <!-- Intensity -->
+                <div style="margin-bottom: 2rem">
+                  <label
+                    for="id_intensity"
+                    style="display: block; font-weight: 600"
+                    >Intensidad:</label
+                  >
+                  <input
+                    type="number"
+                    id="id_intensity"
+                    name="intensity"
+                    required
+                    style="
+                      height: 1rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  />
+                </div>
 
-            
-            <!-- Group -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_group" style="display: block; font-weight: 600;">Group:</label>
-                <input type="text" id="id_group" name="group" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
+                <!-- Total hours -->
+                <div style="margin-bottom: 2rem">
+                  <label
+                    for="id_total_hours"
+                    style="display: block; font-weight: 600"
+                    >Total de Horas:</label
+                  >
+                  <input
+                    type="number"
+                    id="id_total_hours"
+                    name="total_hours"
+                    required
+                    style="
+                      height: 1rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  />
+                </div>
 
-            <!-- Intensity -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_intensity" style="display: block; font-weight: 600;">Intensity:</label>
-                <input type="number" id="id_intensity" name="intensity" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
+                <!-- Course Code -->
+                <div style="margin-bottom: 2rem">
+                  <label
+                    for="id_course_code"
+                    style="display: block; font-weight: 600"
+                    >Código de Curso:</label
+                  >
+                  <input
+                    type="text"
+                    id="id_course_code"
+                    name="course_code"
+                    required
+                    style="
+                      height: 1rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  />
+                </div>
 
-            <!-- Total hours -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_total_hours" style="display: block; font-weight: 600;">Total hours:</label>
-                <input type="number" id="id_total_hours" name="total_hours" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
+                <!-- Students quantity -->
+                <div style="margin-bottom: 2rem">
+                  <label
+                    for="id_students_quantity"
+                    style="display: block; font-weight: 600"
+                    >Cantidad de Estudiantes:</label
+                  >
+                  <input
+                    type="number"
+                    id="id_students_quantity"
+                    name="students_quantity"
+                    required
+                    style="
+                      height: 1rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  />
+                </div>
 
-            <!-- Course Code -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_course_code" style="display: block; font-weight: 600;">Course code:</label>
-                <input type="text" id="id_course_code" name="course_code" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
+                <!-- Additional hours -->
+                <div style="margin-bottom: 2rem">
+                  <label
+                    for="id_additional_hours"
+                    style="display: block; font-weight: 600"
+                    >Horas Adicionales:</label
+                  >
+                  <input
+                    type="number"
+                    id="id_additional_hours"
+                    name="additional_hours"
+                    required
+                    style="
+                      height: 1rem;
+                      width: 100%;
+                      padding: 1rem;
+                      color: #333;
+                      border: 1px solid #ccc;
+                      border-radius: 0.375rem;
+                      background-color: #f7fafc;
+                      font-size: 1rem;
+                      outline: none;
+                      transition: border-color 0.15s ease-in-out,
+                        box-shadow 0.15s ease-in-out;
+                    "
+                  />
+                </div>
+              </div>
             </div>
+          </div>
 
-            <!-- Students quantity -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_students_quantity" style="display: block; font-weight: 600;">Students quantity:</label>
-                <input type="number" id="id_students_quantity" name="students_quantity" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
+          <div class="col-xl-12 col-lg-12">
+            <div class="card shadow mb-4">
+              <!-- Card Header - Dropdown -->
+              <div
+                class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+              >
+                <h6 class="m-0 font-weight-bold text-primary">
+                  Horario de clases
+                </h6>
+              </div>
+              <!-- Card Body -->
+              <div class="card-body">
+                <!-- Container for dynamically added fields -->
+                <div id="additionalFields">
+                  <!-- Date -->
+                  <div style="margin-bottom: 2rem">
+                    <label
+                      for="id_additionalFields-"
+                      style="display: block; font-weight: 600"
+                      >Fecha:</label
+                    >
+                    <input
+                      type="date"
+                      id="id_additionalFields-"
+                      name="additionalFields-date"
+                      required
+                      style="
+                        height: 1rem;
+                        width: 100%;
+                        padding: 1rem;
+                        color: #333;
+                        border: 1px solid #ccc;
+                        border-radius: 0.375rem;
+                        background-color: #f7fafc;
+                        font-size: 1rem;
+                        outline: none;
+                        transition: border-color 0.15s ease-in-out,
+                          box-shadow 0.15s ease-in-out;
+                      "
+                    />
+                  </div>
 
-            <!-- Additional hours -->
-            <div style="margin-bottom: 2rem;">
-                <label for="id_additional_hours" style="display: block; font-weight: 600;">Additional hours:</label>
-                <input type="number" id="id_additional_hours" name="additional_hours" required
-                    style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-            </div>
+                  <!-- Start time -->
+                  <div style="margin-bottom: 2rem">
+                    <label
+                      for="id_additionalFields-start_time"
+                      style="display: block; font-weight: 600"
+                      >Tiempo de Inicio:</label
+                    >
+                    <input
+                      type="time"
+                      id="id_additionalFields-start_time"
+                      name="additionalFields-start_time"
+                      required
+                      style="
+                        height: 1rem;
+                        width: 100%;
+                        padding: 1rem;
+                        color: #333;
+                        border: 1px solid #ccc;
+                        border-radius: 0.375rem;
+                        background-color: #f7fafc;
+                        font-size: 1rem;
+                        outline: none;
+                        transition: border-color 0.15s ease-in-out,
+                          box-shadow 0.15s ease-in-out;
+                      "
+                    />
+                  </div>
 
-            <h4>Course schedules:</h4>
-            <!-- Container for dynamically added fields -->
-            <div id="additionalFields">
-                <!-- Date -->
-                <div style="margin-bottom: 2rem;">
-                    <label for="id_additionalFields-" style="display: block; font-weight: 600;">Date:</label>
-                    <input type="date" id="id_additionalFields-" name="additionalFields-date" required
-                        style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-                </div>
-                
-                <!-- Start time -->
-                <div style="margin-bottom: 2rem;">
-                    <label for="id_additionalFields-start_time" style="display: block; font-weight: 600;">Start time:</label>
-                    <input type="time" id="id_additionalFields-start_time" name="additionalFields-start_time" required
-                        style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-                </div>
+                  <!-- End time -->
+                  <div style="margin-bottom: 2rem">
+                    <label
+                      for="id_additionalFields-end_time"
+                      style="display: block; font-weight: 600"
+                      >Tiempo de Finalización:</label
+                    >
+                    <input
+                      type="time"
+                      id="id_additionalFields-end_time"
+                      name="additionalFields-end_time"
+                      required
+                      style="
+                        height: 1rem;
+                        width: 100%;
+                        padding: 1rem;
+                        color: #333;
+                        border: 1px solid #ccc;
+                        border-radius: 0.375rem;
+                        background-color: #f7fafc;
+                        font-size: 1rem;
+                        outline: none;
+                        transition: border-color 0.15s ease-in-out,
+                          box-shadow 0.15s ease-in-out;
+                      "
+                    />
+                  </div>
 
-                <!-- End time -->
-                <div style="margin-bottom: 2rem;">
-                    <label for="id_additionalFields-end_time" style="display: block; font-weight: 600;">End time:</label>
-                    <input type="time" id="id_additionalFields-end_time" name="additionalFields-end_time" required
-                        style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
-                </div>
+                  <!-- Room -->
+                  <div style="margin-bottom: 2rem">
+                    <label
+                      for="id_additionalFields-room"
+                      style="display: block; font-weight: 600"
+                      >Lugar:</label
+                    >
+                    <input
+                      type="text"
+                      id="id_additionalFields-room"
+                      name="additionalFields-room"
+                      required
+                      style="
+                        height: 1rem;
+                        width: 100%;
+                        padding: 1rem;
+                        color: #333;
+                        border: 1px solid #ccc;
+                        border-radius: 0.375rem;
+                        background-color: #f7fafc;
+                        font-size: 1rem;
+                        outline: none;
+                        transition: border-color 0.15s ease-in-out,
+                          box-shadow 0.15s ease-in-out;
+                      "
+                    />
+                  </div>
 
-                <!-- Room -->
-                <div style="margin-bottom: 2rem;">
-                    <label for="id_additionalFields-room" style="display: block; font-weight: 600;">Room:</label>
-                    <input type="text" id="id_additionalFields-room" name="additionalFields-room" required
-                        style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
+                  <!-- Responsability -->
+                  <div style="margin-bottom: 2rem">
+                    <label
+                      for="id_additionalFields-responsability"
+                      style="display: block; font-weight: 600"
+                      >Responsabilidades:</label
+                    >
+                    <input
+                      type="text"
+                      id="id_additionalFields-responsability"
+                      name="additionalFields-responsability"
+                      required
+                      style="
+                        height: 1rem;
+                        width: 100%;
+                        padding: 1rem;
+                        color: #333;
+                        border: 1px solid #ccc;
+                        border-radius: 0.375rem;
+                        background-color: #f7fafc;
+                        font-size: 1rem;
+                        outline: none;
+                        transition: border-color 0.15s ease-in-out,
+                          box-shadow 0.15s ease-in-out;
+                      "
+                    />
+                  </div>
                 </div>
 
-                <!-- Responsability -->
-                <div style="margin-bottom: 2rem;">
-                    <label for="id_additionalFields-responsability" style="display: block; font-weight: 600;">Responsability:</label>
-                    <input type="text" id="id_additionalFields-responsability" name="additionalFields-responsability" required
-                        style="height: 1rem; width: 100%; padding: 1rem; color: #333; border: 1px solid #ccc; border-radius: 0.375rem; background-color: #f7fafc; font-size: 1rem; outline: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;">
+                <!-- Add course schedule -->
+                <div style="margin-bottom: 2rem">
+                  <button
+                    type="button"
+                    id="add-fields-btn"
+                    style="
+                      background-color: #1ecf27;
+                      color: #fff;
+                      font-weight: 600;
+                      padding: 0.5rem 1rem;
+                      border: none;
+                      border-radius: 0.375rem;
+                      cursor: pointer;
+                      transition: background-color 0.3s ease-in-out;
+                    "
+                  >
+                    Añadir otro curso
+                  </button>
                 </div>
-
-            </div>
-
-            <!-- Add course schedule -->
-            <div style="margin-bottom: 2rem;">
-                <button type="button" id="add-fields-btn"
-                    style="background-color: #1ecf27; color: #fff; font-weight: 600; padding: 0.5rem 1rem; border: none; border-radius: 0.375rem; cursor: pointer; transition: background-color 0.3s ease-in-out;">Add another course schedule</button>
+              </div>
             </div>
+          </div>
+        </div>
 
-            <!-- Submit -->
-            <button type="submit"
-                style="background-color: #1e40af; color: #fff; font-weight: 600; padding: 0.5rem 1rem; border: none; border-radius: 0.375rem; cursor: pointer; transition: background-color 0.3s ease-in-out;">Enviar</button>
-        </form>
-    </div>
+        <!-- Submit -->
+        <button
+          class="col-xl-12 col-lg-12"
+          type="submit"
+          style="
+            background-color: #1e40af;
+            color: #fff;
+            font-weight: 600;
+            padding: 0.5rem 1rem;
+            border: none;
+            border-radius: 0.375rem;
+            cursor: pointer;
+            transition: background-color 0.3s ease-in-out;
+          "
+        >
+          Enviar
+        </button>
+      </div>
+    </form>
+  </div>
 </main>
 
 <!-- Modal -->
-<div class="modal fade" id="notificationModal" tabindex="-1" aria-labelledby="notificationModalLabel"
-    aria-hidden="true">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h5 class="modal-title" id="notificationTitle">Título de la notificación</h5>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <div class="modal-body">
-                <p id="notificationMessage">Mensaje de notificación</p>
-            </div>
-            <div class="modal-footer">
-                <button type="button" class="btn btn-secondary" id="notificationCloseBtn"
-                    data-bs-dismiss="modal">Cerrar</button>
-            </div>
-        </div>
+<div
+  class="modal fade"
+  id="notificationModal"
+  tabindex="-1"
+  aria-labelledby="notificationModalLabel"
+  aria-hidden="true"
+>
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="notificationTitle">
+          Título de la notificación
+        </h5>
+        <button
+          type="button"
+          class="btn-close"
+          data-bs-dismiss="modal"
+          aria-label="Close"
+        ></button>
+      </div>
+      <div class="modal-body">
+        <p id="notificationMessage">Mensaje de notificación</p>
+      </div>
+      <div class="modal-footer">
+        <button
+          type="button"
+          class="btn btn-secondary"
+          id="notificationCloseBtn"
+          data-bs-dismiss="modal"
+        >
+          Cerrar
+        </button>
+      </div>
     </div>
+  </div>
 </div>
 
 <script>
-    document.addEventListener('DOMContentLoaded', function () {
-        var form = document.getElementById('posForm');
-        var notificationModal = new bootstrap.Modal(document.getElementById('notificationModal'));
-        var notificationTitle = document.getElementById('notificationTitle');
-        var notificationMessage = document.getElementById('notificationMessage');
-        var notificationCloseBtn = document.getElementById('notificationCloseBtn');
-
-        function showNotification(message, type) {
-            notificationTitle.textContent = (type === 'success') ? 'Éxito' : 'Error';
-            notificationMessage.textContent = message;
-            notificationModal.show();
-        }
-
-        function hideNotification() {
-            notificationModal.hide();
-        }
-
-        notificationCloseBtn.addEventListener('click', function () {
-            hideNotification();
-        });
+  document
+    .getElementById("add-fields-btn")
+    .addEventListener("click", function () {
+      // Fetch additional fields HTML via AJAX
+      fetch('{% url "hiring_app:pos_fields" %}')
+        .then((response) => response.text())
+        .then((html) => {
+          // Generate a unique identifier for each set of additional fields
+          const uniqueId = Math.random().toString(36).substr(2, 9);
 
-        form.addEventListener('submit', function (event) {
-            event.preventDefault();
-
-            var formData = new FormData(form);
-            var url = form.action;
-
-            var darkOverlay = document.createElement('div');
-            darkOverlay.classList.add('dark-overlay');
-            document.body.appendChild(darkOverlay);
-
-            var loadingIndicator = document.createElement('div');
-            loadingIndicator.innerHTML = '<div class="spinner-border text-white" role="status"></div>';
-            loadingIndicator.classList.add('loading-indicator');
-            document.body.appendChild(loadingIndicator);
-
-            fetch(url, {
-                method: 'POST',
-                body: formData,
-                headers: {
-                    'X-Requested-With': 'XMLHttpRequest',
-                    'X-CSRFToken': '{{ csrf_token }}'
-                }
-            })
-                .then(function (response) {
-                    document.body.removeChild(darkOverlay);
-                    document.body.removeChild(loadingIndicator);
-
-                    if (response.ok) {
-                        showNotification('La solicitud fue exitosa.', 'success');
-                        form.reset(); // Opcional: limpiar el formulario después del envío exitoso
-                    } else {
-                        showNotification('Ocurrió un error al procesar la solicitud.', 'error');
-                    }
-                })
-                .catch(function (error) {
-                    console.error('Error en la solicitud AJAX:', error);
-                    document.body.removeChild(darkOverlay);
-                    document.body.removeChild(loadingIndicator);
-                    showNotification('Ocurrió un error al procesar la solicitud.', 'error');
-                });
-        });
+          // Replace placeholder IDs in the HTML with unique identifiers
+          html = html.replaceAll("-placeholder", "-" + uniqueId); // Replace "-placeholder" with a unique identifier
+          document
+            .getElementById("additionalFields")
+            .insertAdjacentHTML("beforeend", html);
+        })
+        .catch((error) =>
+          console.error("Error fetching additional fields:", error)
+        );
     });
-
 </script>
 
+<script>
+  document.addEventListener("DOMContentLoaded", function () {
+    var form = document.getElementById("posForm");
+    var notificationModal = new bootstrap.Modal(
+      document.getElementById("notificationModal")
+    );
+    var notificationTitle = document.getElementById("notificationTitle");
+    var notificationMessage = document.getElementById("notificationMessage");
+    var notificationCloseBtn = document.getElementById("notificationCloseBtn");
+
+    function showNotification(message, type) {
+      notificationTitle.textContent = type === "success" ? "Éxito" : "Error";
+      notificationMessage.textContent = message;
+      notificationModal.show();
+    }
+
+    function hideNotification() {
+      notificationModal.hide();
+    }
+
+    notificationCloseBtn.addEventListener("click", function () {
+      hideNotification();
+    });
 
-{% endblock %}
\ No newline at end of file
+    form.addEventListener("submit", function (event) {
+      event.preventDefault();
+
+      var formData = new FormData(form);
+      var url = form.action;
+
+      var darkOverlay = document.createElement("div");
+      darkOverlay.classList.add("dark-overlay");
+      document.body.appendChild(darkOverlay);
+
+      var loadingIndicator = document.createElement("div");
+      loadingIndicator.innerHTML =
+        '<div class="spinner-border text-white" role="status"></div>';
+      loadingIndicator.classList.add("loading-indicator");
+      document.body.appendChild(loadingIndicator);
+
+      fetch(url, {
+        method: "POST",
+        body: formData,
+        headers: {
+          "X-Requested-With": "XMLHttpRequest",
+          "X-CSRFToken": "{{ csrf_token }}",
+        },
+      })
+        .then(function (response) {
+          document.body.removeChild(darkOverlay);
+          document.body.removeChild(loadingIndicator);
+
+          if (response.ok) {
+            showNotification("La solicitud fue exitosa.", "success");
+            form.reset(); // Opcional: limpiar el formulario después del envío exitoso
+          } else {
+            showNotification(
+              "Ocurrió un error al procesar la solicitud.",
+              "error"
+            );
+          }
+        })
+        .catch(function (error) {
+          console.error("Error en la solicitud AJAX:", error);
+          document.body.removeChild(darkOverlay);
+          document.body.removeChild(loadingIndicator);
+          showNotification(
+            "Ocurrió un error al procesar la solicitud.",
+            "error"
+          );
+        });
+    });
+  });
+</script>
+
+{% endblock %}
diff --git a/hiring_module/hiring_app/templates/request_hiring/cex_information.html b/hiring_module/hiring_app/templates/request_hiring/cex_information.html
index 5e7e20f..4dcc04b 100644
--- a/hiring_module/hiring_app/templates/request_hiring/cex_information.html
+++ b/hiring_module/hiring_app/templates/request_hiring/cex_information.html
@@ -1,140 +1,235 @@
-<div class="card invoice mb-4">
+<h1 style="font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem">
+  Solicitudes de contratos de CEX
+</h1>
+<div class="row">
+  <!-- Data student  -->
+  <div class="col-xl-7 col-lg-6">
+    <div class="card shadow mb-4">
+      <!-- Card Header - Dropdown -->
+      <div
+        class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+      >
+        <h6 class="m-0 font-weight-bold text-primary">
+          Información del contratado
+        </h6>
+      </div>
+      <!-- Card Body -->
+      <div class="card-body">
+        <table class="table table-borderless mb-0">
+          <tbody>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Nombre Completo del Contratado</div>
+                <div class="small text-muted d-none d-md-block">
+                  El nombre completo de la persona contratada.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                {{ contract_request.hiree_full_name }}
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">ID del Contratado</div>
+                <div class="small text-muted d-none d-md-block">
+                  El identificador único asignado al contratado.
+                </div>
+              </td>
+              <td class="text-end fw-bold">{{ contract_request.hiree_id }}</td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Número de Teléfono del Contratado</div>
+                <div class="small text-muted d-none d-md-block">
+                  El número de teléfono del contratado.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                {{ contract_request.hiree_cellphone }}
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Correo Electrónico del Contratado</div>
+                <div class="small text-muted d-none d-md-block">
+                  El correo electrónico de contacto del contratado.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                {{ contract_request.hiree_email }}
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">EPS</div>
+                <div class="small text-muted d-none d-md-block">
+                  La Entidad Promotora de Salud del contratado.
+                </div>
+              </td>
+              <td class="text-end fw-bold">{{ contract_request.eps }}</td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">ARL</div>
+                <div class="small text-muted d-none d-md-block">
+                  La Administradora de Riesgos Laborales del contratado.
+                </div>
+              </td>
+              <td class="text-end fw-bold">{{ contract_request.arl }}</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+
+  <!-- CENCO -->
+  <div class="col-xl-5 col-lg-6">
+    <div class="card shadow mb-4">
+      <!-- Card Header - Dropdown -->
+      <div
+        class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+      >
+        <h6 class="m-0 font-weight-bold text-primary">
+          Información del financiera
+        </h6>
+      </div>
+      <!-- Card Body -->
+      <div class="card-body">
+        <table class="table table-borderless mb-0">
+          <tbody>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Cenco</div>
+                <div class="small text-muted d-none d-md-block">
+                  Centro de costos asignado al contratado.
+                </div>
+              </td>
+              <td class="text-end fw-bold">{{ contract_request.cenco }}</td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Entidad Bancaria</div>
+                <div class="small text-muted d-none d-md-block">
+                  La entidad bancaria a la que está asociada la cuenta bancaria.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                {{ contract_request.banking_entity }}
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <br />
+
+                <div class="fw-bold">Tipo de Cuenta Bancaria</div>
+                <div class="small text-muted d-none d-md-block">
+                  El tipo de cuenta bancaria del contratado.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                <br />
+
+                {{ contract_request.get_bank_account_type_display }}
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <br />
+
+                <div class="fw-bold">Número de Cuenta Bancaria</div>
+                <div class="small text-muted d-none d-md-block">
+                  El número de cuenta bancaria del contratado.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                <br />
+
+                {{ contract_request.bank_account_number }}
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <br />
+                <div class="fw-bold">Fondo de Pensiones</div>
+                <div class="small text-muted d-none d-md-block">
+                  El fondo de pensiones del contratado.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                <br />
+
+                {{ contract_request.pension_fund }}
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
 
-    <div class="card-body p-4 p-md-5">
-        <!-- Invoice table-->
-        <div class="table-responsive">
-            <table class="table table-borderless mb-0">
-                <thead class="border-bottom">
-                    <tr class="small text-uppercase text-muted">
-                        <th scope="col">Descripcion</th>
-                        <th class="text-end" scope="col">Datos</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Nombre Completo del Contratado</div>
-                            <div class="small text-muted d-none d-md-block">El nombre completo de la persona contratada.
-                            </div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.hiree_full_name }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">ID del Contratado</div>
-                            <div class="small text-muted d-none d-md-block">El identificador único asignado al
-                                contratado.
-                            </div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.hiree_id }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Número de Teléfono del Contratado</div>
-                            <div class="small text-muted d-none d-md-block">El número de teléfono del contratado.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.hiree_cellphone }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Correo Electrónico del Contratado</div>
-                            <div class="small text-muted d-none d-md-block">El correo electrónico de contacto del
-                                contratado.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.hiree_email }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Cenco</div>
-                            <div class="small text-muted d-none d-md-block">Centro de costos asignado al contratado.
-                            </div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.cenco }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Motivo de la Solicitud</div>
-                            <div class="small text-muted d-none d-md-block">El motivo por el cual se realiza la
-                                solicitud.
-                            </div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.request_motive }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Entidad Bancaria</div>
-                            <div class="small text-muted d-none d-md-block">La entidad bancaria a la que está asociada
-                                la
-                                cuenta bancaria.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.banking_entity }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Tipo de Cuenta Bancaria</div>
-                            <div class="small text-muted d-none d-md-block">El tipo de cuenta bancaria del contratado.
-                            </div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.get_bank_account_type_display }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Número de Cuenta Bancaria</div>
-                            <div class="small text-muted d-none d-md-block">El número de cuenta bancaria del contratado.
-                            </div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.bank_account_number }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">EPS</div>
-                            <div class="small text-muted d-none d-md-block">La Entidad Promotora de Salud del
-                                contratado.
-                            </div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.eps }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Fondo de Pensiones</div>
-                            <div class="small text-muted d-none d-md-block">El fondo de pensiones del contratado.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.pension_fund }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">ARL</div>
-                            <div class="small text-muted d-none d-md-block">La Administradora de Riesgos Laborales del
-                                contratado.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.arl }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Valor del Contrato</div>
-                            <div class="small text-muted d-none d-md-block">El valor total del contrato.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.contract_value }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Cuenta de Cobro</div>
-                            <div class="small text-muted d-none d-md-block">La cuenta bancaria a la que se realizarán
-                                los
-                                pagos correspondientes.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.charge_account }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td colspan="2" class="text-end">
-                            <a href="/hiring_app/download_rut/{{ contract_request.id }}/"
-                                style="color: #00599C;">Descargar
-                                Archivo RUT</a>
-                        </td>
-                    </tr>
-                </tbody>
+  <!-- Data monitoring  -->
+  <div class="col-xl-12 col-lg-12">
+    <div class="card shadow mb-4">
+      <!-- Card Header - Dropdown -->
+      <div
+        class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+      >
+        <h6 class="m-0 font-weight-bold text-primary">
+          Información legal del contrato
+        </h6>
+      </div>
+      <!-- Card Body -->
+      <div class="card-body">
+        <table class="table table-borderless mb-0">
+          <tbody>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Motivo de la Solicitud</div>
+                <div class="small text-muted d-none d-md-block">
+                  El motivo por el cual se realiza la solicitud.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                {{ contract_request.request_motive }}
+              </td>
+            </tr>
 
-            </table>
-        </div>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Valor del Contrato</div>
+                <div class="small text-muted d-none d-md-block">
+                  El valor total del contrato.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                {{ contract_request.contract_value }}
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Cuenta de Cobro</div>
+                <div class="small text-muted d-none d-md-block">
+                  La cuenta bancaria a la que se realizarán los pagos
+                  correspondientes.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                {{ contract_request.charge_account }}
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <td colspan="2" class="text-end">
+                <a
+                  href="/hiring_app/download_rut/{{ contract_request.id }}/"
+                  style="color: #00599c"
+                  >Descargar Archivo RUT</a
+                >
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
     </div>
-</div>
\ No newline at end of file
+  </div>
+</div>
diff --git a/hiring_module/hiring_app/templates/request_hiring/components/assign_leader.html b/hiring_module/hiring_app/templates/request_hiring/components/assign_leader.html
index 0e35df1..9c992aa 100644
--- a/hiring_module/hiring_app/templates/request_hiring/components/assign_leader.html
+++ b/hiring_module/hiring_app/templates/request_hiring/components/assign_leader.html
@@ -4,7 +4,7 @@
     <select name="leader" class="leaderSelect btn btn-white border border-2 border-dark text-dark dropdown-toggle col" {% if actualgroup != 'admin' %} disabled {% endif %}>
         <option value="" class="col" selected>Seleccionar</option>
         {% for leader in leaders %}
-        <option value="{{ leader.id }}" class="col" {% if leader.id == contract_request.leader_assigned_to.id %} selected {% endif %}> {{ leader.first_name }} {{ leader.last_name }}</option>
+        <option value="{{ leader.id }}" class="col" {% if leader.id == contract_request.leader_assigned_to.id %} selected {% endif %}> {{ leader.first_name|truncatechars:10 }} {{ leader.last_name|truncatechars:8 }}</option>
         {% endfor %}
     </select>
 
diff --git a/hiring_module/hiring_app/templates/request_hiring/components/assign_manager.html b/hiring_module/hiring_app/templates/request_hiring/components/assign_manager.html
index 7e70581..499e58a 100644
--- a/hiring_module/hiring_app/templates/request_hiring/components/assign_manager.html
+++ b/hiring_module/hiring_app/templates/request_hiring/components/assign_manager.html
@@ -9,7 +9,7 @@
 
         {% for manager in managers %}
         
-        <option value="{{ manager.id }}" class="col" {% if manager.id == contract_request.manager_assigned_to.id %}selected{% endif %} style="color: #4a5568;">{{ manager.first_name }} {{ manager.last_name }}</option>
+        <option value="{{ manager.id }}" class="col" {% if manager.id == contract_request.manager_assigned_to.id %}selected{% endif %} style="color: #4a5568;">{{ manager.first_name|truncatechars:10 }} {{ manager.last_name|truncatechars:8 }}</option>
         {% endfor %}
 
     </select>
diff --git a/hiring_module/hiring_app/templates/request_hiring/components/change_state.html b/hiring_module/hiring_app/templates/request_hiring/components/change_state.html
index 69a6a2e..81bd475 100644
--- a/hiring_module/hiring_app/templates/request_hiring/components/change_state.html
+++ b/hiring_module/hiring_app/templates/request_hiring/components/change_state.html
@@ -3,7 +3,22 @@
     <input type="hidden" id="stateInput" name="state">
     <select name="state" id="stateSelect" class="btn btn-white border border-2 border-dark text-dark dropdown-toggle col">
         {% for choice in choices %}
-        <option class="col" value="{{ choice.0 }}" {% if choice.0 == contract_request.state %}selected{% endif %}  {% if not choice.0 in available_changes %} disabled {% endif %} >{{ choice.1 }}</option>
+        <option class="col" value="{{ choice.0 }}" {% if choice.0 == contract_request.state %}selected{% endif %}  {% if not choice.0 in available_changes %} disabled {% endif %} >
+
+        {% if choice.1 == 'Pending' %}
+        Pendiente
+        {% elif choice.1 == 'Review' %}
+            En Revisión
+        {% elif choice.1 == 'Incomplete' %}
+            Incompleto
+        {% elif choice.1 == 'Filed' %}
+            Completado
+        {% elif choice.1 == 'Cancelled' %}
+            Cancelado
+        {% endif %}
+
+        </option>
+        
         {% endfor %}
     </select>
 </form>
@@ -20,8 +35,8 @@
 
         <div class="modal-footer">
             <!-- Agregar el atributo data-bs-dismiss="modal" a los botones -->
-            <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Close</button>
-            <input type="submit" class="btn btn-primary" value="Save changes">
+            <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Cerrar</button>
+            <input type="submit" class="btn btn-primary" value="Enviar">
         </div>
     </form>
 </dialog>
diff --git a/hiring_module/hiring_app/templates/request_hiring/components/modal_change_state.html b/hiring_module/hiring_app/templates/request_hiring/components/modal_change_state.html
index 55b5cdd..eb1e823 100644
--- a/hiring_module/hiring_app/templates/request_hiring/components/modal_change_state.html
+++ b/hiring_module/hiring_app/templates/request_hiring/components/modal_change_state.html
@@ -3,13 +3,13 @@
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title" id="exampleModalLabel">Default Bootstrap Modal</h5>
+                <h5 class="modal-title" id="exampleModalLabel"></h5>
                 <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">...</div>
             <div class="modal-footer">
-                <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Close</button>
-                <button class="btn btn-primary" type="button">Save changes</button>
+                <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Cerrar</button>
+                <button class="btn btn-primary" type="button">Enviar</button>
             </div>
         </div>
     </div>
diff --git a/hiring_module/hiring_app/templates/request_hiring/monitoring_information.html b/hiring_module/hiring_app/templates/request_hiring/monitoring_information.html
index bf9dcca..c3a9ee0 100644
--- a/hiring_module/hiring_app/templates/request_hiring/monitoring_information.html
+++ b/hiring_module/hiring_app/templates/request_hiring/monitoring_information.html
@@ -1,134 +1,218 @@
-<div class="card invoice mb-4">
+<h1 style="font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem">
+  Solicitudes de contratos de Monitoría
+</h1>
+<div class="row">
+  <!-- Data student  -->
+  <div class="col-xl-7 col-lg-6">
+    <div class="card shadow mb-4">
+      <!-- Card Header - Dropdown -->
+      <div
+        class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+      >
+        <h6 class="m-0 font-weight-bold text-primary">
+          Información del estudiante
+        </h6>
+      </div>
+      <!-- Card Body -->
+      <div class="card-body">
+        <div class="table-responsive">
+          <table class="table table-borderless mb-0">
+            <tbody>
+              <tr class="border-bottom">
+                <td>
+                  <div class="fw-bold">Código del Estudiante</div>
+                  <div class="small text-muted d-none d-md-block">
+                    El código asignado al estudiante.
+                  </div>
+                </td>
+                <td class="text-end fw-bold">
+                  {{ contract_request.student_code }}
+                </td>
+              </tr>
+              <tr class="border-bottom">
+                <td>
+                  <div class="fw-bold">Nombre Completo del Estudiante</div>
+                  <div class="small text-muted d-none d-md-block">
+                    El nombre completo del estudiante.
+                  </div>
+                </td>
+                <td class="text-end fw-bold">
+                  {{ contract_request.student_full_name }}
+                </td>
+              </tr>
+              <tr class="border-bottom">
+                <td>
+                  <div class="fw-bold">ID del Estudiante</div>
+                  <div class="small text-muted d-none d-md-block">
+                    El identificador único asignado al estudiante.
+                  </div>
+                </td>
+                <td class="text-end fw-bold">
+                  {{ contract_request.student_id }}
+                </td>
+              </tr>
+              <tr class="border-bottom">
+                <td>
+                  <div class="fw-bold">Correo Electrónico del Estudiante</div>
+                  <div class="small text-muted d-none d-md-block">
+                    El correo electrónico de contacto del estudiante.
+                  </div>
+                </td>
+                <td class="text-end fw-bold">
+                  {{ contract_request.student_email }}
+                </td>
+              </tr>
+              <tr class="border-bottom">
+                <td>
+                  <div class="fw-bold">Número de Teléfono del Estudiante</div>
+                  <div class="small text-muted d-none d-md-block">
+                    El número de teléfono del estudiante.
+                  </div>
+                </td>
+                <td class="text-end fw-bold">
+                  {{ contract_request.student_cellphone }}
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
 
-    <div class="card-body p-4 p-md-5">
-        <!-- Invoice table-->
+  <!-- CENCO -->
+  <div class="col-xl-5 col-lg-6">
+    <div class="card shadow mb-4">
+      <!-- Card Header - Dropdown -->
+      <div
+        class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+      >
+        <h6 class="m-0 font-weight-bold text-primary">
+          Información del financiera
+        </h6>
+      </div>
+      <!-- Card Body -->
+      <div class="card-body">
         <div class="table-responsive">
-            <table class="table table-borderless mb-0">
-                <thead class="border-bottom">
-                    <tr class="small text-uppercase text-muted">
-                        <th scope="col">Descripcion</th>
-                        <th class="text-end" scope="col">Datos</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Nombre Completo del Estudiante</div>
-                            <div class="small text-muted d-none d-md-block">El nombre completo del estudiante.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.student_full_name }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">ID del Estudiante</div>
-                            <div class="small text-muted d-none d-md-block">El identificador único asignado al
-                                estudiante.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.student_id }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Número de Teléfono del Estudiante</div>
-                            <div class="small text-muted d-none d-md-block">El número de teléfono del estudiante.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.student_cellphone }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Correo Electrónico del Estudiante</div>
-                            <div class="small text-muted d-none d-md-block">El correo electrónico de contacto del
-                                estudiante.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.student_email }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Daviplata</div>
-                            <div class="small text-muted d-none d-md-block">El número de cuenta Daviplata del
-                                estudiante.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.daviplata }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Curso o Proyecto</div>
-                            <div class="small text-muted d-none d-md-block">El curso o proyecto en el que participa el
-                                estudiante.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.course_or_project }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Descripción de la Monitoria</div>
-                            <div class="small text-muted d-none d-md-block">Una descripción de la actividad de monitoreo
-                                del estudiante.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.monitoring_description }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Horas Semanales</div>
-                            <div class="small text-muted d-none d-md-block">El número de horas que el estudiante
-                                trabajará por semana.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.weekly_hours }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Valor Total a Pagar</div>
-                            <div class="small text-muted d-none d-md-block">El valor total que se pagará al estudiante.
-                            </div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.total_value_to_pay }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Es Pago Único</div>
-                            <div class="small text-muted d-none d-md-block">Indica si el pago es único o recurrente.
-                            </div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.is_unique_payment }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Tiene Dinero en Cenco</div>
-                            <div class="small text-muted d-none d-md-block">Indica si el estudiante tiene dinero
-                                disponible en el cenco.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.has_money_in_cenco }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Gerente de Cenco</div>
-                            <div class="small text-muted d-none d-md-block">El gerente responsable del cenco.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.cenco_manager }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Tipo de Monitoria</div>
-                            <div class="small text-muted d-none d-md-block">El tipo de actividad de monitoreo.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.monitoring_type }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Código del Estudiante</div>
-                            <div class="small text-muted d-none d-md-block">El código asignado al estudiante.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.student_code }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Daviplata</div>
-                            <div class="small text-muted d-none d-md-block">El número de cuenta Daviplata del
-                                estudiante.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.daviplata }}</td>
-                    </tr>
-                </tbody>
+          <table class="table table-borderless mb-0">
+            <tbody>
+              <tr class="border-bottom">
+                <td>
+                  <div class="fw-bold">Cenco</div>
+                  <div class="small text-muted d-none d-md-block">
+                    CENCO asignado.
+                  </div>
+                </td>
+                <td class="text-end fw-bold">{{ contract_request.cenco }}</td>
+              </tr>
+              <tr class="border-bottom">
+                <td>
+                  <div class="fw-bold">Administrador del cenco</div>
+                  <div class="small text-muted d-none d-md-block">
+                    Administrador del cenco asignado.
+                  </div>
+                </td>
+                <td class="text-end fw-bold">
+                  {{ contract_request.cenco_manager }}
+                </td>
+              </tr>
+              <tr class="border-bottom">
+                <td>
+                  <div class="fw-bold">Daviplata</div>
+                  <div class="small text-muted d-none d-md-block">
+                    Num de Daviplata del estudiante.
+                  </div>
+                </td>
+                <td class="text-end fw-bold">
+                  {{ contract_request.daviplata }}
+                </td>
+              </tr>
+              <tr class="border-bottom">
+                <td>
+                  <div class="fw-bold">Valor total a pagar</div>
+                  <div class="small text-muted d-none d-md-block">
+                    Valor en total del pago.
+                  </div>
+                </td>
+                <td class="text-end fw-bold">
+                  {{ contract_request.total_value_to_pay }}
+                </td>
+              </tr>
+              <tr class="border-bottom">
+                <td>
+                  <div class="fw-bold">Hora semanales</div>
+                  <div class="small text-muted d-none d-md-block">
+                    {{ contract_request.weekly_hours }}
+                  </div>
+                </td>
+                <td class="text-end fw-bold">
+                  <div class="fw-bold">Es pago unico?</div>
+                  <div class="small text-muted d-none d-md-block">
+                    {% if contract_request.is_unique_payment %} Sí {% else %} No
+                    {% endif %}
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
 
-            </table>
+  <!-- Data monitoring  -->
+  <div class="col-xl-12 col-lg-12">
+    <div class="card shadow mb-4">
+      <!-- Card Header - Dropdown -->
+      <div
+        class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+      >
+        <h6 class="m-0 font-weight-bold text-primary">
+          Información de la monitoria
+        </h6>
+      </div>
+      <!-- Card Body -->
+      <div class="card-body">
+        <div class="table-responsive">
+          <table class="table table-borderless mb-0">
+            <tbody>
+              <tr class="border-bottom">
+                <td>
+                  <div class="fw-bold">Tipo de Monitoria</div>
+                  <div class="small text-muted d-none d-md-block">
+                    El tipo de actividad de monitoreo.
+                  </div>
+                </td>
+                <td class="text-end fw-bold">
+                  {{ contract_request.monitoring_type }}
+                </td>
+              </tr>
+              <tr class="border-bottom">
+                <td>
+                  <div class="fw-bold">Curso o Proyecto</div>
+                  <div class="small text-muted d-none d-md-block">
+                    El curso o proyecto en el que participa el estudiante.
+                  </div>
+                </td>
+                <td class="text-end fw-bold">
+                  {{ contract_request.course_or_project }}
+                </td>
+              </tr>
+              <tr class="border-bottom">
+                <td>
+                  <div class="fw-bold">Descripción de la Monitoria</div>
+                  <div class="small text-muted d-none d-md-block">
+                    Una descripción de la actividad de monitoreo del estudiante.
+                  </div>
+                </td>
+                <td class="text-end fw-bold">
+                  {{ contract_request.monitoring_description }}
+                </td>
+              </tr>
+            </tbody>
+          </table>
         </div>
+      </div>
     </div>
-</div>
\ No newline at end of file
+  </div>
+</div>
diff --git a/hiring_module/hiring_app/templates/request_hiring/pos_information.html b/hiring_module/hiring_app/templates/request_hiring/pos_information.html
index 1dc2aba..c68c6cc 100644
--- a/hiring_module/hiring_app/templates/request_hiring/pos_information.html
+++ b/hiring_module/hiring_app/templates/request_hiring/pos_information.html
@@ -1,244 +1,425 @@
-<div class="card invoice mb-4">
-
-    <div class="card-body p-4 p-md-5">
-        <!-- Invoice table-->
-        <div class="table-responsive">
-            <table class="table table-borderless mb-0">
-                <thead class="border-bottom">
-                    <tr class="small text-uppercase text-muted">
-                        <th scope="col">Descripcion</th>
-                        <th class="text-end" scope="col">Datos</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Nombre Completo del Contratado</div>
-                            <div class="small text-muted d-none d-md-block">El nombre completo de la persona contratada.
-                            </div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.hiree_full_name }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">ID del Contratado</div>
-                            <div class="small text-muted d-none d-md-block">El identificador único asignado al
-                                contratado.
-                            </div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.hiree_id }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Número de Teléfono del Contratado</div>
-                            <div class="small text-muted d-none d-md-block">El número de teléfono del contratado.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.hiree_cellphone }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Correo Electrónico del Contratado</div>
-                            <div class="small text-muted d-none d-md-block">El correo electrónico de contacto del
-                                contratado.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.hiree_email }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Cenco</div>
-                            <div class="small text-muted d-none d-md-block">Centro de costos asignado al contratado.
-                            </div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.cenco }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Motivo de la Solicitud</div>
-                            <div class="small text-muted d-none d-md-block">El motivo por el cual se realiza la
-                                solicitud.
-                            </div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.request_motive }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Entidad Bancaria</div>
-                            <div class="small text-muted d-none d-md-block">La entidad bancaria a la que está asociada
-                                la
-                                cuenta bancaria.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.banking_entity }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Tipo de Cuenta Bancaria</div>
-                            <div class="small text-muted d-none d-md-block">El tipo de cuenta bancaria del contratado.
-                            </div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.get_bank_account_type_display }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Número de Cuenta Bancaria</div>
-                            <div class="small text-muted d-none d-md-block">El número de cuenta bancaria del contratado.
-                            </div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.bank_account_number }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">EPS</div>
-                            <div class="small text-muted d-none d-md-block">La Entidad Promotora de Salud del
-                                contratado.
-                            </div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.eps }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Fondo de Pensiones</div>
-                            <div class="small text-muted d-none d-md-block">El fondo de pensiones del contratado.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.pension_fund }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">ARL</div>
-                            <div class="small text-muted d-none d-md-block">La Administradora de Riesgos Laborales del
-                                contratado.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.arl }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Valor del Contrato</div>
-                            <div class="small text-muted d-none d-md-block">El valor total del contrato.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.contract_value }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Cuenta de Cobro</div>
-                            <div class="small text-muted d-none d-md-block">La cuenta bancaria a la que se realizarán
-                                los
-                                pagos correspondientes.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.charge_account }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td colspan="2" class="text-end">
-                            <a href="/hiring_app/download_rut/{{ contract_request.id }}/"
-                                style="color: #00599C;">Descargar
-                                Archivo RUT</a>
-                        </td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Nombre de curso</div>
-                            <div class="small text-muted d-none d-md-block">El nombre de curso del contrato.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.course_name }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Periodo</div>
-                            <div class="small text-muted d-none d-md-block">El periodo del curso.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.period }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Grupo</div>
-                            <div class="small text-muted d-none d-md-block">El grupo del curso.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.group }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Intensidad horaria</div>
-                            <div class="small text-muted d-none d-md-block">La intensidad horaria de las clases del curso.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.intensity }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Horas totales</div>
-                            <div class="small text-muted d-none d-md-block">La cantidad de horas totales del curso.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.total_hours }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Codigo del curso</div>
-                            <div class="small text-muted d-none d-md-block">El codigo del curso.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.course_code }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Cantidad de estudiantes</div>
-                            <div class="small text-muted d-none d-md-block">La cantidad de estudiantes del curso.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.students_quantity }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Horas adicionales</div>
-                            <div class="small text-muted d-none d-md-block">Las horas adicionales del curso.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ contract_request.additional_hours }}</td>
-                    </tr>
-                    {% for schedule in course_schedules %}
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Clase</div>
-                        </td>
-                    </tr>
-
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Fecha</div>
-                            <div class="small text
-                                -muted d-none d-md-block">La fecha de la clase.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ schedule.date }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Hora de inicio</div>
-                            <div class="small text
-                                -muted d-none d-md-block">La hora de inicio de la clase.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ schedule.start_time }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Hora de fin</div>
-                            <div class="small text
-                                -muted d-none d-md-block">La hora de fin de la clase.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ schedule.end_time }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Salón</div>
-                            <div class="small text
-                                -muted d-none d-md-block">El salón de la clase.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ schedule.room }}</td>
-                    </tr>
-                    <tr class="border-bottom">
-                        <td>
-                            <div class="fw-bold">Responsabilidad</div>
-                            <div class="small text
-                                -muted d-none d-md-block">Codigo de la responsabilidad de la clase.</div>
-                        </td>
-                        <td class="text-end fw-bold">{{ schedule.responsability }}</td>
-                    </tr>
-                    {% endfor %}
-                </tbody>
-
-            </table>
-        </div>
+<h1 style="font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem">
+  Solicitudes de contratos de CEX
+</h1>
+<div class="row">
+  <!-- Data student  -->
+  <div class="col-xl-7 col-lg-6">
+    <div class="card shadow mb-4">
+      <!-- Card Header - Dropdown -->
+      <div
+        class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+      >
+        <h6 class="m-0 font-weight-bold text-primary">
+          Información del contratado
+        </h6>
+      </div>
+      <!-- Card Body -->
+      <div class="card-body">
+        <table class="table table-borderless mb-0">
+          <tbody>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Nombre Completo del Contratado</div>
+                <div class="small text-muted d-none d-md-block">
+                  El nombre completo de la persona contratada.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                {{ contract_request.hiree_full_name }}
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">ID del Contratado</div>
+                <div class="small text-muted d-none d-md-block">
+                  El identificador único asignado al contratado.
+                </div>
+              </td>
+              <td class="text-end fw-bold">{{ contract_request.hiree_id }}</td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Número de Teléfono del Contratado</div>
+                <div class="small text-muted d-none d-md-block">
+                  El número de teléfono del contratado.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                {{ contract_request.hiree_cellphone }}
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Correo Electrónico del Contratado</div>
+                <div class="small text-muted d-none d-md-block">
+                  El correo electrónico de contacto del contratado.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                {{ contract_request.hiree_email }}
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">EPS</div>
+                <div class="small text-muted d-none d-md-block">
+                  La Entidad Promotora de Salud del contratado.
+                </div>
+              </td>
+              <td class="text-end fw-bold">{{ contract_request.eps }}</td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">ARL</div>
+                <div class="small text-muted d-none d-md-block">
+                  La Administradora de Riesgos Laborales del contratado.
+                </div>
+              </td>
+              <td class="text-end fw-bold">{{ contract_request.arl }}</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
     </div>
-</div>
\ No newline at end of file
+  </div>
+
+  <!-- CENCO -->
+  <div class="col-xl-5 col-lg-6">
+    <div class="card shadow mb-4">
+      <!-- Card Header - Dropdown -->
+      <div
+        class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+      >
+        <h6 class="m-0 font-weight-bold text-primary">
+          Información del financiera
+        </h6>
+      </div>
+      <!-- Card Body -->
+      <div class="card-body">
+        <table class="table table-borderless mb-0">
+          <tbody>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Cenco</div>
+                <div class="small text-muted d-none d-md-block">
+                  Centro de costos asignado al contratado.
+                </div>
+              </td>
+              <td class="text-end fw-bold">{{ contract_request.cenco }}</td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Entidad Bancaria</div>
+                <div class="small text-muted d-none d-md-block">
+                  La entidad bancaria a la que está asociada la cuenta bancaria.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                {{ contract_request.banking_entity }}
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <br />
+
+                <div class="fw-bold">Tipo de Cuenta Bancaria</div>
+                <div class="small text-muted d-none d-md-block">
+                  El tipo de cuenta bancaria del contratado.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                <br />
+
+                {{ contract_request.get_bank_account_type_display }}
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <br />
+
+                <div class="fw-bold">Número de Cuenta Bancaria</div>
+                <div class="small text-muted d-none d-md-block">
+                  El número de cuenta bancaria del contratado.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                <br />
+
+                {{ contract_request.bank_account_number }}
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <br />
+                <div class="fw-bold">Fondo de Pensiones</div>
+                <div class="small text-muted d-none d-md-block">
+                  El fondo de pensiones del contratado.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                <br />
+
+                {{ contract_request.pension_fund }}
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+
+  <div class="col-xl-12 col-lg-12">
+    <div class="card shadow mb-4">
+      <!-- Card Header - Dropdown -->
+      <div
+        class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+      >
+        <h6 class="m-0 font-weight-bold text-primary">
+          Información legal del contrato
+        </h6>
+      </div>
+      <!-- Card Body -->
+      <div class="card-body">
+        <table class="table table-borderless mb-0">
+          <tbody>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Nombre de curso</div>
+                <div class="small text-muted d-none d-md-block">
+                  El nombre de curso del contrato.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                {{ contract_request.course_name }}
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Periodo</div>
+                <div class="small text-muted d-none d-md-block">
+                  El periodo del curso.
+                </div>
+              </td>
+              <td class="text-end fw-bold">{{ contract_request.period }}</td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Grupo</div>
+                <div class="small text-muted d-none d-md-block">
+                  El grupo del curso.
+                </div>
+              </td>
+              <td class="text-end fw-bold">{{ contract_request.group }}</td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Intensidad horaria</div>
+                <div class="small text-muted d-none d-md-block">
+                  La intensidad horaria de las clases del curso.
+                </div>
+              </td>
+              <td class="text-end fw-bold">{{ contract_request.intensity }}</td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Horas totales</div>
+                <div class="small text-muted d-none d-md-block">
+                  La cantidad de horas totales del curso.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                {{ contract_request.total_hours }}
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Codigo del curso</div>
+                <div class="small text-muted d-none d-md-block">
+                  El codigo del curso.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                {{ contract_request.course_code }}
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Cantidad de estudiantes</div>
+                <div class="small text-muted d-none d-md-block">
+                  La cantidad de estudiantes del curso.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                {{ contract_request.students_quantity }}
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Horas adicionales</div>
+                <div class="small text-muted d-none d-md-block">
+                  Las horas adicionales del curso.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                {{ contract_request.additional_hours }}
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+
+  <!-- Data monitoring  -->
+  <div class="col-xl-6 col-lg-6">
+    <div class="card shadow mb-4">
+      <!-- Card Header - Dropdown -->
+      <div
+        class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+      >
+        <h6 class="m-0 font-weight-bold text-primary">
+          Información legal del contrato
+        </h6>
+      </div>
+      <!-- Card Body -->
+      <div class="card-body">
+        <table class="table table-borderless mb-0">
+          <tbody>
+            <tr class="border-bottom">
+              <td>
+                <br />
+
+                <div class="fw-bold">Motivo de la Solicitud</div>
+                <div class="small text-muted d-none d-md-block">
+                  El motivo por el cual se realiza la solicitud.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                <br />
+
+                {{ contract_request.request_motive }}
+              </td>
+            </tr>
+
+            <tr class="border-bottom">
+              <td>
+                <br />
+
+                <div class="fw-bold">Valor del Contrato</div>
+                <div class="small text-muted d-none d-md-block">
+                  El valor total del contrato.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                <br />
+
+                {{ contract_request.contract_value }}
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <br />
+
+                <div class="fw-bold">Cuenta de Cobro</div>
+                <div class="small text-muted d-none d-md-block">
+                  La cuenta bancaria a la que se realizarán los pagos
+                  correspondientes.
+                </div>
+              </td>
+              <td class="text-end fw-bold">
+                <br />
+
+                {{ contract_request.charge_account }}
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <td colspan="2" class="text-end">
+                <br />
+                <br />
+                <a
+                  href="/hiring_app/download_rut/{{ contract_request.id }}/"
+                  style="color: #00599c"
+                  >Descargar Archivo RUT</a
+                >
+                <br />
+                <br />
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+
+  <div class="col-xl-6 col-lg-6">
+    <div class="card shadow mb-4">
+      <!-- Card Header - Dropdown -->
+      <div
+        class="card-header py-3 d-flex flex-row align-items-center justify-content-between"
+      >
+        <h6 class="m-0 font-weight-bold text-primary">
+          Información legal del contrato
+        </h6>
+      </div>
+      <!-- Card Body -->
+      <div class="card-body">
+        <table class="table table-borderless mb-0">
+          <tbody>
+            {% for schedule in course_schedules %}
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Clase</div>
+              </td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Fecha</div>
+                <div class="small text -muted d-none d-md-block">
+                  La fecha de la clase.
+                </div>
+              </td>
+              <td class="text-end fw-bold">{{ schedule.date }}</td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Hora de inicio</div>
+                <div class="small text -muted d-none d-md-block">
+                  La hora de inicio de la clase.
+                </div>
+              </td>
+              <td class="text-end fw-bold">{{ schedule.start_time }}</td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Hora de fin</div>
+                <div class="small text -muted d-none d-md-block">
+                  La hora de fin de la clase.
+                </div>
+              </td>
+              <td class="text-end fw-bold">{{ schedule.end_time }}</td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Salón</div>
+                <div class="small text -muted d-none d-md-block">
+                  El salón de la clase.
+                </div>
+              </td>
+              <td class="text-end fw-bold">{{ schedule.room }}</td>
+            </tr>
+            <tr class="border-bottom">
+              <td>
+                <div class="fw-bold">Responsabilidad</div>
+                <div class="small text -muted d-none d-md-block">
+                  Codigo de la responsabilidad de la clase.
+                </div>
+              </td>
+              <td class="text-end fw-bold">{{ schedule.responsability }}</td>
+            </tr>
+            {% endfor %}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/hiring_module/hiring_app/templates/statistical_registers/components/pie_chart_daily_requests.html b/hiring_module/hiring_app/templates/statistical_registers/components/pie_chart_daily_requests.html
deleted file mode 100644
index 726e9dc..0000000
--- a/hiring_module/hiring_app/templates/statistical_registers/components/pie_chart_daily_requests.html
+++ /dev/null
@@ -1,77 +0,0 @@
-{% load static %}
-<div class="col-xl-5 col-lg-5">
-    <div class="card shadow mb-4">
-
-        <div class="card-body">
-            <div class="form-group">
-                <label for="date_select">Seleccionar dia:</label>
-                <input type="date" class="form-control" id="date_select">
-            </div>
-
-            <div class="chart-pie pt-4 pb-2">
-                <canvas id="daily_requests_pie_chart"></canvas>
-            </div>
-            <div class="mt-4 text-center small" id="solicitudes_info">
-
-
-                <span class="mr-2">
-                    <i class="fas fa-circle text-success"></i> Solicitudes CEX: <strong><span
-                            id="contratos_cex">0</span></strong>
-                </span>
-                <br>
-                <br>
-                <span class="mr-2">
-                    <i class="fas fa-circle text-warning"></i> Solicitudes Monitorias: <strong><span
-                            id="contratos_monitoria">0</span></strong>
-                </span>
-                <br>
-                <br>
-                <span class="mr-2">
-                    <i class="fas fa-circle text-gray-800"></i> Solicitudes Prestacion de Servicios: <strong><span
-                            id="contratos_pos">0</span></strong>
-                </span>
-            </div>
-        </div>
-
-
-    </div>
-</div>
-
-<p hidden id="daily_requests">{{ daily_requests }}</p>
-<script src="{% static 'vendor/chart.js/Chart.min.js' %}"></script>
-<script src="{% static 'js/statistics/daily_requests_pie_chart.js' %}"></script>
-
-
-
-<script>
-
-    var dataSelect = document.getElementById('date_select');
-
-    dataSelect.addEventListener('change', function () {
-        var selectedValue = dataSelect.value.replace(/[\[\]']/g, '').split(',');
-
-        var daily_requests = document.getElementById('daily_requests').innerText;
-        daily_requests = eval(daily_requests);
-
-        var selected_data = null; // Initialize selected_data as null
-
-        for (let i = 0; i < daily_requests.length; i++) {
-            if (daily_requests[i][0] == selectedValue) {
-                selected_data = daily_requests[i];
-                break;
-            }
-        }
-
-        if (selected_data) {
-            document.getElementById('contratos_cex').innerText = selected_data[1];
-            document.getElementById('contratos_monitoria').innerText = selected_data[2];
-            document.getElementById('contratos_pos').innerText = selected_data[3];
-        } else {
-            document.getElementById('contratos_cex').innerText = 0;
-            document.getElementById('contratos_monitoria').innerText = 0;
-            document.getElementById('contratos_pos').innerText = 0;
-        }
-        createOrUpdateDailyRequestChart();
-    });
-
-</script>
\ No newline at end of file
diff --git a/hiring_module/hiring_app/templates/statistical_registers/components/pie_chart_date_range_requests.html b/hiring_module/hiring_app/templates/statistical_registers/components/pie_chart_date_range_requests.html
new file mode 100644
index 0000000..7212774
--- /dev/null
+++ b/hiring_module/hiring_app/templates/statistical_registers/components/pie_chart_date_range_requests.html
@@ -0,0 +1,87 @@
+{% load static %}
+<div class="col-xl-5 col-lg-5">
+  <div class="card shadow mb-4">
+    <div class="card-body">
+      <div class="form-group">
+        <label for="start_date">Seleccionar rango de fechas:</label>
+        <input type="date" class="form-control" id="start_date" />
+        <label for="end_date">a</label>
+        <input type="date" class="form-control" id="end_date" />
+      </div>
+
+      <div class="chart-pie pt-4 pb-2">
+        <canvas id="date_range_requests_pie_chart"></canvas>
+      </div>
+      <div class="mt-4 text-center small" id="solicitudes_info">
+        <span class="mr-2">
+          <i class="fas fa-circle text-success"></i> Solicitudes CEX:
+          <strong><span id="contratos_cex">0</span></strong>
+        </span>
+        <br />
+        <br />
+        <span class="mr-2">
+          <i class="fas fa-circle text-warning"></i> Solicitudes Monitorias:
+          <strong><span id="contratos_monitoria">0</span></strong>
+        </span>
+        <br />
+        <br />
+        <span class="mr-2">
+          <i class="fas fa-circle text-gray-800"></i> Solicitudes Prestacion de
+          Servicios: <strong><span id="contratos_pos">0</span></strong>
+        </span>
+      </div>
+    </div>
+  </div>
+</div>
+
+<p hidden id="date_range_requests">{{ daily_requests }}</p>
+<script src="{% static 'vendor/chart.js/Chart.min.js' %}"></script>
+<script src="{% static 'js/statistics/date_range_requests_pie_chart.js' %}"></script>
+
+<script>
+  var startDateInput = document.getElementById("start_date");
+  var endDateInput = document.getElementById("end_date");
+
+  startDateInput.addEventListener("change", updateDateRangeChart);
+  endDateInput.addEventListener("change", updateDateRangeChart);
+
+  function updateDateRangeChart() {
+    var startDate = startDateInput.value.replace(/[\[\]']/g, "").split(",");
+    var endDate = endDateInput.value.replace(/[\[\]']/g, "").split(",");
+
+    var dateRangeRequests = document.getElementById(
+      "date_range_requests"
+    ).innerText;
+    dateRangeRequests = eval(dateRangeRequests);
+    var selectedData = [];
+    for (let i = 0; i < dateRangeRequests.length; i++) {
+      if (
+        dateRangeRequests[i][0] >= startDate &&
+        dateRangeRequests[i][0] <= endDate
+      ) {
+        selectedData.push(dateRangeRequests[i]);
+      }
+    }
+
+    if (selectedData) {
+      var sumContratosCex = 0;
+      var sumContratosMonitoria = 0;
+      var sumContratosPos = 0;
+
+      for (let i = 0; i < selectedData.length; i++) {
+        sumContratosCex += parseInt(selectedData[i][1]);
+        sumContratosMonitoria += parseInt(selectedData[i][2]);
+        sumContratosPos += parseInt(selectedData[i][3]);
+      }
+
+      document.getElementById("contratos_cex").innerText = sumContratosCex;
+      document.getElementById("contratos_monitoria").innerText = sumContratosMonitoria;
+      document.getElementById("contratos_pos").innerText = sumContratosPos;
+    } else {
+      document.getElementById("contratos_cex").innerText = 0;
+      document.getElementById("contratos_monitoria").innerText = 0;
+      document.getElementById("contratos_pos").innerText = 0;
+    }
+    createOrUpdateDateRangeRequestChart();
+  }
+</script>
diff --git a/hiring_module/hiring_app/templates/statistical_registers/components/pie_chart_leader_quality.html b/hiring_module/hiring_app/templates/statistical_registers/components/pie_chart_leader_quality.html
index a75c6ec..394e494 100644
--- a/hiring_module/hiring_app/templates/statistical_registers/components/pie_chart_leader_quality.html
+++ b/hiring_module/hiring_app/templates/statistical_registers/components/pie_chart_leader_quality.html
@@ -1,10 +1,9 @@
 {% load static %}
 <div class="col-xl-5 col-lg-5">
     <div class="card shadow mb-4">
-
         <div class="card-body">
             <div class="form-group">
-                <label for="data_select">Seleccionar Datos:</label>
+                <label for="data_leader_select">Seleccionar Datos:</label>
                 <select class="form-control" id="data_leader_select">
                     {% for item in leader_data %}
                     <option value="{{ item }}">{{ item.0 }}</option>
@@ -16,23 +15,27 @@
                 <canvas id="leader_chart_pie"></canvas>
             </div>
             <div class="mt-4 text-center small" id="solicitudes_info">
-
-
                 <span class="mr-2">
-                    <i class="fas fa-circle text-success"></i> Solicitudes Aprobadas: <strong><span
-                            id="solicitudes_aprobadas_leader">{{ leader_data.0.1 }}</span></strong>
+                    <i class="fas fa-circle text-success"></i> Solicitudes Aprobadas: 
+                    <strong><span id="solicitudes_aprobadas_leader">{{ leader_data.0.1 }}</span></strong>
+                </span>
+                <br>
+                <br>
+                <span class="mr-2">
+                    <i class="fas fa-circle text-warning"></i> Solicitudes En revisión: 
+                    <strong><span id="solicitudes_en_revision_leader">{{ leader_data.0.2 }}</span></strong>
                 </span>
                 <br>
                 <br>
                 <span class="mr-2">
-                    <i class="fas fa-circle text-warning"></i> Solicitudes En revisión: <strong><span
-                            id="solicitudes_en_revision_leader">{{ leader_data.0.2 }}</span></strong>
+                    <i class="fas fa-circle text-danger"></i> Solicitudes por validar: 
+                    <strong><span id="solicitudes_por_validar_leader">{{ leader_data.0.3 }}</span></strong>
                 </span>
                 <br>
                 <br>
                 <span class="mr-2">
-                    <i class="fas fa-circle text-danger"></i> Solicitudes por validar: <strong><span
-                            id="solicitudes_por_validar_leader">{{ leader_data.0.3 }}</span></strong>
+                    <i class="fas fa-circle text-danger"></i> Solicitudes canceladas: 
+                    <strong><span id="solicitudes_canceladas_leader">{{ leader_data.0.4 }}</span></strong>
                 </span>
             </div>
         </div>
@@ -41,22 +44,23 @@
     </div>
 </div>
 
-
-
-
+<script src="{% static 'js/statistics/leader_pie_chart.js' %}"></script>
 
 <script>
-
+    
     var dailyLeaderSelect = document.getElementById('data_leader_select');
 
     dailyLeaderSelect.addEventListener('change', function () {
         var selectedValue = dailyLeaderSelect.value.replace(/[\[\]']/g, '').split(',');
-
+        
         document.getElementById('solicitudes_aprobadas_leader').innerText = selectedValue[1];
         document.getElementById('solicitudes_en_revision_leader').innerText = selectedValue[2];
         document.getElementById('solicitudes_por_validar_leader').innerText = selectedValue[3];
+        document.getElementById('solicitudes_canceladas_leader').innerText = selectedValue[4];
 
         createOrUpdateLeaderChart();
     });
 
-</script>
\ No newline at end of file
+</script>
+
+<script>createOrUpdateLeaderChart()</script>
\ No newline at end of file
diff --git a/hiring_module/hiring_app/templates/statistical_registers/components/pie_chart_manager_quality.html b/hiring_module/hiring_app/templates/statistical_registers/components/pie_chart_manager_quality.html
index 55f4fb2..90f10e2 100644
--- a/hiring_module/hiring_app/templates/statistical_registers/components/pie_chart_manager_quality.html
+++ b/hiring_module/hiring_app/templates/statistical_registers/components/pie_chart_manager_quality.html
@@ -3,8 +3,8 @@
     <div class="card shadow mb-4">
         <div class="card-body">
             <div class="form-group">
-                <label for="data_select">Seleccionar Datos:</label>
-                <select class="form-control" id="data_select">
+                <label for="data_manager_select">Seleccionar Datos:</label>
+                <select class="form-control" id="data_manager_select">
                     {% for item in manager_data %}
                     <option value="{{ item }}">{{ item.0 }}</option>
                     {% endfor %}
@@ -31,22 +31,34 @@
                     <i class="fas fa-circle text-danger"></i> Solicitudes por validar:
                     <strong><span id="solicitudes_por_validar_manager">{{ manager_data.0.3 }}</span></strong>
                 </span>
+                <br />
+                <br />
+                <span class="mr-2">
+                    <i class="fas fa-circle text-secondary"></i> Solicitudes canceladas:
+                    <strong><span id="solicitudes_canceladas_manager">{{ manager_data.0.4 }}</span></strong>
+                </span>
             </div>
         </div>
     </div>
 </div>
 
-<script>
+<script src="{% static 'js/statistics/manager_pie_chart.js' %}"></script>
+
 
-    var dailySelect = document.getElementById('data_select');
+<script>
 
-    dailySelect.addEventListener('change', function () {
-        var selectedValue = dailySelect.value.replace(/[\[\]']/g, '').split(',');
+    var dailyManagerSelect = document.getElementById('data_manager_select');
 
+    dailyManagerSelect.addEventListener('change', function () {
+        var selectedValue = dailyManagerSelect.value.replace(/[\[\]']/g, '').split(',');
+        
         document.getElementById('solicitudes_aprobadas_manager').innerText = selectedValue[1];
         document.getElementById('solicitudes_en_revision_manager').innerText = selectedValue[2];
         document.getElementById('solicitudes_por_validar_manager').innerText = selectedValue[3];
+        document.getElementById('solicitudes_canceladas_manager').innerText = selectedValue[4];
 
         createOrUpdateManagerChart();
     });
-</script>
\ No newline at end of file
+</script>
+
+<script>createOrUpdateManagerChart()</script>
\ No newline at end of file
diff --git a/hiring_module/hiring_app/templates/statistical_registers/statistics.html b/hiring_module/hiring_app/templates/statistical_registers/statistics.html
index d21caf1..c1b28c3 100644
--- a/hiring_module/hiring_app/templates/statistical_registers/statistics.html
+++ b/hiring_module/hiring_app/templates/statistical_registers/statistics.html
@@ -23,28 +23,25 @@ <h2>General</h2>
         {% include 'statistical_registers/components/monthly_requests.html' %}
 
         <!-- Pie Chart -->
-        {% include 'statistical_registers/components/pie_chart_daily_requests.html' %}
+        {% include 'statistical_registers/components/pie_chart_date_range_requests.html' %}
 
         {% include 'statistical_registers/components/average_time_and_overdue_requests.html' %}
     </div>
 
 </div>
 
-
 <script>
-    function onPageLoad() {
+    window.onload = function() {
         createOrUpdateLeaderChart();
         createOrUpdateManagerChart();
         createOrUpdateDailyRequestChart();
-
-
+        createOrUpdateDateRangeRequestChart();
     }
-
-    document.addEventListener("DOMContentLoaded", onPageLoad);
 </script>
 
 <script src="{% static 'vendor/chart.js/Chart.min.js' %}"></script>
 <script src="{% static 'js/statistics/manager_pie_chart.js' %}"></script>
 <script src="{% static 'js/statistics/leader_pie_chart.js' %}"></script>
 
+
 {% endblock %}
\ No newline at end of file
diff --git a/hiring_module/hiring_app/tests/functionality/__init__.py b/hiring_module/hiring_app/tests/functionality/__init__.py
index 2f90783..7cd3312 100644
--- a/hiring_module/hiring_app/tests/functionality/__init__.py
+++ b/hiring_module/hiring_app/tests/functionality/__init__.py
@@ -1,5 +1,5 @@
 from .auth import *
 
-from .control_board import *
+from .left_panel import *
 
 from .request_creation import *
\ No newline at end of file
diff --git a/hiring_module/hiring_app/tests/functionality/admin_user/___init___.py b/hiring_module/hiring_app/tests/functionality/admin_user/___init___.py
deleted file mode 100644
index 5d96140..0000000
--- a/hiring_module/hiring_app/tests/functionality/admin_user/___init___.py
+++ /dev/null
@@ -1 +0,0 @@
-from .admin_user import AdminUserTest
\ No newline at end of file
diff --git a/hiring_module/hiring_app/tests/functionality/admin_user/__init__.py b/hiring_module/hiring_app/tests/functionality/admin_user/__init__.py
new file mode 100644
index 0000000..1a781ed
--- /dev/null
+++ b/hiring_module/hiring_app/tests/functionality/admin_user/__init__.py
@@ -0,0 +1 @@
+from .admin_user import *
\ No newline at end of file
diff --git a/hiring_module/hiring_app/tests/functionality/admin_user/admin_user.py b/hiring_module/hiring_app/tests/functionality/admin_user/admin_user.py
index c076f3a..f13144a 100644
--- a/hiring_module/hiring_app/tests/functionality/admin_user/admin_user.py
+++ b/hiring_module/hiring_app/tests/functionality/admin_user/admin_user.py
@@ -22,7 +22,7 @@ def tearDownClass(cls):
         super().tearDownClass()
 
         
-    def test_add_user(self):
+    def test_external_to_manager(self):
         self.selenium.get(self.live_server_url)
         
         username_input = self.selenium.find_element(By.NAME,'id')
@@ -38,7 +38,7 @@ def test_add_user(self):
         self.selenium.find_element(By.ID, 'UserList').click()
 
         time.sleep(2)
-        self.assertEqual('Panel de control', self.selenium.title)
+        self.assertEqual('Lista de usuarios', self.selenium.title)
 
                 
         self.selenium.find_element(By.ID, 'addUser').click()
@@ -52,10 +52,69 @@ def test_add_user(self):
         time.sleep(2)
         
         
-        user = self.selenium.find_element(By.ID, '1106293874').text
+        user = self.selenium.find_element(By.ID, '1106293874_id').text
 
         self.assertIn('1106293874', user)
 
+    def test_manager_to_leader(self):
+        self.selenium.get(self.live_server_url)
+        
+        username_input = self.selenium.find_element(By.NAME, 'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('1116070867')
+        password_input.send_keys('juandiaz123')
+        
+        password_input.send_keys(Keys.RETURN)
+        self.assertIn('Panel de control de Administrador', self.selenium.title)
+
+        self.selenium.find_element(By.ID, 'UserList').click()
+
+        time.sleep(2)
+        self.assertEqual('Lista de usuarios', self.selenium.title)
+
+        self.selenium.find_element(By.ID, 'roleSelect_1111539567').send_keys('leader')
+
+        time.sleep(2)
+        
+        self.assertEqual('1111539567', self.selenium.find_element(By.ID, '1111539567_id').text)
+
+        select_element = self.selenium.find_element(By.ID, "roleSelect_1111539567")
+
+        selected_option = select_element.find_element(By.CSS_SELECTOR, "option:checked")
+
+        selected_value = selected_option.get_attribute("value")
+
+        self.assertEqual('leader', selected_value)
+
+    def test_leader_to_admin(self):
+        self.selenium.get(self.live_server_url)
+        
+        username_input = self.selenium.find_element(By.NAME, 'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('1116070867')
+        password_input.send_keys('juandiaz123')
+        
+        password_input.send_keys(Keys.RETURN)
+        self.assertIn('Panel de control de Administrador', self.selenium.title)
+
+        self.selenium.find_element(By.ID, 'UserList').click()
+
+        time.sleep(2)
+        self.assertEqual('Lista de usuarios', self.selenium.title)
+
+        self.selenium.find_element(By.ID, 'roleSelect_1109185879').send_keys('administrator')
+
+        time.sleep(2)
+        
+        self.assertEqual('1109185879', self.selenium.find_element(By.ID, '1109185879_id').text)
+
+        select_element = self.selenium.find_element(By.ID, "roleSelect_1109185879")
+
+        selected_option = select_element.find_element(By.CSS_SELECTOR, "option:checked")
+
+        selected_value = selected_option.get_attribute("value")
+
+        self.assertEqual('admin', selected_value)
         
 
     def test_delete_user(self):
@@ -75,15 +134,13 @@ def test_delete_user(self):
             self.selenium.find_element(By.ID, 'UserList').click()
 
         time.sleep(2)
-        self.assertEqual('Panel de control', self.selenium.title)
+        self.assertEqual('Lista de usuarios', self.selenium.title)
         
         self.selenium.find_element(By.ID, 'roleSelect_1109185879').send_keys('remove')
+
+        time.sleep(2)
         
-        
-        try:
-            self.selenium.find_element(By.ID, 'addUser').click()
-        except StaleElementReferenceException:
-            self.selenium.find_element(By.ID, 'addUser').click()
+        self.selenium.find_element(By.ID, 'addUser').click()
 
         self.assertEqual('1109185879', self.selenium.find_element(By.ID, '1109185879_id').text)
 
diff --git a/hiring_module/hiring_app/tests/functionality/auth/login.py b/hiring_module/hiring_app/tests/functionality/auth/login.py
index 883f639..b5ea3aa 100644
--- a/hiring_module/hiring_app/tests/functionality/auth/login.py
+++ b/hiring_module/hiring_app/tests/functionality/auth/login.py
@@ -65,3 +65,27 @@ def test_login_external_user(self):
         password_input.send_keys(Keys.RETURN)
         
         self.assertIn('Panel de control de usuario externo', self.selenium.title)
+
+    def test_login_wrong_password(self):
+        self.selenium.get(self.live_server_url)
+        
+        username_input = self.selenium.find_element(By.NAME,'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('1116070867')
+        password_input.send_keys('juandiaz')
+        
+        password_input.send_keys(Keys.RETURN)
+        
+        self.assertIn('Log In', self.selenium.title)
+
+    def test_login_wrong_username(self):
+        self.selenium.get(self.live_server_url)
+        
+        username_input = self.selenium.find_element(By.NAME,'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('111607086')
+        password_input.send_keys('juandiaz123')
+        
+        password_input.send_keys(Keys.RETURN)
+        
+        self.assertIn('Log In', self.selenium.title)
diff --git a/hiring_module/hiring_app/tests/functionality/control_board/__init__.py b/hiring_module/hiring_app/tests/functionality/control_board/__init__.py
deleted file mode 100644
index 1ab8cc0..0000000
--- a/hiring_module/hiring_app/tests/functionality/control_board/__init__.py
+++ /dev/null
@@ -1 +0,0 @@
-from .control_board_external_user import ControlBoardExternalUser
diff --git a/hiring_module/hiring_app/tests/functionality/control_board/control_board_external_user.py b/hiring_module/hiring_app/tests/functionality/control_board/control_board_external_user.py
deleted file mode 100644
index 0bdec89..0000000
--- a/hiring_module/hiring_app/tests/functionality/control_board/control_board_external_user.py
+++ /dev/null
@@ -1,71 +0,0 @@
-from django.contrib.auth.models import User
-from django.contrib.staticfiles.testing import StaticLiveServerTestCase
-from selenium.webdriver.chrome.webdriver import WebDriver
-from selenium.webdriver.common.keys import Keys
-from selenium.webdriver.common.by import By
-
-class ControlBoardExternalUser(StaticLiveServerTestCase):
-    @classmethod
-    def setUpClass(cls):
-        super().setUpClass()
-        cls.selenium = WebDriver()
-        cls.selenium.implicitly_wait(10)  
-
-    @classmethod
-    def tearDownClass(cls):
-        cls.selenium.quit()
-        super().tearDownClass()
-
-        
-    def test_get_form_monitoring(self):
-        self.selenium.get(self.live_server_url)
-        
-        username_input = self.selenium.find_element(By.NAME,'id')
-        password_input = self.selenium.find_element(By.NAME, 'password')
-        username_input.send_keys('1106293874')
-        password_input.send_keys('mariagonzales123')
-        
-        password_input.send_keys(Keys.RETURN)
-        
-        button_create_monitoring_contract = self.selenium.find_element(By.ID, 'create_monitoring_contract')
-
-        button_create_monitoring_contract.click()
-        
-        
-        self.assertIn('Solicitudes de contratos de Monitoría', self.selenium.title)
-
-
-    def test_get_form_cex(self):
-        self.selenium.get(self.live_server_url)
-        
-        username_input = self.selenium.find_element(By.NAME,'id')
-        password_input = self.selenium.find_element(By.NAME, 'password')
-        username_input.send_keys('1106293874')
-        password_input.send_keys('mariagonzales123')
-        
-        password_input.send_keys(Keys.RETURN)
-        
-        button_create_monitoring_contract = self.selenium.find_element(By.ID, 'create_cex_contract')
-
-        button_create_monitoring_contract.click()
-        
-        
-        self.assertIn('Solicitudes de contratos CEX', self.selenium.title)
-
-
-    def test_get_form_pos(self):
-        self.selenium.get(self.live_server_url)
-        
-        username_input = self.selenium.find_element(By.NAME,'id')
-        password_input = self.selenium.find_element(By.NAME, 'password')
-        username_input.send_keys('1106293874')
-        password_input.send_keys('mariagonzales123')
-        
-        password_input.send_keys(Keys.RETURN)
-        
-        button_create_pos_contract = self.selenium.find_element(By.ID, 'create_pos_contract')
-
-        button_create_pos_contract.click()
-        
-        
-        self.assertIn('Solicitudes de contratos POS', self.selenium.title)
diff --git a/hiring_module/hiring_app/tests/functionality/left_panel/__init__.py b/hiring_module/hiring_app/tests/functionality/left_panel/__init__.py
new file mode 100644
index 0000000..aca00a3
--- /dev/null
+++ b/hiring_module/hiring_app/tests/functionality/left_panel/__init__.py
@@ -0,0 +1 @@
+from .left_panel_navitagion import *
diff --git a/hiring_module/hiring_app/tests/functionality/left_panel/left_panel_navitagion.py b/hiring_module/hiring_app/tests/functionality/left_panel/left_panel_navitagion.py
new file mode 100644
index 0000000..5795df0
--- /dev/null
+++ b/hiring_module/hiring_app/tests/functionality/left_panel/left_panel_navitagion.py
@@ -0,0 +1,98 @@
+from django.contrib.auth.models import User
+from django.contrib.staticfiles.testing import StaticLiveServerTestCase
+from selenium.webdriver.chrome.webdriver import WebDriver
+from selenium.webdriver.common.keys import Keys
+from selenium.webdriver.common.by import By
+from selenium.common.exceptions import NoSuchElementException
+
+class LeftPanelNavigation(StaticLiveServerTestCase):
+    @classmethod
+    def setUpClass(cls):
+        super().setUpClass()
+        cls.selenium = WebDriver()
+        cls.selenium.implicitly_wait(10)  
+
+    @classmethod
+    def tearDownClass(cls):
+        cls.selenium.quit()
+        super().tearDownClass()
+
+        
+    def test_admin_redirections(self):
+        self.selenium.get(self.live_server_url)
+        
+        username_input = self.selenium.find_element(By.NAME,'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('1116070867')
+        password_input.send_keys('juandiaz123')
+        
+        
+        password_input.send_keys(Keys.RETURN)
+        
+        user_list_button = self.selenium.find_element(By.ID, 'UserList')
+
+        user_list_button.click()
+        
+        
+        self.assertIn('Lista de usuarios', self.selenium.title)
+
+        control_pannel_button = self.selenium.find_element(By.ID, 'ControlPanel')
+
+        control_pannel_button.click()
+
+        self.assertIn('Panel de control', self.selenium.title)
+
+        statistics_button = self.selenium.find_element(By.ID, 'Statistics')
+
+        statistics_button.click()
+
+        self.assertIn('Estadísticas', self.selenium.title)
+
+    def test_leader_redirections(self):
+        self.selenium.get(self.live_server_url)
+        
+        username_input = self.selenium.find_element(By.NAME,'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('1107838593')
+        password_input.send_keys('alejandrolondono123')
+
+
+        password_input.send_keys(Keys.RETURN)
+        
+        with self.assertRaises(NoSuchElementException):
+            user_list_button = self.selenium.find_element(By.ID, 'UserList')
+
+
+        statistics_button = self.selenium.find_element(By.ID, 'Statistics')
+
+        statistics_button.click()
+
+        self.assertIn('Estadísticas', self.selenium.title)
+
+        control_pannel_button = self.selenium.find_element(By.ID, 'ControlPanel')
+
+        control_pannel_button.click()
+
+        self.assertIn('Panel de control', self.selenium.title)
+
+    def test_external_user_redirections(self):
+        self.selenium.get(self.live_server_url)
+        
+        username_input = self.selenium.find_element(By.NAME,'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('1106293874')
+        password_input.send_keys('mariagonzales123')
+        
+        password_input.send_keys(Keys.RETURN)
+        
+        with self.assertRaises(NoSuchElementException):
+            user_list_button = self.selenium.find_element(By.ID, 'UserList')
+
+        with self.assertRaises(NoSuchElementException):
+            statistics_button = self.selenium.find_element(By.ID, 'Statistics')    
+
+        control_pannel_button = self.selenium.find_element(By.ID, 'ControlPanel')
+
+        control_pannel_button.click()
+
+        self.assertIn('Panel de control', self.selenium.title)
diff --git a/hiring_module/hiring_app/tests/functionality/request_creation/create_hiring_request.py b/hiring_module/hiring_app/tests/functionality/request_creation/create_hiring_request.py
index ea391c8..88d5b39 100644
--- a/hiring_module/hiring_app/tests/functionality/request_creation/create_hiring_request.py
+++ b/hiring_module/hiring_app/tests/functionality/request_creation/create_hiring_request.py
@@ -5,155 +5,290 @@
 from selenium.webdriver.common.by import By
 import os
 import time
+from selenium.common.exceptions import NoSuchElementException
+
 
 class CreateHiringRequest(StaticLiveServerTestCase):
     @classmethod
     def setUpClass(cls):
         super().setUpClass()
         cls.selenium = WebDriver()
-        cls.selenium.implicitly_wait(10)  
+        cls.selenium.implicitly_wait(10)
 
     @classmethod
     def tearDownClass(cls):
         cls.selenium.quit()
         super().tearDownClass()
 
-        
     def test_create_form_monitoring(self):
         self.selenium.get(self.live_server_url)
-        
-        username_input = self.selenium.find_element(By.NAME,'id')
+
+        username_input = self.selenium.find_element(By.NAME, 'id')
         password_input = self.selenium.find_element(By.NAME, 'password')
         username_input.send_keys('1106293874')
         password_input.send_keys('mariagonzales123')
-        
+
         password_input.send_keys(Keys.RETURN)
-        
-        button_create_monitoring_contract = self.selenium.find_element(By.ID, 'create_monitoring_contract')
+
+        button_create_monitoring_contract = self.selenium.find_element(
+            By.ID, 'create_monitoring_contract')
 
         button_create_monitoring_contract.click()
         self.selenium.find_element(By.NAME, 'cenco').send_keys('Cenco ABC')
-        self.selenium.find_element(By.NAME, 'cenco_manager').send_keys('John Doe')
-        monitoring_type = self.selenium.find_element(By.NAME, 'monitoring_type')
-        monitoring_type.send_keys('Academic')
+        self.selenium.find_element(
+            By.NAME, 'cenco_manager').send_keys('John Doe')
+        monitoring_type = self.selenium.find_element(
+            By.NAME, 'monitoring_type')
+        monitoring_type.send_keys('Academico')
         self.selenium.find_element(By.NAME, 'student_code').send_keys('123456')
-        self.selenium.find_element(By.NAME, 'student_full_name').send_keys('Jane Smith')
+        self.selenium.find_element(
+            By.NAME, 'student_full_name').send_keys('Jane Smith')
         self.selenium.find_element(By.NAME, 'student_id').send_keys('7890123')
-        self.selenium.find_element(By.NAME, 'student_email').send_keys('jane@example.com')
-        self.selenium.find_element(By.NAME, 'student_cellphone').send_keys('1234567890')
-        self.selenium.find_element(By.NAME, 'daviplata').send_keys('Daviplata XYZ')
-        self.selenium.find_element(By.NAME, 'course_or_proyect').send_keys('Project ABC')
-        self.selenium.find_element(By.NAME, 'monitoring_description').send_keys('Description of monitoring')
-        self.selenium.find_element(By.NAME, 'weekly_hours').send_keys('10')  # Assuming 10 weekly hours
-        self.selenium.find_element(By.NAME, 'total_value_to_pay').send_keys('100000')  # Assuming total value
+        self.selenium.find_element(
+            By.NAME, 'student_email').send_keys('jane@example.com')
+        self.selenium.find_element(
+            By.NAME, 'student_cellphone').send_keys('1234567890')
+        self.selenium.find_element(
+            By.NAME, 'daviplata').send_keys('Daviplata XYZ')
+        self.selenium.find_element(
+            By.NAME, 'course_or_proyect').send_keys('Project ABC')
+        self.selenium.find_element(By.NAME, 'monitoring_description').send_keys(
+            'Description of monitoring')
+        self.selenium.find_element(By.NAME, 'weekly_hours').send_keys(
+            '10')  # Assuming 10 weekly hours
+        self.selenium.find_element(By.NAME, 'total_value_to_pay').send_keys(
+            '100000')  # Assuming total value
         self.selenium.find_element(By.NAME, 'is_unique_payment').click()
-        self.selenium.find_element(By.CSS_SELECTOR, 'button[type="submit"]').click()
+        self.selenium.find_element(
+            By.CSS_SELECTOR, 'button[type="submit"]').click()
         time.sleep(5)
-        notification_message = self.selenium.find_element(By.ID, "notificationMessage").text
-        
-        self.assertEqual(notification_message, "La solicitud fue exitosa.")
+        notification_message = self.selenium.find_element(
+            By.ID, "notificationMessage").text
 
-        self.assertIn('Solicitudes de contratos de Monitoría', self.selenium.title)
+        self.assertEqual(notification_message, "La solicitud fue exitosa.")
 
+        self.assertIn('Solicitudes de contratos de Monitoría',
+                      self.selenium.title)
 
     def test_create_form_cex(self):
         self.selenium.get(self.live_server_url)
-        
-        username_input = self.selenium.find_element(By.NAME,'id')
+
+        username_input = self.selenium.find_element(By.NAME, 'id')
         password_input = self.selenium.find_element(By.NAME, 'password')
         username_input.send_keys('1106293874')
         password_input.send_keys('mariagonzales123')
-        
+
         password_input.send_keys(Keys.RETURN)
-        
-        button_create_monitoring_contract = self.selenium.find_element(By.ID, 'create_cex_contract')
+
+        button_create_monitoring_contract = self.selenium.find_element(
+            By.ID, 'create_cex_contract')
 
         button_create_monitoring_contract.click()
-        
-        self.selenium.find_element(By.NAME, 'solicitant_name').send_keys('John Doe')
-        self.selenium.find_element(By.NAME, 'solicitant_faculty').send_keys('Faculty of Engineering')
-        self.selenium.find_element(By.NAME, 'hiree_full_name').send_keys('Jane Smith')
+
+        self.selenium.find_element(By.NAME, 'solicitant_faculty').send_keys(
+            'Faculty of Engineering')
+        self.selenium.find_element(
+            By.NAME, 'hiree_full_name').send_keys('Jane Smith')
         self.selenium.find_element(By.NAME, 'hiree_id').send_keys('123456789')
-        self.selenium.find_element(By.NAME, 'hiree_cellphone').send_keys('1234567890')
-        self.selenium.find_element(By.NAME, 'hiree_email').send_keys('jane@example.com')
+        self.selenium.find_element(
+            By.NAME, 'hiree_cellphone').send_keys('1234567890')
+        self.selenium.find_element(
+            By.NAME, 'hiree_email').send_keys('jane@example.com')
         self.selenium.find_element(By.NAME, 'cenco').send_keys('Cenco 123')
-        self.selenium.find_element(By.NAME, 'request_motive').send_keys('Hiring new employee')
-        self.selenium.find_element(By.NAME, 'banking_entity').send_keys('Bank of Example')
-        bank_account_type = self.selenium.find_element(By.NAME, 'bank_account_type')
-        bank_account_type.send_keys('Savings') 
-        self.selenium.find_element(By.NAME, 'bank_account_number').send_keys('1234567890')
+        self.selenium.find_element(
+            By.NAME, 'request_motive').send_keys('Hiring new employee')
+        self.selenium.find_element(
+            By.NAME, 'banking_entity').send_keys('Bank of Example')
+        bank_account_type = self.selenium.find_element(
+            By.NAME, 'bank_account_type')
+        bank_account_type.send_keys('Ahorros')
+        self.selenium.find_element(
+            By.NAME, 'bank_account_number').send_keys('1234567890')
         self.selenium.find_element(By.NAME, 'eps').send_keys('EPS Company')
-        self.selenium.find_element(By.NAME, 'pension_fund').send_keys('Pension Fund')
+        self.selenium.find_element(
+            By.NAME, 'pension_fund').send_keys('Pension Fund')
         self.selenium.find_element(By.NAME, 'arl').send_keys('ARL Company')
-        self.selenium.find_element(By.NAME, 'contract_value').send_keys('1000000') 
-        self.selenium.find_element(By.NAME, 'charge_account').send_keys('Charge account details')
-        ruta_documento_pdf = os.path.join(os.path.dirname(os.path.abspath(__file__)), 'documento.pdf')
+        self.selenium.find_element(
+            By.NAME, 'contract_value').send_keys('1000000')
+        self.selenium.find_element(By.NAME, 'charge_account').send_keys(
+            'Charge account details')
+        ruta_documento_pdf = os.path.join(os.path.dirname(
+            os.path.abspath(__file__)), 'documento.pdf')
 
-        self.selenium.find_element(By.NAME, 'rut').send_keys(ruta_documento_pdf)
+        self.selenium.find_element(
+            By.NAME, 'rut').send_keys(ruta_documento_pdf)
 
-        self.selenium.find_element(By.CSS_SELECTOR, 'button[type="submit"]').click()
+        self.selenium.find_element(
+            By.CSS_SELECTOR, 'button[type="submit"]').click()
         time.sleep(2)
-        notification_message = self.selenium.find_element(By.ID, "notificationMessage").text
-        
+        notification_message = self.selenium.find_element(
+            By.ID, "notificationMessage").text
+
         self.assertEqual(notification_message, "La solicitud fue exitosa.")
 
         self.assertIn('Solicitudes de contratos CEX', self.selenium.title)
 
-
     def test_create_form_pos(self):
         self.selenium.get(self.live_server_url)
-        
-        username_input = self.selenium.find_element(By.NAME,'id')
+
+        username_input = self.selenium.find_element(By.NAME, 'id')
         password_input = self.selenium.find_element(By.NAME, 'password')
         username_input.send_keys('1106293874')
         password_input.send_keys('mariagonzales123')
-        
+
         password_input.send_keys(Keys.RETURN)
-        
-        button_create_pos_contract = self.selenium.find_element(By.ID, 'create_pos_contract')
+
+        button_create_pos_contract = self.selenium.find_element(
+            By.ID, 'create_pos_contract')
 
         button_create_pos_contract.click()
-        
-        self.selenium.find_element(By.NAME, 'solicitant_name').send_keys('John Doe')
-        self.selenium.find_element(By.NAME, 'solicitant_faculty').send_keys('Faculty of Engineering')
-        self.selenium.find_element(By.NAME, 'hiree_full_name').send_keys('Jane Smith')
+
+        self.selenium.find_element(By.NAME, 'solicitant_faculty').send_keys(
+            'Faculty of Engineering')
+        self.selenium.find_element(
+            By.NAME, 'hiree_full_name').send_keys('Jane Smith')
         self.selenium.find_element(By.NAME, 'hiree_id').send_keys('123456789')
-        self.selenium.find_element(By.NAME, 'hiree_cellphone').send_keys('1234567890')
-        self.selenium.find_element(By.NAME, 'hiree_email').send_keys('jane@example.com')
+        self.selenium.find_element(
+            By.NAME, 'hiree_cellphone').send_keys('1234567890')
+        self.selenium.find_element(
+            By.NAME, 'hiree_email').send_keys('jane@example.com')
         self.selenium.find_element(By.NAME, 'cenco').send_keys('Cenco 123')
-        self.selenium.find_element(By.NAME, 'request_motive').send_keys('Hiring new employee')
-        self.selenium.find_element(By.NAME, 'banking_entity').send_keys('Bank of Example')
-        bank_account_type = self.selenium.find_element(By.NAME, 'bank_account_type')
-        bank_account_type.send_keys('Savings') 
-        self.selenium.find_element(By.NAME, 'bank_account_number').send_keys('1234567890')
+        self.selenium.find_element(
+            By.NAME, 'request_motive').send_keys('Hiring new employee')
+        self.selenium.find_element(
+            By.NAME, 'banking_entity').send_keys('Bank of Example')
+        bank_account_type = self.selenium.find_element(
+            By.NAME, 'bank_account_type')
+        bank_account_type.send_keys('Ahorros')
+        self.selenium.find_element(
+            By.NAME, 'bank_account_number').send_keys('1234567890')
         self.selenium.find_element(By.NAME, 'eps').send_keys('EPS Company')
-        self.selenium.find_element(By.NAME, 'pension_fund').send_keys('Pension Fund')
+        self.selenium.find_element(
+            By.NAME, 'pension_fund').send_keys('Pension Fund')
         self.selenium.find_element(By.NAME, 'arl').send_keys('ARL Company')
-        self.selenium.find_element(By.NAME, 'contract_value').send_keys('1000000') 
-        self.selenium.find_element(By.NAME, 'charge_account').send_keys('Charge account details')
-        ruta_documento_pdf = os.path.join(os.path.dirname(os.path.abspath(__file__)), 'documento.pdf')
+        self.selenium.find_element(
+            By.NAME, 'contract_value').send_keys('1000000')
+        self.selenium.find_element(By.NAME, 'charge_account').send_keys(
+            'Charge account details')
+        ruta_documento_pdf = os.path.join(os.path.dirname(
+            os.path.abspath(__file__)), 'documento.pdf')
 
-        self.selenium.find_element(By.NAME, 'rut').send_keys(ruta_documento_pdf)
-        self.selenium.find_element(By.NAME, 'course_name').send_keys('Computer Science')
+        self.selenium.find_element(
+            By.NAME, 'rut').send_keys(ruta_documento_pdf)
+        self.selenium.find_element(
+            By.NAME, 'course_name').send_keys('Computer Science')
         self.selenium.find_element(By.NAME, 'period').send_keys('2024 Spring')
         self.selenium.find_element(By.NAME, 'group').send_keys('Group A')
         self.selenium.find_element(By.NAME, 'intensity').send_keys('20')
         self.selenium.find_element(By.NAME, 'total_hours').send_keys('40')
         self.selenium.find_element(By.NAME, 'course_code').send_keys('CS101')
-        self.selenium.find_element(By.NAME, 'students_quantity').send_keys('30')
+        self.selenium.find_element(
+            By.NAME, 'students_quantity').send_keys('30')
         self.selenium.find_element(By.NAME, 'additional_hours').send_keys('10')
-        self.selenium.find_element(By.ID, 'add-fields-btn').click()
-        additional_fields = self.selenium.find_elements(By.XPATH, '//div[@id="additionalFields"]')
+        additional_fields = self.selenium.find_elements(
+            By.XPATH, '//div[@id="additionalFields"]')
         for field in additional_fields:
-            field.find_element(By.NAME, 'additionalFields-date').send_keys('2024-05-04')
-            field.find_element(By.NAME, 'additionalFields-start_time').send_keys('08:001')  # 1 para AM
-            field.find_element(By.NAME, 'additionalFields-end_time').send_keys('12:002')    # 2 para PM
-            field.find_element(By.NAME, 'additionalFields-room').send_keys('Room 101')
-            field.find_element(By.NAME, 'additionalFields-responsability').send_keys('Teaching')
+            field.find_element(
+                By.CSS_SELECTOR, "[name^='additionalFields-date']").send_keys('2024-05-04')
+            field.find_element(
+                # 1 para AM
+                By.CSS_SELECTOR, "[name^='additionalFields-start_time']").send_keys('08:001')
+            field.find_element(
+                # 2 para PM
+                By.CSS_SELECTOR, "[name^='additionalFields-end_time']").send_keys('12:002')
+            field.find_element(
+                By.CSS_SELECTOR, "[name^='additionalFields-room']").send_keys('101D')
+            field.find_element(
+                By.CSS_SELECTOR, "[name^='additionalFields-responsability']").send_keys('Teaching')
+
+        self.selenium.find_element(
+            By.CSS_SELECTOR, 'button[type="submit"]').click()
+        time.sleep(4)
+        notification_message = self.selenium.find_element(
+            By.ID, "notificationMessage").text
+
+        self.assertEqual(notification_message, "La solicitud fue exitosa.")
+        self.assertIn('Solicitudes de contratos POS', self.selenium.title)
+
+    def test_create_form_monitoring_wrong_data(self):
+        self.selenium.get(self.live_server_url)
+
+        username_input = self.selenium.find_element(By.NAME, 'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('1106293874')
+        password_input.send_keys('mariagonzales123')
+
+        password_input.send_keys(Keys.RETURN)
+
+        button_create_monitoring_contract = self.selenium.find_element(
+            By.ID, 'create_monitoring_contract')
 
-        self.selenium.find_element(By.CSS_SELECTOR, 'button[type="submit"]').click()
+        button_create_monitoring_contract.click()
+        
+        self.selenium.find_element(
+            By.CSS_SELECTOR, 'button[type="submit"]').click()
+        
         time.sleep(2)
-        notification_message = self.selenium.find_element(By.ID, "notificationMessage").text
+
+        notification_message = self.selenium.find_element(
+                By.ID, "notificationMessage")
         
-        self.assertEqual(notification_message, "La solicitud fue exitosa.")
+        self.assertEqual(notification_message.text, "")
+            
+        self.assertIn('Solicitudes de contratos de Monitoría',
+                      self.selenium.title)
+        
+    def test_create_form_cex_wrong_data(self):
+        self.selenium.get(self.live_server_url)
+
+        username_input = self.selenium.find_element(By.NAME, 'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('1106293874')
+        password_input.send_keys('mariagonzales123')
+
+        password_input.send_keys(Keys.RETURN)
+
+        button_create_monitoring_contract = self.selenium.find_element(
+            By.ID, 'create_cex_contract')
+
+        button_create_monitoring_contract.click()
+        
+        self.selenium.find_element(
+            By.CSS_SELECTOR, 'button[type="submit"]').click()
+        
+        time.sleep(2)
+
+        notification_message = self.selenium.find_element(
+            By.ID, "notificationMessage")
+        
+        self.assertEqual(notification_message.text, "")
+            
+        self.assertIn('Solicitudes de contratos CEX', self.selenium.title)
+
+    def test_create_form_pos_wrong_data(self):
+        self.selenium.get(self.live_server_url)
+
+        username_input = self.selenium.find_element(By.NAME, 'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('1106293874')
+        password_input.send_keys('mariagonzales123')
+
+        password_input.send_keys(Keys.RETURN)
+
+        button_create_pos_contract = self.selenium.find_element(
+            By.ID, 'create_pos_contract')
+
+        button_create_pos_contract.click()
+        
+        self.selenium.find_element(
+            By.CSS_SELECTOR, 'button[type="submit"]').click()
+        
+        time.sleep(2)
+
+        notification_message = self.selenium.find_element(
+            By.ID, "notificationMessage").text
+            
+        self.assertEqual(notification_message, "")
+
         self.assertIn('Solicitudes de contratos POS', self.selenium.title)
+        
diff --git a/hiring_module/hiring_app/tests/functionality/request_hiring/request_hiring.py b/hiring_module/hiring_app/tests/functionality/request_hiring/request_hiring.py
index 706144e..883dce8 100644
--- a/hiring_module/hiring_app/tests/functionality/request_hiring/request_hiring.py
+++ b/hiring_module/hiring_app/tests/functionality/request_hiring/request_hiring.py
@@ -18,6 +18,149 @@ def tearDownClass(cls):
         cls.selenium.quit()
         super().tearDownClass()
 
+    def test_search_request_hiring_by_id(self):
+        self.selenium.get(self.live_server_url)
+        
+        username_input = self.selenium.find_element(By.NAME,'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('1116070867')
+        password_input.send_keys('juandiaz123')
+        
+        password_input.send_keys(Keys.RETURN)
+        
+        self.assertIn('Panel de control de Administrador', self.selenium.title)
+        
+        search_input = self.selenium.find_element(By.CSS_SELECTOR, 'input[type="search"]')
+
+        first_result = self.selenium.find_element(By.XPATH, '//table[@id="dataTable"]/tbody/tr[1]')
+
+        id = first_result.find_element(By.XPATH, './td[1]').text
+
+        search_input.send_keys(id)
+
+        search_input.send_keys(Keys.RETURN)
+        
+        self.assertIn(id, self.selenium.find_element(By.XPATH, '//table[@id="dataTable"]/tbody/tr[1]/td[1]').text)
+
+    def test_search_request_hiring_by_solicitant(self):
+        self.selenium.get(self.live_server_url)
+        
+        username_input = self.selenium.find_element(By.NAME,'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('1116070867')
+        password_input.send_keys('juandiaz123')
+        
+        password_input.send_keys(Keys.RETURN)
+        
+        self.assertIn('Panel de control de Administrador', self.selenium.title)
+        
+        search_input = self.selenium.find_element(By.CSS_SELECTOR, 'input[type="search"]')
+
+        first_result = self.selenium.find_element(By.XPATH, '//table[@id="dataTable"]/tbody/tr[1]')
+
+        id = first_result.find_element(By.XPATH, './td[1]').text
+
+        solicitant = first_result.find_element(By.XPATH, './td[2]').text
+
+        search_input.send_keys(solicitant)
+
+        search_input.send_keys(Keys.RETURN)
+        
+        self.assertIn(id, self.selenium.find_element(By.XPATH, '//table[@id="dataTable"]/tbody/tr[1]/td[1]').text)
+
+    def test_search_request_hiring_by_state(self):
+        self.selenium.get(self.live_server_url)
+        
+        username_input = self.selenium.find_element(By.NAME,'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('1116070867')
+        password_input.send_keys('juandiaz123')
+        
+        password_input.send_keys(Keys.RETURN)
+        
+        self.assertIn('Panel de control de Administrador', self.selenium.title)
+        
+        search_input = self.selenium.find_element(By.CSS_SELECTOR, 'input[type="search"]')
+
+        first_result = self.selenium.find_element(By.XPATH, '//table[@id="dataTable"]/tbody/tr[1]')
+
+        id = first_result.find_element(By.XPATH, './td[1]').text
+
+        state = "Pendiente"
+
+        search_input.send_keys(state)
+
+        search_input.send_keys(Keys.RETURN)
+        
+        self.assertIn(id, self.selenium.find_element(By.XPATH, '//table[@id="dataTable"]/tbody/tr[1]/td[1]').text)
+
+    def test_search_request_hiring_by_date(self):
+        self.selenium.get(self.live_server_url)
+        
+        username_input = self.selenium.find_element(By.NAME,'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('1116070867')
+        password_input.send_keys('juandiaz123')
+        
+        password_input.send_keys(Keys.RETURN)
+        
+        self.assertIn('Panel de control de Administrador', self.selenium.title)
+        
+        search_input = self.selenium.find_element(By.CSS_SELECTOR, 'input[type="search"]')
+
+        first_result = self.selenium.find_element(By.XPATH, '//table[@id="dataTable"]/tbody/tr[1]')
+
+        id = first_result.find_element(By.XPATH, './td[1]').text
+
+        date = first_result.find_element(By.XPATH, './td[6]').text
+
+        search_input.send_keys(date)
+
+        search_input.send_keys(Keys.RETURN)
+        
+        self.assertIn(id, self.selenium.find_element(By.XPATH, '//table[@id="dataTable"]/tbody/tr[1]/td[1]').text)
+
+    def test_search_request_hiring_by_wrong_id(self):
+        self.selenium.get(self.live_server_url)
+        
+        username_input = self.selenium.find_element(By.NAME,'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('1116070867')
+        password_input.send_keys('juandiaz123')
+        
+        password_input.send_keys(Keys.RETURN)
+        
+        self.assertIn('Panel de control de Administrador', self.selenium.title)
+        
+        search_input = self.selenium.find_element(By.CSS_SELECTOR, 'input[type="search"]')
+
+        search_input.send_keys('abcdef-abcdef-abcdef')
+
+        search_input.send_keys(Keys.RETURN)
+        
+        self.assertIn('No matching records found', self.selenium.find_element(By.XPATH, '//table[@id="dataTable"]/tbody/tr/td').text)
+
+    def test_access_request_hiring(self):
+        self.selenium.get(self.live_server_url)
+        
+        username_input = self.selenium.find_element(By.NAME,'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('1116070867')
+        password_input.send_keys('juandiaz123')
+        
+        password_input.send_keys(Keys.RETURN)
+        
+        self.assertIn('Panel de control de Administrador', self.selenium.title)
+        
+        first_result = self.selenium.find_element(By.XPATH, '//table[@id="dataTable"]/tbody/tr[1]')
+        
+        
+        first_cell_text = first_result.find_element(By.XPATH, './td[1]').click()
+        
+        
+        self.assertIn('Solicitud de contratación de', self.selenium.find_element(By.ID, 'titleRequestHiring').text)
+
+
     def test_request_hiring_assing_leader(self):
         self.selenium.get(self.live_server_url)
         
@@ -79,9 +222,64 @@ def test_request_hiring_assing_manager(self):
         
         self.assertIn('La solicitud fue exitosa.', self.selenium.find_element(By.ID, 'notificationMessage').text)
 
+    def test_request_hiring_change_status_pending_review_filled(self):
+        self.selenium.get(self.live_server_url)
+        
+        username_input = self.selenium.find_element(By.NAME,'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('1116070867')
+        password_input.send_keys('juandiaz123')
+        
+        password_input.send_keys(Keys.RETURN)
+        
+        self.assertIn('Panel de control de Administrador', self.selenium.title)
 
+        search_input = self.selenium.find_element(By.CSS_SELECTOR, 'input[type="search"]')
 
-    def test_request_hiring_change_status(self):
+        search_input.send_keys("Pendiente")
+
+        search_input.send_keys(Keys.RETURN)
+        
+        first_result = self.selenium.find_element(By.XPATH, '//table[@id="dataTable"]/tbody/tr[1]')
+        
+        
+        first_cell_text = first_result.find_element(By.XPATH, './td[1]').click()
+        
+        
+        self.assertIn('Solicitud de contratación de', self.selenium.find_element(By.ID, 'titleRequestHiring').text)
+        
+        select_element = self.selenium.find_element(By.ID, 'stateSelect')
+
+        select = Select(select_element)
+
+        # 1 = review
+        # 2 = incomplete
+        # 3 = Filed
+        # 4 = Cancelled
+
+        select.select_by_index(1)
+        
+
+        time.sleep(2)
+        
+        self.assertIn('50%', self.selenium.find_element(By.ID, 'ProgressBar').text)
+
+        with self.assertRaises(NotImplementedError):
+            select_element = self.selenium.find_element(By.ID, 'stateSelect')
+
+            select = Select(select_element)
+
+            select.select_by_index(2)
+
+        select_element = self.selenium.find_element(By.ID, 'stateSelect')
+
+        select = Select(select_element)
+
+        select.select_by_index(3)
+
+        self.assertIn('100%', self.selenium.find_element(By.ID, 'ProgressBar').text)
+
+    def test_request_hiring_change_status_pending_incomplete_cancelled(self):
         self.selenium.get(self.live_server_url)
         
         username_input = self.selenium.find_element(By.NAME,'id')
@@ -92,6 +290,12 @@ def test_request_hiring_change_status(self):
         password_input.send_keys(Keys.RETURN)
         
         self.assertIn('Panel de control de Administrador', self.selenium.title)
+
+        search_input = self.selenium.find_element(By.CSS_SELECTOR, 'input[type="search"]')
+
+        search_input.send_keys("Pendiente")
+
+        search_input.send_keys(Keys.RETURN)
         
         first_result = self.selenium.find_element(By.XPATH, '//table[@id="dataTable"]/tbody/tr[1]')
         
@@ -105,17 +309,148 @@ def test_request_hiring_change_status(self):
 
         select = Select(select_element)
 
+        # 1 = review
+        # 2 = incomplete
+        # 3 = Filed
+        # 4 = Cancelled
+
         select.select_by_index(2)
+
+        self.selenium.find_element(By.NAME, 'reason').send_keys("Hola")
         
+        self.selenium.find_element(By.XPATH, '//input[@type="submit" and @value="Enviar"]').click()
+
+        time.sleep(2)
+        
+        self.assertIn('75%', self.selenium.find_element(By.ID, 'ProgressBar').text)
+
+        select_element = self.selenium.find_element(By.ID, 'stateSelect')
+
+        select = Select(select_element)
+
+        select.select_by_index(4)
+
         self.selenium.find_element(By.NAME, 'reason').send_keys("Hola")
+
+        self.selenium.find_element(By.XPATH, '//input[@type="submit" and @value="Enviar"]').click()
+
+        self.assertIn('100%', self.selenium.find_element(By.ID, 'ProgressBar').text)
+
+    
+    def test_request_hiring_change_status_pending_incomplete_review_cancelled(self):
+        self.selenium.get(self.live_server_url)
         
+        username_input = self.selenium.find_element(By.NAME,'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('1116070867')
+        password_input.send_keys('juandiaz123')
+        
+        password_input.send_keys(Keys.RETURN)
         
-        self.selenium.find_element(By.XPATH, '//input[@type="submit" and @value="Save changes"]').click()
+        self.assertIn('Panel de control de Administrador', self.selenium.title)
 
-        time.sleep(2)
+        search_input = self.selenium.find_element(By.CSS_SELECTOR, 'input[type="search"]')
+
+        search_input.send_keys("Pendiente")
+
+        search_input.send_keys(Keys.RETURN)
+        
+        first_result = self.selenium.find_element(By.XPATH, '//table[@id="dataTable"]/tbody/tr[1]')
+        
+        
+        first_cell_text = first_result.find_element(By.XPATH, './td[1]').click()
+        
+        self.assertIn('Solicitud de contratación de', self.selenium.find_element(By.ID, 'titleRequestHiring').text)
+        
+        select_element = self.selenium.find_element(By.ID, 'stateSelect')
+
+        select = Select(select_element)
+
+        # 1 = review
+        # 2 = incomplete
+        # 3 = Filed
+        # 4 = Cancelled
+
+
+        with self.assertRaises(NotImplementedError):
+            select.select_by_index(3)
+
+        select.select_by_index(2)
+
+        self.selenium.find_element(By.NAME, 'reason').send_keys("Hola")
+        
+        self.selenium.find_element(By.XPATH, '//input[@type="submit" and @value="Enviar"]').click()
         
         self.assertIn('75%', self.selenium.find_element(By.ID, 'ProgressBar').text)
 
+        with self.assertRaises(NotImplementedError):
+            select_element = self.selenium.find_element(By.ID, 'stateSelect')
+
+            select = Select(select_element)
+
+            select.select_by_index(3)
+
+        select_element = self.selenium.find_element(By.ID, 'stateSelect')
+
+        select = Select(select_element)
+
+        select.select_by_index(1)
+
+        self.assertIn('50%', self.selenium.find_element(By.ID, 'ProgressBar').text)
+
+        select_element = self.selenium.find_element(By.ID, 'stateSelect')
+
+        select = Select(select_element)
+
+        select.select_by_index(4)
+
+        self.selenium.find_element(By.NAME, 'reason').send_keys("Hola")
+
+        self.selenium.find_element(By.XPATH, '//input[@type="submit" and @value="Enviar"]').click()
+
+        self.assertIn('100%', self.selenium.find_element(By.ID, 'ProgressBar').text)
+
+    def test_request_hiring_change_status_pending_cancelled(self):
+        self.selenium.get(self.live_server_url)
+        
+        username_input = self.selenium.find_element(By.NAME,'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('1116070867')
+        password_input.send_keys('juandiaz123')
+        
+        password_input.send_keys(Keys.RETURN)
+        
+        self.assertIn('Panel de control de Administrador', self.selenium.title)
+
+        search_input = self.selenium.find_element(By.CSS_SELECTOR, 'input[type="search"]')
+
+        search_input.send_keys("Pendiente")
+
+        search_input.send_keys(Keys.RETURN)
+        
+        first_result = self.selenium.find_element(By.XPATH, '//table[@id="dataTable"]/tbody/tr[1]')
+        
+        
+        first_cell_text = first_result.find_element(By.XPATH, './td[1]').click()
+        
+        self.assertIn('Solicitud de contratación de', self.selenium.find_element(By.ID, 'titleRequestHiring').text)
+        
+        select_element = self.selenium.find_element(By.ID, 'stateSelect')
+
+        select = Select(select_element)
+
+        # 1 = review
+        # 2 = incomplete
+        # 3 = Filed
+        # 4 = Cancelled
+
+        select.select_by_index(4)
+
+        self.selenium.find_element(By.NAME, 'reason').send_keys("Hola")
+
+        self.selenium.find_element(By.XPATH, '//input[@type="submit" and @value="Enviar"]').click()
+
+        self.assertIn('100%', self.selenium.find_element(By.ID, 'ProgressBar').text)
 
 
     def test_request_hiring_comment(self):
@@ -180,6 +515,4 @@ def test_request_hiring_snapshot(self):
         
         info = self.selenium.find_element(By.ID, 'pending').text
         
-        print(info)
-
         self.assertIn('Estado de la contratacion:\npending', info)
diff --git a/hiring_module/hiring_app/tests/functionality/statistics/__init__.py b/hiring_module/hiring_app/tests/functionality/statistics/__init__.py
new file mode 100644
index 0000000..a7d4d95
--- /dev/null
+++ b/hiring_module/hiring_app/tests/functionality/statistics/__init__.py
@@ -0,0 +1 @@
+from .statistics import *
\ No newline at end of file
diff --git a/hiring_module/hiring_app/tests/functionality/statistics/statistics.py b/hiring_module/hiring_app/tests/functionality/statistics/statistics.py
new file mode 100644
index 0000000..441113a
--- /dev/null
+++ b/hiring_module/hiring_app/tests/functionality/statistics/statistics.py
@@ -0,0 +1,172 @@
+from django.contrib.staticfiles.testing import StaticLiveServerTestCase
+from selenium.webdriver.chrome.webdriver import WebDriver
+from selenium.webdriver.common.keys import Keys
+from selenium.webdriver.common.by import By
+from datetime import datetime
+from selenium.webdriver.support.select import Select
+import time
+
+class StatisticsTest(StaticLiveServerTestCase):
+    @classmethod
+    def setUpClass(cls):
+        super().setUpClass()
+        cls.selenium = WebDriver()
+        cls.selenium.implicitly_wait(10)  
+
+    @classmethod
+    def tearDownClass(cls):
+        cls.selenium.quit()
+        super().tearDownClass()
+
+    def test_date_range_statistics(self):
+        self.selenium.get(self.live_server_url)
+        
+        username_input = self.selenium.find_element(By.NAME,'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('1116070867')
+        password_input.send_keys('juandiaz123')
+        
+        password_input.send_keys(Keys.RETURN)
+        
+        self.assertIn('Panel de control de Administrador', self.selenium.title)
+
+        statistics_button = self.selenium.find_element(By.ID, 'Statistics')
+
+        statistics_button.click()
+
+        time.sleep(2)
+
+        self.assertIn('Estadísticas', self.selenium.title)
+
+        # Get the current date
+        current_date = datetime.now().strftime('%m/%d/%Y')
+
+        # Send the current date to the start_date field
+        start_date = self.selenium.find_element(By.ID, 'start_date')
+        start_date.send_keys(current_date)
+
+        # Send the current date to the end_date field
+        end_date = self.selenium.find_element(By.ID, 'end_date')
+        end_date.send_keys(current_date)
+
+        contratos_cex = self.selenium.find_element(By.ID, 'contratos_cex').text
+        self.assertIn('4', contratos_cex)
+
+    def test_leader_statistics(self):
+        self.selenium.get(self.live_server_url)
+        
+        username_input = self.selenium.find_element(By.NAME,'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('1116070867')
+        password_input.send_keys('juandiaz123')
+        
+        password_input.send_keys(Keys.RETURN)
+        
+        self.assertIn('Panel de control de Administrador', self.selenium.title)
+        
+        first_result = self.selenium.find_element(By.XPATH, '//table[@id="dataTable"]/tbody/tr[1]')
+        
+        
+        first_cell_text = first_result.find_element(By.XPATH, './td[1]').click()
+        
+        time.sleep(2)
+        
+        self.assertIn('Solicitud de contratación de', self.selenium.find_element(By.ID, 'titleRequestHiring').text)
+        
+        select_element = self.selenium.find_element(By.NAME, 'leader')
+
+        select = Select(select_element)
+
+        select.select_by_index(1)
+        
+        time.sleep(2)
+        
+        self.assertIn('La solicitud fue exitosa.', self.selenium.find_element(By.ID, 'notificationMessage').text)
+
+        notificationCloseBtn = self.selenium.find_element(By.ID, 'notificationCloseBtn')
+
+        notificationCloseBtn.click()
+
+        time.sleep(2)
+
+        
+        statistics_button = self.selenium.find_element(By.ID, 'Statistics')
+
+        statistics_button.click()
+
+        time.sleep(2)
+
+        self.assertIn('Estadísticas', self.selenium.title)
+
+        select_element = self.selenium.find_element(By.ID, "data_leader_select")
+
+        select = Select(select_element)
+
+        select.select_by_index(0)
+
+        solicitudes_por_validar_leader = self.selenium.find_element(By.ID, 'solicitudes_por_validar_leader').text
+
+        self.assertIn('1', solicitudes_por_validar_leader)
+
+        time.sleep(2)
+
+    def test_manager_statistics(self):
+        self.selenium.get(self.live_server_url)
+        
+        username_input = self.selenium.find_element(By.NAME,'id')
+        password_input = self.selenium.find_element(By.NAME, 'password')
+        username_input.send_keys('1116070867')
+        password_input.send_keys('juandiaz123')
+        
+        password_input.send_keys(Keys.RETURN)
+        
+        self.assertIn('Panel de control de Administrador', self.selenium.title)
+        
+        first_result = self.selenium.find_element(By.XPATH, '//table[@id="dataTable"]/tbody/tr[1]')
+        
+        
+        first_cell_text = first_result.find_element(By.XPATH, './td[1]').click()
+        
+        time.sleep(2)
+        
+        self.assertIn('Solicitud de contratación de', self.selenium.find_element(By.ID, 'titleRequestHiring').text)
+        
+        select_element = self.selenium.find_element(By.NAME, 'manager')
+
+        select = Select(select_element)
+
+        select.select_by_index(1)
+        
+        time.sleep(2)
+        
+        self.assertIn('La solicitud fue exitosa.', self.selenium.find_element(By.ID, 'notificationMessage').text)
+
+        notificationCloseBtn = self.selenium.find_element(By.ID, 'notificationCloseBtn')
+
+        notificationCloseBtn.click()
+
+        time.sleep(2)
+        
+        statistics_button = self.selenium.find_element(By.ID, 'Statistics')
+
+        statistics_button.click()
+
+        time.sleep(2)
+
+        self.assertIn('Estadísticas', self.selenium.title)
+
+
+        select_element = self.selenium.find_element(By.ID, "data_manager_select")
+
+        select = Select(select_element)
+
+        select.select_by_index(0)
+
+        solicitudes_por_validar_leader = self.selenium.find_element(By.ID, 'solicitudes_por_validar_manager').text
+
+        self.assertIn('1', solicitudes_por_validar_leader)
+
+        
+        
+
+    
\ No newline at end of file
diff --git a/hiring_module/hiring_app/urls.py b/hiring_module/hiring_app/urls.py
index a99599b..644bb0c 100644
--- a/hiring_module/hiring_app/urls.py
+++ b/hiring_module/hiring_app/urls.py
@@ -10,6 +10,7 @@
 from hiring_app.views.control_board.administrator_user_list_view import AdministratorUserListView
 from hiring_app.views.control_board.add_user_view import AddUserView
 from hiring_app.views.statistical_registers.statistics_view import StatisticsView
+from hiring_app.views.control_board.export_requests_view import ExportRequestsView
 
 app_name = 'hiring_app'
 
@@ -43,5 +44,6 @@
     path('download_rut/<str:idContract>/',
          download_rut_file, name='download_rut'),
     path('statistics/', StatisticsView.as_view(), name='statistics'),
+    path('export_requests/', ExportRequestsView.as_view(), name='export_requests')
 ]
 
diff --git a/hiring_module/hiring_app/views/__init__.py b/hiring_module/hiring_app/views/__init__.py
index 5ba591d..50fe5f3 100644
--- a/hiring_module/hiring_app/views/__init__.py
+++ b/hiring_module/hiring_app/views/__init__.py
@@ -9,3 +9,4 @@
 from .control_board.leader_dashboard_view import LeaderDashboardView
 from .control_board.manager_dashboard_view import ManagerDashboardView
 from .request_hiring.assign_leader import AssignLeaderView
+from .control_board.export_requests_view import ExportRequestsView
diff --git a/hiring_module/hiring_app/views/control_board/administrator_user_list_view.py b/hiring_module/hiring_app/views/control_board/administrator_user_list_view.py
index 6511824..d34c283 100644
--- a/hiring_module/hiring_app/views/control_board/administrator_user_list_view.py
+++ b/hiring_module/hiring_app/views/control_board/administrator_user_list_view.py
@@ -21,11 +21,23 @@ def dispatch(self, *args, **kwargs):
     def get_context_data(self, **kwargs):
         context = super().get_context_data(**kwargs)
         users = CustomUser.objects.filter(groups__name__in=['admin', 'leader', 'manager'])
+        admins_ammount = 0
+        leaders_ammount = 0
+        managers_ammount = 0
         # Add a role field to each user object
         for user in users:
             user.role = str(user.groups.first())
+            if user.role == 'admin':
+                admins_ammount += 1
+            elif user.role == 'leader':
+                leaders_ammount += 1
+            elif user.role == 'manager':
+                managers_ammount += 1
         context['users'] = users
         context['actualgroup'] = 'admin'
+        context['admins_ammount'] = admins_ammount
+        context['leaders_ammount'] = leaders_ammount
+        context['managers_ammount'] = managers_ammount
         return context
     
     def post(self, request, *args, **kwargs):
diff --git a/hiring_module/hiring_app/views/control_board/export_requests_view.py b/hiring_module/hiring_app/views/control_board/export_requests_view.py
new file mode 100644
index 0000000..7572999
--- /dev/null
+++ b/hiring_module/hiring_app/views/control_board/export_requests_view.py
@@ -0,0 +1,8 @@
+from django.shortcuts import redirect
+from django.views import View
+from hiring_app.model.user_model import CustomUser
+from .utilities import export_requests
+class ExportRequestsView(View):
+
+    def get(self, request):
+        return export_requests(self.request.user)
\ No newline at end of file
diff --git a/hiring_module/hiring_app/views/control_board/utilities.py b/hiring_module/hiring_app/views/control_board/utilities.py
index 88b8c00..df72451 100644
--- a/hiring_module/hiring_app/views/control_board/utilities.py
+++ b/hiring_module/hiring_app/views/control_board/utilities.py
@@ -7,6 +7,14 @@
 from hiring_app.model.cex_contract_request_model import CEXContractRequest
 from hiring_app.model.monitoring_contract_request_model import MonitoringContractRequest
 from hiring_app.model.provision_of_services_request_model import ProvisionOfServicesContractRequest
+from django.http import HttpResponse
+from openpyxl import Workbook
+
+from datetime import datetime
+from django.db.models import Q
+from django.utils import timezone
+from itertools import chain
+
 
 # Decorator to redirect users to the correct dashboard based on their role
 def role_redirect(view_func):
@@ -89,15 +97,57 @@ def get_requests(user):
         requests_CEX = CEXContractRequest.objects.filter(manager_assigned_to=user.id)
         requests_monitoring = MonitoringContractRequest.objects.filter(manager_assigned_to=user.id)
         requests_pos = ProvisionOfServicesContractRequest.objects.filter(manager_assigned_to=user.id)
+      
+    for request in requests_CEX:
+        request.request_type = 'CEX'
+
+    for request in requests_monitoring:
+        request.request_type = 'Monitoría'
+
+    for request in requests_pos:
+        request.request_type = 'Honorarios' 
           
     groupManager = Group.objects.get(name='manager')
     groupLeader = Group.objects.get(name='leader')       
     managers = list(CustomUser.objects.filter(groups=groupManager))
     leaders = list(CustomUser.objects.filter(groups=groupLeader))
+    
+    current_date = timezone.now()
+    current_month = current_date.month
+    current_year = current_date.year
+
+    requests = list(requests_CEX) + list(requests_monitoring) + list(requests_pos)
+
+    requests_month = list(
+        chain(
+            requests_CEX.filter(start_date__month=current_month, start_date__year=current_year),
+            requests_monitoring.filter(start_date__month=current_month, start_date__year=current_year),
+            requests_pos.filter(start_date__month=current_month, start_date__year=current_year)
+        )
+    )
+
+    filled_requests = list(
+        chain(
+            requests_CEX.filter(start_date__month=current_month, start_date__year=current_year, state='filed'),
+            requests_monitoring.filter(start_date__month=current_month, start_date__year=current_year, state='filed'),
+            requests_pos.filter(start_date__month=current_month, start_date__year=current_year, state='filed')
+        )
+    )
+
+    reviewed_requests = list(
+        chain(
+            requests_CEX.filter(start_date__month=current_month, start_date__year=current_year, state='review'),
+            requests_monitoring.filter(start_date__month=current_month, start_date__year=current_year, state='review'),
+            requests_pos.filter(start_date__month=current_month, start_date__year=current_year, state='review')
+        )
+    )
+    
+    
     return {
-        'requests': list(requests_CEX) + list(requests_monitoring) + list(requests_pos),
-        'filled_requests': list(requests_CEX.filter(state='filed')) + list(requests_monitoring.filter(state='filed')) + list(requests_pos.filter(state='filed')),
-        'reviewed_requests': list(requests_CEX.filter(state='review')) + list(requests_monitoring.filter(state='review')) + list(requests_pos.filter(state='review')),
+        'requests': requests,
+        'requests_month': requests_month,
+        'filled_requests': filled_requests,
+        'reviewed_requests': reviewed_requests,
         'for_validate_requests':  list(requests_CEX.filter(state__in=['pending', 'incomplete'])) + list(requests_monitoring.filter(state__in=['pending', 'incomplete'])) + list(requests_pos.filter(state__in=['pending', 'incomplete'])),
         'leaders': leaders,
         'managers': managers,
@@ -105,4 +155,257 @@ def get_requests(user):
 
         
         
-        
+def export_requests(user):
+    groups = [group.name for group in user.groups.all()]
+    requests_CEX = CEXContractRequest.objects.none()
+    requests_monitoring = MonitoringContractRequest.objects.none()
+    requests_pos = ProvisionOfServicesContractRequest.objects.none()
+
+    if 'admin' in groups:
+        requests_CEX = CEXContractRequest.objects.all()
+        requests_monitoring = MonitoringContractRequest.objects.all()
+        requests_pos = ProvisionOfServicesContractRequest.objects.all()
+    elif 'leader' in groups:
+        requests_CEX = CEXContractRequest.objects.filter(leader_assigned_to=user.id)
+        requests_monitoring = MonitoringContractRequest.objects.filter(leader_assigned_to=user.id)
+        requests_pos = ProvisionOfServicesContractRequest.objects.filter(leader_assigned_to=user.id)
+    elif 'manager' in groups:
+        requests_CEX = CEXContractRequest.objects.filter(manager_assigned_to=user.id)
+        requests_monitoring = MonitoringContractRequest.objects.filter(manager_assigned_to=user.id)
+        requests_pos = ProvisionOfServicesContractRequest.objects.filter(manager_assigned_to=user.id)
+
+    
+
+    wb = Workbook()
+
+    ws1 = wb.active
+    ws1.title = "Solicitudes de Contratación"
+    
+    headers = [
+    "ID",
+    "Start Date",
+    "Completion Date",
+    "Estimated Completion Date",
+    "Current State Start",
+    "State",
+    "Manager Assigned To",
+    "Leader Assigned To",
+    "Created By",
+    ]
+    
+    ws1.append(headers)
+    
+    for request in (list(requests_CEX) + list(requests_monitoring) + list(requests_pos)):
+        row_data = [
+            str(request.id),
+            request.start_date.strftime('%Y-%m-%d'),
+            request.completion_date.strftime('%Y-%m-%d %H:%M:%S') if request.completion_date else None,
+            request.estimated_completion_date.strftime('%Y-%m-%d') if request.estimated_completion_date else None,
+            request.current_state_start.strftime('%Y-%m-%d %H:%M:%S'),
+            request.state,
+            f'{request.manager_assigned_to.first_name} {request.manager_assigned_to.last_name}' if request.manager_assigned_to else 'sin asignar',
+            f'{request.leader_assigned_to.first_name} {request.leader_assigned_to.last_name}' if request.leader_assigned_to else 'sin asignar',
+            f'{request.created_by.first_name} {request.created_by.last_name}' if request.created_by else 'sin asignar',
+        ]
+        ws1.append(row_data)
+    
+    
+    ws2 = wb.create_sheet(title="CEX")
+    
+    headers = [
+    "ID",
+    "Start Date",
+    "Completion Date",
+    "Estimated Completion Date",
+    "Current State Start",
+    "State",
+    "Manager Assigned To",
+    "Leader Assigned To",
+    "Created By",
+    "Hiree Full Name",
+    "Hiree ID",
+    "Hiree Cellphone",
+    "Hiree Email",
+    "Cenco",
+    "Request Motive",
+    "Banking Entity",
+    "Bank Account Type",
+    "Bank Account Number",
+    "EPS",
+    "Pension Fund",
+    "ARL",
+    "Contract Value",
+    "Charge Account",
+    "RUT"
+    ]
+    ws2.append(headers)
+    
+    for cex_request in requests_CEX:
+        row_data = [
+            str(cex_request.id),
+            cex_request.start_date.strftime('%Y-%m-%d'),
+            cex_request.completion_date.strftime('%Y-%m-%d %H:%M:%S') if cex_request.completion_date else None,
+            cex_request.estimated_completion_date.strftime('%Y-%m-%d') if cex_request.estimated_completion_date else None,
+            cex_request.current_state_start.strftime('%Y-%m-%d %H:%M:%S'),
+            cex_request.state,
+            f'{cex_request.manager_assigned_to.first_name} {cex_request.manager_assigned_to.last_name}' if cex_request.manager_assigned_to else 'sin asignar',
+            f'{cex_request.leader_assigned_to.first_name} {cex_request.leader_assigned_to.last_name}' if cex_request.leader_assigned_to else 'sin asignar',
+            f'{cex_request.created_by.first_name} {cex_request.created_by.last_name}' if cex_request.created_by else 'sin asignar',
+            cex_request.hiree_full_name,
+            cex_request.hiree_id,
+            cex_request.hiree_cellphone,
+            cex_request.hiree_email,
+            cex_request.cenco,
+            cex_request.request_motive,
+            cex_request.banking_entity,
+            cex_request.bank_account_type,
+            cex_request.bank_account_number,
+            cex_request.eps,
+            cex_request.pension_fund,
+            cex_request.arl,
+            cex_request.contract_value,
+            cex_request.charge_account,
+            cex_request.rut.url if cex_request.rut else ""
+        ]
+        ws2.append(row_data)
+
+    ws3 = wb.create_sheet(title="Monitorías")
+    
+    headers = [
+    "ID",
+    "Start Date",
+    "Completion Date",
+    "Estimated Completion Date",
+    "Current State Start",
+    "State",
+    "Manager Assigned To",
+    "Leader Assigned To",
+    "Created By",
+    "Cenco",
+    "Has Money in Cenco",
+    "Cenco Manager",
+    "Monitoring Type",
+    "Student Code",
+    "Student Full Name",
+    "Student ID",
+    "Student Email",
+    "Student Cellphone",
+    "Daviplata",
+    "Course or Project",
+    "Monitoring Description",
+    "Weekly Hours",
+    "Total Value to Pay",
+    "Is Unique Payment"
+    ]
+    ws3.append(headers)
+
+    for monitoring_request in requests_monitoring:
+        row_data = [
+            str(monitoring_request.id),
+            monitoring_request.start_date.strftime('%Y-%m-%d'),
+            monitoring_request.completion_date.strftime('%Y-%m-%d %H:%M:%S') if monitoring_request.completion_date else None,
+            monitoring_request.estimated_completion_date.strftime('%Y-%m-%d') if monitoring_request.estimated_completion_date else None,
+            monitoring_request.current_state_start.strftime('%Y-%m-%d %H:%M:%S'),
+            monitoring_request.state,
+            f'{monitoring_request.manager_assigned_to.first_name} {monitoring_request.manager_assigned_to.last_name}' if monitoring_request.manager_assigned_to else 'sin asignar',
+            f'{monitoring_request.leader_assigned_to.first_name} {monitoring_request.leader_assigned_to.last_name}' if monitoring_request.leader_assigned_to else 'sin asignar',
+            f'{monitoring_request.created_by.first_name} {monitoring_request.created_by.last_name}' if monitoring_request.created_by else 'sin asignar',
+            monitoring_request.cenco,
+            monitoring_request.has_money_in_cenco,
+            monitoring_request.cenco_manager,
+            monitoring_request.monitoring_type,
+            monitoring_request.student_code,
+            monitoring_request.student_full_name,
+            monitoring_request.student_id,
+            monitoring_request.student_email,
+            monitoring_request.student_cellphone,
+            monitoring_request.daviplata,
+            monitoring_request.course_or_proyect,
+            monitoring_request.monitoring_description,
+            monitoring_request.weekly_hours,
+            monitoring_request.total_value_to_pay,
+            monitoring_request.is_unique_payment
+        ]
+        ws3.append(row_data)
+
+    ws4 = wb.create_sheet(title="Honorarios")
+    
+    headers = [
+    "ID",
+    "Start Date",
+    "Completion Date",
+    "Estimated Completion Date",
+    "Current State Start",
+    "State",
+    "Manager Assigned To",
+    "Leader Assigned To",
+    "Created By",
+    "Hiree Full Name",
+    "Hiree ID",
+    "Hiree Cellphone",
+    "Hiree Email",
+    "Cenco",
+    "Request Motive",
+    "Banking Entity",
+    "Bank Account Type",
+    "Bank Account Number",
+    "EPS",
+    "Pension Fund",
+    "ARL",
+    "Contract Value",
+    "Charge Account",
+    "RUT",
+    "Course Name",
+    "Period",
+    "Group",
+    "Intensity",
+    "Total Hours",
+    "Course Code",
+    "Students Quantity",
+    "Additional Hours"
+    ]
+
+    ws4.append(headers)
+    
+    for post_request in requests_pos:
+        row_data = [
+            str(post_request.id),
+            post_request.start_date.strftime('%Y-%m-%d'),
+            post_request.completion_date.strftime('%Y-%m-%d %H:%M:%S') if post_request.completion_date else None,
+            post_request.estimated_completion_date.strftime('%Y-%m-%d') if post_request.estimated_completion_date else None,
+            post_request.current_state_start.strftime('%Y-%m-%d %H:%M:%S'),
+            post_request.state,
+            f'{post_request.manager_assigned_to.first_name} {post_request.manager_assigned_to.last_name}' if post_request.manager_assigned_to else 'sin asignar',
+            f'{post_request.leader_assigned_to.first_name} {post_request.leader_assigned_to.last_name}' if post_request.leader_assigned_to else 'sin asignar',
+            f'{post_request.created_by.first_name} {post_request.created_by.last_name}' if post_request.created_by else 'sin asignar',
+            post_request.hiree_full_name,
+            post_request.hiree_id,
+            post_request.hiree_cellphone,
+            post_request.hiree_email,
+            post_request.cenco,
+            post_request.request_motive,
+            post_request.banking_entity,
+            post_request.bank_account_type,
+            post_request.bank_account_number,
+            post_request.eps,
+            post_request.pension_fund,
+            post_request.arl,
+            post_request.contract_value,
+            post_request.charge_account,
+            post_request.rut.url if post_request.rut else "", 
+            post_request.course_name,
+            post_request.period,
+            post_request.group,
+            post_request.intensity,
+            post_request.total_hours,
+            post_request.course_code,
+            post_request.students_quantity,
+            post_request.additional_hours
+        ]
+        ws4.append(row_data)
+
+    response = HttpResponse(content_type='application/ms-excel')
+    response['Content-Disposition'] = 'attachment; filename="solicitudes.xlsx"'
+    wb.save(response)
+
+    return response
\ No newline at end of file
diff --git a/hiring_module/hiring_app/views/request_creation/cex_contract_request_view.py b/hiring_module/hiring_app/views/request_creation/cex_contract_request_view.py
index 102bff4..32aad4e 100644
--- a/hiring_module/hiring_app/views/request_creation/cex_contract_request_view.py
+++ b/hiring_module/hiring_app/views/request_creation/cex_contract_request_view.py
@@ -2,12 +2,14 @@
 from django.views.generic import CreateView
 from hiring_app.forms import CEXContractRequestForm
 from hiring_app.model import CEXContractRequest
+from hiring_app.model import ProvisionOfServicesContractRequest
 from django.urls import reverse_lazy
 from datetime import datetime, timedelta
 from .utilities import utilities
 from django.shortcuts import get_object_or_404
 from django.core.exceptions import PermissionDenied
 
+
 class CEXContractRequestView(CreateView):
     model = CEXContractRequest
     form_class = CEXContractRequestForm
@@ -20,6 +22,7 @@ def form_valid(self, form):
         estimated_completion_date = datetime.now() + timedelta(days=30)
         leader = utilities.findLeaderToAssign()
         manager = utilities.findManagerToAssign()
+        form.instance.id_solicitant_name = self.request.user.first_name
         form.instance.estimated_completion_date = estimated_completion_date
         form.instance.created_by = current_user
         form.instance.leader_assigned_to = leader
@@ -29,9 +32,9 @@ def form_valid(self, form):
         cex_contract_request.create_snapshot()
         cex_contract_request.save()
         utilities.send_email('Solicitud de contratación radicada', 'Estimado/a, su solicitud de contrato en el aplicativo del módulo de contratación de la unidad de servicios compartidos ha sido radicada satisfactoriamente',
-                   current_user.email)
+                             current_user.email)
         return super().form_valid(form)
-    
+
     def form_invalid(self, form):
         return self.render_to_response(self.get_context_data(form=form))
 
@@ -39,15 +42,20 @@ def get_context_data(self, **kwargs):
         context = super().get_context_data(**kwargs)
         context['actualgroup'] = 'external'
         return context
-    
 
-    
+
 def download_rut_file(request, idContract, *args, **kwargs):
     # Get the rut and send it as a file
-    model_instance = get_object_or_404(CEXContractRequest, id=idContract)
+    model_instance = None
+    
+    if CEXContractRequest.objects.filter(id=idContract).exists():
+        model_instance = get_object_or_404(CEXContractRequest, id=idContract)
+    else:
+        model_instance = get_object_or_404(ProvisionOfServicesContractRequest, id=idContract)
     if not request.user.has_perm('your_app.view_cexcontractrequest'):
-        raise PermissionDenied("You don't have permission to download this file.")
-
+        raise PermissionDenied(
+            "You don't have permission to download this file.")
+        
     if not model_instance.rut:
         raise Http404("The requested file does not exist.")
     try:
@@ -55,6 +63,7 @@ def download_rut_file(request, idContract, *args, **kwargs):
     except IOError as e:
         raise IOError(f"Error reading file: {e}")
 
-    response = HttpResponse(rut_file_data, content_type='application/octet-stream')
+    response = HttpResponse(
+        rut_file_data, content_type='application/octet-stream')
     response['Content-Disposition'] = f'attachment; filename="{model_instance.rut.name}"'
-    return response
\ No newline at end of file
+    return response
diff --git a/hiring_module/hiring_app/views/request_creation/monitoring_contract_request_view.py b/hiring_module/hiring_app/views/request_creation/monitoring_contract_request_view.py
index 56351c3..e77458c 100644
--- a/hiring_module/hiring_app/views/request_creation/monitoring_contract_request_view.py
+++ b/hiring_module/hiring_app/views/request_creation/monitoring_contract_request_view.py
@@ -27,8 +27,7 @@ def form_valid(self, form):
         monitoring_contract_request.save()
             
             
-        utilities.send_email('Solicitud de contratación radicada', 'Estimado/a, su solicitud de contrato en el aplicativo del módulo de contratación de la unidad de servicios compartidos ha sido radicada satisfactoriamente',
-                   current_user.email)
+        utilities.send_email('Solicitud de contratación radicada', 'Estimado/a, su solicitud de contrato en el aplicativo del módulo de contratación de la unidad de servicios compartidos ha sido radicada satisfactoriamente',current_user.email)
         return super().form_valid(form)
     
     def form_invalid(self, form):
diff --git a/hiring_module/hiring_app/views/request_creation/pos_contract_request_view.py b/hiring_module/hiring_app/views/request_creation/pos_contract_request_view.py
index 46da7d9..9f3bf0f 100644
--- a/hiring_module/hiring_app/views/request_creation/pos_contract_request_view.py
+++ b/hiring_module/hiring_app/views/request_creation/pos_contract_request_view.py
@@ -9,6 +9,7 @@
 from django.shortcuts import get_object_or_404
 from django.core.exceptions import PermissionDenied
 
+
 class POSContractRequestView(CreateView):
     model = ProvisionOfServicesContractRequest
     form_class = ProvisionOfServicesContractRequestForm
@@ -21,6 +22,7 @@ def form_valid(self, form):
         estimated_completion_date = datetime.now() + timedelta(days=30)
         leader = utilities.findLeaderToAssign()
         manager = utilities.findManagerToAssign()
+        form.instance.id_solicitant_name = self.request.user.first_name
         form.instance.estimated_completion_date = estimated_completion_date
         form.instance.created_by = current_user
         form.instance.leader_assigned_to = leader
@@ -35,29 +37,31 @@ def form_valid(self, form):
                 field_name = key.replace('additionalFields-', '')
                 field_name = field_name.split('-')[0]
                 additional_fields[field_name] = value
-                if(field_name == 'responsability'):
+                if (field_name == 'responsability'):
                     additional_fields['pos_contract_request'] = pos_contract_request
-                    course_schedule = CourseSchedule.objects.create_schedule(**additional_fields)
+                    course_schedule = CourseSchedule.objects.create_schedule(
+                        **additional_fields)
                     course_schedule.save()
                     additional_fields = {}
-        utilities.send_email('Solicitud de contratación radicada', 'Estimado/a, su solicitud de contrato en el aplicativo del módulo de contratación de la unidad de servicios compartidos ha sido radicada satisfactoriamente',
-                   current_user.email)
+        utilities.send_email('Solicitud de contratación radicada', 'Estimado/a, su solicitud de contrato en el aplicativo del módulo de contratación de la unidad de servicios compartidos ha sido radicada satisfactoriamente',current_user.email)
         return super().form_valid(form)
-    
+
     def form_invalid(self, form):
         return self.render_to_response(self.get_context_data(form=form))
-    
+
     def get_context_data(self, **kwargs):
         context = super().get_context_data(**kwargs)
         context['actualgroup'] = 'external'
         return context
 
-    
+
 def download_rut_file(request, idContract, *args, **kwargs):
     # Get the rut and send it as a file
-    model_instance = get_object_or_404(ProvisionOfServicesContractRequest, id=idContract)
+    model_instance = get_object_or_404(
+        ProvisionOfServicesContractRequest, id=idContract)
     if not request.user.has_perm('your_app.view_poscontractrequest'):
-        raise PermissionDenied("You don't have permission to download this file.")
+        raise PermissionDenied(
+            "You don't have permission to download this file.")
 
     if not model_instance.rut:
         raise Http404("The requested file does not exist.")
@@ -66,6 +70,7 @@ def download_rut_file(request, idContract, *args, **kwargs):
     except IOError as e:
         raise IOError(f"Error reading file: {e}")
 
-    response = HttpResponse(rut_file_data, content_type='application/octet-stream')
+    response = HttpResponse(
+        rut_file_data, content_type='application/octet-stream')
     response['Content-Disposition'] = f'attachment; filename="{model_instance.rut.name}"'
-    return response
\ No newline at end of file
+    return response
diff --git a/hiring_module/hiring_app/views/request_hiring/change_state.py b/hiring_module/hiring_app/views/request_hiring/change_state.py
index f95f18e..9ecd92b 100644
--- a/hiring_module/hiring_app/views/request_hiring/change_state.py
+++ b/hiring_module/hiring_app/views/request_hiring/change_state.py
@@ -33,8 +33,6 @@ def post(self, request, idContract):
         contract_request = utilities.getContract(idContract)
         new_state = request.POST.get('state')
         reason = request.POST.get('reason')
-        print(new_state)
-        print(reason)
         state_actions = {
             'incomplete': {
                 'email_function': self.send_email_file
diff --git a/hiring_module/hiring_app/views/statistical_registers/statistics_view.py b/hiring_module/hiring_app/views/statistical_registers/statistics_view.py
index a746aea..2f662ba 100644
--- a/hiring_module/hiring_app/views/statistical_registers/statistics_view.py
+++ b/hiring_module/hiring_app/views/statistical_registers/statistics_view.py
@@ -5,11 +5,10 @@
 from ..utilities import leader_or_admin_redirect_to_manager_statistics, get_manager_metrics, get_leader_metrics, get_average_duration
 
 
-
 class StatisticsView(View):
     template_name = 'statistical_registers/statistics.html'
 
-    #@method_decorator(leader_or_admin_redirect_to_manager_statistics)
+    # @method_decorator(leader_or_admin_redirect_to_manager_statistics)
     def dispatch(self, request, *args, **kwargs):
         # Get the required metrics
 
@@ -19,6 +18,6 @@ def dispatch(self, request, *args, **kwargs):
         group = {'actualgroup': 'other'}
         if self.request.user.groups.first().name == 'admin':
             group = {'actualgroup': 'admin'}
-        
+
         # Pass metrics as context to template
-        return render(request, self.template_name, manager_metrics|leader_metrics|average_duration|group)
+        return render(request, self.template_name, manager_metrics | leader_metrics | average_duration | group)
diff --git a/hiring_module/hiring_app/views/utilities.py b/hiring_module/hiring_app/views/utilities.py
index 50d5585..a92ed19 100644
--- a/hiring_module/hiring_app/views/utilities.py
+++ b/hiring_module/hiring_app/views/utilities.py
@@ -50,7 +50,7 @@ def get_manager_metrics():
 
     cex_requests = CEXContractRequest.objects.all()
     monitoring_requests = MonitoringContractRequest.objects.all()
-    pos_requests = ProvisionOfServicesContractRequest.objects.all()
+    pos_requests =   ProvisionOfServicesContractRequest.objects.all()
 
     # Initialize a defaultdict to store requests count for each date
     requests_count_by_date = defaultdict(lambda: [0, 0, 0])
@@ -100,12 +100,16 @@ def get_manager_metrics():
         ) + pos_requests.filter(state='incomplete').count(
         )
         
+        cancelled_requests = cex_requests.filter(state='cancelled').count(
+        ) + monitoring_requests.filter(state='cancelled').count(
+        ) + pos_requests.filter(state='cancelled').count(
+        )
         
         data.append([(manager.first_name + ' ' + manager.last_name), approved_requests,
-                    review_requests, for_validate_requests])
+                    review_requests, for_validate_requests,cancelled_requests])
         
         
-        best_to_worse_manager.append([(manager.first_name + ' ' + manager.last_name), quality_calculator(approved_requests, review_requests, for_validate_requests)])
+        best_to_worse_manager.append([(manager.first_name + ' ' + manager.last_name), quality_calculator(approved_requests, review_requests, for_validate_requests,cancelled_requests)])
 
     best_to_worse_manager = sorted(best_to_worse_manager, key=lambda x: x[1], reverse=True)
 
@@ -191,12 +195,17 @@ def get_leader_metrics():
         ) + pos_requests.filter(state='incomplete').count(
         )
         
+        cancelled_requests = cex_requests.filter(state='cancelled').count(
+        ) + monitoring_requests.filter(state='cancelled').count(
+        ) + pos_requests.filter(state='cancelled').count(
+        )
+        
         
         data.append([(leader.first_name + ' ' + leader.last_name), approved_requests,
-                    review_requests, for_validate_requests])
+                    review_requests, for_validate_requests,cancelled_requests])
         
         
-        best_to_worse_leader.append([(leader.first_name + ' ' + leader.last_name), quality_calculator(approved_requests, review_requests, for_validate_requests)])
+        best_to_worse_leader.append([(leader.first_name + ' ' + leader.last_name), quality_calculator(approved_requests, review_requests, for_validate_requests,cancelled_requests)])
 
     best_to_worse_leader = sorted(best_to_worse_leader, key=lambda x: x[1], reverse=True)
 
@@ -212,13 +221,13 @@ def get_leader_metrics():
     }
 
 
-def quality_calculator(aprobadas, en_revision, por_validar):
-    total = aprobadas + en_revision + por_validar
+def quality_calculator(approved_requests, under_review_requests, for_validate_requests, cancelled_requests):
+    total = approved_requests + under_review_requests + for_validate_requests + cancelled_requests
 
     if total != 0:
-        porcentaje_aprobadas = (aprobadas / total) * 100
-        porcentaje_aprobadas = round(porcentaje_aprobadas, 2)
-        return porcentaje_aprobadas
+        quality = ((approved_requests + cancelled_requests)/ total) * 100
+        quality = round(quality, 2)
+        return quality
     else:
         return 0 
 
@@ -229,7 +238,7 @@ def get_average_duration():
         list(ProvisionOfServicesContractRequest.objects.filter(Q(state='filed') | Q(state='cancelled')))
     )
     
-    total_duration_seconds = sum((request.completion_date - timezone.make_aware(datetime.combine(request.start_date, datetime.min.time()), timezone.utc)).total_seconds() for request in approved_or_cancelled_requests if request.completion_date and request.start_date)
+    total_duration_seconds = sum((request.completion_date - timezone.make_aware(datetime.combine(request.start_date, datetime.min.time()))).total_seconds() for request in approved_or_cancelled_requests if request.completion_date and request.start_date)
     total_count = len(approved_or_cancelled_requests)
     total_avg_duration_seconds = total_duration_seconds / total_count if total_count > 0 else 0
 
@@ -262,6 +271,10 @@ def get_resolved_after_estimated_date():
     return resolved_after_estimated_date_count
 
 
+    
+    
+
+
 
 
 
diff --git a/hiring_module/requirements.txt b/hiring_module/requirements.txt
index 96ffe06..029d66c 100644
--- a/hiring_module/requirements.txt
+++ b/hiring_module/requirements.txt
@@ -7,3 +7,4 @@ six == 1.16.0
 sqlparse == 0.4.3
 tzdata == 2022.7 
 selenium
+openpyxl
\ No newline at end of file
diff --git a/hiring_module/test_db.sqlite3 b/hiring_module/test_db.sqlite3
new file mode 100644
index 0000000..e69de29