diff --git a/ci4/app/Views/themes/vuexy/main/defaultlayout.php b/ci4/app/Views/themes/vuexy/main/defaultlayout.php
index f646eb00..2664577c 100755
--- a/ci4/app/Views/themes/vuexy/main/defaultlayout.php
+++ b/ci4/app/Views/themes/vuexy/main/defaultlayout.php
@@ -5,19 +5,14 @@ $picture = "/assets/img/default-user.png";
 ?>
 <!DOCTYPE html>
 
-<html
-    lang="<?= $session->get('lang') ?>"
-    class="h-100 light-style layout-navbar-fixed layout-menu-fixed"
-    dir="ltr"
-    data-theme="theme-default"
-    data-assets-path="<?= site_url('themes/vuexy/') ?>"
+<html lang="<?= $session->get('lang') ?>" class="h-100 light-style layout-navbar-fixed layout-menu-fixed" dir="ltr"
+    data-theme="theme-default" data-assets-path="<?= site_url('themes/vuexy/') ?>"
     data-template="vertical-menu-template-no-customizer">
 
 
 <head>
     <meta charset="utf-8">
-    <meta
-        name="viewport"
+    <meta name="viewport"
         content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
 
     <meta name="locale" content="<?= $session->get("lang") ?>">
@@ -102,8 +97,7 @@ $picture = "/assets/img/default-user.png";
             <div class="layout-page">
 
                 <!-- Navbar -->
-                <nav
-                    class="layout-navbar container-fluid navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
+                <nav class="layout-navbar container-fluid navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
                     id="layout-navbar">
                     <div class="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0 d-xl-none">
                         <a class="nav-item nav-link px-0 me-xl-4" href="javascript:void(0)">
@@ -116,24 +110,30 @@ $picture = "/assets/img/default-user.png";
                             <ul class="navbar-nav flex-row justify-content-start align-items-center ms-auto">
                                 <li class="nav-item dropdown-shortcuts navbar-dropdown dropdown me-2 me-xl-0">
 
-                                    <a type="btn" href="<?= route_to('maquinistaUserChangeList') ?>" class="btn btn-outline-primary btn-sm w-100">Cambiar usuario</a>
+                                    <a type="btn" href="<?= route_to('maquinistaUserChangeList') ?>"
+                                        class="btn btn-outline-primary btn-sm w-100">Cambiar usuario</a>
                                 </li>
                             </ul>
                         </div>
                     <?php endif; ?>
                     <div class="navbar-nav-right d-flex align-items-center" id="navbar-collapse">
 
+                        <?php if (env('SK_ENVIRONMENT') === 'development'): ?>
+                            <div class="me-auto ms-2">
+                                <span class="badge px-3 py-2" style="background-color: #2E5939; color: #fff;">
+                                    Entorno de desarrollo
+                                </span>
+                            </div>
+                        <?php endif; ?>
+
                         <ul class="navbar-nav flex-row align-items-center ms-auto">
                             <li class="nav-item dropdown-shortcuts navbar-dropdown dropdown me-2 me-xl-0">
-                                <a
-                                    class="nav-link dropdown-toggle hide-arrow"
-                                    href="javascript:void(0);"
-                                    data-bs-toggle="dropdown"
-                                    data-bs-auto-close="outside"
-                                    id="message-notification-dropdown"
-                                    aria-expanded="false">
+                                <a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);"
+                                    data-bs-toggle="dropdown" data-bs-auto-close="outside"
+                                    id="message-notification-dropdown" aria-expanded="false">
                                     <span class="tf-icons ti-md ti ti-message-circle"></span>
-                                    <span id="chat-notification-number" class="badge bg-danger text-white badge-notifications d-none"></span>
+                                    <span id="chat-notification-number"
+                                        class="badge bg-danger text-white badge-notifications d-none"></span>
 
                                 </a>
                                 <div class="dropdown-menu dropdown-menu-end py-0">
@@ -151,8 +151,10 @@ $picture = "/assets/img/default-user.png";
                                                 <div class="container-m-nx m-2">
                                                     <div class="sidebar-body">
                                                         <!-- Contacts -->
-                                                        <h6 id="chat-message-notification-title"><?= lang("Chat.no_messages_notification") ?> </h6>
-                                                        <ul class="list-unstyled chat-contact-list mb-0" id="chat-notification-list">
+                                                        <h6 id="chat-message-notification-title">
+                                                            <?= lang("Chat.no_messages_notification") ?> </h6>
+                                                        <ul class="list-unstyled chat-contact-list mb-0"
+                                                            id="chat-notification-list">
 
                                                         </ul>
                                                     </div>
@@ -166,9 +168,7 @@ $picture = "/assets/img/default-user.png";
 
                             <!-- Search Budgets -->
                             <li class="nav-item navbar-dropdown dropdown me-3 me-xl-1">
-                                <a
-                                    class="nav-link hide-arrow"
-                                    href="<?= route_to("buscadorPresupuestosList"); ?>"
+                                <a class="nav-link hide-arrow" href="<?= route_to("buscadorPresupuestosList"); ?>"
                                     title="Acceso directo a buscador de presupuestos">
                                     <i class="ti ti-report-search ti-md"></i>
                                 </a>
@@ -177,15 +177,11 @@ $picture = "/assets/img/default-user.png";
 
                             <!-- View Mode links  -->
                             <?php
-                            if (auth()->user()->inGroup('beta')) :
-                            ?>
+                            if (auth()->user()->inGroup('beta')):
+                                ?>
                                 <li class="nav-item dropdown-shortcuts navbar-dropdown dropdown me-2 me-xl-0">
-                                    <a
-                                        class="nav-link dropdown-toggle hide-arrow"
-                                        href="javascript:void(0);"
-                                        data-bs-toggle="dropdown"
-                                        data-bs-auto-close="outside"
-                                        aria-expanded="false">
+                                    <a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);"
+                                        data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
                                         <i class="ti ti-building ti-md"></i>
                                     </a>
                                     <div class="dropdown-menu dropdown-menu-end py-0">
