diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1a679cdfc..43bd6da77 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,31 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2418.01]
+
+## [2416.01] - 2024-04-18
+
+### Added
+
+### Fixed
+
+-   (General) => Se vuelven a mostrar los parámetros en la url al aplicar un filtro
+
+## [2414.01] - 2024-04-04
+
+### Added
+
+-   (Tickets) => Se añade la opción de clonar ticket. #6951
+-   (Parking) => Se añade la sección Parking. #5186
+
+-   (Rutas) => Se añade el campo "servida" a la tabla y se añade también a los filtros. #7130
+
+### Changed
+
+### Fixed
+
+-   (General) => Se corrige la redirección cuando hay 1 solo registro y cuando se aplica un filtro diferente al id al hacer una búsqueda general. #6893
+
 ## [2400.01] - 2024-01-04
 
 ### Added
diff --git a/README.md b/README.md
index 86fe11ca7..e87a84d60 100644
--- a/README.md
+++ b/README.md
@@ -5,13 +5,13 @@ Lilium frontend
 ## Install the dependencies
 
 ```bash
-bun install
+pnpm install
 ```
 
 ### Install quasar cli
 
 ```bash
-sudo bun install -g @quasar/cli
+sudo npm install -g @quasar/cli
 ```
 
 ### Start the app in development mode (hot-code reloading, error reporting, etc.)
@@ -23,13 +23,13 @@ quasar dev
 ### Run unit tests
 
 ```bash
-bun run test:unit
+pnpm run test:unit
 ```
 
 ### Run e2e tests
 
 ```bash
-npm run test:e2e
+pnpm run test:e2e
 ```
 
 ### Build the app for production
diff --git a/cypress.config.js b/cypress.config.js
index 1934f833e..e2046d6c4 100644
--- a/cypress.config.js
+++ b/cypress.config.js
@@ -3,6 +3,7 @@ const { defineConfig } = require('cypress');
 module.exports = defineConfig({
     e2e: {
         baseUrl: 'http://localhost:9000/',
+        experimentalStudio: true,
         fixturesFolder: 'test/cypress/fixtures',
         screenshotsFolder: 'test/cypress/screenshots',
         supportFile: 'test/cypress/support/index.js',
diff --git a/package.json b/package.json
index beae0b7b9..8398eb3f3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "salix-front",
-    "version": "24.12.0",
+    "version": "24.18.0",
     "description": "Salix frontend",
     "productName": "Salix",
     "author": "Verdnatura",
@@ -32,6 +32,7 @@
         "@intlify/unplugin-vue-i18n": "^0.8.1",
         "@pinia/testing": "^0.1.2",
         "@quasar/app-vite": "^1.7.3",
+        "@quasar/quasar-app-extension-qcalendar": "4.0.0-beta.15",
         "@quasar/quasar-app-extension-testing-unit-vitest": "^0.4.0",
         "@vue/test-utils": "^2.4.4",
         "autoprefixer": "^10.4.14",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f3fe7df55..bdff559cc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -49,6 +49,9 @@ devDependencies:
   '@quasar/app-vite':
     specifier: ^1.7.3
     version: 1.7.3(eslint@8.56.0)(pinia@2.1.7)(quasar@2.14.5)(vue-router@4.2.5)(vue@3.4.19)
+  '@quasar/quasar-app-extension-qcalendar':
+    specifier: 4.0.0-beta.15
+    version: 4.0.0-beta.15
   '@quasar/quasar-app-extension-testing-unit-vitest':
     specifier: ^0.4.0
     version: 0.4.0(@vue/test-utils@2.4.4)(quasar@2.14.5)(vite@5.1.4)(vitest@0.31.4)(vue@3.4.19)
@@ -912,6 +915,13 @@ packages:
     resolution: {integrity: sha512-SlOhwzXyPQHWgQIS2ncyDdYdksCJvUYNtgsDQqzAKEG3r3d/ejOxvThle79HTK3Q6HB+gQWFG21Ux00Osr5XSw==}
     dev: false
 
+  /@quasar/quasar-app-extension-qcalendar@4.0.0-beta.15:
+    resolution: {integrity: sha512-i6hQkcP70LXLfVMPZMKQjSg3681gjZmASV3vq6ULzc0LhtBiPneLdVNNtH2itkWxAmaUj+1heQDI5Pa0F7VKLQ==}
+    engines: {node: '>= 10.0.0', npm: '>= 5.6.0', yarn: '>= 1.6.0'}
+    dependencies:
+      '@quasar/quasar-ui-qcalendar': 4.0.0-beta.19
+    dev: true
+
   /@quasar/quasar-app-extension-testing-unit-vitest@0.4.0(@vue/test-utils@2.4.4)(quasar@2.14.5)(vite@5.1.4)(vitest@0.31.4)(vue@3.4.19):
     resolution: {integrity: sha512-eyzdUdmZiCueNS+5nedjMmzdbpCetSrtdGIwW6KplW1dTzRbLiNvYUjpBOxQGmJCgEhWy9zuswJ7MZ/bTql24Q==}
     engines: {node: '>= 12.22.1', npm: '>= 6.14.12', yarn: '>= 1.17.3'}
@@ -939,6 +949,10 @@ packages:
       - vite
     dev: true
 
+  /@quasar/quasar-ui-qcalendar@4.0.0-beta.19:
+    resolution: {integrity: sha512-BT0G2JjgKl1bqNrY5utcYeoy8gK+U9k3Pz1YDi1OB265W/jHU6nFoWMEUdY3JdvMccwkXTL2DLVyl3eqAUyLyg==}
+    dev: true
+
   /@quasar/render-ssr-error@1.0.3:
     resolution: {integrity: sha512-A8RF99q6/sOSe1Ighnh5syEIbliD3qUYEJd2HyfFyBPSMF+WYGXon5dmzg4nUoK662NgOggInevkDyBDJcZugg==}
     engines: {node: '>= 16'}
diff --git a/quasar.config.js b/quasar.config.js
index 2d8289508..dd7a91002 100644
--- a/quasar.config.js
+++ b/quasar.config.js
@@ -29,7 +29,7 @@ module.exports = configure(function (/* ctx */) {
         // app boot file (/src/boot)
         // --> boot files are part of "main.js"
         // https://v2.quasar.dev/quasar-cli/boot-files
-        boot: ['i18n', 'axios', 'vnDate', 'validations'],
+        boot: ['i18n', 'axios', 'vnDate', 'validations', 'quasar.defaults'],
 
         // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#css
         css: ['app.scss'],
@@ -93,13 +93,11 @@ module.exports = configure(function (/* ctx */) {
                 [
                     VueI18nPlugin({
                         runtimeOnly: false,
+                        include: [
+                            path.resolve(__dirname, './src/i18n/locale/**'),
+                            path.resolve(__dirname, './src/pages/**/locale/**'),
+                        ],
                     }),
-                    {
-                        // if you want to use Vue I18n Legacy API, you need to set `compositionOnly: false`
-                        // compositionOnly: false,
-                        // you need to set i18n resource including paths !
-                        include: path.resolve(__dirname, './src/i18n/**'),
-                    },
                 ],
             ],
         },
@@ -117,6 +115,7 @@ module.exports = configure(function (/* ctx */) {
                     secure: false,
                 },
             },
+            open: false,
         },
 
         // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#framework
diff --git a/quasar.extensions.json b/quasar.extensions.json
index e5c5cbfaa..867769090 100644
--- a/quasar.extensions.json
+++ b/quasar.extensions.json
@@ -1,7 +1,6 @@
 {
-  "@quasar/testing-unit-vitest": {
-    "options": [
-      "scripts"
-    ]
-  }
-}
\ No newline at end of file
+    "@quasar/testing-unit-vitest": {
+        "options": ["scripts"]
+    },
+    "@quasar/qcalendar": {}
+}
diff --git a/src/App.vue b/src/App.vue
index d0d8c9358..27cc34c38 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -16,7 +16,7 @@ onMounted(() => {
     if (availableLocales.includes(userLang)) {
         locale.value = userLang;
     } else {
-        locale.value = fallbackLocale;
+        locale.value = fallbackLocale.value;
     }
 });
 
diff --git a/src/boot/axios.js b/src/boot/axios.js
index c58cc2d08..e3e7289af 100644
--- a/src/boot/axios.js
+++ b/src/boot/axios.js
@@ -11,7 +11,7 @@ axios.defaults.baseURL = '/api/';
 
 const onRequest = (config) => {
     const token = session.getToken();
-    if (token.length && config.headers) {
+    if (token.length && !config.headers.Authorization) {
         config.headers.Authorization = token;
     }
 
diff --git a/src/boot/defaults/qTable.js b/src/boot/defaults/qTable.js
new file mode 100644
index 000000000..8902d4266
--- /dev/null
+++ b/src/boot/defaults/qTable.js
@@ -0,0 +1,5 @@
+import { QTable } from 'quasar';
+import setDefault from './setDefault';
+
+setDefault(QTable, 'pagination', { rowsPerPage: 0 });
+setDefault(QTable, 'hidePagination', true);
diff --git a/src/boot/defaults/setDefault.js b/src/boot/defaults/setDefault.js
new file mode 100644
index 000000000..7d56a1a3e
--- /dev/null
+++ b/src/boot/defaults/setDefault.js
@@ -0,0 +1,18 @@
+export default function (component, key, value) {
+    const prop = component.props[key];
+    switch (typeof prop) {
+        case 'object':
+            prop.default = value;
+            break;
+        case 'function':
+            component.props[key] = {
+                type: prop,
+                default: value,
+            };
+            break;
+        case 'undefined':
+            throw new Error('unknown prop: ' + key);
+        default:
+            throw new Error('unhandled type: ' + typeof prop);
+    }
+}
diff --git a/src/boot/qformMixin.js b/src/boot/qformMixin.js
new file mode 100644
index 000000000..8c89c9202
--- /dev/null
+++ b/src/boot/qformMixin.js
@@ -0,0 +1,21 @@
+import { getCurrentInstance } from 'vue';
+
+const filterAvailableInput = element => element.classList.contains('q-field__native') && !element.disabled
+const filterAvailableText = element => element.__vueParentComponent.type.name === 'QInput' && element.__vueParentComponent?.attrs?.class !== 'vn-input-date';
+
+
+export default {
+    mounted: function () {
+        const vm = getCurrentInstance();
+        if (vm.type.name === 'QForm')
+            if (!['searchbarForm','filterPanelForm'].includes(this.$el?.id)) {
+                // AUTOFOCUS
+                const elementsArray = Array.from(this.$el.elements);
+                const firstInputElement = elementsArray.filter(filterAvailableInput).find(filterAvailableText);
+
+                if (firstInputElement) {
+                    firstInputElement.focus();
+                }
+            }
+    },
+};
diff --git a/src/boot/quasar.defaults.js b/src/boot/quasar.defaults.js
new file mode 100644
index 000000000..c792100d7
--- /dev/null
+++ b/src/boot/quasar.defaults.js
@@ -0,0 +1 @@
+export * from './defaults/qTable';
diff --git a/src/boot/quasar.js b/src/boot/quasar.js
new file mode 100644
index 000000000..a8d9b7ad9
--- /dev/null
+++ b/src/boot/quasar.js
@@ -0,0 +1,6 @@
+import { boot } from 'quasar/wrappers';
+import qFormMixin from './qformMixin';
+
+export default boot(({ app }) => {
+    app.mixin(qFormMixin);
+});
diff --git a/src/components/CreateManualInvoiceForm.vue b/src/components/CreateManualInvoiceForm.vue
new file mode 100644
index 000000000..f03afbf35
--- /dev/null
+++ b/src/components/CreateManualInvoiceForm.vue
@@ -0,0 +1,174 @@
+<script setup>
+import { reactive, ref, computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+
+import FetchData from 'components/FetchData.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import FormModelPopup from './FormModelPopup.vue';
+import VnInputDate from './common/VnInputDate.vue';
+
+const emit = defineEmits(['onDataSaved']);
+
+const { t } = useI18n();
+const router = useRouter();
+
+const manualInvoiceFormData = reactive({
+    maxShipped: Date.vnNew(),
+});
+
+const formModelPopupRef = ref();
+const invoiceOutSerialsOptions = ref([]);
+const taxAreasOptions = ref([]);
+const ticketsOptions = ref([]);
+const clientsOptions = ref([]);
+const isLoading = computed(() => formModelPopupRef.value?.isLoading);
+
+const onDataSaved = async (formData, requestResponse) => {
+    emit('onDataSaved', formData, requestResponse);
+    if (requestResponse && requestResponse.id)
+        router.push({ name: 'InvoiceOutSummary', params: { id: requestResponse.id } });
+};
+</script>
+
+<template>
+    <FetchData
+        url="InvoiceOutSerials"
+        :filter="{ where: { code: { neq: 'R' } }, order: ['code'] }"
+        @on-fetch="(data) => (invoiceOutSerialsOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="TaxAreas"
+        :filter="{ order: ['code'] }"
+        @on-fetch="(data) => (taxAreasOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="Tickets"
+        :filter="{ fields: ['id', 'nickname'], order: 'shipped DESC', limit: 30 }"
+        @on-fetch="(data) => (ticketsOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="Clients"
+        :filter="{ fields: ['id', 'name'], order: 'name ASC', limit: 30 }"
+        @on-fetch="(data) => (clientsOptions = data)"
+        auto-load
+    />
+    <FormModelPopup
+        ref="formModelPopupRef"
+        :title="t('Create manual invoice')"
+        url-create="InvoiceOuts/createManualInvoice"
+        model="invoiceOut"
+        :form-initial-data="manualInvoiceFormData"
+        @on-data-saved="onDataSaved"
+    >
+        <template #form-inputs="{ data }">
+            <span v-if="isLoading" class="text-primary invoicing-text">
+                <QIcon name="warning" class="fill-icon q-mr-sm" size="md" />
+                {{ t('Invoicing in progress...') }}
+            </span>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('Ticket')"
+                        :options="ticketsOptions"
+                        hide-selected
+                        option-label="id"
+                        option-value="id"
+                        v-model="data.ticketFk"
+                        @update:model-value="data.clientFk = null"
+                    >
+                        <template #option="scope">
+                            <QItem v-bind="scope.itemProps">
+                                <QItemSection>
+                                    <QItemLabel> #{{ scope.opt?.id }} </QItemLabel>
+                                    <QItemLabel caption>{{
+                                        scope.opt?.nickname
+                                    }}</QItemLabel>
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelectFilter>
+                </div>
+                <span class="row items-center" style="max-width: max-content">{{
+                    t('Or')
+                }}</span>
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('Client')"
+                        :options="clientsOptions"
+                        hide-selected
+                        option-label="name"
+                        option-value="id"
+                        v-model="data.clientFk"
+                        @update:model-value="data.ticketFk = null"
+                    />
+                </div>
+                <div class="col">
+                    <VnInputDate :label="t('Max date')" v-model="data.maxShipped" />
+                </div>
+            </VnRow>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('Serial')"
+                        :options="invoiceOutSerialsOptions"
+                        hide-selected
+                        option-label="description"
+                        option-value="code"
+                        v-model="data.serial"
+                        :required="true"
+                    />
+                </div>
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('Area')"
+                        :options="taxAreasOptions"
+                        hide-selected
+                        option-label="code"
+                        option-value="code"
+                        v-model="data.taxArea"
+                        :required="true"
+                    />
+                </div>
+            </VnRow>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnInput
+                    :label="t('Reference')"
+                    type="textarea"
+                    v-model="data.reference"
+                    fill-input
+                    autogrow
+                />
+            </VnRow>
+        </template>
+    </FormModelPopup>
+</template>
+
+<style lang="scss" scoped>
+.invoicing-text {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: $primary;
+    font-size: 24px;
+    margin-bottom: 8px;
+}
+</style>
+
+<i18n>
+es:
+    Create manual invoice: Crear factura manual
+    Ticket: Ticket
+    Client: Cliente
+    Max date: Fecha límite
+    Serial: Serie
+    Area: Area
+    Reference: Referencia
+    Or: O
+    Invoicing in progress...: Facturación en progreso...
+</i18n>
diff --git a/src/components/CreateNewPostcodeForm.vue b/src/components/CreateNewPostcodeForm.vue
index 47836c05b..02e84849c 100644
--- a/src/components/CreateNewPostcodeForm.vue
+++ b/src/components/CreateNewPostcodeForm.vue
@@ -28,8 +28,23 @@ const countriesOptions = ref([]);
 const provincesOptions = ref([]);
 const townsLocationOptions = ref([]);
 
-const onDataSaved = (dataSaved) => {
-    emit('onDataSaved', dataSaved);
+const onDataSaved = (formData) => {
+    const newPostcode = {
+        ...formData
+    };
+    const townObject = townsLocationOptions.value.find(
+        ({id}) => id === formData.townFk
+    );
+    newPostcode.town = townObject?.name;
+    const provinceObject = provincesOptions.value.find(
+        ({id}) => id === formData.provinceFk
+    );
+    newPostcode.province = provinceObject?.name;
+    const countryObject = countriesOptions.value.find(
+        ({id}) => id === formData.countryFk
+    );
+    newPostcode.country = countryObject?.country;
+    emit('onDataSaved', newPostcode);  
 };
 
 const onCityCreated = async ({ name, provinceFk }, formData) => {
@@ -73,7 +88,7 @@ const onProvinceCreated = async ({ name }, formData) => {
         :title="t('New postcode')"
         :subtitle="t('Please, ensure you put the correct data!')"
         :form-initial-data="postcodeFormData"
-        @on-data-saved="onDataSaved($event)"
+        @on-data-saved="onDataSaved"
     >
         <template #form-inputs="{ data, validate }">
             <VnRow class="row q-gutter-md q-mb-md">
diff --git a/src/components/CrudModel.vue b/src/components/CrudModel.vue
index c8fa5809c..fb3ac10c3 100644
--- a/src/components/CrudModel.vue
+++ b/src/components/CrudModel.vue
@@ -24,6 +24,10 @@ const $props = defineProps({
         type: String,
         default: '',
     },
+    limit: {
+        type: Number,
+        default: 20,
+    },
     saveUrl: {
         type: String,
         default: null,
@@ -76,6 +80,7 @@ defineExpose({
     reset,
     hasChanges,
     saveChanges,
+    getChanges,
 });
 
 async function fetch(data) {
@@ -260,6 +265,7 @@ watch(formUrl, async () => {
 <template>
     <VnPaginate
         :url="url"
+        :limit="limit"
         v-bind="$attrs"
         @on-fetch="fetch"
         :skeleton="false"
diff --git a/src/components/FetchData.vue b/src/components/FetchData.vue
index 5b3dcbea7..1fdd9a5f5 100644
--- a/src/components/FetchData.vue
+++ b/src/components/FetchData.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { h, onMounted } from 'vue';
+import { onMounted } from 'vue';
 import axios from 'axios';
 
 const $props = defineProps({
@@ -60,3 +60,6 @@ async function fetch(fetchFilter = {}) {
     }
 }
 </script>
+<template>
+    <template></template>
+</template>
diff --git a/src/components/FilterItemForm.vue b/src/components/FilterItemForm.vue
index 4c329a8e8..cd4fff54c 100644
--- a/src/components/FilterItemForm.vue
+++ b/src/components/FilterItemForm.vue
@@ -202,7 +202,6 @@ const selectItem = ({ id }) => {
             <QTable
                 :columns="tableColumns"
                 :rows="tableRows"
-                :pagination="{ rowsPerPage: 0 }"
                 :loading="loading"
                 :hide-header="!tableRows || !tableRows.length > 0"
                 :no-data-label="t('Enter a new search')"
diff --git a/src/components/FilterTravelForm.vue b/src/components/FilterTravelForm.vue
index 499d5bc4e..e6060f06e 100644
--- a/src/components/FilterTravelForm.vue
+++ b/src/components/FilterTravelForm.vue
@@ -200,7 +200,6 @@ const selectTravel = ({ id }) => {
             <QTable
                 :columns="tableColumns"
                 :rows="tableRows"
-                :pagination="{ rowsPerPage: 0 }"
                 :loading="loading"
                 :hide-header="!tableRows || !tableRows.length > 0"
                 :no-data-label="t('Enter a new search')"
diff --git a/src/components/FormModel.vue b/src/components/FormModel.vue
index 496a5093d..39cef2a4a 100644
--- a/src/components/FormModel.vue
+++ b/src/components/FormModel.vue
@@ -78,10 +78,6 @@ const $props = defineProps({
 
 const emit = defineEmits(['onFetch', 'onDataSaved']);
 
-defineExpose({
-    save,
-});
-
 const componentIsRendered = ref(false);
 
 onMounted(async () => {
@@ -106,19 +102,16 @@ onMounted(async () => {
 });
 
 onBeforeRouteLeave((to, from, next) => {
-    if (!hasChanges.value) {
-        next();
-        return;
-    }
-
-    quasar.dialog({
-        component: VnConfirm,
-        componentProps: {
-            title: t('Unsaved changes will be lost'),
-            message: t('Are you sure exit without saving?'),
-            promise: () => next(),
-        },
-    });
+    if (hasChanges.value)
+        quasar.dialog({
+            component: VnConfirm,
+            componentProps: {
+                title: t('Unsaved changes will be lost'),
+                message: t('Are you sure exit without saving?'),
+                promise: () => next(),
+            },
+        });
+    else next();
 });
 
 onUnmounted(() => {
@@ -140,12 +133,12 @@ const formUrl = computed(() => $props.url);
 const defaultButtons = computed(() => ({
     save: {
         color: 'primary',
-        icon: 'restart_alt',
+        icon: 'save',
         label: 'globals.save',
     },
     reset: {
         color: 'primary',
-        icon: 'save',
+        icon: 'restart_alt',
         label: 'globals.reset',
     },
     ...$props.defaultButtons,
@@ -235,6 +228,12 @@ watch(formUrl, async () => {
     reset();
     fetch();
 });
+
+defineExpose({
+    save,
+    isLoading,
+    hasChanges,
+});
 </script>
 <template>
     <div class="column items-center full-width">
@@ -291,6 +290,9 @@ watch(formUrl, async () => {
     />
 </template>
 <style lang="scss" scoped>
+.q-notifications {
+    color: black;
+}
 #formModel {
     max-width: 800px;
     width: 100%;
diff --git a/src/components/FormModelPopup.vue b/src/components/FormModelPopup.vue
index cc22c77db..718d087fe 100644
--- a/src/components/FormModelPopup.vue
+++ b/src/components/FormModelPopup.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref } from 'vue';
+import { ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import FormModel from 'components/FormModel.vue';
@@ -39,21 +39,28 @@ const $props = defineProps({
 
 const { t } = useI18n();
 
+const formModelRef = ref(null);
 const closeButton = ref(null);
-const isLoading = ref(false);
 
 const onDataSaved = (formData, requestResponse) => {
     emit('onDataSaved', formData, requestResponse);
     closeForm();
 };
 
-const closeForm = () => {
+const isLoading = computed(() => formModelRef.value?.isLoading);
+
+const closeForm = async () => {
     if (closeButton.value) closeButton.value.click();
 };
+
+defineExpose({
+    isLoading,
+});
 </script>
 
 <template>
     <FormModel
+        ref="formModelRef"
         :form-initial-data="formInitialData"
         :observe-form-changes="false"
         :default-actions="false"
@@ -71,6 +78,7 @@ const closeForm = () => {
             <div class="q-mt-lg row justify-end">
                 <QBtn
                     :label="t('globals.save')"
+                    :title="t('globals.save')"
                     type="submit"
                     color="primary"
                     :disabled="isLoading"
@@ -78,6 +86,7 @@ const closeForm = () => {
                 />
                 <QBtn
                     :label="t('globals.cancel')"
+                    :title="t('globals.cancel')"
                     type="reset"
                     color="primary"
                     flat
diff --git a/src/components/FormPopup.vue b/src/components/FormPopup.vue
new file mode 100644
index 000000000..b6eff5d80
--- /dev/null
+++ b/src/components/FormPopup.vue
@@ -0,0 +1,96 @@
+<script setup>
+import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+const emit = defineEmits(['onSubmit']);
+
+const $props = defineProps({
+    title: {
+        type: String,
+        default: '',
+    },
+    subtitle: {
+        type: String,
+        default: '',
+    },
+    defaultSubmitButton: {
+        type: Boolean,
+        default: true,
+    },
+    defaultCancelButton: {
+        type: Boolean,
+        default: true,
+    },
+    customSubmitButtonLabel: {
+        type: String,
+        default: '',
+    },
+});
+
+const { t } = useI18n();
+
+const closeButton = ref(null);
+const isLoading = ref(false);
+
+const onSubmit = () => {
+    emit('onSubmit');
+    closeForm();
+};
+
+const closeForm = () => {
+    if (closeButton.value) closeButton.value.click();
+};
+</script>
+
+<template>
+    <QForm
+        @submit="onSubmit($event)"
+        class="all-pointer-events full-width"
+        style="max-width: 800px"
+    >
+        <QCard class="q-pa-lg">
+            <span ref="closeButton" class="close-icon" v-close-popup>
+                <QIcon name="close" size="sm" />
+            </span>
+            <h1 class="title">{{ title }}</h1>
+            <p>{{ subtitle }}</p>
+            <slot name="form-inputs" />
+            <div class="q-mt-lg row justify-end">
+                <QBtn
+                    v-if="defaultSubmitButton"
+                    :label="customSubmitButtonLabel || t('globals.save')"
+                    type="submit"
+                    color="primary"
+                    :disabled="isLoading"
+                    :loading="isLoading"
+                />
+                <QBtn
+                    v-if="defaultCancelButton"
+                    :label="t('globals.cancel')"
+                    color="primary"
+                    flat
+                    class="q-ml-sm"
+                    :disabled="isLoading"
+                    :loading="isLoading"
+                    v-close-popup
+                />
+                <slot name="customButtons" />
+            </div>
+        </QCard>
+    </QForm>
+</template>
+
+<style lang="scss" scoped>
+.title {
+    font-size: 17px;
+    font-weight: bold;
+    line-height: 20px;
+}
+
+.close-icon {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    cursor: pointer;
+}
+</style>
diff --git a/src/components/LeftMenu.vue b/src/components/LeftMenu.vue
index c7496621d..3cccd0d2f 100644
--- a/src/components/LeftMenu.vue
+++ b/src/components/LeftMenu.vue
@@ -244,6 +244,6 @@ const handleItemExpansion = (itemName) => {
     max-width: 256px;
 }
 .header {
-    color: #999999;
+    color: var(--vn-label-color);
 }
 </style>
diff --git a/src/components/LeftMenuItem.vue b/src/components/LeftMenuItem.vue
index 976136394..5e0ee461f 100644
--- a/src/components/LeftMenuItem.vue
+++ b/src/components/LeftMenuItem.vue
@@ -2,7 +2,7 @@
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-const { t } = useI18n();
+const { t, te } = useI18n();
 
 const props = defineProps({
     item: {
@@ -11,19 +11,25 @@ const props = defineProps({
     },
 });
 
-const item = computed(() => props.item); // eslint-disable-line vue/no-dupe-keys
+const itemComputed = computed(() => {
+    const item = JSON.parse(JSON.stringify(props.item));
+    const [, , section] = item.title.split('.');
+
+    if (!te(item.title)) item.title = t(`globals.pageTitles.${section}`);
+    return item;
+});
 </script>
 <template>
-    <QItem active-class="text-primary" :to="{ name: item.name }" clickable v-ripple>
-        <QItemSection avatar v-if="item.icon">
-            <QIcon :name="item.icon" />
+    <QItem active-class="bg-hover" :to="{ name: itemComputed.name }" clickable v-ripple>
+        <QItemSection avatar v-if="itemComputed.icon">
+            <QIcon :name="itemComputed.icon" />
         </QItemSection>
-        <QItemSection avatar v-if="!item.icon">
+        <QItemSection avatar v-if="!itemComputed.icon">
             <QIcon name="disabled_by_default" />
         </QItemSection>
-        <QItemSection>{{ t(item.title) }}</QItemSection>
+        <QItemSection>{{ t(itemComputed.title) }}</QItemSection>
         <QItemSection side>
-            <slot name="side" :item="item" />
+            <slot name="side" :item="itemComputed" />
         </QItemSection>
     </QItem>
 </template>
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 12366e174..c6722d875 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -10,12 +10,12 @@ import UserPanel from 'components/UserPanel.vue';
 import VnBreadcrumbs from './common/VnBreadcrumbs.vue';
 
 const { t } = useI18n();
-const session = useSession();
 const stateStore = useStateStore();
 const quasar = useQuasar();
 const state = useState();
 const user = state.getUser();
-const token = session.getToken();
+const { getTokenMultimedia } = useSession();
+const token = getTokenMultimedia();
 const appName = 'Lilium';
 
 onMounted(() => stateStore.setMounted());
@@ -106,7 +106,7 @@ const pinnedModulesRef = ref();
     width: max-content;
 }
 .q-header {
-    background-color: var(--vn-dark);
+    background-color: var(--vn-section-color);
 }
 </style>
 <i18n>
diff --git a/src/components/TransferInvoiceForm.vue b/src/components/TransferInvoiceForm.vue
new file mode 100644
index 000000000..b7d8f3081
--- /dev/null
+++ b/src/components/TransferInvoiceForm.vue
@@ -0,0 +1,168 @@
+<script setup>
+import { ref, reactive } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+
+import VnRow from 'components/ui/VnRow.vue';
+import FetchData from 'components/FetchData.vue';
+import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import FormPopup from './FormPopup.vue';
+
+import axios from 'axios';
+import useNotify from 'src/composables/useNotify.js';
+
+const $props = defineProps({
+    invoiceOutData: {
+        type: Object,
+        default: () => {},
+    },
+});
+
+const { t } = useI18n();
+const router = useRouter();
+const { notify } = useNotify();
+
+const transferInvoiceParams = reactive({
+    id: $props.invoiceOutData?.id,
+    refFk: $props.invoiceOutData?.ref,
+});
+const closeButton = ref(null);
+const clientsOptions = ref([]);
+const rectificativeTypeOptions = ref([]);
+const siiTypeInvoiceOutsOptions = ref([]);
+const invoiceCorrectionTypesOptions = ref([]);
+
+const closeForm = () => {
+    if (closeButton.value) closeButton.value.click();
+};
+
+const transferInvoice = async () => {
+    try {
+        const { data } = await axios.post(
+            'InvoiceOuts/transferInvoice',
+            transferInvoiceParams
+        );
+        notify(t('Transferred invoice'), 'positive');
+        closeForm();
+        router.push('InvoiceOutSummary', { id: data.id });
+    } catch (err) {
+        console.error('Error transfering invoice', err);
+    }
+};
+</script>
+
+<template>
+    <FetchData
+        url="Clients"
+        @on-fetch="(data) => (clientsOptions = data)"
+        :filter="{ fields: ['id', 'name'], order: 'id', limit: 30 }"
+        auto-load
+    />
+    <FetchData
+        url="CplusRectificationTypes"
+        :filter="{ order: 'description' }"
+        @on-fetch="(data) => (rectificativeTypeOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="SiiTypeInvoiceOuts"
+        :filter="{ where: { code: { like: 'R%' } } }"
+        @on-fetch="(data) => (siiTypeInvoiceOutsOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="InvoiceCorrectionTypes"
+        @on-fetch="(data) => (invoiceCorrectionTypesOptions = data)"
+        auto-load
+    />
+    <FormPopup
+        @on-submit="transferInvoice()"
+        :title="t('Transfer invoice')"
+        :custom-submit-button-label="t('Transfer client')"
+        :default-cancel-button="false"
+    >
+        <template #form-inputs>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('Client')"
+                        :options="clientsOptions"
+                        hide-selected
+                        option-label="name"
+                        option-value="id"
+                        v-model="transferInvoiceParams.newClientFk"
+                        :required="true"
+                    >
+                        <template #option="scope">
+                            <QItem v-bind="scope.itemProps">
+                                <QItemSection>
+                                    <QItemLabel>
+                                        #{{ scope.opt?.id }} -
+                                        {{ scope.opt?.name }}
+                                    </QItemLabel>
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelectFilter>
+                </div>
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('Rectificative type')"
+                        :options="rectificativeTypeOptions"
+                        hide-selected
+                        option-label="description"
+                        option-value="id"
+                        v-model="transferInvoiceParams.cplusRectificationTypeFk"
+                        :required="true"
+                    />
+                </div>
+            </VnRow>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('Class')"
+                        :options="siiTypeInvoiceOutsOptions"
+                        hide-selected
+                        option-label="description"
+                        option-value="id"
+                        v-model="transferInvoiceParams.siiTypeInvoiceOutFk"
+                        :required="true"
+                    >
+                        <template #option="scope">
+                            <QItem v-bind="scope.itemProps">
+                                <QItemSection>
+                                    <QItemLabel>
+                                        {{ scope.opt?.code }} -
+                                        {{ scope.opt?.description }}
+                                    </QItemLabel>
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelectFilter>
+                </div>
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('Type')"
+                        :options="invoiceCorrectionTypesOptions"
+                        hide-selected
+                        option-label="description"
+                        option-value="id"
+                        v-model="transferInvoiceParams.invoiceCorrectionTypeFk"
+                        :required="true"
+                    />
+                </div>
+            </VnRow>
+        </template>
+    </FormPopup>
+</template>
+
+<i18n>
+es:
+    Transfer invoice: Transferir factura
+    Transfer client: Transferir cliente
+    Client: Cliente
+    Rectificative type: Tipo rectificativa
+    Class: Clase
+    Type: Tipo
+    Transferred invoice: Factura transferida
+</i18n>
diff --git a/src/components/UserPanel.vue b/src/components/UserPanel.vue
index e0b6b86ed..5c143740e 100644
--- a/src/components/UserPanel.vue
+++ b/src/components/UserPanel.vue
@@ -7,12 +7,16 @@ import axios from 'axios';
 import { useState } from 'src/composables/useState';
 import { useSession } from 'src/composables/useSession';
 import { localeEquivalence } from 'src/i18n/index';
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import FetchData from 'components/FetchData.vue';
 
 const state = useState();
 const session = useSession();
 const router = useRouter();
 const { t, locale } = useI18n();
 import { useClipboard } from 'src/composables/useClipboard';
+import { ref } from 'vue';
 const { copyText } = useClipboard();
 const userLocale = computed({
     get() {
@@ -44,7 +48,10 @@ const darkMode = computed({
 });
 
 const user = state.getUser();
-const token = session.getToken();
+const token = session.getTokenMultimedia();
+const warehousesData = ref();
+const companiesData = ref();
+const accountBankData = ref();
 
 onMounted(async () => {
     updatePreferences();
@@ -87,10 +94,28 @@ function copyUserToken() {
 </script>
 
 <template>
-    <QMenu anchor="bottom left">
+    <FetchData
+        url="Warehouses"
+        order="name"
+        @on-fetch="(data) => (warehousesData = data)"
+        auto-load
+    />
+    <FetchData
+        url="Companies"
+        order="name"
+        @on-fetch="(data) => (companiesData = data)"
+        auto-load
+    />
+    <FetchData
+        url="Accountings"
+        order="name"
+        @on-fetch="(data) => (accountBankData = data)"
+        auto-load
+    />
+    <QMenu anchor="bottom left" class="bg-vn-section-color">
         <div class="row no-wrap q-pa-md">
-            <div class="column panel">
-                <div class="text-h6 q-mb-md">
+            <div class="col column">
+                <div class="text-h6 q-ma-sm q-mb-none">
                     {{ t('components.userPanel.settings') }}
                 </div>
                 <QToggle
@@ -114,7 +139,7 @@ function copyUserToken() {
 
             <QSeparator vertical inset class="q-mx-lg" />
 
-            <div class="column items-center panel">
+            <div class="col column items-center q-mb-sm">
                 <QAvatar size="80px">
                     <QImg
                         :src="`/api/Images/user/160x160/${user.id}/download?access_token=${token}`"
@@ -131,7 +156,6 @@ function copyUserToken() {
                 >
                     @{{ user.name }}
                 </div>
-
                 <QBtn
                     id="logout"
                     color="orange"
@@ -141,17 +165,63 @@ function copyUserToken() {
                     icon="logout"
                     @click="logout()"
                     v-close-popup
+                    dense
                 />
             </div>
         </div>
+        <QSeparator inset class="q-mx-lg" />
+        <div class="col q-gutter-xs q-pa-md">
+            <VnRow>
+                <VnSelectFilter
+                    :label="t('components.userPanel.localWarehouse')"
+                    v-model="user.localWarehouseFk"
+                    :options="warehousesData"
+                    option-label="name"
+                    option-value="id"
+                />
+                <VnSelectFilter
+                    :label="t('components.userPanel.localBank')"
+                    hide-selected
+                    v-model="user.localBankFk"
+                    :options="accountBankData"
+                    option-label="bank"
+                    option-value="id"
+                ></VnSelectFilter>
+            </VnRow>
+            <VnRow>
+                <VnSelectFilter
+                    :label="t('components.userPanel.localCompany')"
+                    hide-selected
+                    v-model="user.companyFk"
+                    :options="companiesData"
+                    option-label="code"
+                    option-value="id"
+                />
+                <VnSelectFilter
+                    :label="t('components.userPanel.userWarehouse')"
+                    hide-selected
+                    v-model="user.warehouseFk"
+                    :options="warehousesData"
+                    option-label="name"
+                    option-value="id"
+                />
+            </VnRow>
+            <VnRow>
+                <VnSelectFilter
+                    :label="t('components.userPanel.userCompany')"
+                    hide-selected
+                    v-model="user.companyFk"
+                    :options="companiesData"
+                    option-label="code"
+                    option-value="id"
+                    style="flex: 0"
+                />
+            </VnRow>
+        </div>
     </QMenu>
 </template>
 
 <style lang="scss" scoped>
-.panel {
-    width: 150px;
-}
-
 .copyText {
     &:hover {
         cursor: alias;
diff --git a/src/components/common/VnBreadcrumbs.vue b/src/components/common/VnBreadcrumbs.vue
index 666f14c72..337507233 100644
--- a/src/components/common/VnBreadcrumbs.vue
+++ b/src/components/common/VnBreadcrumbs.vue
@@ -5,16 +5,16 @@ import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
 import { useCamelCase } from 'src/composables/useCamelCase';
 
-const router = useRouter();
-const quasar = useQuasar();
-const { t } = useI18n();
+const { currentRoute } = useRouter();
+const { screen } = useQuasar();
+const { t, te } = useI18n();
 
 let matched = ref([]);
 let breadcrumbs = ref([]);
 let root = ref(null);
 
 watchEffect(() => {
-    matched.value = router.currentRoute.value.matched.filter(
+    matched.value = currentRoute.value.matched.filter(
         (matched) => Object.keys(matched.meta).length
     );
     breadcrumbs.value.length = 0;
@@ -34,13 +34,17 @@ function getBreadcrumb(param) {
         icon: param.meta.icon,
         path: param.path,
         root: root.value,
+        locale: t(`globals.pageTitles.${param.meta.title}`),
     };
 
-    if (quasar.screen.gt.sm) {
+    if (screen.gt.sm) {
         breadcrumb.name = param.name;
         breadcrumb.title = useCamelCase(param.meta.title);
     }
 
+    const moduleLocale = `${breadcrumb.root}.pageTitles.${breadcrumb.title}`;
+    if (te(moduleLocale)) breadcrumb.locale = t(moduleLocale);
+
     return breadcrumb;
 }
 </script>
@@ -50,7 +54,7 @@ function getBreadcrumb(param) {
             v-for="(breadcrumb, index) of breadcrumbs"
             :key="index"
             :icon="breadcrumb.icon"
-            :label="t(`${breadcrumb.root}.pageTitles.${breadcrumb.title}`)"
+            :label="breadcrumb.locale"
             :to="breadcrumb.path"
         />
     </QBreadcrumbs>
@@ -71,7 +75,7 @@ function getBreadcrumb(param) {
     }
     &--last,
     &__separator {
-        color: var(--vn-label);
+        color: var(--vn-label-color);
     }
 }
 @media (max-width: $breakpoint-md) {
diff --git a/src/components/common/VnCurrency.vue b/src/components/common/VnCurrency.vue
index 660c4e979..b892e5012 100644
--- a/src/components/common/VnCurrency.vue
+++ b/src/components/common/VnCurrency.vue
@@ -5,7 +5,7 @@ import { useCapitalize } from 'src/composables/useCapitalize';
 import VnInput from 'src/components/common/VnInput.vue';
 
 const props = defineProps({
-    modelValue: { type: String, default: '' },
+    modelValue: { type: [String, Number], default: '' },
 });
 
 const { t } = useI18n();
diff --git a/src/components/common/VnDms.vue b/src/components/common/VnDms.vue
index 08255f8a5..76864f026 100644
--- a/src/components/common/VnDms.vue
+++ b/src/components/common/VnDms.vue
@@ -198,9 +198,13 @@ function addDefaultData(data) {
 en:
     contentTypesInfo: Allowed file types {allowedContentTypes}
     EntryDmsDescription: Reference {reference}
+    WorkersDescription: Working of employee id {reference}
+    SupplierDmsDescription: Reference {reference}
 es:
     Generate identifier for original file: Generar identificador para archivo original
     contentTypesInfo: Tipos de archivo permitidos {allowedContentTypes}
     EntryDmsDescription: Referencia {reference}
+    WorkersDescription: Laboral del empleado {reference}
+    SupplierDmsDescription: Referencia {reference}
 
 </i18n>
diff --git a/src/components/common/VnDmsList.vue b/src/components/common/VnDmsList.vue
index 5057c0790..f70146c58 100644
--- a/src/components/common/VnDmsList.vue
+++ b/src/components/common/VnDmsList.vue
@@ -5,9 +5,11 @@ import { useRoute } from 'vue-router';
 import { useQuasar, QCheckbox, QBtn, QInput } from 'quasar';
 import axios from 'axios';
 
-import FetchData from 'components/FetchData.vue';
+import VnPaginate from 'components/ui/VnPaginate.vue';
 import VnDms from 'src/components/common/VnDms.vue';
 import VnConfirm from 'components/ui/VnConfirm.vue';
+import VnInputDate from 'components/common/VnInputDate.vue';
+import VnUserLink from '../ui/VnUserLink.vue';
 import { downloadFile } from 'src/composables/downloadFile';
 
 const route = useRoute();
@@ -26,6 +28,15 @@ const $props = defineProps({
         type: String,
         default: null,
     },
+    deleteModel: {
+        type: String,
+        default: null,
+    },
+    downloadModel: {
+        type: String,
+        required: false,
+        default: null,
+    },
     defaultDmsCode: {
         type: String,
         required: true,
@@ -74,7 +85,7 @@ const dmsFilter = {
             ],
         },
     },
-    order: ['dmsFk DESC'],
+    where: { [$props.filter]: route.params.id },
 };
 
 const columns = computed(() => [
@@ -94,12 +105,12 @@ const columns = computed(() => [
         props: (prop) => ({
             readonly: true,
             borderless: true,
-            'model-value': prop.row.dmsType.name,
+            'model-value': prop.row.dmsType?.name,
         }),
     },
     {
         align: 'left',
-        field: 'order',
+        field: 'hardCopyNumber',
         label: t('globals.order'),
         name: 'order',
         component: 'span',
@@ -117,6 +128,7 @@ const columns = computed(() => [
         label: t('globals.description'),
         name: 'description',
         component: 'span',
+        props: (prop) => ({ value: prop.value?.toUpperCase() }),
     },
     {
         align: 'left',
@@ -136,21 +148,53 @@ const columns = computed(() => [
         name: 'file',
         component: 'span',
     },
+    {
+        align: 'left',
+        field: 'worker',
+        label: t('globals.worker'),
+        name: 'worker',
+        component: VnUserLink,
+        props: (prop) => ({
+            name: prop.row.worker?.user?.name.toLowerCase(),
+            workerId: prop.row.worker?.id,
+        }),
+    },
+    {
+        align: 'left',
+        field: 'created',
+        label: t('globals.created'),
+        name: 'created',
+        component: VnInputDate,
+        props: (prop) => ({
+            disable: true,
+            'model-value': prop.row.created,
+        }),
+    },
     {
         field: 'options',
         name: 'options',
         components: [
             {
                 component: QBtn,
+                name: 'download',
+                isDocuware: true,
                 props: () => ({
                     icon: 'cloud_download',
                     flat: true,
                     color: 'primary',
                 }),
-                click: (prop) => downloadFile(prop.row.id),
+                click: (prop) =>
+                    downloadFile(
+                        prop.row.id,
+                        $props.downloadModel,
+                        null,
+                        prop.row.download
+                    ),
             },
             {
                 component: QBtn,
+                name: 'edit',
+                external: false,
                 props: () => ({
                     icon: 'edit',
                     flat: true,
@@ -160,6 +204,8 @@ const columns = computed(() => [
             },
             {
                 component: QBtn,
+                name: 'delete',
+                external: false,
                 props: () => ({
                     icon: 'delete',
                     flat: true,
@@ -167,12 +213,24 @@ const columns = computed(() => [
                 }),
                 click: (prop) => deleteDms(prop.row.id),
             },
+            {
+                component: QBtn,
+                name: 'open',
+                external: true,
+                props: () => ({
+                    icon: 'open_in_new',
+                    flat: true,
+                    color: 'primary',
+                }),
+                click: (prop) => open(prop.row.url),
+            },
         ],
     },
 ]);
 
 function setData(data) {
-    const newData = data.map((value) => value.dms);
+    const newData = data.map((value) => value.dms || value);
+    newData.sort((a, b) => new Date(b.created) - new Date(a.created));
     rows.value = newData;
 }
 
@@ -186,7 +244,7 @@ function deleteDms(dmsFk) {
             },
         })
         .onOk(async () => {
-            await axios.post(`${$props.model}/${dmsFk}/removeFile`);
+            await axios.post(`${$props.deleteModel ?? $props.model}/${dmsFk}/removeFile`);
             const index = rows.value.findIndex((row) => row.id == dmsFk);
             rows.value.splice(index, 1);
         });
@@ -206,85 +264,106 @@ function parseDms(data) {
     }
     return data;
 }
+
+async function open(url) {
+    window.open(url).focus();
+}
+
+function shouldRenderButton(button, isExternal = false) {
+    if (button.name == 'download') return true;
+    return button.external === isExternal;
+}
 </script>
 <template>
-    <FetchData
+    <VnPaginate
         ref="dmsRef"
+        :data-key="$props.model"
         :url="$props.model"
         :filter="dmsFilter"
-        :where="{ [$props.filter]: route.params.id }"
+        :order="['dmsFk DESC']"
+        :auto-load="true"
         @on-fetch="setData"
-        auto-load
-    />
-    <QTable
-        :columns="columns"
-        :pagination="{ rowsPerPage: 0 }"
-        :rows="rows"
-        class="full-width q-mt-md"
-        hide-bottom
-        row-key="clientFk"
-        :grid="$q.screen.lt.sm"
     >
-        <template #body-cell="props">
-            <QTd :props="props">
-                <QTr :props="props">
-                    <component
-                        v-if="props.col.component"
-                        :is="props.col.component"
-                        v-bind="props.col.props && props.col.props(props)"
-                    >
-                        <span
-                            v-if="props.col.component == 'span'"
-                            style="white-space: wrap"
-                            >{{ props.value }}</span
-                        >
-                    </component>
-                </QTr>
-
-                <div class="flex justify-center" v-if="props.col.name == 'options'">
-                    <div v-for="button of props.col.components" :key="button.id">
-                        <component
-                            :is="button.component"
-                            v-bind="button.props(props)"
-                            @click="button.click(props)"
-                        />
-                    </div>
-                </div>
-            </QTd>
-        </template>
-        <template #item="props">
-            <div class="q-pa-xs col-xs-12 col-sm-6 grid-style-transition">
-                <QCard
-                    bordered
-                    flat
-                    @keyup.ctrl.enter.stop="claimDevelopmentForm?.saveChanges()"
-                >
-                    <QSeparator />
-                    <QList dense>
-                        <QItem v-for="col in props.cols" :key="col.name">
-                            <div v-if="col.name != 'options'" class="row">
-                                <span class="labelColor">{{ col.label }}:</span>
-                                <span>{{ col.value }}</span>
-                            </div>
-                            <div v-if="col.name == 'options'" class="row">
-                                <div
-                                    v-for="button of col.components"
-                                    :key="button.id"
-                                    class="row"
+        <template #body>
+            <QTable
+                :columns="columns"
+                :rows="rows"
+                class="full-width q-mt-md"
+                hide-bottom
+                row-key="clientFk"
+                :grid="$q.screen.lt.sm"
+            >
+                <template #body-cell="props">
+                    <QTd :props="props">
+                        <QTr :props="props">
+                            <component
+                                v-if="props.col.component"
+                                :is="props.col.component"
+                                v-bind="props.col.props && props.col.props(props)"
+                            >
+                                <span
+                                    v-if="props.col.component == 'span'"
+                                    style="white-space: wrap"
+                                    >{{ props.value }}</span
                                 >
-                                    <component
-                                        :is="button.component"
-                                        v-bind="button.props(col)"
-                                        @click="button.click(col)"
-                                    />
-                                </div>
+                            </component>
+                        </QTr>
+
+                        <div class="row no-wrap" v-if="props.col.name == 'options'">
+                            <div v-for="button of props.col.components" :key="button.id">
+                                <component
+                                    v-if="
+                                        shouldRenderButton(button, props.row.isDocuware)
+                                    "
+                                    :is="button.component"
+                                    v-bind="button.props(props)"
+                                    @click="button.click(props)"
+                                />
                             </div>
-                        </QItem>
-                    </QList>
-                </QCard>
-            </div>
+                        </div>
+                    </QTd>
+                </template>
+                <template #item="props">
+                    <div class="q-pa-xs col-xs-12 col-sm-6 grid-style-transition">
+                        <QCard
+                            bordered
+                            flat
+                            @keyup.ctrl.enter.stop="claimDevelopmentForm?.saveChanges()"
+                        >
+                            <QSeparator />
+                            <QList dense>
+                                <QItem v-for="col in props.cols" :key="col.name">
+                                    <div v-if="col.name != 'options'" class="row">
+                                        <span class="labelColor">{{ col.label }}:</span>
+                                        <span>{{ col.value }}</span>
+                                    </div>
+                                    <div v-if="col.name == 'options'" class="row">
+                                        <div
+                                            v-for="button of col.components"
+                                            :key="button.id"
+                                            class="row"
+                                        >
+                                            <component
+                                                v-if="
+                                                    shouldRenderButton(
+                                                        button.name,
+                                                        props.row.isDocuware
+                                                    )
+                                                "
+                                                :is="button.component"
+                                                v-bind="button.props(col)"
+                                                @click="button.click(col)"
+                                            />
+                                        </div>
+                                    </div>
+                                </QItem>
+                            </QList>
+                        </QCard>
+                    </div>
+                </template>
+            </QTable>
         </template>
-    </QTable>
+    </VnPaginate>
     <QDialog v-model="formDialog.show">
         <VnDms
             :model="updateModel ?? model"
@@ -304,7 +383,7 @@ function parseDms(data) {
     row-gap: 20px;
 }
 .labelColor {
-    color: var(--vn-label);
+    color: var(--vn-label-color);
 }
 </style>
 <i18n>
diff --git a/src/components/common/VnInput.vue b/src/components/common/VnInput.vue
index ec836f2cd..96028862a 100644
--- a/src/components/common/VnInput.vue
+++ b/src/components/common/VnInput.vue
@@ -26,7 +26,7 @@ const value = computed({
         emit('update:modelValue', value);
     },
 });
-
+const hover = ref(false);
 const styleAttrs = computed(() => {
     return $props.isOutlined
         ? {
@@ -41,6 +41,10 @@ const onEnterPress = () => {
     emit('keyup.enter');
 };
 
+const handleValue = (val = null) => {
+    value.value = val;
+};
+
 const focus = () => {
     vnInputRef.value.focus();
 };
@@ -51,20 +55,33 @@ defineExpose({
 </script>
 
 <template>
-    <QInput
-        ref="vnInputRef"
-        v-model="value"
-        v-bind="{ ...$attrs, ...styleAttrs }"
-        type="text"
-        :class="{ required: $attrs.required }"
-        @keyup.enter="onEnterPress()"
+    <div
+        @mouseover="hover = true"
+        @mouseleave="hover = false"
         :rules="$attrs.required ? [requiredFieldRule] : null"
     >
-        <template v-if="$slots.prepend" #prepend>
-            <slot name="prepend" />
-        </template>
-        <template v-if="$slots.append" #append>
-            <slot name="append" />
-        </template>
-    </QInput>
+        <QInput
+            ref="vnInputRef"
+            v-model="value"
+            v-bind="{ ...$attrs, ...styleAttrs }"
+            :type="$attrs.type"
+            :class="{ required: $attrs.required }"
+            @keyup.enter="onEnterPress()"
+            :clearable="false"
+        >
+            <template v-if="$slots.prepend" #prepend>
+                <slot name="prepend" />
+            </template>
+
+            <template #append>
+                <slot name="append" v-if="$slots.append" />
+                <QIcon
+                    name="close"
+                    size="xs"
+                    v-if="hover && value"
+                    @click="handleValue(null)"
+                ></QIcon>
+            </template>
+        </QInput>
+    </div>
 </template>
diff --git a/src/components/common/VnInputDate.vue b/src/components/common/VnInputDate.vue
index 66da9b7bf..2053eceb1 100644
--- a/src/components/common/VnInputDate.vue
+++ b/src/components/common/VnInputDate.vue
@@ -1,7 +1,6 @@
 <script setup>
 import { computed, ref } from 'vue';
-import VnInput from 'components/common/VnInput.vue';
-import isValidDate from "filters/isValidDate";
+import isValidDate from 'filters/isValidDate';
 
 const props = defineProps({
     modelValue: {
@@ -17,6 +16,8 @@ const props = defineProps({
         default: false,
     },
 });
+const hover = ref(false);
+
 const emit = defineEmits(['update:modelValue']);
 
 const joinDateAndTime = (date, time) => {
@@ -77,30 +78,39 @@ const styleAttrs = computed(() => {
 </script>
 
 <template>
-    <VnInput
-        class="vn-input-date"
-        :model-value="displayDate(value)"
-        v-bind="{ ...$attrs, ...styleAttrs }"
-        readonly
-        @click="isPopupOpen = true"
-    >
-        <template #append>
-            <QIcon name="event" class="cursor-pointer">
-                <QPopupProxy
-                    v-model="isPopupOpen"
-                    cover
-                    transition-show="scale"
-                    transition-hide="scale"
-                    :no-parent-event="props.readonly"
-                >
-                    <QDate
-                        :model-value="formatDate(value)"
-                        @update:model-value="onDateUpdate"
-                    />
-                </QPopupProxy>
-            </QIcon>
-        </template>
-    </VnInput>
+    <div @mouseover="hover = true" @mouseleave="hover = false">
+        <QInput
+            class="vn-input-date"
+            readonly
+            :model-value="displayDate(value)"
+            v-bind="{ ...$attrs, ...styleAttrs }"
+            @click="isPopupOpen = true"
+        >
+            <template #append>
+                <QIcon
+                    name="close"
+                    size="xs"
+                    v-if="hover && value"
+                    @click="onDateUpdate(null)"
+                ></QIcon>
+                <QIcon name="event" class="cursor-pointer">
+                    <QPopupProxy
+                        v-model="isPopupOpen"
+                        cover
+                        transition-show="scale"
+                        transition-hide="scale"
+                        :no-parent-event="props.readonly"
+                    >
+                        <QDate
+                            :today-btn="true"
+                            :model-value="formatDate(value)"
+                            @update:model-value="onDateUpdate"
+                        />
+                    </QPopupProxy>
+                </QIcon>
+            </template>
+        </QInput>
+    </div>
 </template>
 
 <style lang="scss">
diff --git a/src/components/common/VnInputTime.vue b/src/components/common/VnInputTime.vue
index aefee1a4d..4bd75eeaf 100644
--- a/src/components/common/VnInputTime.vue
+++ b/src/components/common/VnInputTime.vue
@@ -2,7 +2,6 @@
 import { computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import isValidDate from 'filters/isValidDate';
-import VnInput from "components/common/VnInput.vue";
 
 const props = defineProps({
     modelValue: {
@@ -20,6 +19,7 @@ const props = defineProps({
 });
 const { t } = useI18n();
 const emit = defineEmits(['update:modelValue']);
+
 const value = computed({
     get() {
         return props.modelValue;
@@ -27,12 +27,7 @@ const value = computed({
     set(value) {
         const [hours, minutes] = value.split(':');
         const date = new Date(props.modelValue);
-        date.setHours(
-            Number.parseInt(hours) || 0,
-            Number.parseInt(minutes) || 0,
-            0,
-            0
-        );
+        date.setHours(Number.parseInt(hours) || 0, Number.parseInt(minutes) || 0, 0, 0);
         emit('update:modelValue', value ? date.toISOString() : null);
     },
 });
@@ -71,7 +66,7 @@ const styleAttrs = computed(() => {
 </script>
 
 <template>
-    <VnInput
+    <QInput
         class="vn-input-time"
         readonly
         :model-value="formatTime(value)"
@@ -79,7 +74,7 @@ const styleAttrs = computed(() => {
         @click="isPopupOpen = true"
     >
         <template #append>
-            <QIcon name="event" class="cursor-pointer">
+            <QIcon name="schedule" class="cursor-pointer">
                 <QPopupProxy
                     v-model="isPopupOpen"
                     cover
@@ -111,7 +106,7 @@ const styleAttrs = computed(() => {
                 </QPopupProxy>
             </QIcon>
         </template>
-    </VnInput>
+    </QInput>
 </template>
 
 <style lang="scss">
diff --git a/src/components/common/VnLocation.vue b/src/components/common/VnLocation.vue
index eeb7aebd1..9ed48ca15 100644
--- a/src/components/common/VnLocation.vue
+++ b/src/components/common/VnLocation.vue
@@ -88,6 +88,10 @@ function locationFilter(search = '') {
 function handleFetch(data) {
     postcodesOptions.value = data;
 }
+function onDataSaved(newPostcode) {
+    postcodesOptions.value.push(newPostcode);
+    value.value = newPostcode.code;
+}
 </script>
 <template>
     <FetchData
@@ -111,11 +115,13 @@ function handleFetch(data) {
         clearable
     >
         <template #form>
-            <CreateNewPostcode @on-data-saved="locationFilter()" />
+            <CreateNewPostcode
+                @on-data-saved="onDataSaved"
+            />
         </template>
         <template #option="{ itemProps, opt }">
             <QItem v-bind="itemProps">
-                <QItemSection v-if="opt">
+                <QItemSection v-if="opt.code">
                     <QItemLabel>{{ opt.code }}</QItemLabel>
                     <QItemLabel caption>{{ showLabel(opt) }}</QItemLabel>
                 </QItemSection>
diff --git a/src/components/common/VnLog.vue b/src/components/common/VnLog.vue
index eae391cc4..c1cc78f54 100644
--- a/src/components/common/VnLog.vue
+++ b/src/components/common/VnLog.vue
@@ -403,7 +403,7 @@ setLogTree();
         auto-load
     />
     <div
-        class="column items-center logs origin-log"
+        class="column items-center logs origin-log q-mt-md"
         v-for="(originLog, originLogIndex) in logTree"
         :key="originLogIndex"
     >
@@ -819,7 +819,7 @@ setLogTree();
 </template>
 <style lang="scss" scoped>
 .q-card {
-    background-color: var(--vn-gray);
+    background-color: var(--vn-section-color);
 }
 .q-item {
     min-height: 0px;
@@ -836,7 +836,7 @@ setLogTree();
         max-width: 400px;
 
         & > .header {
-            color: $dark;
+            color: var(--vn-section-color);
             overflow: hidden;
             white-space: nowrap;
             text-overflow: ellipsis;
@@ -916,7 +916,7 @@ setLogTree();
             font-style: italic;
         }
         .model-id {
-            color: var(--vn-label);
+            color: var(--vn-label-color);
             font-size: 0.9rem;
         }
         .q-btn {
@@ -942,7 +942,7 @@ setLogTree();
     }
     .change-info {
         overflow: hidden;
-        background-color: var(--vn-dark);
+        background-color: var(--vn-section-color);
         & > .date {
             overflow: hidden;
             white-space: nowrap;
@@ -981,7 +981,7 @@ setLogTree();
         position: relative;
         overflow: hidden;
         text-overflow: ellipsis;
-        background-color: var(--vn-gray);
+        background-color: var(--vn-section-color);
         white-space: nowrap;
         box-sizing: border-box;
         & > .q-icon {
@@ -1030,7 +1030,7 @@ en:
         ticketCreated: Created
         created: Created
         isChargedToMana: Charged to mana
-        hasToPickUp: Has to pick Up
+        pickup: Type of pickup
         dmsFk: Document ID
         text: Description
         claimStateFk: Claim State
@@ -1069,7 +1069,7 @@ es:
         ticketCreated: Creado
         created: Creado
         isChargedToMana: Cargado a maná
-        hasToPickUp: Se debe recoger
+        pickup: Se debe recoger
         dmsFk: ID documento
         text: Descripción
         claimStateFk: Estado de la reclamación
diff --git a/src/components/common/VnSelectDialog.vue b/src/components/common/VnSelectDialog.vue
index bca014a19..95d6a44fe 100644
--- a/src/components/common/VnSelectDialog.vue
+++ b/src/components/common/VnSelectDialog.vue
@@ -82,7 +82,7 @@ const toggleForm = () => {
     border-radius: 50px;
 
     &.--add-icon {
-        color: var(--vn-text);
+        color: var(--vn-text-color);
         background-color: $primary;
     }
 }
diff --git a/src/components/common/VnSelectFilter.vue b/src/components/common/VnSelectFilter.vue
index 4903a5327..480d36e4f 100644
--- a/src/components/common/VnSelectFilter.vue
+++ b/src/components/common/VnSelectFilter.vue
@@ -51,8 +51,8 @@ const $props = defineProps({
         default: null,
     },
     limit: {
-        type: Number,
-        default: 30,
+        type: [Number, String],
+        default: '30',
     },
 });
 
@@ -151,7 +151,7 @@ watch(modelValue, (newValue) => {
         @on-fetch="(data) => setOptions(data)"
         :where="where || { [optionValue]: value }"
         :limit="limit"
-        :order-by="orderBy"
+        :sort-by="sortBy"
         :fields="fields"
     />
     <QSelect
diff --git a/src/components/common/VnTitle.vue b/src/components/common/VnTitle.vue
new file mode 100644
index 000000000..e772f3e37
--- /dev/null
+++ b/src/components/common/VnTitle.vue
@@ -0,0 +1,25 @@
+<script setup>
+const $props = defineProps({
+    url: { type: String, default: null },
+    text: { type: String, default: null },
+    icon: { type: String, default: 'open_in_new' },
+});
+</script>
+<template>
+    <div class="titleBox">
+        <div class="header-link">
+            <a :href="$props.url" :class="$props.url ? 'link' : 'color-vn-text'">
+                {{ $props.text }}
+                <QIcon v-if="url" :name="$props.icon" />
+            </a>
+        </div>
+    </div>
+</template>
+<style scoped lang="scss">
+a {
+    font-size: large;
+}
+.titleBox {
+    padding-bottom: 2%;
+}
+</style>
diff --git a/src/components/ui/CardDescriptor.vue b/src/components/ui/CardDescriptor.vue
index 01048c6de..f30ea8937 100644
--- a/src/components/ui/CardDescriptor.vue
+++ b/src/components/ui/CardDescriptor.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { onMounted, useSlots, watch, computed, ref } from 'vue';
+import { onBeforeMount, useSlots, watch, computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import SkeletonDescriptor from 'components/ui/SkeletonDescriptor.vue';
 import { useArrayData } from 'composables/useArrayData';
@@ -41,34 +41,33 @@ const state = useState();
 const slots = useSlots();
 const { t } = useI18n();
 const { viewSummary } = useSummaryDialog();
-const entity = computed(() => useArrayData($props.dataKey).store.data);
+const arrayData = useArrayData($props.dataKey || $props.module, {
+    url: $props.url,
+    filter: $props.filter,
+    skip: 0,
+});
+const { store } = arrayData;
+const entity = computed(() =>Array.isArray( store.data) ? store.data[0] : store.data);
 const isLoading = ref(false);
 
 defineExpose({
     getData,
 });
-onMounted(async () => {
+onBeforeMount(async () => {
     await getData();
     watch(
         () => $props.url,
-        async (newUrl, lastUrl) => {
-            if (newUrl == lastUrl) return;
-            await getData();
-        }
+        async () => await getData()
     );
 });
 
 async function getData() {
-    const arrayData = useArrayData($props.dataKey, {
-        url: $props.url,
-        filter: $props.filter,
-        skip: 0,
-    });
+    store.url = $props.url;
     isLoading.value = true;
     try {
         const { data } = await arrayData.fetch({ append: false, updateRouter: false });
         state.set($props.dataKey, data);
-        emit('onFetch', data);
+        emit('onFetch', Array.isArray(data) ? data[0] : data);
     } finally {
         isLoading.value = false;
     }
@@ -158,7 +157,7 @@ const emit = defineEmits(['onFetch']);
             <div class="icons">
                 <slot name="icons" :entity="entity" />
             </div>
-            <div class="actions">
+            <div class="actions justify-center">
                 <slot name="actions" :entity="entity" />
             </div>
             <slot name="after" />
@@ -175,33 +174,34 @@ const emit = defineEmits(['onFetch']);
 
 <style lang="scss">
 .body {
-    background-color: var(--vn-gray);
+    background-color: var(--vn-section-color);
     .text-h5 {
+        font-size: 20px;
         padding-top: 5px;
-        padding-bottom: 5px;
+        padding-bottom: 0px;
     }
     .q-item {
         min-height: 20px;
 
         .link {
-            margin-left: 5px;
+            margin-left: 10px;
         }
     }
     .vn-label-value {
         display: flex;
-        padding: 2px 16px;
+        padding: 0px 16px;
         .label {
-            color: var(--vn-label);
-            font-size: 12px;
+            color: var(--vn-label-color);
+            font-size: 14px;
 
             &:not(:has(a))::after {
                 content: ':';
             }
         }
         .value {
-            color: var(--vn-text);
+            color: var(--vn-text-color);
             font-size: 14px;
-            margin-left: 12px;
+            margin-left: 4px;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -219,18 +219,19 @@ const emit = defineEmits(['onFetch']);
     overflow: hidden;
     text-overflow: ellipsis;
     span {
-        color: $primary;
+        color: var(--vn-text-color);
         font-weight: bold;
     }
 }
 .subtitle {
-    color: var(--vn-text);
+    color: var(--vn-text-color);
     font-size: 16px;
-    margin-bottom: 15px;
+    margin-bottom: 2px;
 }
 .list-box {
     .q-item__label {
-        color: var(--vn-label);
+        color: var(--vn-label-color);
+        padding-bottom: 0%;
     }
 }
 .descriptor {
@@ -248,6 +249,7 @@ const emit = defineEmits(['onFetch']);
     }
     .actions {
         margin: 0 5px;
+        justify-content: center !important;
     }
 }
 </style>
diff --git a/src/components/ui/CardList.vue b/src/components/ui/CardList.vue
index eba69a952..e8392b13e 100644
--- a/src/components/ui/CardList.vue
+++ b/src/components/ui/CardList.vue
@@ -61,7 +61,7 @@ const toggleCardCheck = (item) => {
 }
 
 .q-chip-color {
-    color: var(--vn-label);
+    color: var(--vn-label-color) !important;
 }
 
 .card-list-body {
@@ -75,7 +75,7 @@ const toggleCardCheck = (item) => {
         width: 50%;
         .label {
             width: 35%;
-            color: var(--vn-label);
+            color: var(--vn-label-color);
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -117,7 +117,7 @@ const toggleCardCheck = (item) => {
     transition: background-color 0.2s;
 }
 .card:hover {
-    background-color: var(--vn-gray);
+    background-color: var(--vn-section-color);
 }
 .list-items {
     width: 75%;
diff --git a/src/components/ui/CardSummary.vue b/src/components/ui/CardSummary.vue
index f7780670f..a06837cf4 100644
--- a/src/components/ui/CardSummary.vue
+++ b/src/components/ui/CardSummary.vue
@@ -1,11 +1,10 @@
 <script setup>
-import { onMounted, ref, watch } from 'vue';
+import { ref, computed, watch, onBeforeMount } from 'vue';
 import { useRoute } from 'vue-router';
-import axios from 'axios';
 import SkeletonSummary from 'components/ui/SkeletonSummary.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
+import { useArrayData } from 'src/composables/useArrayData';
 
-const entity = ref();
 const props = defineProps({
     url: {
         type: String,
@@ -19,43 +18,48 @@ const props = defineProps({
         type: Number,
         default: null,
     },
+    dataKey: {
+        type: String,
+        default: '',
+    },
 });
 const emit = defineEmits(['onFetch']);
 const route = useRoute();
 const isSummary = ref();
+const arrayData = useArrayData(props.dataKey || route.meta.moduleName, {
+    url: props.url,
+    filter: props.filter,
+    skip: 0,
+});
+const { store } = arrayData;
+const entity = computed(() => Array.isArray(store.data) ? store.data[0] : store.data);
+const isLoading = ref(false);
 
 defineExpose({
     entity,
     fetch,
 });
 
-onMounted(() => {
+onBeforeMount(async () => {
     isSummary.value = String(route.path).endsWith('/summary');
-    fetch();
+    await fetch();
+    watch(props, async () => await fetch());
 });
 
 async function fetch() {
-    const params = {};
-
-    if (props.filter) params.filter = JSON.stringify(props.filter);
-
-    const { data } = await axios.get(props.url, { params });
-    entity.value = data;
-
+    store.url = props.url;
+    isLoading.value = true;
+    const { data } = await arrayData.fetch({ append: false, updateRouter: false });
     emit('onFetch', data);
+    isLoading.value = false;
 }
-
-watch(props, async () => {
-    entity.value = null;
-    fetch();
-});
 </script>
 
 <template>
     <div class="summary container">
         <QCard class="cardSummary">
-            <SkeletonSummary v-if="!entity" />
-            <template v-if="entity">
+            <SkeletonSummary v-if="!entity || isLoading" />
+            <template v-if="entity && !isLoading">
                 <div class="summaryHeader bg-primary q-pa-sm text-weight-bolder">
                     <slot name="header-left">
                         <router-link
@@ -70,7 +74,7 @@ watch(props, async () => {
                         </router-link>
                         <span v-else></span>
                     </slot>
-                    <slot name="header" :entity="entity">
+                    <slot name="header" :entity="entity" dense>
                         <VnLv :label="`${entity.id} -`" :value="entity.name" />
                     </slot>
                     <slot name="header-right">
@@ -93,7 +97,6 @@ watch(props, async () => {
 
 .cardSummary {
     width: 100%;
-
     .summaryHeader {
         text-align: center;
         font-size: 20px;
@@ -107,7 +110,7 @@ watch(props, async () => {
         justify-content: space-evenly;
         gap: 10px;
         padding: 10px;
-        background-color: var(--vn-gray);
+        background-color: var(--vn-section-color);
 
         > .q-card.vn-one {
             flex: 1;
@@ -124,17 +127,18 @@ watch(props, async () => {
 
         > .q-card {
             width: 100%;
-            background-color: var(--vn-gray);
+            background-color: var(--vn-section-color);
             padding: 7px;
             font-size: 16px;
             min-width: 275px;
+            box-shadow: none;
 
             .vn-label-value {
                 display: flex;
                 flex-direction: row;
                 margin-top: 2px;
                 .label {
-                    color: var(--vn-label);
+                    color: var(--vn-label-color);
                     width: 8em;
                     overflow: hidden;
                     white-space: nowrap;
@@ -144,7 +148,7 @@ watch(props, async () => {
                     flex-shrink: 0;
                 }
                 .value {
-                    color: var(--vn-text);
+                    color: var(--vn-text-color);
                     overflow: hidden;
                 }
             }
@@ -163,12 +167,12 @@ watch(props, async () => {
                 margin-bottom: 9px;
                 & .q-checkbox__label {
                     margin-left: 31px;
-                    color: var(--vn-text);
+                    color: var(--vn-text-color);
                 }
                 & .q-checkbox__inner {
                     position: absolute;
                     left: 0;
-                    color: var(--vn-label);
+                    color: var(--vn-label-color);
                 }
             }
         }
diff --git a/src/components/ui/QCalendarMonthWrapper.vue b/src/components/ui/QCalendarMonthWrapper.vue
new file mode 100644
index 000000000..e87d9c4c9
--- /dev/null
+++ b/src/components/ui/QCalendarMonthWrapper.vue
@@ -0,0 +1,66 @@
+<script setup>
+import { computed } from 'vue';
+import { useQuasar } from 'quasar';
+import '@quasar/quasar-ui-qcalendar/src/QCalendarVariables.sass';
+
+const $props = defineProps({
+    bordered: {
+        type: Boolean,
+        default: false,
+    },
+    transparentBackground: {
+        type: Boolean,
+        default: false,
+    },
+});
+
+const $q = useQuasar();
+
+const containerClasses = computed(() => {
+    const classes = ['main-container-background'];
+    if ($props.bordered) classes.push('--bordered');
+    if ($props.transparentBackground) classes.push('transparent-background');
+    else classes.push($q.dark.isActive ? '--dark' : '--light');
+    return classes;
+});
+</script>
+
+<template>
+    <div :class="containerClasses">
+        <div class="nav-container row"><slot name="header" /></div>
+        <slot name="calendar" />
+    </div>
+</template>
+
+<style lang="scss">
+.main-container-background {
+    --calendar-current-background-dark: transparent;
+
+    &.--dark {
+        background-color: var(--calendar-background-dark);
+    }
+
+    &.--light {
+        background-color: var(--calendar-background);
+    }
+
+    &.--bordered {
+        border: 1px solid black;
+    }
+}
+
+.transparent-background {
+    --calendar-background-dark: transparent;
+    --calendar-background: transparent;
+    --calendar-outside-background-dark: transparent;
+}
+
+.nav-container {
+    display: flex;
+    align-items: center;
+
+    &.--bordered {
+        border: 1px solid black;
+    }
+}
+</style>
diff --git a/src/components/ui/VnAvatar.vue b/src/components/ui/VnAvatar.vue
index 5a5483084..287f741e0 100644
--- a/src/components/ui/VnAvatar.vue
+++ b/src/components/ui/VnAvatar.vue
@@ -10,8 +10,8 @@ const $props = defineProps({
     size: { type: String, default: null },
     title: { type: String, default: null },
 });
-const session = useSession();
-const token = session.getToken();
+const { getTokenMultimedia } = useSession();
+const token = getTokenMultimedia();
 const { t } = useI18n();
 
 const title = computed(() => $props.title ?? t('globals.system'));
diff --git a/src/components/ui/VnFilterPanel.vue b/src/components/ui/VnFilterPanel.vue
index 722462d4a..96d097191 100644
--- a/src/components/ui/VnFilterPanel.vue
+++ b/src/components/ui/VnFilterPanel.vue
@@ -164,7 +164,7 @@ function formatValue(value) {
 </script>
 
 <template>
-    <QForm @submit="search">
+    <QForm @submit="search" id="filterPanelForm">
         <QList dense>
             <QItem class="q-mt-xs">
                 <QItemSection top>
diff --git a/src/components/ui/VnLinkPhone.vue b/src/components/ui/VnLinkPhone.vue
index 4445b99c9..b04ab3e5b 100644
--- a/src/components/ui/VnLinkPhone.vue
+++ b/src/components/ui/VnLinkPhone.vue
@@ -15,7 +15,6 @@ const { t } = useI18n();
         color="primary"
         padding="none"
         :href="`sip:${props.phoneNumber}`"
-        :title="t('globals.microsip')"
         @click.stop
     />
 </template>
diff --git a/src/components/ui/VnNotes.vue b/src/components/ui/VnNotes.vue
index cb0508ea9..5c411ce6a 100644
--- a/src/components/ui/VnNotes.vue
+++ b/src/components/ui/VnNotes.vue
@@ -6,6 +6,7 @@ import axios from 'axios';
 import { useI18n } from 'vue-i18n';
 import VnPaginate from './VnPaginate.vue';
 import VnUserLink from '../ui/VnUserLink.vue';
+import { useState } from 'src/composables/useState';
 
 const $props = defineProps({
     url: { type: String, default: null },
@@ -13,8 +14,10 @@ const $props = defineProps({
     body: { type: Object, default: () => {} },
     addNote: { type: Boolean, default: false },
 });
+
 const { t } = useI18n();
-const noteModal = ref(false);
+const state = useState();
+const currentUser = ref(state.getUser());
 const newNote = ref('');
 const vnPaginateRef = ref();
 
@@ -22,98 +25,83 @@ async function insert() {
     const body = $props.body;
     Object.assign(body, { text: newNote.value });
     await axios.post($props.url, body);
-    vnPaginateRef.value.fetch();
+    await vnPaginateRef.value.fetch();
     newNote.value = '';
 }
 </script>
 <template>
-    <div class="column items-center full-height full-width">
-        <VnPaginate
-            :data-key="$props.url"
-            :url="$props.url"
-            order="created DESC"
-            :limit="20"
-            :filter="$props.filter"
-            auto-load
-            ref="vnPaginateRef"
-        >
-            <template #body="{ rows }">
-                <div class="column items-center full-width">
-                    <QCard
-                        class="q-pa-xs q-mb-sm full-width"
-                        v-for="(note, index) in rows"
-                        :key="index"
-                    >
-                        <QCardSection horizontal>
-                            <slot name="picture">
-                                <VnAvatar
-                                    :descriptor="false"
-                                    :worker-id="note.workerFk"
-                                    size="md"
-                                />
-                            </slot>
-                            <div class="full-width row justify-between q-pa-xs">
-                                <VnUserLink
-                                    :name="`${note.worker.user.nickname}`"
-                                    :worker-id="note.worker.id"
-                                />
-
-                                <slot name="actions">
-                                    {{ toDateHour(note.created) }}
-                                </slot>
-                            </div>
-                        </QCardSection>
-                        <QCardSection class="q-pa-xs q-my-none q-py-none">
-                            <slot name="text">
-                                {{ note.text }}
-                            </slot>
-                        </QCardSection>
-                    </QCard>
-                </div>
-            </template>
-        </VnPaginate>
-        <QPageSticky position="bottom-right" :offset="[25, 25]" v-if="addNote">
-            <QBtn color="primary" icon="add" size="lg" round @click="noteModal = true" />
-        </QPageSticky>
-        <QDialog v-model="noteModal" @hide="newNote = ''">
-            <QCard>
-                <QCardSection>
-                    <QItem class="q-px-none">
-                        <span class="text-primary text-h6 full-width">
-                            <QIcon name="draft" class="q-mr-xs" />
-                            {{ t('Add note') }}
-                        </span>
-                        <QBtn icon="close" flat round dense v-close-popup />
-                    </QItem>
-                </QCardSection>
-                <QCardSection>
-                    <QInput
-                        autofocus
-                        type="textarea"
-                        :label="t('Add note here...')"
-                        filled
-                        size="lg"
-                        autogrow
-                        v-model="newNote"
-                    ></QInput>
-                </QCardSection>
-                <QCardActions class="justify-end q-mr-sm">
-                    <QBtn
+    <QCard class="q-pa-xs q-mb-xl full-width" v-if="$props.addNote">
+        <QCardSection horizontal>
+            <VnAvatar :descriptor="false" :worker-id="1" size="md" />
+            <div class="full-width row justify-between q-pa-xs">
+                <VnUserLink :name="t('New note')" :worker-id="currentUser.id" />
+                {{ t('globals.now') }}
+            </div>
+        </QCardSection>
+        <QCardSection class="q-pa-xs q-my-none q-py-none" horizontal>
+            <QInput
+                v-model="newNote"
+                class="full-width"
+                type="textarea"
+                :label="t('Add note here...')"
+                filled
+                size="lg"
+                autogrow
+                autofocus
+                @keyup.ctrl.enter.stop="insert"
+                clearable
+            >
+                <template #append
+                    ><QBtn
+                        :title="t('Save (ctrl + Enter)')"
+                        icon="save"
+                        color="primary"
                         flat
-                        :label="t('globals.close')"
-                        color="primary"
-                        v-close-popup
-                    />
-                    <QBtn
-                        :label="t('globals.save')"
-                        color="primary"
-                        v-close-popup
                         @click="insert"
                     />
-                </QCardActions>
-            </QCard>
-        </QDialog>
-    </div>
+                </template>
+            </QInput>
+        </QCardSection>
+    </QCard>
+    <VnPaginate
+        :data-key="$props.url"
+        :url="$props.url"
+        order="created DESC"
+        :limit="0"
+        :filter="$props.filter"
+        auto-load
+        ref="vnPaginateRef"
+        class="show"
+        v-bind="$attrs"
+    >
+        <template #body="{ rows }">
+            <TransitionGroup name="list" tag="div" class="column items-center full-width">
+                <QCard
+                    class="q-pa-xs q-mb-sm full-width"
+                    v-for="note in rows"
+                    :key="note.id"
+                >
+                    <QCardSection horizontal>
+                        <VnAvatar
+                            :descriptor="false"
+                            :worker-id="note.workerFk"
+                            size="md"
+                        />
+                        <div class="full-width row justify-between q-pa-xs">
+                            <VnUserLink
+                                :name="`${note.worker.user.nickname}`"
+                                :worker-id="note.worker.id"
+                            />
+                            {{ toDateHour(note.created) }}
+                        </div>
+                    </QCardSection>
+                    <QCardSection class="q-pa-xs q-my-none q-py-none">
+                        {{ note.text }}
+                    </QCardSection>
+                </QCard>
+            </TransitionGroup>
+        </template>
+    </VnPaginate>
 </template>
 <style lang="scss" scoped>
 .q-card {
@@ -128,9 +116,20 @@ async function insert() {
 .q-dialog .q-card {
     width: 400px;
 }
+.list-enter-active,
+.list-leave-active {
+    transition: all 1s ease;
+}
+.list-enter-from,
+.list-leave-to {
+    opacity: 0;
+    background-color: $primary;
+}
 </style>
 <i18n>
     es:
         Add note here...: Añadir nota aquí...
-        Add note: Añadir nota
+        New note: Nueva nota
+        Save (ctrl + Enter): Guardar (Ctrl + Intro)
+
 </i18n>
diff --git a/src/components/ui/VnPaginate.vue b/src/components/ui/VnPaginate.vue
index d1b2f5ccb..f516f473d 100644
--- a/src/components/ui/VnPaginate.vue
+++ b/src/components/ui/VnPaginate.vue
@@ -61,7 +61,6 @@ const props = defineProps({
 });
 
 const emit = defineEmits(['onFetch', 'onPaginate']);
-defineExpose({ fetch });
 const isLoading = ref(false);
 const pagination = ref({
     sortBy: props.order,
@@ -78,6 +77,7 @@ const arrayData = useArrayData(props.dataKey, {
     userParams: props.userParams,
     exprBuilder: props.exprBuilder,
 });
+const hasMoreData = ref();
 const store = arrayData.store;
 
 onMounted(() => {
@@ -91,6 +91,10 @@ watch(
     }
 );
 
+const addFilter = async (filter, params) => {
+    await arrayData.addFilter({ filter, params });
+};
+
 async function fetch() {
     await arrayData.fetch({ append: false });
     if (!arrayData.hasMoreData.value) {
@@ -106,11 +110,10 @@ async function paginate() {
 
     isLoading.value = true;
     await arrayData.loadMore();
-
     if (!arrayData.hasMoreData.value) {
         if (store.userParamsChanged) arrayData.hasMoreData.value = true;
         store.userParamsChanged = false;
-        isLoading.value = false;
+        endPagination();
         return;
     }
 
@@ -120,12 +123,14 @@ async function paginate() {
     pagination.value.sortBy = sortBy;
     pagination.value.descending = descending;
 
-    isLoading.value = false;
+    endPagination();
+}
 
+function endPagination() {
+    isLoading.value = false;
     emit('onFetch', store.data);
     emit('onPaginate');
 }
-
 async function onLoad(index, done) {
     if (!store.data) {
         return done();
@@ -140,6 +145,8 @@ async function onLoad(index, done) {
     if (store.userParamsChanged) isDone = !arrayData.hasMoreData.value;
     done(isDone);
 }
+
+defineExpose({ fetch, addFilter });
 </script>
 
 <template>
@@ -175,11 +182,12 @@ async function onLoad(index, done) {
             </QCard>
         </div>
     </div>
+    
     <QInfiniteScroll
         v-if="store.data"
         @load="onLoad"
         :offset="offset"
-        :disable="disableInfiniteScroll || !arrayData.hasMoreData.value"
+        :disable="disableInfiniteScroll || !arrayData.hasMoreData"
         class="full-width"
         v-bind="$attrs"
     >
@@ -188,6 +196,9 @@ async function onLoad(index, done) {
             <QSpinner color="orange" size="md" />
         </div>
     </QInfiniteScroll>
+    <div v-if="!isLoading && hasMoreData" class="w-full flex justify-center q-mt-md">
+        <QBtn color="primary" :label="t('Load more data')" @click="paginate()" />
+    </div>
 </template>
 
 <style lang="scss" scoped>
@@ -204,4 +215,5 @@ async function onLoad(index, done) {
 es:
     No data to display: Sin datos que mostrar
     No results found: No se han encontrado resultados
+    Load more data: Cargar más resultados
 </i18n>
diff --git a/src/components/ui/VnRow.vue b/src/components/ui/VnRow.vue
index f2d2b55de..a2f89ff3f 100644
--- a/src/components/ui/VnRow.vue
+++ b/src/components/ui/VnRow.vue
@@ -1,17 +1,17 @@
 <template>
-    <div id="row" class="q-gutter-md q-mb-md">
+    <div class="vn-row q-gutter-md q-mb-md">
         <slot></slot>
     </div>
 </template>
 <style lang="scss" scopped>
-#row {
+.vn-row {
     display: flex;
     > * {
         flex: 1;
     }
 }
 @media screen and (max-width: 800px) {
-    #row {
+    .vn-row {
         flex-direction: column;
     }
 }
diff --git a/src/components/ui/VnSearchbar.vue b/src/components/ui/VnSearchbar.vue
index baab48290..ddf520d0f 100644
--- a/src/components/ui/VnSearchbar.vue
+++ b/src/components/ui/VnSearchbar.vue
@@ -1,11 +1,9 @@
 <script setup>
 import { onMounted, ref } from 'vue';
-import { useRouter, useRoute } from 'vue-router';
+import { useRouter } from 'vue-router';
 import { useQuasar } from 'quasar';
-
-import VnInput from 'src/components/common/VnInput.vue';
-
 import { useArrayData } from 'composables/useArrayData';
+import VnInput from 'src/components/common/VnInput.vue';
 
 const quasar = useQuasar();
 
@@ -68,9 +66,8 @@ const props = defineProps({
 });
 
 const router = useRouter();
-const route = useRoute();
 const arrayData = useArrayData(props.dataKey, { ...props });
-const store = arrayData.store;
+const { store } = arrayData;
 const searchText = ref('');
 
 onMounted(() => {
@@ -92,23 +89,31 @@ async function search() {
     });
     if (!props.redirect) return;
 
-    if (props.customRouteRedirectName) {
-        router.push({
+    if (props.customRouteRedirectName)
+        return router.push({
             name: props.customRouteRedirectName,
             params: { id: searchText.value },
         });
-        return;
-    }
 
-    const { matched: matches } = route;
-    const { path } = matches[matches.length - 1];
-    const newRoute = path.replace(':id', searchText.value);
-    await router.push(newRoute);
+    const { matched: matches } = router.currentRoute.value;
+    const { path } = matches.at(-1);
+    const [, moduleName] = path.split('/');
+
+    if (!store.data.length || store.data.length > 1)
+        return router.push({ path: `/${moduleName}/list` });
+
+    const targetId = store.data[0].id;
+    let targetUrl;
+
+    if (path.endsWith('/list')) targetUrl = path.replace('/list', `/${targetId}/summary`);
+    else if (path.includes(':id')) targetUrl = path.replace(':id', targetId);
+
+    await router.push({ path: targetUrl });
 }
 </script>
 
 <template>
-    <QForm @submit="search">
+    <QForm @submit="search" id="searchbarForm">
         <VnInput
             id="searchbar"
             v-model="searchText"
@@ -163,7 +168,12 @@ async function search() {
 }
 #searchbar {
     .q-field--standout.q-field--highlighted .q-field__control {
-        background-color: var(--vn-text);
+        background-color: white;
+        color: black;
+        .q-field__native,
+        .q-icon {
+            color: black !important;
+        }
     }
 }
 </style>
diff --git a/src/components/ui/VnSubToolbar.vue b/src/components/ui/VnSubToolbar.vue
index 1a6549856..22eebdf36 100644
--- a/src/components/ui/VnSubToolbar.vue
+++ b/src/components/ui/VnSubToolbar.vue
@@ -14,7 +14,7 @@ onUnmounted(() => {
 </script>
 
 <template>
-    <QToolbar class="bg-vn-dark justify-end sticky">
+    <QToolbar class="bg-vn-section-color justify-end sticky">
         <slot name="st-data">
             <div id="st-data"></div>
         </slot>
@@ -24,6 +24,11 @@ onUnmounted(() => {
         </slot>
     </QToolbar>
 </template>
+<style lang="scss">
+.q-toolbar {
+    background: var(--vn-section-color);
+}
+</style>
 <style lang="scss" scoped>
 .sticky {
     position: sticky;
diff --git a/src/components/ui/VnTree.vue b/src/components/ui/VnTree.vue
index 9a99124c6..13aa05635 100644
--- a/src/components/ui/VnTree.vue
+++ b/src/components/ui/VnTree.vue
@@ -76,7 +76,7 @@ const removeNode = (node) => {
                 notify(t('department.departmentRemoved'), 'positive');
                 await fetchNodeLeaves(parentFk);
             } catch (err) {
-                console.log('Error removing department');
+                console.error('Error removing department');
             }
         });
 };
diff --git a/src/components/ui/VnUserLink.vue b/src/components/ui/VnUserLink.vue
index 33836550a..47287c12b 100644
--- a/src/components/ui/VnUserLink.vue
+++ b/src/components/ui/VnUserLink.vue
@@ -1,5 +1,6 @@
 <script setup>
 import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
+import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorProxy.vue';
 import { useI18n } from 'vue-i18n';
 
 const $props = defineProps({
diff --git a/src/composables/downloadFile.js b/src/composables/downloadFile.js
index 877d2a254..12639dcd6 100644
--- a/src/composables/downloadFile.js
+++ b/src/composables/downloadFile.js
@@ -1,11 +1,11 @@
 import { useSession } from 'src/composables/useSession';
 import { getUrl } from './getUrl';
 
-const session = useSession();
-const token = session.getToken();
+const { getTokenMultimedia } = useSession();
+const token = getTokenMultimedia();
 
-export async function downloadFile(dmsId) {
+export async function downloadFile(id, model = 'dms', urlPath = '/downloadFile', url) {
     let appUrl = await getUrl('', 'lilium');
     appUrl = appUrl.replace('/#/', '');
-    window.open(`${appUrl}/api/dms/${dmsId}/downloadFile?access_token=${token}`);
+    window.open(url ?? `${appUrl}/api/${model}/${id}${urlPath}?access_token=${token}`);
 }
diff --git a/src/composables/useArrayData.js b/src/composables/useArrayData.js
index b6b81f2d5..998ee0576 100644
--- a/src/composables/useArrayData.js
+++ b/src/composables/useArrayData.js
@@ -1,5 +1,5 @@
 import { onMounted, ref, computed } from 'vue';
-import { useRouter, useRoute } from 'vue-router';
+import { useRoute } from 'vue-router';
 import axios from 'axios';
 import { useArrayDataStore } from 'stores/useArrayDataStore';
 import { buildFilter } from 'filters/filterPanel';
@@ -15,7 +15,6 @@ export function useArrayData(key, userOptions) {
 
     const store = arrayDataStore.get(key);
     const hasMoreData = ref(false);
-    const router = useRouter();
     const route = useRoute();
     let canceller = null;
 
@@ -97,15 +96,15 @@ export function useArrayData(key, userOptions) {
         });
 
         const { limit } = filter;
-
-        hasMoreData.value = response.data.length === limit;
+        hasMoreData.value = limit && response.data.length >= limit;
+        store.hasMoreData = hasMoreData.value;
 
         if (append) {
             if (!store.data) store.data = [];
             for (const row of response.data) store.data.push(row);
         } else {
             store.data = response.data;
-            if (!document.querySelectorAll('[role="dialog"]'))
+            if (!document.querySelectorAll('[role="dialog"]').length)
                 updateRouter && updateStateParams();
         }
 
@@ -145,6 +144,8 @@ export function useArrayData(key, userOptions) {
         store.userParams = userParams;
         store.skip = 0;
         store.filter.skip = 0;
+        page.value = 1;
+
         await fetch({ append: false });
         return { filter, params };
     }
@@ -168,7 +169,7 @@ export function useArrayData(key, userOptions) {
     }
 
     async function loadMore() {
-        if (!hasMoreData.value) return;
+        if (!hasMoreData.value && !store.hasMoreData) return;
 
         store.skip = store.limit * page.value;
         page.value += 1;
@@ -188,11 +189,15 @@ export function useArrayData(key, userOptions) {
         if (store.userParams && Object.keys(store.userParams).length !== 0)
             query.params = JSON.stringify(store.userParams);
 
-        if (router)
-            router.replace({
-                path: route.path,
-                query: query,
-            });
+        const url = new URL(window.location.href);
+        const { hash: currentHash } = url;
+        const [currentRoute] = currentHash.split('?');
+
+        const params = new URLSearchParams();
+        for (const param in query) params.append(param, query[param]);
+
+        url.hash = currentRoute + '?' + params.toString();
+        window.history.pushState({}, '', url.hash);
     }
 
     const totalRows = computed(() => (store.data && store.data.length) || 0);
diff --git a/src/composables/usePrintService.js b/src/composables/usePrintService.js
index 110e4d864..edf9598b2 100644
--- a/src/composables/usePrintService.js
+++ b/src/composables/usePrintService.js
@@ -4,7 +4,7 @@ import { useQuasar } from 'quasar';
 
 export function usePrintService() {
     const quasar = useQuasar();
-    const { getToken } = useSession();
+    const { getTokenMultimedia } = useSession();
 
     function sendEmail(path, params) {
         return axios.post(path, params).then(() =>
@@ -19,7 +19,7 @@ export function usePrintService() {
     function openReport(path, params) {
         params = Object.assign(
             {
-                access_token: getToken(),
+                access_token: getTokenMultimedia(),
             },
             params
         );
diff --git a/src/composables/useSession.js b/src/composables/useSession.js
index 008337b02..8583e10d4 100644
--- a/src/composables/useSession.js
+++ b/src/composables/useSession.js
@@ -1,30 +1,54 @@
 import { useState } from './useState';
 import { useRole } from './useRole';
 import { useUserConfig } from './useUserConfig';
-
+import axios from 'axios';
+import useNotify from './useNotify';
+const TOKEN_MULTIMEDIA = 'tokenMultimedia';
+const TOKEN = 'token';
 
 export function useSession() {
+    const { notify } = useNotify();
+
     function getToken() {
-        const localToken = localStorage.getItem('token');
-        const sessionToken = sessionStorage.getItem('token');
+        const localToken = localStorage.getItem(TOKEN);
+        const sessionToken = sessionStorage.getItem(TOKEN);
 
         return localToken || sessionToken || '';
     }
+    function getTokenMultimedia() {
+        const localTokenMultimedia = localStorage.getItem(TOKEN_MULTIMEDIA);
+        const sessionTokenMultimedia = sessionStorage.getItem(TOKEN_MULTIMEDIA);
 
-    function setToken(data) {
-        if (data.keepLogin) {
-            localStorage.setItem('token', data.token);
-        } else {
-            sessionStorage.setItem('token', data.token);
-        }
+        return localTokenMultimedia || sessionTokenMultimedia || '';
     }
 
-    function destroy() {
-        if (localStorage.getItem('token'))
-            localStorage.removeItem('token')
-
-        if (sessionStorage.getItem('token'))
-            sessionStorage.removeItem('token');
+    function setToken(data) {
+        const storage = data.keepLogin ? localStorage : sessionStorage;
+        storage.setItem(TOKEN, data.token);
+        storage.setItem(TOKEN_MULTIMEDIA, data.tokenMultimedia);
+    }
+    async function destroyToken(url, storage, key) {
+        if (storage.getItem(key)) {
+            try {
+                await axios.post(url, null, {
+                    headers: { Authorization: storage.getItem(key) },
+                });
+            } catch (error) {
+                notify('errors.statusUnauthorized', 'negative');
+            } finally {
+                storage.removeItem(key);
+            }
+        }
+    }
+    async function destroy() {
+        const tokens = {
+            tokenMultimedia: 'Accounts/logout',
+            token: 'VnUsers/logout',
+        };
+        for (const [key, url] of Object.entries(tokens)) {
+            await destroyToken(url, localStorage, key);
+            await destroyToken(url, sessionStorage, key);
+        }
 
         const { setUser } = useState();
 
@@ -37,22 +61,23 @@ export function useSession() {
         });
     }
 
-    async function login(token, keepLogin) {
-        setToken({ token, keepLogin });
+    async function login(token, tokenMultimedia, keepLogin) {
+        setToken({ token, tokenMultimedia, keepLogin });
 
         await useRole().fetch();
         await useUserConfig().fetch();
     }
 
     function isLoggedIn() {
-        const localToken = localStorage.getItem('token');
-        const sessionToken = sessionStorage.getItem('token');
+        const localToken = localStorage.getItem(TOKEN);
+        const sessionToken = sessionStorage.getItem(TOKEN);
 
         return !!(localToken || sessionToken);
     }
 
     return {
         getToken,
+        getTokenMultimedia,
         setToken,
         destroy,
         login,
diff --git a/src/composables/useVnConfirm.js b/src/composables/useVnConfirm.js
new file mode 100644
index 000000000..76c3f4f28
--- /dev/null
+++ b/src/composables/useVnConfirm.js
@@ -0,0 +1,23 @@
+import VnConfirm from 'components/ui/VnConfirm.vue';
+import { useQuasar } from 'quasar';
+
+export function useVnConfirm() {
+    const quasar = useQuasar();
+
+    const openConfirmationModal = (title, message, promise, successFn) => {
+        quasar
+            .dialog({
+                component: VnConfirm,
+                componentProps: {
+                    title: title,
+                    message: message,
+                    promise: promise,
+                },
+            })
+            .onOk(async () => {
+                if (successFn) successFn();
+            });
+    };
+
+    return { openConfirmationModal };
+}
diff --git a/src/css/app.scss b/src/css/app.scss
index 3074bb239..25b484649 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -1,30 +1,29 @@
 // app global css in SCSS form
 @import './icons.scss';
+@import '@quasar/quasar-ui-qcalendar/src/QCalendarMonth.sass';
 
 body.body--light {
-    --fount-color: black;
-    --vn-sectionColor: #ffffff;
-    --vn-pageColor: #e0e0e0;
-    background-color: var(--vn-pageColor);
-    .q-header .q-toolbar {
-        color: var(--fount-color);
-    }
-    --vn-text: var(--fount-color);
-    --vn-gray: var(--vn-sectionColor);
-    --vn-label: #5f5f5f;
-    --vn-dark: var(--vn-sectionColor);
-    --vn-light-gray: #e7e3e3;
-}
+    --font-color: black;
+    --vn-section-color: #e0e0e0;
+    --vn-page-color: #ffffff;
+    --vn-text-color: var(--font-color);
+    --vn-label-color: #5f5f5f;
+    --vn-accent-color: #e7e3e3;
 
+    background-color: var(--vn-page-color);
+
+    .q-header .q-toolbar {
+        color: var(--font-color);
+    }
+}
 body.body--dark {
-    --vn-pageColor: #222;
-    --vn-SectionColor: #3c3b3b;
-    background-color: var(--vn-pageColor);
-    --vn-text: white;
-    --vn-gray: var(--vn-SectionColor);
-    --vn-label: #a8a8a8;
-    --vn-dark: var(--vn-SectionColor);
-    --vn-light-gray: #424242;
+    --vn-page-color: #222;
+    --vn-section-color: #3d3d3d;
+    --vn-text-color: white;
+    --vn-label-color: #a8a8a8;
+    --vn-accent-color: #424242;
+
+    background-color: var(--vn-page-color);
 }
 
 a {
@@ -39,6 +38,9 @@ a {
 .tx-color-link {
     color: $color-link !important;
 }
+.tx-color-font {
+    color: $color-link !important;
+}
 
 .header-link {
     color: $color-link !important;
@@ -59,15 +61,18 @@ a {
 // Removes chrome autofill background
 input:-webkit-autofill,
 select:-webkit-autofill {
-    color: var(--vn-text);
+    color: var(--vn-text-color);
     font-family: $typography-font-family;
-    -webkit-text-fill-color: var(--vn-text);
+    -webkit-text-fill-color: var(--vn-text-color);
     -webkit-background-clip: text !important;
     background-clip: text !important;
 }
 
-.bg-vn-dark {
-    background-color: var(--vn-dark);
+.bg-vn-section-color {
+    background-color: var(--vn-section-color);
+}
+.bg-hover {
+    background-color: #666666;
 }
 
 .color-vn-label {
@@ -75,16 +80,21 @@ select:-webkit-autofill {
 }
 
 .color-vn-text {
-    color: var(--vn-text);
+    color: var(--vn-text-color);
 }
 
 .color-vn-white {
     color: $white;
 }
 
+.card-width {
+    max-width: 800px;
+    width: 100%;
+}
+
 .vn-card {
-    background-color: var(--vn-gray);
-    color: var(--vn-text);
+    background-color: var(--vn-section-color);
+    color: var(--vn-text-color);
     border-radius: 8px;
 }
 
@@ -98,16 +108,20 @@ select:-webkit-autofill {
 }
 
 .bg-vn-primary-row {
-    background-color: var(--vn-dark);
+    background-color: var(--vn-section-color);
 }
 
 .bg-vn-secondary-row {
-    background-color: var(--vn-light-gray);
+    background-color: var(--vn-accent-color);
+}
+
+.fill-icon {
+    font-variation-settings: 'FILL' 1;
 }
 
 .vn-table-separation-row {
     height: 16px !important;
-    background-color: var(--vn-gray) !important;
+    background-color: var(--vn-section-color) !important;
 }
 
 /* Estilo para el asterisco en campos requeridos */
@@ -115,6 +129,37 @@ select:-webkit-autofill {
     content: ' *';
 }
 
+.q-card,
+.q-table,
+.q-table__bottom,
+.q-drawer {
+    background-color: var(--vn-section-color);
+}
+
+.q-chip,
+.q-notification__message,
+.q-notification__icon {
+    color: black;
+}
+.q-notification--standard.bg-negative {
+    background-color: #fa3939 !important;
+}
+.q-notification--standard.bg-positive {
+    background-color: #a3d131 !important;
+}
+
+.q-tooltip {
+    background-color: var(--vn-page-color);
+    color: var(--font-color);
+    font-size: medium;
+}
+
+.q-card__actions {
+    justify-content: center;
+}
+
+/* q-notification row items-stretch q-notification--standard bg-negative text-white */
+
 input[type='number'] {
     -moz-appearance: textfield;
 }
@@ -124,3 +169,14 @@ input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     -moz-appearance: none;
 }
+
+// Clases para modificar el color de fecha seleccionada en componente QCalendarMonth
+.q-dark div .q-calendar-mini .q-calendar-month__day.q-selected .q-calendar__button {
+    background-color: $primary !important;
+    color: white !important;
+}
+
+.q-calendar-mini .q-calendar-month__day.q-selected .q-calendar__button {
+    background-color: $primary !important;
+    color: white !important;
+}
diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index b70e3e8d0..899ae4397 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -14,15 +14,15 @@
 // Tip: to add new colors https://quasar.dev/style/color-palette/#adding-your-own-colors
 $primary: #ec8916;
 $secondary: $primary;
-$positive: #21ba45;
-$negative: #c10015;
-$info: #31ccec;
-$warning: #f2c037;
+$positive: #c8e484;
+$negative: #fb5252;
+$info: #84d0e2;
+$warning: #f4b974;
 // Pendiente de cuadrar con la base de datos
 $success: $positive;
 $alert: $negative;
 $white: #fff;
-$dark: #3c3b3b;
+$dark: #3d3d3d;
 // custom
 $color-link: #66bfff;
 $color-spacer-light: #a3a3a31f;
diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
deleted file mode 100644
index 429c36e6e..000000000
--- a/src/i18n/en/index.js
+++ /dev/null
@@ -1,1249 +0,0 @@
-export default {
-    globals: {
-        lang: {
-            es: 'Spanish',
-            en: 'English',
-        },
-        language: 'Language',
-        entity: 'Entity',
-        user: 'User',
-        details: 'Details',
-        collapseMenu: 'Collapse left menu',
-        backToDashboard: 'Return to dashboard',
-        notifications: 'Notifications',
-        userPanel: 'User panel',
-        modules: 'Modules',
-        pinnedModules: 'Pinned modules',
-        darkMode: 'Dark mode',
-        logOut: 'Log out',
-        date: 'Date',
-        dataSaved: 'Data saved',
-        dataDeleted: 'Data deleted',
-        search: 'Search',
-        changes: 'Changes',
-        dataCreated: 'Data created',
-        add: 'Add',
-        create: 'Create',
-        edit: 'Edit',
-        save: 'Save',
-        remove: 'Remove',
-        reset: 'Reset',
-        close: 'Close',
-        cancel: 'Cancel',
-        confirm: 'Confirm',
-        assign: 'Assign',
-        back: 'Back',
-        yes: 'Yes',
-        no: 'No',
-        noChanges: 'No changes to save',
-        changesToSave: 'You have changes pending to save',
-        confirmRemove: 'You are about to delete this row. Are you sure?',
-        rowAdded: 'Row added',
-        rowRemoved: 'Row removed',
-        pleaseWait: 'Please wait...',
-        noPinnedModules: `You don't have any pinned modules`,
-        summary: {
-            basicData: 'Basic data',
-        },
-        today: 'Today',
-        yesterday: 'Yesterday',
-        dateFormat: 'en-GB',
-        microsip: 'Open in MicroSIP',
-        noSelectedRows: `You don't have any line selected`,
-        downloadCSVSuccess: 'CSV downloaded successfully',
-        reference: 'Reference',
-        agency: 'Agency',
-        wareHouseOut: 'Warehouse Out',
-        wareHouseIn: 'Warehouse In',
-        landed: 'Landed',
-        shipped: 'Shipped',
-        totalEntries: 'Total entries',
-        amount: 'Amount',
-        packages: 'Packages',
-        download: 'Download',
-        selectRows: 'Select all { numberRows } row(s)',
-        allRows: 'All { numberRows } row(s)',
-        markAll: 'Mark all',
-        requiredField: 'Required field',
-        class: 'clase',
-        type: 'Type',
-        reason: 'reason',
-        noResults: 'No results',
-        system: 'System',
-        notificationSent: 'Notification sent',
-        warehouse: 'Warehouse',
-        company: 'Company',
-        fieldRequired: 'Field required',
-        allowedFilesText: 'Allowed file types: { allowedContentTypes }',
-        smsSent: 'SMS sent',
-        confirmDeletion: 'Confirm deletion',
-        confirmDeletionMessage: 'Are you sure you want to delete this?',
-        description: 'Description',
-        id: 'Id',
-        order: 'Order',
-        original: 'Original',
-        file: 'File',
-        selectFile: 'Select a file',
-        copyClipboard: 'Copy on clipboard',
-        salesPerson: 'SalesPerson',
-    },
-    errors: {
-        statusUnauthorized: 'Access denied',
-        statusInternalServerError: 'An internal server error has ocurred',
-        statusBadGateway: 'It seems that the server has fall down',
-        statusGatewayTimeout: 'Could not contact the server',
-        userConfig: 'Error fetching user config',
-        writeRequest: 'The requested operation could not be completed',
-    },
-    login: {
-        title: 'Login',
-        username: 'Username',
-        password: 'Password',
-        submit: 'Log in',
-        keepLogin: 'Keep me logged in',
-        loginSuccess: 'You have successfully logged in',
-        loginError: 'Invalid username or password',
-        fieldRequired: 'This field is required',
-        twoFactorRequired: 'Two-factor verification required',
-        pageTitles: {
-            logIn: 'Login',
-        },
-    },
-    twoFactor: {
-        code: 'Code',
-        validate: 'Validate',
-        insert: 'Enter the verification code',
-        explanation:
-            'Please, enter the verification code that we have sent to your email in the next 5 minutes',
-        pageTitles: {
-            twoFactor: 'Two-Factor',
-        },
-    },
-    verifyEmail: {
-        pageTitles: {
-            verifyEmail: 'Email verification',
-        },
-    },
-    dashboard: {
-        pageTitles: {
-            dashboard: 'Dashboard',
-        },
-    },
-    customer: {
-        pageTitles: {
-            customers: 'Customers',
-            create: 'Create',
-            list: 'List',
-            webPayments: 'Web Payments',
-            extendedList: 'Extended list',
-            notifications: 'Notifications',
-            defaulter: 'Defaulter',
-            createCustomer: 'Create customer',
-            summary: 'Summary',
-            basicData: 'Basic data',
-            fiscalData: 'Fiscal data',
-            billingData: 'Billing data',
-            consignees: 'Consignees',
-            notes: 'Notes',
-            credits: 'Credits',
-            greuges: 'Greuges',
-            balance: 'Balance',
-            recoveries: 'Recoveries',
-            webAccess: 'Web access',
-            log: 'Log',
-            sms: 'Sms',
-            creditManagement: 'Credit management',
-            creditContracts: 'Credit contracts',
-            creditOpinion: 'Credit opinion',
-            others: 'Others',
-            samples: 'Samples',
-            consumption: 'Consumption',
-            mandates: 'Mandates',
-            contacts: 'Contacts',
-            webPayment: 'Web payment',
-            fileManagement: 'File management',
-            unpaid: 'Unpaid',
-        },
-        list: {
-            phone: 'Phone',
-            email: 'Email',
-            customerOrders: 'Display customer orders',
-            moreOptions: 'More options',
-        },
-        card: {
-            customerList: 'Customer list',
-            customerId: 'Claim ID',
-            salesPerson: 'Sales person',
-            credit: 'Credit',
-            risk: 'Risk',
-            securedCredit: 'Secured credit',
-            payMethod: 'Pay method',
-            debt: 'Debt',
-            isFrozen: 'Customer frozen',
-            hasDebt: 'Customer has debt',
-            isDisabled: 'Customer inactive',
-            notChecked: 'Customer no checked',
-            webAccountInactive: 'Web account inactive',
-            noWebAccess: 'Web access is disabled',
-            businessType: 'Business type',
-            passwordRequirements:
-                'The password must have at least { length } length characters, {nAlpha} alphabetic characters, {nUpper} capital letters, {nDigits} digits and {nPunct} symbols (Ex: $%&.)\n',
-            businessTypeFk: 'Business type',
-        },
-        summary: {
-            basicData: 'Basic data',
-            fiscalAddress: 'Fiscal address',
-            fiscalData: 'Fiscal data',
-            billingData: 'Billing data',
-            consignee: 'Default consignee',
-            businessData: 'Business data',
-            financialData: 'Financial data',
-            customerId: 'Customer ID',
-            name: 'Name',
-            contact: 'Contact',
-            phone: 'Phone',
-            mobile: 'Mobile',
-            email: 'Email',
-            salesPerson: 'Sales person',
-            contactChannel: 'Contact channel',
-            socialName: 'Social name',
-            fiscalId: 'Fiscal ID',
-            postcode: 'Postcode',
-            province: 'Province',
-            country: 'Country',
-            street: 'Address',
-            isEqualizated: 'Is equalizated',
-            isActive: 'Is active',
-            invoiceByAddress: 'Invoice by address',
-            verifiedData: 'Verified data',
-            hasToInvoice: 'Has to invoice',
-            notifyByEmail: 'Notify by email',
-            vies: 'VIES',
-            payMethod: 'Pay method',
-            bankAccount: 'Bank account',
-            dueDay: 'Due day',
-            hasLcr: 'Has LCR',
-            hasCoreVnl: 'Has core VNL',
-            hasB2BVnl: 'Has B2B VNL',
-            addressName: 'Address name',
-            addressCity: 'City',
-            addressStreet: 'Street',
-            username: 'Username',
-            webAccess: 'Web access',
-            totalGreuge: 'Total greuge',
-            mana: 'Mana',
-            priceIncreasingRate: 'Price increasing rate',
-            averageInvoiced: 'Average invoiced',
-            claimRate: 'Claming rate',
-            risk: 'Risk',
-            riskInfo: 'Invoices minus payments plus orders not yet invoiced',
-            credit: 'Credit',
-            creditInfo: `Company's maximum risk`,
-            securedCredit: 'Secured credit',
-            securedCreditInfo: `Solunion's maximum risk`,
-            balance: 'Balance',
-            balanceInfo: 'Invoices minus payments',
-            balanceDue: 'Balance due',
-            balanceDueInfo: 'Deviated invoices minus payments',
-            recoverySince: 'Recovery since',
-            businessType: 'Business Type',
-            city: 'City',
-            descriptorInfo: 'Invoices minus payments plus orders not yet',
-            rating: 'Rating',
-            recommendCredit: 'Recommended credit',
-        },
-        basicData: {
-            socialName: 'Fiscal name',
-            businessType: 'Business type',
-            contact: 'Contact',
-            youCanSaveMultipleEmails: 'You can save multiple emails',
-            email: 'Email',
-            phone: 'Phone',
-            mobile: 'Mobile',
-            salesPerson: 'Sales person',
-            contactChannel: 'Contact channel',
-            previousClient: 'Previous client',
-        },
-        extendedList: {
-            tableVisibleColumns: {
-                id: 'Identifier',
-                name: 'Name',
-                fi: 'Tax number',
-                salesPersonFk: 'Salesperson',
-                credit: 'Credit',
-                creditInsurance: 'Credit insurance',
-                phone: 'Phone',
-                mobile: 'Mobile',
-                street: 'Street',
-                countryFk: 'Country',
-                provinceFk: 'Province',
-                city: 'City',
-                postcode: 'Postcode',
-                email: 'Email',
-                created: 'Created',
-                businessTypeFk: 'Business type',
-                payMethodFk: 'Billing data',
-                sageTaxTypeFk: 'Sage tax type',
-                sageTransactionTypeFk: 'Sage tr. type',
-                isActive: 'Active',
-                isVies: 'Vies',
-                isTaxDataChecked: 'Verified data',
-                isEqualizated: 'Is equalizated',
-                isFreezed: 'Freezed',
-                hasToInvoice: 'Invoice',
-                hasToInvoiceByAddress: 'Invoice by address',
-                isToBeMailed: 'Mailing',
-                hasLcr: 'Received LCR',
-                hasCoreVnl: 'VNL core received',
-                hasSepaVnl: 'VNL B2B received',
-            },
-        },
-    },
-    entry: {
-        pageTitles: {
-            entries: 'Entries',
-            list: 'List',
-            summary: 'Summary',
-            basicData: 'Basic data',
-            buys: 'Buys',
-            notes: 'Notes',
-            dms: 'File management',
-            log: 'Log',
-            create: 'Create',
-            latestBuys: 'Latest buys',
-        },
-        list: {
-            newEntry: 'New entry',
-            landed: 'Landed',
-            invoiceNumber: 'Invoice number',
-            supplier: 'Supplier',
-            booked: 'Booked',
-            confirmed: 'Confirmed',
-            ordered: 'Ordered',
-        },
-        summary: {
-            commission: 'Commission',
-            currency: 'Currency',
-            company: 'Company',
-            reference: 'Reference',
-            invoiceNumber: 'Invoice number',
-            ordered: 'Ordered',
-            confirmed: 'Confirmed',
-            booked: 'Booked',
-            raid: 'Raid',
-            excludedFromAvailable: 'Inventory',
-            travelReference: 'Reference',
-            travelAgency: 'Agency',
-            travelShipped: 'Shipped',
-            travelWarehouseOut: 'Warehouse Out',
-            travelDelivered: 'Delivered',
-            travelLanded: 'Landed',
-            travelWarehouseIn: 'Warehouse In',
-            travelReceived: 'Received',
-            buys: 'Buys',
-            quantity: 'Quantity',
-            stickers: 'Stickers',
-            package: 'Package',
-            weight: 'Weight',
-            packing: 'Packing',
-            grouping: 'Grouping',
-            buyingValue: 'Buying value',
-            import: 'Import',
-            pvp: 'PVP',
-            item: 'Item',
-        },
-        basicData: {
-            supplier: 'Supplier',
-            travel: 'Travel',
-            reference: 'Reference',
-            invoiceNumber: 'Invoice number',
-            company: 'Company',
-            currency: 'Currency',
-            commission: 'Commission',
-            observation: 'Observation',
-            ordered: 'Ordered',
-            confirmed: 'Confirmed',
-            booked: 'Booked',
-            raid: 'Raid',
-            excludedFromAvailable: 'Inventory',
-            agency: 'Agency',
-            warehouseOut: 'Warehouse Out',
-            warehouseIn: 'Warehouse In',
-            shipped: 'Shipped',
-            landed: 'Landed',
-            id: 'ID',
-        },
-        buys: {
-            groupingPrice: 'Grouping price',
-            packingPrice: 'Packing price',
-            reference: 'Reference',
-            observations: 'Observations',
-            item: 'Item',
-            size: 'Size',
-            packing: 'Packing',
-            grouping: 'Grouping',
-            buyingValue: 'Buying value',
-            packagingFk: 'Box',
-            file: 'File',
-            name: 'Name',
-            producer: 'Producer',
-            type: 'Type',
-            color: 'Color',
-            id: 'ID',
-        },
-        notes: {
-            observationType: 'Observation type',
-        },
-        descriptor: {
-            agency: 'Agency',
-            landed: 'Landed',
-            warehouseOut: 'Warehouse Out',
-        },
-        latestBuys: {
-            picture: 'Picture',
-            itemFk: 'Item ID',
-            packing: 'Packing',
-            grouping: 'Grouping',
-            quantity: 'Quantity',
-            size: 'Size',
-            tags: 'Tags',
-            type: 'Type',
-            intrastat: 'Intrastat',
-            origin: 'Origin',
-            weightByPiece: 'Weight/Piece',
-            isActive: 'Active',
-            family: 'Family',
-            entryFk: 'Entry',
-            buyingValue: 'Buying value',
-            freightValue: 'Freight value',
-            comissionValue: 'Commission value',
-            packageValue: 'Package value',
-            isIgnored: 'Is ignored',
-            price2: 'Grouping',
-            price3: 'Packing',
-            minPrice: 'Min',
-            ektFk: 'Ekt',
-            weight: 'Weight',
-            packagingFk: 'Package',
-            packingOut: 'Package out',
-            landing: 'Landing',
-        },
-    },
-    ticket: {
-        pageTitles: {
-            tickets: 'Tickets',
-            list: 'List',
-            createTicket: 'Create ticket',
-            summary: 'Summary',
-            basicData: 'Basic Data',
-            boxing: 'Boxing',
-            sms: 'Sms',
-            notes: 'Notes',
-        },
-        list: {
-            nickname: 'Nickname',
-            state: 'State',
-            shipped: 'Shipped',
-            landed: 'Landed',
-            salesPerson: 'Sales person',
-            total: 'Total',
-        },
-        card: {
-            ticketId: 'Ticket ID',
-            state: 'State',
-            customerId: 'Customer ID',
-            salesPerson: 'Sales person',
-            agency: 'Agency',
-            shipped: 'Shipped',
-            warehouse: 'Warehouse',
-            customerCard: 'Customer card',
-            alias: 'Alias',
-        },
-        boxing: {
-            expedition: 'Expedition',
-            item: 'Item',
-            created: 'Created',
-            worker: 'Worker',
-            selectTime: 'Select time:',
-            selectVideo: 'Select video:',
-            notFound: 'No videos available',
-        },
-        summary: {
-            state: 'State',
-            salesPerson: 'Sales person',
-            agency: 'Agency',
-            zone: 'Zone',
-            warehouse: 'Warehouse',
-            route: 'Route',
-            invoice: 'Invoice',
-            shipped: 'Shipped',
-            landed: 'Landed',
-            consigneePhone: 'Consignee phone',
-            consigneeMobile: 'Consignee mobile',
-            clientPhone: 'Client phone',
-            clientMobile: 'Client mobile',
-            consignee: 'Consignee',
-            subtotal: 'Subtotal',
-            vat: 'VAT',
-            total: 'Total',
-            saleLines: 'Line items',
-            item: 'Item',
-            visible: 'Visible',
-            available: 'Available',
-            quantity: 'Quantity',
-            price: 'Price',
-            discount: 'Discount',
-            packing: 'Packing',
-            hasComponentLack: 'Component lack',
-            itemShortage: 'Not visible',
-            claim: 'Claim',
-            reserved: 'Reserved',
-            created: 'Created',
-            package: 'Package',
-            taxClass: 'Tax class',
-            services: 'Services',
-            changeState: 'Change state',
-            requester: 'Requester',
-            atender: 'Atender',
-            request: 'Request',
-            weight: 'Weight',
-            goTo: 'Go to',
-        },
-        create: {
-            client: 'Client',
-            address: 'Address',
-            landed: 'Landed',
-            warehouse: 'Warehouse',
-            agency: 'Agency',
-        },
-    },
-    claim: {
-        pageTitles: {
-            claims: 'Claims',
-            list: 'List',
-            createClaim: 'Create claim',
-            summary: 'Summary',
-            basicData: 'Basic Data',
-            lines: 'Lines',
-            photos: 'Photos',
-            development: 'Development',
-            log: 'Audit logs',
-            notes: 'Notes',
-            action: 'Action',
-        },
-        list: {
-            customer: 'Customer',
-            assignedTo: 'Assigned',
-            created: 'Created',
-            state: 'State',
-        },
-        rmaList: {
-            code: 'Code',
-            records: 'records',
-        },
-        card: {
-            claimId: 'Claim ID',
-            assignedTo: 'Assigned',
-            created: 'Created',
-            state: 'State',
-            ticketId: 'Ticket ID',
-            customerSummary: 'Customer summary',
-            claimedTicket: 'Claimed ticket',
-            saleTracking: 'Sale tracking',
-            ticketTracking: 'Ticket tracking',
-            commercial: 'Commercial',
-            province: 'Province',
-            zone: 'Zone',
-        },
-        summary: {
-            customer: 'Customer',
-            assignedTo: 'Assigned',
-            attendedBy: 'Attended by',
-            created: 'Created',
-            state: 'State',
-            details: 'Details',
-            item: 'Item',
-            landed: 'Landed',
-            quantity: 'Quantity',
-            claimed: 'Claimed',
-            price: 'Price',
-            discount: 'Discount',
-            total: 'Total',
-            actions: 'Actions',
-            responsibility: 'Responsibility',
-            company: 'Company',
-            person: 'Employee/Customer',
-            notes: 'Notes',
-            photos: 'Photos',
-            development: 'Development',
-            reason: 'Reason',
-            result: 'Result',
-            responsible: 'Responsible',
-            worker: 'Worker',
-            redelivery: 'Redelivery',
-        },
-        basicData: {
-            customer: 'Customer',
-            assignedTo: 'Assigned',
-            created: 'Created',
-            state: 'State',
-            picked: 'Picked',
-        },
-        photo: {
-            fileDescription: 'Claim id {claimId} from client {clientName} id {clientId}',
-            noData: 'There are no images/videos, click here or drag and drop the file',
-            dragDrop: 'Drag and drop it here',
-        },
-    },
-    invoiceOut: {
-        pageTitles: {
-            invoiceOuts: 'Invoice out',
-            list: 'List',
-            negativeBases: 'Negative Bases',
-            globalInvoicing: 'Global invoicing',
-            createInvoiceOut: 'Create invoice out',
-            summary: 'Summary',
-            basicData: 'Basic Data',
-        },
-        list: {
-            ref: 'Reference',
-            issued: 'Issued',
-            shortIssued: 'Issued',
-            client: 'Client',
-            created: 'Created',
-            shortCreated: 'Created',
-            company: 'Company',
-            dued: 'Due date',
-            shortDued: 'Due date',
-        },
-        card: {
-            issued: 'Issued',
-            client: 'Client',
-            company: 'Company',
-            customerCard: 'Customer card',
-            ticketList: 'Ticket List',
-        },
-        summary: {
-            issued: 'Issued',
-            created: 'Created',
-            dued: 'Due',
-            booked: 'Booked',
-            company: 'Company',
-            taxBreakdown: 'Tax breakdown',
-            type: 'Type',
-            taxableBase: 'Taxable base',
-            rate: 'Rate',
-            fee: 'Fee',
-            tickets: 'Tickets',
-            ticketId: 'Ticket id',
-            nickname: 'Alias',
-            shipped: 'Shipped',
-            totalWithVat: 'Amount',
-        },
-        globalInvoices: {
-            errors: {
-                chooseValidClient: 'Choose a valid client',
-                chooseValidCompany: 'Choose a valid company',
-                chooseValidPrinter: 'Choose a valid printer',
-                fillDates: 'Invoice date and the max date should be filled',
-                invoiceDateLessThanMaxDate: 'Invoice date can not be less than max date',
-                invoiceWithFutureDate: 'Exists an invoice with a future date',
-                noTicketsToInvoice: 'There are not clients to invoice',
-                criticalInvoiceError: 'Critical invoicing error, process stopped',
-            },
-            table: {
-                client: 'Client',
-                addressId: 'Address id',
-                streetAddress: 'Street',
-            },
-            statusCard: {
-                percentageText: '{getPercentage}% {getAddressNumber} of {getNAddresses}',
-                pdfsNumberText: '{nPdfs} of {totalPdfs} PDFs',
-            },
-        },
-        negativeBases: {
-            from: 'From',
-            to: 'To',
-            company: 'Company',
-            country: 'Country',
-            clientId: 'Client Id',
-            client: 'Client',
-            amount: 'Amount',
-            base: 'Base',
-            ticketId: 'Ticket Id',
-            active: 'Active',
-            hasToInvoice: 'Has to Invoice',
-            verifiedData: 'Verified Data',
-            comercial: 'Comercial',
-            errors: {
-                downloadCsvFailed: 'CSV download failed',
-            },
-        },
-    },
-    shelving: {
-        pageTitles: {
-            shelving: 'Shelving',
-            shelvingList: 'Shelving List',
-            create: 'Create',
-            summary: 'Summary',
-            basicData: 'Basic Data',
-            log: 'Logs',
-        },
-        list: {
-            parking: 'Parking',
-            priority: 'Priority',
-            newShelving: 'New Shelving',
-        },
-        summary: {
-            code: 'Code',
-            parking: 'Parking',
-            priority: 'Priority',
-            worker: 'Worker',
-            recyclable: 'Recyclable',
-        },
-        basicData: {
-            code: 'Code',
-            parking: 'Parking',
-            priority: 'Priority',
-            recyclable: 'Recyclable',
-        },
-    },
-    invoiceIn: {
-        pageTitles: {
-            invoiceIns: 'Invoices In',
-            list: 'List',
-            createInvoiceIn: 'Create invoice in',
-            summary: 'Summary',
-            basicData: 'Basic data',
-            vat: 'VAT',
-            dueDay: 'Due day',
-            intrastat: 'Intrastat',
-            corrective: 'Corrective',
-            log: 'Logs',
-        },
-        list: {
-            ref: 'Reference',
-            supplier: 'Supplier',
-            supplierRef: 'Supplier ref.',
-            serialNumber: 'Serial number',
-            serial: 'Serial',
-            file: 'File',
-            issued: 'Issued',
-            isBooked: 'Is booked',
-            awb: 'AWB',
-            amount: 'Amount',
-        },
-        card: {
-            issued: 'Issued',
-            amount: 'Amount',
-            client: 'Client',
-            company: 'Company',
-            customerCard: 'Customer card',
-            ticketList: 'Ticket List',
-            vat: 'Vat',
-            dueDay: 'Due day',
-            intrastat: 'Intrastat',
-        },
-        summary: {
-            supplier: 'Supplier',
-            supplierRef: 'Supplier ref.',
-            currency: 'Currency',
-            docNumber: 'Doc number',
-            issued: 'Expedition date',
-            operated: 'Operation date',
-            bookEntried: 'Entry date',
-            bookedDate: 'Booked date',
-            sage: 'Sage withholding',
-            vat: 'Undeductible VAT',
-            company: 'Company',
-            booked: 'Booked',
-            expense: 'Expense',
-            taxableBase: 'Taxable base',
-            rate: 'Rate',
-            sageVat: 'Sage vat',
-            sageTransaction: 'Sage transaction',
-            dueDay: 'Date',
-            bank: 'Bank',
-            amount: 'Amount',
-            foreignValue: 'Foreign value',
-            dueTotal: 'Due day',
-            noMatch: 'Do not match',
-            code: 'Code',
-            net: 'Net',
-            stems: 'Stems',
-            country: 'Country',
-        },
-    },
-    order: {
-        pageTitles: {
-            order: 'Orders',
-            orderList: 'List',
-            create: 'Create',
-            summary: 'Summary',
-            basicData: 'Basic Data',
-            catalog: 'Catalog',
-            volume: 'Volume',
-            lines: 'Lines',
-        },
-        field: {
-            salesPersonFk: 'Sales Person',
-            clientFk: 'Client',
-            isConfirmed: 'Confirmed',
-            created: 'Created',
-            landed: 'Landed',
-            hour: 'Hour',
-            agency: 'Agency',
-            total: 'Total',
-        },
-        form: {
-            clientFk: 'Client',
-            addressFk: 'Address',
-            landed: 'Landed',
-            agencyModeFk: 'Agency',
-        },
-        list: {
-            newOrder: 'New Order',
-        },
-        summary: {
-            basket: 'Basket',
-            nickname: 'Nickname',
-            company: 'Company',
-            confirmed: 'Confirmed',
-            notConfirmed: 'Not confirmed',
-            created: 'Created',
-            landed: 'Landed',
-            phone: 'Phone',
-            createdFrom: 'Created From',
-            address: 'Address',
-            notes: 'Notes',
-            subtotal: 'Subtotal',
-            total: 'Total',
-            vat: 'VAT',
-            state: 'State',
-            alias: 'Alias',
-            items: 'Items',
-            orderTicketList: 'Order Ticket List',
-            details: 'Details',
-            item: 'Item',
-            quantity: 'Quantity',
-            price: 'Price',
-            amount: 'Amount',
-        },
-    },
-    department: {
-        pageTitles: {
-            basicData: 'Basic data',
-            department: 'Department',
-            summary: 'Summary',
-        },
-        name: 'Name',
-        code: 'Code',
-        chat: 'Chat',
-        bossDepartment: 'Boss Department',
-        email: 'Email',
-        selfConsumptionCustomer: 'Self-consumption customer',
-        telework: 'Telework',
-        notifyOnErrors: 'Notify on errors',
-        worksInProduction: 'Works in production',
-        hasToRefill: 'Fill in days without physical check-ins',
-        hasToSendMail: 'Send check-ins by email',
-        departmentRemoved: 'Department removed',
-    },
-    worker: {
-        pageTitles: {
-            workers: 'Workers',
-            list: 'List',
-            basicData: 'Basic data',
-            summary: 'Summary',
-            notifications: 'Notifications',
-            workerCreate: 'New worker',
-            department: 'Department',
-            pda: 'PDA',
-        },
-        list: {
-            name: 'Name',
-            email: 'Email',
-            phone: 'Phone',
-            mobile: 'Mobile',
-            active: 'Active',
-            department: 'Department',
-            schedule: 'Schedule',
-            newWorker: 'New worker',
-        },
-        card: {
-            workerId: 'Worker ID',
-            name: 'Name',
-            email: 'Email',
-            phone: 'Phone',
-            mobile: 'Mobile',
-            active: 'Active',
-            warehouse: 'Warehouse',
-            agency: 'Agency',
-            salesPerson: 'Sales person',
-        },
-        summary: {
-            basicData: 'Basic data',
-            boss: 'Boss',
-            phoneExtension: 'Phone extension',
-            entPhone: 'Enterprise phone',
-            personalPhone: 'Personal phone',
-            noBoss: 'No boss',
-            userData: 'User data',
-            userId: 'User ID',
-            role: 'Role',
-            sipExtension: 'Extension',
-            locker: 'Locker',
-        },
-        notificationsManager: {
-            activeNotifications: 'Active notifications',
-            availableNotifications: 'Available notifications',
-            subscribed: 'Subscribed to the notification',
-            unsubscribed: 'Unsubscribed from the notification',
-        },
-        pda: {
-            newPDA: 'New PDA',
-            currentPDA: 'Current PDA',
-            model: 'Model',
-            serialNumber: 'Serial number',
-            removePDA: 'Deallocate PDA',
-        },
-        create: {
-            name: 'Name',
-            lastName: 'Last name',
-            birth: 'Birth',
-            fi: 'Fi',
-            code: 'Worker code',
-            phone: 'Phone',
-            postcode: 'Postcode',
-            province: 'Province',
-            city: 'City',
-            street: 'Street',
-            webUser: 'Web user',
-            personalEmail: 'Personal email',
-            company: 'Company',
-            boss: 'Boss',
-            payMethods: 'Pay method',
-            iban: 'IBAN',
-            bankEntity: 'Swift / BIC',
-        },
-        imageNotFound: 'Image not found',
-    },
-    wagon: {
-        pageTitles: {
-            wagons: 'Wagons',
-            wagonsList: 'Wagons List',
-            wagonCreate: 'Create wagon',
-            wagonEdit: 'Edit wagon',
-            typesList: 'Types List',
-            typeCreate: 'Create type',
-            typeEdit: 'Edit type',
-            wagonCounter: 'Trolley counter',
-        },
-        type: {
-            name: 'Name',
-            submit: 'Submit',
-            reset: 'Reset',
-            trayColor: 'Tray color',
-            removeItem: 'Wagon type removed successfully',
-        },
-        list: {
-            plate: 'Plate',
-            volume: 'Volume',
-            type: 'Type',
-            remove: 'Remove',
-            removeItem: 'Wagon removed successfully',
-        },
-        create: {
-            plate: 'Plate',
-            volume: 'Volume',
-            type: 'Type',
-            label: 'Label',
-        },
-        warnings: {
-            noData: 'No data available',
-            nameNotEmpty: 'Name can not be empty',
-            labelNotEmpty: 'Label can not be empty',
-            plateNotEmpty: 'Plate can not be empty',
-            volumeNotEmpty: 'Volume can not be empty',
-            typeNotEmpty: 'Type can not be empty',
-            maxTrays: 'You have reached the max number of trays',
-            minHeightBetweenTrays: 'The minimum height between trays is ',
-            maxWagonHeight: 'The maximum height of the wagon is ',
-            uncompleteTrays: 'There are incomplete trays',
-        },
-    },
-    'route/roadmap': {
-        pageTitles: {
-            roadmap: 'Roadmap',
-            summary: 'Summary',
-            basicData: 'Basic Data',
-            stops: 'Stops'
-        },
-    },
-    roadmap: {
-        pageTitles: {
-            roadmap: 'Roadmap',
-            summary: 'Summary',
-            basicData: 'Basic Data',
-            stops: 'Stops'
-        },
-    },
-    route: {
-        pageTitles: {
-            routes: 'Routes',
-            cmrsList: 'External CMRs list',
-            RouteList: 'List',
-            create: 'Create',
-            basicData: 'Basic Data',
-            summary: 'Summary',
-            RouteRoadmap: 'Roadmaps',
-            RouteRoadmapCreate: 'Create roadmap',
-            tickets: 'Tickets',
-            log: 'Log',
-            autonomous: 'Autonomous',
-        },
-        cmr: {
-            list: {
-                results: 'results',
-                cmrFk: 'CMR id',
-                hasCmrDms: `Attached in gestdoc`,
-                true: 'Yes',
-                false: 'No',
-                ticketFk: 'Ticketd id',
-                routeFk: 'Route id',
-                country: 'Country',
-                clientFk: 'Client id',
-                shipped: 'Preparation date',
-                viewCmr: 'View CMR',
-                downloadCmrs: 'Download CMRs',
-            },
-        },
-    },
-    supplier: {
-        pageTitles: {
-            suppliers: 'Suppliers',
-            supplier: 'Supplier',
-            list: 'List',
-            create: 'Create',
-            summary: 'Summary',
-            basicData: 'Basic data',
-            fiscalData: 'Fiscal data',
-            billingData: 'Billing data',
-            log: 'Log',
-            accounts: 'Accounts',
-            contacts: 'Contacts',
-            addresses: 'Addresses',
-            consumption: 'Consumption',
-            agencyTerm: 'Agency agreement',
-        },
-        list: {
-            payMethod: 'Pay method',
-            payDeadline: 'Pay deadline',
-            payDay: 'Pay day',
-            account: 'Account',
-            newSupplier: 'New supplier',
-        },
-        summary: {
-            responsible: 'Responsible',
-            notes: 'Notes',
-            verified: 'Verified',
-            isActive: 'Is active',
-            billingData: 'Billing data',
-            payMethod: 'Pay method',
-            payDeadline: 'Pay deadline',
-            payDay: 'Día de pago',
-            account: 'Account',
-            fiscalData: 'Fiscal data',
-            sageTaxType: 'Sage tax type',
-            sageTransactionType: 'Sage transaction type',
-            sageWithholding: 'Sage withholding',
-            supplierActivity: 'Supplier activity',
-            healthRegister: 'Healt register',
-            fiscalAddress: 'Fiscal address',
-            socialName: 'Social name',
-            taxNumber: 'Tax number',
-            street: 'Street',
-            city: 'City',
-            postCode: 'Postcode',
-            province: 'Province',
-            country: 'Country',
-        },
-        create: {
-            supplierName: 'Supplier name',
-        },
-        basicData: {
-            alias: 'Alias',
-            workerFk: 'Responsible',
-            isSerious: 'Verified',
-            isActive: 'Active',
-            isPayMethodChecked: 'PayMethod checked',
-            note: 'Notes',
-        },
-        fiscalData: {
-            name: 'Social name *',
-            nif: 'Tax number *',
-            account: 'Account',
-            sageTaxTypeFk: 'Sage tax type',
-            sageWithholdingFk: 'Sage withholding',
-            sageTransactionTypeFk: 'Sage transaction type',
-            supplierActivityFk: 'Supplier activity',
-            healthRegister: 'Health register',
-            street: 'Street',
-            postcode: 'Postcode',
-            city: 'City *',
-            provinceFk: 'Province',
-            country: 'Country',
-            isTrucker: 'Trucker',
-            isVies: 'Vies',
-        },
-        billingData: {
-            payMethodFk: 'Billing data',
-            payDemFk: 'Payment deadline',
-            payDay: 'Pay day',
-        },
-        accounts: {
-            iban: 'Iban',
-            bankEntity: 'Bank entity',
-            beneficiary: 'Beneficiary',
-        },
-        contacts: {
-            name: 'Name',
-            phone: 'Phone',
-            mobile: 'Mobile',
-            email: 'Email',
-            observation: 'Notes',
-        },
-        addresses: {
-            street: 'Street',
-            postcode: 'Postcode',
-            phone: 'Phone',
-            name: 'Name',
-            city: 'City',
-            province: 'Province',
-            mobile: 'Mobile',
-        },
-        agencyTerms: {
-            agencyFk: 'Agency',
-            minimumM3: 'Minimum M3',
-            packagePrice: 'Package Price',
-            kmPrice: 'Km Price',
-            m3Price: 'M3 Price',
-            routePrice: 'Route price',
-            minimumKm: 'Minimum Km',
-            addRow: 'Add row',
-        },
-        consumption: {
-            entry: 'Entry',
-            date: 'Date',
-            reference: 'Reference',
-        },
-    },
-    travel: {
-        pageTitles: {
-            travel: 'Travels',
-            list: 'List',
-            create: 'Create',
-            summary: 'Summary',
-            extraCommunity: 'Extra community',
-            travelCreate: 'New travel',
-            basicData: 'Basic data',
-            history: 'Log',
-            thermographs: 'Thermograph',
-        },
-        summary: {
-            confirmed: 'Confirmed',
-            entryId: 'Entry Id',
-            freight: 'Freight',
-            package: 'Package',
-            delivered: 'Delivered',
-            received: 'Received',
-            entries: 'Entries',
-            cloneShipping: 'Clone travel',
-            CloneTravelAndEntries: 'Clone travel and his entries',
-            deleteTravel: 'Delete travel',
-            AddEntry: 'Add entry',
-            thermographs: 'Thermographs',
-            hb: 'HB',
-        },
-        variables: {
-            search: 'Id/Reference',
-            agencyModeFk: 'Agency',
-            warehouseInFk: ' Warehouse In',
-            warehouseOutFk: 'Warehouse Out',
-            landedFrom: 'Landed from',
-            landedTo: 'Landed to',
-            continent: 'Continent out',
-            totalEntries: 'Total entries',
-        },
-        basicData: {
-            reference: 'Reference',
-            agency: 'Agency',
-            shipped: 'Shipped',
-            landed: 'Landed',
-            warehouseOut: 'Warehouse Out',
-            warehouseIn: 'Warehouse In',
-            delivered: 'Delivered',
-            received: 'Received',
-        },
-        thermographs: {
-            code: 'Code',
-            temperature: 'Temperature',
-            state: 'State',
-            destination: 'Destination',
-            created: 'Created',
-            thermograph: 'Thermograph',
-            reference: 'Reference',
-            type: 'Type',
-            company: 'Company',
-            warehouse: 'Warehouse',
-            travelFileDescription: 'Travel id { travelId }',
-            file: 'File',
-        },
-    },
-    item: {
-        pageTitles: {
-            items: 'Items',
-            list: 'List',
-            diary: 'Diary',
-            tags: 'Tags',
-        },
-        descriptor: {
-            item: 'Item',
-            buyer: 'Buyer',
-            color: 'Color',
-            category: 'Category',
-            stems: 'Stems',
-            visible: 'Visible',
-            available: 'Available',
-            warehouseText: 'Calculated on the warehouse of { warehouseName }',
-            itemDiary: 'Item diary',
-        },
-    },
-    components: {
-        topbar: {},
-        userPanel: {
-            copyToken: 'Token copied to clipboard',
-            settings: 'Settings',
-            logOut: 'Log Out',
-        },
-        smartCard: {
-            downloadFile: 'Download file',
-            clone: 'Clone',
-            openCard: 'View',
-            openSummary: 'Summary',
-        },
-        cardDescriptor: {
-            mainList: 'Main list',
-            summary: 'Summary',
-            moreOptions: 'More options',
-        },
-        leftMenu: {
-            addToPinned: 'Add to pinned',
-            removeFromPinned: 'Remove from pinned',
-        },
-        VnLv: {
-            copyText: '{copyValue} has been copied to the clipboard',
-        },
-        iban_tooltip: 'IBAN: ES21 1234 5678 90 0123456789',
-    },
-};
diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
deleted file mode 100644
index 155fc4aaa..000000000
--- a/src/i18n/es/index.js
+++ /dev/null
@@ -1,1250 +0,0 @@
-export default {
-    globals: {
-        lang: {
-            es: 'Español',
-            en: 'Inglés',
-        },
-        language: 'Idioma',
-        entity: 'Entidad',
-        user: 'Usuario',
-        details: 'Detalles',
-        collapseMenu: 'Contraer menú lateral',
-        backToDashboard: 'Volver al tablón',
-        notifications: 'Notificaciones',
-        userPanel: 'Panel de usuario',
-        modules: 'Módulos',
-        pinnedModules: 'Módulos fijados',
-        darkMode: 'Modo oscuro',
-        logOut: 'Cerrar sesión',
-        date: 'Fecha',
-        dataSaved: 'Datos guardados',
-        dataDeleted: 'Datos eliminados',
-        search: 'Buscar',
-        changes: 'Cambios',
-        dataCreated: 'Datos creados',
-        add: 'Añadir',
-        create: 'Crear',
-        edit: 'Modificar',
-        save: 'Guardar',
-        remove: 'Eliminar',
-        reset: 'Restaurar',
-        close: 'Cerrar',
-        cancel: 'Cancelar',
-        confirm: 'Confirmar',
-        assign: 'Asignar',
-        back: 'Volver',
-        yes: 'Si',
-        no: 'No',
-        noChanges: 'Sin cambios que guardar',
-        changesToSave: 'Tienes cambios pendientes de guardar',
-        confirmRemove: 'Vas a eliminar este registro. ¿Continuar?',
-        rowAdded: 'Fila añadida',
-        rowRemoved: 'Fila eliminada',
-        pleaseWait: 'Por favor, espera...',
-        noPinnedModules: 'No has fijado ningún módulo',
-        summary: {
-            basicData: 'Datos básicos',
-        },
-        today: 'Hoy',
-        yesterday: 'Ayer',
-        dateFormat: 'es-ES',
-        noSelectedRows: `No tienes ninguna línea seleccionada`,
-        microsip: 'Abrir en MicroSIP',
-        downloadCSVSuccess: 'Descarga de CSV exitosa',
-        reference: 'Referencia',
-        agency: 'Agencia',
-        wareHouseOut: 'Alm. salida',
-        wareHouseIn: 'Alm. entrada',
-        landed: 'F. entrega',
-        shipped: 'F. envío',
-        totalEntries: 'Ent. totales',
-        amount: 'Importe',
-        packages: 'Bultos',
-        download: 'Descargar',
-        selectRows: 'Seleccionar las { numberRows } filas(s)',
-        allRows: 'Todo { numberRows } filas(s)',
-        markAll: 'Marcar todo',
-        requiredField: 'Campo obligatorio',
-        class: 'clase',
-        type: 'Tipo',
-        reason: 'motivo',
-        noResults: 'Sin resultados',
-        system: 'Sistema',
-        notificationSent: 'Notificación enviada',
-        warehouse: 'Almacén',
-        company: 'Empresa',
-        fieldRequired: 'Campo requerido',
-        allowedFilesText: 'Tipos de archivo permitidos: { allowedContentTypes }',
-        smsSent: 'SMS enviado',
-        confirmDeletion: 'Confirmar eliminación',
-        confirmDeletionMessage: '¿Seguro que quieres eliminar?',
-        description: 'Descripción',
-        id: 'Id',
-        order: 'Orden',
-        original: 'Original',
-        file: 'Fichero',
-        selectFile: 'Seleccione un fichero',
-        copyClipboard: 'Copiar en portapapeles',
-        salesPerson: 'Comercial',
-    },
-    errors: {
-        statusUnauthorized: 'Acceso denegado',
-        statusInternalServerError: 'Ha ocurrido un error interno del servidor',
-        statusBadGateway: 'Parece ser que el servidor ha caído',
-        statusGatewayTimeout: 'No se ha podido contactar con el servidor',
-        userConfig: 'Error al obtener configuración de usuario',
-        writeRequest: 'No se pudo completar la operación solicitada',
-    },
-    login: {
-        title: 'Inicio de sesión',
-        username: 'Nombre de usuario',
-        password: 'Contraseña',
-        submit: 'Iniciar sesión',
-        keepLogin: 'Mantener sesión iniciada',
-        loginSuccess: 'Inicio de sesión correcto',
-        loginError: 'Nombre de usuario o contraseña incorrectos',
-        fieldRequired: 'Este campo es obligatorio',
-        twoFactorRequired: 'Verificación de doble factor requerida',
-        pageTitles: {
-            logIn: 'Inicio de sesión',
-        },
-    },
-    twoFactor: {
-        code: 'Código',
-        validate: 'Validar',
-        insert: 'Introduce el código de verificación',
-        explanation:
-            'Por favor, introduce el código de verificación que te hemos enviado a tu email en los próximos 5 minutos',
-        pageTitles: {
-            twoFactor: 'Doble factor',
-        },
-    },
-    verifyEmail: {
-        pageTitles: {
-            verifyEmail: 'Verificación de correo',
-        },
-    },
-    dashboard: {
-        pageTitles: {
-            dashboard: 'Tablón',
-        },
-    },
-    customer: {
-        pageTitles: {
-            customers: 'Clientes',
-            create: 'Crear',
-            list: 'Listado',
-            webPayments: 'Pagos Web',
-            extendedList: 'Listado extendido',
-            notifications: 'Notificaciones',
-            defaulter: 'Morosos',
-            createCustomer: 'Crear cliente',
-            summary: 'Resumen',
-            basicData: 'Datos básicos',
-            fiscalData: 'Datos fiscales',
-            billingData: 'Forma de pago',
-            consignees: 'Consignatarios',
-            notes: 'Notas',
-            credits: 'Créditos',
-            greuges: 'Greuges',
-            balance: 'Balance',
-            recoveries: 'Recobros',
-            webAccess: 'Acceso web',
-            log: 'Historial',
-            sms: 'Sms',
-            creditManagement: 'Gestión de crédito',
-            creditContracts: 'Contratos de crédito',
-            creditOpinion: 'Opinión de crédito',
-            others: 'Otros',
-            samples: 'Plantillas',
-            consumption: 'Consumo',
-            mandates: 'Mandatos',
-            contacts: 'Contactos',
-            webPayment: 'Pago web',
-            fileManagement: 'Getión documental',
-            unpaid: 'Impago',
-        },
-        list: {
-            phone: 'Teléfono',
-            email: 'Email',
-            customerOrders: 'Mostrar órdenes del cliente',
-            moreOptions: 'Más opciones',
-        },
-        card: {
-            customerId: 'ID cliente',
-            salesPerson: 'Comercial',
-            credit: 'Crédito',
-            risk: 'Riesgo',
-            securedCredit: 'Crédito asegurado',
-            payMethod: 'Método de pago',
-            debt: 'Riesgo',
-            isFrozen: 'Cliente congelado',
-            hasDebt: 'Cliente con riesgo',
-            isDisabled: 'Cliente inactivo',
-            notChecked: 'Cliente no comprobado',
-            webAccountInactive: 'Sin acceso web',
-            noWebAccess: 'El acceso web está desactivado',
-            businessType: 'Tipo de negocio',
-            passwordRequirements:
-                'La contraseña debe tener al menos { length } caracteres de longitud, {nAlpha} caracteres alfabéticos, {nUpper} letras mayúsculas, {nDigits} dígitos y {nPunct} símbolos (Ej: $%&.)',
-            businessTypeFk: 'Tipo de negocio',
-        },
-        summary: {
-            basicData: 'Datos básicos',
-            fiscalAddress: 'Dirección fiscal',
-            fiscalData: 'Datos fiscales',
-            billingData: 'Datos de facturación',
-            consignee: 'Consignatario pred.',
-            businessData: 'Datos comerciales',
-            financialData: 'Datos financieros',
-            customerId: 'ID cliente',
-            name: 'Nombre',
-            contact: 'Contacto',
-            phone: 'Teléfono',
-            mobile: 'Móvil',
-            email: 'Email',
-            salesPerson: 'Comercial',
-            contactChannel: 'Canal de contacto',
-            socialName: 'Razón social',
-            fiscalId: 'NIF/CIF',
-            postcode: 'Código postal',
-            province: 'Provincia',
-            country: 'País',
-            street: 'Calle',
-            isEqualizated: 'Recargo de equivalencia',
-            isActive: 'Activo',
-            invoiceByAddress: 'Facturar por consignatario',
-            verifiedData: 'Datos verificados',
-            hasToInvoice: 'Facturar',
-            notifyByEmail: 'Notificar por email',
-            vies: 'VIES',
-            payMethod: 'Método de pago',
-            bankAccount: 'Cuenta bancaria',
-            dueDay: 'Día de pago',
-            hasLcr: 'Recibido LCR',
-            hasCoreVnl: 'Recibido core VNL',
-            hasB2BVnl: 'Recibido B2B VNL',
-            addressName: 'Nombre de la dirección',
-            addressCity: 'Ciudad',
-            addressStreet: 'Calle',
-            username: 'Usuario',
-            webAccess: 'Acceso web',
-            totalGreuge: 'Greuge total',
-            mana: 'Maná',
-            priceIncreasingRate: 'Ratio de incremento de precio',
-            averageInvoiced: 'Facturación media',
-            claimRate: 'Ratio de reclamaciones',
-            risk: 'Riesgo',
-            riskInfo: 'Facturas menos recibos mas pedidos sin facturar',
-            credit: 'Crédito',
-            creditInfo: `Riesgo máximo asumido por la empresa`,
-            securedCredit: 'Crédito asegurado',
-            securedCreditInfo: `Riesgo máximo asumido por Solunion`,
-            balance: 'Balance',
-            balanceInfo: 'Facturas menos recibos',
-            balanceDue: 'Saldo vencido',
-            balanceDueInfo: 'Facturas fuera de plazo menos recibos',
-            recoverySince: 'Recobro desde',
-            businessType: 'Tipo de negocio',
-            city: 'Población',
-            descriptorInfo: 'Facturas menos recibos mas pedidos sin facturar',
-            rating: 'Clasificación',
-            recommendCredit: 'Crédito recomendado',
-        },
-        basicData: {
-            socialName: 'Nombre fiscal',
-            businessType: 'Tipo de negocio',
-            contact: 'Contacto',
-            youCanSaveMultipleEmails:
-                'Puede guardar varios correos electrónicos encadenandolos mediante comas sin espacios, ejemplo: user@dominio.com,user2@dominio.com siendo el primer correo electrónico el principal',
-            email: 'Email',
-            phone: 'Teléfono',
-            mobile: 'Móvil',
-            salesPerson: 'Comercial',
-            contactChannel: 'Canal de contacto',
-            previousClient: 'Cliente anterior',
-        },
-        extendedList: {
-            tableVisibleColumns: {
-                id: 'Identificador',
-                name: 'Nombre',
-                fi: 'NIF / CIF',
-                salesPersonFk: 'Comercial',
-                credit: 'Crédito',
-                creditInsurance: 'Crédito asegurado',
-                phone: 'Teléfono',
-                mobile: 'Móvil',
-                street: 'Dirección fiscal',
-                countryFk: 'País',
-                provinceFk: 'Provincia',
-                city: 'Población',
-                postcode: 'Código postal',
-                email: 'Email',
-                created: 'Fecha creación',
-                businessTypeFk: 'Tipo de negocio',
-                payMethodFk: 'Forma de pago',
-                sageTaxTypeFk: 'Tipo de impuesto Sage',
-                sageTransactionTypeFk: 'Tipo tr. sage',
-                isActive: 'Activo',
-                isVies: 'Vies',
-                isTaxDataChecked: 'Datos comprobados',
-                isEqualizated: 'Recargo de equivalencias',
-                isFreezed: 'Congelado',
-                hasToInvoice: 'Factura',
-                hasToInvoiceByAddress: 'Factura por consigna',
-                isToBeMailed: 'Env. emails',
-                hasLcr: 'Recibido LCR',
-                hasCoreVnl: 'Recibido core VNL',
-                hasSepaVnl: 'Recibido B2B VNL',
-            },
-        },
-    },
-    entry: {
-        pageTitles: {
-            entries: 'Entradas',
-            list: 'Listado',
-            summary: 'Resumen',
-            basicData: 'Datos básicos',
-            buys: 'Compras',
-            notes: 'Notas',
-            dms: 'Gestión documental',
-            log: 'Historial',
-            create: 'Crear',
-            latestBuys: 'Últimas compras',
-        },
-        list: {
-            newEntry: 'Nueva entrada',
-            landed: 'F. entrega',
-            invoiceNumber: 'Núm. factura',
-            supplier: 'Proveedor',
-            booked: 'Asentado',
-            confirmed: 'Confirmado',
-            ordered: 'Pedida',
-        },
-        summary: {
-            commission: 'Comisión',
-            currency: 'Moneda',
-            company: 'Empresa',
-            reference: 'Referencia',
-            invoiceNumber: 'Núm. factura',
-            ordered: 'Pedida',
-            confirmed: 'Confirmada',
-            booked: 'Contabilizada',
-            raid: 'Redada',
-            excludedFromAvailable: 'Inventario',
-            travelReference: 'Referencia',
-            travelAgency: 'Agencia',
-            travelShipped: 'F. envio',
-            travelWarehouseOut: 'Alm. salida',
-            travelDelivered: 'Enviada',
-            travelLanded: 'F. entrega',
-            travelWarehouseIn: 'Alm. entrada',
-            travelReceived: 'Recibida',
-            buys: 'Compras',
-            quantity: 'Cantidad',
-            stickers: 'Etiquetas',
-            package: 'Embalaje',
-            weight: 'Peso',
-            packing: 'Packing',
-            grouping: 'Grouping',
-            buyingValue: 'Coste',
-            import: 'Importe',
-            pvp: 'PVP',
-            item: 'Artículo',
-        },
-        basicData: {
-            supplier: 'Proveedor',
-            travel: 'Envío',
-            reference: 'Referencia',
-            invoiceNumber: 'Núm. factura',
-            company: 'Empresa',
-            currency: 'Moneda',
-            observation: 'Observación',
-            commission: 'Comisión',
-            ordered: 'Pedida',
-            confirmed: 'Confirmado',
-            booked: 'Asentado',
-            raid: 'Redada',
-            excludedFromAvailable: 'Inventario',
-            agency: 'Agencia',
-            warehouseOut: 'Alm. salida',
-            warehouseIn: 'Alm. entrada',
-            shipped: 'F. envío',
-            landed: 'F. entrega',
-            id: 'ID',
-        },
-        buys: {
-            groupingPrice: 'Precio grouping',
-            packingPrice: 'Precio packing',
-            reference: 'Referencia',
-            observations: 'Observaciónes',
-            item: 'Artículo',
-            size: 'Medida',
-            packing: 'Packing',
-            grouping: 'Grouping',
-            buyingValue: 'Coste',
-            packagingFk: 'Embalaje',
-            file: 'Fichero',
-            name: 'Nombre',
-            producer: 'Productor',
-            type: 'Tipo',
-            color: 'Color',
-            id: 'ID',
-        },
-        notes: {
-            observationType: 'Tipo de observación',
-        },
-        descriptor: {
-            agency: 'Agencia',
-            landed: 'F. entrega',
-            warehouseOut: 'Alm. salida',
-        },
-        latestBuys: {
-            picture: 'Foto',
-            itemFk: 'ID Artículo',
-            packing: 'Packing',
-            grouping: 'Grouping',
-            quantity: 'Cantidad',
-            size: 'Medida',
-            tags: 'Etiquetas',
-            type: 'Tipo',
-            intrastat: 'Intrastat',
-            origin: 'Origen',
-            weightByPiece: 'Peso (gramos)/tallo',
-            isActive: 'Activo',
-            family: 'Familia',
-            entryFk: 'Entrada',
-            buyingValue: 'Coste',
-            freightValue: 'Porte',
-            comissionValue: 'Comisión',
-            packageValue: 'Embalaje',
-            isIgnored: 'Ignorado',
-            price2: 'Grouping',
-            price3: 'Packing',
-            minPrice: 'Min',
-            ektFk: 'Ekt',
-            weight: 'Peso',
-            packagingFk: 'Embalaje',
-            packingOut: 'Embalaje envíos',
-            landing: 'Llegada',
-        },
-    },
-    ticket: {
-        pageTitles: {
-            tickets: 'Tickets',
-            list: 'Listado',
-            createTicket: 'Crear ticket',
-            summary: 'Resumen',
-            basicData: 'Datos básicos',
-            boxing: 'Encajado',
-            sms: 'Sms',
-            notes: 'Notas',
-        },
-        list: {
-            nickname: 'Alias',
-            state: 'Estado',
-            shipped: 'Enviado',
-            landed: 'Entregado',
-            salesPerson: 'Comercial',
-            total: 'Total',
-        },
-        card: {
-            ticketId: 'ID ticket',
-            state: 'Estado',
-            customerId: 'ID cliente',
-            salesPerson: 'Comercial',
-            agency: 'Agencia',
-            shipped: 'Enviado',
-            warehouse: 'Almacén',
-            customerCard: 'Ficha del cliente',
-            alias: 'Alias',
-        },
-        boxing: {
-            expedition: 'Expedición',
-            item: 'Artículo',
-            created: 'Creado',
-            worker: 'Trabajador',
-            selectTime: 'Seleccionar hora:',
-            selectVideo: 'Seleccionar vídeo:',
-            notFound: 'No hay vídeos disponibles',
-        },
-        summary: {
-            state: 'Estado',
-            salesPerson: 'Comercial',
-            agency: 'Agencia',
-            zone: 'Zona',
-            warehouse: 'Almacén',
-            route: 'Ruta',
-            invoice: 'Factura',
-            shipped: 'Enviado',
-            landed: 'Entregado',
-            consigneePhone: 'Tel. consignatario',
-            consigneeMobile: 'Móv. consignatario',
-            clientPhone: 'Tel. cliente',
-            clientMobile: 'Móv. cliente',
-            consignee: 'Consignatario',
-            subtotal: 'Subtotal',
-            vat: 'IVA',
-            total: 'Total',
-            saleLines: 'Líneas del pedido',
-            item: 'Artículo',
-            visible: 'Visible',
-            available: 'Disponible',
-            quantity: 'Cantidad',
-            price: 'Precio',
-            discount: 'Descuento',
-            packing: 'Encajado',
-            hasComponentLack: 'Faltan componentes',
-            itemShortage: 'No visible',
-            claim: 'Reclamación',
-            reserved: 'Reservado',
-            created: 'Fecha creación',
-            package: 'Embalaje',
-            taxClass: 'Tipo IVA',
-            services: 'Servicios',
-            changeState: 'Cambiar estado',
-            requester: 'Solicitante',
-            atender: 'Comprador',
-            request: 'Petición de compra',
-            weight: 'Peso',
-            goTo: 'Ir a',
-        },
-        create: {
-            client: 'Cliente',
-            address: 'Dirección',
-            landed: 'F. entrega',
-            warehouse: 'Almacén',
-            agency: 'Agencia',
-        },
-    },
-    claim: {
-        pageTitles: {
-            claims: 'Reclamaciones',
-            list: 'Listado',
-            createClaim: 'Crear reclamación',
-            summary: 'Resumen',
-            basicData: 'Datos básicos',
-            lines: 'Líneas',
-            development: 'Trazabilidad',
-            photos: 'Fotos',
-            log: 'Historial',
-            notes: 'Notas',
-            action: 'Acción',
-        },
-        list: {
-            customer: 'Cliente',
-            assignedTo: 'Asignada a',
-            created: 'Creada',
-            state: 'Estado',
-        },
-        rmaList: {
-            code: 'Código',
-            records: 'registros',
-        },
-        card: {
-            claimId: 'ID reclamación',
-            assignedTo: 'Asignada a',
-            created: 'Creada',
-            state: 'Estado',
-            ticketId: 'ID ticket',
-            customerSummary: 'Resumen del cliente',
-            claimedTicket: 'Ticket reclamado',
-            saleTracking: 'Líneas preparadas',
-            ticketTracking: 'Estados del ticket',
-            commercial: 'Comercial',
-            province: 'Provincia',
-            zone: 'Zona',
-        },
-        summary: {
-            customer: 'Cliente',
-            assignedTo: 'Asignada a',
-            attendedBy: 'Atendida por',
-            created: 'Creada',
-            state: 'Estado',
-            details: 'Detalles',
-            item: 'Artículo',
-            landed: 'Entregado',
-            quantity: 'Cantidad',
-            claimed: 'Reclamado',
-            price: 'Precio',
-            discount: 'Descuento',
-            total: 'Total',
-            actions: 'Acciones',
-            responsibility: 'Responsabilidad',
-            company: 'Empresa',
-            person: 'Comercial/Cliente',
-            notes: 'Observaciones',
-            photos: 'Fotos',
-            development: 'Trazabilidad',
-            reason: 'Motivo',
-            result: 'Consecuencias',
-            responsible: 'Responsable',
-            worker: 'Trabajador',
-            redelivery: 'Devolución',
-        },
-        basicData: {
-            customer: 'Cliente',
-            assignedTo: 'Asignada a',
-            created: 'Creada',
-            state: 'Estado',
-            picked: 'Recogida',
-        },
-        photo: {
-            fileDescription:
-                'Reclamacion ID {claimId} del cliente {clientName} id {clientId}',
-            noData: 'No hay imágenes/videos, haz click aquí o arrastra y suelta el archivo',
-            dragDrop: 'Arrástralo y sueltalo aquí',
-        },
-    },
-    invoiceOut: {
-        pageTitles: {
-            invoiceOuts: 'Fact. emitidas',
-            list: 'Listado',
-            negativeBases: 'Bases Negativas',
-            globalInvoicing: 'Facturación global',
-            createInvoiceOut: 'Crear fact. emitida',
-            summary: 'Resumen',
-            basicData: 'Datos básicos',
-        },
-        list: {
-            ref: 'Referencia',
-            issued: 'Fecha emisión',
-            shortIssued: 'F. emisión',
-            client: 'Cliente',
-            created: 'Fecha creación',
-            shortCreated: 'F. creación',
-            company: 'Empresa',
-            dued: 'Fecha vencimineto',
-            shortDued: 'F. vencimiento',
-        },
-        card: {
-            issued: 'Fecha emisión',
-            client: 'Cliente',
-            company: 'Empresa',
-            customerCard: 'Ficha del cliente',
-            ticketList: 'Listado de tickets',
-        },
-        summary: {
-            issued: 'Fecha',
-            created: 'Fecha creación',
-            dued: 'Vencimiento',
-            booked: 'Contabilizada',
-            company: 'Empresa',
-            taxBreakdown: 'Desglose impositivo',
-            type: 'Tipo',
-            taxableBase: 'Base imp.',
-            rate: 'Tarifa',
-            fee: 'Cuota',
-            tickets: 'Tickets',
-            ticketId: 'Id ticket',
-            nickname: 'Alias',
-            shipped: 'F. envío',
-            totalWithVat: 'Importe',
-        },
-        globalInvoices: {
-            errors: {
-                chooseValidClient: 'Selecciona un cliente válido',
-                chooseValidCompany: 'Selecciona una empresa válida',
-                chooseValidPrinter: 'Selecciona una impresora válida',
-                fillDates:
-                    'La fecha de la factura y la fecha máxima deben estar completas',
-                invoiceDateLessThanMaxDate:
-                    'La fecha de la factura no puede ser menor que la fecha máxima',
-                invoiceWithFutureDate: 'Existe una factura con una fecha futura',
-                noTicketsToInvoice: 'No hay clientes para facturar',
-                criticalInvoiceError: 'Error crítico en la facturación, proceso detenido',
-            },
-            table: {
-                client: 'Cliente',
-                addressId: 'Id dirección',
-                streetAddress: 'Dirección fiscal',
-            },
-            statusCard: {
-                percentageText: '{getPercentage}% {getAddressNumber} de {getNAddresses}',
-                pdfsNumberText: '{nPdfs} de {totalPdfs} PDFs',
-            },
-        },
-        negativeBases: {
-            from: 'Desde',
-            to: 'Hasta',
-            company: 'Empresa',
-            country: 'País',
-            clientId: 'Id cliente',
-            client: 'Cliente',
-            amount: 'Importe',
-            base: 'Base',
-            ticketId: 'Id ticket',
-            active: 'Activo',
-            hasToInvoice: 'Facturar',
-            verifiedData: 'Datos comprobados',
-            comercial: 'Comercial',
-            errors: {
-                downloadCsvFailed: 'Error al descargar CSV',
-            },
-        },
-    },
-    order: {
-        pageTitles: {
-            order: 'Cesta',
-            orderList: 'Listado',
-            create: 'Crear',
-            summary: 'Resumen',
-            basicData: 'Datos básicos',
-            catalog: 'Catálogo',
-            volume: 'Volumen',
-            lines: 'Líneas',
-        },
-        field: {
-            salesPersonFk: 'Comercial',
-            clientFk: 'Cliente',
-            isConfirmed: 'Confirmada',
-            created: 'Creado',
-            landed: 'F. entrega',
-            hour: 'Hora',
-            agency: 'Agencia',
-            total: 'Total',
-        },
-        form: {
-            clientFk: 'Cliente',
-            addressFk: 'Dirección',
-            landed: 'F. entrega',
-            agencyModeFk: 'Agencia',
-        },
-        list: {
-            newOrder: 'Nuevo Pedido',
-        },
-        summary: {
-            basket: 'Cesta',
-            nickname: 'Alias',
-            company: 'Empresa',
-            confirmed: 'Confirmada',
-            notConfirmed: 'No confirmada',
-            created: 'Creado',
-            landed: 'F. entrega',
-            phone: 'Teléfono',
-            createdFrom: 'Creado desde',
-            address: 'Dirección',
-            notes: 'Notas',
-            subtotal: 'Subtotal',
-            total: 'Total',
-            vat: 'IVA',
-            state: 'Estado',
-            alias: 'Alias',
-            items: 'Items',
-            orderTicketList: 'Tickets del pedido',
-            details: 'Detalles',
-            item: 'Item',
-            quantity: 'Cantidad',
-            price: 'Precio',
-            amount: 'Monto',
-        },
-    },
-    shelving: {
-        pageTitles: {
-            shelving: 'Carros',
-            shelvingList: 'Listado de carros',
-            create: 'Crear',
-            summary: 'Resumen',
-            basicData: 'Datos básicos',
-            log: 'Historial',
-        },
-        list: {
-            parking: 'Parking',
-            priority: 'Prioridad',
-            newShelving: 'Nuevo Carro',
-        },
-        summary: {
-            code: 'Código',
-            parking: 'Parking',
-            priority: 'Prioridad',
-            worker: 'Trabajador',
-            recyclable: 'Reciclable',
-        },
-        basicData: {
-            code: 'Código',
-            parking: 'Parking',
-            priority: 'Prioridad',
-            recyclable: 'Reciclable',
-        },
-    },
-    invoiceIn: {
-        pageTitles: {
-            invoiceIns: 'Fact. recibidas',
-            list: 'Listado',
-            createInvoiceIn: 'Crear fact. recibida',
-            summary: 'Resumen',
-            basicData: 'Datos básicos',
-            vat: 'IVA',
-            dueDay: 'Vencimiento',
-            intrastat: 'Intrastat',
-            corrective: 'Rectificativa',
-            log: 'Historial',
-        },
-        list: {
-            ref: 'Referencia',
-            supplier: 'Proveedor',
-            supplierRef: 'Ref. proveedor',
-            serialNumber: 'Num. serie',
-            shortIssued: 'F. emisión',
-            serial: 'Serie',
-            file: 'Fichero',
-            issued: 'Fecha emisión',
-            isBooked: 'Conciliada',
-            awb: 'AWB',
-            amount: 'Importe',
-        },
-        card: {
-            issued: 'Fecha emisión',
-            amount: 'Importe',
-            client: 'Cliente',
-            company: 'Empresa',
-            customerCard: 'Ficha del cliente',
-            ticketList: 'Listado de tickets',
-            vat: 'Iva',
-            dueDay: 'Fecha de vencimiento',
-        },
-        summary: {
-            supplier: 'Proveedor',
-            supplierRef: 'Ref. proveedor',
-            currency: 'Divisa',
-            docNumber: 'Número documento',
-            issued: 'Fecha de expedición',
-            operated: 'Fecha operación',
-            bookEntried: 'Fecha asiento',
-            bookedDate: 'Fecha contable',
-            sage: 'Retención sage',
-            vat: 'Iva no deducible',
-            company: 'Empresa',
-            booked: 'Contabilizada',
-            expense: 'Gasto',
-            taxableBase: 'Base imp.',
-            rate: 'Tasa',
-            sageTransaction: 'Sage transación',
-            dueDay: 'Fecha',
-            bank: 'Caja',
-            amount: 'Importe',
-            foreignValue: 'Divisa',
-            dueTotal: 'Vencimiento',
-            code: 'Código',
-            net: 'Neto',
-            stems: 'Tallos',
-            country: 'País',
-        },
-    },
-    department: {
-        pageTitles: {
-            basicData: 'Basic data',
-            department: 'Departamentos',
-            summary: 'Resumen',
-        },
-        name: 'Nombre',
-        code: 'Código',
-        chat: 'Chat',
-        bossDepartment: 'Jefe de departamento',
-        email: 'Email',
-        selfConsumptionCustomer: 'Cliente autoconsumo',
-        telework: 'Teletrabaja',
-        notifyOnErrors: 'Notificar errores',
-        worksInProduction: 'Pertenece a producción',
-        hasToRefill: 'Completar días sin registros físicos',
-        hasToSendMail: 'Enviar fichadas por mail',
-        departmentRemoved: 'Departamento eliminado',
-    },
-    worker: {
-        pageTitles: {
-            workers: 'Trabajadores',
-            list: 'Listado',
-            basicData: 'Datos básicos',
-            summary: 'Resumen',
-            notifications: 'Notificaciones',
-            workerCreate: 'Nuevo trabajador',
-            department: 'Departamentos',
-            pda: 'PDA',
-        },
-        list: {
-            name: 'Nombre',
-            email: 'Email',
-            phone: 'Teléfono',
-            mobile: 'Móvil',
-            active: 'Activo',
-            department: 'Departamento',
-            schedule: 'Horario',
-            newWorker: 'Nuevo trabajador',
-        },
-        card: {
-            workerId: 'ID Trabajador',
-            name: 'Nombre',
-            email: 'Email',
-            phone: 'Teléfono',
-            mobile: 'Móvil',
-            active: 'Activo',
-            warehouse: 'Almacén',
-            agency: 'Empresa',
-            salesPerson: 'Comercial',
-        },
-        summary: {
-            basicData: 'Datos básicos',
-            boss: 'Jefe',
-            phoneExtension: 'Extensión de teléfono',
-            entPhone: 'Teléfono de empresa',
-            personalPhone: 'Teléfono personal',
-            noBoss: 'Sin jefe',
-            userData: 'Datos de usuario',
-            userId: 'ID del usuario',
-            role: 'Rol',
-            sipExtension: 'Extensión',
-            locker: 'Taquilla',
-        },
-        notificationsManager: {
-            activeNotifications: 'Notificaciones activas',
-            availableNotifications: 'Notificaciones disponibles',
-            subscribed: 'Se ha suscrito a la notificación',
-            unsubscribed: 'Se ha dado de baja de la notificación',
-        },
-        pda: {
-            newPDA: 'Nueva PDA',
-            currentPDA: 'PDA Actual',
-            model: 'Modelo',
-            serialNumber: 'Número de serie',
-            removePDA: 'Desasignar PDA',
-        },
-        create: {
-            name: 'Nombre',
-            lastName: 'Apellido',
-            birth: 'Fecha de nacimiento',
-            fi: 'DNI/NIF/NIE',
-            code: 'Código de trabajador',
-            phone: 'Teléfono',
-            postcode: 'Código postal',
-            province: 'Provincia',
-            city: 'Población',
-            street: 'Dirección',
-            webUser: 'Usuario Web',
-            personalEmail: 'Correo personal',
-            company: 'Empresa',
-            boss: 'Jefe',
-            payMethods: 'Método de pago',
-            iban: 'IBAN',
-            bankEntity: 'Swift / BIC',
-        },
-        imageNotFound: 'No se ha encontrado la imagen',
-    },
-    wagon: {
-        pageTitles: {
-            wagons: 'Vagones',
-            wagonsList: 'Listado vagones',
-            wagonCreate: 'Crear tipo',
-            wagonEdit: 'Editar tipo',
-            typesList: 'Listado tipos',
-            typeCreate: 'Crear tipo',
-            typeEdit: 'Editar tipo',
-            wagonCounter: 'Contador de carros',
-        },
-        type: {
-            name: 'Nombre',
-            submit: 'Guardar',
-            reset: 'Deshacer cambios',
-            trayColor: 'Color de la bandeja',
-            removeItem: 'Tipo de vagón borrado correctamente',
-        },
-        list: {
-            plate: 'Matrícula',
-            volume: 'Volumen',
-            type: 'Tipo',
-            remove: 'Borrar',
-            removeItem: 'Vagón borrado correctamente',
-        },
-        create: {
-            plate: 'Matrícula',
-            volume: 'Volumen',
-            type: 'Tipo',
-            label: 'Etiqueta',
-        },
-        warnings: {
-            noData: 'Sin datos disponibles',
-            nameNotEmpty: 'El nombre no puede estar vacío',
-            labelNotEmpty: 'La etiqueta no puede estar vacía',
-            plateNotEmpty: 'La matrícula no puede estar vacía',
-            volumeNotEmpty: 'El volumen no puede estar vacío',
-            typeNotEmpty: 'El tipo no puede estar vacío',
-            maxTrays: 'Has alcanzado el número máximo de bandejas',
-            minHeightBetweenTrays: 'La distancia mínima entre bandejas es ',
-            maxWagonHeight: 'La altura máxima del vagón es ',
-            uncompleteTrays: 'Hay bandejas sin completar',
-        },
-    },
-    'route/roadmap': {
-        pageTitles: {
-            roadmap: 'Troncales',
-            summary: 'Resumen',
-            basicData: 'Datos básicos',
-            stops: 'Paradas'
-        },
-    },
-    roadmap: {
-        pageTitles: {
-            roadmap: 'Troncales',
-            summary: 'Resumen',
-            basicData: 'Datos básicos',
-            stops: 'Paradas'
-        },
-    },
-    route: {
-        pageTitles: {
-            routes: 'Rutas',
-            cmrsList: 'Listado de CMRs externos',
-            RouteList: 'Listado',
-            create: 'Crear',
-            basicData: 'Datos básicos',
-            summary: 'Resumen',
-            RouteRoadmap: 'Troncales',
-            RouteRoadmapCreate: 'Crear troncal',
-            tickets: 'Tickets',
-            log: 'Historial',
-            autonomous: 'Autónomos',
-        },
-        cmr: {
-            list: {
-                results: 'resultados',
-                cmrFk: 'Id CMR',
-                hasCmrDms: 'Adjuntado en gestdoc',
-                true: 'Sí',
-                false: 'No',
-                ticketFk: 'Id ticket',
-                routeFk: 'Id ruta',
-                country: 'País',
-                clientFk: 'Id cliente',
-                shipped: 'Fecha preparación',
-                viewCmr: 'Ver CMR',
-                downloadCmrs: 'Descargar CMRs',
-            },
-        },
-    },
-    supplier: {
-        pageTitles: {
-            suppliers: 'Proveedores',
-            supplier: 'Proveedor',
-            list: 'Listado',
-            create: 'Crear',
-            summary: 'Resumen',
-            basicData: 'Datos básicos',
-            fiscalData: 'Datos fiscales',
-            billingData: 'Forma de pago',
-            log: 'Historial',
-            accounts: 'Cuentas',
-            contacts: 'Contactos',
-            addresses: 'Direcciones',
-            consumption: 'Consumo',
-            agencyTerm: 'Acuerdo agencia',
-        },
-        list: {
-            payMethod: 'Método de pago',
-            payDeadline: 'Plazo de pago',
-            payDay: 'Día de pago',
-            account: 'Cuenta',
-            newSupplier: 'Nuevo proveedor',
-        },
-        summary: {
-            responsible: 'Responsable',
-            notes: 'Notas',
-            verified: 'Verificado',
-            isActive: 'Está activo',
-            billingData: 'Forma de pago',
-            payMethod: 'Método de pago',
-            payDeadline: 'Plazo de pago',
-            payDay: 'Día de pago',
-            account: 'Cuenta',
-            fiscalData: 'Datos fiscales',
-            sageTaxType: 'Tipo de impuesto Sage',
-            sageTransactionType: 'Tipo de transacción Sage',
-            sageWithholding: 'Retención sage',
-            supplierActivity: 'Actividad proveedor',
-            healthRegister: 'Pasaporte sanitario',
-            fiscalAddress: 'Dirección fiscal',
-            socialName: 'Razón social',
-            taxNumber: 'NIF/CIF',
-            street: 'Dirección',
-            city: 'Población',
-            postCode: 'Código postal',
-            province: 'Provincia',
-            country: 'País',
-        },
-        create: {
-            supplierName: 'Nombre del proveedor',
-        },
-        basicData: {
-            alias: 'Alias',
-            workerFk: 'Responsable',
-            isSerious: 'Verificado',
-            isActive: 'Activo',
-            isPayMethodChecked: 'Método de pago validado',
-            note: 'Notas',
-        },
-        fiscalData: {
-            name: 'Razón social *',
-            nif: 'NIF/CIF *',
-            account: 'Cuenta',
-            sageTaxTypeFk: 'Tipo de impuesto sage',
-            sageWithholdingFk: 'Retención sage',
-            sageTransactionTypeFk: 'Tipo de transacción sage',
-            supplierActivityFk: 'Actividad proveedor',
-            healthRegister: 'Pasaporte sanitario',
-            street: 'Calle',
-            postcode: 'Código postal',
-            city: 'Población *',
-            provinceFk: 'Provincia',
-            country: 'País',
-            isTrucker: 'Transportista',
-            isVies: 'Vies',
-        },
-        billingData: {
-            payMethodFk: 'Forma de pago',
-            payDemFk: 'Plazo de pago',
-            payDay: 'Día de pago',
-        },
-        accounts: {
-            iban: 'Iban',
-            bankEntity: 'Entidad bancaria',
-            beneficiary: 'Beneficiario',
-        },
-        contacts: {
-            name: 'Nombre',
-            phone: 'Teléfono',
-            mobile: 'Móvil',
-            email: 'Email',
-            observation: 'Notas',
-        },
-        addresses: {
-            street: 'Dirección',
-            postcode: 'Código postal',
-            phone: 'Teléfono',
-            name: 'Nombre',
-            city: 'Población',
-            province: 'Provincia',
-            mobile: 'Móvil',
-        },
-        agencyTerms: {
-            agencyFk: 'Agencia',
-            minimumM3: 'M3 mínimos',
-            packagePrice: 'Precio bulto',
-            kmPrice: 'Precio Km',
-            m3Price: 'Precio M3',
-            routePrice: 'Precio ruta',
-            minimumKm: 'Km mínimos',
-            addRow: 'Añadir fila',
-        },
-        consumption: {
-            entry: 'Entrada',
-            date: 'Fecha',
-            reference: 'Referencia',
-        },
-    },
-    travel: {
-        pageTitles: {
-            travel: 'Envíos',
-            list: 'Listado',
-            create: 'Crear',
-            summary: 'Resumen',
-            extraCommunity: 'Extra comunitarios',
-            travelCreate: 'Nuevo envío',
-            basicData: 'Datos básicos',
-            history: 'Historial',
-            thermographs: 'Termógrafos',
-        },
-        summary: {
-            confirmed: 'Confirmado',
-            entryId: 'Id entrada',
-            freight: 'Porte',
-            package: 'Embalaje',
-            delivered: 'Enviada',
-            received: 'Recibida',
-            entries: 'Entradas',
-            cloneShipping: 'Clonar envío',
-            CloneTravelAndEntries: 'Clonar travel y sus entradas',
-            deleteTravel: 'Eliminar envío',
-            AddEntry: 'Añadir entrada',
-            thermographs: 'Termógrafos',
-            hb: 'HB',
-        },
-        variables: {
-            search: 'Id/Referencia',
-            agencyModeFk: 'Agencia',
-            warehouseInFk: 'Alm. entrada',
-            warehouseOutFk: ' Alm. salida',
-            landedFrom: 'Llegada desde',
-            landedTo: 'Llegada hasta',
-            continent: 'Cont. Salida',
-            totalEntries: 'Ent. totales',
-        },
-        basicData: {
-            reference: 'Referencia',
-            agency: 'Agencia',
-            shipped: 'F. Envío',
-            landed: 'F. entrega',
-            warehouseOut: 'Alm. salida',
-            warehouseIn: 'Alm. entrada',
-            delivered: 'Enviada',
-            received: 'Recibida',
-        },
-        thermographs: {
-            code: 'Código',
-            temperature: 'Temperatura',
-            state: 'Estado',
-            destination: 'Destino',
-            created: 'Fecha creación',
-            thermograph: 'Termógrafo',
-            reference: 'Referencia',
-            type: 'Tipo',
-            company: 'Empresa',
-            warehouse: 'Almacén',
-            travelFileDescription: 'Id envío { travelId }',
-            file: 'Fichero',
-        },
-    },
-    item: {
-        pageTitles: {
-            items: 'Artículos',
-            list: 'Listado',
-            diary: 'Histórico',
-            tags: 'Etiquetas',
-        },
-        descriptor: {
-            item: 'Artículo',
-            buyer: 'Comprador',
-            color: 'Color',
-            category: 'Categoría',
-            stems: 'Tallos',
-            visible: 'Visible',
-            available: 'Disponible',
-            warehouseText: 'Calculado sobre el almacén de { warehouseName }',
-            itemDiary: 'Registro de compra-venta',
-        },
-    },
-    components: {
-        topbar: {},
-        userPanel: {
-            copyToken: 'Token copiado al portapapeles',
-            settings: 'Configuración',
-            logOut: 'Cerrar sesión',
-        },
-        smartCard: {
-            downloadFile: 'Descargar archivo',
-            clone: 'Clonar',
-            openCard: 'Ficha',
-            openSummary: 'Detalles',
-        },
-        cardDescriptor: {
-            mainList: 'Listado principal',
-            summary: 'Resumen',
-            moreOptions: 'Más opciones',
-        },
-        leftMenu: {
-            addToPinned: 'Añadir a fijados',
-            removeFromPinned: 'Eliminar de fijados',
-        },
-        VnLv: {
-            copyText: '{copyValue} se ha copiado al portapepeles',
-        },
-        iban_tooltip: 'IBAN: ES21 1234 5678 90 0123456789',
-    },
-};
diff --git a/src/i18n/index.js b/src/i18n/index.js
index a375812df..aa25fcc14 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -1,9 +1,28 @@
-import en from './en';
-import es from './es';
-export const localeEquivalence = {
-     'en':'en-GB'
+const files = import.meta.glob(`./locale/*.yml`);
+const modules = import.meta.glob(`../pages/**/locale/*.yml`);
+
+const translations = {};
+
+for (const file in files) {
+    const lang = file.split('/').at(2).split('.')[0];
+
+    files[file]()
+        .then((g) => {
+            translations[lang] = g.default;
+        })
+        .finally(() => {
+            const actualLang = lang + '.yml';
+            for (const module in modules) {
+                if (!module.endsWith(actualLang)) continue;
+                modules[module]().then((t) => {
+                    Object.assign(translations[lang], t.default);
+                })
+            }
+    });
 }
-export default {
-    en: en,
-    es: es,
+
+export const localeEquivalence = {
+    en: 'en-GB',
 };
+
+export default translations;
diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
new file mode 100644
index 000000000..3ac3d18a0
--- /dev/null
+++ b/src/i18n/locale/en.yml
@@ -0,0 +1,1202 @@
+globals:
+    lang:
+        es: Spanish
+        en: English
+    language: Language
+    entity: Entity
+    user: User
+    details: Details
+    collapseMenu: Collapse left menu
+    backToDashboard: Return to dashboard
+    notifications: Notifications
+    userPanel: User panel
+    modules: Modules
+    pinnedModules: Pinned modules
+    darkMode: Dark mode
+    logOut: Log out
+    date: Date
+    dataSaved: Data saved
+    dataDeleted: Data deleted
+    search: Search
+    changes: Changes
+    dataCreated: Data created
+    add: Add
+    create: Create
+    edit: Edit
+    save: Save
+    remove: Remove
+    reset: Reset
+    close: Close
+    cancel: Cancel
+    confirm: Confirm
+    assign: Assign
+    back: Back
+    yes: 'Yes'
+    no: 'No'
+    noChanges: No changes to save
+    changesToSave: You have changes pending to save
+    confirmRemove: You are about to delete this row. Are you sure?
+    rowAdded: Row added
+    rowRemoved: Row removed
+    pleaseWait: Please wait...
+    noPinnedModules: You don't have any pinned modules
+    summary:
+        basicData: Basic data
+    today: Today
+    yesterday: Yesterday
+    dateFormat: en-GB
+    microsip: Open in MicroSIP
+    noSelectedRows: You don't have any line selected
+    downloadCSVSuccess: CSV downloaded successfully
+    reference: Reference
+    agency: Agency
+    wareHouseOut: Warehouse Out
+    wareHouseIn: Warehouse In
+    landed: Landed
+    shipped: Shipped
+    totalEntries: Total entries
+    amount: Amount
+    packages: Packages
+    download: Download
+    selectRows: 'Select all { numberRows } row(s)'
+    allRows: 'All { numberRows } row(s)'
+    markAll: Mark all
+    requiredField: Required field
+    class: clase
+    type: Type
+    reason: reason
+    noResults: No results
+    system: System
+    notificationSent: Notification sent
+    warehouse: Warehouse
+    company: Company
+    fieldRequired: Field required
+    allowedFilesText: 'Allowed file types: { allowedContentTypes }'
+    smsSent: SMS sent
+    confirmDeletion: Confirm deletion
+    confirmDeletionMessage: Are you sure you want to delete this?
+    description: Description
+    id: Id
+    order: Order
+    original: Original
+    file: File
+    selectFile: Select a file
+    copyClipboard: Copy on clipboard
+    salesPerson: SalesPerson
+    code: Code
+    pageTitles:
+        summary: Summary
+        basicData: Basic data
+        log: Logs
+        parkingList: Parkings list
+    created: Created
+    worker: Worker
+    now: Now
+errors:
+    statusUnauthorized: Access denied
+    statusInternalServerError: An internal server error has ocurred
+    statusBadGateway: It seems that the server has fall down
+    statusGatewayTimeout: Could not contact the server
+    userConfig: Error fetching user config
+    writeRequest: The requested operation could not be completed
+login:
+    title: Login
+    username: Username
+    password: Password
+    submit: Log in
+    keepLogin: Keep me logged in
+    loginSuccess: You have successfully logged in
+    loginError: Invalid username or password
+    fieldRequired: This field is required
+    twoFactorRequired: Two-factor verification required
+    pageTitles:
+        logIn: Login
+twoFactor:
+    code: Code
+    validate: Validate
+    insert: Enter the verification code
+    explanation: >-
+        Please, enter the verification code that we have sent to your email in the
+        next 5 minutes
+    pageTitles:
+        twoFactor: Two-Factor
+verifyEmail:
+    pageTitles:
+        verifyEmail: Email verification
+dashboard:
+    pageTitles:
+        dashboard: Dashboard
+customer:
+    pageTitles:
+        customers: Customers
+        list: List
+        webPayments: Web Payments
+        extendedList: Extended list
+        notifications: Notifications
+        defaulter: Defaulter
+        customerCreate: New customer
+        summary: Summary
+        basicData: Basic data
+        fiscalData: Fiscal data
+        billingData: Billing data
+        consignees: Consignees
+        notes: Notes
+        credits: Credits
+        greuges: Greuges
+        balance: Balance
+        recoveries: Recoveries
+        webAccess: Web access
+        log: Log
+        sms: Sms
+        creditManagement: Credit management
+        creditContracts: Credit contracts
+        creditOpinion: Credit opinion
+        others: Others
+        samples: Samples
+        consumption: Consumption
+        mandates: Mandates
+        contacts: Contacts
+        webPayment: Web payment
+        fileManagement: File management
+        unpaid: Unpaid
+    list:
+        phone: Phone
+        email: Email
+        customerOrders: Display customer orders
+        moreOptions: More options
+    card:
+        customerList: Customer list
+        customerId: Claim ID
+        salesPerson: Sales person
+        credit: Credit
+        risk: Risk
+        securedCredit: Secured credit
+        payMethod: Pay method
+        debt: Debt
+        isFrozen: Customer frozen
+        hasDebt: Customer has debt
+        isDisabled: Customer inactive
+        notChecked: Customer no checked
+        webAccountInactive: Web account inactive
+        noWebAccess: Web access is disabled
+        businessType: Business type
+        passwordRequirements: 'The password must have at least { length } length characters, {nAlpha} alphabetic characters, {nUpper} capital letters, {nDigits} digits and {nPunct} symbols (Ex: $%&.)\n'
+        businessTypeFk: Business type
+    summary:
+        basicData: Basic data
+        fiscalAddress: Fiscal address
+        fiscalData: Fiscal data
+        billingData: Billing data
+        consignee: Default consignee
+        businessData: Business data
+        financialData: Financial data
+        customerId: Customer ID
+        name: Name
+        contact: Contact
+        phone: Phone
+        mobile: Mobile
+        email: Email
+        salesPerson: Sales person
+        contactChannel: Contact channel
+        socialName: Social name
+        fiscalId: Fiscal ID
+        postcode: Postcode
+        province: Province
+        country: Country
+        street: Address
+        isEqualizated: Is equalizated
+        isActive: Is active
+        invoiceByAddress: Invoice by address
+        verifiedData: Verified data
+        hasToInvoice: Has to invoice
+        notifyByEmail: Notify by email
+        vies: VIES
+        payMethod: Pay method
+        bankAccount: Bank account
+        dueDay: Due day
+        hasLcr: Has LCR
+        hasCoreVnl: Has core VNL
+        hasB2BVnl: Has B2B VNL
+        addressName: Address name
+        addressCity: City
+        addressStreet: Street
+        username: Username
+        webAccess: Web access
+        totalGreuge: Total greuge
+        mana: Mana
+        priceIncreasingRate: Price increasing rate
+        averageInvoiced: Average invoiced
+        claimRate: Claming rate
+        risk: Risk
+        riskInfo: Invoices minus payments plus orders not yet invoiced
+        credit: Credit
+        creditInfo: Company's maximum risk
+        securedCredit: Secured credit
+        securedCreditInfo: Solunion's maximum risk
+        balance: Balance
+        balanceInfo: Invoices minus payments
+        balanceDue: Balance due
+        balanceDueInfo: Deviated invoices minus payments
+        recoverySince: Recovery since
+        businessType: Business Type
+        city: City
+        descriptorInfo: Invoices minus payments plus orders not yet
+        rating: Rating
+        recommendCredit: Recommended credit
+    basicData:
+        socialName: Fiscal name
+        businessType: Business type
+        contact: Contact
+        youCanSaveMultipleEmails: You can save multiple emails
+        email: Email
+        phone: Phone
+        mobile: Mobile
+        salesPerson: Sales person
+        contactChannel: Contact channel
+        previousClient: Previous client
+    extendedList:
+        tableVisibleColumns:
+            id: Identifier
+            name: Name
+            fi: Tax number
+            salesPersonFk: Salesperson
+            credit: Credit
+            creditInsurance: Credit insurance
+            phone: Phone
+            mobile: Mobile
+            street: Street
+            countryFk: Country
+            provinceFk: Province
+            city: City
+            postcode: Postcode
+            email: Email
+            created: Created
+            businessTypeFk: Business type
+            payMethodFk: Billing data
+            sageTaxTypeFk: Sage tax type
+            sageTransactionTypeFk: Sage tr. type
+            isActive: Active
+            isVies: Vies
+            isTaxDataChecked: Verified data
+            isEqualizated: Is equalizated
+            isFreezed: Freezed
+            hasToInvoice: Invoice
+            hasToInvoiceByAddress: Invoice by address
+            isToBeMailed: Mailing
+            hasLcr: Received LCR
+            hasCoreVnl: VNL core received
+            hasSepaVnl: VNL B2B received
+entry:
+    pageTitles:
+        entries: Entries
+        list: List
+        summary: Summary
+        basicData: Basic data
+        buys: Buys
+        notes: Notes
+        dms: File management
+        log: Log
+        entryCreate: New entry
+        latestBuys: Latest buys
+    list:
+        newEntry: New entry
+        landed: Landed
+        invoiceNumber: Invoice number
+        supplier: Supplier
+        booked: Booked
+        confirmed: Confirmed
+        ordered: Ordered
+    summary:
+        commission: Commission
+        currency: Currency
+        company: Company
+        reference: Reference
+        invoiceNumber: Invoice number
+        ordered: Ordered
+        confirmed: Confirmed
+        booked: Booked
+        raid: Raid
+        excludedFromAvailable: Inventory
+        travelReference: Reference
+        travelAgency: Agency
+        travelShipped: Shipped
+        travelWarehouseOut: Warehouse Out
+        travelDelivered: Delivered
+        travelLanded: Landed
+        travelWarehouseIn: Warehouse In
+        travelReceived: Received
+        buys: Buys
+        quantity: Quantity
+        stickers: Stickers
+        package: Package
+        weight: Weight
+        packing: Packing
+        grouping: Grouping
+        buyingValue: Buying value
+        import: Import
+        pvp: PVP
+        item: Item
+    basicData:
+        supplier: Supplier
+        travel: Travel
+        reference: Reference
+        invoiceNumber: Invoice number
+        company: Company
+        currency: Currency
+        commission: Commission
+        observation: Observation
+        ordered: Ordered
+        confirmed: Confirmed
+        booked: Booked
+        raid: Raid
+        excludedFromAvailable: Inventory
+        agency: Agency
+        warehouseOut: Warehouse Out
+        warehouseIn: Warehouse In
+        shipped: Shipped
+        landed: Landed
+        id: ID
+    buys:
+        groupingPrice: Grouping price
+        packingPrice: Packing price
+        reference: Reference
+        observations: Observations
+        item: Item
+        size: Size
+        packing: Packing
+        grouping: Grouping
+        buyingValue: Buying value
+        packagingFk: Box
+        file: File
+        name: Name
+        producer: Producer
+        type: Type
+        color: Color
+        id: ID
+    notes:
+        observationType: Observation type
+    descriptor:
+        agency: Agency
+        landed: Landed
+        warehouseOut: Warehouse Out
+    latestBuys:
+        picture: Picture
+        itemFk: Item ID
+        packing: Packing
+        grouping: Grouping
+        quantity: Quantity
+        size: Size
+        tags: Tags
+        type: Type
+        intrastat: Intrastat
+        origin: Origin
+        weightByPiece: Weight/Piece
+        isActive: Active
+        family: Family
+        entryFk: Entry
+        buyingValue: Buying value
+        freightValue: Freight value
+        comissionValue: Commission value
+        packageValue: Package value
+        isIgnored: Is ignored
+        price2: Grouping
+        price3: Packing
+        minPrice: Min
+        ektFk: Ekt
+        weight: Weight
+        packagingFk: Package
+        packingOut: Package out
+        landing: Landing
+ticket:
+    pageTitles:
+        tickets: Tickets
+        list: List
+        ticketCreate: New ticket
+        summary: Summary
+        basicData: Basic Data
+        boxing: Boxing
+        sms: Sms
+        notes: Notes
+    list:
+        nickname: Nickname
+        state: State
+        shipped: Shipped
+        landed: Landed
+        salesPerson: Sales person
+        total: Total
+    card:
+        ticketId: Ticket ID
+        state: State
+        customerId: Customer ID
+        salesPerson: Sales person
+        agency: Agency
+        shipped: Shipped
+        warehouse: Warehouse
+        customerCard: Customer card
+        alias: Alias
+    boxing:
+        expedition: Expedition
+        item: Item
+        created: Created
+        worker: Worker
+        selectTime: 'Select time:'
+        selectVideo: 'Select video:'
+        notFound: No videos available
+    summary:
+        state: State
+        salesPerson: Sales person
+        agency: Agency
+        zone: Zone
+        warehouse: Warehouse
+        route: Route
+        invoice: Invoice
+        shipped: Shipped
+        landed: Landed
+        consigneePhone: Consignee phone
+        consigneeMobile: Consignee mobile
+        clientPhone: Client phone
+        clientMobile: Client mobile
+        consignee: Consignee
+        subtotal: Subtotal
+        vat: VAT
+        total: Total
+        saleLines: Line items
+        item: Item
+        visible: Visible
+        available: Available
+        quantity: Quantity
+        price: Price
+        discount: Discount
+        packing: Packing
+        hasComponentLack: Component lack
+        itemShortage: Not visible
+        claim: Claim
+        reserved: Reserved
+        created: Created
+        package: Package
+        taxClass: Tax class
+        services: Services
+        changeState: Change state
+        requester: Requester
+        atender: Atender
+        request: Request
+        weight: Weight
+        goTo: Go to
+        summaryAmount: Summary
+    create:
+        client: Client
+        address: Address
+        landed: Landed
+        warehouse: Warehouse
+        agency: Agency
+claim:
+    pageTitles:
+        claims: Claims
+        list: List
+        claimCreate: New claim
+        summary: Summary
+        basicData: Basic Data
+        lines: Lines
+        photos: Photos
+        development: Development
+        log: Audit logs
+        notes: Notes
+        action: Action
+    list:
+        customer: Customer
+        assignedTo: Assigned
+        created: Created
+        state: State
+    rmaList:
+        code: Code
+        records: records
+    card:
+        claimId: Claim ID
+        assignedTo: Assigned
+        created: Created
+        state: State
+        ticketId: Ticket ID
+        customerSummary: Customer summary
+        claimedTicket: Claimed ticket
+        saleTracking: Sale tracking
+        ticketTracking: Ticket tracking
+        commercial: Commercial
+        province: Province
+        zone: Zone
+        customerId: client ID
+    summary:
+        customer: Customer
+        assignedTo: Assigned
+        attendedBy: Attended by
+        created: Created
+        state: State
+        details: Details
+        item: Item
+        landed: Landed
+        quantity: Quantity
+        claimed: Claimed
+        price: Price
+        discount: Discount
+        total: Total
+        actions: Actions
+        responsibility: Responsibility
+        company: Company
+        person: Employee/Customer
+        notes: Notes
+        photos: Photos
+        development: Development
+        reason: Reason
+        result: Result
+        responsible: Responsible
+        worker: Worker
+        redelivery: Redelivery
+    basicData:
+        customer: Customer
+        assignedTo: Assigned
+        created: Created
+        state: State
+        pickup: Pick up
+    photo:
+        fileDescription: 'Claim id {claimId} from client {clientName} id {clientId}'
+        noData: 'There are no images/videos, click here or drag and drop the file'
+        dragDrop: Drag and drop it here
+invoiceOut:
+    pageTitles:
+        invoiceOuts: Invoice out
+        list: List
+        negativeBases: Negative Bases
+        globalInvoicing: Global invoicing
+        invoiceOutCreate: Create invoice out
+        summary: Summary
+        basicData: Basic Data
+    list:
+        ref: Reference
+        issued: Issued
+        shortIssued: Issued
+        client: Client
+        created: Created
+        shortCreated: Created
+        company: Company
+        dued: Due date
+        shortDued: Due date
+        amount: Amount
+    card:
+        issued: Issued
+        client: Client
+        company: Company
+        customerCard: Customer card
+        ticketList: Ticket List
+    summary:
+        issued: Issued
+        created: Created
+        dued: Due
+        booked: Booked
+        company: Company
+        taxBreakdown: Tax breakdown
+        type: Type
+        taxableBase: Taxable base
+        rate: Rate
+        fee: Fee
+        tickets: Tickets
+        ticketId: Ticket id
+        nickname: Alias
+        shipped: Shipped
+        totalWithVat: Amount
+    globalInvoices:
+        errors:
+            chooseValidClient: Choose a valid client
+            chooseValidCompany: Choose a valid company
+            chooseValidPrinter: Choose a valid printer
+            fillDates: Invoice date and the max date should be filled
+            invoiceDateLessThanMaxDate: Invoice date can not be less than max date
+            invoiceWithFutureDate: Exists an invoice with a future date
+            noTicketsToInvoice: There are not tickets to invoice
+            criticalInvoiceError: 'Critical invoicing error, process stopped'
+        table:
+            client: Client
+            addressId: Address id
+            streetAddress: Street
+        statusCard:
+            percentageText: '{getPercentage}% {getAddressNumber} of {getNAddresses}'
+            pdfsNumberText: '{nPdfs} of {totalPdfs} PDFs'
+    negativeBases:
+        from: From
+        to: To
+        company: Company
+        country: Country
+        clientId: Client Id
+        client: Client
+        amount: Amount
+        base: Base
+        ticketId: Ticket Id
+        active: Active
+        hasToInvoice: Has to Invoice
+        verifiedData: Verified Data
+        comercial: Comercial
+        errors:
+            downloadCsvFailed: CSV download failed
+shelving:
+    pageTitles:
+        shelving: Shelving
+        shelvingList: Shelving List
+        shelvingCreate: New shelving
+        summary: Summary
+        basicData: Basic Data
+        log: Logs
+    list:
+        parking: Parking
+        priority: Priority
+        newShelving: New Shelving
+    summary:
+        code: Code
+        parking: Parking
+        priority: Priority
+        worker: Worker
+        recyclable: Recyclable
+    basicData:
+        code: Code
+        parking: Parking
+        priority: Priority
+        recyclable: Recyclable
+parking:
+    pickingOrder: Picking order
+    sector: Sector
+    row: Row
+    column: Column
+    pageTitles:
+        parking: Parking
+    searchBar:
+        info: You can search by parking code
+        label: Search parking...
+invoiceIn:
+    pageTitles:
+        invoiceIns: Invoices In
+        list: List
+        invoiceInCreate: Create invoice in
+        summary: Summary
+        basicData: Basic data
+        vat: VAT
+        dueDay: Due day
+        intrastat: Intrastat
+        corrective: Corrective
+        log: Logs
+    list:
+        ref: Reference
+        supplier: Supplier
+        supplierRef: Supplier ref.
+        serialNumber: Serial number
+        serial: Serial
+        file: File
+        issued: Issued
+        isBooked: Is booked
+        awb: AWB
+        amount: Amount
+    card:
+        issued: Issued
+        amount: Amount
+        client: Client
+        company: Company
+        customerCard: Customer card
+        ticketList: Ticket List
+        vat: Vat
+        dueDay: Due day
+        intrastat: Intrastat
+    summary:
+        supplier: Supplier
+        supplierRef: Supplier ref.
+        currency: Currency
+        docNumber: Doc number
+        issued: Expedition date
+        operated: Operation date
+        bookEntried: Entry date
+        bookedDate: Booked date
+        sage: Sage withholding
+        vat: Undeductible VAT
+        company: Company
+        booked: Booked
+        expense: Expense
+        taxableBase: Taxable base
+        rate: Rate
+        sageVat: Sage vat
+        sageTransaction: Sage transaction
+        dueDay: Date
+        bank: Bank
+        amount: Amount
+        foreignValue: Foreign value
+        dueTotal: Due day
+        noMatch: Do not match
+        code: Code
+        net: Net
+        stems: Stems
+        country: Country
+order:
+    pageTitles:
+        order: Orders
+        orderList: List
+        orderCreate: New order
+        summary: Summary
+        basicData: Basic Data
+        catalog: Catalog
+        volume: Volume
+        lines: Lines
+    field:
+        salesPersonFk: Sales Person
+        clientFk: Client
+        isConfirmed: Confirmed
+        created: Created
+        landed: Landed
+        hour: Hour
+        agency: Agency
+        total: Total
+    form:
+        clientFk: Client
+        addressFk: Address
+        landed: Landed
+        agencyModeFk: Agency
+    list:
+        newOrder: New Order
+    summary:
+        basket: Basket
+        nickname: Nickname
+        company: Company
+        confirmed: Confirmed
+        notConfirmed: Not confirmed
+        created: Created
+        landed: Landed
+        phone: Phone
+        createdFrom: Created From
+        address: Address
+        notes: Notes
+        subtotal: Subtotal
+        total: Total
+        vat: VAT
+        state: State
+        alias: Alias
+        items: Items
+        orderTicketList: Order Ticket List
+        details: Details
+        item: Item
+        quantity: Quantity
+        price: Price
+        amount: Amount
+department:
+    pageTitles:
+        basicData: Basic data
+        department: Department
+        summary: Summary
+    name: Name
+    code: Code
+    chat: Chat
+    bossDepartment: Boss Department
+    email: Email
+    selfConsumptionCustomer: Self-consumption customer
+    telework: Telework
+    notifyOnErrors: Notify on errors
+    worksInProduction: Works in production
+    hasToRefill: Fill in days without physical check-ins
+    hasToSendMail: Send check-ins by email
+    departmentRemoved: Department removed
+worker:
+    pageTitles:
+        workers: Workers
+        list: List
+        basicData: Basic data
+        summary: Summary
+        notifications: Notifications
+        workerCreate: New worker
+        department: Department
+        pda: PDA
+        notes: Notas
+        dms: My documentation
+        pbx: Private Branch Exchange
+        log: Log
+        calendar: Calendar
+    list:
+        name: Name
+        email: Email
+        phone: Phone
+        mobile: Mobile
+        active: Active
+        department: Department
+        schedule: Schedule
+        newWorker: New worker
+    card:
+        workerId: Worker ID
+        name: Name
+        email: Email
+        phone: Phone
+        mobile: Mobile
+        active: Active
+        warehouse: Warehouse
+        agency: Agency
+        salesPerson: Sales person
+    summary:
+        basicData: Basic data
+        boss: Boss
+        phoneExtension: Phone extension
+        entPhone: Enterprise phone
+        personalPhone: Personal phone
+        noBoss: No boss
+        userData: User data
+        userId: User ID
+        role: Role
+        sipExtension: Extension
+        locker: Locker
+    notificationsManager:
+        activeNotifications: Active notifications
+        availableNotifications: Available notifications
+        subscribed: Subscribed to the notification
+        unsubscribed: Unsubscribed from the notification
+    pda:
+        newPDA: New PDA
+        currentPDA: Current PDA
+        model: Model
+        serialNumber: Serial number
+        removePDA: Deallocate PDA
+    create:
+        name: Name
+        lastName: Last name
+        birth: Birth
+        fi: Fi
+        code: Worker code
+        phone: Phone
+        postcode: Postcode
+        province: Province
+        city: City
+        street: Street
+        webUser: Web user
+        personalEmail: Personal email
+        company: Company
+        boss: Boss
+        payMethods: Pay method
+        iban: IBAN
+        bankEntity: Swift / BIC
+    imageNotFound: Image not found
+wagon:
+    pageTitles:
+        wagons: Wagons
+        wagonsList: Wagons List
+        wagonCreate: Create wagon
+        wagonEdit: Edit wagon
+        typesList: Types List
+        typeCreate: Create type
+        typeEdit: Edit type
+        wagonCounter: Trolley counter
+    type:
+        name: Name
+        submit: Submit
+        reset: Reset
+        trayColor: Tray color
+        removeItem: Wagon type removed successfully
+    list:
+        plate: Plate
+        volume: Volume
+        type: Type
+        remove: Remove
+        removeItem: Wagon removed successfully
+    create:
+        plate: Plate
+        volume: Volume
+        type: Type
+        label: Label
+    warnings:
+        noData: No data available
+        nameNotEmpty: Name can not be empty
+        labelNotEmpty: Label can not be empty
+        plateNotEmpty: Plate can not be empty
+        volumeNotEmpty: Volume can not be empty
+        typeNotEmpty: Type can not be empty
+        maxTrays: You have reached the max number of trays
+        minHeightBetweenTrays: 'The minimum height between trays is '
+        maxWagonHeight: 'The maximum height of the wagon is '
+        uncompleteTrays: There are incomplete trays
+route/roadmap:
+    pageTitles:
+        roadmap: Roadmap
+        summary: Summary
+        basicData: Basic Data
+        stops: Stops
+roadmap:
+    pageTitles:
+        roadmap: Roadmap
+        summary: Summary
+        basicData: Basic Data
+        stops: Stops
+route:
+    pageTitles:
+        routes: Routes
+        cmrsList: External CMRs list
+        RouteList: List
+        routeCreate: New route
+        basicData: Basic Data
+        summary: Summary
+        RouteRoadmap: Roadmaps
+        RouteRoadmapCreate: Create roadmap
+        tickets: Tickets
+        log: Log
+        autonomous: Autonomous
+    cmr:
+        list:
+            results: results
+            cmrFk: CMR id
+            hasCmrDms: Attached in gestdoc
+            'true': 'Yes'
+            'false': 'No'
+            ticketFk: Ticketd id
+            routeFk: Route id
+            country: Country
+            clientFk: Client id
+            shipped: Preparation date
+            viewCmr: View CMR
+            downloadCmrs: Download CMRs
+supplier:
+    pageTitles:
+        suppliers: Suppliers
+        supplier: Supplier
+        list: List
+        supplierCreate: New supplier
+        summary: Summary
+        basicData: Basic data
+        fiscalData: Fiscal data
+        billingData: Billing data
+        log: Log
+        accounts: Accounts
+        contacts: Contacts
+        addresses: Addresses
+        consumption: Consumption
+        agencyTerm: Agency agreement
+        dms: File management
+    list:
+        payMethod: Pay method
+        payDeadline: Pay deadline
+        payDay: Pay day
+        account: Account
+        newSupplier: New supplier
+    summary:
+        responsible: Responsible
+        notes: Notes
+        verified: Verified
+        isActive: Is active
+        billingData: Billing data
+        payMethod: Pay method
+        payDeadline: Pay deadline
+        payDay: Día de pago
+        account: Account
+        fiscalData: Fiscal data
+        sageTaxType: Sage tax type
+        sageTransactionType: Sage transaction type
+        sageWithholding: Sage withholding
+        supplierActivity: Supplier activity
+        healthRegister: Healt register
+        fiscalAddress: Fiscal address
+        socialName: Social name
+        taxNumber: Tax number
+        street: Street
+        city: City
+        postCode: Postcode
+        province: Province
+        country: Country
+    create:
+        supplierName: Supplier name
+    basicData:
+        alias: Alias
+        workerFk: Responsible
+        isSerious: Verified
+        isActive: Active
+        isPayMethodChecked: PayMethod checked
+        note: Notes
+    fiscalData:
+        name: Social name *
+        nif: Tax number *
+        account: Account
+        sageTaxTypeFk: Sage tax type
+        sageWithholdingFk: Sage withholding
+        sageTransactionTypeFk: Sage transaction type
+        supplierActivityFk: Supplier activity
+        healthRegister: Health register
+        street: Street
+        postcode: Postcode
+        city: City *
+        provinceFk: Province
+        country: Country
+        isTrucker: Trucker
+        isVies: Vies
+    billingData:
+        payMethodFk: Billing data
+        payDemFk: Payment deadline
+        payDay: Pay day
+    accounts:
+        iban: Iban
+        bankEntity: Bank entity
+        beneficiary: Beneficiary
+    contacts:
+        name: Name
+        phone: Phone
+        mobile: Mobile
+        email: Email
+        observation: Notes
+    addresses:
+        street: Street
+        postcode: Postcode
+        phone: Phone
+        name: Name
+        city: City
+        province: Province
+        mobile: Mobile
+    agencyTerms:
+        agencyFk: Agency
+        minimumM3: Minimum M3
+        packagePrice: Package Price
+        kmPrice: Km Price
+        m3Price: M3 Price
+        routePrice: Route price
+        minimumKm: Minimum Km
+        addRow: Add row
+    consumption:
+        entry: Entry
+        date: Date
+        reference: Reference
+travel:
+    pageTitles:
+        travel: Travels
+        list: List
+        summary: Summary
+        extraCommunity: Extra community
+        travelCreate: New travel
+        basicData: Basic data
+        history: Log
+        thermographs: Thermograph
+    summary:
+        confirmed: Confirmed
+        entryId: Entry Id
+        freight: Freight
+        package: Package
+        delivered: Delivered
+        received: Received
+        entries: Entries
+        cloneShipping: Clone travel
+        CloneTravelAndEntries: Clone travel and his entries
+        deleteTravel: Delete travel
+        AddEntry: Add entry
+        thermographs: Thermographs
+        hb: HB
+    variables:
+        search: Id/Reference
+        agencyModeFk: Agency
+        warehouseInFk: ' Warehouse In'
+        warehouseOutFk: Warehouse Out
+        landedFrom: Landed from
+        landedTo: Landed to
+        continent: Continent out
+        totalEntries: Total entries
+    basicData:
+        reference: Reference
+        agency: Agency
+        shipped: Shipped
+        landed: Landed
+        warehouseOut: Warehouse Out
+        warehouseIn: Warehouse In
+        delivered: Delivered
+        received: Received
+    thermographs:
+        code: Code
+        temperature: Temperature
+        state: State
+        destination: Destination
+        created: Created
+        thermograph: Thermograph
+        reference: Reference
+        type: Type
+        company: Company
+        warehouse: Warehouse
+        travelFileDescription: 'Travel id { travelId }'
+        file: File
+item:
+    pageTitles:
+        items: Items
+        list: List
+        diary: Diary
+        tags: Tags
+        wasteBreakdown: Waste breakdown
+        itemCreate: New item
+    descriptor:
+        item: Item
+        buyer: Buyer
+        color: Color
+        category: Category
+        stems: Stems
+        visible: Visible
+        available: Available
+        warehouseText: 'Calculated on the warehouse of { warehouseName }'
+        itemDiary: Item diary
+    list:
+        id: Identifier
+        grouping: Grouping
+        packing: Packing
+        description: Description
+        stems: Stems
+        category: Category
+        typeName: Type
+        intrastat: Intrastat
+        isActive: Active
+        size: Size
+        origin: Origin
+        userName: Buyer
+        weightByPiece: Weight/Piece
+        stemMultiplier: Multiplier
+        producer: Producer
+        landed: Landed
+    create:
+        name: Name
+        tag: Tag
+        priority: Priority
+        type: Type
+        intrastat: Intrastat
+        origin: Origin
+components:
+    topbar: {}
+    userPanel:
+        copyToken: Token copied to clipboard
+        settings: Settings
+        logOut: Log Out
+        localWarehouse: Local warehouse
+        localBank: Local bank
+        localCompany: Local company
+        userWarehouse: User warehouse
+        userCompany: User company
+    smartCard:
+        downloadFile: Download file
+        clone: Clone
+        openCard: View
+        openSummary: Summary
+    cardDescriptor:
+        mainList: Main list
+        summary: Summary
+        moreOptions: More options
+    leftMenu:
+        addToPinned: Add to pinned
+        removeFromPinned: Remove from pinned
+    VnLv:
+        copyText: '{copyValue} has been copied to the clipboard'
+    iban_tooltip: 'IBAN: ES21 1234 5678 90 0123456789'
+weekdays:
+    sun: Sunday
+    mon: Monday
+    tue: Tuesday
+    wed: Wednesday
+    thu: Thursday
+    fri: Friday
+    sat: Saturday
+months:
+    jan: January
+    feb: February
+    mar: March
+    apr: April
+    may: May
+    jun: June
+    jul: July
+    aug: August
+    sep: September
+    oct: October
+    nov: November
+    dec: December
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
new file mode 100644
index 000000000..4ecbcdbc0
--- /dev/null
+++ b/src/i18n/locale/es.yml
@@ -0,0 +1,1201 @@
+globals:
+    lang:
+        es: Español
+        en: Inglés
+    language: Idioma
+    entity: Entidad
+    user: Usuario
+    details: Detalles
+    collapseMenu: Contraer menú lateral
+    backToDashboard: Volver al tablón
+    notifications: Notificaciones
+    userPanel: Panel de usuario
+    modules: Módulos
+    pinnedModules: Módulos fijados
+    darkMode: Modo oscuro
+    logOut: Cerrar sesión
+    date: Fecha
+    dataSaved: Datos guardados
+    dataDeleted: Datos eliminados
+    search: Buscar
+    changes: Cambios
+    dataCreated: Datos creados
+    add: Añadir
+    create: Crear
+    edit: Modificar
+    save: Guardar
+    remove: Eliminar
+    reset: Restaurar
+    close: Cerrar
+    cancel: Cancelar
+    confirm: Confirmar
+    assign: Asignar
+    back: Volver
+    yes: Si
+    no: No
+    noChanges: Sin cambios que guardar
+    changesToSave: Tienes cambios pendientes de guardar
+    confirmRemove: Vas a eliminar este registro. ¿Continuar?
+    rowAdded: Fila añadida
+    rowRemoved: Fila eliminada
+    pleaseWait: Por favor espera...
+    noPinnedModules: No has fijado ningún módulo
+    summary:
+        basicData: Datos básicos
+    today: Hoy
+    yesterday: Ayer
+    dateFormat: es-ES
+    noSelectedRows: No tienes ninguna línea seleccionada
+    microsip: Abrir en MicroSIP
+    downloadCSVSuccess: Descarga de CSV exitosa
+    reference: Referencia
+    agency: Agencia
+    wareHouseOut: Alm. salida
+    wareHouseIn: Alm. entrada
+    landed: F. entrega
+    shipped: F. envío
+    totalEntries: Ent. totales
+    amount: Importe
+    packages: Bultos
+    download: Descargar
+    selectRows: 'Seleccionar las { numberRows } filas(s)'
+    allRows: 'Todo { numberRows } filas(s)'
+    markAll: Marcar todo
+    requiredField: Campo obligatorio
+    class: clase
+    type: Tipo
+    reason: motivo
+    noResults: Sin resultados
+    system: Sistema
+    notificationSent: Notificación enviada
+    warehouse: Almacén
+    company: Empresa
+    fieldRequired: Campo requerido
+    allowedFilesText: 'Tipos de archivo permitidos: { allowedContentTypes }'
+    smsSent: SMS enviado
+    confirmDeletion: Confirmar eliminación
+    confirmDeletionMessage: ¿Seguro que quieres eliminar?
+    description: Descripción
+    id: Id
+    order: Orden
+    original: Original
+    file: Fichero
+    selectFile: Seleccione un fichero
+    copyClipboard: Copiar en portapapeles
+    salesPerson: Comercial
+    code: Código
+    pageTitles:
+        summary: Resumen
+        basicData: Datos básicos
+        log: Historial
+        parkingList: Listado de parkings
+    created: Fecha creación
+    worker: Trabajador
+    now: Ahora
+errors:
+    statusUnauthorized: Acceso denegado
+    statusInternalServerError: Ha ocurrido un error interno del servidor
+    statusBadGateway: Parece ser que el servidor ha caído
+    statusGatewayTimeout: No se ha podido contactar con el servidor
+    userConfig: Error al obtener configuración de usuario
+    writeRequest: No se pudo completar la operación solicitada
+login:
+    title: Inicio de sesión
+    username: Nombre de usuario
+    password: Contraseña
+    submit: Iniciar sesión
+    keepLogin: Mantener sesión iniciada
+    loginSuccess: Inicio de sesión correcto
+    loginError: Nombre de usuario o contraseña incorrectos
+    fieldRequired: Este campo es obligatorio
+    twoFactorRequired: Verificación de doble factor requerida
+    pageTitles:
+        logIn: Inicio de sesión
+twoFactor:
+    code: Código
+    validate: Validar
+    insert: Introduce el código de verificación
+    explanation: Por favor introduce el código de verificación que te hemos enviado a tu email en los próximos 5 minutos
+    pageTitles:
+        twoFactor: Doble factor
+verifyEmail:
+    pageTitles:
+        verifyEmail: Verificación de correo
+dashboard:
+    pageTitles:
+        dashboard: Tablón
+customer:
+    pageTitles:
+        customers: Clientes
+        customerCreate: Nuevo cliente
+        list: Listado
+        webPayments: Pagos Web
+        extendedList: Listado extendido
+        notifications: Notificaciones
+        defaulter: Morosos
+        createCustomer: Crear cliente
+        summary: Resumen
+        basicData: Datos básicos
+        fiscalData: Datos fiscales
+        billingData: Forma de pago
+        consignees: Consignatarios
+        notes: Notas
+        credits: Créditos
+        greuges: Greuges
+        balance: Balance
+        recoveries: Recobros
+        webAccess: Acceso web
+        log: Historial
+        sms: Sms
+        creditManagement: Gestión de crédito
+        creditContracts: Contratos de crédito
+        creditOpinion: Opinión de crédito
+        others: Otros
+        samples: Plantillas
+        consumption: Consumo
+        mandates: Mandatos
+        contacts: Contactos
+        webPayment: Pago web
+        fileManagement: Gestión documental
+        unpaid: Impago
+    list:
+        phone: Teléfono
+        email: Email
+        customerOrders: Mostrar órdenes del cliente
+        moreOptions: Más opciones
+    card:
+        customerId: ID cliente
+        salesPerson: Comercial
+        credit: Crédito
+        risk: Riesgo
+        securedCredit: Crédito asegurado
+        payMethod: Método de pago
+        debt: Riesgo
+        isFrozen: Cliente congelado
+        hasDebt: Cliente con riesgo
+        isDisabled: Cliente inactivo
+        notChecked: Cliente no comprobado
+        webAccountInactive: Sin acceso web
+        noWebAccess: El acceso web está desactivado
+        businessType: Tipo de negocio
+        passwordRequirements: 'La contraseña debe tener al menos { length } caracteres de longitud, {nAlpha} caracteres alfabéticos, {nUpper} letras mayúsculas, {nDigits} dígitos y {nPunct} símbolos (Ej: $%&.)'
+        businessTypeFk: Tipo de negocio
+    summary:
+        basicData: Datos básicos
+        fiscalAddress: Dirección fiscal
+        fiscalData: Datos fiscales
+        billingData: Datos de facturación
+        consignee: Consignatario pred.
+        businessData: Datos comerciales
+        financialData: Datos financieros
+        customerId: ID cliente
+        name: Nombre
+        contact: Contacto
+        phone: Teléfono
+        mobile: Móvil
+        email: Email
+        salesPerson: Comercial
+        contactChannel: Canal de contacto
+        socialName: Razón social
+        fiscalId: NIF/CIF
+        postcode: Código postal
+        province: Provincia
+        country: País
+        street: Calle
+        isEqualizated: Recargo de equivalencia
+        isActive: Activo
+        invoiceByAddress: Facturar por consignatario
+        verifiedData: Datos verificados
+        hasToInvoice: Facturar
+        notifyByEmail: Notificar por email
+        vies: VIES
+        payMethod: Método de pago
+        bankAccount: Cuenta bancaria
+        dueDay: Día de pago
+        hasLcr: Recibido LCR
+        hasCoreVnl: Recibido core VNL
+        hasB2BVnl: Recibido B2B VNL
+        addressName: Nombre de la dirección
+        addressCity: Ciudad
+        addressStreet: Calle
+        username: Usuario
+        webAccess: Acceso web
+        totalGreuge: Greuge total
+        mana: Maná
+        priceIncreasingRate: Ratio de incremento de precio
+        averageInvoiced: Facturación media
+        claimRate: Ratio de reclamaciones
+        risk: Riesgo
+        riskInfo: Facturas menos recibos mas pedidos sin facturar
+        credit: Crédito
+        creditInfo: Riesgo máximo asumido por la empresa
+        securedCredit: Crédito asegurado
+        securedCreditInfo: Riesgo máximo asumido por Solunion
+        balance: Balance
+        balanceInfo: Facturas menos recibos
+        balanceDue: Saldo vencido
+        balanceDueInfo: Facturas fuera de plazo menos recibos
+        recoverySince: Recobro desde
+        businessType: Tipo de negocio
+        city: Población
+        descriptorInfo: Facturas menos recibos mas pedidos sin facturar
+        rating: Clasificación
+        recommendCredit: Crédito recomendado
+    basicData:
+        socialName: Nombre fiscal
+        businessType: Tipo de negocio
+        contact: Contacto
+        youCanSaveMultipleEmails: Puede guardar varios correos electrónicos encadenándolos mediante comas sin espacios{','} ejemplo{':'} user{'@'}dominio{'.'}com, user2{'@'}dominio{'.'}com siendo el primer correo electrónico el principal
+        email: Email
+        phone: Teléfono
+        mobile: Móvil
+        salesPerson: Comercial
+        contactChannel: Canal de contacto
+        previousClient: Cliente anterior
+    extendedList:
+        tableVisibleColumns:
+            id: Identificador
+            name: Nombre
+            fi: NIF / CIF
+            salesPersonFk: Comercial
+            credit: Crédito
+            creditInsurance: Crédito asegurado
+            phone: Teléfono
+            mobile: Móvil
+            street: Dirección fiscal
+            countryFk: País
+            provinceFk: Provincia
+            city: Población
+            postcode: Código postal
+            email: Email
+            created: Fecha creación
+            businessTypeFk: Tipo de negocio
+            payMethodFk: Forma de pago
+            sageTaxTypeFk: Tipo de impuesto Sage
+            sageTransactionTypeFk: Tipo tr. sage
+            isActive: Activo
+            isVies: Vies
+            isTaxDataChecked: Datos comprobados
+            isEqualizated: Recargo de equivalencias
+            isFreezed: Congelado
+            hasToInvoice: Factura
+            hasToInvoiceByAddress: Factura por consigna
+            isToBeMailed: Env. emails
+            hasLcr: Recibido LCR
+            hasCoreVnl: Recibido core VNL
+            hasSepaVnl: Recibido B2B VNL
+entry:
+    pageTitles:
+        entries: Entradas
+        list: Listado
+        summary: Resumen
+        basicData: Datos básicos
+        buys: Compras
+        notes: Notas
+        dms: Gestión documental
+        log: Historial
+        entryCreate: Nueva entrada
+        latestBuys: Últimas compras
+    list:
+        newEntry: Nueva entrada
+        landed: F. entrega
+        invoiceNumber: Núm. factura
+        supplier: Proveedor
+        booked: Asentado
+        confirmed: Confirmado
+        ordered: Pedida
+    summary:
+        commission: Comisión
+        currency: Moneda
+        company: Empresa
+        reference: Referencia
+        invoiceNumber: Núm. factura
+        ordered: Pedida
+        confirmed: Confirmada
+        booked: Contabilizada
+        raid: Redada
+        excludedFromAvailable: Inventario
+        travelReference: Referencia
+        travelAgency: Agencia
+        travelShipped: F. envio
+        travelWarehouseOut: Alm. salida
+        travelDelivered: Enviada
+        travelLanded: F. entrega
+        travelWarehouseIn: Alm. entrada
+        travelReceived: Recibida
+        buys: Compras
+        quantity: Cantidad
+        stickers: Etiquetas
+        package: Embalaje
+        weight: Peso
+        packing: Packing
+        grouping: Grouping
+        buyingValue: Coste
+        import: Importe
+        pvp: PVP
+        item: Artículo
+    basicData:
+        supplier: Proveedor
+        travel: Envío
+        reference: Referencia
+        invoiceNumber: Núm. factura
+        company: Empresa
+        currency: Moneda
+        observation: Observación
+        commission: Comisión
+        ordered: Pedida
+        confirmed: Confirmado
+        booked: Asentado
+        raid: Redada
+        excludedFromAvailable: Inventario
+        agency: Agencia
+        warehouseOut: Alm. salida
+        warehouseIn: Alm. entrada
+        shipped: F. envío
+        landed: F. entrega
+        id: ID
+    buys:
+        groupingPrice: Precio grouping
+        packingPrice: Precio packing
+        reference: Referencia
+        observations: Observaciónes
+        item: Artículo
+        size: Medida
+        packing: Packing
+        grouping: Grouping
+        buyingValue: Coste
+        packagingFk: Embalaje
+        file: Fichero
+        name: Nombre
+        producer: Productor
+        type: Tipo
+        color: Color
+        id: ID
+    notes:
+        observationType: Tipo de observación
+    descriptor:
+        agency: Agencia
+        landed: F. entrega
+        warehouseOut: Alm. salida
+    latestBuys:
+        picture: Foto
+        itemFk: ID Artículo
+        packing: Packing
+        grouping: Grouping
+        quantity: Cantidad
+        size: Medida
+        tags: Etiquetas
+        type: Tipo
+        intrastat: Intrastat
+        origin: Origen
+        weightByPiece: Peso (gramos)/tallo
+        isActive: Activo
+        family: Familia
+        entryFk: Entrada
+        buyingValue: Coste
+        freightValue: Porte
+        comissionValue: Comisión
+        packageValue: Embalaje
+        isIgnored: Ignorado
+        price2: Grouping
+        price3: Packing
+        minPrice: Min
+        ektFk: Ekt
+        weight: Peso
+        packagingFk: Embalaje
+        packingOut: Embalaje envíos
+        landing: Llegada
+ticket:
+    pageTitles:
+        tickets: Tickets
+        list: Listado
+        ticketCreate: Nuevo ticket
+        summary: Resumen
+        basicData: Datos básicos
+        boxing: Encajado
+        sms: Sms
+        notes: Notas
+    list:
+        nickname: Alias
+        state: Estado
+        shipped: Enviado
+        landed: Entregado
+        salesPerson: Comercial
+        total: Total
+    card:
+        ticketId: ID ticket
+        state: Estado
+        customerId: ID cliente
+        salesPerson: Comercial
+        agency: Agencia
+        shipped: Enviado
+        warehouse: Almacén
+        customerCard: Ficha del cliente
+        alias: Alias
+    boxing:
+        expedition: Expedición
+        item: Artículo
+        created: Creado
+        worker: Trabajador
+        selectTime: 'Seleccionar hora:'
+        selectVideo: 'Seleccionar vídeo:'
+        notFound: No hay vídeos disponibles
+    summary:
+        state: Estado
+        salesPerson: Comercial
+        agency: Agencia
+        zone: Zona
+        warehouse: Almacén
+        route: Ruta
+        invoice: Factura
+        shipped: Enviado
+        landed: Entregado
+        consigneePhone: Tel. consignatario
+        consigneeMobile: Móv. consignatario
+        clientPhone: Tel. cliente
+        clientMobile: Móv. cliente
+        consignee: Consignatario
+        subtotal: Subtotal
+        vat: IVA
+        total: Total
+        saleLines: Líneas del pedido
+        item: Artículo
+        visible: Visible
+        available: Disponible
+        quantity: Cantidad
+        price: Precio
+        discount: Descuento
+        packing: Encajado
+        hasComponentLack: Faltan componentes
+        itemShortage: No visible
+        claim: Reclamación
+        reserved: Reservado
+        created: Fecha creación
+        package: Embalaje
+        taxClass: Tipo IVA
+        services: Servicios
+        changeState: Cambiar estado
+        requester: Solicitante
+        atender: Comprador
+        request: Petición de compra
+        weight: Peso
+        goTo: Ir a
+        summaryAmount: Resumen
+    create:
+        client: Cliente
+        address: Dirección
+        landed: F. entrega
+        warehouse: Almacén
+        agency: Agencia
+claim:
+    pageTitles:
+        claims: Reclamaciones
+        list: Listado
+        claimCreate: Crear reclamación
+        summary: Resumen
+        basicData: Datos básicos
+        lines: Líneas
+        development: Trazabilidad
+        photos: Fotos
+        log: Historial
+        notes: Notas
+        action: Acción
+    list:
+        customer: Cliente
+        assignedTo: Asignada a
+        created: Creada
+        state: Estado
+    rmaList:
+        code: Código
+        records: registros
+    card:
+        claimId: ID reclamación
+        assignedTo: Asignada a
+        created: Creada
+        state: Estado
+        ticketId: ID ticket
+        customerSummary: Resumen del cliente
+        claimedTicket: Ticket reclamado
+        saleTracking: Líneas preparadas
+        ticketTracking: Estados del ticket
+        commercial: Comercial
+        province: Provincia
+        zone: Zona
+        customerId: ID del cliente
+    summary:
+        customer: Cliente
+        assignedTo: Asignada a
+        attendedBy: Atendida por
+        created: Creada
+        state: Estado
+        details: Detalles
+        item: Artículo
+        landed: Entregado
+        quantity: Cantidad
+        claimed: Reclamado
+        price: Precio
+        discount: Descuento
+        total: Total
+        actions: Acciones
+        responsibility: Responsabilidad
+        company: Empresa
+        person: Comercial/Cliente
+        notes: Observaciones
+        photos: Fotos
+        development: Trazabilidad
+        reason: Motivo
+        result: Consecuencias
+        responsible: Responsable
+        worker: Trabajador
+        redelivery: Devolución
+    basicData:
+        customer: Cliente
+        assignedTo: Asignada a
+        created: Creada
+        state: Estado
+        pickup: Recogida
+        null: No
+        agency: Agencia
+        delivery: Reparto
+    photo:
+        fileDescription: 'Reclamacion ID {claimId} del cliente {clientName} id {clientId}'
+        noData: No hay imágenes/videos haz click aquí o arrastra y suelta el archivo
+        dragDrop: Arrástralo y sueltalo aquí
+invoiceOut:
+    pageTitles:
+        invoiceOuts: Fact. emitidas
+        list: Listado
+        negativeBases: Bases Negativas
+        globalInvoicing: Facturación global
+        invoiceOutCreate: Crear fact. emitida
+        summary: Resumen
+        basicData: Datos básicos
+    list:
+        ref: Referencia
+        issued: Fecha emisión
+        shortIssued: F. emisión
+        client: Cliente
+        created: Fecha creación
+        shortCreated: F. creación
+        company: Empresa
+        dued: Fecha vencimineto
+        shortDued: F. vencimiento
+        amount: Importe
+    card:
+        issued: Fecha emisión
+        client: Cliente
+        company: Empresa
+        customerCard: Ficha del cliente
+        ticketList: Listado de tickets
+    summary:
+        issued: Fecha
+        created: Fecha creación
+        dued: Vencimiento
+        booked: Contabilizada
+        company: Empresa
+        taxBreakdown: Desglose impositivo
+        type: Tipo
+        taxableBase: Base imp.
+        rate: Tarifa
+        fee: Cuota
+        tickets: Tickets
+        ticketId: Id ticket
+        nickname: Alias
+        shipped: F. envío
+        totalWithVat: Importe
+    globalInvoices:
+        errors:
+            chooseValidClient: Selecciona un cliente válido
+            chooseValidCompany: Selecciona una empresa válida
+            chooseValidPrinter: Selecciona una impresora válida
+            fillDates: La fecha de la factura y la fecha máxima deben estar completas
+            invoiceDateLessThanMaxDate: La fecha de la factura no puede ser menor que la fecha máxima
+            invoiceWithFutureDate: Existe una factura con una fecha futura
+            noTicketsToInvoice: No existen tickets para facturar
+            criticalInvoiceError: Error crítico en la facturación proceso detenido
+        table:
+            client: Cliente
+            addressId: Id dirección
+            streetAddress: Dirección fiscal
+        statusCard:
+            percentageText: '{getPercentage}% {getAddressNumber} de {getNAddresses}'
+            pdfsNumberText: '{nPdfs} de {totalPdfs} PDFs'
+    negativeBases:
+        from: Desde
+        to: Hasta
+        company: Empresa
+        country: País
+        clientId: Id cliente
+        client: Cliente
+        amount: Importe
+        base: Base
+        ticketId: Id ticket
+        active: Activo
+        hasToInvoice: Facturar
+        verifiedData: Datos comprobados
+        comercial: Comercial
+        errors:
+            downloadCsvFailed: Error al descargar CSV
+order:
+    pageTitles:
+        order: Cesta
+        orderList: Listado
+        orderCreate: Nueva orden
+        summary: Resumen
+        basicData: Datos básicos
+        catalog: Catálogo
+        volume: Volumen
+        lines: Líneas
+    field:
+        salesPersonFk: Comercial
+        clientFk: Cliente
+        isConfirmed: Confirmada
+        created: Creado
+        landed: F. entrega
+        hour: Hora
+        agency: Agencia
+        total: Total
+    form:
+        clientFk: Cliente
+        addressFk: Dirección
+        landed: F. entrega
+        agencyModeFk: Agencia
+    list:
+        newOrder: Nuevo Pedido
+    summary:
+        basket: Cesta
+        nickname: Alias
+        company: Empresa
+        confirmed: Confirmada
+        notConfirmed: No confirmada
+        created: Creado
+        landed: F. entrega
+        phone: Teléfono
+        createdFrom: Creado desde
+        address: Dirección
+        notes: Notas
+        subtotal: Subtotal
+        total: Total
+        vat: IVA
+        state: Estado
+        alias: Alias
+        items: Items
+        orderTicketList: Tickets del pedido
+        details: Detalles
+        item: Item
+        quantity: Cantidad
+        price: Precio
+        amount: Monto
+shelving:
+    pageTitles:
+        shelving: Carros
+        shelvingList: Listado de carros
+        shelvingCreate: Nuevo carro
+        summary: Resumen
+        basicData: Datos básicos
+        log: Historial
+    list:
+        parking: Parking
+        priority: Prioridad
+        newShelving: Nuevo Carro
+    summary:
+        code: Código
+        parking: Parking
+        priority: Prioridad
+        worker: Trabajador
+        recyclable: Reciclable
+    basicData:
+        code: Código
+        parking: Parking
+        priority: Prioridad
+        recyclable: Reciclable
+parking:
+    pickingOrder: Orden de recogida
+    row: Fila
+    column: Columna
+    pageTitles:
+        parking: Parking
+    searchBar:
+        info: Puedes buscar por código de parking
+        label: Buscar parking...
+invoiceIn:
+    pageTitles:
+        invoiceIns: Fact. recibidas
+        list: Listado
+        invoiceInCreate: Crear fact. recibida
+        summary: Resumen
+        basicData: Datos básicos
+        vat: IVA
+        dueDay: Vencimiento
+        intrastat: Intrastat
+        corrective: Rectificativa
+        log: Historial
+    list:
+        ref: Referencia
+        supplier: Proveedor
+        supplierRef: Ref. proveedor
+        serialNumber: Num. serie
+        shortIssued: F. emisión
+        serial: Serie
+        file: Fichero
+        issued: Fecha emisión
+        isBooked: Conciliada
+        awb: AWB
+        amount: Importe
+    card:
+        issued: Fecha emisión
+        amount: Importe
+        client: Cliente
+        company: Empresa
+        customerCard: Ficha del cliente
+        ticketList: Listado de tickets
+        vat: Iva
+        dueDay: Fecha de vencimiento
+    summary:
+        supplier: Proveedor
+        supplierRef: Ref. proveedor
+        currency: Divisa
+        docNumber: Número documento
+        issued: Fecha de expedición
+        operated: Fecha operación
+        bookEntried: Fecha asiento
+        bookedDate: Fecha contable
+        sage: Retención sage
+        vat: Iva no deducible
+        company: Empresa
+        booked: Contabilizada
+        expense: Gasto
+        taxableBase: Base imp.
+        rate: Tasa
+        sageTransaction: Sage transación
+        dueDay: Fecha
+        bank: Caja
+        amount: Importe
+        foreignValue: Divisa
+        dueTotal: Vencimiento
+        code: Código
+        net: Neto
+        stems: Tallos
+        country: País
+department:
+    pageTitles:
+        basicData: Basic data
+        department: Departamentos
+        summary: Resumen
+    name: Nombre
+    code: Código
+    chat: Chat
+    bossDepartment: Jefe de departamento
+    email: Email
+    selfConsumptionCustomer: Cliente autoconsumo
+    telework: Teletrabaja
+    notifyOnErrors: Notificar errores
+    worksInProduction: Pertenece a producción
+    hasToRefill: Completar días sin registros físicos
+    hasToSendMail: Enviar fichadas por mail
+    departmentRemoved: Departamento eliminado
+worker:
+    pageTitles:
+        workers: Trabajadores
+        list: Listado
+        basicData: Datos básicos
+        summary: Resumen
+        notifications: Notificaciones
+        workerCreate: Nuevo trabajador
+        department: Departamentos
+        pda: PDA
+        notes: Notas
+        dms: Mi documentación
+        pbx: Centralita
+        log: Historial
+        calendar: Calendario
+    list:
+        name: Nombre
+        email: Email
+        phone: Teléfono
+        mobile: Móvil
+        active: Activo
+        department: Departamento
+        schedule: Horario
+        newWorker: Nuevo trabajador
+    card:
+        workerId: ID Trabajador
+        name: Nombre
+        email: Email
+        phone: Teléfono
+        mobile: Móvil
+        active: Activo
+        warehouse: Almacén
+        agency: Empresa
+        salesPerson: Comercial
+    summary:
+        basicData: Datos básicos
+        boss: Jefe
+        phoneExtension: Extensión de teléfono
+        entPhone: Teléfono de empresa
+        personalPhone: Teléfono personal
+        noBoss: Sin jefe
+        userData: Datos de usuario
+        userId: ID del usuario
+        role: Rol
+        sipExtension: Extensión
+        locker: Taquilla
+    notificationsManager:
+        activeNotifications: Notificaciones activas
+        availableNotifications: Notificaciones disponibles
+        subscribed: Se ha suscrito a la notificación
+        unsubscribed: Se ha dado de baja de la notificación
+    pda:
+        newPDA: Nueva PDA
+        currentPDA: PDA Actual
+        model: Modelo
+        serialNumber: Número de serie
+        removePDA: Desasignar PDA
+    create:
+        name: Nombre
+        lastName: Apellido
+        birth: Fecha de nacimiento
+        fi: DNI/NIF/NIE
+        code: Código de trabajador
+        phone: Teléfono
+        postcode: Código postal
+        province: Provincia
+        city: Población
+        street: Dirección
+        webUser: Usuario Web
+        personalEmail: Correo personal
+        company: Empresa
+        boss: Jefe
+        payMethods: Método de pago
+        iban: IBAN
+        bankEntity: Swift / BIC
+    imageNotFound: No se ha encontrado la imagen
+wagon:
+    pageTitles:
+        wagons: Vagones
+        wagonsList: Listado vagones
+        wagonCreate: Crear tipo
+        wagonEdit: Editar tipo
+        typesList: Listado tipos
+        typeCreate: Crear tipo
+        typeEdit: Editar tipo
+        wagonCounter: Contador de carros
+    type:
+        name: Nombre
+        submit: Guardar
+        reset: Deshacer cambios
+        trayColor: Color de la bandeja
+        removeItem: Tipo de vagón borrado correctamente
+    list:
+        plate: Matrícula
+        volume: Volumen
+        type: Tipo
+        remove: Borrar
+        removeItem: Vagón borrado correctamente
+    create:
+        plate: Matrícula
+        volume: Volumen
+        type: Tipo
+        label: Etiqueta
+    warnings:
+        noData: Sin datos disponibles
+        nameNotEmpty: El nombre no puede estar vacío
+        labelNotEmpty: La etiqueta no puede estar vacía
+        plateNotEmpty: La matrícula no puede estar vacía
+        volumeNotEmpty: El volumen no puede estar vacío
+        typeNotEmpty: El tipo no puede estar vacío
+        maxTrays: Has alcanzado el número máximo de bandejas
+        minHeightBetweenTrays: 'La distancia mínima entre bandejas es '
+        maxWagonHeight: 'La altura máxima del vagón es '
+        uncompleteTrays: Hay bandejas sin completar
+route/roadmap:
+    pageTitles:
+        roadmap: Troncales
+        summary: Resumen
+        basicData: Datos básicos
+        stops: Paradas
+roadmap:
+    pageTitles:
+        roadmap: Troncales
+        summary: Resumen
+        basicData: Datos básicos
+        stops: Paradas
+route:
+    pageTitles:
+        routes: Rutas
+        cmrsList: Listado de CMRs externos
+        RouteList: Listado
+        routeCreate: Nueva ruta
+        basicData: Datos básicos
+        summary: Resumen
+        RouteRoadmap: Troncales
+        RouteRoadmapCreate: Crear troncal
+        tickets: Tickets
+        log: Historial
+        autonomous: Autónomos
+    cmr:
+        list:
+            results: resultados
+            cmrFk: Id CMR
+            hasCmrDms: Adjuntado en gestdoc
+            'true': Sí
+            'false': 'No'
+            ticketFk: Id ticket
+            routeFk: Id ruta
+            country: País
+            clientFk: Id cliente
+            shipped: Fecha preparación
+            viewCmr: Ver CMR
+            downloadCmrs: Descargar CMRs
+supplier:
+    pageTitles:
+        suppliers: Proveedores
+        supplier: Proveedor
+        list: Listado
+        supplierCreate: Nuevo proveedor
+        summary: Resumen
+        basicData: Datos básicos
+        fiscalData: Datos fiscales
+        billingData: Forma de pago
+        log: Historial
+        accounts: Cuentas
+        contacts: Contactos
+        addresses: Direcciones
+        consumption: Consumo
+        agencyTerm: Acuerdo agencia
+        dms: Gestión documental
+    list:
+        payMethod: Método de pago
+        payDeadline: Plazo de pago
+        payDay: Día de pago
+        account: Cuenta
+        newSupplier: Nuevo proveedor
+    summary:
+        responsible: Responsable
+        notes: Notas
+        verified: Verificado
+        isActive: Está activo
+        billingData: Forma de pago
+        payMethod: Método de pago
+        payDeadline: Plazo de pago
+        payDay: Día de pago
+        account: Cuenta
+        fiscalData: Datos fiscales
+        sageTaxType: Tipo de impuesto Sage
+        sageTransactionType: Tipo de transacción Sage
+        sageWithholding: Retención sage
+        supplierActivity: Actividad proveedor
+        healthRegister: Pasaporte sanitario
+        fiscalAddress: Dirección fiscal
+        socialName: Razón social
+        taxNumber: NIF/CIF
+        street: Dirección
+        city: Población
+        postCode: Código postal
+        province: Provincia
+        country: País
+    create:
+        supplierName: Nombre del proveedor
+    basicData:
+        alias: Alias
+        workerFk: Responsable
+        isSerious: Verificado
+        isActive: Activo
+        isPayMethodChecked: Método de pago validado
+        note: Notas
+    fiscalData:
+        name: Razón social *
+        nif: NIF/CIF *
+        account: Cuenta
+        sageTaxTypeFk: Tipo de impuesto sage
+        sageWithholdingFk: Retención sage
+        sageTransactionTypeFk: Tipo de transacción sage
+        supplierActivityFk: Actividad proveedor
+        healthRegister: Pasaporte sanitario
+        street: Calle
+        postcode: Código postal
+        city: Población *
+        provinceFk: Provincia
+        country: País
+        isTrucker: Transportista
+        isVies: Vies
+    billingData:
+        payMethodFk: Forma de pago
+        payDemFk: Plazo de pago
+        payDay: Día de pago
+    accounts:
+        iban: Iban
+        bankEntity: Entidad bancaria
+        beneficiary: Beneficiario
+    contacts:
+        name: Nombre
+        phone: Teléfono
+        mobile: Móvil
+        email: Email
+        observation: Notas
+    addresses:
+        street: Dirección
+        postcode: Código postal
+        phone: Teléfono
+        name: Nombre
+        city: Población
+        province: Provincia
+        mobile: Móvil
+    agencyTerms:
+        agencyFk: Agencia
+        minimumM3: M3 mínimos
+        packagePrice: Precio bulto
+        kmPrice: Precio Km
+        m3Price: Precio M3
+        routePrice: Precio ruta
+        minimumKm: Km mínimos
+        addRow: Añadir fila
+    consumption:
+        entry: Entrada
+        date: Fecha
+        reference: Referencia
+travel:
+    pageTitles:
+        travel: Envíos
+        list: Listado
+        create: Crear
+        summary: Resumen
+        extraCommunity: Extra comunitarios
+        travelCreate: Nuevo envío
+        basicData: Datos básicos
+        history: Historial
+        thermographs: Termógrafos
+    summary:
+        confirmed: Confirmado
+        entryId: Id entrada
+        freight: Porte
+        package: Embalaje
+        delivered: Enviada
+        received: Recibida
+        entries: Entradas
+        cloneShipping: Clonar envío
+        CloneTravelAndEntries: Clonar travel y sus entradas
+        deleteTravel: Eliminar envío
+        AddEntry: Añadir entrada
+        thermographs: Termógrafos
+        hb: HB
+    variables:
+        search: Id/Referencia
+        agencyModeFk: Agencia
+        warehouseInFk: Alm. entrada
+        warehouseOutFk: ' Alm. salida'
+        landedFrom: Llegada desde
+        landedTo: Llegada hasta
+        continent: Cont. Salida
+        totalEntries: Ent. totales
+    basicData:
+        reference: Referencia
+        agency: Agencia
+        shipped: F. Envío
+        landed: F. entrega
+        warehouseOut: Alm. salida
+        warehouseIn: Alm. entrada
+        delivered: Enviada
+        received: Recibida
+    thermographs:
+        code: Código
+        temperature: Temperatura
+        state: Estado
+        destination: Destino
+        created: Fecha creación
+        thermograph: Termógrafo
+        reference: Referencia
+        type: Tipo
+        company: Empresa
+        warehouse: Almacén
+        travelFileDescription: 'Id envío { travelId }'
+        file: Fichero
+item:
+    pageTitles:
+        items: Artículos
+        list: Listado
+        diary: Histórico
+        tags: Etiquetas
+        wasteBreakdown: Deglose de mermas
+        itemCreate: Nuevo artículo
+    descriptor:
+        item: Artículo
+        buyer: Comprador
+        color: Color
+        category: Categoría
+        stems: Tallos
+        visible: Visible
+        available: Disponible
+        warehouseText: 'Calculado sobre el almacén de { warehouseName }'
+        itemDiary: Registro de compra-venta
+    list:
+        id: Identificador
+        grouping: Grouping
+        packing: Packing
+        description: Descripción
+        stems: Tallos
+        category: Reino
+        typeName: Tipo
+        intrastat: Intrastat
+        isActive: Activo
+        size: Medida
+        origin: Origen
+        weightByPiece: Peso (gramos)/tallo
+        userName: Comprador
+        stemMultiplier: Multiplicador
+        producer: Productor
+        landed: F. entrega
+    create:
+        name: Nombre
+        tag: Etiqueta
+        priority: Prioridad
+        type: Tipo
+        intrastat: Intrastat
+        origin: Origen
+components:
+    topbar: {}
+    userPanel:
+        copyToken: Token copiado al portapapeles
+        settings: Configuración
+        logOut: Cerrar sesión
+        localWarehouse: Almacén local
+        localBank: Banco local
+        localCompany: Empresa local
+        userWarehouse: Almacén del usuario
+        userCompany: Empresa del usuario
+    smartCard:
+        downloadFile: Descargar archivo
+        clone: Clonar
+        openCard: Ficha
+        openSummary: Detalles
+    cardDescriptor:
+        mainList: Listado principal
+        summary: Resumen
+        moreOptions: 'Más opciones'
+    leftMenu:
+        addToPinned: Añadir a fijados
+        removeFromPinned: Eliminar de fijados
+    VnLv:
+        copyText: '{copyValue} se ha copiado al portapepeles'
+    iban_tooltip: 'IBAN: ES21 1234 5678 90 0123456789'
+weekdays:
+    sun: Domingo
+    mon: Lunes
+    tue: Martes
+    wed: Miércoles
+    thu: Jueves
+    fri: Viernes
+    sat: Sábado
+months:
+    jan: Enero
+    feb: Febrero
+    mar: Marzo
+    apr: Abril
+    may: Mayo
+    jun: Junio
+    jul: Julio
+    aug: Agosto
+    sep: Septiembre
+    oct: Octubre
+    nov: Noviembre
+    dec: Diciembre
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 021ee685a..88c5ee293 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -11,5 +11,3 @@ const quasar = useQuasar();
         <QFooter v-if="quasar.platform.is.mobile"></QFooter>
     </QLayout>
 </template>
-
-<style lang="scss" scoped></style>
diff --git a/src/layouts/OutLayout.vue b/src/layouts/OutLayout.vue
index f66fcff1f..0eb1329a4 100644
--- a/src/layouts/OutLayout.vue
+++ b/src/layouts/OutLayout.vue
@@ -40,7 +40,7 @@ const langs = ['en', 'es'];
 
 <template>
     <QLayout view="hHh LpR fFf">
-        <QHeader reveal class="bg-vn-dark">
+        <QHeader reveal class="bg-vn-section-color">
             <QToolbar class="justify-end">
                 <QBtn
                     id="switchLanguage"
diff --git a/src/pages/Claim/Card/ClaimAction.vue b/src/pages/Claim/Card/ClaimAction.vue
index ef45bf3dc..fa16e6af4 100644
--- a/src/pages/Claim/Card/ClaimAction.vue
+++ b/src/pages/Claim/Card/ClaimAction.vue
@@ -291,8 +291,6 @@ async function importToNewRefundTicket() {
                 selection="multiple"
                 v-model:selected="selectedRows"
                 :grid="$q.screen.lt.md"
-                :pagination="{ rowsPerPage: 0 }"
-                :hide-bottom="true"
             >
                 <template #body-cell-ticket="{ value }">
                     <QTd align="center">
diff --git a/src/pages/Claim/Card/ClaimBasicData.vue b/src/pages/Claim/Card/ClaimBasicData.vue
index b5bf2bb42..56717c628 100644
--- a/src/pages/Claim/Card/ClaimBasicData.vue
+++ b/src/pages/Claim/Card/ClaimBasicData.vue
@@ -9,12 +9,13 @@ import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 
+import axios from 'axios';
 import { useSession } from 'src/composables/useSession';
 
 const route = useRoute();
 const { t } = useI18n();
-const session = useSession();
-const token = session.getToken();
+const { getTokenMultimedia } = useSession();
+const token = getTokenMultimedia();
 
 const claimFilter = {
     fields: [
@@ -24,7 +25,7 @@ const claimFilter = {
         'workerFk',
         'claimStateFk',
         'packages',
-        'hasToPickUp',
+        'pickup',
     ],
     include: [
         {
@@ -50,6 +51,20 @@ function setClaimStates(data) {
     claimStates.value = data;
     claimStatesCopy.value = data;
 }
+let optionsList;
+async function getEnumValues() {
+    optionsList = [{ id: null, description: t('claim.basicData.null') }];
+    const { data } = await axios.get(`Applications/get-enum-values`, {
+        params: {
+            schema: 'vn',
+            table: 'claim',
+            column: 'pickup',
+        },
+    });
+    for (let value of data)
+        optionsList.push({ id: value, description: t(`claim.basicData.${value}`) });
+}
+getEnumValues();
 
 const workerFilter = {
     options: workers,
@@ -168,13 +183,19 @@ const statesFilter = {
                         type="number"
                     />
                 </div>
-            </VnRow>
-            <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
-                    <QCheckbox
-                        v-model="data.hasToPickUp"
-                        :label="t('claim.basicData.picked')"
-                    />
+                    <QSelect
+                        v-model="data.pickup"
+                        :options="optionsList"
+                        option-value="id"
+                        option-label="description"
+                        emit-value
+                        :label="t('claim.basicData.pickup')"
+                        map-options
+                        use-input
+                        :input-debounce="0"
+                    >
+                    </QSelect>
                 </div>
             </VnRow>
         </template>
diff --git a/src/pages/Claim/Card/ClaimDescriptor.vue b/src/pages/Claim/Card/ClaimDescriptor.vue
index b5b9aae99..968f1e294 100644
--- a/src/pages/Claim/Card/ClaimDescriptor.vue
+++ b/src/pages/Claim/Card/ClaimDescriptor.vue
@@ -107,7 +107,11 @@ onMounted(async () => {
         <template #body="{ entity }">
             <VnLv v-if="entity.claimState" :label="t('claim.card.state')">
                 <template #value>
-                    <QBadge :color="stateColor(entity.claimState.code)" dense>
+                    <QBadge
+                        :color="stateColor(entity.claimState.code)"
+                        text-color="black"
+                        dense
+                    >
                         {{ entity.claimState.description }}
                     </QBadge>
                 </template>
diff --git a/src/pages/Claim/Card/ClaimDevelopment.vue b/src/pages/Claim/Card/ClaimDevelopment.vue
index 0b740cf64..9d38461f4 100644
--- a/src/pages/Claim/Card/ClaimDevelopment.vue
+++ b/src/pages/Claim/Card/ClaimDevelopment.vue
@@ -150,10 +150,8 @@ const columns = computed(() => [
             <QTable
                 :columns="columns"
                 :rows="rows"
-                :pagination="{ rowsPerPage: 0 }"
                 row-key="$index"
                 selection="multiple"
-                hide-pagination
                 v-model:selected="selected"
                 :grid="$q.screen.lt.md"
                 table-header-class="text-left"
diff --git a/src/pages/Claim/Card/ClaimLines.vue b/src/pages/Claim/Card/ClaimLines.vue
index 90dd31199..c4a7db201 100644
--- a/src/pages/Claim/Card/ClaimLines.vue
+++ b/src/pages/Claim/Card/ClaimLines.vue
@@ -121,11 +121,6 @@ async function fetchMana() {
     mana.value = response.data;
 }
 
-async function updateQuantity({ id, quantity }) {
-    if (!id) return;
-    await axios.patch(`ClaimBeginnings/${id}`, { quantity });
-}
-
 async function updateDiscount({ saleFk, discount, canceller }) {
     const body = { salesIds: [saleFk], newDiscount: discount };
     const claimId = claim.value.ticketFk;
@@ -155,13 +150,17 @@ function showImportDialog() {
         })
         .onOk(() => claimLinesForm.value.reload());
 }
+
+function saveWhenHasChanges() {
+    claimLinesForm.value.getChanges().updates && claimLinesForm.value.onSubmit();
+}
 </script>
 <template>
     <Teleport to="#st-data" v-if="stateStore.isSubToolbarShown()">
         <div class="row q-gutter-md">
             <div>
                 {{ t('Amount') }}
-                <QChip :dense="$q.screen.lt.sm">
+                <QChip :dense="$q.screen.lt.sm" text-color="white">
                     {{ toCurrency(amount) }}
                 </QChip>
             </div>
@@ -181,163 +180,135 @@ function showImportDialog() {
         @on-fetch="onFetchClaim"
         auto-load
     />
-    <div class="column items-center">
-        <div class="list">
-            <CrudModel
-                data-key="ClaimLines"
-                ref="claimLinesForm"
-                :url="`Claims/${route.params.id}/lines`"
-                save-url="ClaimBeginnings/crud"
-                :filter="linesFilter"
-                @on-fetch="onFetch"
-                @save-changes="onFetch"
-                v-model:selected="selected"
-                :default-save="false"
-                :default-reset="false"
-                auto-load
-            >
-                <template #body="{ rows }">
-                    <QTable
-                        :columns="columns"
-                        :rows="rows"
-                        :dense="$q.screen.lt.md"
-                        :pagination="{ rowsPerPage: 0 }"
-                        row-key="id"
-                        selection="multiple"
-                        v-model:selected="selected"
-                        hide-pagination
-                        :grid="$q.screen.lt.md"
-                    >
-                        <template #body-cell-claimed="{ row, value }">
-                            <QTd auto-width align="right" class="text-primary">
-                                <span>{{ value }}</span>
-
-                                <QPopupEdit
-                                    v-model="row.quantity"
-                                    v-slot="scope"
-                                    :title="t('Claimed quantity')"
-                                    @update:model-value="updateQuantity(row)"
-                                    buttons
-                                >
-                                    <QInput
-                                        v-model="scope.value"
-                                        type="number"
-                                        dense
-                                        autofocus
-                                        @keyup.enter="scope.set"
-                                        @focus="($event) => $event.target.select()"
-                                    />
-                                </QPopupEdit>
-                            </QTd>
-                        </template>
-                        <template #body-cell-description="{ row, value }">
-                            <QTd auto-width align="right" class="text-primary">
-                                {{ value }}
-                                <ItemDescriptorProxy
-                                    :id="row.sale.itemFk"
-                                ></ItemDescriptorProxy>
-                            </QTd>
-                        </template>
-                        <template #body-cell-discount="{ row, value, rowIndex }">
-                            <QTd auto-width align="right" class="text-primary">
-                                {{ value }}
-                                <VnDiscount
-                                    :quantity="row.quantity"
-                                    :price="row.sale.price"
-                                    :discount="row.sale.discount"
-                                    :mana="mana"
-                                    :promise="updateDiscount"
-                                    :data="{ saleFk: row.sale.id, rowIndex: rowIndex }"
-                                    @on-update="onUpdateDiscount"
-                                />
-                            </QTd>
-                        </template>
-                        <!-- View for grid mode -->
-                        <template #item="props">
-                            <div
-                                class="q-mb-md col-12 grid-style-transition"
-                                :style="props.selected ? 'transform: scale(0.95);' : ''"
-                            >
-                                <QCard>
-                                    <QCardSection>
-                                        <QCheckbox v-model="props.selected" />
-                                    </QCardSection>
-                                    <QSeparator inset />
-                                    <QList dense>
-                                        <QItem
-                                            v-for="column of props.cols"
-                                            :key="column.name"
-                                        >
-                                            <QItemSection>
-                                                <QItemLabel caption>
-                                                    {{ column.label }}
+    <div class="q-pa-md">
+        <CrudModel
+            data-key="ClaimLines"
+            ref="claimLinesForm"
+            :url="`Claims/${route.params.id}/lines`"
+            save-url="ClaimBeginnings/crud"
+            :filter="linesFilter"
+            @on-fetch="onFetch"
+            @save-changes="onFetch"
+            v-model:selected="selected"
+            :default-save="false"
+            :default-reset="false"
+            auto-load
+            :limit="0"
+        >
+            <template #body="{ rows }">
+                <QTable
+                    :columns="columns"
+                    :rows="rows"
+                    :dense="$q.screen.lt.md"
+                    row-key="id"
+                    selection="multiple"
+                    v-model:selected="selected"
+                    :grid="$q.screen.lt.md"
+                >
+                    <template #body-cell-claimed="{ row }">
+                        <QTd auto-width align="right" class="text-primary">
+                            <QInput
+                                v-model="row.quantity"
+                                type="number"
+                                dense
+                                @keyup.enter="saveWhenHasChanges()"
+                                @blur="saveWhenHasChanges()"
+                            />
+                        </QTd>
+                    </template>
+                    <template #body-cell-description="{ row, value }">
+                        <QTd auto-width align="right" class="text-primary">
+                            {{ value }}
+                            <ItemDescriptorProxy
+                                :id="row.sale.itemFk"
+                            ></ItemDescriptorProxy>
+                        </QTd>
+                    </template>
+                    <template #body-cell-discount="{ row, value, rowIndex }">
+                        <QTd auto-width align="right" class="text-primary">
+                            {{ value }}
+                            <VnDiscount
+                                :quantity="row.quantity"
+                                :price="row.sale.price"
+                                :discount="row.sale.discount"
+                                :mana="mana"
+                                :promise="updateDiscount"
+                                :data="{ saleFk: row.sale.id, rowIndex: rowIndex }"
+                                @on-update="onUpdateDiscount"
+                            />
+                        </QTd>
+                    </template>
+                    <!-- View for grid mode -->
+                    <template #item="props">
+                        <div
+                            class="q-mb-md col-12 grid-style-transition"
+                            :style="props.selected ? 'transform: scale(0.95);' : ''"
+                        >
+                            <QCard>
+                                <QCardSection>
+                                    <QCheckbox v-model="props.selected" />
+                                </QCardSection>
+                                <QSeparator inset />
+                                <QList dense>
+                                    <QItem
+                                        v-for="column of props.cols"
+                                        :key="column.name"
+                                    >
+                                        <QItemSection>
+                                            <QItemLabel caption>
+                                                {{ column.label }}
+                                            </QItemLabel>
+                                        </QItemSection>
+                                        <QItemSection side>
+                                            <template v-if="column.name === 'claimed'">
+                                                <QItemLabel class="text-primary">
+                                                    <QInput
+                                                        v-model="props.row.quantity"
+                                                        type="number"
+                                                        dense
+                                                        autofocus
+                                                        @keyup.enter="
+                                                            saveWhenHasChanges()
+                                                        "
+                                                        @blur="saveWhenHasChanges()"
+                                                    />
                                                 </QItemLabel>
-                                            </QItemSection>
-                                            <QItemSection side>
-                                                <template
-                                                    v-if="column.name === 'claimed'"
-                                                >
-                                                    <QItemLabel class="text-primary">
-                                                        {{ column.value }}
-                                                        <QPopupEdit
-                                                            v-model="props.row.quantity"
-                                                            v-slot="scope"
-                                                            :title="t('Claimed quantity')"
-                                                            @update:model-value="
-                                                                updateQuantity(props.row)
-                                                            "
-                                                            buttons
-                                                        >
-                                                            <QInput
-                                                                v-model="scope.value"
-                                                                type="number"
-                                                                dense
-                                                                autofocus
-                                                                @keyup.enter="scope.set"
-                                                                @focus="
-                                                                    ($event) =>
-                                                                        $event.target.select()
-                                                                "
-                                                            />
-                                                        </QPopupEdit>
-                                                    </QItemLabel>
-                                                </template>
-                                                <template
-                                                    v-else-if="column.name === 'discount'"
-                                                >
-                                                    <QItemLabel class="text-primary">
-                                                        {{ column.value }}
-                                                        <VnDiscount
-                                                            :quantity="props.row.quantity"
-                                                            :price="props.row.sale.price"
-                                                            :discount="
-                                                                props.row.sale.discount
-                                                            "
-                                                            :mana="mana"
-                                                            :promise="updateDiscount"
-                                                            :data="{
-                                                                saleFk: props.row.sale.id,
-                                                                rowIndex: props.rowIndex,
-                                                            }"
-                                                            @on-update="onUpdateDiscount"
-                                                        />
-                                                    </QItemLabel>
-                                                </template>
-                                                <template v-else>
-                                                    <QItemLabel>
-                                                        {{ column.value }}
-                                                    </QItemLabel>
-                                                </template>
-                                            </QItemSection>
-                                        </QItem>
-                                    </QList>
-                                </QCard>
-                            </div>
-                        </template>
-                    </QTable>
-                </template>
-            </CrudModel>
-        </div>
+                                            </template>
+                                            <template
+                                                v-else-if="column.name === 'discount'"
+                                            >
+                                                <QItemLabel class="text-primary">
+                                                    {{ column.value }}
+                                                    <VnDiscount
+                                                        :quantity="props.row.quantity"
+                                                        :price="props.row.sale.price"
+                                                        :discount="
+                                                            props.row.sale.discount
+                                                        "
+                                                        :mana="mana"
+                                                        :promise="updateDiscount"
+                                                        :data="{
+                                                            saleFk: props.row.sale.id,
+                                                            rowIndex: props.rowIndex,
+                                                        }"
+                                                        @on-update="onUpdateDiscount"
+                                                    />
+                                                </QItemLabel>
+                                            </template>
+                                            <template v-else>
+                                                <QItemLabel>
+                                                    {{ column.value }}
+                                                </QItemLabel>
+                                            </template>
+                                        </QItemSection>
+                                    </QItem>
+                                </QList>
+                            </QCard>
+                        </div>
+                    </template>
+                </QTable>
+            </template>
+        </CrudModel>
     </div>
 
     <QPageSticky position="bottom-right" :offset="[25, 25]">
diff --git a/src/pages/Claim/Card/ClaimLinesImport.vue b/src/pages/Claim/Card/ClaimLinesImport.vue
index be8914eec..e5c0e38fa 100644
--- a/src/pages/Claim/Card/ClaimLinesImport.vue
+++ b/src/pages/Claim/Card/ClaimLinesImport.vue
@@ -5,6 +5,7 @@ import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 import FetchData from 'components/FetchData.vue';
 import { toDate, toCurrency, toPercentage } from 'filters/index';
+import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
 import axios from 'axios';
 
 defineEmits([...useDialogPluginComponent.emits]);
@@ -118,16 +119,21 @@ function cancel() {
                 <QBtn icon="close" flat round dense v-close-popup />
             </QCardSection>
             <QTable
-                class="my-sticky-header-table"
                 :columns="columns"
                 :rows="claimableSales"
-                :pagination="{ rowsPerPage: 10 }"
                 row-key="saleFk"
                 selection="multiple"
                 v-model:selected="selected"
                 square
                 flat
-            />
+            >
+                <template #body-cell-description="{ row, value }">
+                    <QTd auto-width align="right" class="link">
+                        {{ value }}
+                        <ItemDescriptorProxy :id="row.itemFk"></ItemDescriptorProxy>
+                    </QTd>
+                </template>
+            </QTable>
             <QSeparator />
             <QCardActions align="right">
                 <QBtn :label="t('globals.cancel')" color="primary" flat @click="cancel" />
@@ -149,33 +155,6 @@ function cancel() {
 }
 </style>
 
-<style lang="scss">
-.my-sticky-header-table {
-    height: 400px;
-
-    thead tr th {
-        position: sticky;
-        z-index: 1;
-    }
-
-    thead tr:first-child th {
-        /* this is when the loading indicator appears */
-        top: 0;
-    }
-
-    &.q-table--loading thead tr:last-child th {
-        /* height of all previous header rows */
-        top: 48px;
-    }
-
-    // /* prevent scrolling behind sticky top row on focus */
-    tbody {
-        /* height of all previous header rows */
-        scroll-margin-top: 48px;
-    }
-}
-</style>
-
 <i18n>
 es:
     Available sales lines: Líneas de venta disponibles
diff --git a/src/pages/Claim/Card/ClaimNotes.vue b/src/pages/Claim/Card/ClaimNotes.vue
index b93265137..008b7e4d9 100644
--- a/src/pages/Claim/Card/ClaimNotes.vue
+++ b/src/pages/Claim/Card/ClaimNotes.vue
@@ -38,10 +38,11 @@ const body = {
 </script>
 <template>
     <VnNotes
-        style="overflow-y: auto"
-        :add-note="$props.addNote"
         url="claimObservations"
+        :add-note="$props.addNote"
         :filter="claimFilter"
         :body="body"
+        v-bind="$attrs"
+        style="overflow-y: auto"
     />
 </template>
diff --git a/src/pages/Claim/Card/ClaimPhoto.vue b/src/pages/Claim/Card/ClaimPhoto.vue
index 6ac116ce0..dd97b60df 100644
--- a/src/pages/Claim/Card/ClaimPhoto.vue
+++ b/src/pages/Claim/Card/ClaimPhoto.vue
@@ -11,8 +11,8 @@ import FetchData from 'components/FetchData.vue';
 const router = useRouter();
 const quasar = useQuasar();
 const { t } = useI18n();
-const session = useSession();
-const token = session.getToken();
+const { getTokenMultimedia } = useSession();
+const token = getTokenMultimedia();
 
 const claimId = computed(() => router.currentRoute.value.params.id);
 
diff --git a/src/pages/Claim/Card/ClaimSummary.vue b/src/pages/Claim/Card/ClaimSummary.vue
index e14351286..f45d5765d 100644
--- a/src/pages/Claim/Card/ClaimSummary.vue
+++ b/src/pages/Claim/Card/ClaimSummary.vue
@@ -11,11 +11,13 @@ import VnLv from 'src/components/ui/VnLv.vue';
 import ClaimNotes from 'src/pages/Claim/Card/ClaimNotes.vue';
 import VnUserLink from 'src/components/ui/VnUserLink.vue';
 import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
+import VnTitle from 'src/components/common/VnTitle.vue';
+import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorProxy.vue';
 
 const route = useRoute();
 const { t } = useI18n();
-const session = useSession();
-const token = session.getToken();
+const { getTokenMultimedia } = useSession();
+const token = getTokenMultimedia();
 
 const $props = defineProps({
     id: {
@@ -176,14 +178,14 @@ function openDialog(dmsId) {
         @on-fetch="getClaimDms"
     >
         <template #header="{ entity: { claim } }">
-            {{ claim.id }} - {{ claim.client.name }}
+            {{ claim.id }} - {{ claim.client.name }} ({{ claim.client.id }})
         </template>
         <template #body="{ entity: { claim, salesClaimed, developments } }">
             <QCard class="vn-one">
-                <a class="header header-link" :href="`#/claim/${entityId}/basic-data`">
-                    {{ t('claim.pageTitles.basicData') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle
+                    :url="`#/claim/${entityId}/basic-data`"
+                    :text="t('claim.pageTitles.basicData')"
+                />
                 <VnLv
                     :label="t('claim.summary.created')"
                     :value="toDate(claim.created)"
@@ -213,23 +215,22 @@ function openDialog(dmsId) {
                 </VnLv>
                 <VnLv :label="t('claim.summary.customer')">
                     <template #value>
-                        <VnUserLink
-                            :name="claim.client?.name"
-                            :worker-id="claim.client?.id"
-                        />
+                        <span class="link cursor-pointer">
+                            {{ claim.client?.name }}
+                            <CustomerDescriptorProxy :id="claim.clientFk" />
+                        </span>
                     </template>
                 </VnLv>
-                <QCheckbox
-                    :label="t('claim.basicData.picked')"
-                    v-model="claim.hasToPickUp"
-                    :disable="true"
+                <VnLv
+                    :label="t('claim.basicData.pickup')"
+                    :value="t(`claim.basicData.${claim.pickup}`)"
                 />
             </QCard>
             <QCard class="vn-three">
-                <a class="header header-link" :href="`#/claim/${entityId}/notes`">
-                    {{ t('claim.summary.notes') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle
+                    :url="`#/claim/${entityId}/notes`"
+                    :text="t('claim.summary.notes')"
+                />
                 <ClaimNotes
                     :id="entityId"
                     :add-note="false"
@@ -238,10 +239,10 @@ function openDialog(dmsId) {
                 />
             </QCard>
             <QCard class="vn-two" v-if="salesClaimed.length > 0">
-                <a class="header header-link" :href="`#/claim/${entityId}/lines`">
-                    {{ t('claim.summary.details') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle
+                    :url="`#/claim/${entityId}/lines`"
+                    :text="t('claim.summary.details')"
+                />
                 <QTable
                     :columns="detailsColumns"
                     :rows="salesClaimed"
@@ -271,7 +272,7 @@ function openDialog(dmsId) {
                                 >
                                 <ItemDescriptorProxy
                                     v-if="col.name == 'description'"
-                                    :id="props.row.id"
+                                    :id="props.row.sale.itemFk"
                                     :sale-fk="props.row.saleFk"
                                 ></ItemDescriptorProxy>
                             </QTh>
@@ -279,34 +280,11 @@ function openDialog(dmsId) {
                     </template>
                 </QTable>
             </QCard>
-            <QCard class="vn-two" v-if="developments.length > 0">
-                <a class="header header-link" :href="claimUrl + 'development'">
-                    {{ t('claim.summary.development') }}
-                    <QIcon name="open_in_new" />
-                </a>
-
-                <QTable
-                    :columns="developmentColumns"
-                    :rows="developments"
-                    flat
-                    dense
-                    :rows-per-page-options="[0]"
-                    hide-bottom
-                >
-                    <template #header="props">
-                        <QTr :props="props">
-                            <QTh v-for="col in props.cols" :key="col.name" :props="props">
-                                {{ t(col.label) }}
-                            </QTh>
-                        </QTr>
-                    </template>
-                </QTable>
-            </QCard>
-            <QCard class="vn-max" v-if="claimDms.length > 0">
-                <a class="header header-link" :href="`#/claim/${entityId}/photos`">
-                    {{ t('claim.summary.photos') }}
-                    <QIcon name="open_in_new" />
-                </a>
+            <QCard class="vn-two" v-if="claimDms.length > 0">
+                <VnTitle
+                    :url="`#/claim/${entityId}/photos`"
+                    :text="t('claim.summary.photos')"
+                />
                 <div class="container">
                     <div
                         class="multimedia-container"
@@ -322,7 +300,7 @@ function openDialog(dmsId) {
                                 v-if="media.isVideo"
                                 @click.stop="openDialog(media.dmsFk)"
                             >
-                                <QTooltip>Video</QTooltip>header
+                                <QTooltip>Video</QTooltip>
                             </QIcon>
                             <QCard class="multimedia relative-position">
                                 <QImg
@@ -344,12 +322,30 @@ function openDialog(dmsId) {
                     </div>
                 </div>
             </QCard>
-
+            <QCard class="vn-two" v-if="developments.length > 0">
+                <VnTitle
+                    :url="claimUrl + 'development'"
+                    :text="t('claim.summary.development')"
+                />
+                <QTable
+                    :columns="developmentColumns"
+                    :rows="developments"
+                    flat
+                    dense
+                    :rows-per-page-options="[0]"
+                    hide-bottom
+                >
+                    <template #header="props">
+                        <QTr :props="props">
+                            <QTh v-for="col in props.cols" :key="col.name" :props="props">
+                                {{ t(col.label) }}
+                            </QTh>
+                        </QTr>
+                    </template>
+                </QTable>
+            </QCard>
             <QCard class="vn-max">
-                <a class="header header-link" :href="claimUrl + 'action'">
-                    {{ t('claim.summary.actions') }}
-                    <QIcon name="open_in_new" class="link" />
-                </a>
+                <VnTitle :url="claimUrl + 'action'" :text="t('claim.summary.actions')" />
                 <div id="slider-container" class="q-px-xl q-py-md">
                     <QSlider
                         v-model="claim.responsibility"
diff --git a/src/pages/Claim/ClaimList.vue b/src/pages/Claim/ClaimList.vue
index 6a793314f..6e0a08f2c 100644
--- a/src/pages/Claim/ClaimList.vue
+++ b/src/pages/Claim/ClaimList.vue
@@ -108,7 +108,11 @@ function navigate(event, id) {
                             />
                             <VnLv :label="t('claim.list.state')">
                                 <template #value>
-                                    <QBadge :color="stateColor(row.stateCode)" dense>
+                                    <QBadge
+                                        text-color="black"
+                                        :color="stateColor(row.stateCode)"
+                                        dense
+                                    >
                                         {{ row.stateDescription }}
                                     </QBadge>
                                 </template>
@@ -118,7 +122,6 @@ function navigate(event, id) {
                             <QBtn
                                 :label="t('globals.description')"
                                 @click.stop
-                                class="bg-vn-dark"
                                 outline
                                 style="margin-top: 15px"
                             >
diff --git a/src/pages/Customer/Card/CustomerAddress.vue b/src/pages/Customer/Card/CustomerAddress.vue
index 432ac1b2f..cd5ef1483 100644
--- a/src/pages/Customer/Card/CustomerAddress.vue
+++ b/src/pages/Customer/Card/CustomerAddress.vue
@@ -140,8 +140,8 @@ const toCustomerAddressEdit = (addressId) => {
                 <div
                     v-for="(item, index) in addresses"
                     :key="index"
+                    class="address-card"
                     :class="{
-                        'address-card': true,
                         'q-mb-md': index < addresses.length - 1,
                         'item-disabled': !item.isActive,
                     }"
@@ -234,7 +234,7 @@ const toCustomerAddressEdit = (addressId) => {
     cursor: pointer;
 
     &:hover {
-        background-color: var(--vn-light-gray);
+        background-color: var(--vn-accent-color);
     }
 }
 
diff --git a/src/pages/Customer/Card/CustomerBasicData.vue b/src/pages/Customer/Card/CustomerBasicData.vue
index 9be4643fa..d646b810e 100644
--- a/src/pages/Customer/Card/CustomerBasicData.vue
+++ b/src/pages/Customer/Card/CustomerBasicData.vue
@@ -11,8 +11,8 @@ import VnInput from 'src/components/common/VnInput.vue';
 
 const route = useRoute();
 const { t } = useI18n();
-const session = useSession();
-const token = session.getToken();
+const { getTokenMultimedia } = useSession();
+const token = getTokenMultimedia();
 
 const workers = ref([]);
 const workersCopy = ref([]);
diff --git a/src/pages/Customer/Card/CustomerGreuges.vue b/src/pages/Customer/Card/CustomerGreuges.vue
index 10917f772..0c6e04520 100644
--- a/src/pages/Customer/Card/CustomerGreuges.vue
+++ b/src/pages/Customer/Card/CustomerGreuges.vue
@@ -171,6 +171,18 @@ const toCustomerGreugeCreate = () => {
     </QPageSticky>
 </template>
 
+<style lang="scss">
+.consignees-card {
+    border: 2px solid var(--vn-accent-color);
+    border-radius: 10px;
+    padding: 10px;
+}
+
+.label-color {
+    color: var(--vn-label-color);
+}
+</style>
+
 <i18n>
 es:
     Total: Total
diff --git a/src/pages/Customer/Card/CustomerNotes.vue b/src/pages/Customer/Card/CustomerNotes.vue
index 492f8ec2a..419da4b42 100644
--- a/src/pages/Customer/Card/CustomerNotes.vue
+++ b/src/pages/Customer/Card/CustomerNotes.vue
@@ -71,7 +71,7 @@ const toCustomerNoteCreate = () => {
 
 <style lang="scss">
 .custom-border {
-    border: 2px solid var(--vn-light-gray);
+    border: 2px solid var(--vn-accent-color);
     border-radius: 10px;
     padding: 10px;
 }
diff --git a/src/pages/Customer/Card/CustomerRecoveries.vue b/src/pages/Customer/Card/CustomerRecoveries.vue
index 865d61450..289b4bc0e 100644
--- a/src/pages/Customer/Card/CustomerRecoveries.vue
+++ b/src/pages/Customer/Card/CustomerRecoveries.vue
@@ -124,6 +124,18 @@ const toCustomerRecoverieCreate = () => {
     </QPageSticky>
 </template>
 
+<style lang="scss">
+.consignees-card {
+    border: 2px solid var(--vn-accent-color);
+    border-radius: 10px;
+    padding: 10px;
+}
+
+.label-color {
+    color: var(--vn-label-color);
+}
+</style>
+
 <i18n>
 es:
     Since: Desde
diff --git a/src/pages/Customer/Card/CustomerSummary.vue b/src/pages/Customer/Card/CustomerSummary.vue
index 863b5df60..f386b0359 100644
--- a/src/pages/Customer/Card/CustomerSummary.vue
+++ b/src/pages/Customer/Card/CustomerSummary.vue
@@ -8,6 +8,7 @@ import { getUrl } from 'src/composables/getUrl';
 import VnLv from 'src/components/ui/VnLv.vue';
 import VnLinkPhone from 'src/components/ui/VnLinkPhone.vue';
 import CustomerSummaryTable from 'src/pages/Customer/components/CustomerSummaryTable.vue';
+import VnTitle from 'src/components/common/VnTitle.vue';
 
 const route = useRoute();
 const { t } = useI18n();
@@ -63,10 +64,10 @@ const creditWarning = computed(() => {
     <CardSummary ref="summary" :url="`Clients/${entityId}/summary`">
         <template #body="{ entity }">
             <QCard class="vn-one">
-                <a class="header header-link" :href="`#/customer/${entityId}/basic-data`">
-                    {{ t('customer.summary.basicData') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle
+                    :url="`#/customer/${entityId}/basic-data`"
+                    :text="t('customer.summary.basicData')"
+                />
                 <VnLv :label="t('customer.summary.customerId')" :value="entity.id" />
                 <VnLv :label="t('customer.summary.name')" :value="entity.name" />
                 <VnLv :label="t('customer.summary.contact')" :value="entity.contact" />
@@ -97,13 +98,10 @@ const creditWarning = computed(() => {
                 />
             </QCard>
             <QCard class="vn-one">
-                <a
-                    class="header header-link"
-                    :href="`#/customer/${entityId}/fiscal-data`"
-                >
-                    {{ t('customer.summary.fiscalAddress') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle
+                    :url="`#/customer/${entityId}/fiscal-data`"
+                    :text="t('customer.summary.fiscalAddress')"
+                />
                 <VnLv
                     :label="t('customer.summary.socialName')"
                     :value="entity.socialName"
@@ -125,14 +123,10 @@ const creditWarning = computed(() => {
                 <VnLv :label="t('customer.summary.street')" :value="entity.street" />
             </QCard>
             <QCard class="vn-one">
-                <a
-                    class="header header-link"
-                    :href="`#/customer/${entityId}/fiscal-data`"
-                    link
-                >
-                    {{ t('customer.summary.fiscalData') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle
+                    :url="`#/customer/${entityId}/fiscal-data`"
+                    :text="t('customer.summary.fiscalData')"
+                />
                 <QCheckbox
                     :label="t('customer.summary.isEqualizated')"
                     v-model="entity.isEqualizated"
@@ -170,14 +164,10 @@ const creditWarning = computed(() => {
                 />
             </QCard>
             <QCard class="vn-one">
-                <a
-                    class="header header-link"
-                    :href="`#/customer/${entityId}/billing-data`"
-                    link
-                >
-                    {{ t('customer.summary.billingData') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle
+                    :url="`#/customer/${entityId}/billing-data`"
+                    :text="t('customer.summary.billingData')"
+                />
                 <VnLv
                     :label="t('customer.summary.payMethod')"
                     :value="entity.payMethod.name"
@@ -203,14 +193,10 @@ const creditWarning = computed(() => {
                 />
             </QCard>
             <QCard class="vn-one" v-if="entity.defaultAddress">
-                <a
-                    class="header header-link"
-                    :href="`#/customer/${entityId}/consignees`"
-                    link
-                >
-                    {{ t('customer.summary.consignee') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle
+                    :url="`#/customer/${entityId}/consignees`"
+                    :text="t('customer.summary.consignee')"
+                />
                 <VnLv
                     :label="t('customer.summary.addressName')"
                     :value="entity.defaultAddress.nickname"
@@ -225,10 +211,10 @@ const creditWarning = computed(() => {
                 />
             </QCard>
             <QCard class="vn-one" v-if="entity.account">
-                <a class="header header-link" :href="`#/customer/${entityId}/web-access`">
-                    {{ t('customer.summary.webAccess') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle
+                    :url="`#/customer/${entityId}/web-access`"
+                    :text="t('customer.summary.webAccess')"
+                />
                 <VnLv
                     :label="t('customer.summary.username')"
                     :value="entity.account.name"
@@ -240,9 +226,7 @@ const creditWarning = computed(() => {
                 />
             </QCard>
             <QCard class="vn-one" v-if="entity.account">
-                <div class="header header-link">
-                    {{ t('customer.summary.businessData') }}
-                </div>
+                <VnTitle :text="t('customer.summary.businessData')" />
                 <VnLv
                     :label="t('customer.summary.totalGreuge')"
                     :value="toCurrency(entity.totalGreuge)"
@@ -267,14 +251,11 @@ const creditWarning = computed(() => {
                 />
             </QCard>
             <QCard class="vn-one" v-if="entity.account">
-                <a
-                    class="header header-link"
-                    :href="`https://grafana.verdnatura.es/d/40buzE4Vk/comportamiento-pagos-clientes?orgId=1&var-clientFk=${entityId}`"
-                    link
-                >
-                    {{ t('customer.summary.financialData') }}
-                    <QIcon name="vn:grafana" />
-                </a>
+                <VnTitle
+                    :url="`https://grafana.verdnatura.es/d/40buzE4Vk/comportamiento-pagos-clientes?orgId=1&var-clientFk=${entityId}`"
+                    :text="t('customer.summary.financialData')"
+                    icon="vn:grafana"
+                />
                 <VnLv
                     :label="t('customer.summary.risk')"
                     :value="toCurrency(entity?.debt?.debt)"
diff --git a/src/pages/Customer/CustomerCreate.vue b/src/pages/Customer/CustomerCreate.vue
index 4addb1d6c..f26148ef7 100644
--- a/src/pages/Customer/CustomerCreate.vue
+++ b/src/pages/Customer/CustomerCreate.vue
@@ -125,7 +125,7 @@ function handleLocation(data, location) {
                         >
                             <template #append>
                                 <QIcon name="info" class="cursor-info">
-                                    <QTooltip>{{
+                                    <QTooltip max-width="400px">{{
                                         t('customer.basicData.youCanSaveMultipleEmails')
                                     }}</QTooltip>
                                 </QIcon>
diff --git a/src/pages/Customer/CustomerFilter.vue b/src/pages/Customer/CustomerFilter.vue
index 593b45509..7c1afa78e 100644
--- a/src/pages/Customer/CustomerFilter.vue
+++ b/src/pages/Customer/CustomerFilter.vue
@@ -48,13 +48,17 @@ const zones = ref();
             </QItem>
             <QItem class="q-mb-sm">
                 <QItemSection>
-                    <VnInput :label="t('Name')" v-model="params.name" is-outlined />
+                    <VnInput
+                        :label="t('customerFilter.filter.name')"
+                        v-model="params.name"
+                        is-outlined
+                    />
                 </QItemSection>
             </QItem>
             <QItem class="q-mb-sm">
                 <QItemSection>
                     <VnInput
-                        :label="t('Social Name')"
+                        :label="t('customerFilter.filter.socialName')"
                         v-model="params.socialName"
                         is-outlined
                     />
@@ -170,8 +174,6 @@ en:
     params:
         search: Contains
         fi: FI
-        name: Name
-        socialName: Social Name
         salesPersonFk: Salesperson
         provinceFk: Province
         city: City
@@ -183,8 +185,6 @@ es:
     params:
         search: Contiene
         fi: NIF
-        name: Nombre
-        socialName: Razón Social
         salesPersonFk: Comercial
         provinceFk: Provincia
         city: Ciudad
@@ -193,8 +193,6 @@ es:
         zoneFk: Zona
         postcode: CP
     FI: NIF
-    Name: Nombre
-    Social Name: Razón social
     Salesperson: Comercial
     Province: Provincia
     City: Ciudad
diff --git a/src/pages/Customer/CustomerList.vue b/src/pages/Customer/CustomerList.vue
index 56c3749d4..f4b4223fc 100644
--- a/src/pages/Customer/CustomerList.vue
+++ b/src/pages/Customer/CustomerList.vue
@@ -84,7 +84,6 @@ const redirectToCreateView = () => {
                             <QBtn
                                 :label="t('components.smartCard.openCard')"
                                 @click.stop="navigate(row.id)"
-                                class="bg-vn-dark"
                                 outline
                             />
                             <QBtn
diff --git a/src/pages/Customer/Defaulter/CustomerBalanceDueTotal.vue b/src/pages/Customer/Defaulter/CustomerBalanceDueTotal.vue
index c4a50a10f..c49ed5e32 100644
--- a/src/pages/Customer/Defaulter/CustomerBalanceDueTotal.vue
+++ b/src/pages/Customer/Defaulter/CustomerBalanceDueTotal.vue
@@ -30,16 +30,16 @@ const { t } = useI18n();
     border: 1px solid black;
 }
 .title_balance {
-    color: var(--vn-text);
+    color: var(--vn-text-color);
     margin-top: 0;
     margin-bottom: 0;
 }
 .key_balance {
-    color: var(--vn-label);
+    color: var(--vn-label-color);
     margin-bottom: 0;
 }
 .value_balance {
-    color: var(--vn-text);
+    color: var(--vn-text-color);
     margin-bottom: 0;
 }
 </style>
diff --git a/src/pages/Customer/Defaulter/CustomerDefaulter.vue b/src/pages/Customer/Defaulter/CustomerDefaulter.vue
index 1ca16abdd..5816eb1ec 100644
--- a/src/pages/Customer/Defaulter/CustomerDefaulter.vue
+++ b/src/pages/Customer/Defaulter/CustomerDefaulter.vue
@@ -205,7 +205,7 @@ const onFetch = (data) => {
         </QScrollArea>
     </QDrawer>
 
-    <VnSubToolbar class="bg-vn-dark">
+    <VnSubToolbar>
         <template #st-data>
             <CustomerBalanceDueTotal :amount="balanceDueTotal" />
             <div class="flex items-center q-ml-lg">
@@ -222,10 +222,8 @@ const onFetch = (data) => {
     <QPage class="column items-center q-pa-md">
         <QTable
             :columns="columns"
-            :pagination="{ rowsPerPage: 0 }"
             :rows="rows"
             class="full-width q-mt-md"
-            hide-bottom
             row-key="clientFk"
             selection="multiple"
             v-model:selected="selected"
diff --git a/src/pages/Customer/ExtendedList/CustomerExtendedList.vue b/src/pages/Customer/ExtendedList/CustomerExtendedList.vue
index 9d98f479c..a24d3211a 100644
--- a/src/pages/Customer/ExtendedList/CustomerExtendedList.vue
+++ b/src/pages/Customer/ExtendedList/CustomerExtendedList.vue
@@ -510,7 +510,6 @@ const selectSalesPersonId = (id) => (selectedSalesPersonId.value = id);
     <QPage class="column items-center q-pa-md">
         <QTable
             :columns="columns"
-            :pagination="{ rowsPerPage: 12 }"
             :rows="rows"
             class="full-width q-mt-md"
             row-key="id"
diff --git a/src/pages/Customer/Notifications/CustomerNotifications.vue b/src/pages/Customer/Notifications/CustomerNotifications.vue
index efd71afef..52ea4cc27 100644
--- a/src/pages/Customer/Notifications/CustomerNotifications.vue
+++ b/src/pages/Customer/Notifications/CustomerNotifications.vue
@@ -100,10 +100,8 @@ const selectCustomerId = (id) => {
     <QPage class="column items-center q-pa-md">
         <QTable
             :columns="columns"
-            :pagination="{ rowsPerPage: 0 }"
             :rows="rows"
             class="full-width q-mt-md"
-            hide-bottom
             row-key="id"
             selection="multiple"
             v-model:selected="selected"
diff --git a/src/pages/Customer/Payments/CustomerPayments.vue b/src/pages/Customer/Payments/CustomerPayments.vue
index eedaaf137..623d610ef 100644
--- a/src/pages/Customer/Payments/CustomerPayments.vue
+++ b/src/pages/Customer/Payments/CustomerPayments.vue
@@ -151,10 +151,8 @@ function stateColor(row) {
                         :columns="columns"
                         :rows="rows"
                         row-key="id"
-                        :pagination="{ rowsPerPage: 0 }"
                         :grid="grid || $q.screen.lt.sm"
                         class="q-mt-xs custom-table"
-                        hide-pagination
                     >
                         <template #body-cell-actions="{ row }">
                             <QTd auto-width class="text-center">
@@ -196,7 +194,7 @@ function stateColor(row) {
                         </template>
                         <template #body-cell-state="{ row }">
                             <QTd auto-width class="text-center">
-                                <QBadge :color="stateColor(row)">
+                                <QBadge text-color="black" :color="stateColor(row)">
                                     {{
                                         row.isConfirmed
                                             ? t('Confirmed')
@@ -227,6 +225,7 @@ function stateColor(row) {
                                                                 v-if="col.name == 'state'"
                                                             >
                                                                 <QBadge
+                                                                    text-color="black"
                                                                     :color="
                                                                         stateColor(row)
                                                                     "
diff --git a/src/pages/Customer/locale/en.yml b/src/pages/Customer/locale/en.yml
new file mode 100644
index 000000000..6eb7cfa85
--- /dev/null
+++ b/src/pages/Customer/locale/en.yml
@@ -0,0 +1,4 @@
+customerFilter:
+    filter:
+        name: Name
+        socialName: Social name
diff --git a/src/pages/Customer/locale/es.yml b/src/pages/Customer/locale/es.yml
new file mode 100644
index 000000000..8fed37092
--- /dev/null
+++ b/src/pages/Customer/locale/es.yml
@@ -0,0 +1,4 @@
+customerFilter:
+    filter:
+        name: Nombre
+        socialName: Razón Social
diff --git a/src/pages/Dashboard/DashboardMain.vue b/src/pages/Dashboard/DashboardMain.vue
index da6a2cb7d..6da39ce25 100644
--- a/src/pages/Dashboard/DashboardMain.vue
+++ b/src/pages/Dashboard/DashboardMain.vue
@@ -21,7 +21,7 @@ const pinnedModules = computed(() => navigation.getPinnedModules());
         :width="256"
         :breakpoint="1000"
     >
-        <QScrollArea class="fit text-grey-8">
+        <QScrollArea class="fit">
             <LeftMenu />
         </QScrollArea>
     </QDrawer>
@@ -67,6 +67,10 @@ const pinnedModules = computed(() => navigation.getPinnedModules());
 </template>
 
 <style lang="scss" scoped>
+.left-menu {
+    color: var(--vn-font-color);
+}
+
 .flex-container {
     display: flex;
     flex-wrap: wrap;
diff --git a/src/pages/Department/Card/DepartmentDescriptor.vue b/src/pages/Department/Card/DepartmentDescriptor.vue
index 7049d4145..e60a8c91b 100644
--- a/src/pages/Department/Card/DepartmentDescriptor.vue
+++ b/src/pages/Department/Card/DepartmentDescriptor.vue
@@ -63,7 +63,7 @@ const removeDepartment = () => {
                 router.push({ name: 'WorkerDepartment' });
                 notify('department.departmentRemoved', 'positive');
             } catch (err) {
-                console.log('Error removing department');
+                console.error('Error removing department');
             }
         });
 };
diff --git a/src/pages/Department/Card/DepartmentSummary.vue b/src/pages/Department/Card/DepartmentSummary.vue
index d6fac56c6..1d42183c3 100644
--- a/src/pages/Department/Card/DepartmentSummary.vue
+++ b/src/pages/Department/Card/DepartmentSummary.vue
@@ -5,6 +5,7 @@ import { useI18n } from 'vue-i18n';
 import CardSummary from 'components/ui/CardSummary.vue';
 import { getUrl } from 'src/composables/getUrl';
 import VnLv from 'src/components/ui/VnLv.vue';
+import VnTitle from 'src/components/common/VnTitle.vue';
 
 const route = useRoute();
 const { t } = useI18n();
@@ -36,13 +37,10 @@ onMounted(async () => {
         </template>
         <template #body="{ entity: department }">
             <QCard class="column">
-                <a
-                    class="header header-link"
-                    :href="`#/department/department/${entityId}/basic-data`"
-                >
-                    {{ t('Basic data') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle
+                    :url="`#/department/department/${entityId}/basic-data`"
+                    :text="t('Basic data')"
+                />
                 <div class="full-width row wrap justify-between content-between">
                     <div class="column" style="min-width: 50%">
                         <VnLv
diff --git a/src/pages/Entry/Card/EntryBasicData.vue b/src/pages/Entry/Card/EntryBasicData.vue
index 4a8cf154a..12e03fd32 100644
--- a/src/pages/Entry/Card/EntryBasicData.vue
+++ b/src/pages/Entry/Card/EntryBasicData.vue
@@ -2,6 +2,7 @@
 import { ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
+import { useRole } from 'src/composables/useRole';
 
 import FetchData from 'components/FetchData.vue';
 import FormModel from 'components/FormModel.vue';
@@ -15,6 +16,8 @@ import { toDate } from 'src/filters';
 
 const route = useRoute();
 const { t } = useI18n();
+const { hasAny } = useRole();
+const isAdministrative = () => hasAny(['administrative']);
 
 const suppliersOptions = ref([]);
 const travelsOptions = ref([]);
@@ -206,6 +209,7 @@ const onFilterTravelSelected = (formData, id) => {
                 </div>
                 <div class="col">
                     <QCheckbox
+                        v-if="isAdministrative()"
                         v-model="data.isBooked"
                         :label="t('entry.basicData.booked')"
                     />
diff --git a/src/pages/Entry/Card/EntryBuys.vue b/src/pages/Entry/Card/EntryBuys.vue
index 06d1fcb4c..3b39840c8 100644
--- a/src/pages/Entry/Card/EntryBuys.vue
+++ b/src/pages/Entry/Card/EntryBuys.vue
@@ -268,16 +268,11 @@ const importBuys = () => {
 
 const toggleGroupingMode = async (buy, mode) => {
     try {
-        const grouping = 1;
-        const packing = 2;
-        const groupingMode = mode === 'grouping' ? grouping : packing;
-
-        const newGroupingMode = buy.groupingMode === groupingMode ? 0 : groupingMode;
-
+        const groupingMode = mode === 'grouping' ? mode : 'packing';
+        const newGroupingMode = buy.groupingMode === groupingMode ? null : groupingMode;
         const params = {
             groupingMode: newGroupingMode,
         };
-
         await axios.patch(`Buys/${buy.id}`, params);
         buy.groupingMode = newGroupingMode;
     } catch (err) {
@@ -287,9 +282,9 @@ const toggleGroupingMode = async (buy, mode) => {
 
 const lockIconType = (groupingMode, mode) => {
     if (mode === 'packing') {
-        return groupingMode === 2 ? 'lock' : 'lock_open';
+        return groupingMode === 'packing' ? 'lock' : 'lock_open';
     } else {
-        return groupingMode === 1 ? 'lock' : 'lock_open';
+        return groupingMode === 'grouping' ? 'lock' : 'lock_open';
     }
 };
 </script>
@@ -471,6 +466,9 @@ const lockIconType = (groupingMode, mode) => {
 </template>
 
 <style lang="scss" scoped>
+.separation-row {
+    background-color: var(--vn-section-color) !important;
+}
 .grid-style-transition {
     transition: transform 0.28s, background-color 0.28s;
 }
diff --git a/src/pages/Entry/Card/EntryBuysImport.vue b/src/pages/Entry/Card/EntryBuysImport.vue
index 3e0ac1410..bd09eabe8 100644
--- a/src/pages/Entry/Card/EntryBuysImport.vue
+++ b/src/pages/Entry/Card/EntryBuysImport.vue
@@ -238,12 +238,7 @@ const redirectToBuysView = () => {
                     </div>
                 </VnRow>
                 <VnRow>
-                    <QTable
-                        :columns="columns"
-                        :rows="importData.buys"
-                        :pagination="{ rowsPerPage: 0 }"
-                        hide-pagination
-                    >
+                    <QTable :columns="columns" :rows="importData.buys">
                         <template #body-cell-item="{ row, col }">
                             <QTd auto-width>
                                 <VnSelectDialog
diff --git a/src/pages/Entry/Card/EntryNotes.vue b/src/pages/Entry/Card/EntryNotes.vue
index 02a0c020a..ae37b4b39 100644
--- a/src/pages/Entry/Card/EntryNotes.vue
+++ b/src/pages/Entry/Card/EntryNotes.vue
@@ -1,19 +1,19 @@
 <script setup>
-import { ref, onMounted } from 'vue';
+import { ref, computed, onMounted } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 
 import FetchData from 'components/FetchData.vue';
 import CrudModel from 'components/CrudModel.vue';
-import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 
-const route = useRoute();
+const { params } = useRoute();
 const { t } = useI18n();
 
 const entryObservationsRef = ref(null);
 const entryObservationsOptions = ref([]);
+const selected = ref([]);
 
 const sortEntryObservationOptions = (data) => {
     entryObservationsOptions.value = [...data].sort((a, b) =>
@@ -24,6 +24,29 @@ const sortEntryObservationOptions = (data) => {
 onMounted(() => {
     if (entryObservationsRef.value) entryObservationsRef.value.reload();
 });
+
+const columns = computed(() => [
+    {
+        name: 'observationType',
+        label: t('entry.notes.observationType'),
+        field: (row) => row.observationTypeFk,
+        sortable: true,
+        options: entryObservationsOptions.value,
+        required: true,
+        model: 'observationTypeFk',
+        optionValue: 'id',
+        optionLabel: 'description',
+        tabIndex: 1,
+        align: 'left',
+    },
+    {
+        name: 'description',
+        label: t('globals.description'),
+        field: (row) => row.description,
+        tabIndex: 2,
+        align: 'left',
+    },
+]);
 </script>
 <template>
     <FetchData
@@ -37,65 +60,90 @@ onMounted(() => {
         model="EntryAccount"
         :filter="{
             fields: ['id', 'entryFk', 'observationTypeFk', 'description'],
-            where: { entryFk: route.params.id },
+            where: { entryFk: params.id },
         }"
         ref="entryObservationsRef"
-        :default-remove="false"
-        :data-required="{ entryFk: route.params.id }"
+        :data-required="{ entryFk: params.id }"
+        v-model:selected="selected"
     >
         <template #body="{ rows, validate }">
-            <QCard class="q-pa-md">
-                <VnRow
-                    v-for="(row, index) in rows"
-                    :key="index"
-                    class="row q-gutter-md q-mb-md"
-                >
-                    <VnSelectFilter
-                        :label="t('entry.notes.observationType')"
-                        v-model="row.observationTypeFk"
-                        :options="entryObservationsOptions"
-                        :disable="!!row.id"
-                        option-label="description"
-                        option-value="id"
-                        hide-selected
-                    />
-
-                    <VnInput
-                        :label="t('globals.description')"
-                        v-model="row.description"
-                        :rules="validate('EntryObservation.description')"
-                    />
-
-                    <div class="row justify-center items-center">
-                        <QIcon
-                            name="delete"
-                            size="sm"
-                            class="cursor-pointer"
-                            color="primary"
-                            @click="entryObservationsRef.remove([row])"
-                        >
-                            <QTooltip>
-                                {{ t('Remove note') }}
-                            </QTooltip>
-                        </QIcon>
+            <QTable
+                v-model:selected="selected"
+                :columns="columns"
+                :rows="rows"
+                :pagination="{ rowsPerPage: 0 }"
+                row-key="$index"
+                selection="multiple"
+                hide-pagination
+                :grid="$q.screen.lt.md"
+                table-header-class="text-left"
+            >
+                <template #body-cell-observationType="{ row, col }">
+                    <QTd>
+                        <VnSelectFilter
+                            v-model="row[col.model]"
+                            :options="col.options"
+                            :option-value="col.optionValue"
+                            :option-label="col.optionLabel"
+                            :autofocus="col.tabIndex == 1"
+                            input-debounce="0"
+                            hide-selected
+                            :required="true"
+                        />
+                    </QTd>
+                </template>
+                <template #body-cell-description="{ row, col }">
+                    <QTd>
+                        <VnInput
+                            :label="t('globals.description')"
+                            v-model="row[col.name]"
+                            :rules="validate('EntryObservation.description')"
+                        />
+                    </QTd>
+                </template>
+                <template #item="props">
+                    <div class="q-pa-xs col-xs-12 col-sm-6 grid-style-transition">
+                        <QCard bordered flat>
+                            <QCardSection>
+                                <QCheckbox v-model="props.selected" dense />
+                            </QCardSection>
+                            <QSeparator />
+                            <QList dense>
+                                <QItem>
+                                    <QItemSection>
+                                        <VnSelectFilter
+                                            v-model="props.row.observationTypeFk"
+                                            :options="entryObservationsOptions"
+                                            option-value="id"
+                                            option-label="description"
+                                            input-debounce="0"
+                                            hide-selected
+                                            :required="true"
+                                        />
+                                    </QItemSection>
+                                </QItem>
+                                <QItem>
+                                    <QItemSection>
+                                        <VnInput
+                                            :label="t('globals.description')"
+                                            v-model="props.row.description"
+                                            :rules="
+                                                validate('EntryObservation.description')
+                                            "
+                                        />
+                                    </QItemSection>
+                                </QItem>
+                            </QList>
+                        </QCard>
                     </div>
-                </VnRow>
-                <QIcon
-                    name="add"
-                    size="sm"
-                    class="cursor-pointer"
-                    color="primary"
-                    @click="entryObservationsRef.insert()"
-                >
-                    <QTooltip>
-                        {{ t('Add note') }}
-                    </QTooltip>
-                </QIcon>
-            </QCard>
+                </template>
+            </QTable>
         </template>
     </CrudModel>
+    <QPageSticky position="bottom-right" :offset="[25, 25]">
+        <QBtn fab color="primary" icon="add" @click="entryObservationsRef.insert()" />
+    </QPageSticky>
 </template>
-
 <i18n>
     es:
         Add note: Añadir nota
diff --git a/src/pages/Entry/Card/EntrySummary.vue b/src/pages/Entry/Card/EntrySummary.vue
index 1cd2a6cd9..1f9aaea28 100644
--- a/src/pages/Entry/Card/EntrySummary.vue
+++ b/src/pages/Entry/Card/EntrySummary.vue
@@ -5,9 +5,8 @@ import { useI18n } from 'vue-i18n';
 
 import CardSummary from 'components/ui/CardSummary.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
-import VnRow from 'components/ui/VnRow.vue';
 import TravelDescriptorProxy from 'src/pages/Travel/Card/TravelDescriptorProxy.vue';
-import FetchedTags from 'components/ui/FetchedTags.vue';
+import VnTitle from 'src/components/common/VnTitle.vue';
 
 import { toDate, toCurrency } from 'src/filters';
 import { getUrl } from 'src/composables/getUrl';
@@ -354,6 +353,12 @@ const fetchEntryBuys = async () => {
     </CardSummary>
 </template>
 
+<style lang="scss" scoped>
+.separation-row {
+    background-color: var(--vn-section-color) !important;
+}
+</style>
+
 <i18n>
 es:
     Travel data: Datos envío
diff --git a/src/pages/Entry/EntryFilter.vue b/src/pages/Entry/EntryFilter.vue
index 22ddf0bbf..86c1f6b23 100644
--- a/src/pages/Entry/EntryFilter.vue
+++ b/src/pages/Entry/EntryFilter.vue
@@ -1,6 +1,8 @@
 <script setup>
 import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
+import { onMounted } from 'vue';
+import { useStateStore } from 'stores/useStateStore';
 
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
@@ -19,6 +21,11 @@ const props = defineProps({
 const currenciesOptions = ref([]);
 const companiesOptions = ref([]);
 const suppliersOptions = ref([]);
+
+const stateStore = useStateStore();
+onMounted(async () => {
+    stateStore.rightDrawer = true;
+});
 </script>
 
 <template>
@@ -58,7 +65,7 @@ const suppliersOptions = ref([]);
                 <QItemSection>
                     <VnInput
                         v-model="params.search"
-                        :label="t('params.search')"
+                        :label="t('entryFilter.filter.search')"
                         is-outlined
                     />
                 </QItemSection>
@@ -67,7 +74,7 @@ const suppliersOptions = ref([]);
                 <QItemSection>
                     <VnInput
                         v-model="params.reference"
-                        :label="t('params.reference')"
+                        :label="t('entryFilter.filter.reference')"
                         is-outlined
                     />
                 </QItemSection>
@@ -210,8 +217,7 @@ const suppliersOptions = ref([]);
 <i18n>
 en:
     params:
-        search: General search
-        reference: Reference
+        
         invoiceNumber: Invoice number
         travelFk: Travel
         companyFk: Company
@@ -225,8 +231,7 @@ en:
         isOrdered: Ordered
 es:
     params:
-        search: Búsqueda general
-        reference: Referencia
+       
         invoiceNumber: Núm. factura
         travelFk: Envío
         companyFk: Empresa
diff --git a/src/pages/Entry/EntryLatestBuys.vue b/src/pages/Entry/EntryLatestBuys.vue
index 217a25870..dbfb03f8f 100644
--- a/src/pages/Entry/EntryLatestBuys.vue
+++ b/src/pages/Entry/EntryLatestBuys.vue
@@ -20,8 +20,8 @@ import { dashIfEmpty } from 'src/filters';
 import { useArrayData } from 'composables/useArrayData';
 
 const router = useRouter();
-const session = useSession();
-const token = session.getToken();
+const { getTokenMultimedia } = useSession();
+const token = getTokenMultimedia();
 const stateStore = useStateStore();
 const { t } = useI18n();
 
@@ -636,7 +636,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
         auto-load
         @on-fetch="(data) => (intrastatOptions = data)"
     />
-    <QToolbar class="bg-vn-dark justify-end">
+    <QToolbar class="justify-end">
         <div id="st-data">
             <TableVisibleColumns
                 :all-columns="allColumnNames"
@@ -659,7 +659,6 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             :columns="columns"
             selection="multiple"
             row-key="id"
-            :pagination="{ rowsPerPage: 0 }"
             class="full-width q-mt-md"
             :visible-columns="visibleColumns"
             v-model:selected="rowsSelected"
diff --git a/src/pages/Entry/EntryLatestBuysFilter.vue b/src/pages/Entry/EntryLatestBuysFilter.vue
index 23361ffb3..5eaf001d8 100644
--- a/src/pages/Entry/EntryLatestBuysFilter.vue
+++ b/src/pages/Entry/EntryLatestBuysFilter.vue
@@ -412,7 +412,7 @@ const removeTag = (index, params, search) => {
         width: 60px;
         height: 60px;
         font-size: 1.4rem;
-        background-color: var(--vn-light-gray);
+        background-color: var(--vn-accent-color);
 
         &.active {
             background-color: $primary;
diff --git a/src/pages/Entry/locale/en.yml b/src/pages/Entry/locale/en.yml
new file mode 100644
index 000000000..1956140ed
--- /dev/null
+++ b/src/pages/Entry/locale/en.yml
@@ -0,0 +1,8 @@
+entryList:
+    list:
+        inventoryEntry: Inventory entry
+        virtualEntry: Virtual entry
+entryFilter:
+    filter:
+        search: General search
+        reference: Reference
diff --git a/src/pages/Entry/locale/es.yml b/src/pages/Entry/locale/es.yml
new file mode 100644
index 000000000..192d03542
--- /dev/null
+++ b/src/pages/Entry/locale/es.yml
@@ -0,0 +1,8 @@
+entryList:
+    list:
+        inventoryEntry: Es inventario
+        virtualEntry: Es una redada
+entryFilter:
+    filter:
+        search: Búsqueda general
+        reference: Referencia
diff --git a/src/pages/InvoiceIn/Card/InvoiceInCorrective.vue b/src/pages/InvoiceIn/Card/InvoiceInCorrective.vue
index 6c05171e7..1011dbd6d 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInCorrective.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInCorrective.vue
@@ -111,7 +111,6 @@ const onSave = (data) => data.deletes && router.push(`/invoice-in/${invoiceId}/s
                 :rows="rows"
                 row-key="$index"
                 selection="single"
-                hide-pagination
                 :grid="$q.screen.lt.sm"
                 :pagination="{ rowsPerPage: 0 }"
             >
diff --git a/src/pages/InvoiceIn/Card/InvoiceInDescriptor.vue b/src/pages/InvoiceIn/Card/InvoiceInDescriptor.vue
index 5adaeca94..2c4a19be5 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInDescriptor.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInDescriptor.vue
@@ -257,7 +257,7 @@ const requiredFieldRule = (val) => val || t('globals.requiredField');
 const isAdministrative = () => hasAny(['administrative']);
 
 const isAgricultural = () =>
-    invoiceIn.value.supplier.sageWithholdingFk == config.value[0].sageWithholdingFk;
+    invoiceIn.value?.supplier?.sageWithholdingFk === config.value[0]?.sageWithholdingFk;
 
 function showPdfInvoice() {
     if (isAgricultural()) openReport(`InvoiceIns/${entityId.value}/invoice-in-pdf`);
diff --git a/src/pages/InvoiceIn/Card/InvoiceInDueDay.vue b/src/pages/InvoiceIn/Card/InvoiceInDueDay.vue
index e36cd97b6..e71e48520 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInDueDay.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInDueDay.vue
@@ -99,7 +99,6 @@ async function insert() {
                 :columns="columns"
                 :rows="rows"
                 row-key="$index"
-                hide-pagination
                 :grid="$q.screen.lt.sm"
             >
                 <template #body-cell-duedate="{ row }">
diff --git a/src/pages/InvoiceIn/Card/InvoiceInIntrastat.vue b/src/pages/InvoiceIn/Card/InvoiceInIntrastat.vue
index 58f521534..746ee130f 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInIntrastat.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInIntrastat.vue
@@ -134,7 +134,6 @@ function getTotal(type) {
                     :columns="columns"
                     :rows="rows"
                     row-key="$index"
-                    hide-pagination
                     :grid="$q.screen.lt.sm"
                 >
                     <template #body-cell="{ row, col }">
diff --git a/src/pages/InvoiceIn/Card/InvoiceInSummary.vue b/src/pages/InvoiceIn/Card/InvoiceInSummary.vue
index 6d2d11509..d58dad2b4 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInSummary.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInSummary.vue
@@ -6,6 +6,7 @@ import { toCurrency, toDate } from 'src/filters';
 import { getUrl } from 'src/composables/getUrl';
 import CardSummary from 'components/ui/CardSummary.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
+import VnTitle from 'src/components/common/VnTitle.vue';
 
 onMounted(async () => {
     salixUrl.value = await getUrl('');
@@ -198,7 +199,7 @@ function getLink(param) {
 
 <template>
     <CardSummary
-        ref="summary"
+        data-key="InvoiceInSummary"
         :url="`InvoiceIns/${entityId}/summary`"
         @on-fetch="(data) => setData(data)"
     >
@@ -209,10 +210,10 @@ function getLink(param) {
             <!--Basic Data-->
             <QCard class="vn-one">
                 <QCardSection class="q-pa-none">
-                    <a class="header header-link" :href="getLink('basic-data')">
-                        {{ t('invoiceIn.pageTitles.basicData') }}
-                        <QIcon name="open_in_new" />
-                    </a>
+                    <VnTitle
+                        :url="getLink('basic-data')"
+                        :text="t('invoiceIn.pageTitles.basicData')"
+                    />
                 </QCardSection>
                 <VnLv
                     :label="t('invoiceIn.summary.supplier')"
@@ -233,10 +234,10 @@ function getLink(param) {
             </QCard>
             <QCard class="vn-one">
                 <QCardSection class="q-pa-none">
-                    <a class="header header-link" :href="getLink('basic-data')">
-                        {{ t('invoiceIn.pageTitles.basicData') }}
-                        <QIcon name="open_in_new" />
-                    </a>
+                    <VnTitle
+                        :url="getLink('basic-data')"
+                        :text="t('invoiceIn.pageTitles.basicData')"
+                    />
                 </QCardSection>
                 <VnLv
                     :ellipsis-value="false"
@@ -258,10 +259,10 @@ function getLink(param) {
             </QCard>
             <QCard class="vn-one">
                 <QCardSection class="q-pa-none">
-                    <a class="header header-link" :href="getLink('basic-data')">
-                        {{ t('invoiceIn.pageTitles.basicData') }}
-                        <QIcon name="open_in_new" />
-                    </a>
+                    <VnTitle
+                        :url="getLink('basic-data')"
+                        :text="t('invoiceIn.pageTitles.basicData')"
+                    />
                 </QCardSection>
                 <VnLv
                     :label="t('invoiceIn.summary.sage')"
@@ -283,10 +284,10 @@ function getLink(param) {
             </QCard>
             <QCard class="vn-one">
                 <QCardSection class="q-pa-none">
-                    <a class="header header-link" :href="getLink('basic-data')">
-                        {{ t('invoiceIn.pageTitles.basicData') }}
-                        <QIcon name="open_in_new" />
-                    </a>
+                    <VnTitle
+                        :url="getLink('basic-data')"
+                        :text="t('invoiceIn.pageTitles.basicData')"
+                    />
                 </QCardSection>
                 <QCardSection class="q-pa-none">
                     <div class="bordered q-px-sm q-mx-auto">
@@ -319,10 +320,7 @@ function getLink(param) {
             </QCard>
             <!--Vat-->
             <QCard v-if="invoiceIn.invoiceInTax.length">
-                <a class="header header-link" :href="getLink('vat')">
-                    {{ t('invoiceIn.card.vat') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle :url="getLink('vat')" :text="t('invoiceIn.card.vat')" />
                 <QTable
                     :columns="vatColumns"
                     :rows="invoiceIn.invoiceInTax"
@@ -352,16 +350,12 @@ function getLink(param) {
             </QCard>
             <!--Due Day-->
             <QCard v-if="invoiceIn.invoiceInDueDay.length">
-                <a class="header header-link" :href="getLink('due-day')">
-                    {{ t('invoiceIn.card.dueDay') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle :url="getLink('due-day')" :text="t('invoiceIn.card.dueDay')" />
                 <QTable
                     class="full-width"
                     :columns="dueDayColumns"
                     :rows="invoiceIn.invoiceInDueDay"
                     flat
-                    hide-pagination
                 >
                     <template #header="props">
                         <QTr :props="props" class="bg">
@@ -382,15 +376,14 @@ function getLink(param) {
             </QCard>
             <!--Intrastat-->
             <QCard v-if="invoiceIn.invoiceInIntrastat.length">
-                <a class="header header-link" :href="getLink('intrastat')">
-                    {{ t('invoiceIn.card.intrastat') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle
+                    :url="getLink('intrastat')"
+                    :text="t('invoiceIn.card.intrastat')"
+                />
                 <QTable
                     :columns="intrastatColumns"
                     :rows="invoiceIn.invoiceInIntrastat"
                     flat
-                    hide-pagination
                 >
                     <template #header="props">
                         <QTr :props="props" class="bg">
@@ -415,10 +408,10 @@ function getLink(param) {
 </template>
 <style lang="scss" scoped>
 .bg {
-    background-color: var(--vn-light-gray);
+    background-color: var(--vn-accent-color);
 }
 .bordered {
-    border: 1px solid var(--vn-text);
+    border: 1px solid var(--vn-text-color);
     max-width: 18em;
 }
 </style>
diff --git a/src/pages/InvoiceIn/Card/InvoiceInVat.vue b/src/pages/InvoiceIn/Card/InvoiceInVat.vue
index 8915a96ec..5d3e82824 100644
--- a/src/pages/InvoiceIn/Card/InvoiceInVat.vue
+++ b/src/pages/InvoiceIn/Card/InvoiceInVat.vue
@@ -32,6 +32,13 @@ const invoiceInFormRef = ref();
 const expensesRef = ref();
 const newExpenseRef = ref();
 
+defineProps({
+    actionIcon: {
+        type: String,
+        default: 'add',
+    },
+});
+
 const columns = computed(() => [
     {
         name: 'expense',
@@ -184,10 +191,8 @@ async function addExpense() {
                 selection="multiple"
                 :columns="columns"
                 :rows="rows"
-                row-key="$index"
-                hide-pagination
+                row-key="$index"                
                 :grid="$q.screen.lt.sm"
-                :pagination="{ rowsPerPage: 0 }"
             >
                 <template #body-cell-expense="{ row, col }">
                     <QTd auto-width>
@@ -209,17 +214,16 @@ async function addExpense() {
                                     @click.stop="value = null"
                                     class="cursor-pointer"
                                 />
-                                <QBtn
-                                    padding="xs"
-                                    round
-                                    flat
-                                    icon="add_circle"
-                                    @click.stop="newExpenseRef.show()"
+                                <QIcon
+                                    @click.stop.prevent="newExpenseRef.show()"
+                                    :name="actionIcon"
+                                    size="xs"
+                                    class="default-icon"
                                 >
                                     <QTooltip>
                                         {{ t('Create expense') }}
                                     </QTooltip>
-                                </QBtn>
+                                </QIcon>
                             </template>
                         </VnSelectFilter>
                     </QTd>
@@ -472,6 +476,11 @@ async function addExpense() {
 .q-item {
     min-height: 0;
 }
+.default-icon {
+    cursor: pointer;
+    border-radius: 50px;
+    background-color: $primary;
+}
 </style>
 <i18n>
 es:
diff --git a/src/pages/InvoiceIn/InvoiceInFilter.vue b/src/pages/InvoiceIn/InvoiceInFilter.vue
index 8f8213f1c..0e53fbed7 100644
--- a/src/pages/InvoiceIn/InvoiceInFilter.vue
+++ b/src/pages/InvoiceIn/InvoiceInFilter.vue
@@ -29,6 +29,7 @@ const suppliersRef = ref();
         order="nickname"
         limit="30"
         @on-fetch="(data) => (suppliers = data)"
+        auto-load
     />
     <VnFilterPanel :data-key="props.dataKey" :search-button="true">
         <template #tags="{ tag, formatFn }">
@@ -38,46 +39,6 @@ const suppliersRef = ref();
             </div>
         </template>
         <template #body="{ params, searchFn }">
-            <QItem>
-                <QItemSection>
-                    <VnInput
-                        :label="t('Id or Supplier')"
-                        v-model="params.search"
-                        is-outlined
-                    >
-                        <template #prepend>
-                            <QIcon name="badge" size="sm"></QIcon>
-                        </template>
-                    </VnInput>
-                </QItemSection>
-            </QItem>
-            <QItem>
-                <QItemSection>
-                    <VnInput
-                        :label="useCapitalize(t('params.correctedFk'))"
-                        v-model="params.correctedFk"
-                        is-outlined
-                    >
-                        <template #prepend>
-                            <QIcon name="attachment" size="sm" />
-                        </template>
-                    </VnInput>
-                </QItemSection>
-            </QItem>
-            <QItem>
-                <QItemSection>
-                    <VnInput
-                        :label="t('params.supplierRef')"
-                        v-model="params.supplierRef"
-                        is-outlined
-                        lazy-rules
-                    >
-                        <template #prepend>
-                            <QIcon name="vn:client" size="sm"></QIcon>
-                        </template>
-                    </VnInput>
-                </QItemSection>
-            </QItem>
             <QItem>
                 <QItemSection>
                     <VnSelectFilter
@@ -97,31 +58,31 @@ const suppliersRef = ref();
             <QItem>
                 <QItemSection>
                     <VnInput
-                        :label="t('params.fi')"
-                        v-model="params.fi"
+                        :label="t('params.supplierRef')"
+                        v-model="params.supplierRef"
                         is-outlined
                         lazy-rules
                     >
                         <template #prepend>
-                            <QIcon name="badge" size="sm"></QIcon>
+                            <QIcon name="vn:client" size="sm"></QIcon>
                         </template>
                     </VnInput>
                 </QItemSection>
             </QItem>
             <QItem>
-                <QItemSection>
-                    <VnInput
-                        :label="t('params.serialNumber')"
-                        v-model="params.serialNumber"
-                        is-outlined
-                        lazy-rules
-                    >
-                        <template #prepend>
-                            <QIcon name="badge" size="sm"></QIcon>
-                        </template>
-                    </VnInput>
-                </QItemSection>
-            </QItem>
+                    <QItemSection>
+                        <VnInputDate
+                            :label="t('From')"
+                            v-model="params.from"
+                            is-outlined
+                        />
+                    </QItemSection>
+                </QItem>
+                <QItem>
+                    <QItemSection>
+                        <VnInputDate :label="t('To')" v-model="params.to" is-outlined />
+                    </QItemSection>
+                </QItem>
             <QItem>
                 <QItemSection>
                     <VnInput
@@ -152,6 +113,34 @@ const suppliersRef = ref();
                 </QItemSection>
             </QItem>
             <QExpansionItem :label="t('More options')" expand-separator>
+                <QItem>
+                <QItemSection>
+                    <VnInput
+                        :label="t('params.fi')"
+                        v-model="params.fi"
+                        is-outlined
+                        lazy-rules
+                    >
+                        <template #prepend>
+                            <QIcon name="badge" size="sm"></QIcon>
+                        </template>
+                    </VnInput>
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnInput
+                        :label="t('params.serialNumber')"
+                        v-model="params.serialNumber"
+                        is-outlined
+                        lazy-rules
+                    >
+                        <template #prepend>
+                            <QIcon name="badge" size="sm"></QIcon>
+                        </template>
+                    </VnInput>
+                </QItemSection>
+            </QItem>
                 <QItem>
                     <QItemSection>
                         <VnInput
@@ -180,20 +169,6 @@ const suppliersRef = ref();
                         </VnInput>
                     </QItemSection>
                 </QItem>
-                <QItem>
-                    <QItemSection>
-                        <VnInputDate
-                            :label="t('From')"
-                            v-model="params.from"
-                            is-outlined
-                        />
-                    </QItemSection>
-                </QItem>
-                <QItem>
-                    <QItemSection>
-                        <VnInputDate :label="t('To')" v-model="params.to" is-outlined />
-                    </QItemSection>
-                </QItem>
                 <QItem>
                     <QItemSection>
                         <VnInputDate
diff --git a/src/pages/InvoiceIn/InvoiceInList.vue b/src/pages/InvoiceIn/InvoiceInList.vue
index 9508c669c..46c95c734 100644
--- a/src/pages/InvoiceIn/InvoiceInList.vue
+++ b/src/pages/InvoiceIn/InvoiceInList.vue
@@ -112,7 +112,6 @@ function navigate(id) {
                             <QBtn
                                 :label="t('components.smartCard.openCard')"
                                 @click.stop="navigate(row.id)"
-                                class="bg-vn-dark"
                                 outline
                                 type="reset"
                             />
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutDescriptor.vue b/src/pages/InvoiceOut/Card/InvoiceOutDescriptor.vue
index 9c1bb3649..e01706e84 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutDescriptor.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutDescriptor.vue
@@ -2,13 +2,15 @@
 import { ref, computed } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-import { toCurrency, toDate } from 'src/filters';
+
 import CardDescriptor from 'components/ui/CardDescriptor.vue';
 import CustomerDescriptorProxy from 'pages/Customer/Card/CustomerDescriptorProxy.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
-import useCardDescription from 'src/composables/useCardDescription';
 import InvoiceOutDescriptorMenu from './InvoiceOutDescriptorMenu.vue';
 
+import useCardDescription from 'src/composables/useCardDescription';
+import { toCurrency, toDate } from 'src/filters';
+
 const $props = defineProps({
     id: {
         type: Number,
@@ -23,7 +25,6 @@ const { t } = useI18n();
 const entityId = computed(() => {
     return $props.id || route.params.id;
 });
-const descriptor = ref();
 
 const filter = {
     include: [
@@ -42,6 +43,8 @@ const filter = {
     ],
 };
 
+const descriptor = ref();
+
 function ticketFilter(invoice) {
     return JSON.stringify({ refFk: invoice.ref });
 }
@@ -61,7 +64,7 @@ const setData = (entity) => (data.value = useCardDescription(entity.ref, entity.
         data-key="invoiceOutData"
     >
         <template #menu="{ entity }">
-            <InvoiceOutDescriptorMenu :invoice-out="entity" />
+            <InvoiceOutDescriptorMenu :invoice-out-data="entity" />
         </template>
         <template #body="{ entity }">
             <VnLv :label="t('invoiceOut.card.issued')" :value="toDate(entity.issued)" />
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
index ab8b6470b..10af631bc 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
@@ -1,40 +1,260 @@
 <script setup>
+import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+import { useQuasar } from 'quasar';
 
+import TransferInvoiceForm from 'src/components/TransferInvoiceForm.vue';
+import SendEmailDialog from 'components/common/SendEmailDialog.vue';
+
+import useNotify from 'src/composables/useNotify';
+import { useSession } from 'src/composables/useSession';
+import { usePrintService } from 'composables/usePrintService';
+import { useVnConfirm } from 'composables/useVnConfirm';
+import axios from 'axios';
+
+const $props = defineProps({
+    invoiceOutData: {
+        type: Object,
+        default: () => {},
+    },
+});
+
+const { notify } = useNotify();
+const router = useRouter();
+const session = useSession();
+const token = session.getToken();
 const { t } = useI18n();
+const { openReport, sendEmail } = usePrintService();
+const { openConfirmationModal } = useVnConfirm();
+const quasar = useQuasar();
+
+const transferInvoiceDialogRef = ref();
+const invoiceFormType = ref('pdf');
+const defaultEmailAddress = ref($props.invoiceOutData.client?.email);
+
+const showInvoicePdf = () => {
+    const url = `api/InvoiceOuts/${$props.invoiceOutData.id}/download?access_token=${token}`;
+    window.open(url, '_blank');
+};
+
+const showInvoiceCsv = () => {
+    openReport(`InvoiceOuts/${$props.invoiceOutData.ref}/invoice-csv`, {
+        recipientId: $props.invoiceOutData.client.id,
+    });
+};
+
+const showSendInvoiceDialog = (type) => {
+    invoiceFormType.value = type;
+    quasar.dialog({
+        component: SendEmailDialog,
+        componentProps: {
+            data: {
+                address: defaultEmailAddress.value,
+            },
+            promise: sendEmailInvoice,
+        },
+    });
+};
+
+const sendEmailInvoice = async ({ address }) => {
+    try {
+        if (!address) notify(`The email can't be empty`, 'negative');
+
+        if (invoiceFormType.value === 'pdf') {
+            return sendEmail(`InvoiceOuts/${$props.invoiceOutData.ref}/invoice-email`, {
+                recipientId: $props.invoiceOutData.client.id,
+                recipient: address,
+            });
+        } else {
+            return sendEmail(
+                `InvoiceOuts/${$props.invoiceOutData.ref}/invoice-csv-email`,
+                {
+                    recipientId: $props.invoiceOutData.client.id,
+                    recipient: address,
+                }
+            );
+        }
+    } catch (err) {
+        console.error('Error sending email', err);
+    }
+};
+
+const redirectToInvoiceOutList = () => {
+    router.push({ name: 'InvoiceOutList' });
+};
+
+const deleteInvoice = async () => {
+    try {
+        await axios.post(`InvoiceOuts/${$props.invoiceOutData.id}/delete`);
+        notify(t('InvoiceOut deleted'), 'positive');
+    } catch (err) {
+        console.error('Error deleting invoice out', err);
+    }
+};
+
+const bookInvoice = async () => {
+    try {
+        await axios.post(`InvoiceOuts/${$props.invoiceOutData.ref}/book`);
+        notify(t('InvoiceOut booked'), 'positive');
+    } catch (err) {
+        console.error('Error booking invoice out', err);
+    }
+};
+
+const generateInvoicePdf = async () => {
+    try {
+        await axios.post(`InvoiceOuts/${$props.invoiceOutData.id}/createPdf`);
+        notify(t('The invoice PDF document has been regenerated'), 'positive');
+    } catch (err) {
+        console.error('Error generating invoice out pdf', err);
+    }
+};
+
+const refundInvoice = async (withWarehouse) => {
+    try {
+        const params = { ref: $props.invoiceOutData.ref, withWarehouse: withWarehouse };
+        const { data } = await axios.post('InvoiceOuts/refund', params);
+        notify(
+            t('refundInvoiceSuccessMessage', {
+                refundTicket: data[0].id,
+            }),
+            'positive'
+        );
+    } catch (err) {
+        console.error('Error generating invoice out pdf', err);
+    }
+};
 </script>
 
 <template>
-    <QItem v-ripple clickable>
-        <QItemSection>{{ t('Transfer invoice to') }}</QItemSection>
+    <QItem v-ripple clickable @click="transferInvoiceDialogRef.show()">
+        <QItemSection>{{ t('Transfer invoice to...') }}</QItemSection>
     </QItem>
     <QItem v-ripple clickable>
-        <QItemSection>{{ t('See invoice') }}</QItemSection>
+        <QItemSection>{{ t('Show invoice...') }}</QItemSection>
+        <QItemSection side>
+            <QIcon name="keyboard_arrow_right" />
+        </QItemSection>
+        <QMenu anchor="top end" self="top start">
+            <QList>
+                <QItem v-ripple clickable @click="showInvoicePdf()">
+                    <QItemSection>{{ t('As PDF') }}</QItemSection>
+                </QItem>
+                <QItem v-ripple clickable @click="showInvoiceCsv()">
+                    <QItemSection>{{ t('As CSV') }}</QItemSection>
+                </QItem>
+            </QList>
+        </QMenu>
     </QItem>
     <QItem v-ripple clickable>
-        <QItemSection>{{ t('Send invoice') }}</QItemSection>
+        <QItemSection>{{ t('Send invoice...') }}</QItemSection>
+        <QItemSection side>
+            <QIcon name="keyboard_arrow_right" />
+        </QItemSection>
+        <QMenu anchor="top end" self="top start">
+            <QList>
+                <QItem v-ripple clickable @click="showSendInvoiceDialog('pdf')">
+                    <QItemSection>{{ t('Send PDF') }}</QItemSection>
+                </QItem>
+                <QItem v-ripple clickable @click="showSendInvoiceDialog('csv')">
+                    <QItemSection>{{ t('Send CSV') }}</QItemSection>
+                </QItem>
+            </QList>
+        </QMenu>
     </QItem>
-    <QItem v-ripple clickable>
+    <QItem
+        v-ripple
+        clickable
+        @click="
+            openConfirmationModal(
+                t('Confirm deletion'),
+                t('Are you sure you want to delete this invoice?'),
+                deleteInvoice,
+                redirectToInvoiceOutList
+            )
+        "
+    >
         <QItemSection>{{ t('Delete invoice') }}</QItemSection>
     </QItem>
-    <QItem v-ripple clickable>
-        <QItemSection>{{ t('Post invoice') }}</QItemSection>
+    <QItem
+        v-ripple
+        clickable
+        @click="
+            openConfirmationModal(
+                '',
+                t('Are you sure you want to book this invoice?'),
+                bookInvoice
+            )
+        "
+    >
+        <QItemSection>{{ t('Book invoice') }}</QItemSection>
+    </QItem>
+    <QItem
+        v-ripple
+        clickable
+        @click="
+            openConfirmationModal(
+                t('Generate PDF invoice document'),
+                t('Are you sure you want to generate/regenerate the PDF invoice?'),
+                generateInvoicePdf
+            )
+        "
+    >
+        <QItemSection>{{ t('Generate PDF invoice') }}</QItemSection>
     </QItem>
     <QItem v-ripple clickable>
-        <QItemSection>{{ t('Regenerate invoice PDF') }}</QItemSection>
-    </QItem>
-    <QItem v-ripple clickable>
-        <QItemSection>{{ t('Pass') }}</QItemSection>
+        <QItemSection>{{ t('Refund...') }}</QItemSection>
+        <QItemSection side>
+            <QIcon name="keyboard_arrow_right" />
+        </QItemSection>
+        <QMenu anchor="top end" self="top start">
+            <QList>
+                <QItem v-ripple clickable @click="refundInvoice(true)">
+                    <QItemSection>{{ t('With warehouse') }}</QItemSection>
+                </QItem>
+                <QItem v-ripple clickable @click="refundInvoice(false)">
+                    <QItemSection>{{ t('Without warehouse') }}</QItemSection>
+                </QItem>
+            </QList>
+        </QMenu>
+        <QTooltip>
+            {{ t('Create a single ticket with all the content of the current invoice') }}
+        </QTooltip>
     </QItem>
+
+    <QDialog ref="transferInvoiceDialogRef">
+        <TransferInvoiceForm :invoice-out-data="invoiceOutData" />
+    </QDialog>
 </template>
 
 <i18n>
 es:
-    Transfer invoice to: Transferir factura a
-    See invoice: Ver factura
-    Send invoice: Enviar factura
+    Transfer invoice to...: Transferir factura a...
+    Show invoice...: Ver factura...
+    Send invoice...: Enviar factura...
     Delete invoice: Eliminar factura
-    Post invoice: Asentar factura
-    Regenerate invoice PDF: Regenerar PDF factura
-    Pass: Abono
+    Book invoice: Asentar factura
+    Generate PDF invoice: Generar PDF factura
+    Refund...: Abono
+    As PDF: como PDF
+    As CSV: como CSV
+    Send PDF: Enviar PDF
+    Send CSV: Enviar CSV
+    With warehouse: Con almacén
+    Without warehouse: Sin almacén
+    InvoiceOut deleted: Factura eliminada
+    Confirm deletion: Confirmar eliminación
+    Are you sure you want to delete this invoice?: Estas seguro de eliminar esta factura?
+    Are you sure you want to book this invoice?: Estas seguro de querer asentar esta factura?
+    InvoiceOut booked: Factura asentada
+    Generate PDF invoice document: Generar PDF de la factura
+    Are you sure you want to generate/regenerate the PDF invoice?: ¿Seguro que quieres generar/regenerar el PDF de la factura?
+    The invoice PDF document has been regenerated: El documento PDF de la factura ha sido regenerado
+    Create a single ticket with all the content of the current invoice: Crear un ticket único con todo el contenido de la factura actual
+    refundInvoiceSuccessMessage: Se ha creado el siguiente ticket de abono {refundTicket}
+    The email can't be empty: El email no puede estar vacío
+
+en:
+    refundInvoiceSuccessMessage: The following refund ticket have been created {refundTicket}
 </i18n>
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
index c5c17fa87..a6a28bdde 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
@@ -7,6 +7,9 @@ import { toCurrency, toDate } from 'src/filters';
 import CardSummary from 'components/ui/CardSummary.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
 import { getUrl } from 'src/composables/getUrl';
+import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
+import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorProxy.vue';
+import VnTitle from 'src/components/common/VnTitle.vue';
 
 onMounted(async () => {
     fetch();
@@ -67,29 +70,33 @@ const taxColumns = ref([
 const ticketsColumns = ref([
     {
         name: 'item',
-        label: 'invoiceOut.summary.ticketId',
+        label: t('invoiceOut.summary.ticketId'),
         field: (row) => row.id,
         sortable: true,
+        align: 'left',
     },
     {
         name: 'quantity',
-        label: 'invoiceOut.summary.nickname',
+        label: t('invoiceOut.summary.nickname'),
         field: (row) => row.nickname,
         sortable: true,
+        align: 'left',
     },
     {
         name: 'landed',
-        label: 'invoiceOut.summary.shipped',
+        label: t('invoiceOut.summary.shipped'),
         field: (row) => row.shipped,
         format: (value) => toDate(value),
         sortable: true,
+        align: 'left',
     },
     {
         name: 'landed',
-        label: 'invoiceOut.summary.totalWithVat',
+        label: t('invoiceOut.summary.totalWithVat'),
         field: (row) => row.totalWithVat,
         format: (value) => toCurrency(value),
         sortable: true,
+        align: 'left',
     },
 ]);
 </script>
@@ -105,10 +112,7 @@ const ticketsColumns = ref([
         </template>
         <template #body="{ entity: { invoiceOut } }">
             <QCard class="vn-one">
-                <a class="header header-link">
-                    {{ t('invoiceOut.pageTitles.basicData') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle :text="t('invoiceOut.pageTitles.basicData')" />
                 <VnLv
                     :label="t('invoiceOut.summary.issued')"
                     :value="toDate(invoiceOut.issued)"
@@ -131,10 +135,7 @@ const ticketsColumns = ref([
                 />
             </QCard>
             <QCard class="vn-three">
-                <a class="header header-link">
-                    {{ t('invoiceOut.summary.taxBreakdown') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle :text="t('invoiceOut.summary.taxBreakdown')" />
                 <QTable :columns="taxColumns" :rows="invoiceOut.taxesBreakdown" flat>
                     <template #header="props">
                         <QTr :props="props">
@@ -146,17 +147,23 @@ const ticketsColumns = ref([
                 </QTable>
             </QCard>
             <QCard class="vn-three">
-                <a class="header header-link">
-                    {{ t('invoiceOut.summary.tickets') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle :text="t('invoiceOut.summary.tickets')" />
                 <QTable v-if="tickets" :columns="ticketsColumns" :rows="tickets" flat>
-                    <template #header="props">
-                        <QTr :props="props">
-                            <QTh v-for="col in props.cols" :key="col.name" :props="props">
-                                {{ t(col.label) }}
-                            </QTh>
-                        </QTr>
+                    <template #body-cell-item="{ value }">
+                        <QTd>
+                            <QBtn flat color="primary">
+                                {{ value }}
+                                <TicketDescriptorProxy :id="value" />
+                            </QBtn>
+                        </QTd>
+                    </template>
+                    <template #body-cell-quantity="{ value, row }">
+                        <QTd>
+                            <QBtn flat color="primary" dense>
+                                {{ value }}
+                                <CustomerDescriptorProxy :id="row.id" />
+                            </QBtn>
+                        </QTd>
                     </template>
                 </QTable>
             </QCard>
diff --git a/src/pages/InvoiceOut/InvoiceOutGlobal.vue b/src/pages/InvoiceOut/InvoiceOutGlobal.vue
index 7e2b43a76..e8ec2b70e 100644
--- a/src/pages/InvoiceOut/InvoiceOutGlobal.vue
+++ b/src/pages/InvoiceOut/InvoiceOutGlobal.vue
@@ -21,6 +21,7 @@ const {
     nPdfs,
     totalPdfs,
     errors,
+    addresses,
 } = storeToRefs(invoiceOutGlobalStore);
 
 const selectedCustomerId = ref(null);
@@ -86,6 +87,14 @@ const selectCustomerId = (id) => {
     selectedCustomerId.value = id;
 };
 
+const statusText = computed(() => {
+    return status.value === 'invoicing'
+        ? `${t(`status.${status.value}`)} ${
+              addresses.value[getAddressNumber.value]?.clientId
+          }`
+        : t(`status.${status.value}`);
+});
+
 onMounted(() => (stateStore.rightDrawer = true));
 onUnmounted(() => {
     stateStore.rightDrawer = false;
@@ -103,7 +112,7 @@ onUnmounted(() => {
     <QPage class="column items-center q-pa-md">
         <QCard v-if="status" class="card">
             <QCardSection class="card-section">
-                <span class="text">{{ t(`status.${status}`) }}</span>
+                <span class="text">{{ statusText }}</span>
                 <span class="text">{{
                     t('invoiceOut.globalInvoices.statusCard.percentageText', {
                         getPercentage: getPercentage,
@@ -124,9 +133,7 @@ onUnmounted(() => {
             v-if="rows.length > 0"
             :rows="rows"
             :columns="columns"
-            hide-bottom
             row-key="id"
-            :pagination="{ rowsPerPage: 0 }"
             class="full-width q-mt-md"
         >
             <template #body-cell="props">
@@ -156,7 +163,7 @@ onUnmounted(() => {
     display: flex;
     justify-content: center;
     width: 100%;
-    background-color: var(--vn-dark);
+    background-color: var(--vn-section-color);
     padding: 16px;
 
     .card-section {
@@ -167,7 +174,7 @@ onUnmounted(() => {
 
     .text {
         font-size: 14px;
-        color: var(--vn-text);
+        color: var(--vn-text-color);
     }
 }
 
diff --git a/src/pages/InvoiceOut/InvoiceOutGlobalForm.vue b/src/pages/InvoiceOut/InvoiceOutGlobalForm.vue
index c61b9f7ff..a000d6d4f 100644
--- a/src/pages/InvoiceOut/InvoiceOutGlobalForm.vue
+++ b/src/pages/InvoiceOut/InvoiceOutGlobalForm.vue
@@ -13,13 +13,8 @@ const { t } = useI18n();
 const invoiceOutGlobalStore = useInvoiceOutGlobalStore();
 
 // invoiceOutGlobalStore state and getters
-const {
-    initialDataLoading,
-    formInitialData,
-
-    invoicing,
-    status,
-} = storeToRefs(invoiceOutGlobalStore);
+const { initialDataLoading, formInitialData, invoicing, status } =
+    storeToRefs(invoiceOutGlobalStore);
 
 // invoiceOutGlobalStore actions
 const { makeInvoice, setStatusValue } = invoiceOutGlobalStore;
@@ -32,13 +27,7 @@ const printersOptions = ref([]);
 
 const clientsOptions = ref([]);
 
-const formData = ref({
-    companyFk: null,
-    invoiceDate: null,
-    maxShipped: null,
-    clientId: null,
-    printer: null,
-});
+const formData = ref({});
 
 const optionsInitialData = computed(() => {
     return (
diff --git a/src/pages/InvoiceOut/InvoiceOutList.vue b/src/pages/InvoiceOut/InvoiceOutList.vue
index 08f893db2..c77502af5 100644
--- a/src/pages/InvoiceOut/InvoiceOutList.vue
+++ b/src/pages/InvoiceOut/InvoiceOutList.vue
@@ -2,25 +2,32 @@
 import { onMounted, onUnmounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
-import { exportFile, useQuasar } from 'quasar';
-import { useStateStore } from 'stores/useStateStore';
+
 import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import InvoiceOutSummary from './Card/InvoiceOutSummary.vue';
-import { toDate, toCurrency } from 'src/filters/index';
 import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
-import InvoiceOutFilter from './InvoiceOutFilter.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
 import CardList from 'src/components/ui/CardList.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+import CustomerDescriptorProxy from '../Customer/Card/CustomerDescriptorProxy.vue';
+import CreateManualInvoiceForm from 'src/components/CreateManualInvoiceForm.vue';
+
+import InvoiceOutFilter from './InvoiceOutFilter.vue';
+import { toDate, toCurrency } from 'src/filters/index';
+import { useStateStore } from 'stores/useStateStore';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
+import { useSession } from 'src/composables/useSession';
 
 const { t } = useI18n();
-const selectedCards = ref(new Map());
-const quasar = useQuasar();
 const router = useRouter();
 const stateStore = useStateStore();
+const session = useSession();
+const tokenMultimedia = session.getTokenMultimedia();
 const { viewSummary } = useSummaryDialog();
 
+const manualInvoiceDialogRef = ref(null);
+const selectedCards = ref(new Map());
+
 onMounted(() => (stateStore.rightDrawer = true));
 onUnmounted(() => (stateStore.rightDrawer = false));
 
@@ -52,37 +59,37 @@ const toggleAllCards = (cardsData) => {
     }
 };
 
-const downloadCsv = () => {
-    if (selectedCards.value.size === 0) return;
-    const selectedCardsArray = Array.from(selectedCards.value.values());
-    let file;
-    for (var i = 0; i < selectedCardsArray.length; i++) {
-        if (i == 0) file += Object.keys(selectedCardsArray[i]).join(';') + '\n';
-        file +=
-            Object.keys(selectedCardsArray[i])
-                .map(function (key) {
-                    return selectedCardsArray[i][key];
-                })
-                .join(';') + '\n';
-    }
-    const status = exportFile('file.csv', file, {
-        encoding: 'windows-1252',
-        mimeType: 'text/csv;charset=windows-1252;',
-    });
-    if (status === true) {
-        quasar.notify({
-            message: t('fileAllowed'),
-            color: 'positive',
-            icon: 'check',
-        });
-    } else {
-        quasar.notify({
-            message: t('fileDenied'),
-            color: 'negative',
-            icon: 'warning',
-        });
+const openPdf = () => {
+    try {
+        if (selectedCards.value.size === 0) return;
+        const selectedCardsArray = Array.from(selectedCards.value.values());
+
+        if (selectedCards.value.size === 1) {
+            const [invoiceOut] = selectedCardsArray;
+            const url = `api/InvoiceOuts/${invoiceOut.id}/download?access_token=${tokenMultimedia}`;
+            window.open(url, '_blank');
+        } else {
+            const invoiceOutIdsArray = selectedCardsArray.map(
+                (invoiceOut) => invoiceOut.id
+            );
+            const invoiceOutIds = invoiceOutIdsArray.join(',');
+
+            const params = new URLSearchParams({
+                access_token: tokenMultimedia,
+                ids: invoiceOutIds,
+            });
+
+            const url = `api/InvoiceOuts/downloadZip?${params}`;
+            window.open(url, '_blank');
+        }
+    } catch (err) {
+        console.error('Error opening PDF');
     }
 };
+
+const openCreateInvoiceModal = () => {
+    manualInvoiceDialogRef.value.show();
+};
 </script>
 
 <template>
@@ -119,52 +126,21 @@ const downloadCsv = () => {
         <VnPaginate
             auto-load
             data-key="InvoiceOutList"
-            order="issued DESC, id DESC"
+            :order="['issued DESC', 'id DESC']"
             url="InvoiceOuts/filter"
         >
             <template #body="{ rows }">
-                <VnSubToolbar class="bg-vn-dark justify-end">
+                <VnSubToolbar class="justify-end">
                     <template #st-actions>
                         <QBtn
-                            @click="downloadCsv()"
-                            class="q-mr-xl"
+                            @click="openPdf()"
+                            class="q-mr-md"
                             color="primary"
+                            icon="cloud_download"
                             :disable="selectedCards.size === 0"
-                            :label="t('globals.download')"
-                        />
-                        <!-- <QBtnDropdown
-                            class="q-mr-xl"
-                            color="primary"
-                            :disable="!manageCheckboxes && arrayElements.length < 1"
-                            :label="t('globals.download')"
-                            v-else
                         >
-                            <QList>
-                                <QItem clickable v-close-popup @click="downloadCsv(rows)">
-                                    <QItemSection>
-                                        <QItemLabel>
-                                            {{
-                                                t('globals.allRows', {
-                                                    numberRows: rows.length,
-                                                })
-                                            }}
-                                        </QItemLabel>
-                                    </QItemSection>
-                                </QItem>
-
-                                <QItem clickable v-close-popup @click="downloadCsv(rows)">
-                                    <QItemSection>
-                                        <QItemLabel>
-                                            {{
-                                                t('globals.selectRows', {
-                                                    numberRows: rows.length,
-                                                })
-                                            }}
-                                        </QItemLabel>
-                                    </QItemSection>
-                                </QItem>
-                            </QList>
-                        </QBtnDropdown> -->
+                            <QTooltip>{{ t('downloadPdf') }}</QTooltip>
+                        </QBtn>
                         <QCheckbox
                             left-label
                             :label="t('globals.markAll')"
@@ -189,18 +165,23 @@ const downloadCsv = () => {
                         >
                             <template #list-items>
                                 <VnLv
-                                    :label="t('invoiceOut.list.shortIssued')"
-                                    :title-label="t('invoiceOut.list.issued')"
+                                    :label="t('invoiceOut.list.issued')"
                                     :value="toDate(row.issued)"
                                 />
                                 <VnLv
                                     :label="t('invoiceOut.list.amount')"
                                     :value="toCurrency(row.amount)"
                                 />
-                                <VnLv
-                                    :label="t('invoiceOut.list.client')"
-                                    :value="row.clientSocialName"
-                                />
+                                <VnLv :label="t('invoiceOut.list.client')">
+                                    <template #value>
+                                        <span class="link" @click.stop>
+                                            {{ row?.clientSocialName }}
+                                            <CustomerDescriptorProxy
+                                                :id="row?.clientFk"
+                                            />
+                                        </span>
+                                    </template>
+                                </VnLv>
                                 <VnLv
                                     :label="t('invoiceOut.list.shortCreated')"
                                     :title-label="t('invoiceOut.list.created')"
@@ -217,13 +198,6 @@ const downloadCsv = () => {
                                 />
                             </template>
                             <template #actions>
-                                <QBtn
-                                    :label="t('components.smartCard.openCard')"
-                                    @click.stop="navigate(row.id)"
-                                    class="bg-vn-dark"
-                                    outline
-                                    type="reset"
-                                />
                                 <QBtn
                                     :label="t('components.smartCard.openSummary')"
                                     @click.stop="viewSummary(row.id, InvoiceOutSummary)"
@@ -237,6 +211,20 @@ const downloadCsv = () => {
                 </div>
             </template>
         </VnPaginate>
+        <QPageSticky :offset="[20, 20]">
+            <QBtn fab icon="add" color="primary" @click="openCreateInvoiceModal()" />
+            <QTooltip>
+                {{ t('createInvoice') }}
+            </QTooltip>
+        </QPageSticky>
+
+        <QDialog
+            ref="manualInvoiceDialogRef"
+            transition-show="scale"
+            transition-hide="scale"
+        >
+            <CreateManualInvoiceForm />
+        </QDialog>
     </QPage>
 </template>
 
@@ -246,9 +234,13 @@ en:
     fileDenied: Browser denied file download...
     fileAllowed: Successful download of CSV file
     youCanSearchByInvoiceReference: You can search by invoice reference
+    downloadPdf: Download PDF
+    createInvoice: Make invoice
 es:
     searchInvoice: Buscar factura emitida
     fileDenied: El navegador denegó la descarga de archivos...
     fileAllowed: Descarga exitosa de archivo CSV
     youCanSearchByInvoiceReference: Puedes buscar por referencia de la factura
+    downloadPdf: Descargar PDF
+    createInvoice: Crear factura
 </i18n>
diff --git a/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue b/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
index aaae15111..fb434124c 100644
--- a/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
+++ b/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
@@ -1,17 +1,17 @@
 <script setup>
-import { ref, computed, onBeforeMount } from 'vue';
+import { ref, computed, onBeforeMount, onMounted, nextTick } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { QCheckbox, QBtn } from 'quasar';
 
 import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorProxy.vue';
 import InvoiceOutNegativeFilter from './InvoiceOutNegativeBasesFilter.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
+import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
 
 import { toCurrency } from 'src/filters';
 import { useInvoiceOutGlobalStore } from 'src/stores/invoiceOutGlobal.js';
 import { useStateStore } from 'stores/useStateStore';
 import { useArrayData } from 'composables/useArrayData';
-import VnUserLink from 'src/components/ui/VnUserLink.vue';
 
 const invoiceOutGlobalStore = useInvoiceOutGlobalStore();
 const stateStore = useStateStore();
@@ -45,78 +45,16 @@ onBeforeMount(async () => {
     stateStore.rightDrawer = true;
 });
 
+const componentIsRendered = ref(false);
+
+onMounted(() =>
+    nextTick(() => {
+        componentIsRendered.value = true;
+    })
+);
+
 const rows = computed(() => arrayData.value.store.data);
 
-const selectedCustomerId = ref(0);
-const selectedWorkerId = ref(0);
-
-const tableColumnComponents = {
-    company: {
-        component: 'span',
-        props: () => {},
-        event: () => {},
-    },
-    country: {
-        component: 'span',
-        props: () => {},
-        event: () => {},
-    },
-    clientId: {
-        component: QBtn,
-        props: () => ({ flat: true, color: 'blue' }),
-        event: (prop) => selectCustomerId(prop.value),
-    },
-    client: {
-        component: 'span',
-        props: () => {},
-        event: () => {},
-    },
-    amount: {
-        component: 'span',
-        props: () => {},
-        event: () => {},
-    },
-    base: {
-        component: 'span',
-        props: () => {},
-        event: () => {},
-    },
-    ticketId: {
-        component: 'span',
-        props: () => {},
-        event: () => {},
-    },
-    active: {
-        component: QCheckbox,
-        props: (prop) => ({
-            disable: true,
-            'model-value': Boolean(prop.value),
-        }),
-        event: () => {},
-    },
-    hasToInvoice: {
-        component: QCheckbox,
-        props: (prop) => ({
-            disable: true,
-            'model-value': Boolean(prop.value),
-        }),
-        event: () => {},
-    },
-    verifiedData: {
-        component: QCheckbox,
-        props: (prop) => ({
-            disable: true,
-            'model-value': Boolean(prop.value),
-        }),
-        event: () => {},
-    },
-    comercial: {
-        component: QBtn,
-        props: () => ({ flat: true, color: 'blue' }),
-        event: (prop) => selectWorkerId(prop.row.comercialId),
-    },
-};
-
 const columns = computed(() => [
     {
         label: t('invoiceOut.negativeBases.company'),
@@ -205,20 +143,17 @@ const downloadCSV = async () => {
         params
     );
 };
-
-const selectCustomerId = (id) => {
-    selectedCustomerId.value = id;
-};
-
-const selectWorkerId = (id) => {
-    selectedWorkerId.value = id;
-};
 </script>
 
 <template>
     <template v-if="stateStore.isHeaderMounted()">
-        <Teleport to="#st-actions" v-if="stateStore?.isSubToolbarShown()">
-            <QBtn color="primary" icon-right="archive" no-caps @click="downloadCSV()" />
+        <Teleport
+            to="#st-actions"
+            v-if="stateStore?.isSubToolbarShown() && componentIsRendered"
+        >
+            <QBtn color="primary" icon-right="download" no-caps @click="downloadCSV()">
+                <QTooltip>{{ t('Download as CSV') }}</QTooltip>
+            </QBtn>
         </Teleport>
     </template>
     <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
@@ -231,36 +166,40 @@ const selectWorkerId = (id) => {
         <QTable
             :columns="columns"
             :rows="rows"
-            hide-bottom
             row-key="clientId"
-            :pagination="{ rowsPerPage: 0 }"
             class="full-width q-mt-md"
         >
-            <template #body-cell="props">
-                <QTd :props="props">
-                    <component
-                        :is="tableColumnComponents[props.col.name].component"
-                        class="col-content"
-                        v-bind="tableColumnComponents[props.col.name].props(props)"
-                        @click="tableColumnComponents[props.col.name].event(props)"
-                    >
-                        <template
-                            v-if="
-                                props.col.name !== 'active' &&
-                                props.col.name !== 'hasToInvoice' &&
-                                props.col.name !== 'verifiedData'
-                            "
-                            >{{ props.value }}
-                        </template>
-                        <CustomerDescriptorProxy
-                            v-if="props.col.name === 'clientId'"
-                            :id="selectedCustomerId"
-                        />
-                        <VnUserLink
-                            v-if="props.col.name === 'comercial'"
-                            :worker-id="selectedWorkerId"
-                        />
-                    </component>
+            <template #body-cell-clientId="{ row }">
+                <QTd>
+                    <QBtn flat dense color="blue"> {{ row.clientId }}</QBtn>
+                    <CustomerDescriptorProxy :id="row.clientId" />
+                </QTd>
+            </template>
+            <template #body-cell-ticketId="{ row }">
+                <QTd>
+                    <QBtn flat dense color="blue"> {{ row.ticketFk }}</QBtn>
+                    <TicketDescriptorProxy :id="row.ticketFk" />
+                </QTd>
+            </template>
+            <template #body-cell-comercial="{ row }">
+                <QTd>
+                    <QBtn flat dense color="blue">{{ row.comercialName }}</QBtn>
+                    <WorkerDescriptorProxy :id="row.comercialId" />
+                </QTd>
+            </template>
+            <template #body-cell-active="{ row }">
+                <QTd>
+                    <QCheckbox :model-value="!!row.isActive" disable />
+                </QTd>
+            </template>
+            <template #body-cell-hasToInvoice="{ row }">
+                <QTd>
+                    <QCheckbox :model-value="!!row.hasToInvoice" disable />
+                </QTd>
+            </template>
+            <template #body-cell-verifiedData="{ row }">
+                <QTd>
+                    <QCheckbox :model-value="!!row.isTaxDataChecked" disable />
                 </QTd>
             </template>
         </QTable>
@@ -274,4 +213,7 @@ const selectWorkerId = (id) => {
 }
 </style>
 
-<i18n></i18n>
+<i18n>
+es:
+    Download as CSV: Descargar como CSV
+</i18n>
diff --git a/src/pages/Item/Card/ItemBasicData.vue b/src/pages/Item/Card/ItemBasicData.vue
new file mode 100644
index 000000000..334cf049d
--- /dev/null
+++ b/src/pages/Item/Card/ItemBasicData.vue
@@ -0,0 +1 @@
+<template>Item basic data</template>
diff --git a/src/pages/Item/Card/ItemDescriptor.vue b/src/pages/Item/Card/ItemDescriptor.vue
index 8c986e627..981de0632 100644
--- a/src/pages/Item/Card/ItemDescriptor.vue
+++ b/src/pages/Item/Card/ItemDescriptor.vue
@@ -41,7 +41,7 @@ const quasar = useQuasar();
 const route = useRoute();
 const router = useRouter();
 const { t } = useI18n();
-const { getToken } = useSession();
+const { getTokenMultimedia } = useSession();
 const state = useState();
 const user = state.getUser();
 
@@ -79,7 +79,7 @@ onMounted(async () => {
 });
 
 const getItemAvatar = async () => {
-    const token = getToken();
+    const token = getTokenMultimedia();
     const timeStamp = `timestamp=${Date.now()}`;
     image.value = `/api/Images/catalog/200x200/${entityId.value}/download?access_token=${token}&${timeStamp}`;
 };
diff --git a/src/pages/Item/ItemCreate.vue b/src/pages/Item/ItemCreate.vue
new file mode 100644
index 000000000..18e7522cb
--- /dev/null
+++ b/src/pages/Item/ItemCreate.vue
@@ -0,0 +1,170 @@
+<script setup>
+import { reactive, ref, onBeforeMount } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+
+import FetchData from 'components/FetchData.vue';
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import FormModel from 'components/FormModel.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+
+import axios from 'axios';
+
+const { t } = useI18n();
+const router = useRouter();
+
+const newItemForm = reactive({});
+
+const originsOptions = ref([]);
+const tagsOptions = ref([]);
+const validPriorities = ref([]);
+const itemTypesOptions = ref([]);
+const intrastatsOptions = ref([]);
+
+const fetchDefaultPriorityTag = async () => {
+    const filter = {
+        fields: ['defaultPriority', 'defaultTag', 'validPriorities'],
+        limit: 1,
+    };
+    const { data } = await axios.get(`ItemConfigs`, { filter });
+    if (!data) return;
+
+    const dataRow = data[0];
+    validPriorities.value = [...dataRow.validPriorities];
+    newItemForm.priority = dataRow.defaultPriority;
+    newItemForm.tag = dataRow.defaultTag;
+};
+
+const redirectToItemBasicData = (_, { id }) => {
+    router.push({ name: 'ItemBasicData', params: { id } });
+};
+
+onBeforeMount(async () => {
+    await fetchDefaultPriorityTag();
+});
+</script>
+
+<template>
+    <FetchData
+        url="Origins"
+        @on-fetch="(data) => (originsOptions = data)"
+        :filter="{ order: 'name' }"
+        auto-load
+    />
+    <FetchData
+        url="Tags"
+        :filter="{ fields: ['id', 'name'], order: 'name ASC' }"
+        @on-fetch="(data) => (tagsOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="ItemTypes"
+        :filter="{
+            fields: ['id', 'code', 'categoryFk', 'name'],
+            include: 'category',
+            order: 'name ASC',
+        }"
+        @on-fetch="(data) => (itemTypesOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="Intrastats"
+        :filter="{ fields: ['id', 'description'], order: 'description ASC' }"
+        @on-fetch="(data) => (intrastatsOptions = data)"
+        auto-load
+    />
+    <QPage>
+        <VnSubToolbar />
+        <FormModel
+            url-create="Items/new"
+            model="item"
+            :form-initial-data="newItemForm"
+            observe-form-changes
+            @on-data-saved="redirectToItemBasicData"
+        >
+            <template #form="{ data }">
+                <VnRow class="row q-gutter-md q-mb-md">
+                    <VnInput
+                        v-model="data.provisionalName"
+                        :label="t('item.create.name')"
+                    />
+                    <VnSelectFilter
+                        :label="t('item.create.tag')"
+                        v-model="data.tag"
+                        :options="tagsOptions"
+                        option-value="id"
+                        option-label="name"
+                        hide-selected
+                    />
+                    <VnSelectFilter
+                        :label="t('item.create.priority')"
+                        v-model="data.priority"
+                        :options="validPriorities"
+                        option-value="priority"
+                        option-label="priority"
+                        hide-selected
+                    />
+                </VnRow>
+                <VnRow class="row q-gutter-md q-mb-md">
+                    <VnSelectFilter
+                        :label="t('item.create.type')"
+                        v-model="data.typeFk"
+                        :options="itemTypesOptions"
+                        option-label="name"
+                        option-value="id"
+                        hide-selected
+                    >
+                        <template #option="scope">
+                            <QItem class="column" v-bind="scope.itemProps">
+                                <QItemLabel class="row">
+                                    <span style="width: 3em">
+                                        {{ scope.opt?.code }}
+                                    </span>
+                                    <span>
+                                        {{ scope.opt?.name }}
+                                    </span>
+                                </QItemLabel>
+                                <QItemLabel v-if="scope.opt?.category" caption>
+                                    {{ scope.opt?.category?.name }}
+                                </QItemLabel>
+                            </QItem>
+                        </template>
+                    </VnSelectFilter>
+                    <VnSelectFilter
+                        :label="t('item.create.intrastat')"
+                        v-model="data.intrastatFk"
+                        :options="intrastatsOptions"
+                        option-label="description"
+                        option-value="id"
+                        hide-selected
+                    >
+                        <template #option="scope">
+                            <QItem v-bind="scope.itemProps">
+                                <QItemSection>
+                                    <QItemLabel>
+                                        {{ scope.opt?.description }}
+                                    </QItemLabel>
+                                    <QItemLabel caption>
+                                        #{{ scope.opt?.id }}
+                                    </QItemLabel>
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelectFilter>
+                </VnRow>
+                <VnRow class="row q-gutter-md q-mb-md">
+                    <VnSelectFilter
+                        :label="t('item.create.origin')"
+                        v-model="data.originFk"
+                        :options="originsOptions"
+                        option-value="id"
+                        option-label="name"
+                        hide-selected
+                    />
+                </VnRow>
+            </template>
+        </FormModel>
+    </QPage>
+</template>
diff --git a/src/pages/Item/ItemList.vue b/src/pages/Item/ItemList.vue
index 49a5dbb64..3e399e29f 100644
--- a/src/pages/Item/ItemList.vue
+++ b/src/pages/Item/ItemList.vue
@@ -1 +1,577 @@
-<template>Item list</template>
+<script setup>
+import { onMounted, ref, computed, reactive, onUnmounted } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+
+import FetchData from 'components/FetchData.vue';
+import FetchedTags from 'components/ui/FetchedTags.vue';
+import TableVisibleColumns from 'src/components/common/TableVisibleColumns.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import ItemDescriptorProxy from '../Item/Card/ItemDescriptorProxy.vue';
+import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
+import ItemSummary from '../Item/Card/ItemSummary.vue';
+import VnPaginate from 'components/ui/VnPaginate.vue';
+
+import { useStateStore } from 'stores/useStateStore';
+import { toDateFormat } from 'src/filters/date.js';
+import { useSession } from 'composables/useSession';
+import { dashIfEmpty } from 'src/filters';
+import { useSummaryDialog } from 'src/composables/useSummaryDialog';
+import { useVnConfirm } from 'composables/useVnConfirm';
+import axios from 'axios';
+
+const router = useRouter();
+const { getTokenMultimedia } = useSession();
+const token = getTokenMultimedia();
+const stateStore = useStateStore();
+const { t } = useI18n();
+const { viewSummary } = useSummaryDialog();
+const { openConfirmationModal } = useVnConfirm();
+
+const paginateRef = ref(null);
+const itemTypesOptions = ref([]);
+const originsOptions = ref([]);
+const buyersOptions = ref([]);
+const intrastatOptions = ref([]);
+const itemCategoriesOptions = ref([]);
+const visibleColumns = ref([]);
+const allColumnNames = ref([]);
+
+const exprBuilder = (param, value) => {
+    switch (param) {
+        case 'category':
+            return { 'ic.name': value };
+        case 'buyerFk':
+            return { 'it.workerFk': value };
+        case 'grouping':
+            return { 'b.grouping': value };
+        case 'packing':
+            return { 'b.packing': value };
+        case 'origin':
+            return { 'ori.code': value };
+        case 'typeFk':
+            return { 'i.typeFk': value };
+        case 'intrastat':
+            return { 'intr.description': value };
+        case 'name':
+            return { 'i.name': { like: `%${value}%` } };
+        case 'producer':
+            return { 'pr.name': { like: `%${value}%` } };
+        case 'id':
+        case 'size':
+        case 'subname':
+        case 'isActive':
+        case 'weightByPiece':
+        case 'stemMultiplier':
+        case 'stems':
+            return { [`i.${param}`]: value };
+    }
+};
+
+const params = reactive({});
+
+const applyColumnFilter = async (col) => {
+    try {
+        const paramKey = col.columnFilter?.filterParamKey || col.field;
+        params[paramKey] = col.columnFilter.filterValue;
+        await paginateRef.value.addFilter(null, params);
+    } catch (err) {
+        console.error('Error applying column filter', err);
+    }
+};
+
+const getInputEvents = (col) => {
+    return col.columnFilter.type === 'select'
+        ? { 'update:modelValue': () => applyColumnFilter(col) }
+        : {
+              'keyup.enter': () => applyColumnFilter(col),
+          };
+};
+
+const columns = computed(() => [
+    {
+        label: '',
+        name: 'picture',
+        align: 'left',
+        columnFilter: null,
+    },
+    {
+        label: t('item.list.id'),
+        name: 'id',
+        field: 'id',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
+    },
+    {
+        label: t('item.list.grouping'),
+        field: 'grouping',
+        name: 'grouping',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('item.list.packing'),
+        field: 'packing',
+        name: 'packing',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('globals.description'),
+        field: 'name',
+        name: 'description',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
+    },
+    {
+        label: t('item.list.stems'),
+        field: 'stems',
+        name: 'stems',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
+    },
+    {
+        label: t('item.list.size'),
+        field: 'size',
+        name: 'size',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
+    },
+    {
+        label: t('item.list.typeName'),
+        field: 'typeName',
+        name: 'typeName',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnSelectFilter,
+            filterParamKey: 'typeFk',
+            type: 'select',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                options: itemTypesOptions.value,
+                'option-value': 'id',
+                'option-label': 'name',
+                dense: true,
+            },
+        },
+    },
+
+    {
+        label: t('item.list.category'),
+        field: 'category',
+        name: 'category',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnSelectFilter,
+            type: 'select',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                options: itemCategoriesOptions.value,
+                'option-value': 'name',
+                'option-label': 'name',
+                dense: true,
+            },
+        },
+    },
+
+    {
+        label: t('item.list.intrastat'),
+        field: 'intrastat',
+        name: 'intrastat',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnSelectFilter,
+            type: 'select',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                options: intrastatOptions.value,
+                'option-value': 'description',
+                'option-label': 'description',
+                dense: true,
+            },
+        },
+    },
+    {
+        label: t('item.list.origin'),
+        field: 'origin',
+        name: 'origin',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnSelectFilter,
+            type: 'select',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                options: originsOptions.value,
+                'option-value': 'code',
+                'option-label': 'code',
+                dense: true,
+            },
+        },
+    },
+    {
+        label: t('item.list.userName'),
+        field: 'userName',
+        name: 'userName',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnSelectFilter,
+            filterParamKey: 'buyerFk',
+            type: 'select',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                options: buyersOptions.value,
+                'option-value': 'id',
+                'option-label': 'nickname',
+                dense: true,
+            },
+        },
+    },
+    {
+        label: t('item.list.weightByPiece'),
+        field: 'weightByPiece',
+        name: 'weightByPiece',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('item.list.stemMultiplier'),
+        field: 'stemMultiplier',
+        name: 'stemMultiplier',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('item.list.isActive'),
+        field: 'isActive',
+        name: 'isActive',
+        align: 'left',
+        sortable: true,
+        columnFilter: null,
+    },
+    {
+        label: t('item.list.producer'),
+        field: 'producer',
+        name: 'producer',
+        align: 'left',
+        sortable: true,
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('item.list.landed'),
+        field: 'landed',
+        name: 'landed',
+        align: 'left',
+        sortable: true,
+        format: (val) => dashIfEmpty(toDateFormat(val)),
+        columnFilter: null,
+    },
+    {
+        label: '',
+        name: 'actions',
+        align: 'left',
+        columnFilter: null,
+    },
+]);
+
+const redirectToItemCreate = () => {
+    router.push({ name: 'ItemCreate' });
+};
+
+const redirectToItemSummary = (id) => {
+    router.push({ name: 'ItemSummary', params: { id } });
+};
+
+const cloneItem = async (itemFk) => {
+    try {
+        const { data } = await axios.post(`Items/${itemFk}/clone`);
+        if (!data) return;
+        router.push({ name: 'ItemTags', params: { id: data.id } });
+    } catch (err) {
+        console.error('Error cloning item', err);
+    }
+};
+
+onMounted(async () => {
+    stateStore.rightDrawer = true;
+    const filteredColumns = columns.value.filter(
+        (col) => col.name !== 'picture' && col.name !== 'actions'
+    );
+    allColumnNames.value = filteredColumns.map((col) => col.name);
+});
+
+onUnmounted(() => (stateStore.rightDrawer = false));
+</script>
+
+<template>
+    <FetchData
+        url="ItemTypes"
+        :filter="{ fields: ['id', 'name'], order: 'name ASC' }"
+        auto-load
+        @on-fetch="(data) => (itemTypesOptions = data)"
+    />
+    <FetchData
+        url="ItemCategories"
+        :filter="{ fields: ['name'], order: 'name ASC' }"
+        auto-load
+        @on-fetch="(data) => (itemCategoriesOptions = data)"
+    />
+    <FetchData
+        url="Intrastats"
+        :filter="{ fields: ['description'], order: 'description ASC' }"
+        auto-load
+        @on-fetch="(data) => (intrastatOptions = data)"
+    />
+    <FetchData
+        url="Origins"
+        :filter="{ fields: ['code'], order: 'code ASC' }"
+        auto-load
+        @on-fetch="(data) => (originsOptions = data)"
+    />
+    <FetchData
+        url="TicketRequests/getItemTypeWorker"
+        :filter="{ fields: ['id', 'nickname'], order: 'nickname ASC' }"
+        auto-load
+        @on-fetch="(data) => (buyersOptions = data)"
+    />
+
+    <QToolbar class="bg-vn-dark justify-end">
+        <div id="st-data">
+            <TableVisibleColumns
+                :all-columns="allColumnNames"
+                table-code="itemsIndex"
+                labels-traductions-path="item.list"
+                @on-config-saved="visibleColumns = ['picture', ...$event, 'actions']"
+            />
+        </div>
+        <QSpace />
+        <div id="st-actions"></div>
+    </QToolbar>
+    <QPage class="column items-center q-pa-md">
+        <VnPaginate
+            ref="paginateRef"
+            data-key="ItemList"
+            url="Items/filter"
+            :order="['isActive DESC', 'name', 'id']"
+            :limit="12"
+            :expr-builder="exprBuilder"
+            :user-params="params"
+            :offset="50"
+            auto-load
+        >
+            <template #body="{ rows }">
+                <QTable
+                    :rows="rows"
+                    :columns="columns"
+                    row-key="id"
+                    :pagination="{ rowsPerPage: 0 }"
+                    class="full-width q-mt-md"
+                    :visible-columns="visibleColumns"
+                    :no-data-label="t('globals.noResults')"
+                    @row-click="(_, row) => redirectToItemSummary(row.id)"
+                >
+                    <template #top-row="{ cols }">
+                        <QTr>
+                            <QTd
+                                v-for="(col, index) in cols"
+                                :key="index"
+                                style="max-width: 100px"
+                            >
+                                <component
+                                    :is="col.columnFilter.component"
+                                    v-if="col.columnFilter"
+                                    v-model="col.columnFilter.filterValue"
+                                    v-bind="col.columnFilter.attrs"
+                                    v-on="col.columnFilter.event(col)"
+                                    dense
+                                />
+                            </QTd>
+                        </QTr>
+                    </template>
+                    <template #body-cell-picture="{ row }">
+                        <QTd>
+                            <QImg
+                                :src="`/api/Images/catalog/50x50/${row.id}/download?access_token=${token}`"
+                                spinner-color="primary"
+                                :ratio="1"
+                                height="50px"
+                                width="50px"
+                                class="image"
+                            />
+                        </QTd>
+                    </template>
+                    <template #body-cell-id="{ row }">
+                        <QTd @click.stop>
+                            <QBtn flat color="primary">
+                                {{ row.id }}
+                            </QBtn>
+                            <ItemDescriptorProxy :id="row.id" />
+                        </QTd>
+                    </template>
+                    <template #body-cell-userName="{ row }">
+                        <QTd @click.stop>
+                            <QBtn flat color="primary" dense>
+                                {{ row.userName }}
+                            </QBtn>
+                            <WorkerDescriptorProxy :id="row.buyerFk" />
+                        </QTd>
+                    </template>
+                    <template #body-cell-description="{ row }">
+                        <QTd class="col">
+                            <span>{{ row.name }} {{ row.subName }}</span>
+                            <fetched-tags :item="row" :max-length="6" />
+                        </QTd>
+                    </template>
+                    <template #body-cell-isActive="{ row }">
+                        <QTd>
+                            <QCheckbox :model-value="!!row.isActive" disable />
+                        </QTd>
+                    </template>
+                    <template #body-cell-actions="{ row }">
+                        <QTd>
+                            <QIcon
+                                @click.stop="
+                                    openConfirmationModal(
+                                        t(`All it's properties will be copied`),
+                                        t('Do you want to clone this item?'),
+                                        () => cloneItem(row.id)
+                                    )
+                                "
+                                class="q-ml-sm"
+                                color="primary"
+                                name="vn:clone"
+                                size="sm"
+                            >
+                                <QTooltip>
+                                    {{ t('Clone') }}
+                                </QTooltip>
+                            </QIcon>
+                            <QIcon
+                                @click.stop="viewSummary(row.id, ItemSummary)"
+                                class="q-ml-md"
+                                color="primary"
+                                name="preview"
+                                size="sm"
+                            >
+                                <QTooltip class="text-no-wrap">
+                                    {{ t('Preview') }}
+                                </QTooltip>
+                            </QIcon>
+                        </QTd>
+                    </template>
+                </QTable>
+            </template>
+        </VnPaginate>
+
+        <QPageSticky :offset="[20, 20]">
+            <QBtn @click="redirectToItemCreate()" color="primary" fab icon="add" />
+            <QTooltip class="text-no-wrap">
+                {{ t('New item') }}
+            </QTooltip>
+        </QPageSticky>
+    </QPage>
+</template>
+
+<i18n>
+es:
+    New item: Nuevo artículo
+    All it's properties will be copied: Todas sus propiedades serán copiadas
+    Do you want to clone this item?: ¿Desea clonar este artículo?
+    Clone: Clonar
+    Preview: Vista previa
+</i18n>
diff --git a/src/pages/Login/LoginMain.vue b/src/pages/Login/LoginMain.vue
index 9c469e611..fcde51edf 100644
--- a/src/pages/Login/LoginMain.vue
+++ b/src/pages/Login/LoginMain.vue
@@ -30,8 +30,15 @@ async function onSubmit() {
         const { data } = await axios.post('Accounts/login', params);
 
         if (!data) return;
+        const {
+            data: { multimediaToken },
+        } = await axios.get('VnUsers/ShareToken', {
+            headers: { Authorization: data.token },
+        });
 
-        await session.login(data.token, keepLogin.value);
+        if (!multimediaToken) return;
+
+        await session.login(data.token, multimediaToken.id, keepLogin.value);
 
         quasar.notify({
             message: t('login.loginSuccess'),
@@ -48,7 +55,7 @@ async function onSubmit() {
         if (res.response?.data?.error?.code === 'REQUIRES_2FA') {
             Notify.create({
                 message: t('login.twoFactorRequired'),
-                icon: 'phonelink_lock',
+                icon: 'phoneLink_lock',
                 type: 'warning',
             });
             params.keepLogin = keepLogin.value;
diff --git a/src/pages/Login/VerifyEmail.vue b/src/pages/Login/VerifyEmail.vue
index 4c02e5869..1febd0eaa 100644
--- a/src/pages/Login/VerifyEmail.vue
+++ b/src/pages/Login/VerifyEmail.vue
@@ -57,10 +57,13 @@ onMounted(async () => {
                 :href="button.url"
             >
                 <div class="row items-center no-wrap q-gutter-md">
-                    <div class="circle q-pa-sm" style="background-color: var(--vn-gray)">
+                    <div
+                        class="circle q-pa-sm"
+                        style="background-color: var(--vn-section-color)"
+                    >
                         <QImg :src="button.icon" class="q-pa-md" />
                     </div>
-                    <div class="text-h5" style="color: var(--vn-gray)">
+                    <div class="text-h5" style="color: var(--vn-section-color)">
                         {{ t(button.text) }}
                     </div>
                 </div>
diff --git a/src/pages/Order/Card/OrderCatalogFilter.vue b/src/pages/Order/Card/OrderCatalogFilter.vue
index 760c48726..402df1173 100644
--- a/src/pages/Order/Card/OrderCatalogFilter.vue
+++ b/src/pages/Order/Card/OrderCatalogFilter.vue
@@ -420,7 +420,7 @@ const getCategoryClass = (category, params) => {
 
     .category-icon {
         border-radius: 50%;
-        background-color: var(--vn-light-gray);
+        background-color: var(--vn-accent-color);
         font-size: 2.6rem;
         padding: 8px;
         cursor: pointer;
diff --git a/src/pages/Order/Card/OrderCatalogItem.vue b/src/pages/Order/Card/OrderCatalogItem.vue
index ee73bcffb..0e1005493 100644
--- a/src/pages/Order/Card/OrderCatalogItem.vue
+++ b/src/pages/Order/Card/OrderCatalogItem.vue
@@ -11,8 +11,8 @@ import toCurrency from '../../../filters/toCurrency';
 
 const DEFAULT_PRICE_KG = 0;
 
-const session = useSession();
-const token = session.getToken();
+const { getTokenMultimedia } = useSession();
+const token = getTokenMultimedia();
 const { t } = useI18n();
 
 defineProps({
@@ -88,11 +88,11 @@ const dialog = ref(null);
         font-size: 11px;
 
         .label {
-            color: var(--vn-label);
+            color: var(--vn-label-color);
         }
 
         .value {
-            color: var(--vn-text);
+            color: var(--vn-text-color);
         }
     }
 }
@@ -125,7 +125,7 @@ const dialog = ref(null);
     gap: 4px;
 
     .subName {
-        color: var(--vn-label);
+        color: var(--vn-label-color);
         text-transform: uppercase;
     }
 
@@ -163,7 +163,7 @@ const dialog = ref(null);
     position: absolute;
     bottom: 12px;
     right: 12px;
-    background: linear-gradient($dark, $primary);
+    background: linear-gradient(var(--vn-section-color), $primary);
     border-radius: 50%;
     width: 40px;
     height: 40px;
diff --git a/src/pages/Order/Card/OrderDescriptor.vue b/src/pages/Order/Card/OrderDescriptor.vue
index 1c770194a..60e86d04e 100644
--- a/src/pages/Order/Card/OrderDescriptor.vue
+++ b/src/pages/Order/Card/OrderDescriptor.vue
@@ -61,7 +61,7 @@ const data = ref(useCardDescription());
 const setData = (entity) => {
     if (!entity) return;
     data.value = useCardDescription(entity.client.name, entity.id);
-    state.set('ClaimDescriptor', entity);
+    state.set('OrderDescriptor', entity);
 };
 
 const getConfirmationValue = (isConfirmed) => {
diff --git a/src/pages/Order/Card/OrderSummary.vue b/src/pages/Order/Card/OrderSummary.vue
index 50e8e8eaf..6e06be9bf 100644
--- a/src/pages/Order/Card/OrderSummary.vue
+++ b/src/pages/Order/Card/OrderSummary.vue
@@ -162,7 +162,6 @@ const detailsColumns = ref([
                         :columns="detailsColumns"
                         :rows="entity?.rows"
                         flat
-                        hide-pagination
                     >
                         <template #header="props">
                             <QTr :props="props">
@@ -248,7 +247,7 @@ const detailsColumns = ref([
 
         .subName {
             text-transform: uppercase;
-            color: var(--vn-label);
+            color: var(--vn-label-color);
         }
     }
 }
diff --git a/src/pages/Order/OrderCatalog.vue b/src/pages/Order/OrderCatalog.vue
index 21442d10d..1ed03c47d 100644
--- a/src/pages/Order/OrderCatalog.vue
+++ b/src/pages/Order/OrderCatalog.vue
@@ -104,7 +104,7 @@ function extractTags(items) {
 .no-result {
     font-size: 24px;
     font-weight: bold;
-    color: var(--vn-label);
+    color: var(--vn-label-color);
     text-align: center;
 }
 </style>
diff --git a/src/pages/Order/OrderLines.vue b/src/pages/Order/OrderLines.vue
index a2ee42481..5a31598e1 100644
--- a/src/pages/Order/OrderLines.vue
+++ b/src/pages/Order/OrderLines.vue
@@ -17,9 +17,9 @@ import axios from 'axios';
 
 const route = useRoute();
 const { t } = useI18n();
-const session = useSession();
+const { getTokenMultimedia } = useSession();
 const quasar = useQuasar();
-const token = session.getToken();
+const token = getTokenMultimedia();
 const orderSummary = ref({
     total: null,
     vat: null,
@@ -213,7 +213,7 @@ async function confirmOrder() {
         gap: 2%;
 
         .label {
-            color: var(--vn-label);
+            color: var(--vn-label-color);
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -246,13 +246,13 @@ async function confirmOrder() {
 }
 
 .subname {
-    color: var(--vn-label);
+    color: var(--vn-label-color);
 }
 
 .no-result {
     font-size: 24px;
     font-weight: bold;
-    color: var(--vn-label);
+    color: var(--vn-label-color);
     text-align: center;
 }
 </style>
diff --git a/src/pages/Order/OrderList.vue b/src/pages/Order/OrderList.vue
index b7b233a64..203eaccd1 100644
--- a/src/pages/Order/OrderList.vue
+++ b/src/pages/Order/OrderList.vue
@@ -104,7 +104,7 @@ function navigate(id) {
                             />
                             <VnLv :label="t('order.field.landed')">
                                 <template #value>
-                                    <QBadge color="positive" dense>
+                                    <QBadge text-color="black" color="positive" dense>
                                         {{ toDate(row?.landed) }}
                                     </QBadge>
                                 </template>
diff --git a/src/pages/Order/OrderVolume.vue b/src/pages/Order/OrderVolume.vue
index 5bb106edc..67f409b45 100644
--- a/src/pages/Order/OrderVolume.vue
+++ b/src/pages/Order/OrderVolume.vue
@@ -106,7 +106,7 @@ const loadVolumes = async (rows) => {
         gap: 2%;
 
         .label {
-            color: var(--vn-label);
+            color: var(--vn-label-color);
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -132,7 +132,7 @@ const loadVolumes = async (rows) => {
 .no-result {
     font-size: 24px;
     font-weight: bold;
-    color: var(--vn-label);
+    color: var(--vn-label-color);
     text-align: center;
 }
 </style>
diff --git a/src/pages/Parking/Card/ParkingBasicData.vue b/src/pages/Parking/Card/ParkingBasicData.vue
new file mode 100644
index 000000000..26a1ed8be
--- /dev/null
+++ b/src/pages/Parking/Card/ParkingBasicData.vue
@@ -0,0 +1,56 @@
+<script setup>
+import { ref } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+import VnRow from 'components/ui/VnRow.vue';
+import FetchData from 'src/components/FetchData.vue';
+import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import FormModel from 'components/FormModel.vue';
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+
+const { t } = useI18n();
+const route = useRoute();
+const parkingId = route.params?.id || null;
+const sectors = ref([]);
+const sectorFilter = { fields: ['id', 'description'] };
+
+const filter = {
+    fields: ['sectorFk', 'code', 'pickingOrder', 'row', 'column'],
+    include: [{ relation: 'sector', scope: sectorFilter }],
+};
+</script>
+<template>
+    <FetchData
+        url="Sectors"
+        :filter="sectorFilter"
+        sort-by="description"
+        @on-fetch="(data) => (sectors = data)"
+        auto-load
+    />
+    <VnSubToolbar />
+    <FormModel :url="`Parkings/${parkingId}`" model="parking" :filter="filter" auto-load>
+        <template #form="{ data }">
+            <VnRow>
+                <VnInput v-model="data.code" :label="t('globals.code')" />
+                <VnInput v-model="data.pickingOrder" :label="t('parking.pickingOrder')" />
+            </VnRow>
+            <VnRow>
+                <VnInput v-model="data.row" :label="t('parking.row')" />
+                <VnInput v-model="data.column" :label="t('parking.column')" />
+            </VnRow>
+            <VnRow>
+                <VnSelectFilter
+                    v-model="data.sectorFk"
+                    option-value="id"
+                    option-label="description"
+                    :label="t('parking.sector')"
+                    :options="sectors"
+                    use-input
+                    input-debounce="0"
+                    :is-clearable="false"
+                />
+            </VnRow>
+        </template>
+    </FormModel>
+</template>
diff --git a/src/pages/Parking/Card/ParkingCard.vue b/src/pages/Parking/Card/ParkingCard.vue
new file mode 100644
index 000000000..621680985
--- /dev/null
+++ b/src/pages/Parking/Card/ParkingCard.vue
@@ -0,0 +1,57 @@
+<script setup>
+import { onMounted, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+import { useStateStore } from 'stores/useStateStore';
+import { useArrayData } from 'src/composables/useArrayData';
+import LeftMenu from 'components/LeftMenu.vue';
+import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
+import ParkingDescriptor from 'pages/Parking/Card/ParkingDescriptor.vue';
+
+const { t } = useI18n();
+const route = useRoute();
+const stateStore = useStateStore();
+
+const filter = {
+    fields: ['id', 'sectorFk', 'code', 'pickingOrder', 'row', 'column'],
+    include: [{ relation: 'sector', scope: { fields: ['id', 'description'] } }],
+};
+
+const arrayData = useArrayData('Parking', {
+    url: `Parkings/${route.params.id}`,
+    filter,
+});
+const { store } = arrayData;
+onMounted(async () => await arrayData.fetch({ append: false }));
+watch(
+    () => route.params.id,
+    async (newId) => {
+        if (newId) {
+            store.url = `Parkings/${newId}`;
+            store.filter = filter;
+            await arrayData.fetch({ append: false });
+        }
+    }
+);
+</script>
+<template>
+    <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
+        <VnSearchbar
+            :info="t('parking.searchBar.info')"
+            :label="t('parking.searchBar.label')"
+            data-key="Parking"
+        />
+    </Teleport>
+    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
+        <QScrollArea class="fit">
+            <ParkingDescriptor />
+            <QSeparator />
+            <LeftMenu source="card" />
+        </QScrollArea>
+    </QDrawer>
+    <QPageContainer>
+        <QPage>
+            <RouterView></RouterView>
+        </QPage>
+    </QPageContainer>
+</template>
diff --git a/src/pages/Parking/Card/ParkingDescriptor.vue b/src/pages/Parking/Card/ParkingDescriptor.vue
new file mode 100644
index 000000000..3ff0a5d17
--- /dev/null
+++ b/src/pages/Parking/Card/ParkingDescriptor.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRoute } from 'vue-router';
+import { useArrayData } from 'src/composables/useArrayData';
+import CardDescriptor from 'components/ui/CardDescriptor.vue';
+import VnLv from 'components/ui/VnLv.vue';
+
+const props = defineProps({
+    id: {
+        type: Number,
+        required: false,
+        default: null,
+    },
+});
+
+const { t } = useI18n();
+const { params } = useRoute();
+const entityId = computed(() => props.id || params.id);
+const { store } = useArrayData('Parking');
+const card = computed(() => store.data);
+const filter = {
+    fields: ['id', 'sectorFk', 'code', 'pickingOrder', 'row', 'column'],
+    include: [{ relation: 'sector', scope: { fields: ['id', 'description'] } }],
+};
+</script>
+<template>
+    <CardDescriptor
+        module="Parking"
+        data-key="Parking"
+        :url="`Parkings/${entityId}`"
+        :title="card?.code"
+        :subtitle="card?.id"
+        :filter="filter"
+    >
+        <template #body="{ entity: parking }">
+            <VnLv :label="t('globals.code')" :value="parking.code" />
+            <VnLv :label="t('parking.pickingOrder')" :value="parking.pickingOrder" />
+            <VnLv :label="t('parking.sector')" :value="parking.sector?.description" />
+        </template>
+    </CardDescriptor>
+</template>
diff --git a/src/pages/Parking/Card/ParkingLog.vue b/src/pages/Parking/Card/ParkingLog.vue
new file mode 100644
index 000000000..f25abd2e4
--- /dev/null
+++ b/src/pages/Parking/Card/ParkingLog.vue
@@ -0,0 +1,6 @@
+<script setup>
+import VnLog from 'src/components/common/VnLog.vue';
+</script>
+<template>
+    <VnLog model="Parking" url="/ParkingLogs" />
+</template>
diff --git a/src/pages/Parking/Card/ParkingSummary.vue b/src/pages/Parking/Card/ParkingSummary.vue
new file mode 100644
index 000000000..a30705068
--- /dev/null
+++ b/src/pages/Parking/Card/ParkingSummary.vue
@@ -0,0 +1,54 @@
+<script setup>
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+import CardSummary from 'components/ui/CardSummary.vue';
+import VnLv from 'components/ui/VnLv.vue';
+
+const $props = defineProps({
+    id: {
+        type: Number,
+        default: 0,
+    },
+});
+const { params } = useRoute();
+const { t } = useI18n();
+const entityId = computed(() => $props.id || params.id);
+
+const filter = {
+    fields: ['id', 'sectorFk', 'code', 'pickingOrder', 'row', 'column'],
+    include: [{ relation: 'sector', scope: { fields: ['id', 'description'] } }],
+};
+</script>
+
+<template>
+    <div class="q-pa-md">
+        <CardSummary :url="`Parkings/${entityId}`" :filter="filter">
+            <template #header="{ entity: parking }">{{ parking.code }}</template>
+            <template #body="{ entity: parking }">
+                <QCard class="vn-one">
+                    <QCardSection class="q-pa-none">
+                        <a
+                            class="header header-link"
+                            :href="`#/parking/${entityId}/basic-data`"
+                        >
+                            {{ t('globals.pageTitles.basicData') }}
+                            <QIcon name="open_in_new" />
+                        </a>
+                    </QCardSection>
+                    <VnLv :label="t('globals.code')" :value="parking.code" />
+                    <VnLv
+                        :label="t('parking.pickingOrder')"
+                        :value="parking.pickingOrder"
+                    />
+                    <VnLv
+                        :label="t('parking.sector')"
+                        :value="parking.sector?.description"
+                    />
+                    <VnLv :label="t('parking.row')" :value="parking.row" />
+                    <VnLv :label="t('parking.column')" :value="parking.column" />
+                </QCard>
+            </template>
+        </CardSummary>
+    </div>
+</template>
diff --git a/src/pages/Parking/ParkingFilter.vue b/src/pages/Parking/ParkingFilter.vue
new file mode 100644
index 000000000..2e559a879
--- /dev/null
+++ b/src/pages/Parking/ParkingFilter.vue
@@ -0,0 +1,77 @@
+<script setup>
+import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import VnFilterPanel from 'components/ui/VnFilterPanel.vue';
+import VnInput from 'components/common/VnInput.vue';
+import FetchData from 'src/components/FetchData.vue';
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+
+const { t } = useI18n();
+defineProps({
+    dataKey: {
+        type: String,
+        required: true,
+    },
+});
+
+const sectors = ref([]);
+const emit = defineEmits(['search']);
+</script>
+
+<template>
+    <FetchData
+        url="Sectors"
+        :filter="{ fields: ['id', 'description'] }"
+        sort-by="description"
+        @on-fetch="(data) => (sectors = data)"
+        auto-load
+    />
+    <VnFilterPanel :data-key="dataKey" :search-button="true" @search="emit('search')">
+        <template #tags="{ tag, formatFn }">
+            <div class="q-gutter-x-xs">
+                <strong>{{ t(`params.${tag.label}`) }}: </strong>
+                <span>{{ formatFn(tag.value) }}</span>
+            </div>
+        </template>
+        <template #body="{ params }">
+            <QItem>
+                <QItemSection>
+                    <VnInput
+                        :label="t('params.code')"
+                        v-model="params.code"
+                        is-outlined
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnSelectFilter
+                        v-model="params.sectorFk"
+                        option-value="id"
+                        option-label="description"
+                        :label="t('params.sectorFk')"
+                        dense
+                        outlined
+                        rounded
+                        :options="sectors"
+                        use-input
+                        input-debounce="0"
+                    />
+                </QItemSection>
+            </QItem>
+        </template>
+    </VnFilterPanel>
+</template>
+
+<i18n>
+en:
+    params:
+        code: Code
+        sectorFk: Sector
+        search: General Search
+es:
+    params:
+        code: Código
+        search: Búsqueda general
+
+</i18n>
diff --git a/src/pages/Parking/ParkingList.vue b/src/pages/Parking/ParkingList.vue
new file mode 100644
index 000000000..7bf6cfdab
--- /dev/null
+++ b/src/pages/Parking/ParkingList.vue
@@ -0,0 +1,112 @@
+<script setup>
+import { onMounted, onUnmounted } from 'vue';
+import { useRouter } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+import { useStateStore } from 'stores/useStateStore';
+import { useSummaryDialog } from 'src/composables/useSummaryDialog';
+import VnPaginate from 'components/ui/VnPaginate.vue';
+import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
+import CardList from 'components/ui/CardList.vue';
+import VnLv from 'components/ui/VnLv.vue';
+import ParkingFilter from './ParkingFilter.vue';
+import ParkingSummary from './Card/ParkingSummary.vue';
+
+const stateStore = useStateStore();
+const { push } = useRouter();
+const { t } = useI18n();
+const { viewSummary } = useSummaryDialog();
+
+onMounted(() => (stateStore.rightDrawer = true));
+onUnmounted(() => (stateStore.rightDrawer = false));
+
+const filter = {
+    fields: ['id', 'sectorFk', 'code', 'pickingOrder'],
+    include: [{ relation: 'sector', scope: { fields: ['id', 'description'] } }],
+};
+
+function exprBuilder(param, value) {
+    switch (param) {
+        case 'code':
+            return { [param]: { like: `%${value}%` } };
+        case 'sectorFk':
+            return { [param]: value };
+        case 'search':
+            return { or: [{ code: { like: `%${value}%` } }, { id: value }] };
+    }
+}
+</script>
+
+<template>
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#searchbar">
+            <VnSearchbar
+                data-key="ParkingList"
+                :label="t('Search parking')"
+                :info="t('You can search by parking code')"
+            />
+        </Teleport>
+        <Teleport to="#actions-append">
+            <div class="row q-gutter-x-sm">
+                <QBtn
+                    flat
+                    @click="stateStore.toggleRightDrawer()"
+                    round
+                    dense
+                    icon="menu"
+                >
+                    <QTooltip bottom anchor="bottom right">
+                        {{ t('globals.collapseMenu') }}
+                    </QTooltip>
+                </QBtn>
+            </div>
+        </Teleport>
+    </template>
+    <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
+        <QScrollArea class="fit text-grey-8">
+            <ParkingFilter data-key="ParkingList" />
+        </QScrollArea>
+    </QDrawer>
+    <QPage class="column items-center q-pa-md">
+        <div class="vn-card-list">
+            <VnPaginate
+                data-key="ParkingList"
+                url="Parkings"
+                :filter="filter"
+                :expr-builder="exprBuilder"
+                :limit="20"
+                auto-load
+                order="code"
+            >
+                <template #body="{ rows }">
+                    <CardList
+                        v-for="row of rows"
+                        :key="row.id"
+                        :id="row.id"
+                        :title="row.code"
+                        @click="push({ path: `/parking/${row.id}` })"
+                    >
+                        <template #list-items>
+                            <VnLv label="Sector" :value="row.sector?.description" />
+                            <VnLv
+                                :label="t('parking.pickingOrder')"
+                                :value="row.pickingOrder"
+                            />
+                        </template>
+                        <template #actions>
+                            <QBtn
+                                :label="t('components.smartCard.openSummary')"
+                                @click.stop="viewSummary(row.id, ParkingSummary)"
+                                color="primary"
+                            />
+                        </template>
+                    </CardList>
+                </template>
+            </VnPaginate>
+        </div>
+    </QPage>
+</template>
+<i18n>
+es:
+    Search parking: Buscar parking
+    You can search by parking code: Puede buscar por el código del parking
+</i18n>
diff --git a/src/pages/Route/Card/RouteFilter.vue b/src/pages/Route/Card/RouteFilter.vue
index 4be1981ab..bbd71df49 100644
--- a/src/pages/Route/Card/RouteFilter.vue
+++ b/src/pages/Route/Card/RouteFilter.vue
@@ -197,6 +197,15 @@ const warehouseList = ref([]);
                     />
                 </QItemSection>
             </QItem>
+            <QItem>
+                <QItemSection>
+                    <QCheckbox
+                        v-model="params.isOk"
+                        :label="t('Served')"
+                        toggle-indeterminate
+                    />
+                </QItemSection>
+            </QItem>
         </template>
     </VnFilterPanel>
 </template>
@@ -212,6 +221,7 @@ en:
         workerFk: Worker
         from: From
         to: To
+        Served: Served
 es:
     params:
         warehouseFk: Almacén
@@ -229,4 +239,5 @@ es:
     Worker: Trabajador
     From: Desde
     To: Hasta
+    Served: Servida
 </i18n>
diff --git a/src/pages/Route/Card/RouteForm.vue b/src/pages/Route/Card/RouteForm.vue
index 60693cbf1..7087037b0 100644
--- a/src/pages/Route/Card/RouteForm.vue
+++ b/src/pages/Route/Card/RouteForm.vue
@@ -11,8 +11,8 @@ import VnInputDate from 'components/common/VnInputDate.vue';
 import VnInput from 'components/common/VnInput.vue';
 import axios from 'axios';
 import VnInputTime from 'components/common/VnInputTime.vue';
-import RouteSearchbar from "pages/Route/Card/RouteSearchbar.vue";
-import {useStateStore} from "stores/useStateStore";
+import RouteSearchbar from 'pages/Route/Card/RouteSearchbar.vue';
+import { useStateStore } from 'stores/useStateStore';
 
 const { t } = useI18n();
 const route = useRoute();
@@ -26,6 +26,7 @@ const defaultInitialData = {
     description: '',
     vehicleFk: null,
     workerFk: null,
+    isOk: false,
 };
 
 const workerList = ref([]);
@@ -211,6 +212,7 @@ const onSave = (data, response) => {
                             size="sm"
                             v-model="data.isOk"
                             :label="t('Is served')"
+                            clearable
                         />
                     </div>
                 </VnRow>
diff --git a/src/pages/Route/Card/RouteSummary.vue b/src/pages/Route/Card/RouteSummary.vue
index 304dc8a86..220f93f30 100644
--- a/src/pages/Route/Card/RouteSummary.vue
+++ b/src/pages/Route/Card/RouteSummary.vue
@@ -73,9 +73,9 @@ const ticketColumns = ref([
         align: 'left',
     },
     {
-        name: 'warehouse',
-        label: t('route.summary.warehouse'),
-        field: (row) => row?.warehouseName,
+        name: 'state',
+        label: t('route.summary.state'),
+        field: (row) => row?.ticketStateName,
         sortable: false,
         align: 'left',
     },
@@ -187,6 +187,15 @@ const ticketColumns = ref([
                         :label="t('route.summary.packages')"
                         :value="getTotalPackages(entity.tickets)"
                     />
+                    <QCheckbox
+                        :label="
+                            entity.route.isOk
+                                ? t('route.summary.closed')
+                                : t('route.summary.open')
+                        "
+                        v-model="entity.route.isOk"
+                        :disable="true"
+                    />
                 </QCard>
                 <QCard class="vn-one">
                     <div class="header">
@@ -205,10 +214,8 @@ const ticketColumns = ref([
                     <QTable
                         :columns="ticketColumns"
                         :rows="entity?.tickets"
-                        :rows-per-page-options="[0]"
                         row-key="id"
                         flat
-                        hide-pagination
                     >
                         <template #body-cell-city="{ value, row }">
                             <QTd auto-width>
@@ -276,10 +283,14 @@ en:
             city: City
             pc: PC
             client: Client
-            warehouse: Warehouse
+            state: State
             m3: m³
             packaging: Packaging
             ticket: Ticket
+            closed: Closed
+            open: Open
+            yes: Yes
+            no: No
 es:
     route:
         summary:
@@ -301,6 +312,10 @@ es:
             city: Población
             pc: CP
             client: Cliente
-            warehouse: Almacén
+            state: Estado
             packaging: Encajado
+            closed: Cerrada
+            open: Abierta
+            yes: Sí
+            no: No
 </i18n>
diff --git a/src/pages/Route/Cmr/CmrList.vue b/src/pages/Route/Cmr/CmrList.vue
index eb1901ab8..69f030fa0 100644
--- a/src/pages/Route/Cmr/CmrList.vue
+++ b/src/pages/Route/Cmr/CmrList.vue
@@ -12,8 +12,8 @@ import CustomerDescriptorProxy from 'pages/Customer/Card/CustomerDescriptorProxy
 
 const stateStore = useStateStore();
 const { t } = useI18n();
-const session = useSession();
-const token = session.getToken();
+const { getTokenMultimedia } = useSession();
+const token = getTokenMultimedia();
 const selected = ref([]);
 
 const columns = computed(() => [
@@ -123,8 +123,6 @@ function downloadPdfs() {
                         :columns="columns"
                         :rows="rows"
                         :dense="$q.screen.lt.md"
-                        :pagination="{ rowsPerPage: null }"
-                        hide-pagination
                         row-key="cmrFk"
                         selection="multiple"
                         v-model:selected="selected"
@@ -141,6 +139,7 @@ function downloadPdfs() {
                         <template #body-cell-hasCmrDms="{ value }">
                             <QTd align="center">
                                 <QBadge
+                                    text-color="black"
                                     :id="value ? 'true' : 'false'"
                                     :label="
                                         value
diff --git a/src/pages/Route/RouteAutonomous.vue b/src/pages/Route/RouteAutonomous.vue
index 6fd4d3f90..0ecf0a971 100644
--- a/src/pages/Route/RouteAutonomous.vue
+++ b/src/pages/Route/RouteAutonomous.vue
@@ -204,7 +204,7 @@ function navigateToRouteSummary(event, row) {
     <QPage class="column items-center">
         <div class="route-list">
             <div class="q-pa-md">
-                <QCard class="vn-one q-py-sm q-px-lg">
+                <QCard class="vn-one q-py-sm q-px-lg flex justify-between">
                     <VnLv class="flex">
                         <template #label>
                             <span class="text-h6">{{ t('Total') }}</span>
@@ -213,6 +213,16 @@ function navigateToRouteSummary(event, row) {
                             <span class="text-h6 q-ml-md">{{ toCurrency(total) }}</span>
                         </template>
                     </VnLv>
+                    <QBtn
+                        icon="vn:invoice-in-create"
+                        color="primary"
+                        :disable="!selectedRows?.length"
+                        @click="openDmsUploadDialog"
+                    >
+                        <QTooltip>
+                            {{ t('Create invoiceIn') }}
+                        </QTooltip>
+                    </QBtn>
                 </QCard>
             </div>
             <VnPaginate
@@ -289,18 +299,6 @@ function navigateToRouteSummary(event, row) {
                 </template>
             </VnPaginate>
         </div>
-        <QPageSticky :offset="[20, 20]" v-if="selectedRows?.length">
-            <QBtn
-                fab
-                icon="vn:invoice-in-create"
-                color="primary"
-                @click="openDmsUploadDialog"
-            >
-                <QTooltip>
-                    {{ t('Create invoiceIn') }}
-                </QTooltip>
-            </QBtn>
-        </QPageSticky>
     </QPage>
     <QDialog v-model="dmsDialog.show">
         <VnDms
diff --git a/src/pages/Route/RouteList.vue b/src/pages/Route/RouteList.vue
index 6b1b0d45f..773b4f773 100644
--- a/src/pages/Route/RouteList.vue
+++ b/src/pages/Route/RouteList.vue
@@ -95,6 +95,13 @@ const columns = computed(() => [
         sortable: true,
         align: 'left',
     },
+    {
+        name: 'isServed',
+        label: t('Served'),
+        field: (row) => Boolean(row.isOk),
+        sortable: true,
+        align: 'left',
+    },
     {
         name: 'actions',
         label: '',
@@ -133,10 +140,10 @@ const showRouteReport = () => {
     let url;
 
     if (selectedRows.value.length <= 1) {
-        url = `api/Routes/${idString}/driver-route-pdf?access_token=${session.getToken()}`;
+        url = `api/Routes/${idString}/driver-route-pdf?access_token=${session.getTokenMultimedia()}`;
     } else {
         const params = new URLSearchParams({
-            access_token: session.getToken(),
+            access_token: session.getTokenMultimedia(),
             id: idString,
         });
         url = `api/Routes/downloadZip?${params.toString()}`;
@@ -224,7 +231,7 @@ const openTicketsDialog = (id) => {
     <FetchData url="AgencyModes" @on-fetch="(data) => (agencyList = data)" auto-load />
     <FetchData url="Vehicles" @on-fetch="(data) => (vehicleList = data)" auto-load />
     <QPage class="column items-center">
-        <VnSubToolbar class="bg-vn-dark justify-end">
+        <VnSubToolbar class="justify-end">
             <template #st-actions>
                 <QBtn
                     icon="vn:clone"
@@ -265,7 +272,7 @@ const openTicketsDialog = (id) => {
                 auto-load
             >
                 <template #body="{ rows }">
-                    <div class="q-pa-md">
+                    <div class="q-pa-md route-table">
                         <QTable
                             v-model:selected="selectedRows"
                             :columns="columns"
@@ -279,7 +286,7 @@ const openTicketsDialog = (id) => {
                             :no-data-label="t('globals.noResults')"
                         >
                             <template #body-cell-worker="{ row }">
-                                <QTd>
+                                <QTd class="table-input-cell">
                                     <VnSelectFilter
                                         :label="t('Worker')"
                                         v-model="row.workerFk"
@@ -312,7 +319,7 @@ const openTicketsDialog = (id) => {
                                 </QTd>
                             </template>
                             <template #body-cell-agency="{ row }">
-                                <QTd>
+                                <QTd class="table-input-cell">
                                     <VnSelectFilter
                                         :label="t('Agency')"
                                         v-model="row.agencyModeFk"
@@ -329,7 +336,7 @@ const openTicketsDialog = (id) => {
                                 </QTd>
                             </template>
                             <template #body-cell-vehicle="{ row }">
-                                <QTd>
+                                <QTd class="table-input-cell">
                                     <VnSelectFilter
                                         :label="t('Vehicle')"
                                         v-model="row.vehicleFk"
@@ -397,6 +404,19 @@ const openTicketsDialog = (id) => {
                                     />
                                 </QTd>
                             </template>
+                            <template #body-cell-isServed="props">
+                                <QTd>
+                                    <QCheckbox v-model="props.value" disable>
+                                        <QTooltip>
+                                            {{
+                                                props.value
+                                                    ? t('Route is closed')
+                                                    : t('Route is not served')
+                                            }}
+                                        </QTooltip>
+                                    </QCheckbox>
+                                </QTd>
+                            </template>
                             <template #body-cell-actions="props">
                                 <QTd :props="props">
                                     <div class="flex items-center no-wrap table-actions">
@@ -455,7 +475,7 @@ const openTicketsDialog = (id) => {
 
 <style lang="scss" scoped>
 .table-input-cell {
-    min-width: 150px;
+    max-width: 143px;
 }
 
 .route-list {
@@ -466,6 +486,11 @@ const openTicketsDialog = (id) => {
 .table-actions {
     gap: 12px;
 }
+
+.lock-icon-cell {
+    text-align: center;
+    margin-left: -20%;
+}
 </style>
 <i18n>
 en:
@@ -479,6 +504,7 @@ es:
     Description: Descripción
     Hour started: Hora inicio
     Hour finished: Hora fin
+    Served: Servida
     newRoute: Nueva Ruta
     Clone Selected Routes: Clonar rutas seleccionadas
     Select the starting date: Seleccione la fecha de inicio
@@ -490,4 +516,6 @@ es:
     Add ticket: Añadir tickets
     Preview: Vista previa
     Summary: Resumen
+    Route is closed: La ruta está cerrada
+    Route is not served: La ruta no está servida
 </i18n>
diff --git a/src/pages/Route/RouteRoadmap.vue b/src/pages/Route/RouteRoadmap.vue
index 3dca18d66..4053b57c7 100644
--- a/src/pages/Route/RouteRoadmap.vue
+++ b/src/pages/Route/RouteRoadmap.vue
@@ -13,9 +13,9 @@ import RoadmapFilter from 'pages/Route/Roadmap/RoadmapFilter.vue';
 import VnConfirm from 'components/ui/VnConfirm.vue';
 import axios from 'axios';
 import VnInputDate from 'components/common/VnInputDate.vue';
-import {useSummaryDialog} from "composables/useSummaryDialog";
-import RoadmapSummary from "pages/Route/Roadmap/RoadmapSummary.vue";
-import {useRouter} from "vue-router";
+import { useSummaryDialog } from 'composables/useSummaryDialog';
+import RoadmapSummary from 'pages/Route/Roadmap/RoadmapSummary.vue';
+import { useRouter } from 'vue-router';
 
 const stateStore = useStateStore();
 const { t } = useI18n();
@@ -128,7 +128,7 @@ function confirmRemove() {
 }
 
 function navigateToRoadmapSummary(event, row) {
-    router.push({ name: 'RoadmapSummary', params: { id: row.id } })
+    router.push({ name: 'RoadmapSummary', params: { id: row.id } });
 }
 </script>
 
@@ -182,7 +182,7 @@ function navigateToRoadmapSummary(event, row) {
         </QCard>
     </QDialog>
     <QPage class="column items-center">
-        <VnSubToolbar class="bg-vn-dark justify-end">
+        <VnSubToolbar class="justify-end">
             <template #st-actions>
                 <QBtn
                     icon="vn:clone"
@@ -244,7 +244,12 @@ function navigateToRoadmapSummary(event, row) {
                                             name="preview"
                                             size="xs"
                                             color="primary"
-                                            @click.stop="viewSummary(props?.row?.id, RoadmapSummary)"
+                                            @click.stop="
+                                                viewSummary(
+                                                    props?.row?.id,
+                                                    RoadmapSummary
+                                                )
+                                            "
                                             class="cursor-pointer"
                                         >
                                             <QTooltip>{{ t('Preview') }}</QTooltip>
@@ -272,7 +277,6 @@ function navigateToRoadmapSummary(event, row) {
 .route-list {
     width: 100%;
 }
-
 .table-actions {
     gap: 12px;
 }
diff --git a/src/pages/Route/RouteTickets.vue b/src/pages/Route/RouteTickets.vue
index 8410232c5..c1ca5507e 100644
--- a/src/pages/Route/RouteTickets.vue
+++ b/src/pages/Route/RouteTickets.vue
@@ -15,8 +15,8 @@ import VnConfirm from 'components/ui/VnConfirm.vue';
 import FetchData from 'components/FetchData.vue';
 import { openBuscaman } from 'src/utils/buscaman';
 import SendSmsDialog from 'components/common/SendSmsDialog.vue';
-import RouteSearchbar from "pages/Route/Card/RouteSearchbar.vue";
-import {useStateStore} from "stores/useStateStore";
+import RouteSearchbar from 'pages/Route/Card/RouteSearchbar.vue';
+import { useStateStore } from 'stores/useStateStore';
 
 const { t } = useI18n();
 const quasar = useQuasar();
@@ -257,7 +257,7 @@ const openSmsDialog = async () => {
         </QCard>
     </QDialog>
     <QPage class="column items-center">
-        <QToolbar class="bg-vn-dark justify-end">
+        <QToolbar class="justify-end">
             <div id="st-actions" class="q-pa-sm">
                 <QBtn icon="vn:wand" color="primary" class="q-mr-sm" @click="sortRoutes">
                     <QTooltip>{{ t('Sort routes') }}</QTooltip>
diff --git a/src/pages/Shelving/Card/ShelvingDescriptorMenu.vue b/src/pages/Shelving/Card/ShelvingDescriptorMenu.vue
index 684a46807..16351fdd4 100644
--- a/src/pages/Shelving/Card/ShelvingDescriptorMenu.vue
+++ b/src/pages/Shelving/Card/ShelvingDescriptorMenu.vue
@@ -17,15 +17,14 @@ const quasar = useQuasar();
 const { t } = useI18n();
 
 function confirmRemove() {
-    quasar
-        .dialog({
-            component: VnConfirm,
-            componentProps: {
-                title: t('Confirm deletion'),
-                message: t('Are you sure you want to delete this shelving?'),
-                promise: remove
-            },
-        })
+    quasar.dialog({
+        component: VnConfirm,
+        componentProps: {
+            title: t('Confirm deletion'),
+            message: t('Are you sure you want to delete this shelving?'),
+            promise: remove,
+        },
+    });
 }
 
 async function remove() {
diff --git a/src/pages/Supplier/Card/SupplierConsumption.vue b/src/pages/Supplier/Card/SupplierConsumption.vue
index 59dd2281c..33d235a5f 100644
--- a/src/pages/Supplier/Card/SupplierConsumption.vue
+++ b/src/pages/Supplier/Card/SupplierConsumption.vue
@@ -151,7 +151,6 @@ onMounted(async () => {
             :rows="rows"
             row-key="id"
             hide-header
-            :pagination="{ rowsPerPage: 0 }"
             class="full-width q-mt-md"
             :no-data-label="t('No results')"
         >
@@ -195,7 +194,7 @@ onMounted(async () => {
 
 <style scoped lang="scss">
 .label {
-    color: var(--vn-label);
+    color: var(--vn-label-color);
 }
 </style>
 
diff --git a/src/pages/Supplier/Card/SupplierContacts.vue b/src/pages/Supplier/Card/SupplierContacts.vue
index 3abe5a9cc..a78c376a9 100644
--- a/src/pages/Supplier/Card/SupplierContacts.vue
+++ b/src/pages/Supplier/Card/SupplierContacts.vue
@@ -117,7 +117,7 @@ onMounted(() => {
 <style lang="scss" scoped>
 .border {
     border-radius: 0px !important;
-    border: 1px solid var(--vn-text) !important;
+    border: 1px solid var(--vn-text-color) !important;
 }
 </style>
 
diff --git a/src/pages/Supplier/Card/SupplierDms.vue b/src/pages/Supplier/Card/SupplierDms.vue
new file mode 100644
index 000000000..2848f858d
--- /dev/null
+++ b/src/pages/Supplier/Card/SupplierDms.vue
@@ -0,0 +1,11 @@
+<script setup>
+import VnDmsList from 'src/components/common/VnDmsList.vue';
+</script>
+<template>
+    <VnDmsList
+        model="SupplierDms"
+        update-model="SupplierDms"
+        default-dms-code="supplier"
+        filter="supplierFk"
+    />
+</template>
diff --git a/src/pages/Supplier/Card/SupplierSummary.vue b/src/pages/Supplier/Card/SupplierSummary.vue
index edc2c742b..4cd1f46f5 100644
--- a/src/pages/Supplier/Card/SupplierSummary.vue
+++ b/src/pages/Supplier/Card/SupplierSummary.vue
@@ -1,13 +1,13 @@
 <script setup>
-import { onMounted, ref, computed, onUpdated } from 'vue';
+import { ref, computed, onUpdated } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import CardSummary from 'components/ui/CardSummary.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
-import { getUrl } from 'src/composables/getUrl';
 import { useRole } from 'src/composables/useRole';
 import { dashIfEmpty } from 'src/filters';
 import VnUserLink from 'src/components/ui/VnUserLink.vue';
+import VnTitle from 'src/components/common/VnTitle.vue';
 
 onUpdated(() => summaryRef.value.fetch());
 
@@ -27,12 +27,6 @@ const entityId = computed(() => $props.id || route.params.id);
 
 const summaryRef = ref();
 const supplier = ref();
-const supplierUrl = ref();
-
-onMounted(async () => {
-    await roleState.fetch();
-    supplierUrl.value = (await getUrl('supplier/')) + entityId.value;
-});
 
 async function setData(data) {
     if (data) {
@@ -43,6 +37,10 @@ async function setData(data) {
 const isAdministrative = computed(() => {
     return roleState.hasAny(['administrative']);
 });
+
+function getUrl(section) {
+    return isAdministrative.value && `#/supplier/${entityId.value}/${section}`;
+}
 </script>
 
 <template>
@@ -57,15 +55,10 @@ const isAdministrative = computed(() => {
 
         <template #body>
             <QCard class="vn-one">
-                <router-link
-                    v-if="isAdministrative"
-                    class="header link"
-                    :to="{ name: 'SupplierBasicData', params: { id: entityId } }"
-                >
-                    {{ t('globals.summary.basicData') }}
-                    <QIcon name="open_in_new" />
-                </router-link>
-                <span v-else> {{ t('globals.summary.basicData') }}</span>
+                <VnTitle
+                    :url="getUrl('basic-data')"
+                    :text="t('globals.summary.basicData')"
+                />
                 <VnLv label="Id" :value="supplier.id" />
                 <VnLv label="Alias" :value="supplier.nickname" />
                 <VnLv :label="t('supplier.summary.responsible')">
@@ -93,15 +86,10 @@ const isAdministrative = computed(() => {
                 />
             </QCard>
             <QCard class="vn-one">
-                <router-link
-                    v-if="isAdministrative"
-                    class="header link"
-                    :to="{ name: 'SupplierBillingData', params: { id: entityId } }"
-                >
-                    {{ t('supplier.summary.billingData') }}
-                    <QIcon name="open_in_new" />
-                </router-link>
-                <span v-else> {{ t('supplier.summary.billingData') }}</span>
+                <VnTitle
+                    :url="getUrl('billing-data')"
+                    :text="t('supplier.summary.billingData')"
+                />
                 <VnLv
                     :label="t('supplier.summary.payMethod')"
                     :value="supplier.payMethod?.name"
@@ -116,15 +104,10 @@ const isAdministrative = computed(() => {
                 <VnLv :label="t('supplier.summary.account')" :value="supplier.account" />
             </QCard>
             <QCard class="vn-one">
-                <router-link
-                    v-if="isAdministrative"
-                    class="header link"
-                    :to="{ name: 'SupplierFiscalData', params: { id: entityId } }"
-                >
-                    {{ t('supplier.summary.fiscalData') }}
-                    <QIcon name="open_in_new" />
-                </router-link>
-                <span v-else> {{ t('supplier.summary.fiscalData') }}</span>
+                <VnTitle
+                    :url="getUrl('fiscal-data')"
+                    :text="t('supplier.summary.fiscalData')"
+                />
                 <VnLv
                     :label="t('supplier.summary.sageTaxType')"
                     :value="supplier.sageTaxType?.vat"
@@ -151,15 +134,10 @@ const isAdministrative = computed(() => {
                 />
             </QCard>
             <QCard class="vn-one">
-                <router-link
-                    v-if="isAdministrative"
-                    class="header link"
-                    :to="{ name: 'SupplierFiscalData', params: { id: entityId } }"
-                >
-                    {{ t('supplier.summary.fiscalAddress') }}
-                    <QIcon name="open_in_new" />
-                </router-link>
-                <span v-else> {{ t('supplier.summary.fiscalAddress') }}</span>
+                <VnTitle
+                    :url="getUrl('fiscal-data')"
+                    :text="t('supplier.summary.fiscalAddress')"
+                />
                 <VnLv :label="t('supplier.summary.socialName')" :value="supplier.name" />
                 <VnLv :label="t('supplier.summary.taxNumber')" :value="supplier.nif" />
                 <VnLv :label="t('supplier.summary.street')" :value="supplier.street" />
diff --git a/src/pages/Ticket/Card/TicketDescriptor.vue b/src/pages/Ticket/Card/TicketDescriptor.vue
index f0ded019b..dfbcfc106 100644
--- a/src/pages/Ticket/Card/TicketDescriptor.vue
+++ b/src/pages/Ticket/Card/TicketDescriptor.vue
@@ -98,7 +98,10 @@ const setData = (entity) =>
             </VnLv>
             <VnLv v-if="entity.ticketState" :label="t('ticket.card.state')">
                 <template #value>
-                    <QBadge :color="entity.ticketState.state.classColor">
+                    <QBadge
+                        text-color="black"
+                        :color="entity.ticketState.state.classColor"
+                    >
                         {{ entity.ticketState.state.name }}
                     </QBadge>
                 </template>
diff --git a/src/pages/Ticket/Card/TicketDescriptorMenu.vue b/src/pages/Ticket/Card/TicketDescriptorMenu.vue
index 95f6a94d9..c7784bc2a 100644
--- a/src/pages/Ticket/Card/TicketDescriptorMenu.vue
+++ b/src/pages/Ticket/Card/TicketDescriptorMenu.vue
@@ -3,7 +3,7 @@ import axios from 'axios';
 import { ref } from 'vue';
 import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
-import { useRouter, useRoute } from 'vue-router';
+import { useRouter } from 'vue-router';
 import { usePrintService } from 'composables/usePrintService';
 import SendEmailDialog from 'components/common/SendEmailDialog.vue';
 import VnConfirm from 'components/ui/VnConfirm.vue';
@@ -17,13 +17,49 @@ const props = defineProps({
     },
 });
 
-const router = useRouter();
-const route = useRoute();
-const quasar = useQuasar();
+const { push, currentRoute } = useRouter();
+const { dialog, notify } = useQuasar();
 const { t } = useI18n();
 const { openReport, sendEmail } = usePrintService();
 
 const ticket = ref(props.ticket);
+const ticketId = currentRoute.value.params.id;
+const actions = {
+    clone: async () => {
+        const opts = { message: t('Ticket cloned'), type: 'positive' };
+        let clonedTicketId;
+
+        try {
+            const { data } = await axios.post(`Tickets/${ticketId}/clone`, {
+                shipped: ticket.value.shipped,
+            });
+            clonedTicketId = data;
+        } catch (e) {
+            opts.message = t('It was not able to clone the ticket');
+            opts.type = 'negative';
+        } finally {
+            notify(opts);
+
+            if (clonedTicketId)
+                push({ name: 'TicketSummary', params: { id: clonedTicketId } });
+        }
+    },
+    remove: async () => {
+        try {
+            await axios.post(`Tickets/${ticketId}/setDeleted`);
+
+            notify({ message: t('Ticket deleted'), type: 'positive' });
+            notify({
+                message: t('You can undo this action within the first hour'),
+                icon: 'info',
+            });
+
+            push({ name: 'TicketList' });
+        } catch (e) {
+            notify({ message: e.message, type: 'negative' });
+        }
+    },
+};
 
 function openDeliveryNote(type = 'deliveryNote', documentType = 'pdf') {
     const path = `Tickets/${ticket.value.id}/delivery-note-${documentType}`;
@@ -35,7 +71,7 @@ function openDeliveryNote(type = 'deliveryNote', documentType = 'pdf') {
 
 function sendDeliveryNoteConfirmation(type = 'deliveryNote', documentType = 'pdf') {
     const customer = ticket.value.client;
-    quasar.dialog({
+    dialog({
         component: SendEmailDialog,
         componentProps: {
             data: {
@@ -67,7 +103,7 @@ function showSmsDialog(template, customData) {
     const address = ticket.value.address;
     const client = ticket.value.client;
     const phone =
-        route.params.phone ||
+        currentRoute.value.params.phone ||
         address.mobile ||
         address.phone ||
         client.mobile ||
@@ -82,7 +118,7 @@ function showSmsDialog(template, customData) {
         Object.assign(data, customData);
     }
 
-    quasar.dialog({
+    dialog({
         component: VnSmsDialog,
         componentProps: {
             phone: phone,
@@ -95,42 +131,26 @@ function showSmsDialog(template, customData) {
 }
 
 async function showSmsDialogWithChanges() {
-    const query = `TicketLogs/${route.params.id}/getChanges`;
+    const query = `TicketLogs/${ticketId}/getChanges`;
     const response = await axios.get(query);
 
     showSmsDialog('orderChanges', { changes: response.data });
 }
 
 async function sendSms(body) {
-    await axios.post(`Tickets/${route.params.id}/sendSms`, body);
-    quasar.notify({
+    await axios.post(`Tickets/${ticketId}/sendSms`, body);
+    notify({
         message: 'Notification sent',
         type: 'positive',
     });
 }
 
-function confirmDelete() {
-    quasar
-        .dialog({
-            component: VnConfirm,
-            componentProps: {
-                promise: remove,
-            },
-        })
-        .onOk(async () => await router.push({ name: 'TicketList' }));
-}
-
-async function remove() {
-    const id = route.params.id;
-    await axios.post(`Tickets/${id}/setDeleted`);
-
-    quasar.notify({
-        message: t('Ticket deleted'),
-        type: 'positive',
-    });
-    quasar.notify({
-        message: t('You can undo this action within the first hour'),
-        icon: 'info',
+function openConfirmDialog(callback) {
+    dialog({
+        component: VnConfirm,
+        componentProps: {
+            promise: actions[callback],
+        },
     });
 }
 </script>
@@ -227,9 +247,15 @@ async function remove() {
             </QList>
         </QMenu>
     </QItem>
+    <QItem @click="openConfirmDialog('clone')" v-ripple clickable>
+        <QItemSection avatar>
+            <QIcon name="content_copy" />
+        </QItemSection>
+        <QItemSection>{{ t('To clone ticket') }}</QItemSection>
+    </QItem>
     <template v-if="!ticket.isDeleted">
         <QSeparator />
-        <QItem @click="confirmDelete()" v-ripple clickable>
+        <QItem @click="openConfirmDialog('remove')" v-ripple clickable>
             <QItemSection avatar>
                 <QIcon name="delete" />
             </QItemSection>
@@ -253,4 +279,7 @@ es:
     Order changes: Cambios del pedido
     Ticket deleted: Ticket eliminado
     You can undo this action within the first hour: Puedes deshacer esta acción dentro de la primera hora
+    To clone ticket: Clonar ticket
+    Ticket cloned: Ticked clonado
+    It was not able to clone the ticket: No se pudo clonar el ticket
 </i18n>
diff --git a/src/pages/Ticket/Card/TicketSummary.vue b/src/pages/Ticket/Card/TicketSummary.vue
index 9a8c41014..d648433b0 100644
--- a/src/pages/Ticket/Card/TicketSummary.vue
+++ b/src/pages/Ticket/Card/TicketSummary.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { onMounted, ref, computed, onUpdated } from 'vue';
+import { onMounted, ref, computed } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import axios from 'axios';
@@ -12,8 +12,7 @@ import VnLv from 'src/components/ui/VnLv.vue';
 import VnLinkPhone from 'src/components/ui/VnLinkPhone.vue';
 import { getUrl } from 'src/composables/getUrl';
 import VnUserLink from 'src/components/ui/VnUserLink.vue';
-
-onUpdated(() => summaryRef.value.fetch());
+import VnTitle from 'src/components/common/VnTitle.vue';
 
 const route = useRoute();
 const router = useRouter();
@@ -74,7 +73,7 @@ async function changeState(value) {
         code: value,
     };
 
-    await axios.post(`TicketTrackings/changeState`, formData);
+    await axios.post(`Tickets/state`, formData);
     router.go(route.fullPath);
 }
 </script>
@@ -102,8 +101,8 @@ async function changeState(value) {
             <QBtnDropdown
                 side
                 top
-                color="orange-11"
-                text-color="black"
+                color="black"
+                text-color="white"
                 :label="t('ticket.summary.changeState')"
                 :disable="!isEditable()"
             >
@@ -130,27 +129,11 @@ async function changeState(value) {
             </QBtnDropdown>
         </template>
         <template #body>
-            <QCard class="vn-max">
-                <div class="taxes">
-                    <VnLv
-                        :label="t('ticket.summary.subtotal')"
-                        :value="toCurrency(ticket.totalWithoutVat)"
-                    />
-                    <VnLv
-                        :label="t('ticket.summary.vat')"
-                        :value="toCurrency(ticket.totalWithVat - ticket.totalWithoutVat)"
-                    />
-                    <VnLv
-                        :label="t('ticket.summary.total')"
-                        :value="toCurrency(ticket.totalWithVat)"
-                    />
-                </div>
-            </QCard>
             <QCard class="vn-one">
-                <a class="header header-link" :href="ticketUrl + 'basic-data/step-one'">
-                    {{ t('globals.summary.basicData') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle
+                    :url="ticketUrl + 'basic-data/step-one'"
+                    :text="t('globals.summary.basicData')"
+                />
                 <VnLv :label="t('ticket.summary.state')">
                     <template #value>
                         <QChip :color="ticket.ticketState?.state?.classColor ?? 'dark'">
@@ -193,10 +176,10 @@ async function changeState(value) {
                 />
             </QCard>
             <QCard class="vn-one">
-                <a class="header header-link" :href="ticketUrl + 'basic-data/step-one'">
-                    {{ t('globals.summary.basicData') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle
+                    :url="ticketUrl + 'basic-data/step-one'"
+                    :text="t('globals.summary.basicData')"
+                />
                 <VnLv
                     :label="t('ticket.summary.shipped')"
                     :value="toDate(ticket.shipped)"
@@ -235,11 +218,11 @@ async function changeState(value) {
                     :value="formattedAddress()"
                 />
             </QCard>
-            <QCard class="vn-one">
-                <a class="header header-link" :href="ticketUrl + 'observation'">
-                    {{ t('ticket.pageTitles.notes') }}
-                    <QIcon name="open_in_new" />
-                </a>
+            <QCard class="vn-one" v-if="ticket.notes.length">
+                <VnTitle
+                    :url="ticketUrl + 'observation'"
+                    :text="t('ticket.pageTitles.notes')"
+                />
                 <VnLv
                     v-for="note in ticket.notes"
                     :key="note.id"
@@ -257,11 +240,28 @@ async function changeState(value) {
                     </template>
                 </VnLv>
             </QCard>
+            <QCard class="vn-one">
+                <VnTitle :text="t('ticket.summary.summaryAmount')" />
+                <div class="bodyCard">
+                    <VnLv
+                        :label="t('ticket.summary.subtotal')"
+                        :value="toCurrency(ticket.totalWithoutVat)"
+                    />
+                    <VnLv
+                        :label="t('ticket.summary.vat')"
+                        :value="toCurrency(ticket.totalWithVat - ticket.totalWithoutVat)"
+                    />
+                    <VnLv
+                        :label="t('ticket.summary.total')"
+                        :value="toCurrency(ticket.totalWithVat)"
+                    />
+                </div>
+            </QCard>
             <QCard class="vn-max">
-                <a class="header header-link" :href="ticketUrl + 'sale'">
-                    {{ t('ticket.summary.saleLines') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle
+                    :url="ticketUrl + 'sale'"
+                    :text="t('ticket.summary.saleLines')"
+                />
                 <QTable :rows="ticket.sales">
                     <template #header="props">
                         <QTr :props="props">
@@ -396,10 +396,7 @@ async function changeState(value) {
                 class="vn-max"
                 v-if="ticket.packagings.length > 0 || ticket.services.length > 0"
             >
-                <a class="header header-link" :href="ticketUrl + 'package'">
-                    {{ t('globals.packages') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle :url="ticketUrl + 'package'" :text="t('globals.packages')" />
                 <QTable :rows="ticket.packagings" flat>
                     <template #header="props">
                         <QTr :props="props">
@@ -416,11 +413,10 @@ async function changeState(value) {
                         </QTr>
                     </template>
                 </QTable>
-
-                <a class="header header-link q-mt-xl" :href="ticketUrl + 'service'">
-                    {{ t('ticket.summary.service') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle
+                    :url="ticketUrl + 'service'"
+                    :text="t('ticket.summary.service')"
+                />
                 <QTable :rows="ticket.services" flat>
                     <template #header="props">
                         <QTr :props="props">
@@ -451,21 +447,10 @@ async function changeState(value) {
 .notes {
     width: max-content;
 }
-.cardSummary .summaryBody > .q-card > .taxes {
-    border: 2px solid gray;
-    padding: 0;
-    > .vn-label-value {
-        text-align: right;
-        display: flex;
-        flex-direction: row;
-        margin-top: 5px;
-        justify-content: flex-end;
-        padding-right: 20px;
+
+.q-card.q-card--dark.q-dark.vn-one {
+    & > .bodyCard {
+        padding: 1%;
     }
 }
-
-.cardSummary .summaryBody > .q-card:has(.taxes) {
-    margin-top: 2px;
-    padding: 0;
-}
 </style>
diff --git a/src/pages/Ticket/TicketList.vue b/src/pages/Ticket/TicketList.vue
index 2e3c2e474..c6e5cb60c 100644
--- a/src/pages/Ticket/TicketList.vue
+++ b/src/pages/Ticket/TicketList.vue
@@ -89,6 +89,7 @@ function navigate(id) {
                             <VnLv :label="t('ticket.list.state')">
                                 <template #value>
                                     <QBadge
+                                        text-color="black"
                                         :color="row.classColor ?? 'orange'"
                                         class="q-ma-none"
                                         dense
diff --git a/src/pages/Travel/Card/TravelSummary.vue b/src/pages/Travel/Card/TravelSummary.vue
index a06411a5c..7fc92e7b6 100644
--- a/src/pages/Travel/Card/TravelSummary.vue
+++ b/src/pages/Travel/Card/TravelSummary.vue
@@ -5,6 +5,7 @@ import { useI18n } from 'vue-i18n';
 
 import CardSummary from 'components/ui/CardSummary.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
+import VnTitle from 'src/components/common/VnTitle.vue';
 import EntryDescriptorProxy from 'src/pages/Entry/Card/EntryDescriptorProxy.vue';
 import FetchData from 'src/components/FetchData.vue';
 import TravelDescriptorMenuItems from './TravelDescriptorMenuItems.vue';
@@ -284,13 +285,10 @@ async function setTravelData(travelData) {
                 <VnLv :label="t('globals.totalEntries')" :value="travel.totalEntries" />
             </QCard>
             <QCard class="full-width" v-if="entriesTableRows.length > 0">
-                <span class="header header-link">
-                    {{ t('travel.summary.entries') }}
-                </span>
+                <VnTitle :text="t('travel.summary.entries')" />
                 <QTable
                     :rows="entriesTableRows"
                     :columns="entriesTableColumns"
-                    hide-bottom
                     row-key="id"
                     class="full-width q-mt-md"
                 >
@@ -355,7 +353,6 @@ async function setTravelData(travelData) {
                 <QTable
                     :rows="thermographs"
                     :columns="thermographsTableColumns"
-                    hide-bottom
                     row-key="id"
                     class="full-width q-mt-md"
                 />
diff --git a/src/pages/Travel/Card/TravelThermographs.vue b/src/pages/Travel/Card/TravelThermographs.vue
index 435d9054f..d2195beb4 100644
--- a/src/pages/Travel/Card/TravelThermographs.vue
+++ b/src/pages/Travel/Card/TravelThermographs.vue
@@ -145,7 +145,6 @@ const removeThermograph = async (id) => {
                 :rows="rows"
                 :columns="TableColumns"
                 :no-data-label="t('No results')"
-                :rows-per-page-options="[0]"
                 row-key="id"
                 class="full-width q-mt-md"
             >
diff --git a/src/pages/Travel/ExtraCommunity.vue b/src/pages/Travel/ExtraCommunity.vue
index e7805a7ed..2796d57e8 100644
--- a/src/pages/Travel/ExtraCommunity.vue
+++ b/src/pages/Travel/ExtraCommunity.vue
@@ -430,7 +430,7 @@ const handleDragScroll = (event) => {
             />
         </Teleport>
     </template>
-    <VnSubToolbar class="bg-vn-dark justify-end">
+    <VnSubToolbar class="justify-end">
         <template #st-actions>
             <QBtn
                 color="primary"
@@ -453,9 +453,7 @@ const handleDragScroll = (event) => {
         <QTable
             :rows="rows"
             :columns="columns"
-            hide-bottom
             row-key="clientId"
-            :pagination="{ rowsPerPage: 0 }"
             class="full-width"
             table-style="user-select: none;"
             @drag="handleDragScroll($event)"
diff --git a/src/pages/Travel/TravelFilter.vue b/src/pages/Travel/TravelFilter.vue
index c1c0d1bee..545bb58ae 100644
--- a/src/pages/Travel/TravelFilter.vue
+++ b/src/pages/Travel/TravelFilter.vue
@@ -4,7 +4,6 @@ import { useI18n } from 'vue-i18n';
 
 import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
-import VnInput from 'src/components/common/VnInput.vue';
 import FetchData from 'components/FetchData.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
 
@@ -60,19 +59,10 @@ const decrement = (paramsObj, key) => {
             </div>
         </template>
         <template #body="{ params, searchFn }">
-            <QItem>
-                <QItemSection>
-                    <VnInput
-                        v-model="params.search"
-                        :label="t('params.search')"
-                        is-outlined
-                    />
-                </QItemSection>
-            </QItem>
             <QItem>
                 <QItemSection>
                     <VnSelectFilter
-                        :label="t('params.agencyModeFk')"
+                        :label="t('travelFilter.filter.agencyModeFk')"
                         v-model="params.agencyModeFk"
                         @update:model-value="searchFn()"
                         :options="agenciesOptions"
@@ -88,7 +78,7 @@ const decrement = (paramsObj, key) => {
             <QItem>
                 <QItemSection>
                     <VnSelectFilter
-                        :label="t('params.warehouseOutFk')"
+                        :label="t('travelFilter.filter.warehouseOutFk')"
                         v-model="params.warehouseOutFk"
                         @update:model-value="searchFn()"
                         :options="warehousesOptions"
@@ -104,7 +94,7 @@ const decrement = (paramsObj, key) => {
             <QItem>
                 <QItemSection>
                     <VnSelectFilter
-                        :label="t('params.warehouseInFk')"
+                        :label="t('travelFilter.filter.warehouseInFk')"
                         v-model="params.warehouseInFk"
                         @update:model-value="searchFn()"
                         :options="warehousesOptions"
@@ -122,7 +112,7 @@ const decrement = (paramsObj, key) => {
                     <QInput
                         v-model="params.scopeDays"
                         type="number"
-                        :label="t('params.scopeDays')"
+                        :label="t('travelFilter.filter.scopeDays')"
                         dense
                         outlined
                         rounded
@@ -220,10 +210,6 @@ const decrement = (paramsObj, key) => {
 en:
     params:
         search: Id/Reference
-        agencyModeFk: Agency
-        warehouseInFk: Warehouse In
-        warehouseOutFk: Warehouse Out
-        scopeDays: Days onward
         landedFrom: Landed from
         landedTo: Landed to
         continent: Continent out
@@ -231,10 +217,6 @@ en:
 es:
     params:
         search: Id/Referencia
-        agencyModeFk: Agencia
-        warehouseInFk: Alm. entrada
-        warehouseOutFk: Alm. salida
-        scopeDays: Días adelante
         landedFrom: Llegada desde
         landedTo: Llegada hasta
         continent: Cont. Salida
diff --git a/src/pages/Travel/TravelList.vue b/src/pages/Travel/TravelList.vue
index edcfbac52..9f624c224 100644
--- a/src/pages/Travel/TravelList.vue
+++ b/src/pages/Travel/TravelList.vue
@@ -8,6 +8,7 @@ import VnLv from 'src/components/ui/VnLv.vue';
 import TravelSummary from './Card/TravelSummary.vue';
 import TravelFilter from './TravelFilter.vue';
 import FetchData from 'components/FetchData.vue';
+import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 
 import { useStateStore } from 'stores/useStateStore';
 import { toDate } from 'src/filters/index';
@@ -59,6 +60,15 @@ onMounted(async () => {
 </script>
 
 <template>
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#searchbar">
+            <VnSearchbar
+                data-key="TravelList"
+                :limit="20"
+                :label="t('searchByIdOrReference')"
+            />
+        </Teleport>
+    </template>
     <FetchData
         url="Warehouses"
         :filter="{ fields: ['id', 'name'] }"
@@ -100,6 +110,7 @@ onMounted(async () => {
                             <VnLv :label="t('globals.shipped')">
                                 <template #value>
                                     <QBadge
+                                        text-color="black"
                                         v-if="getDateQBadgeColor(row.shipped)"
                                         :color="getDateQBadgeColor(row.shipped)"
                                         class="q-ma-none"
@@ -114,6 +125,7 @@ onMounted(async () => {
                             <VnLv :label="t('globals.landed')">
                                 <template #value>
                                     <QBadge
+                                        text-color="black"
                                         v-if="getDateQBadgeColor(row.landed)"
                                         :color="getDateQBadgeColor(row.landed)"
                                         class="q-ma-none"
@@ -139,13 +151,11 @@ onMounted(async () => {
                             <QBtn
                                 :label="t('components.smartCard.clone')"
                                 @click.stop="cloneTravel(row)"
-                                class="bg-vn-dark"
                                 outline
                             />
                             <QBtn
                                 :label="t('addEntry')"
                                 @click.stop="redirectCreateEntryView(row)"
-                                class="bg-vn-dark"
                                 outline
                                 style="margin-top: 15px"
                             />
@@ -172,7 +182,9 @@ onMounted(async () => {
 <i18n>
 en:
     addEntry: Add entry
+    searchByIdOrReference: Search by ID or reference
 
 es:
     addEntry: Añadir entrada
+    searchByIdOrReference: Buscar por ID o por referencia
 </i18n>
diff --git a/src/pages/Travel/locale/en.yml b/src/pages/Travel/locale/en.yml
new file mode 100644
index 000000000..c67eddce0
--- /dev/null
+++ b/src/pages/Travel/locale/en.yml
@@ -0,0 +1,6 @@
+travelFilter:
+    filter:
+        warehouseOutFk: Warehouse Out
+        warehouseInFk: Warehouse In
+        agencyModeFk: Agency
+        scopeDays: Days onward
diff --git a/src/pages/Travel/locale/es.yml b/src/pages/Travel/locale/es.yml
new file mode 100644
index 000000000..8e958c074
--- /dev/null
+++ b/src/pages/Travel/locale/es.yml
@@ -0,0 +1,6 @@
+travelFilter:
+    filter:
+        warehouseInFk: Alm. entrada
+        warehouseOutFk: Alm. salida
+        agencyModeFk: Agencia
+        scopeDays: Días adelante
diff --git a/src/pages/Wagon/Type/WagonTypeList.vue b/src/pages/Wagon/Type/WagonTypeList.vue
index a7c713039..23f56e4c3 100644
--- a/src/pages/Wagon/Type/WagonTypeList.vue
+++ b/src/pages/Wagon/Type/WagonTypeList.vue
@@ -61,7 +61,6 @@ async function remove(row) {
                             <QBtn
                                 :label="t('components.smartCard.openCard')"
                                 @click.stop="navigate(row.id)"
-                                class="bg-vn-dark"
                                 outline
                             />
                             <QBtn
diff --git a/src/pages/Wagon/WagonCounter.vue b/src/pages/Wagon/WagonCounter.vue
index bd5d2ca67..15a1ab7ba 100644
--- a/src/pages/Wagon/WagonCounter.vue
+++ b/src/pages/Wagon/WagonCounter.vue
@@ -7,8 +7,8 @@ import VnConfirm from 'components/ui/VnConfirm.vue';
 
 const quasar = useQuasar();
 const { t } = useI18n();
-const session = useSession();
-const token = session.getToken();
+const { getTokenMultimedia } = useSession();
+const token = getTokenMultimedia();
 
 const counters = ref({
     alquilerBandeja: { count: 0, id: 96001, title: 'CC Bandeja', isTray: true },
diff --git a/src/pages/Wagon/WagonList.vue b/src/pages/Wagon/WagonList.vue
index 18417f433..a8b6728c3 100644
--- a/src/pages/Wagon/WagonList.vue
+++ b/src/pages/Wagon/WagonList.vue
@@ -80,7 +80,6 @@ async function remove(row) {
                             <QBtn
                                 :label="t('components.smartCard.openCard')"
                                 @click.stop="navigate(row.id)"
-                                class="bg-vn-dark"
                                 outline
                             />
                             <QBtn
diff --git a/src/pages/Worker/Card/WorkerBasicData.vue b/src/pages/Worker/Card/WorkerBasicData.vue
new file mode 100644
index 000000000..775472065
--- /dev/null
+++ b/src/pages/Worker/Card/WorkerBasicData.vue
@@ -0,0 +1,171 @@
+<script setup>
+import { ref } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+import FetchData from 'components/FetchData.vue';
+import FormModel from 'src/components/FormModel.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+
+const route = useRoute();
+const { t } = useI18n();
+
+const workersOptions = ref([]);
+const countriesOptions = ref([]);
+const educationLevelsOptions = ref([]);
+
+const workerFilter = {
+    include: [
+        {
+            relation: 'user',
+            scope: {
+                fields: ['name', 'emailVerified'],
+                include: { relation: 'emailUser', scope: { fields: ['email'] } },
+            },
+        },
+        { relation: 'sip', scope: { fields: ['extension', 'secret'] } },
+        { relation: 'department', scope: { include: { relation: 'department' } } },
+        { relation: 'client', scope: {fields:['phone']} },
+    ],
+};
+const workersFilter = {
+    fields: ['id', 'nickname'],
+    order: 'nickname ASC',
+    limit: 30,
+};
+const countriesFilter = {
+    fields: ['id', 'country', 'code'],
+    order: 'country ASC',
+    limit: 30,
+};
+const educationLevelsFilter = { fields: ['id', 'name'], order: 'name ASC', limit: 30 };
+
+const maritalStatus = [
+    { code: 'M', name: t('Married') },
+    { code: 'S', name: t('Single') },
+];
+</script>
+
+<template>
+    <FetchData
+        :filter="workersFilter"
+        @on-fetch="(data) => (workersOptions = data)"
+        auto-load
+        url="Workers/search"
+    />
+    <FetchData
+        :filter="countriesFilter"
+        @on-fetch="(data) => (countriesOptions = data)"
+        auto-load
+        url="Countries"
+    />
+    <FetchData
+        :filter="educationLevelsFilter"
+        @on-fetch="(data) => (educationLevelsOptions = data)"
+        auto-load
+        url="EducationLevels"
+    />
+
+    <FormModel
+        :filter="workerFilter"
+        :url="`Workers/${route.params.id}`"
+        auto-load
+        model="Worker"
+    >
+        <template #form="{ data }">
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnInput :label="t('Name')" clearable v-model="data.firstName" />
+                <VnInput :label="t('Last name')" clearable v-model="data.lastName" />
+            </VnRow>
+
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnInput v-model="data.phone" :label="t('Business phone')" clearable />
+                <VnInput
+                    v-model="data.mobileExtension"
+                    :label="t('Mobile extension')"
+                    clearable
+                />
+                <VnInput v-model="data.client.phone" :label="t('Personal phone')" clearable />
+            </VnRow>
+
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnSelectFilter
+                    :label="t('Boss')"
+                    :options="workersOptions"
+                    hide-selected
+                    option-label="nickname"
+                    option-value="id"
+                    v-model="data.bossFk"
+                >
+                    <template #option="scope">
+                        <QItem v-bind="scope.itemProps">
+                            <QItemSection>
+                                <QItemLabel>{{ scope.opt?.name }}</QItemLabel>
+                                <QItemLabel caption>
+                                    {{ scope.opt?.nickname }},
+                                    {{ scope.opt?.code }}
+                                </QItemLabel>
+                            </QItemSection>
+                        </QItem>
+                    </template>
+                </VnSelectFilter>
+                <VnSelectFilter
+                    :label="t('Marital status')"
+                    :options="maritalStatus"
+                    hide-selected
+                    option-label="name"
+                    option-value="code"
+                    v-model="data.maritalStatus"
+                />
+            </VnRow>
+
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnSelectFilter
+                    :label="t('Origin country')"
+                    :options="countriesOptions"
+                    hide-selected
+                    option-label="country"
+                    option-value="id"
+                    v-model="data.originCountryFk"
+                />
+                <VnSelectFilter
+                    :label="t('Education level')"
+                    :options="educationLevelsOptions"
+                    hide-selected
+                    option-label="name"
+                    option-value="id"
+                    v-model="data.educationLevelFk"
+                />
+            </VnRow>
+
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnInput v-model="data.SSN" :label="t('SSN')" clearable />
+                <VnInput
+                    v-model="data.locker"
+                    type="number"
+                    :label="t('Locker')"
+                    clearable
+                />
+            </VnRow>
+        </template>
+    </FormModel>
+</template>
+
+<i18n>
+es:
+    Name: Nombre
+    Last name: Apellidos
+    Business phone: Teléfono de empresa
+    Mobile extension: Extensión móvil
+    Personal phone: Teléfono personal
+    Boss: Jefe
+    Marital status: Estado civil
+    Married: Casado/a
+    Single: Soltero/a
+    Origin country: País origen
+    Education level: Nivel educación
+    SSN: NSS
+    Locker: Taquilla
+</i18n>
diff --git a/src/pages/Worker/Card/WorkerCalendar.vue b/src/pages/Worker/Card/WorkerCalendar.vue
new file mode 100644
index 000000000..288e78dcf
--- /dev/null
+++ b/src/pages/Worker/Card/WorkerCalendar.vue
@@ -0,0 +1,239 @@
+<script setup>
+import { ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRoute } from 'vue-router';
+
+import WorkerCalendarFilter from 'pages/Worker/Card/WorkerCalendarFilter.vue';
+import FetchData from 'components/FetchData.vue';
+import WorkerCalendarItem from 'pages/Worker/Card/WorkerCalendarItem.vue';
+
+import { useStateStore } from 'stores/useStateStore';
+import axios from 'axios';
+
+const stateStore = useStateStore();
+const route = useRoute();
+const { t } = useI18n();
+
+const workerCalendarFilterRef = ref(null);
+const workerCalendarRef = ref(null);
+const absenceType = ref(null);
+const hasWorkCenter = ref(false);
+const isSubordinate = ref(false);
+const businessFk = ref(null);
+const year = ref(Date.vnNew().getFullYear());
+const contractHolidays = ref(null);
+const yearHolidays = ref(null);
+const eventsMap = ref({});
+const festiveEventsMap = ref({});
+
+const onFetchActiveContract = (data) => {
+    if (!data) return;
+    businessFk.value = data?.businessFk;
+    hasWorkCenter.value = Boolean(data?.workCenterFk);
+};
+
+const addEvent = (day, newEvent, isFestive = false) => {
+    const timestamp = new Date(day).getTime();
+    let event = eventsMap.value[timestamp];
+
+    if (!event) {
+        eventsMap.value[timestamp] = newEvent;
+        if (isFestive)
+            festiveEventsMap.value[timestamp] = JSON.parse(JSON.stringify(newEvent));
+    } else {
+        const oldName = event.name;
+        const oldEventWasFestive = event.isFestive;
+        Object.assign(event, newEvent);
+        event.isFestive = oldEventWasFestive;
+        event.name = `${oldName}, ${event.name}`;
+    }
+};
+
+const onFetchAbsences = (data) => {
+    if (!data) return;
+
+    eventsMap.value = {};
+
+    if (data.holidays) {
+        data.holidays.forEach((holiday) => {
+            const holidayDetail = holiday?.detail?.name;
+            const holidayType = holiday?.type?.name;
+            const holidayName = holidayDetail || holidayType;
+
+            addEvent(
+                holiday.dated,
+                {
+                    name: holidayName,
+                    isFestive: true,
+                },
+                true
+            );
+        });
+    }
+    if (data.absences) {
+        data.absences.forEach((absence) => {
+            let type = absence.absenceType;
+            addEvent(absence.dated, {
+                name: type.name,
+                color: type.rgb,
+                type: type.code,
+                absenceId: absence.id,
+                isFestive: false,
+            });
+        });
+    }
+};
+
+const getAbsences = async () => {
+    try {
+        const params = {
+            workerFk: route.params.id,
+            businessFk: businessFk.value,
+            year: year.value,
+        };
+        const { data } = await axios.get('Calendars/absences', { params });
+        if (data) onFetchAbsences(data);
+
+        return data;
+    } catch (error) {
+        console.error('Error fetching absences:', error);
+        return null;
+    }
+};
+
+const getHolidays = async (params) => {
+    try {
+        const { data } = await axios.get(`Workers/${route.params.id}/holidays`, {
+            params,
+        });
+        return data;
+    } catch (error) {
+        console.error('Error fetching holidays:', error);
+        return null;
+    }
+};
+
+const updateContractHolidays = async () => {
+    contractHolidays.value = await getHolidays({
+        businessFk: businessFk.value,
+        year: year.value,
+    });
+};
+
+const updateYearHolidays = async () => {
+    yearHolidays.value = await getHolidays({ year: year.value });
+};
+
+const refreshData = () => {
+    updateYearHolidays();
+    updateContractHolidays();
+    getAbsences();
+};
+
+const onDeletedEvent = (timestamp) => {
+    delete eventsMap.value[timestamp];
+    // Si el evento que eliminamos se encontraba dentro de un dia festivo, volvemos a agregar el evento festivo
+    if (festiveEventsMap.value[timestamp])
+        eventsMap.value[timestamp] = festiveEventsMap.value[timestamp];
+};
+
+watch([year, businessFk], () => refreshData());
+</script>
+
+<template>
+    <FetchData
+        :url="`Workers/${route.params.id}/activeContract`"
+        @on-fetch="onFetchActiveContract"
+        auto-load
+    />
+    <FetchData
+        :url="`Workers/${route.params.id}/isSubordinate`"
+        @on-fetch="(data) => (isSubordinate = data)"
+        auto-load
+    />
+    <template v-if="stateStore.isHeaderMounted()">
+        <Teleport to="#actions-append">
+            <div class="row q-gutter-x-sm">
+                <QBtn
+                    flat
+                    @click="stateStore.toggleRightDrawer()"
+                    round
+                    dense
+                    icon="menu"
+                >
+                    <QTooltip bottom anchor="bottom right">
+                        {{ t('globals.collapseMenu') }}
+                    </QTooltip>
+                </QBtn>
+            </div>
+        </Teleport>
+    </template>
+    <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
+        <QScrollArea class="fit text-grey-8">
+            <WorkerCalendarFilter
+                ref="workerCalendarFilterRef"
+                v-model:business-fk="businessFk"
+                v-model:year="year"
+                v-model:absence-type="absenceType"
+                :contract-holidays="contractHolidays"
+                :year-holidays="yearHolidays"
+            />
+        </QScrollArea>
+    </QDrawer>
+    <QPage class="column items-center">
+        <QCard v-if="!hasWorkCenter">
+            <QCardSection class="text-center">
+                {{ t('Autonomous worker') }}
+            </QCardSection>
+        </QCard>
+        <QCard v-else class="full-width">
+            <QIcon
+                v-if="isSubordinate"
+                name="info"
+                size="sm"
+                class="absolute"
+                style="top: 14px; right: 14px"
+            >
+                <QTooltip max-width="250px">
+                    {{ t('addAbsencesText') }}
+                </QTooltip>
+            </QIcon>
+            <div class="calendar-container">
+                <WorkerCalendarItem
+                    ref="workerCalendarRef"
+                    v-for="month in 12"
+                    :key="month"
+                    :year="year"
+                    :month="month"
+                    :absence-type="absenceType"
+                    :business-fk="businessFk"
+                    :events="eventsMap"
+                    @refresh="refreshData"
+                    @on-deleted-event="onDeletedEvent"
+                />
+            </div>
+        </QCard>
+    </QPage>
+</template>
+
+<style lang="scss" scoped>
+.calendar-container {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    gap: 32px;
+    padding: 40px;
+    justify-content: center;
+}
+</style>
+
+<i18n>
+en:
+    addAbsencesText: To start adding absences, click an absence type from the right menu and then on the day you want to add an absence
+
+es:
+    Search worker: Buscar trabajador
+    You can search by worker id or name: Puedes buscar por id o nombre del trabajador
+    addAbsencesText: Para empezar a añadir ausencias, haz clic en un tipo de ausencia desde el menu de la derecha y después en el día que quieres añadir la ausencia
+</i18n>
diff --git a/src/pages/Worker/Card/WorkerCalendarFilter.vue b/src/pages/Worker/Card/WorkerCalendarFilter.vue
new file mode 100644
index 000000000..374762ac1
--- /dev/null
+++ b/src/pages/Worker/Card/WorkerCalendarFilter.vue
@@ -0,0 +1,248 @@
+<script setup>
+import WorkerEventLabel from 'pages/Worker/Card/WorkerEventLabel.vue';
+import FetchData from 'components/FetchData.vue';
+import { useI18n } from 'vue-i18n';
+import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import { useRoute } from 'vue-router';
+import { computed, ref } from 'vue';
+import { toDateFormat } from '../../../filters/date';
+
+const { t } = useI18n();
+const route = useRoute();
+
+const props = defineProps({
+    businessFk: {
+        type: Number,
+        default: null,
+    },
+    year: {
+        type: [Number, String],
+        default: null,
+    },
+    absenceType: {
+        type: Object,
+        default: null,
+    },
+    contractHolidays: {
+        type: Object,
+        default: null,
+    },
+    yearHolidays: {
+        type: Object,
+        default: null,
+    },
+});
+
+const emit = defineEmits(['update:businessFk', 'update:year', 'update:absenceType']);
+
+const selectedBusinessFk = computed({
+    get: () => props.businessFk,
+    set: (value) => emit('update:businessFk', value),
+});
+
+const selectedYear = computed({
+    get: () => props.year,
+    set: (value) => emit('update:year', value),
+});
+
+const selectedAbsenceType = computed({
+    get: () => props.absenceType,
+    set: (value) => {
+        if (value === props.absenceType) value = null;
+        emit('update:absenceType', value);
+    },
+});
+
+const generateYears = () => {
+    const now = Date.vnNew();
+    const maxYear = now.getFullYear() + 1;
+
+    return Array.from({ length: 5 }, (_, i) => String(maxYear - i)) || [];
+};
+
+const absenceTypeList = ref([]);
+const contractList = ref([]);
+const yearList = ref(generateYears());
+</script>
+
+<template>
+    <FetchData
+        url="AbsenceTypes"
+        @on-fetch="(data) => (absenceTypeList = data)"
+        auto-load
+    />
+    <FetchData
+        :url="`Workers/${route.params.id}/contracts`"
+        :filter="{ fields: ['businessFk', 'started', 'ended'] }"
+        @on-fetch="(data) => (contractList = data)"
+        auto-load
+    />
+
+    <div
+        v-if="contractHolidays"
+        class="q-pa-md q-mb-md q-ma-md color-vn-text"
+        style="border: 2px solid black"
+    >
+        <QCardSection horizontal>
+            <span class="text-weight-bold text-subtitle1 text-center full-width">
+                {{ t('Contract') }} #{{ selectedBusinessFk }}
+            </span>
+        </QCardSection>
+        <QCardSection class="column items-center" horizontal>
+            <span>
+                {{
+                    t('usedDays', {
+                        holidaysEnjoyed: contractHolidays.holidaysEnjoyed || 0,
+                        totalHolidays: contractHolidays.totalHolidays || 0,
+                    })
+                }}
+            </span>
+        </QCardSection>
+        <QCardSection class="column items-center" horizontal>
+            <span>
+                {{
+                    t('spentHours', {
+                        hoursEnjoyed: contractHolidays.hoursEnjoyed || 0,
+                        totalHours: contractHolidays.totalHours || 0,
+                    })
+                }}
+            </span>
+        </QCardSection>
+        <QCardSection class="column items-center" horizontal>
+            <span>
+                {{
+                    t('paidHolidays', {
+                        payedHolidays: contractHolidays.payedHolidays || 0,
+                    })
+                }}
+            </span>
+        </QCardSection>
+    </div>
+    <div
+        v-if="yearHolidays"
+        class="q-pa-md q-mb-md q-ma-md color-vn-text"
+        style="border: 2px solid black"
+    >
+        <QCardSection horizontal>
+            <span class="text-weight-bold text-subtitle1 text-center full-width">
+                {{ t('Year') }} {{ selectedYear }}
+            </span>
+        </QCardSection>
+        <QCardSection class="column items-center" horizontal>
+            <span>
+                {{
+                    t('usedDays', {
+                        holidaysEnjoyed: yearHolidays.holidaysEnjoyed || 0,
+                        totalHolidays: yearHolidays.totalHolidays || 0,
+                    })
+                }}
+            </span>
+        </QCardSection>
+        <QCardSection class="column items-center" horizontal>
+            {{
+                t('spentHours', {
+                    hoursEnjoyed: yearHolidays.hoursEnjoyed || 0,
+                    totalHours: yearHolidays.totalHours || 0,
+                })
+            }}
+        </QCardSection>
+    </div>
+    <QList dense class="list q-gutter-y-sm q-my-lg">
+        <QItem>
+            <QItemSection>
+                <VnSelectFilter
+                    :label="t('Year')"
+                    v-model="selectedYear"
+                    :options="yearList"
+                    dense
+                    outlined
+                    rounded
+                    use-input
+                    :is-clearable="false"
+                />
+            </QItemSection>
+        </QItem>
+        <QItem>
+            <QItemSection>
+                <VnSelectFilter
+                    :label="t('Contract')"
+                    v-model="selectedBusinessFk"
+                    :options="contractList"
+                    option-value="businessFk"
+                    option-label="businessFk"
+                    dense
+                    outlined
+                    rounded
+                    use-input
+                    :is-clearable="false"
+                >
+                    <template #option="scope">
+                        <QItem v-bind="scope.itemProps">
+                            <QItemSection>
+                                <QItemLabel># {{ scope.opt?.businessFk }}</QItemLabel>
+                                <QItemLabel caption>
+                                    {{ toDateFormat(scope.opt?.started) }} -
+                                    {{
+                                        scope.opt?.ended
+                                            ? toDateFormat(scope.opt?.ended)
+                                            : 'Indef.'
+                                    }}
+                                </QItemLabel>
+                            </QItemSection>
+                        </QItem>
+                    </template>
+                </VnSelectFilter>
+            </QItemSection>
+        </QItem>
+    </QList>
+    <QList dense class="list q-gutter-y-xs q-my-md">
+        <QItem v-for="type in absenceTypeList" :key="type.id">
+            <WorkerEventLabel
+                :color="type.rgb"
+                :selected="selectedAbsenceType?.id === type.id"
+                @click="selectedAbsenceType = type"
+            >
+                {{ type.name }}
+            </WorkerEventLabel>
+        </QItem>
+    </QList>
+    <QSeparator />
+    <QList dense class="list q-my-md no-pointer-events">
+        <QItem>
+            <WorkerEventLabel avatar-class="worker-calendar-festive">
+                {{ t('Festive') }}
+            </WorkerEventLabel>
+            <WorkerEventLabel avatar-class="worker-calendar-today">
+                {{ t('Current day') }}
+            </WorkerEventLabel>
+        </QItem>
+    </QList>
+</template>
+
+<style lang="scss">
+.worker-calendar-festive {
+    border: 2px solid $negative;
+}
+
+.worker-calendar-today {
+    border: 2px solid $info;
+}
+</style>
+
+<i18n>
+en:
+    spentHours: Spent {hoursEnjoyed} of {totalHours} hours
+    usedDays: Used {holidaysEnjoyed} of {totalHolidays} days
+    paidHolidays: Paid holidays {payedHolidays} days
+
+es:
+    Paid holidays: Vacaciones pagadas
+    Year: Año
+    Contract: Contrato
+    Festive: Festivo
+    Current day: Día actual
+    spentHours: Utilizadas {hoursEnjoyed} de {totalHours} horas
+    usedDays: Utilizados {holidaysEnjoyed} de {totalHolidays} días
+    paidHolidays: Vacaciones pagadas {payedHolidays} días
+
+</i18n>
diff --git a/src/pages/Worker/Card/WorkerCalendarItem.vue b/src/pages/Worker/Card/WorkerCalendarItem.vue
new file mode 100644
index 000000000..584222d19
--- /dev/null
+++ b/src/pages/Worker/Card/WorkerCalendarItem.vue
@@ -0,0 +1,313 @@
+<script setup>
+import { onBeforeMount, ref, watch, computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { date } from 'quasar';
+import { useRoute } from 'vue-router';
+
+import QCalendarMonthWrapper from 'src/components/ui/QCalendarMonthWrapper.vue';
+import { QCalendarMonth } from '@quasar/quasar-ui-qcalendar/src/index.js';
+import '@quasar/quasar-ui-qcalendar/src/QCalendarVariables.sass';
+
+import { useWeekdayStore } from 'src/stores/useWeekdayStore';
+import useNotify from 'src/composables/useNotify.js';
+import axios from 'axios';
+
+const props = defineProps({
+    year: {
+        type: Number,
+        required: true,
+    },
+    month: {
+        type: Number,
+        required: true,
+    },
+    absenceType: {
+        type: Object,
+        default: null,
+    },
+    businessFk: {
+        type: Number,
+        default: null,
+    },
+    events: {
+        type: Object,
+        default: null,
+    },
+});
+
+const emit = defineEmits(['refresh', 'onDeletedEvent']);
+
+const route = useRoute();
+const { t } = useI18n();
+const { notify } = useNotify();
+const { locale } = useI18n();
+
+const calendarRef = ref(null);
+const weekdayStore = useWeekdayStore();
+const selectedDate = ref();
+const calendarEventDates = [];
+const today = ref(date.formatDate(Date.vnNew(), 'YYYY-MM-DD'));
+const todayTimestamp = computed(() => {
+    const date = Date.vnNew();
+    date.setHours(0, 0, 0, 0);
+    return date.getTime();
+});
+const _year = computed(() => props.year);
+
+const updateSelectedDate = (year) => {
+    const _date = new Date(year, props.month - 1, 1);
+    selectedDate.value = date.formatDate(_date, 'YYYY-MM-DD');
+};
+
+const createEvent = async (date) => {
+    try {
+        const params = {
+            dated: date,
+            absenceTypeId: props.absenceType.id,
+            businessFk: props.businessFk,
+        };
+
+        const { data } = await axios.post(
+            `Workers/${route.params.id}/createAbsence`,
+            params
+        );
+
+        if (data) emit('refresh');
+    } catch (error) {
+        console.error('error creating event:: ', error);
+    }
+};
+
+const editEvent = async (event) => {
+    try {
+        const absenceType = props.absenceType;
+        const params = {
+            absenceId: event.absenceId,
+            absenceTypeId: absenceType.id,
+        };
+        const { data } = await axios.patch(
+            `Workers/${route.params.id}/updateAbsence`,
+            params
+        );
+
+        if (data) emit('refresh');
+    } catch (error) {
+        console.error('error editing event:: ', error);
+    }
+};
+
+const deleteEvent = async (event, date) => {
+    const params = { absenceId: event.absenceId };
+    const { data } = await axios.delete(`Workers/${route.params.id}/deleteAbsence`, {
+        params,
+    });
+
+    if (data) emit('onDeletedEvent', date.getTime());
+};
+
+const handleDateSelected = (date) => {
+    if (!props.absenceType) {
+        notify(t('Choose an absence type from the right menu'), 'warning');
+        return;
+    }
+
+    const { year, month, day } = date.scope.timestamp;
+    const _date = new Date(year, month - 1, day);
+    const stamp = _date.getTime();
+    const event = props.events[stamp];
+
+    if (!event) createEvent(_date);
+};
+
+const handleEventSelected = (event, { year, month, day }) => {
+    if (!props.absenceType) {
+        notify(t('Choose an absence type from the right menu'), 'warning');
+        return;
+    }
+
+    const date = new Date(year, month - 1, day);
+    if (!event.absenceId) createEvent(date);
+    else if (event.type == props.absenceType.code) deleteEvent(event, date);
+    else editEvent(event);
+};
+
+const getEventByTimestamp = ({ year, month, day }) => {
+    const stamp = new Date(year, month - 1, day).getTime();
+    return props.events[stamp] || null;
+};
+
+const getEventAttrs = (timestamp) => {
+    const event = getEventByTimestamp(timestamp);
+    if (!event) return {};
+
+    const { name, color, isFestive } = event;
+
+    // Atributos a asignar a cada slot que representa un evento en el calendario
+
+    const attrs = {
+        title: name,
+        style: color ? `background-color: ${color};` : '',
+        label: timestamp.day,
+    };
+
+    if (isFestive) {
+        attrs.class = '--festive';
+        attrs.label = event.absenceId ? timestamp.day : '';
+    }
+
+    return attrs;
+};
+
+const isToday = (timestamp) => {
+    const { year, month, day } = timestamp;
+    return todayTimestamp.value === new Date(year, month - 1, day).getTime();
+};
+
+onBeforeMount(() => {
+    updateSelectedDate(_year.value);
+});
+
+watch(_year, (newValue) => {
+    updateSelectedDate(newValue);
+});
+</script>
+
+<template>
+    <QCalendarMonthWrapper
+        style="height: 290px; width: 310px"
+        class="outline"
+        bordered
+        transparent-background
+    >
+        <template #header>
+            <span class="full-width text-center text-body1 q-py-sm">{{
+                weekdayStore.getLocaleMonths[$props.month - 1].locale
+            }}</span>
+        </template>
+        <template #calendar>
+            <QCalendarMonth
+                ref="calendarRef"
+                v-model="selectedDate"
+                @click-date="handleDateSelected"
+                show-work-weeks
+                no-outside-days
+                :selected-dates="calendarEventDates"
+                no-active-date
+                :weekdays="[1, 2, 3, 4, 5, 6, 0]"
+                short-weekday-label
+                :locale="locale"
+                :now="today"
+                mini-mode
+            >
+                <template #day="{ scope: { timestamp } }">
+                    <!-- Este slot representa cada día del calendario y muestra un botón representando el correspondiente evento -->
+                    <QBtn
+                        v-if="getEventByTimestamp(timestamp)"
+                        v-bind="{ ...getEventAttrs(timestamp) }"
+                        @click="
+                            handleEventSelected(getEventByTimestamp(timestamp), timestamp)
+                        "
+                        rounded
+                        dense
+                        flat
+                        class="calendar-event"
+                        :class="{
+                            '--today': isToday(timestamp),
+                        }"
+                    />
+                </template>
+            </QCalendarMonth>
+        </template>
+    </QCalendarMonthWrapper>
+</template>
+
+<style lang="scss">
+@import '../../../css/quasar.variables.scss';
+:root {
+    // Cambia los colores del día actual del calendario por los de salix
+    --calendar-border-current-dark: #84d0e2 2px solid;
+    --calendar-border-current: #84d0e2 2px solid;
+    --calendar-current-color-dark: #ec8916;
+}
+
+.q-calendar__button {
+    width: 32px;
+    height: 32px;
+    font-size: 13px;
+
+    &:hover {
+        background-color: var(--vn-accent-color);
+        cursor: pointer;
+    }
+}
+
+.q-calendar-month__week--days > div:nth-child(6),
+.q-calendar-month__week--days > div:nth-child(7) {
+    // Cambia el color de los días sábado y domingo
+    color: #777777;
+}
+
+.q-calendar-month__week--wrapper {
+    margin-bottom: 4px;
+}
+
+.q-calendar-month__workweek {
+    height: 32px;
+    display: flex;
+    justify-content: center;
+}
+
+.q-calendar__button--bordered {
+    color: $info !important;
+}
+
+.q-calendar-month__day--content {
+    position: absolute;
+    top: 1;
+    left: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.q-outside .calendar-event {
+    display: none;
+}
+
+.calendar-event {
+    display: flex;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    font-size: 13px;
+    line-height: 1.715em;
+    cursor: pointer;
+    color: white;
+
+    &.--today {
+        border: 2px solid $info;
+    }
+
+    &.--festive {
+        border: 2px solid $negative;
+    }
+
+    &:hover {
+        opacity: 0.8;
+    }
+}
+.q-calendar-month__workweek,
+.q-calendar-month__head--workweek,
+.q-calendar-month__head--weekday.q-calendar__center.q-calendar__ellipsis {
+    text-transform: capitalize;
+    color: #777;
+    font-weight: bold;
+    font-size: 0.8rem;
+    text-align: center;
+}
+</style>
+
+<i18n>
+es:
+    Choose an absence type from the right menu: Elige un tipo de ausencia desde el menú de la derecha
+</i18n>
diff --git a/src/pages/Worker/Card/WorkerDescriptor.vue b/src/pages/Worker/Card/WorkerDescriptor.vue
index bec56bee7..bb4acec69 100644
--- a/src/pages/Worker/Card/WorkerDescriptor.vue
+++ b/src/pages/Worker/Card/WorkerDescriptor.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { computed, ref } from 'vue';
+import { computed, ref, watch } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import { useSession } from 'src/composables/useSession';
@@ -7,6 +7,7 @@ import CardDescriptor from 'src/components/ui/CardDescriptor.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
 import VnLinkPhone from 'src/components/ui/VnLinkPhone.vue';
 import useCardDescription from 'src/composables/useCardDescription';
+import { useState } from 'src/composables/useState';
 
 const $props = defineProps({
     id: {
@@ -22,41 +23,31 @@ const $props = defineProps({
 
 const route = useRoute();
 const { t } = useI18n();
-const { getToken } = useSession();
+const { getTokenMultimedia } = useSession();
+const state = useState();
 
 const entityId = computed(() => {
     return $props.id || route.params.id;
 });
 
 const worker = ref();
-const filter = {
-    include: [
-        {
-            relation: 'user',
-            scope: {
-                fields: ['email', 'name', 'nickname'],
-            },
-        },
-        {
-            relation: 'department',
-            scope: {
-                include: [
-                    {
-                        relation: 'department',
-                    },
-                ],
-            },
-        },
-        {
-            relation: 'sip',
-        },
-    ],
-};
+const filter = { where: { id: route.params.id}};
 
-const sip = computed(() => worker.value?.sip && worker.value.sip.extension);
+const sip = ref(null);
+
+watch(
+    () => [worker.value?.sip?.extension, state.get('extension')],
+    ([newWorkerSip, newStateExtension], [oldWorkerSip, oldStateExtension]) => {
+        if (newStateExtension !== oldStateExtension || sip.value === oldStateExtension) {
+            sip.value = newStateExtension;
+        } else if (newWorkerSip !== oldWorkerSip && sip.value !== newStateExtension) {
+            sip.value = newWorkerSip;
+        }
+    }
+);
 
 function getWorkerAvatar() {
-    const token = getToken();
+    const token = getTokenMultimedia();
     return `/api/Images/user/160x160/${entityId.value}/download?access_token=${token}`;
 }
 const data = ref(useCardDescription());
@@ -69,7 +60,7 @@ const setData = (entity) => {
     <CardDescriptor
         module="Worker"
         data-key="workerData"
-        :url="`Workers/${entityId}`"
+        :url="`Workers/summary`"
         :filter="filter"
         :title="data.title"
         :subtitle="data.subtitle"
diff --git a/src/pages/Worker/Card/WorkerDms.vue b/src/pages/Worker/Card/WorkerDms.vue
new file mode 100644
index 000000000..a4f7ef5a9
--- /dev/null
+++ b/src/pages/Worker/Card/WorkerDms.vue
@@ -0,0 +1,15 @@
+<script setup>
+import VnDmsList from 'src/components/common/VnDmsList.vue';
+import { useRoute } from 'vue-router';
+const route = useRoute();
+</script>
+<template>
+    <VnDmsList
+        :model="`WorkerDms/${route.params.id}/filter`"
+        update-model="Workers"
+        delete-model="WorkerDms"
+        download-model="WorkerDms"
+        default-dms-code="hhrrData"
+        filter="worker"
+    />
+</template>
diff --git a/src/pages/Worker/Card/WorkerEventLabel.vue b/src/pages/Worker/Card/WorkerEventLabel.vue
new file mode 100644
index 000000000..b75fea890
--- /dev/null
+++ b/src/pages/Worker/Card/WorkerEventLabel.vue
@@ -0,0 +1,33 @@
+<script setup>
+defineProps({
+    color: {
+        type: String,
+        default: null,
+    },
+    avatarClass: {
+        type: String,
+        default: null,
+    },
+    selected: {
+        type: Boolean,
+        default: undefined,
+    },
+});
+defineEmits(['update:selected']);
+</script>
+
+<template>
+    <QChip
+        class="text-white q-ma-none"
+        :selected="selected"
+        :style="{ backgroundColor: selected ? color : 'black' }"
+        @update:selected="$emit('update:selected', $event)"
+    >
+        <QAvatar
+            :color="color"
+            :class="avatarClass"
+            :style="{ backgroundColor: color }"
+        />
+        <slot />
+    </QChip>
+</template>
diff --git a/src/pages/Worker/Card/WorkerLog.vue b/src/pages/Worker/Card/WorkerLog.vue
new file mode 100644
index 000000000..ef5a2e0d8
--- /dev/null
+++ b/src/pages/Worker/Card/WorkerLog.vue
@@ -0,0 +1,6 @@
+<script setup>
+import VnLog from 'src/components/common/VnLog.vue';
+</script>
+<template>
+    <VnLog model="Worker" url="/WorkerLogs" />
+</template>
diff --git a/src/pages/Worker/Card/WorkerNotes.vue b/src/pages/Worker/Card/WorkerNotes.vue
new file mode 100644
index 000000000..c15b1dfab
--- /dev/null
+++ b/src/pages/Worker/Card/WorkerNotes.vue
@@ -0,0 +1,32 @@
+<script setup>
+import { useRoute } from 'vue-router';
+
+import VnNotes from 'src/components/ui/VnNotes.vue';
+
+const route = useRoute();
+
+const filter = {
+    order: 'created DESC',
+    where: { workerFk: route.params.id },
+    include: {
+        relation: 'worker',
+        scope: {
+            fields: ['id', 'firstName', 'lastName'],
+            include: {
+                relation: 'user',
+                scope: {
+                    fields: ['id', 'nickname'],
+                },
+            },
+        },
+    },
+};
+
+const body = {
+    workerFk: route.params.id,
+};
+</script>
+
+<template>
+    <VnNotes :add-note="true" url="WorkerObservations" :filter="filter" :body="body" />
+</template>
diff --git a/src/pages/Worker/Card/WorkerPBX.vue b/src/pages/Worker/Card/WorkerPBX.vue
new file mode 100644
index 000000000..681194061
--- /dev/null
+++ b/src/pages/Worker/Card/WorkerPBX.vue
@@ -0,0 +1,70 @@
+<script setup>
+import { watch, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRoute } from 'vue-router';
+
+import { useState } from 'src/composables/useState';
+
+import FormModel from 'src/components/FormModel.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+
+const { t } = useI18n();
+const state = useState();
+const route = useRoute();
+const workerPBXForm = ref();
+const extension = ref(null);
+
+const filter = {
+    include: [
+        {
+            relation: 'sip',
+        },
+    ],
+};
+
+watch(
+    () => route.params.id,
+    () => state.set('extension', null)
+);
+
+const onFetch = (data) => {
+    state.set('extension', data?.sip?.extension);
+    extension.value = state.get('extension');
+};
+
+const updateModelValue = (data) => {
+    state.set('extension', data);
+    workerPBXForm.value.hasChanges = true;
+};
+</script>
+
+<template>
+    <FormModel
+        ref="workerPBXForm"
+        :filter="filter"
+        :url="`Workers/${route.params.id}`"
+        url-update="Sips"
+        auto-load
+        :mapper="
+            () => ({
+                userFk: +route.params.id,
+                extension,
+            })
+        "
+        model="DeviceProductionUser"
+        @on-fetch="onFetch"
+    >
+        <template #form="{}">
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <VnInput
+                        :label="t('worker.summary.sipExtension')"
+                        v-model="extension"
+                        @update:model-value="updateModelValue"
+                    />
+                </div>
+            </VnRow>
+        </template>
+    </FormModel>
+</template>
diff --git a/src/pages/Worker/Card/WorkerSummary.vue b/src/pages/Worker/Card/WorkerSummary.vue
index 9d0e18b15..43c493565 100644
--- a/src/pages/Worker/Card/WorkerSummary.vue
+++ b/src/pages/Worker/Card/WorkerSummary.vue
@@ -8,8 +8,9 @@ import VnLv from 'src/components/ui/VnLv.vue';
 import VnLinkPhone from 'src/components/ui/VnLinkPhone.vue';
 import CardSummary from 'components/ui/CardSummary.vue';
 import VnUserLink from 'src/components/ui/VnUserLink.vue';
+import VnTitle from 'src/components/common/VnTitle.vue';
 
-const route = useRoute();
+const { params } = useRoute();
 const { t } = useI18n();
 
 const $props = defineProps({
@@ -19,62 +20,27 @@ const $props = defineProps({
     },
 });
 
-const entityId = computed(() => $props.id || route.params.id);
+const entityId = computed(() => $props.id || params.id);
 const workerUrl = ref();
 
 onMounted(async () => {
     workerUrl.value = (await getUrl('')) + `worker/${entityId.value}/`;
 });
 
-const filter = {
-    include: [
-        {
-            relation: 'user',
-            scope: {
-                fields: ['email', 'name', 'nickname', 'roleFk'],
-                include: {
-                    relation: 'role',
-                    scope: {
-                        fields: ['name'],
-                    },
-                },
-            },
-        },
-        {
-            relation: 'department',
-            scope: {
-                include: {
-                    relation: 'department',
-                    scope: {
-                        fields: ['name'],
-                    },
-                },
-            },
-        },
-        {
-            relation: 'boss',
-        },
-        {
-            relation: 'client',
-        },
-        {
-            relation: 'sip',
-        },
-    ],
-};
+const filter = { where: { id: entityId.value } };
 </script>
 
 <template>
-    <CardSummary ref="summary" :url="`Workers/${entityId}`" :filter="filter">
+    <CardSummary ref="summary" :url="`Workers/summary`" :filter="filter">
         <template #header="{ entity }">
             <div>{{ entity.id }} - {{ entity.firstName }} {{ entity.lastName }}</div>
         </template>
         <template #body="{ entity: worker }">
             <QCard class="vn-one">
-                <a class="header header-link" :href="workerUrl + `basic-data`">
-                    {{ t('worker.summary.basicData') }}
-                    <QIcon name="open_in_new" />
-                </a>
+                <VnTitle
+                    :url="workerUrl + `basic-data`"
+                    :text="t('worker.summary.basicData')"
+                />
                 <VnLv :label="t('worker.card.name')" :value="worker.user.nickname" />
                 <VnLv
                     :label="t('worker.list.department')"
@@ -102,18 +68,10 @@ const filter = {
                         <VnLinkPhone :phone-number="worker.phone" />
                     </template>
                 </VnLv>
-                <VnLv :value="worker.client?.phone">
-                    <template #label>
-                        {{ t('worker.summary.personalPhone') }}
-                        <VnLinkPhone :phone-number="worker.client?.phone" />
-                    </template>
-                </VnLv>
                 <VnLv :label="t('worker.summary.locker')" :value="worker.locker" />
             </QCard>
             <QCard class="vn-one">
-                <div class="header header-link">
-                    {{ t('worker.summary.userData') }}
-                </div>
+                <VnTitle :text="t('worker.summary.userData')" />
                 <VnLv :label="t('worker.summary.userId')" :value="worker.user.id" />
                 <VnLv :label="t('worker.card.name')" :value="worker.user.nickname" />
                 <VnLv :label="t('worker.summary.role')" :value="worker.user.role.name" />
diff --git a/src/pages/Worker/WorkerList.vue b/src/pages/Worker/WorkerList.vue
index 5214a9066..b11d531dd 100644
--- a/src/pages/Worker/WorkerList.vue
+++ b/src/pages/Worker/WorkerList.vue
@@ -82,7 +82,6 @@ const redirectToCreateView = () => {
                             <QBtn
                                 :label="t('components.smartCard.openCard')"
                                 @click.stop="navigate(row.id)"
-                                class="bg-vn-dark"
                                 outline
                             />
                             <QBtn
diff --git a/src/router/index.js b/src/router/index.js
index ca560e9c9..3e442f0e6 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -15,7 +15,7 @@ import { toLowerCamel } from 'src/filters';
 
 const state = useState();
 const session = useSession();
-const { t } = i18n.global;
+const { t, te } = i18n.global;
 
 const createHistory = process.env.SERVER
     ? createMemoryHistory
@@ -90,7 +90,10 @@ export default route(function (/* { store, ssrContext } */) {
         if (childPageTitle && matches.length > 2) {
             if (title != '') title += ': ';
 
-            const pageTitle = t(`${moduleName}.pageTitles.${childPageTitle}`);
+            const moduleLocale = `${moduleName}.pageTitles.${childPageTitle}`;
+            const pageTitle = te(moduleLocale)
+                ? t(moduleLocale)
+                : t(`globals.pageTitles.${childPageTitle}`);
             const idParam = to.params && to.params.id;
             const idPageTitle = `${idParam} - ${pageTitle}`;
             const builtTitle = idParam ? idPageTitle : pageTitle;
diff --git a/src/router/modules/Supplier.js b/src/router/modules/Supplier.js
index 379a2c2c2..da45aad2f 100644
--- a/src/router/modules/Supplier.js
+++ b/src/router/modules/Supplier.js
@@ -22,6 +22,7 @@ export default {
             'SupplierAddresses',
             'SupplierConsumption',
             'SupplierAgencyTerm',
+            'SupplierDms',
         ],
     },
     children: [
@@ -44,7 +45,8 @@ export default {
                     path: 'create',
                     name: 'SupplierCreate',
                     meta: {
-                        title: 'create',
+                        title: 'supplierCreate',
+                        icon: 'add',
                     },
                     component: () => import('src/pages/Supplier/SupplierCreate.vue'),
                 },
@@ -161,6 +163,15 @@ export default {
                     component: () =>
                         import('src/pages/Supplier/Card/SupplierAgencyTerm.vue'),
                 },
+                {
+                    path: 'dms',
+                    name: 'SupplierDms',
+                    meta: {
+                        title: 'dms',
+                        icon: 'smb_share',
+                    },
+                    component: () => import('src/pages/Supplier/Card/SupplierDms.vue'),
+                },
                 {
                     path: 'agency-term/create',
                     name: 'SupplierAgencyTermCreate',
diff --git a/src/router/modules/customer.js b/src/router/modules/customer.js
index a64bc9e0f..5ef5945f3 100644
--- a/src/router/modules/customer.js
+++ b/src/router/modules/customer.js
@@ -55,7 +55,8 @@ export default {
                     path: 'create',
                     name: 'CustomerCreate',
                     meta: {
-                        title: 'create',
+                        title: 'customerCreate',
+                        icon: 'add',
                     },
                     component: () => import('src/pages/Customer/CustomerCreate.vue'),
                 },
@@ -199,7 +200,7 @@ export default {
                 },
                 {
                     path: 'notes',
-                    name: 'NotesCard',
+                    name: 'CustomerNotesCard',
                     redirect: { name: 'CustomerNotes' },
                     children: [
                         {
diff --git a/src/router/modules/entry.js b/src/router/modules/entry.js
index 50a651af5..67fc41824 100644
--- a/src/router/modules/entry.js
+++ b/src/router/modules/entry.js
@@ -34,7 +34,8 @@ export default {
                     path: 'create',
                     name: 'EntryCreate',
                     meta: {
-                        title: 'create',
+                        title: 'entryCreate',
+                        icon: 'add',
                     },
                     component: () => import('src/pages/Entry/EntryCreate.vue'),
                 },
diff --git a/src/router/modules/index.js b/src/router/modules/index.js
index 076605f24..302ba7fe0 100644
--- a/src/router/modules/index.js
+++ b/src/router/modules/index.js
@@ -13,7 +13,8 @@ import Travel from './travel';
 import Order from './order';
 import Department from './department';
 import Entry from './entry';
-import roadmap from "./roadmap";
+import roadmap from './roadmap';
+import Parking from './parking';
 
 export default [
     Item,
@@ -31,5 +32,6 @@ export default [
     invoiceIn,
     Department,
     Entry,
-    roadmap
+    roadmap,
+    Parking,
 ];
diff --git a/src/router/modules/invoiceOut.js b/src/router/modules/invoiceOut.js
index 386e04ed8..7c05b82e6 100644
--- a/src/router/modules/invoiceOut.js
+++ b/src/router/modules/invoiceOut.js
@@ -44,7 +44,7 @@ export default {
                     name: 'InvoiceOutNegativeBases',
                     meta: {
                         title: 'negativeBases',
-                        icon: 'view_list',
+                        icon: 'vn:ticket',
                     },
                     component: () =>
                         import('src/pages/InvoiceOut/InvoiceOutNegativeBases.vue'),
diff --git a/src/router/modules/item.js b/src/router/modules/item.js
index d3462e15c..41f3ec92a 100644
--- a/src/router/modules/item.js
+++ b/src/router/modules/item.js
@@ -10,15 +10,15 @@ export default {
     component: RouterView,
     redirect: { name: 'ItemMain' },
     menus: {
-        main: [],
-        card: [],
+        main: ['ItemList', 'WasteBreakdown'],
+        card: ['ItemBasicData'],
     },
     children: [
         {
             path: '',
             name: 'ItemMain',
             component: () => import('src/pages/Item/ItemMain.vue'),
-            redirect: { name: 'Itemlist' },
+            redirect: { name: 'ItemList' },
             children: [
                 {
                     path: 'list',
@@ -29,6 +29,27 @@ export default {
                     },
                     component: () => import('src/pages/Item/ItemList.vue'),
                 },
+                {
+                    path: 'create',
+                    name: 'ItemCreate',
+                    meta: {
+                        title: 'create',
+                    },
+                    component: () => import('src/pages/Item/ItemCreate.vue'),
+                },
+                {
+                    path: 'waste-breakdown',
+                    name: 'WasteBreakdown',
+                    meta: {
+                        title: 'wasteBreakdown',
+                        icon: 'vn:claims',
+                    },
+                    beforeEnter: (to, from, next) => {
+                        next({ name: 'ItemList' });
+                        window.location.href =
+                            'https://grafana.verdnatura.es/d/TTNXQAxVk';
+                    },
+                },
             ],
         },
         {
@@ -64,6 +85,15 @@ export default {
                     },
                     component: () => import('src/pages/Item/Card/ItemTags.vue'),
                 },
+                {
+                    path: 'basic-data',
+                    name: 'ItemBasicData',
+                    meta: {
+                        title: 'basicData',
+                        icon: 'vn:settings',
+                    },
+                    component: () => import('src/pages/Item/Card/ItemBasicData.vue'),
+                },
             ],
         },
     ],
diff --git a/src/router/modules/order.js b/src/router/modules/order.js
index 16d73281b..eb5424e75 100644
--- a/src/router/modules/order.js
+++ b/src/router/modules/order.js
@@ -34,7 +34,8 @@ export default {
                     path: 'create',
                     name: 'OrderCreate',
                     meta: {
-                        title: 'create',
+                        title: 'orderCreate',
+                        icon: 'add',
                     },
                     component: () => import('src/pages/Order/Card/OrderForm.vue'),
                 },
diff --git a/src/router/modules/parking.js b/src/router/modules/parking.js
new file mode 100644
index 000000000..51ea200c6
--- /dev/null
+++ b/src/router/modules/parking.js
@@ -0,0 +1,54 @@
+import { RouterView } from 'vue-router';
+
+export default {
+    path: '/parking',
+    name: 'Parking',
+    meta: {
+        title: 'parking',
+        icon: 'garage_home',
+        moduleName: 'Parking',
+    },
+    component: RouterView,
+    redirect: { name: 'ParkingCard' },
+    menus: {
+        main: [],
+        card: ['ParkingBasicData', 'ParkingLog'],
+    },
+    children: [
+        {
+            path: '/parking/:id',
+            name: 'ParkingCard',
+            component: () => import('src/pages/Parking/Card/ParkingCard.vue'),
+            redirect: { name: 'ParkingSummary' },
+            children: [
+                {
+                    name: 'ParkingSummary',
+                    path: 'summary',
+                    meta: {
+                        title: 'summary',
+                        icon: 'view_list',
+                    },
+                    component: () => import('src/pages/Parking/Card/ParkingSummary.vue'),
+                },
+                {
+                    name: 'ParkingBasicData',
+                    path: 'basic-data',
+                    meta: {
+                        title: 'basicData',
+                        icon: 'vn:settings',
+                    },
+                    component: () => import('pages/Parking/Card/ParkingBasicData.vue'),
+                },
+                {
+                    name: 'ParkingLog',
+                    path: 'log',
+                    meta: {
+                        title: 'log',
+                        icon: 'history',
+                    },
+                    component: () => import('src/pages/Parking/Card/ParkingLog.vue'),
+                },
+            ],
+        },
+    ],
+};
diff --git a/src/router/modules/route.js b/src/router/modules/route.js
index 099492981..f8ededf55 100644
--- a/src/router/modules/route.js
+++ b/src/router/modules/route.js
@@ -34,7 +34,8 @@ export default {
                     path: 'create',
                     name: 'RouteCreate',
                     meta: {
-                        title: 'create',
+                        title: 'routeCreate',
+                        icon: 'add',
                     },
                     component: () => import('src/pages/Route/Card/RouteForm.vue'),
                 },
diff --git a/src/router/modules/shelving.js b/src/router/modules/shelving.js
index d32c7d9f3..d20ce40f4 100644
--- a/src/router/modules/shelving.js
+++ b/src/router/modules/shelving.js
@@ -11,7 +11,7 @@ export default {
     component: RouterView,
     redirect: { name: 'ShelvingMain' },
     menus: {
-        main: ['ShelvingList'],
+        main: ['ShelvingList', 'ParkingList'],
         card: ['ShelvingBasicData', 'ShelvingLog'],
     },
     children: [
@@ -34,10 +34,26 @@ export default {
                     path: 'create',
                     name: 'ShelvingCreate',
                     meta: {
-                        title: 'create',
+                        title: 'shelvingCreate',
+                        icon: 'add',
                     },
                     component: () => import('src/pages/Shelving/Card/ShelvingForm.vue'),
                 },
+                {
+                    path: '/parking',
+                    redirect: { name: 'ParkingList' },
+                    children: [
+                        {
+                            path: 'list',
+                            name: 'ParkingList',
+                            meta: {
+                                title: 'parkingList',
+                                icon: 'view_list',
+                            },
+                            component: () => import('src/pages/Parking/ParkingList.vue'),
+                        },
+                    ],
+                },
             ],
         },
         {
diff --git a/src/router/modules/travel.js b/src/router/modules/travel.js
index 2f1e2150e..e1a08e9de 100644
--- a/src/router/modules/travel.js
+++ b/src/router/modules/travel.js
@@ -44,6 +44,7 @@ export default {
                     name: 'TravelCreate',
                     meta: {
                         title: 'travelCreate',
+                        icon: 'add',
                     },
                     component: () => import('src/pages/Travel/TravelCreate.vue'),
                 },
diff --git a/src/router/modules/worker.js b/src/router/modules/worker.js
index 1c722afe8..bf8d6093f 100644
--- a/src/router/modules/worker.js
+++ b/src/router/modules/worker.js
@@ -12,7 +12,16 @@ export default {
     redirect: { name: 'WorkerMain' },
     menus: {
         main: ['WorkerList', 'WorkerDepartment'],
-        card: ['WorkerNotificationsManager', 'WorkerPda'],
+        card: [
+            'WorkerBasicData',
+            'WorkerNotes',
+            'WorkerPda',
+            'WorkerNotificationsManager',
+            'WorkerPBX',
+            'WorkerLog',
+            'WorkerCalendar',
+            'WorkerDms',
+        ],
         departmentCard: ['BasicData'],
     },
     children: [
@@ -45,7 +54,7 @@ export default {
                     name: 'WorkerCreate',
                     meta: {
                         title: 'workerCreate',
-                        icon: '',
+                        icon: 'add',
                     },
                     component: () => import('src/pages/Worker/WorkerCreate.vue'),
                 },
@@ -67,14 +76,30 @@ export default {
                     component: () => import('src/pages/Worker/Card/WorkerSummary.vue'),
                 },
                 {
-                    name: 'WorkerNotificationsManager',
-                    path: 'notifications',
+                    path: 'basic-data',
+                    name: 'WorkerBasicData',
                     meta: {
-                        title: 'notifications',
-                        icon: 'notifications',
+                        title: 'basicData',
+                        icon: 'vn:settings',
                     },
-                    component: () =>
-                        import('src/pages/Worker/Card/WorkerNotificationsManager.vue'),
+                    component: () => import('src/pages/Worker/Card/WorkerBasicData.vue'),
+                },
+                {
+                    path: 'notes',
+                    name: 'NotesCard',
+                    redirect: { name: 'WorkerNotes' },
+                    children: [
+                        {
+                            path: '',
+                            name: 'WorkerNotes',
+                            meta: {
+                                title: 'notes',
+                                icon: 'vn:notes',
+                            },
+                            component: () =>
+                                import('src/pages/Worker/Card/WorkerNotes.vue'),
+                        },
+                    ],
                 },
                 {
                     name: 'WorkerPda',
@@ -85,6 +110,52 @@ export default {
                     },
                     component: () => import('src/pages/Worker/Card/WorkerPda.vue'),
                 },
+                {
+                    name: 'WorkerNotificationsManager',
+                    path: 'notifications',
+                    meta: {
+                        title: 'notifications',
+                        icon: 'notifications',
+                    },
+                    component: () =>
+                        import('src/pages/Worker/Card/WorkerNotificationsManager.vue'),
+                },
+                {
+                    path: 'pbx',
+                    name: 'WorkerPBX',
+                    meta: {
+                        title: 'pbx',
+                        icon: 'vn:pbx',
+                    },
+                    component: () => import('src/pages/Worker/Card/WorkerPBX.vue'),
+                },
+                {
+                    name: 'WorkerDms',
+                    path: 'dms',
+                    meta: {
+                        title: 'dms',
+                        icon: 'cloud_upload',
+                    },
+                    component: () => import('src/pages/Worker/Card/WorkerDms.vue'),
+                },
+                {
+                    name: 'WorkerLog',
+                    path: 'log',
+                    meta: {
+                        title: 'log',
+                        icon: 'vn:History',
+                    },
+                    component: () => import('src/pages/Worker/Card/WorkerLog.vue'),
+                },
+                {
+                    name: 'WorkerCalendar',
+                    path: 'calendar',
+                    meta: {
+                        title: 'calendar',
+                        icon: 'calendar_today',
+                    },
+                    component: () => import('src/pages/Worker/Card/WorkerCalendar.vue'),
+                },
             ],
         },
     ],
diff --git a/src/router/routes.js b/src/router/routes.js
index 32f43965f..51e726a62 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -13,7 +13,8 @@ import department from './modules/department';
 import shelving from 'src/router/modules/shelving';
 import order from 'src/router/modules/order';
 import entry from 'src/router/modules/entry';
-import roadmap from "src/router/modules/roadmap";
+import roadmap from 'src/router/modules/roadmap';
+import parking from 'src/router/modules/parking';
 
 const routes = [
     {
@@ -69,6 +70,7 @@ const routes = [
             department,
             roadmap,
             entry,
+            parking,
             {
                 path: '/:catchAll(.*)*',
                 name: 'NotFound',
diff --git a/src/stores/invoiceOutGlobal.js b/src/stores/invoiceOutGlobal.js
index 7151aac5f..b1bcc0e7d 100644
--- a/src/stores/invoiceOutGlobal.js
+++ b/src/stores/invoiceOutGlobal.js
@@ -73,6 +73,9 @@ export const useInvoiceOutGlobalStore = defineStore({
                 const stringDate = data.issued.substring(0, 10);
                 this.minInvoicingDate = stringDate;
                 this.formInitialData.invoiceDate = stringDate;
+
+                this.minInvoicingDate = new Date(data.issued);
+                this.formInitialData.invoiceDate = this.minInvoicingDate;
             } catch (err) {
                 console.error('Error fetching invoice out global initial data');
                 throw new Error();
@@ -103,12 +106,8 @@ export const useInvoiceOutGlobalStore = defineStore({
 
                 if (clientsToInvoice == 'all') params.clientId = undefined;
 
-                const addressesResponse = await await axios.post(
-                    'InvoiceOuts/clientsToInvoice',
-                    params
-                );
-
-                this.addresses = addressesResponse.data;
+                const { data } = await axios.post('InvoiceOuts/clientsToInvoice', params);
+                this.addresses = data;
 
                 if (!this.addresses || !this.addresses.length > 0) {
                     notify(
@@ -118,9 +117,9 @@ export const useInvoiceOutGlobalStore = defineStore({
                     throw new Error("There aren't addresses to invoice");
                 }
 
-                this.addresses.forEach(async (address) => {
+                for (const address of this.addresses) {
                     await this.invoiceClient(address, formData);
-                });
+                }
             } catch (err) {
                 this.handleError(err);
             }
@@ -186,15 +185,10 @@ export const useInvoiceOutGlobalStore = defineStore({
                 this.status = 'invoicing';
                 this.invoicing = true;
 
-                const invoiceResponse = await axios.post(
-                    'InvoiceOuts/invoiceClient',
-                    params
-                );
-
-                if (invoiceResponse.data) {
-                    this.makePdfAndNotify(invoiceResponse.data, address);
-                }
+                const { data } = await axios.post('InvoiceOuts/invoiceClient', params);
 
+                if (data) await this.makePdfAndNotify(data, address);
+                this.addressIndex++;
                 this.isInvoicing = false;
             } catch (err) {
                 if (
@@ -203,8 +197,7 @@ export const useInvoiceOutGlobalStore = defineStore({
                     err.response.status >= 400 &&
                     err.response.status < 500
                 ) {
-                    this.invoiceClientError(address, err.response);
-                    this.addressIndex++;
+                    this.invoiceClientError(address, err.response?.data?.error?.message);
                     return;
                 } else {
                     this.invoicing = false;
@@ -227,12 +220,11 @@ export const useInvoiceOutGlobalStore = defineStore({
                 this.nPdfs++;
                 this.nRequests--;
             } catch (err) {
-                this.invoiceClientError(client, err, true);
+                this.invoiceClientError(client, err.response?.data?.error?.message, true);
             }
         },
 
-        invoiceClientError(client, response, isWarning) {
-            const message = response.data?.error?.message || response.message;
+        invoiceClientError(client, message, isWarning) {
             this.errors.unshift({ client, message, isWarning });
         },
 
diff --git a/src/stores/useNavigationStore.js b/src/stores/useNavigationStore.js
index afd3af0c0..f075301f6 100644
--- a/src/stores/useNavigationStore.js
+++ b/src/stores/useNavigationStore.js
@@ -7,6 +7,7 @@ import routes from 'src/router/modules';
 
 export const useNavigationStore = defineStore('navigationStore', () => {
     const modules = [
+        'item',
         'shelving',
         'order',
         'customer',
diff --git a/src/stores/useWeekdayStore.js b/src/stores/useWeekdayStore.js
new file mode 100644
index 000000000..ad898c9a7
--- /dev/null
+++ b/src/stores/useWeekdayStore.js
@@ -0,0 +1,95 @@
+import { reactive, ref, computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { defineStore } from 'pinia';
+
+export const useWeekdayStore = defineStore('weekdayStore', () => {
+    const { t } = useI18n();
+
+    const weekdays = [
+        { code: 'sun', name: 'Sunday' },
+        { code: 'mon', name: 'Monday' },
+        { code: 'tue', name: 'Tuesday' },
+        { code: 'wed', name: 'Wednesday' },
+        { code: 'thu', name: 'Thursday' },
+        { code: 'fri', name: 'Friday' },
+        { code: 'sat', name: 'Saturday' },
+    ];
+
+    const monthCodes = [
+        'jan',
+        'feb',
+        'mar',
+        'apr',
+        'may',
+        'jun',
+        'jul',
+        'aug',
+        'sep',
+        'oct',
+        'nov',
+        'dec',
+    ];
+
+    const localeOrder = {
+        es: ['mon', 'tue', 'wed', 'thu', 'fri', 'sat', 'sun'],
+        en: ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'],
+    };
+
+    const weekdaysMap = reactive({});
+    const localeWeekdays = ref([]);
+
+    const initStore = () => {
+        getWeekdaysMap();
+    };
+
+    const getWeekdaysMap = () => {
+        if (Object.keys(weekdaysMap).length > 0) return weekdaysMap;
+
+        weekdays.forEach((day, i) => {
+            const obj = {
+                ...day,
+                index: i,
+                char: day.name.substr(0, 1),
+                abr: day.name.substr(0, 3),
+            };
+            weekdaysMap[day.code] = obj;
+        });
+    };
+
+    const getLocales = computed(() => {
+        // El día de mañana esto permitirá ordenar los weekdays en base a el locale si se lo desea reemplazando localeOrder.es por localeOrder[locale]
+        const locales = [];
+        for (let code of localeOrder.es) {
+            const obj = {
+                ...weekdaysMap[code],
+                locale: t(`weekdays.${weekdaysMap[code].code}`),
+                localeChar: t(`weekdays.${weekdaysMap[code].code}`).substr(0, 1),
+                localeAbr: t(`weekdays.${weekdaysMap[code].code}`).substr(0, 3),
+            };
+            locales.push(obj);
+        }
+        return locales;
+    });
+
+    const getLocaleMonths = computed(() => {
+        const locales = [];
+        for (let code of monthCodes) {
+            const obj = {
+                code: code,
+                locale: t(`months.${code}`),
+            };
+            locales.push(obj);
+        }
+        return locales;
+    });
+
+    return {
+        initStore,
+        weekdaysMap,
+        localeWeekdays,
+        getLocales,
+        weekdays,
+        monthCodes,
+        getLocaleMonths,
+    };
+});
diff --git a/test/cypress/integration/VnLocation.spec.js b/test/cypress/integration/VnLocation.spec.js
index 02b924e4d..f89a0f716 100644
--- a/test/cypress/integration/VnLocation.spec.js
+++ b/test/cypress/integration/VnLocation.spec.js
@@ -1,48 +1,64 @@
-const locationOptions ='[role="listbox"] > div.q-virtual-scroll__content > .q-item'
+const locationOptions = '[role="listbox"] > div.q-virtual-scroll__content > .q-item';
 describe('VnLocation', () => {
-    describe('Create',()=>{
-        const inputLocation = ':nth-child(3) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control';
+    describe('Create', () => {
+        const inputLocation =
+            '.q-form .q-card> :nth-child(3) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control';
         beforeEach(() => {
             cy.viewport(1280, 720);
             cy.login('developer');
             cy.visit('/#/worker/create');
             cy.waitForElement('.q-card');
         });
-
-        it('Show all options', function() {
-        cy.get(inputLocation).click();
-        cy.get(locationOptions).should('have.length',5);
+        it('Show all options', function () {
+            cy.get(inputLocation).click();
+            cy.get(locationOptions).should('have.length.at.least', 5);
         });
-
-        it('input filter location as "al"', function() {
+        it('input filter location as "al"', function () {
             cy.get(inputLocation).click();
             cy.get(inputLocation).clear();
             cy.get(inputLocation).type('al');
-            cy.get(locationOptions).should('have.length',3);
+            cy.get(locationOptions).should('have.length.at.least', 3);
         });
-        it('input filter location as "ecuador"', function() {
+        it('input filter location as "ecuador"', function () {
             cy.get(inputLocation).click();
             cy.get(inputLocation).clear();
             cy.get(inputLocation).type('ecuador');
-            cy.get(locationOptions).should('have.length',1);
+            cy.get(locationOptions).should('have.length.at.least', 1);
             cy.get(`${locationOptions}:nth-child(1)`).click();
-            cy.get(':nth-child(3) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control > :nth-child(2) > .q-icon').click();
-
+            cy.get(inputLocation + '> :nth-child(2) > .q-icon').click();
         });
     });
-    describe('Fiscal-data',()=>{
-    const inputLocation = ':nth-child(6) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control';
-
+    describe('Fiscal-data', () => {
         beforeEach(() => {
             cy.viewport(1280, 720);
             cy.login('developer');
-            cy.visit('/#/supplier/567/fiscal-data', {timeout: 2000});
+            cy.visit('/#/supplier/567/fiscal-data', { timeout: 2000 });
             cy.waitForElement('.q-card');
         });
-
-        it('Show all options', function() {
-            cy.get(inputLocation).click();
-            cy.get(locationOptions).should('have.length', 1);
+        it('Create postCode', function () {
+            cy.get(
+                ':nth-child(6) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control > :nth-child(3) > .q-icon'
+            ).click();
+            cy.get(' .q-card > h1').should('have.text', 'New postcode');
+            cy.get(
+                '.q-card > :nth-child(4) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control > :nth-child(1) > input'
+            ).clear('12');
+            cy.get(
+                '.q-card > :nth-child(4) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control > :nth-child(1) > input'
+            ).type('1234453');
+            cy.selectOption(
+                '.q-dialog__inner > .column > #formModel > .q-card > :nth-child(4) > :nth-child(2) > .q-field > .q-field__inner > .q-field__control ',
+                'Valencia'
+            );
+            cy.selectOption(
+                '.q-dialog__inner > .column > #formModel > .q-card > :nth-child(5) > :nth-child(1) > .q-field > .q-field__inner > .q-field__control ',
+                'Province one'
+            );
+            cy.selectOption(
+                '.q-dialog__inner > .column > #formModel > .q-card > :nth-child(5) > :nth-child(2) > .q-field > .q-field__inner > .q-field__control ',
+                'España'
+            );
+            cy.get('.q-mt-lg > .q-btn--standard').click();
         });
     });
-})
+});
diff --git a/test/cypress/integration/claim/claimDevelopment.spec.js b/test/cypress/integration/claim/claimDevelopment.spec.js
index 26c7ee196..903f58d4b 100755
--- a/test/cypress/integration/claim/claimDevelopment.spec.js
+++ b/test/cypress/integration/claim/claimDevelopment.spec.js
@@ -8,6 +8,7 @@ describe('ClaimDevelopment', () => {
         cy.viewport(1920, 1080);
         cy.login('developer');
         cy.visit(`/#/claim/${claimId}/development`);
+        cy.waitForElement('tbody');
     });
 
     it('should reset line', () => {
diff --git a/test/cypress/integration/claim/claimNotes.spec.js b/test/cypress/integration/claim/claimNotes.spec.js
index 0a0f28fe7..a4a493cda 100644
--- a/test/cypress/integration/claim/claimNotes.spec.js
+++ b/test/cypress/integration/claim/claimNotes.spec.js
@@ -1,4 +1,3 @@
-/// <reference types="cypress" />
 describe('ClaimNotes', () => {
     beforeEach(() => {
         cy.login('developer');
@@ -7,11 +6,8 @@ describe('ClaimNotes', () => {
 
     it('should add a new note', () => {
         const message = 'This is a new message.';
-        cy.get('.q-page-sticky > div > button').click();
-        cy.get('.q-dialog .q-card__section:nth-child(2)').type(message);
-        cy.get('.q-card__actions button:nth-child(2)').click();
-        cy.get('.q-card .q-card__section:nth-child(2)')
-            .eq(0)
-            .should('have.text', message);
+        cy.get('.q-textarea').type(message);
+        cy.get('.q-field__append > .q-btn > .q-btn__content > .q-icon').click(); //save
+        cy.get(':nth-child(1) > .q-card__section--vert').should('have.text', message);
     });
 });
diff --git a/test/cypress/integration/entry/entryDms.spec.js b/test/cypress/integration/entry/entryDms.spec.js
index 79a9c5162..5f9fae3dd 100644
--- a/test/cypress/integration/entry/entryDms.spec.js
+++ b/test/cypress/integration/entry/entryDms.spec.js
@@ -5,37 +5,40 @@ describe('WagonTypeCreate', () => {
         cy.viewport(1920, 1080);
         cy.login('developer');
         cy.visit(`/#/entry/${entryId}/dms`);
-
     });
 
     it('should create edit and remove new dms', () => {
         cy.addRow();
-        cy.get('.icon-attach').click()
+        cy.get('.icon-attach').click();
         cy.get('.q-file').selectFile('test/cypress/fixtures/image.jpg', {
             force: true,
         });
 
-        cy.get("tbody > tr").then((value) => {
+        cy.get('tbody > tr').then((value) => {
+            const u = undefined;
+
             //Create and check if exist new row
             let newFileTd = Cypress.$(value).length;
             cy.get('.q-btn--standard > .q-btn__content > .block').click();
             expect(value).to.have.length(newFileTd++);
-            const newRowSelector = `tbody > :nth-child(${newFileTd})`
+            const newRowSelector = `tbody > :nth-child(${newFileTd})`;
             cy.waitForElement(newRowSelector);
+            cy.validateRow(newRowSelector, [u, u, u, u, 'ENTRADA ID 1']);
 
             //Edit new dms
-            const u = undefined;
-            cy.validateRow(newRowSelector, [u,u,u,u,'ENTRADA ID 1'])
-            cy.get(`tbody :nth-child(${newFileTd}) > .text-right > .flex > :nth-child(2) > .q-btn > .q-btn__content > .q-icon`).click();
-        })
-        // cy.log('newFileTd', newFileTd)
+            const newDescription = 'entry id 1 modified';
+            const textAreaSelector =
+                '.q-textarea > .q-field__inner > .q-field__control > .q-field__control-container';
+            cy.get(
+                `tbody :nth-child(${newFileTd}) > .text-right > .no-wrap > :nth-child(2) > .q-btn > .q-btn__content > .q-icon`
+            ).click();
 
-        // //Create and check if exist new row
-        // cy.log('newFileTd:', newFileTd);
-        // cy.get(`tbody :nth-child(${newFileTd}) > .text-right > .flex > :nth-child(2) > .q-btn > .q-btn__content > .q-icon`).click()
+            cy.get(textAreaSelector).clear();
+            cy.get(textAreaSelector).type(newDescription);
+            cy.saveCard();
+            cy.reload();
 
-        // cy.get(`tbody :nth-child(${newFileTd}) > :nth-child(5) > .q-tr > :nth-child(1) > span`).then((value) => {
-        //     cy.log(value)
-        // });
+            cy.validateRow(newRowSelector, [u, u, u, u, newDescription]);
+        });
     });
 });
diff --git a/test/cypress/integration/invoiceIn/invoiceInBasicData.spec.js b/test/cypress/integration/invoiceIn/invoiceInBasicData.spec.js
index 20f137aeb..fc989d6c5 100644
--- a/test/cypress/integration/invoiceIn/invoiceInBasicData.spec.js
+++ b/test/cypress/integration/invoiceIn/invoiceInBasicData.spec.js
@@ -1,6 +1,6 @@
 /// <reference types="cypress" />
 describe('InvoiceInBasicData', () => {
-    const selects = ':nth-child(1) > :nth-child(1) > .q-field';
+    const selects = '.q-form .q-card>:nth-child(1) > :nth-child(1) > .q-field';
     const appendBtns = 'label button';
     const dialogAppendBtns = '.q-dialog label button';
     const dialogInputs = '.q-dialog input';
diff --git a/test/cypress/integration/invoiceIn/invoiceInList.spec.js b/test/cypress/integration/invoiceIn/invoiceInList.spec.js
index ce79dc976..5e2a5aa4c 100644
--- a/test/cypress/integration/invoiceIn/invoiceInList.spec.js
+++ b/test/cypress/integration/invoiceIn/invoiceInList.spec.js
@@ -4,7 +4,7 @@ describe('InvoiceInList', () => {
     const firstChipId =
         ':nth-child(1) > :nth-child(1) > .justify-between > .flex > .q-chip > .q-chip__content';
     const firstDetailBtn = '.q-card:nth-child(1) .q-btn:nth-child(2)';
-    const summaryHeaders = '.summaryBody .header';
+    const summaryHeaders = '.summaryBody .header-link';
     const screen = '.q-page-container > .q-drawer-container > .fullscreen';
 
     beforeEach(() => {
@@ -17,7 +17,7 @@ describe('InvoiceInList', () => {
         cy.get(firstChipId)
             .invoke('text')
             .then((content) => {
-                const id = content.substring(4);
+                const id = content.replace(/\D/g, '');
                 cy.get(firstCard).click();
                 cy.url().should('include', `/invoice-in/${id}/summary`);
             });
diff --git a/test/cypress/integration/invoiceIn/invoiceInVat.spec.js b/test/cypress/integration/invoiceIn/invoiceInVat.spec.js
index 811374b98..2f045f32c 100644
--- a/test/cypress/integration/invoiceIn/invoiceInVat.spec.js
+++ b/test/cypress/integration/invoiceIn/invoiceInVat.spec.js
@@ -37,6 +37,7 @@ describe('InvoiceInVat', () => {
 
     it('should throw an error if there are fields undefined', () => {
         cy.get(inputBtns).eq(0).click();
+        cy.get(':nth-child(1) > .q-td.q-table--col-auto-width > .q-field > .q-field__inner > .q-field__control > :nth-child(2) > .default-icon').click();
         cy.get(dialogBtns).eq(2).click();
         cy.get('.q-notification__message').should('have.text', "The code can't be empty");
     });
@@ -44,7 +45,7 @@ describe('InvoiceInVat', () => {
     it('should correctly handle expense addition', () => {
         cy.get(inputBtns).eq(0).click();
 
-        cy.get(dialogInputs).eq(0).click();
+        cy.get(':nth-child(1) > .q-td.q-table--col-auto-width > .q-field > .q-field__inner > .q-field__control > :nth-child(2) > .default-icon').click();
         cy.get(dialogInputs).eq(0).type(randomInt);
         cy.get(dialogInputs).eq(1).click();
         cy.get(dialogInputs).eq(1).type('This is a dummy expense');
diff --git a/test/cypress/integration/parking/parkingBasicData.spec.js b/test/cypress/integration/parking/parkingBasicData.spec.js
new file mode 100644
index 000000000..b5633992c
--- /dev/null
+++ b/test/cypress/integration/parking/parkingBasicData.spec.js
@@ -0,0 +1,23 @@
+/// <reference types="cypress" />
+describe('ParkingBasicData', () => {
+    const codeInput = 'form .q-card .q-input input';
+    const sectorSelect = 'form .q-card .q-select input';
+    const sectorOpt = '.q-menu .q-item';
+    beforeEach(() => {
+        cy.login('developer');
+        cy.visit(`/#/parking/1/basic-data`);
+    });
+
+    it('should edit the code and sector', () => {
+        cy.get(sectorSelect).type('Second');
+        cy.get(sectorOpt).click();
+
+        cy.get(codeInput).eq(0).clear();
+        cy.get(codeInput).eq(0).type(123);
+
+        cy.saveCard();
+
+        cy.get(sectorSelect).should('have.value', 'Second sector');
+        cy.get(codeInput).should('have.value', 123);
+    });
+});
diff --git a/test/cypress/integration/parking/parkingList.spec.js b/test/cypress/integration/parking/parkingList.spec.js
new file mode 100644
index 000000000..3ac46f8cd
--- /dev/null
+++ b/test/cypress/integration/parking/parkingList.spec.js
@@ -0,0 +1,30 @@
+/// <reference types="cypress" />
+describe('ParkingList', () => {
+    const firstCard = '.q-card:nth-child(1)';
+    const firstChipId =
+        ':nth-child(1) > :nth-child(1) > .justify-between > .flex > .q-chip > .q-chip__content';
+    const firstDetailBtn =
+        ':nth-child(1) > :nth-child(1) > .card-list-body > .actions > .q-btn';
+    const summaryHeader = '.summaryBody .header';
+
+    beforeEach(() => {
+        cy.login('developer');
+        cy.visit(`/#/parking/list`);
+        cy.closeSideMenu();
+    });
+
+    it('should redirect on clicking a parking', () => {
+        cy.get(firstChipId)
+            .invoke('text')
+            .then((content) => {
+                const id = content.substring(4);
+                cy.get(firstCard).click();
+                cy.url().should('include', `/parking/${id}/summary`);
+            });
+    });
+
+    it('should open the details', () => {
+        cy.get(firstDetailBtn).click();
+        cy.get(summaryHeader).contains('Basic data');
+    });
+});
diff --git a/test/cypress/integration/ticket/ticketDescriptor.spec.js b/test/cypress/integration/ticket/ticketDescriptor.spec.js
new file mode 100644
index 000000000..22401f0b4
--- /dev/null
+++ b/test/cypress/integration/ticket/ticketDescriptor.spec.js
@@ -0,0 +1,27 @@
+/// <reference types="cypress" />
+describe('Ticket descriptor', () => {
+    const toCloneOpt = '.q-list > :nth-child(5)';
+    const warehouseValue = ':nth-child(1) > :nth-child(6) > .value > span';
+    const summaryHeader = '.summaryHeader > div';
+
+    beforeEach(() => {
+        const ticketId = 1;
+
+        cy.login('developer');
+        cy.visit(`/#/ticket/${ticketId}/summary`);
+    });
+
+    it('should clone the ticket without warehouse', () => {
+        cy.openLeftMenu();
+        cy.openActionsDescriptor();
+        cy.get(toCloneOpt).click();
+        cy.clickConfirm();
+        cy.get(warehouseValue).contains('-');
+        cy.get(summaryHeader)
+            .invoke('text')
+            .then((text) => {
+                const [, owner] = text.split('-');
+                cy.wrap(owner.trim()).should('eq', 'Bruce Wayne (1101)');
+            });
+    });
+});
diff --git a/test/cypress/integration/vnSearchBar.spec.js b/test/cypress/integration/vnSearchBar.spec.js
index d6dea0780..f1f3a9e82 100644
--- a/test/cypress/integration/vnSearchBar.spec.js
+++ b/test/cypress/integration/vnSearchBar.spec.js
@@ -1,19 +1,42 @@
 /// <reference types="cypress" />
 describe('VnSearchBar', () => {
+    const employeeId = ' #1';
+    const salesPersonId = ' #18';
+    const idGap = '.q-item > .q-item__label';
+    const cardList = '.vn-card-list';
+
+    let url;
     beforeEach(() => {
         cy.login('developer');
-        cy.visit('/');
+        cy.visit('#/customer/list');
+        cy.url().then((currentUrl) => (url = currentUrl));
     });
 
-        it('should redirect to new customer', () => {
-            cy.visit('#/customer/1112/basic-data')
-            cy.openLeftMenu();
-            cy.get('.q-item > .q-item__label').should('have.text',' #1112')
-            cy.closeLeftMenu();
-            cy.clearSearchbar();
-            cy.writeSearchbar('1{enter}');
-            cy.openLeftMenu();
-            cy.get('.q-item > .q-item__label').should('have.text',' #1')
-            cy.closeLeftMenu();
+    it('should redirect to customer summary page', () => {
+        searchAndCheck('1', employeeId);
+        searchAndCheck('salesPerson', salesPersonId);
+    });
+
+    it('should stay on the list page if there are several results or none', () => {
+        cy.writeSearchbar('salesA{enter}');
+        checkCardListAndUrl(2);
+
+        cy.clearSearchbar();
+
+        cy.writeSearchbar('0{enter}');
+        checkCardListAndUrl(0);
+    });
+
+    const searchAndCheck = (searchTerm, expectedText) => {
+        cy.clearSearchbar();
+        cy.writeSearchbar(`${searchTerm}{enter}`);
+        cy.get(idGap).should('have.text', expectedText);
+    };
+
+    const checkCardListAndUrl = (expectedLength) => {
+        cy.get(cardList).then(($cardList) => {
+            expect($cardList.find('.q-card').length).to.equal(expectedLength);
+            cy.url().then((currentUrl) => expect(currentUrl).to.contain(url));
         });
+    };
 });
diff --git a/test/cypress/integration/worker/workerList.spec.js b/test/cypress/integration/worker/workerList.spec.js
index b5c57f920..38e7ea6d0 100644
--- a/test/cypress/integration/worker/workerList.spec.js
+++ b/test/cypress/integration/worker/workerList.spec.js
@@ -8,15 +8,18 @@ describe('WorkerList', () => {
     });
 
     it('should load workers', () => {
-        cy.get(workerFieldNames).eq(0).should('have.text', 'JessicaJones');
-        cy.get(workerFieldNames).eq(1).should('have.text', 'BruceBanner');
-        cy.get(workerFieldNames).eq(2).should('have.text', 'CharlesXavier');
+        cy.get(workerFieldNames).eq(0).should('have.text', 'jessicajones');
+        cy.get(workerFieldNames).eq(1).should('have.text', 'brucebanner');
+        cy.get(workerFieldNames).eq(2).should('have.text', 'charlesxavier');
     });
 
     it('should open the worker summary', () => {
         cy.openListSummary(0);
         cy.get('.summaryHeader div').should('have.text', '1110 - Jessica Jones');
-        cy.get('.summary .header').eq(0).invoke('text').should('include', 'Basic data');
-        cy.get('.summary .header').eq(1).should('have.text', 'User data');
+        cy.get('.summary .header-link')
+            .eq(0)
+            .invoke('text')
+            .should('include', 'Basic data');
+        cy.get('.summary .header-link').eq(1).should('have.text', 'User data ');
     });
 });
diff --git a/test/cypress/integration/worker/workerNotificationsManager.spec.js b/test/cypress/integration/worker/workerNotificationsManager.spec.js
index 175933277..ac452c4ff 100644
--- a/test/cypress/integration/worker/workerNotificationsManager.spec.js
+++ b/test/cypress/integration/worker/workerNotificationsManager.spec.js
@@ -60,7 +60,6 @@ describe('WorkerNotificationsManager', () => {
     it('should active a notification if you are their boss', () => {
         cy.login('salesBoss');
         cy.visit(`/#/worker/${salesPersonId}/notifications`);
-        cy.waitForElement(activeList);
         cy.waitForElement(availableList);
 
         cy.get(activeList)
diff --git a/test/cypress/integration/worker/workerSummary.spec.js b/test/cypress/integration/worker/workerSummary.spec.js
index 7228b4b31..3d70fdf96 100644
--- a/test/cypress/integration/worker/workerSummary.spec.js
+++ b/test/cypress/integration/worker/workerSummary.spec.js
@@ -6,7 +6,8 @@ describe('WorkerSummary', () => {
     });
 
     it('should load worker summary', () => {
-        cy.get('.summaryHeader > div').should('have.text', '19 - salesBoss salesBoss');
+        cy.waitForElement('.summaryHeader');
+        cy.get('.summaryHeader > div').should('have.text', '19 - salesboss salesboss');
         cy.get(':nth-child(1) > :nth-child(2) > .value > span').should(
             'have.text',
             'salesBossNick'
diff --git a/test/cypress/support/commands.js b/test/cypress/support/commands.js
index f075d500f..28a8aa979 100755
--- a/test/cypress/support/commands.js
+++ b/test/cypress/support/commands.js
@@ -52,16 +52,18 @@ Cypress.Commands.add('getValue', (selector) => {
         }
         // Si es un QSelect
         if ($el.find('.q-select__dropdown-icon').length) {
-            return cy.get(
-                selector +
-                    '> .q-field > .q-field__inner > .q-field__control > .q-field__control-container > .q-field__native > input'
-            ).invoke('val')
+            return cy
+                .get(
+                    selector +
+                        '> .q-field > .q-field__inner > .q-field__control > .q-field__control-container > .q-field__native > input'
+                )
+                .invoke('val');
         }
         // Si es un QSelect
         if ($el.find('span').length) {
-            return cy.get(
-                selector + ' span'
-            ).then(($span) => { return $span[0].innerText })
+            return cy.get(selector + ' span').then(($span) => {
+                return $span[0].innerText;
+            });
         }
         // Puedes añadir un log o lanzar un error si el elemento no es reconocido
         cy.log('Elemento no soportado');
@@ -70,6 +72,7 @@ Cypress.Commands.add('getValue', (selector) => {
 
 // Fill Inputs
 Cypress.Commands.add('selectOption', (selector, option) => {
+    cy.waitForElement(selector);
     cy.get(selector).find('.q-select__dropdown-icon').click();
     cy.get('.q-menu .q-item').contains(option).click();
 });
@@ -132,13 +135,13 @@ Cypress.Commands.add('validateRow', (rowSelector, expectedValues) => {
     cy.get(rowSelector).within(() => {
         for (const [index, value] of expectedValues.entries()) {
             cy.log('CHECKING ', index, value);
-            if(value === undefined) continue
+            if (value === undefined) continue;
             if (typeof value == 'boolean') {
                 const prefix = value ? '' : 'not.';
                 cy.getValue(`:nth-child(${index + 1})`).should(`${prefix}be.checked`);
                 continue;
             }
-            cy.getValue(`:nth-child(${index + 1})`).should('equal', value)
+            cy.getValue(`:nth-child(${index + 1})`).should('equal', value);
         }
     });
 });
@@ -174,18 +177,18 @@ Cypress.Commands.add('openLeftMenu', (element) => {
     if (element) cy.waitForElement(element);
     cy.get('.q-toolbar > .q-btn--round.q-btn--dense > .q-btn__content > .q-icon').click();
 });
-Cypress.Commands.add('closeLeftMenu', (element) => {
+Cypress.Commands.add('closeSideMenu', (element) => {
     if (element) cy.waitForElement(element);
-    cy.get('.fullscreen').click();
+    cy.get('.fullscreen.q-drawer__backdrop:not(.hidden)').click();
 });
 
 Cypress.Commands.add('clearSearchbar', (element) => {
     if (element) cy.waitForElement(element);
-    cy.get('#searchbar > form > label > div:nth-child(1) input').clear();
+    cy.get('#searchbar > form > div:nth-child(1) > label > div:nth-child(1) input').clear();
 });
 
 Cypress.Commands.add('writeSearchbar', (value) => {
-    cy.get('#searchbar > form > label > div:nth-child(1) input').type(value);
+    cy.get('#searchbar > form > div:nth-child(1) > label > div:nth-child(1) input').type(value);
 });
 Cypress.Commands.add('validateContent', (selector, expectedValue) => {
     cy.get(selector).should('have.text', expectedValue);
diff --git a/test/vitest/__tests__/components/Paginate.spec.js b/test/vitest/__tests__/components/Paginate.spec.js
index 2a22ce438..cf5e5d2ea 100644
--- a/test/vitest/__tests__/components/Paginate.spec.js
+++ b/test/vitest/__tests__/components/Paginate.spec.js
@@ -49,6 +49,8 @@ describe('VnPaginate', () => {
                 ],
             });
             vm.arrayData.hasMoreData.value = true;
+            await vm.$nextTick();
+
             vm.store.data = [
                 { id: 1, name: 'Tony Stark' },
                 { id: 2, name: 'Jessica Jones' },
diff --git a/test/vitest/__tests__/components/common/VnLog.spec.js b/test/vitest/__tests__/components/common/VnLog.spec.js
index b654bff9b..53d2732a0 100644
--- a/test/vitest/__tests__/components/common/VnLog.spec.js
+++ b/test/vitest/__tests__/components/common/VnLog.spec.js
@@ -38,10 +38,10 @@ describe('VnLog', () => {
             action: 'update',
             changedModel: 'Claim',
             oldInstance: {
-                hasToPickUp: false,
+                pickup: null,
             },
             newInstance: {
-                hasToPickUp: true,
+                pickup: 'agency',
             },
             creationDate: '2023-09-18T12:25:34.000Z',
             changedModelId: '1',
diff --git a/test/vitest/__tests__/components/common/VnSearchBar.spec.js b/test/vitest/__tests__/components/common/VnSearchBar.spec.js
index fd0a026ef..0938ae9c0 100644
--- a/test/vitest/__tests__/components/common/VnSearchBar.spec.js
+++ b/test/vitest/__tests__/components/common/VnSearchBar.spec.js
@@ -1,11 +1,11 @@
-import { vi, describe, expect, it, beforeAll, beforeEach, afterEach } from 'vitest';
-import { createWrapper, axios } from 'app/test/vitest/helper';
+import { vi, describe, expect, it, beforeAll, afterEach, beforeEach } from 'vitest';
+import { createWrapper } from 'app/test/vitest/helper';
 import VnSearchbar from 'components/ui/VnSearchbar.vue';
-
-
+// Probar a importar como plugin vue-router en archivo helper
 describe('VnSearchBar', () => {
     let vm;
     let wrapper;
+    let pushSpy;
 
     beforeAll(() => {
         wrapper = createWrapper(VnSearchbar, {
@@ -16,7 +16,7 @@ describe('VnSearchBar', () => {
             },
         });
         vm = wrapper.vm;
-        vm.route.matched = [
+        vm.router.currentRoute.value.matched = [
             {
                 path: '/',
             },
@@ -30,24 +30,33 @@ describe('VnSearchBar', () => {
                 path: '/customer/:id/basic-data',
             },
         ];
+
+        pushSpy = vi.spyOn(vm.router, 'push');
+        vi.spyOn(vm.arrayData, 'applyFilter');
     });
 
-    afterEach(() => {
-        vi.clearAllMocks();
-    });
+    beforeEach(() => (vm.store.data = [{ id: 1112, name: 'Trash' }]));
+    afterEach(() => vi.clearAllMocks());
+
     it('should be defined', async () => {
         expect(vm.searchText).toBeDefined();
         expect(vm.searchText).toEqual('');
     });
-    it('should redirect', async () => {
-        vi.spyOn(vm.router,'push');
-        vm.searchText = '1';
+
+    it('should redirect to list page if there are several results', async () => {
+        vm.store.data.push({ id: 1, name: 'employee' });
         await vm.search();
-        expect(vm.router.push).toHaveBeenCalledWith('/customer/1/basic-data');
-        vm.searchText = '1112';
-        expect(vm.searchText).toEqual('1112');
-        vi.spyOn(vm.router,'push');
+        expect(pushSpy).toHaveBeenCalledWith({ path: '/customer/list' });
+    });
+
+    it('should redirect to list page if there is no results', async () => {
+        vm.store.data.pop();
         await vm.search();
-        expect(vm.router.push).toHaveBeenCalledWith('/customer/1112/basic-data');
-     });
+        expect(pushSpy).toHaveBeenCalledWith({ path: '/customer/list' });
+    });
+
+    it('should redirect to basic-data page if there is only one result', async () => {
+        await vm.search();
+        expect(pushSpy).toHaveBeenCalledWith({ path: '/customer/1112/basic-data' });
+    });
 });
diff --git a/test/vitest/__tests__/composables/useArrayData.spec.js b/test/vitest/__tests__/composables/useArrayData.spec.js
new file mode 100644
index 000000000..ae0ca7368
--- /dev/null
+++ b/test/vitest/__tests__/composables/useArrayData.spec.js
@@ -0,0 +1,31 @@
+import { describe, expect, it, beforeAll } from 'vitest';
+import { axios } from 'app/test/vitest/helper';
+import { useArrayData } from 'composables/useArrayData';
+
+describe('useArrayData', () => {
+    let arrayData;
+    beforeAll(() => {
+        axios.get.mockResolvedValue({ data: [] });
+        arrayData = useArrayData('InvoiceIn', { url: 'invoice-in/list' });
+        Object.defineProperty(window.location, 'href', {
+            writable: true,
+            value: 'localhost:9000/invoice-in/list',
+        });
+
+        // Mock the window.history.pushState method within useArrayData
+        window.history.pushState = (data, title, url) => (window.location.href = url);
+
+        //  Mock the URL constructor within useArrayData
+        global.URL = class URL {
+            constructor(url) {
+                this.hash = url.split('localhost:9000/')[1];
+            }
+        };
+    });
+
+    it('should add the params to the url', async () => {
+        arrayData.store.userParams = { supplierFk: 2 };
+        arrayData.updateStateParams();
+        expect(window.location.href).contain('params=%7B%22supplierFk%22%3A2%7D');
+    });
+});
diff --git a/test/vitest/__tests__/composables/useSession.spec.js b/test/vitest/__tests__/composables/useSession.spec.js
index 4f900aca6..f9f3dcb80 100644
--- a/test/vitest/__tests__/composables/useSession.spec.js
+++ b/test/vitest/__tests__/composables/useSession.spec.js
@@ -54,7 +54,8 @@ describe('session', () => {
             expect(localStorage.getItem('token')).toEqual('tokenToBeGone');
             expect(user.value).toEqual(previousUser);
 
-            session.destroy();
+            vi.spyOn(axios, 'post').mockResolvedValue({ data: true });
+            await session.destroy();
 
             user = state.getUser();
             expect(localStorage.getItem('token')).toBeNull();
@@ -92,9 +93,10 @@ describe('session', () => {
             });
 
             const expectedToken = 'mySessionToken';
+            const expectedTokenMultimedia = 'mySessionTokenMultimedia';
             const keepLogin = false;
 
-            await session.login(expectedToken, keepLogin);
+            await session.login(expectedToken,expectedTokenMultimedia, keepLogin);
 
             const roles = state.getRoles();
             const localToken = localStorage.getItem('token');
@@ -104,7 +106,7 @@ describe('session', () => {
             expect(localToken).toBeNull();
             expect(sessionToken).toEqual(expectedToken);
 
-            session.destroy(); // this clears token and user for any other test
+           await session.destroy(); // this clears token and user for any other test
         });
 
         it('should fetch the user roles and then set token in the localStorage', async () => {
@@ -114,9 +116,10 @@ describe('session', () => {
             });
 
             const expectedToken = 'myLocalToken';
+            const expectedTokenMultimedia = 'myLocalTokenMultimedia';
             const keepLogin = true;
 
-            await session.login(expectedToken, keepLogin);
+            await session.login(expectedToken, expectedTokenMultimedia, keepLogin);
 
             const roles = state.getRoles();
             const localToken = localStorage.getItem('token');
@@ -126,7 +129,7 @@ describe('session', () => {
             expect(localToken).toEqual(expectedToken);
             expect(sessionToken).toBeNull();
 
-            session.destroy(); // this clears token and user for any other test
+            await session.destroy(); // this clears token and user for any other test
         });
     });
 });
diff --git a/test/vitest/__tests__/pages/Login/Login.spec.js b/test/vitest/__tests__/pages/Login/Login.spec.js
index fadfc898f..6e2de9870 100644
--- a/test/vitest/__tests__/pages/Login/Login.spec.js
+++ b/test/vitest/__tests__/pages/Login/Login.spec.js
@@ -22,9 +22,9 @@ describe('Login', () => {
                 darkMode: false,
             },
         };
-        vi.spyOn(axios, 'post').mockResolvedValue({ data: { token: 'token' } });
+        vi.spyOn(axios, 'post').mockResolvedValueOnce({ data: { token: 'token' } });
         vi.spyOn(axios, 'get').mockResolvedValue({
-            data: { roles: [], user: expectedUser },
+            data: { roles: [], user: expectedUser , multimediaToken: {id:'multimediaToken' }},
         });
         vi.spyOn(vm.quasar, 'notify');
 
@@ -36,7 +36,7 @@ describe('Login', () => {
         expect(vm.quasar.notify).toHaveBeenCalledWith(
             expect.objectContaining({ type: 'positive' })
         );
-        vm.session.destroy();
+        await vm.session.destroy();
     });
 
     it('should not set the token into session if any error occurred', async () => {
diff --git a/vitest.config.js b/vitest.config.js
index 5a8699e99..ca9f6c1fe 100644
--- a/vitest.config.js
+++ b/vitest.config.js
@@ -19,7 +19,7 @@ export default defineConfig({
     plugins: [
         vue({
             template: {
-                transformAssetUrls
+                transformAssetUrls,
             },
         }),
         quasar({
@@ -27,7 +27,10 @@ export default defineConfig({
             sassVariables: 'src/quasar-variables.scss',
         }),
         VueI18nPlugin({
-            include: path.resolve(__dirname, 'src/i18n/**'),
+            include: [
+                path.resolve(__dirname, 'src/i18n/**'),
+                path.resolve(__dirname, 'src/pages/**/locale/**'),
+            ],
         }),
         jsconfigPaths(),
     ],