@@ -228,7 +224,7 @@ $picture = "/assets/img/default-user.png";
                                         </div>
                                     </div>
                                 </li>
-                            <?php
+                                <?php
                             endif;
                             ?>
                             <!-- View Mode links -->
@@ -270,11 +266,13 @@ $picture = "/assets/img/default-user.png";
                                             <div class="d-flex">
                                                 <div class="flex-shrink-0 me-3">
                                                     <div class="avatar avatar">
-                                                        <img src="<?= getGravatarURL() ?? '' ?>" alt class="h-auto rounded-circle" />
+                                                        <img src="<?= getGravatarURL() ?? '' ?>" alt
+                                                            class="h-auto rounded-circle" />
                                                     </div>
                                                 </div>
                                                 <div class="flex-grow-1">
-                                                    <span class="fw-semibold d-block"><?= auth()->user()->getFullName(); ?></span>
+                                                    <span
+                                                        class="fw-semibold d-block"><?= auth()->user()->getFullName(); ?></span>
                                                     <small class="text-muted"><?= auth()->user()->getEmail(); ?></small>
                                                 </div>
                                             </div>
@@ -315,19 +313,20 @@ $picture = "/assets/img/default-user.png";
                         <?php
                         // Include breadcrumbs block
                         include "breadcrumbs.php"
-                        ?>
+                            ?>
 
                         <?=
-                        // Render the content section
-                        $this->renderSection('content')
-                        ?>
+                            // Render the content section
+                            $this->renderSection('content')
+                            ?>
                     </div>
                     <!-- / Content -->
 
                     <!-- Footer -->
                     <footer class="content-footer footer bg-footer-theme">
                         <div class="container-fluid">
-                            <div class="footer-container d-flex align-items-center justify-content-between py-2 flex-md-row flex-column">
+                            <div
+                                class="footer-container d-flex align-items-center justify-content-between py-2 flex-md-row flex-column">
                                 <div>
                                     <a href="#" target="_blank" class="fw-semibold">Safekat</a> © <?= date('Y'); ?>
                                 </div>
@@ -412,7 +411,7 @@ $picture = "/assets/img/default-user.png";
             });
         }
 
-        document.addEventListener('DOMContentLoaded', function() {
+        document.addEventListener('DOMContentLoaded', function () {
 
             function adjustSidebar4ContentWrapper() {
                 if ($('#sidebar').hasClass('d-none') && $(window).width() <= 768) {
@@ -426,7 +425,7 @@ $picture = "/assets/img/default-user.png";
 
             adjustSidebar4ContentWrapper();
 
-            $('#sidebarCollapse').on('click', function() {
+            $('#sidebarCollapse').on('click', function () {
 
                 if ($('#sidebar').hasClass('d-none') && $(window).width() <= 768) {
                     $('#sidebar').removeClass('d-none d-sm-none d-md-block');
@@ -441,7 +440,7 @@ $picture = "/assets/img/default-user.png";
 
             });
 
-            $(window).resize(function() {
+            $(window).resize(function () {
                 adjustSidebar4ContentWrapper();
             });
 
diff --git a/ci4/app/Views/themes/vuexy/main/menu_digitalizacion.php b/ci4/app/Views/themes/vuexy/main/menu_digitalizacion.php
index 4835f68c..39f8090b 100755
--- a/ci4/app/Views/themes/vuexy/main/menu_digitalizacion.php
+++ b/ci4/app/Views/themes/vuexy/main/menu_digitalizacion.php
@@ -1,93 +1,98 @@
 <?php $menus = getMenuControl(); ?>
 
-    <!-- Menu -->
-    <aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
-        <div class="app-brand">
-            <a href="<?= site_url('home') ?>" class="app-brand-link">
-                    <span class="app-brand-logo">
-                        <img src="<?= site_url('themes/vuexy/img/branding/logo.png') ?>" width="150px">
-                    </span>
+<!-- Menu -->
+<?php
+$skEnv = env('SK_ENVIRONMENT', 'production');
+$developmentClass = ($skEnv === 'development') ? 'env-bg' : '';
+?>
+<aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme <?= esc($developmentClass) ?>">
+    <div class="app-brand">
+        <a href="<?= site_url('home') ?>" class="app-brand-link">
+            <span class="app-brand-logo">
+                <img src="<?= site_url('themes/vuexy/img/branding/logo.png') ?>" width="150px">
+            </span>
+        </a>
+        <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto">
+            <i class="ti menu-toggle-icon d-none d-xl-block ti-sm align-middle"></i>
+            <i class="ti ti-x d-block d-xl-none ti-sm align-middle"></i>
+        </a>
+    </div>
+
+    <div class="menu-inner-shadow"></div>
+
+    <ul class="menu-inner py-1">
+
+        <li class="menu-item active">
+            <a href="<?= site_url("") ?>" class="menu-link">
+                <i class="menu-icon tf-icons ti ti-dashboard"></i>
+                <div data-i18n="<?= lang("App.menu_dashboard") ?>"><?= lang("App.menu_dashboard") ?></div>
             </a>
-            <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto">
-                <i class="ti menu-toggle-icon d-none d-xl-block ti-sm align-middle"></i>
-                <i class="ti ti-x d-block d-xl-none ti-sm align-middle"></i>
-            </a>
-        </div>
+        </li>
 
-        <div class="menu-inner-shadow"></div>
-
-        <ul class="menu-inner py-1">
-
-            <li class="menu-item active">
-                <a href="<?= site_url("") ?>" class="menu-link">
-                    <i class="menu-icon tf-icons ti ti-dashboard"></i>
-                    <div data-i18n="<?= lang("App.menu_dashboard") ?>"><?= lang("App.menu_dashboard") ?></div>
+        <?php
+        /**
+         * MENU CLIENTES
+         */
+        if (allowMenuSection($menus, ['Cliente'], 'index')):
+            ?>
+            <!-- Clientes -->
+            <li class="menu-item">
+                <a href="javascript:void(0);" class="menu-link menu-toggle">
+                    <i class="menu-icon tf-icons ti ti-users"></i>
+                    <div data-i18n="<?= lang("App.menu_clientes") ?>"><?= lang("App.menu_clientes") ?></div>
                 </a>
-            </li>
-
-            <?php
-            /**
-             * MENU CLIENTES
-             */
-            if (allowMenuSection($menus, ['Cliente'], 'index')):
-                ?>
-                <!-- Clientes -->
-                <li class="menu-item">
-                    <a href="javascript:void(0);" class="menu-link menu-toggle">
-                        <i class="menu-icon tf-icons ti ti-users"></i>
-                        <div data-i18n="<?= lang("App.menu_clientes") ?>"><?= lang("App.menu_clientes") ?></div>
-                    </a>
-                    <ul class="menu-sub">
-                        <?php if (count($temp = getArrayItem($menus, 'name', 'Cliente')) > 0): ?>
-                            <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
-                                <li class="menu-item">
-                                    <a href="<?= site_url("clientes/cliente") ?>" class="menu-link">
-                                        <div data-i18n="<?= lang("App.menu_clientes") ?>"><?= lang("App.menu_clientes") ?></div>
-                                    </a>
-                                </li>
-                                <li class="menu-item">
-                                <a href="<?= route_to("clienteplantillapreciosList") ?>" class="menu-link">
-                                    <div data-i18n="<?= lang("App.menu_plantillas_tarifas_clientes") ?>"><?= lang("App.menu_plantillas_tarifas_clientes") ?></div>
+                <ul class="menu-sub">
+                    <?php if (count($temp = getArrayItem($menus, 'name', 'Cliente')) > 0): ?>
+                        <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
+                            <li class="menu-item">
+                                <a href="<?= site_url("clientes/cliente") ?>" class="menu-link">
+                                    <div data-i18n="<?= lang("App.menu_clientes") ?>"><?= lang("App.menu_clientes") ?></div>
+                                </a>
+                            </li>
+                            <li class="menu-item">
+                                <a href="<?= route_to("clienteplantillapreciosList") ?>" class="menu-link">
+                                    <div data-i18n="<?= lang("App.menu_plantillas_tarifas_clientes") ?>">
+                                        <?= lang("App.menu_plantillas_tarifas_clientes") ?></div>
                                 </a>
                             </li>
-                            <?php endif; ?>
                         <?php endif; ?>
-                    </ul>
-                </li>
-            <?php endif; ?>
+                    <?php endif; ?>
+                </ul>
+            </li>
+        <?php endif; ?>
 
 
-            <?php
-            /**
-             * MENU PRESUPUESTOS
-             */
-            if (allowMenuSection($menus, ['Presupuesto'], 'index')): ?>
-                <!-- Budgets -->
-                <li class="menu-item">
-                    <a href="javascript:void(0);" class="menu-link menu-toggle">
-                        <i class="menu-icon tf-icons ti ti-currency-dollar"></i>
-                        <div data-i18n="<?= lang("App.menu_presupuestos") ?>"><?= lang("App.menu_presupuestos") ?></div>
-                    </a>
-                    <ul class="menu-sub">
-                        <?php if (count($temp = getArrayItem($menus, 'name', 'Presupuesto')) > 0): ?>
-                            <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
-                                <li class="menu-item">
-                                    <a href="<?= site_url("presupuestos/presupuesto") ?>" class="menu-link">
-                                        <div data-i18n="<?= lang("App.menu_presupuesto") ?>"><?= lang("App.menu_presupuesto") ?></div>
-                                    </a>
-                                </li>
-                            <?php endif; ?>
+        <?php
+        /**
+         * MENU PRESUPUESTOS
+         */
+        if (allowMenuSection($menus, ['Presupuesto'], 'index')): ?>
+            <!-- Budgets -->
+            <li class="menu-item">
+                <a href="javascript:void(0);" class="menu-link menu-toggle">
+                    <i class="menu-icon tf-icons ti ti-currency-dollar"></i>
+                    <div data-i18n="<?= lang("App.menu_presupuestos") ?>"><?= lang("App.menu_presupuestos") ?></div>
+                </a>
+                <ul class="menu-sub">
+                    <?php if (count($temp = getArrayItem($menus, 'name', 'Presupuesto')) > 0): ?>
+                        <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
+                            <li class="menu-item">
+                                <a href="<?= site_url("presupuestos/presupuesto") ?>" class="menu-link">
+                                    <div data-i18n="<?= lang("App.menu_presupuesto") ?>"><?= lang("App.menu_presupuesto") ?></div>
+                                </a>
+                            </li>
                         <?php endif; ?>
-                    </ul>
-                </li>
-            <?php endif; ?>
+                    <?php endif; ?>
+                </ul>
+            </li>
+        <?php endif; ?>
 
 
-            <?php
-            /**
-             * MENU PEDIDOS
-             */
-            if (allowMenuSection($menus, ['Pedido'], 'index')): ?>
+        <?php
+        /**
+         * MENU PEDIDOS
+         */
+        if (allowMenuSection($menus, ['Pedido'], 'index')): ?>
             <!-- Orders -->
             <li class="menu-item">
                 <a href="javascript:void(0);" class="menu-link menu-toggle">
@@ -99,241 +104,257 @@
                         <?php if (count(getArrayItem($temp, 'methods', 'activos', true)) > 0): ?>
                             <li class="menu-item">
                                 <a href="<?= route_to("validacionView") ?>" class="menu-link">
-                                    <div data-i18n="<?= lang("App.menu_pedidos_activos") ?>"><?= lang("App.menu_pedidos_activos") ?></div>
+                                    <div data-i18n="<?= lang("App.menu_pedidos_activos") ?>"><?= lang("App.menu_pedidos_activos") ?>
+                                    </div>
                                 </a>
                             </li>
                         <?php endif; ?>
                         <?php if (count(getArrayItem($temp, 'methods', 'finalizados', true)) > 0): ?>
                             <li class="menu-item">
                                 <a href="<?= route_to("listaPedidosFinalizados") ?>" class="menu-link">
-                                    <div data-i18n="<?= lang("App.menu_pedidos_finalizados") ?>"><?= lang("App.menu_pedidos_finalizados") ?></div>
+                                    <div data-i18n="<?= lang("App.menu_pedidos_finalizados") ?>">
+                                        <?= lang("App.menu_pedidos_finalizados") ?></div>
                                 </a>
                             </li>
                         <?php endif; ?>
                         <?php if (count(getArrayItem($temp, 'methods', 'cancelados', true)) > 0): ?>
                             <li class="menu-item">
                                 <a href="<?= route_to("listaPedidosCancelados") ?>" class="menu-link">
-                                    <div data-i18n="<?= lang("App.menu_pedidos_cancelados") ?>"><?= lang("App.menu_pedidos_cancelados") ?></div>
+                                    <div data-i18n="<?= lang("App.menu_pedidos_cancelados") ?>">
+                                        <?= lang("App.menu_pedidos_cancelados") ?></div>
                                 </a>
                             </li>
                         <?php endif; ?>
                         <?php if (count(getArrayItem($temp, 'methods', 'todos', true)) > 0): ?>
                             <li class="menu-item">
                                 <a href="<?= route_to("listaPedidos") ?>" class="menu-link">
-                                    <div data-i18n="<?= lang("App.menu_pedidos_todos") ?>"><?= lang("App.menu_pedidos_todos") ?></div>
+                                    <div data-i18n="<?= lang("App.menu_pedidos_todos") ?>"><?= lang("App.menu_pedidos_todos") ?>
+                                    </div>
                                 </a>
                             </li>
                         <?php endif; ?>
                     <?php endif; ?>
                 </ul>
             </li>
-            <?php endif; ?>
+        <?php endif; ?>
 
 
-            <?php
-            /**
-             * MENU PRODUCCION
-             */
-            if
-            (allowMenuSection($menus, ['Ordentrabajo'], 'index')): ?>
-                <!-- Production -->
-                <li class="menu-item">
-                    <a href="javascript:void(0);" class="menu-link menu-toggle">
-                        <i class="menu-icon tf-icons ti ti-printer"></i>
-                        <div data-i18n="<?= lang("App.menu_produccion") ?>"><?= lang("App.menu_produccion") ?></div>
-                    </a>
-                    <ul class="menu-sub">
-                        <?php if (count($temp = getArrayItem($menus, 'name', 'Ordentrabajo')) > 0): ?>
-                            <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
-                                <li class="menu-item">
-                                    <a href="<?= site_url("produccion/ordentrabajo") ?>" class="menu-link">
-                                        <div data-i18n="<?= lang("App.menu_orden_trabajo") ?>"><?= lang("App.menu_orden_trabajo") ?></div>
-                                    </a>
-                                </li>
-                            <?php endif; ?>
+        <?php
+        /**
+         * MENU PRODUCCION
+         */
+        if
+        (allowMenuSection($menus, ['Ordentrabajo'], 'index')): ?>
+            <!-- Production -->
+            <li class="menu-item">
+                <a href="javascript:void(0);" class="menu-link menu-toggle">
+                    <i class="menu-icon tf-icons ti ti-printer"></i>
+                    <div data-i18n="<?= lang("App.menu_produccion") ?>"><?= lang("App.menu_produccion") ?></div>
+                </a>
+                <ul class="menu-sub">
+                    <?php if (count($temp = getArrayItem($menus, 'name', 'Ordentrabajo')) > 0): ?>
+                        <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
+                            <li class="menu-item">
+                                <a href="<?= site_url("produccion/ordentrabajo") ?>" class="menu-link">
+                                    <div data-i18n="<?= lang("App.menu_orden_trabajo") ?>"><?= lang("App.menu_orden_trabajo") ?>
+                                    </div>
+                                </a>
+                            </li>
                         <?php endif; ?>
-                        <?php if (count($temp = getArrayItem($menus, 'name', 'Ordentrabajo')) > 0): ?>
-                            <?php if (count(getArrayItem($temp, 'methods', 'cien', true)) > 0): ?>
-                                <li class="menu-item">
-                                    <a href="<?= site_url("produccion/ordentrabajo/cien") ?>" class="menu-link">
-                                        <div data-i18n="<?= lang("App.menu_orden_trabajo_100") ?>"><?= lang("App.menu_orden_trabajo_100") ?></div>
-                                    </a>
-                                </li>
-                            <?php endif; ?>
+                    <?php endif; ?>
+                    <?php if (count($temp = getArrayItem($menus, 'name', 'Ordentrabajo')) > 0): ?>
+                        <?php if (count(getArrayItem($temp, 'methods', 'cien', true)) > 0): ?>
+                            <li class="menu-item">
+                                <a href="<?= site_url("produccion/ordentrabajo/cien") ?>" class="menu-link">
+                                    <div data-i18n="<?= lang("App.menu_orden_trabajo_100") ?>">
+                                        <?= lang("App.menu_orden_trabajo_100") ?></div>
+                                </a>
+                            </li>
                         <?php endif; ?>
-                        <?php if (count($temp = getArrayItem($menus, 'name', 'Ordentrabajo')) > 0): ?>
-                            <?php if (count(getArrayItem($temp, 'methods', 'finalizado', true)) > 0): ?>
-                                <li class="menu-item">
-                                    <a href="<?= site_url("produccion/ordentrabajo/finalizado") ?>" class="menu-link">
-                                        <div data-i18n="<?= lang("App.menu_orden_trabajo_finalizados") ?>"><?= lang("App.menu_orden_trabajo_finalizados") ?></div>
-                                    </a>
-                                </li>
-                            <?php endif; ?>
+                    <?php endif; ?>
+                    <?php if (count($temp = getArrayItem($menus, 'name', 'Ordentrabajo')) > 0): ?>
+                        <?php if (count(getArrayItem($temp, 'methods', 'finalizado', true)) > 0): ?>
+                            <li class="menu-item">
+                                <a href="<?= site_url("produccion/ordentrabajo/finalizado") ?>" class="menu-link">
+                                    <div data-i18n="<?= lang("App.menu_orden_trabajo_finalizados") ?>">
+                                        <?= lang("App.menu_orden_trabajo_finalizados") ?></div>
+                                </a>
+                            </li>
                         <?php endif; ?>
-                        <?php if (count($temp = getArrayItem($menus, 'name', 'Ordentrabajo')) > 0): ?>
-                            <?php if (count(getArrayItem($temp, 'methods', 'pendiente', true)) > 0): ?>
-                                <li class="menu-item">
-                                    <a href="<?= site_url("produccion/ordentrabajo/pendiente") ?>" class="menu-link">
-                                        <div data-i18n="<?= lang("App.menu_orden_trabajo_pendientes") ?>"><?= lang("App.menu_orden_trabajo_pendientes") ?></div>
-                                    </a>
-                                </li>
-                            <?php endif; ?>
+                    <?php endif; ?>
+                    <?php if (count($temp = getArrayItem($menus, 'name', 'Ordentrabajo')) > 0): ?>
+                        <?php if (count(getArrayItem($temp, 'methods', 'pendiente', true)) > 0): ?>
+                            <li class="menu-item">
+                                <a href="<?= site_url("produccion/ordentrabajo/pendiente") ?>" class="menu-link">
+                                    <div data-i18n="<?= lang("App.menu_orden_trabajo_pendientes") ?>">
+                                        <?= lang("App.menu_orden_trabajo_pendientes") ?></div>
+                                </a>
+                            </li>
                         <?php endif; ?>
-                    </ul>
-                </li>
-            <?php endif; ?>
-
-
-            <?php
-            /**
-             * MENU FACTURACION
-             */
-            if (allowMenuSection($menus, ['Albaran', 'Factura'], 'index')): ?>
-                <!-- Invoicing -->
-                <li class="menu-item">
-                    <a href="javascript:void(0);" class="menu-link menu-toggle">
-                        <i class="menu-icon tf-icons ti ti-file-dollar"></i>
-                        <div data-i18n="<?= lang("App.menu_facturación") ?>"><?= lang("App.menu_facturación") ?></div>
-                    </a>
-                    <ul class="menu-sub">
-                        <?php if (count($temp = getArrayItem($menus, 'name', 'Factura')) > 0): ?>
-                            <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
-                                <li class="menu-item">
-                                    <a href="<?= site_url("facturacion/factura") ?>" class="menu-link">
-                                        <div data-i18n="<?= lang("App.menu_facturas") ?>"><?= lang("App.menu_facturas") ?></div>
-                                    </a>
-                                </li>
-                            <?php endif; ?>
-                            <?php if (count(getArrayItem($temp, 'methods', 'vencimiento', true)) > 0): ?>
-                                <li class="menu-item">
-                                    <a href="<?= site_url("facturacion/factura/vencimiento") ?>" class="menu-link">
-                                        <div data-i18n="<?= lang("App.menu_facturas_vencimiento") ?>"><?= lang("App.menu_facturas_vencimiento") ?></div>
-                                    </a>
-                                </li>
-                            <?php endif; ?>
-                            <?php if (count(getArrayItem($temp, 'methods', 'nueva', true)) > 0): ?>
-                                <li class="menu-item">
-                                    <a href="<?= site_url("facturacion/factura/nueva") ?>" class="menu-link">
-                                        <div data-i18n="<?= lang("App.menu_facturas_nueva") ?>"><?= lang("App.menu_facturas_nueva") ?></div>
-                                    </a>
-                                </li>
-                            <?php endif; ?>
-                        <?php endif; ?>
-                        <?php if (count($temp = getArrayItem($menus, 'name', 'Albaran')) > 0): ?>
-                            <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
-                                <li class="menu-item">
-                                    <a href="<?= site_url("facturacion/albaran") ?>" class="menu-link">
-                                        <div data-i18n="<?= lang("App.menu_albaran") ?>"><?= lang("App.menu_albaran") ?></div>
-                                    </a>
-                                </li>
-                            <?php endif; ?>
-                        <?php endif; ?>
-                    </ul>
-                </li>
-            <?php endif; ?>
-
-            <?php
-            /**
-             * MENU CONFIGURACION
-             */
-            if (allowMenuSection($menus,
-                ['Calendario', 'Paises', 'Users', 'Group'], 'index')): ?>
-                <li class="menu-item">
-                    <a href="javascript:void(0);" class="menu-link menu-toggle">
-                        <i class="menu-icon tf-icons ti ti-adjustments-horizontal"></i>
-                        <div data-i18n="<?= lang("App.menu_configuration") ?>"><?= lang("App.menu_configuration") ?></div>
-                    </a>
-                    <ul class="menu-sub">
-                        <?php if (count($temp = getArrayItem($menus, 'name', 'Calendario')) > 0): ?>
-                            <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
-                                <li class="menu-item">
-                                    <a href="<?= site_url("configuracion/calendario") ?>" class="menu-link">
-                                        <div data-i18n="<?= lang("App.menu_calendario") ?>"><?= lang("App.menu_calendario") ?></div>
-                                    </a>
-                                </li>
-                            <?php endif; ?>
-                        <?php endif; ?>
-                        <?php if (count($temp = getArrayItem($menus, 'name', 'Paises')) > 0): ?>
-                            <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
-                                <li class="menu-item">
-                                    <a href="<?= route_to('paisesList') ?>" class="menu-link">
-                                        <div data-i18n="<?= lang("App.menu_paises") ?>"><?= lang("App.menu_paises") ?></div>
-                                    </a>
-                                </li>
-                            <?php endif; ?>
-                        <?php endif; ?>
-                        <?php if (count($temp = getArrayItem($menus, 'name', 'Users')) > 0): ?>
-                            <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
-                                <li class="menu-item">
-                                    <a href="<?= route_to('userList') ?>" class="menu-link">
-                                        <div data-i18n="<?= lang("App.menu_users") ?>"><?= lang("App.menu_users") ?></div>
-                                    </a>
-                                </li>
-                            <?php endif; ?>
-                        <?php endif; ?>
-                        
-                        <?php if (count($temp = getArrayItem($menus, 'name', 'Group')) > 0): ?>
-                            <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
-                                <li class="menu-item">
-                                    <a href="<?= route_to("userGroupList") ?>" class="menu-link">
-                                        <div data-i18n="<?= lang("App.menu_permission_group") ?>"><?= lang("App.menu_permission_group") ?></div>
-                                    </a>
-                                </li>
-                            <?php endif; ?>
-                        <?php endif; ?>
-                    </ul>
-                </li>
-            <?php endif; ?>
-
-
-            <?php
-            /**
-             * MENU MENSAJES
-             */
-            if (count(getArrayItem($menus, 'name', 'Mensajes')) > 0): ?>
-                <!-- Messages -->
-                <li class="menu-item">
-                    <a href="<?= site_url("servicios/mensajes") ?>" class="menu-link">
-                        <i class="menu-icon tf-icons ti ti-message"></i>
-                        <div data-i18n="<?= lang("App.menu_mensajes") ?>"><?= lang("App.menu_mensajes") ?></div>
-                    </a>
-                </li>
-            <?php endif; ?>
-
-
-            <li class="menu-header small text-uppercase">
-                <span class="menu-header-text">Sistema</span>
+                    <?php endif; ?>
+                </ul>
             </li>
-
-            <?php
-            /**
-             * MENU AJUSTES
-             */
-            if (count(getArrayItem($menus, 'name', 'Settings')) > 0): ?>
-                <!-- Settings -->
-                <li class="menu-item">
-                    <a href="<?= site_url("settings")?>" class="menu-link">
-                        <i class="menu-icon tf-icons ti ti-settings""></i>
-                        <div data-i18n="<?= lang("App.menu_settings") ?>"><?= lang("App.menu_settings") ?></div>
-                    </a>
-                </li>
-            <?php endif; ?>
-
-            <?php
-            /**
-             * MENU ACTIVIDAD
-             */
-            if (count(getArrayItem($menus, 'name', 'Activity')) > 0): ?>
-                <!-- Activity -->
-                <li class="menu-item">
-                    <a href="<?= site_url("activity") ?>" class="menu-link">
-                        <i class="menu-icon tf-icons ti ti-fingerprint""></i>
-                        <div data-i18n="<?= lang("App.menu_activity") ?>"><?= lang("App.menu_activity") ?></div>
-                    </a>
-                </li>
-            <?php endif; ?>
+        <?php endif; ?>
 
 
-        </ul>
-    </aside>
-    <!-- / Menu -->
\ No newline at end of file
+        <?php
+        /**
+         * MENU FACTURACION
+         */
+        if (allowMenuSection($menus, ['Albaran', 'Factura'], 'index')): ?>
+            <!-- Invoicing -->
+            <li class="menu-item">
+                <a href="javascript:void(0);" class="menu-link menu-toggle">
+                    <i class="menu-icon tf-icons ti ti-file-dollar"></i>
+                    <div data-i18n="<?= lang("App.menu_facturación") ?>"><?= lang("App.menu_facturación") ?></div>
+                </a>
+                <ul class="menu-sub">
+                    <?php if (count($temp = getArrayItem($menus, 'name', 'Factura')) > 0): ?>
+                        <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
+                            <li class="menu-item">
+                                <a href="<?= site_url("facturacion/factura") ?>" class="menu-link">
+                                    <div data-i18n="<?= lang("App.menu_facturas") ?>"><?= lang("App.menu_facturas") ?></div>
+                                </a>
+                            </li>
+                        <?php endif; ?>
+                        <?php if (count(getArrayItem($temp, 'methods', 'vencimiento', true)) > 0): ?>
+                            <li class="menu-item">
+                                <a href="<?= site_url("facturacion/factura/vencimiento") ?>" class="menu-link">
+                                    <div data-i18n="<?= lang("App.menu_facturas_vencimiento") ?>">
+                                        <?= lang("App.menu_facturas_vencimiento") ?></div>
+                                </a>
+                            </li>
+                        <?php endif; ?>
+                        <?php if (count(getArrayItem($temp, 'methods', 'nueva', true)) > 0): ?>
+                            <li class="menu-item">
+                                <a href="<?= site_url("facturacion/factura/nueva") ?>" class="menu-link">
+                                    <div data-i18n="<?= lang("App.menu_facturas_nueva") ?>"><?= lang("App.menu_facturas_nueva") ?>
+                                    </div>
+                                </a>
+                            </li>
+                        <?php endif; ?>
+                    <?php endif; ?>
+                    <?php if (count($temp = getArrayItem($menus, 'name', 'Albaran')) > 0): ?>
+                        <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
+                            <li class="menu-item">
+                                <a href="<?= site_url("facturacion/albaran") ?>" class="menu-link">
+                                    <div data-i18n="<?= lang("App.menu_albaran") ?>"><?= lang("App.menu_albaran") ?></div>
+                                </a>
+                            </li>
+                        <?php endif; ?>
+                    <?php endif; ?>
+                </ul>
+            </li>
+        <?php endif; ?>
+
+        <?php
+        /**
+         * MENU CONFIGURACION
+         */
+        if (
+            allowMenuSection(
+                $menus,
+                ['Calendario', 'Paises', 'Users', 'Group'],
+                'index'
+            )
+        ): ?>
+            <li class="menu-item">
+                <a href="javascript:void(0);" class="menu-link menu-toggle">
+                    <i class="menu-icon tf-icons ti ti-adjustments-horizontal"></i>
+                    <div data-i18n="<?= lang("App.menu_configuration") ?>"><?= lang("App.menu_configuration") ?></div>
+                </a>
+                <ul class="menu-sub">
+                    <?php if (count($temp = getArrayItem($menus, 'name', 'Calendario')) > 0): ?>
+                        <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
+                            <li class="menu-item">
+                                <a href="<?= site_url("configuracion/calendario") ?>" class="menu-link">
+                                    <div data-i18n="<?= lang("App.menu_calendario") ?>"><?= lang("App.menu_calendario") ?></div>
+                                </a>
+                            </li>
+                        <?php endif; ?>
+                    <?php endif; ?>
+                    <?php if (count($temp = getArrayItem($menus, 'name', 'Paises')) > 0): ?>
+                        <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
+                            <li class="menu-item">
+                                <a href="<?= route_to('paisesList') ?>" class="menu-link">
+                                    <div data-i18n="<?= lang("App.menu_paises") ?>"><?= lang("App.menu_paises") ?></div>
+                                </a>
+                            </li>
+                        <?php endif; ?>
+                    <?php endif; ?>
+                    <?php if (count($temp = getArrayItem($menus, 'name', 'Users')) > 0): ?>
+                        <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
+                            <li class="menu-item">
+                                <a href="<?= route_to('userList') ?>" class="menu-link">
+                                    <div data-i18n="<?= lang("App.menu_users") ?>"><?= lang("App.menu_users") ?></div>
+                                </a>
+                            </li>
+                        <?php endif; ?>
+                    <?php endif; ?>
+
+                    <?php if (count($temp = getArrayItem($menus, 'name', 'Group')) > 0): ?>
+                        <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
+                            <li class="menu-item">
+                                <a href="<?= route_to("userGroupList") ?>" class="menu-link">
+                                    <div data-i18n="<?= lang("App.menu_permission_group") ?>">
+                                        <?= lang("App.menu_permission_group") ?></div>
+                                </a>
+                            </li>
+                        <?php endif; ?>
+                    <?php endif; ?>
+                </ul>
+            </li>
+        <?php endif; ?>
+
+
+        <?php
+        /**
+         * MENU MENSAJES
+         */
+        if (count(getArrayItem($menus, 'name', 'Mensajes')) > 0): ?>
+            <!-- Messages -->
+            <li class="menu-item">
+                <a href="<?= site_url("servicios/mensajes") ?>" class="menu-link">
+                    <i class="menu-icon tf-icons ti ti-message"></i>
+                    <div data-i18n="<?= lang("App.menu_mensajes") ?>"><?= lang("App.menu_mensajes") ?></div>
+                </a>
+            </li>
+        <?php endif; ?>
+
+
+        <li class="menu-header small text-uppercase">
+            <span class="menu-header-text">Sistema</span>
+        </li>
+
+        <?php
+        /**
+         * MENU AJUSTES
+         */
+        if (count(getArrayItem($menus, 'name', 'Settings')) > 0): ?>
+            <!-- Settings -->
+            <li class="menu-item">
+                <a href="<?= site_url("settings") ?>" class="menu-link">
+                    <i class="menu-icon tf-icons ti ti-settings""></i>
+                        <div data-i18n=" <?= lang("App.menu_settings") ?>"><?= lang("App.menu_settings") ?></div>
+                </a>
+            </li>
+        <?php endif; ?>
+
+        <?php
+        /**
+         * MENU ACTIVIDAD
+         */
+        if (count(getArrayItem($menus, 'name', 'Activity')) > 0): ?>
+            <!-- Activity -->
+            <li class="menu-item">
+                <a href="<?= site_url("activity") ?>" class="menu-link">
+                    <i class="menu-icon tf-icons ti ti-fingerprint""></i>
+                        <div data-i18n=" <?= lang("App.menu_activity") ?>"><?= lang("App.menu_activity") ?></div>
+                </a>
+            </li>
+        <?php endif; ?>
+
+
+    </ul>
+</aside>
+<!-- / Menu -->
\ No newline at end of file
diff --git a/ci4/app/Views/themes/vuexy/main/menu_impresion.php b/ci4/app/Views/themes/vuexy/main/menu_impresion.php
index 97d53883..6022eae8 100755
--- a/ci4/app/Views/themes/vuexy/main/menu_impresion.php
+++ b/ci4/app/Views/themes/vuexy/main/menu_impresion.php
@@ -1,5 +1,9 @@
 <!-- Menu -->
-<aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
+<?php
+$skEnv = env('SK_ENVIRONMENT', 'production');
+$developmentClass = ($skEnv === 'development') ? 'env-bg' : '';
+?>
+<aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme <?= esc($developmentClass) ?>">
     <div class="app-brand">
         <a href="<?= site_url('home') ?>" class="app-brand-link">
             <span class="app-brand-logo">
diff --git a/ci4/app/Views/themes/vuexy/main/menu_maquetacion.php b/ci4/app/Views/themes/vuexy/main/menu_maquetacion.php
index 2d40c651..c5b07c59 100755
--- a/ci4/app/Views/themes/vuexy/main/menu_maquetacion.php
+++ b/ci4/app/Views/themes/vuexy/main/menu_maquetacion.php
@@ -1,7 +1,11 @@
 <?php $menus = getMenuControl(); ?>
 
 <!-- Menu -->
-<aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
+<?php
+$skEnv = env('SK_ENVIRONMENT', 'production');
+$developmentClass = ($skEnv === 'development') ? 'env-bg' : '';
+?>
+<aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme <?= esc($developmentClass) ?>">
     <div class="app-brand">
         <a href="<?= site_url('home') ?>" class="app-brand-link">
             <span class="app-brand-logo">
@@ -48,7 +52,8 @@
                             <li class="menu-item">
                                 <a href="<?= route_to("clienteplantillapreciosList") ?>" class="menu-link">
                                     <div data-i18n="<?= lang("App.menu_plantillas_tarifas_clientes") ?>">
-                                        <?= lang("App.menu_plantillas_tarifas_clientes") ?></div>
+                                        <?= lang("App.menu_plantillas_tarifas_clientes") ?>
+                                    </div>
                                 </a>
                             </li>
                         <?php endif; ?>
@@ -75,7 +80,8 @@
                             <li class="menu-item">
                                 <a href="<?= site_url("presupuestos/presupuestomaquetacion") ?>" class="menu-link">
                                     <div data-i18n="<?= lang("App.menu_presupuestomaquetacion_todos") ?>">
-                                        <?= lang("App.menu_presupuestomaquetacion_todos") ?></div>
+                                        <?= lang("App.menu_presupuestomaquetacion_todos") ?>
+                                    </div>
                                 </a>
                             </li>
                         <?php endif; ?>
@@ -83,7 +89,8 @@
                             <li class="menu-item">
                                 <a href="<?= site_url("presupuestos/presupuestomaquetacion/nuevo") ?>" class="menu-link">
                                     <div data-i18n="<?= lang("App.menu_presupuestomaquetacion_nuevo") ?>">
-                                        <?= lang("App.menu_presupuestomaquetacion_nuevo") ?></div>
+                                        <?= lang("App.menu_presupuestomaquetacion_nuevo") ?>
+                                    </div>
                                 </a>
                             </li>
                         <?php endif; ?>
@@ -91,7 +98,8 @@
                             <li class="menu-item">
                                 <a href="<?= site_url("presupuestos/presupuestomaquetacion/borrador") ?>" class="menu-link">
                                     <div data-i18n="<?= lang("App.menu_presupuestomaquetacion_borrador") ?>">
-                                        <?= lang("App.menu_presupuestomaquetacion_borrador") ?></div>
+                                        <?= lang("App.menu_presupuestomaquetacion_borrador") ?>
+                                    </div>
                                 </a>
                             </li>
                         <?php endif; ?>
@@ -99,7 +107,8 @@
                             <li class="menu-item">
                                 <a href="<?= site_url("presupuestos/presupuestomaquetacion/aceptados") ?>" class="menu-link">
                                     <div data-i18n="<?= lang("App.menu_presupuestomaquetacion_aceptados") ?>">
-                                        <?= lang("App.menu_presupuestomaquetacion_aceptados") ?></div>
+                                        <?= lang("App.menu_presupuestomaquetacion_aceptados") ?>
+                                    </div>
                                 </a>
                             </li>
                         <?php endif; ?>
@@ -134,7 +143,8 @@
                             <li class="menu-item">
                                 <a href="<?= route_to("listaPedidosFinalizados") ?>" class="menu-link">
                                     <div data-i18n="<?= lang("App.menu_pedidos_finalizados") ?>">
-                                        <?= lang("App.menu_pedidos_finalizados") ?></div>
+                                        <?= lang("App.menu_pedidos_finalizados") ?>
+                                    </div>
                                 </a>
                             </li>
                         <?php endif; ?>
@@ -142,7 +152,8 @@
                             <li class="menu-item">
                                 <a href="<?= route_to("listaPedidosCancelados") ?>" class="menu-link">
                                     <div data-i18n="<?= lang("App.menu_pedidos_cancelados") ?>">
-                                        <?= lang("App.menu_pedidos_cancelados") ?></div>
+                                        <?= lang("App.menu_pedidos_cancelados") ?>
+                                    </div>
                                 </a>
                             </li>
                         <?php endif; ?>
@@ -188,7 +199,8 @@
                             <li class="menu-item">
                                 <a href="<?= site_url("produccion/ordentrabajo/cien") ?>" class="menu-link">
                                     <div data-i18n="<?= lang("App.menu_orden_trabajo_100") ?>">
-                                        <?= lang("App.menu_orden_trabajo_100") ?></div>
+                                        <?= lang("App.menu_orden_trabajo_100") ?>
+                                    </div>
                                 </a>
                             </li>
                         <?php endif; ?>
@@ -198,7 +210,8 @@
                             <li class="menu-item">
                                 <a href="<?= site_url("produccion/ordentrabajo/finalizado") ?>" class="menu-link">
                                     <div data-i18n="<?= lang("App.menu_orden_trabajo_finalizados") ?>">
-                                        <?= lang("App.menu_orden_trabajo_finalizados") ?></div>
+                                        <?= lang("App.menu_orden_trabajo_finalizados") ?>
+                                    </div>
                                 </a>
                             </li>
                         <?php endif; ?>
@@ -208,7 +221,8 @@
                             <li class="menu-item">
                                 <a href="<?= site_url("produccion/ordentrabajo/pendiente") ?>" class="menu-link">
                                     <div data-i18n="<?= lang("App.menu_orden_trabajo_pendientes") ?>">
-                                        <?= lang("App.menu_orden_trabajo_pendientes") ?></div>
+                                        <?= lang("App.menu_orden_trabajo_pendientes") ?>
+                                    </div>
                                 </a>
                             </li>
                         <?php endif; ?>
@@ -243,7 +257,8 @@
                             <li class="menu-item">
                                 <a href="<?= site_url("facturacion/factura/vencimiento") ?>" class="menu-link">
                                     <div data-i18n="<?= lang("App.menu_facturas_vencimiento") ?>">
-                                        <?= lang("App.menu_facturas_vencimiento") ?></div>
+                                        <?= lang("App.menu_facturas_vencimiento") ?>
+                                    </div>
                                 </a>
                             </li>
                         <?php endif; ?>
@@ -321,7 +336,8 @@
                             <li class="menu-item">
                                 <a href="<?= route_to("userGroupList") ?>" class="menu-link">
                                     <div data-i18n="<?= lang("App.menu_permission_group") ?>">
-                                        <?= lang("App.menu_permission_group") ?></div>
+                                        <?= lang("App.menu_permission_group") ?>
+                                    </div>
                                 </a>
                             </li>
                         <?php endif; ?>
diff --git a/httpdocs/themes/vuexy/css/safekat.css b/httpdocs/themes/vuexy/css/safekat.css
index 084a7518..21983314 100644
--- a/httpdocs/themes/vuexy/css/safekat.css
+++ b/httpdocs/themes/vuexy/css/safekat.css
@@ -3,6 +3,10 @@
 * File include item demo only specific css only
 ******************************************************************************/
 
+.env-bg {
+  background-color: #2E5939 !important;
+}
+
 .light-style .menu .app-brand.demo {
   height: 64px;
 }
