diff --git a/.idea/php.xml b/.idea/php.xml
index 89778155..29059d00 100644
--- a/.idea/php.xml
+++ b/.idea/php.xml
@@ -10,7 +10,9 @@
     <option name="highlightLevel" value="WARNING" />
     <option name="transferred" value="true" />
   </component>
-  <component name="PhpProjectSharedConfiguration" php_language_level="7.3" />
+  <component name="PhpProjectSharedConfiguration" php_language_level="8.0">
+    <option name="suggestChangeDefaultLanguageLevel" value="false" />
+  </component>
   <component name="PhpStanOptionsConfiguration">
     <option name="transferred" value="true" />
   </component>
diff --git a/ci4/.env b/ci4/.env
index cfd0651b..7271640d 100644
--- a/ci4/.env
+++ b/ci4/.env
@@ -22,8 +22,8 @@ CI_ENVIRONMENT = development
 # APP
 #--------------------------------------------------------------------
 
-app.baseURL = 'https://sk-jjo.imnavajas.es' 
-#app.baseURL = 'https://sk-imn.imnavajas.es'
+app.baseURL = 'https://sk-jjo.imnavajas.es'
+# app.baseURL = 'https://sk-imn.imnavajas.es'
 # app.baseURL = "http://safekat.test/"
 # app.forceGlobalSecureRequests = false
 
diff --git a/ci4/app/Config/Autoload.php b/ci4/app/Config/Autoload.php
index ee27e3b2..5f149426 100644
--- a/ci4/app/Config/Autoload.php
+++ b/ci4/app/Config/Autoload.php
@@ -43,6 +43,7 @@ class Autoload extends AutoloadConfig
     public $psr4 = [
         APP_NAMESPACE => APPPATH, // For custom app namespace
         'Config'      => APPPATH . 'Config',
+        'Dompdf'      => APPPATH . 'ThirdParty/dompdf/src',
     ];
 
     /**
diff --git a/ci4/app/Config/Routes.php b/ci4/app/Config/Routes.php
index 9ec4772e..a64fb69b 100644
--- a/ci4/app/Config/Routes.php
+++ b/ci4/app/Config/Routes.php
@@ -50,7 +50,6 @@ $routes->delete('api/user/(:segment)', 'Api::user/delete/$1');
  * Route Definitions
  * --------------------------------------------------------------------
  */
-
 $routes->group('tarifaacabado', ['namespace' => 'App\Controllers\Tarifas'], function ($routes) {
     $routes->get('', 'Tarifaacabado::index', ['as' => 'tarifaAcabadoList']);
     $routes->get('index', 'Tarifaacabado::index', ['as' => 'tarifaAcabadoIndex']);
@@ -472,13 +471,41 @@ $routes->group('cosidotapablanda', ['namespace' => 'App\Controllers\Presupuestos
     $routes->post('add', 'Cosidotapablanda::add', ['as' => 'createCosidotapablanda']);
     $routes->post('create', 'Cosidotapablanda::create', ['as' => 'ajaxCreateCosidotapablanda']);
     $routes->put('(:num)/update', 'Cosidotapablanda::update/$1', ['as' => 'ajaxUpdateCosidotapablanda']);
-    $routes->post('(:num)/edit', 'Cosidotapablanda::edit/$1', ['as' => 'updateCosidotapablanda']);
+    $routes->post('edit/(:num)', 'Cosidotapablanda::edit/$1', ['as' => 'updateCosidotapablanda']);
     $routes->post('datatable', 'Cosidotapablanda::datatable', ['as' => 'dataTableOfCosidotapablanda']);
+    $routes->post('datatable_2', 'Cosidotapablanda::datatable_2', ['as' => 'updateDataOfCosidotapablanda']);
     $routes->post('allmenuitems', 'Cosidotapablanda::allItemsSelect', ['as' => 'select2ItemsOfCosidotapablanda']);
     $routes->post('menuitems', 'Cosidotapablanda::menuItems', ['as' => 'menuItemsOfCosidotapablanda']);
 });
 $routes->resource('cosidotapablanda', ['namespace'  => 'App\Controllers\Presupuestos', 'controller' => 'Cosidotapablanda', 'except' => 'show,new,create,update']);
 
+$routes->group('serviciosacabados', ['namespace' => 'App\Controllers\Presupuestos'], function ($routes) {
+    $routes->post('datatable', 'PresupuestoAcabados::datatable', ['as' => 'dataTableOfPresupuestoAcabados']);
+    $routes->post('datatable_editor', 'PresupuestoAcabados::datatable_editor', ['as' => 'editorOfPresupuestoAcabados']);
+    $routes->get('delete/(:num)', 'PresupuestoAcabados::delete/$1', ['as' => 'deletePresupuestoAcabado']);
+});
+
+$routes->group('serviciosencuadernaciones', ['namespace' => 'App\Controllers\Presupuestos'], function ($routes) {
+    $routes->post('datatable', 'PresupuestoEncuadernaciones::datatable', ['as' => 'dataTableOfPresupuestoEncuadernaciones']);
+    $routes->post('datatable_editor', 'PresupuestoEncuadernaciones::datatable_editor', ['as' => 'editorOfPresupuestoEncuadernaciones']);
+});
+
+$routes->group('serviciosmanipulados', ['namespace' => 'App\Controllers\Presupuestos'], function ($routes) {
+    $routes->post('datatable', 'PresupuestoManipulados::datatable', ['as' => 'dataTableOfPresupuestoManipulados']);
+    $routes->post('datatable_editor', 'PresupuestoManipulados::datatable_editor', ['as' => 'editorOfPresupuestoManipulados']);
+});
+
+$routes->group('serviciospreimpresiones', ['namespace' => 'App\Controllers\Presupuestos'], function ($routes) {
+    $routes->post('datatable', 'PresupuestoPreimpresiones::datatable', ['as' => 'dataTableOfPresupuestoPreimpresiones']);
+    $routes->post('datatable_editor', 'PresupuestoPreimpresiones::datatable_editor', ['as' => 'editorOfPresupuestoPreimpresiones']);
+});
+
+$routes->group('printpresupuestos', ['namespace' => 'App\Controllers\Pdf'], function ($routes) {
+    $routes->get('', 'PrintPresupuestos::index', ['as' => 'viewPresupuesto']);
+    $routes->get('generar', 'PrintPresupuestos::generar', ['as' => 'presupuestoToPdf']);
+});
+
+
 /*
  * --------------------------------------------------------------------
  * Additional Routing
diff --git a/ci4/app/Controllers/Clientes/Cliente.php b/ci4/app/Controllers/Clientes/Cliente.php
index dc4ac6cb..f91714e1 100644
--- a/ci4/app/Controllers/Clientes/Cliente.php
+++ b/ci4/app/Controllers/Clientes/Cliente.php
@@ -312,11 +312,16 @@ class Cliente extends \App\Controllers\GoBaseResourceController
             $onlyActiveOnes = false;
             $columns2select = [$reqId ?? 'id', $reqText ?? 'nombre'];
             $onlyActiveOnes = false;
-            $menu = $this->model->getSelect2MenuItems($columns2select, $columns2select[1], $onlyActiveOnes, $searchStr);
-            $nonItem = new \stdClass;
-            $nonItem->id = '';
-            $nonItem->text = '- ' . lang('Basic.global.None') . ' -';
-            array_unshift($menu, $nonItem);
+            try{
+                $menu = $this->model->getSelect2MenuItems($columns2select, $columns2select[1], $onlyActiveOnes, $searchStr);
+                $nonItem = new \stdClass;
+                $nonItem->id = '';
+                $nonItem->text = '- ' . lang('Basic.global.None') . ' -';
+                array_unshift($menu, $nonItem);
+            }
+            catch(Exception $e){
+                $menu = [];
+            }
 
             $newTokenHash = csrf_hash();
             $csrfTokenName = csrf_token();
diff --git a/ci4/app/Controllers/Clientes/Tarifacliente.php b/ci4/app/Controllers/Clientes/Tarifacliente.php
deleted file mode 100644
index e8c7974e..00000000
--- a/ci4/app/Controllers/Clientes/Tarifacliente.php
+++ /dev/null
@@ -1,46 +0,0 @@
-<?php
-
-namespace App\Controllers\Clientes;
-use App\Controllers\BaseController;
-
-
-class Tarifacliente extends BaseController
-{ 
-    function __construct()
-    { 
-            
-    }
-
-    public function index()
-    {
-        $uri = service('uri');
-        $data['page_name'] = "Tarifa Cliente";
-        $data['url'] = base_url() . $uri->getSegment(1) . '/' . $uri->getSegment(2);
-        echo view(getenv('theme.path').'main/demo_view', $data);
-    } 
-
-    public function delete()
-    {
-        $uri = service('uri');
-        $data['page_name'] = "Tarifa Cliente";
-        $data['url'] = base_url() . $uri->getSegment(1) . '/' . $uri->getSegment(2);
-        echo view(getenv('theme.path').'main/demo_view', $data);
-    }
-
-    public function add()
-    {
-        $uri = service('uri');
-        $data['page_name'] = "Tarifa Cliente";
-        $data['url'] = base_url() . $uri->getSegment(1) . '/' . $uri->getSegment(2);
-        echo view(getenv('theme.path').'main/demo_view', $data);
-    }
-
-    public function edit()
-    {
-        $uri = service('uri');
-        $data['page_name'] = "Tarifa Cliente";
-        $data['url'] = base_url() . $uri->getSegment(1) . '/' . $uri->getSegment(2);
-        echo view(getenv('theme.path').'main/demo_view', $data);
-    }
-}
- 
\ No newline at end of file
diff --git a/ci4/app/Controllers/Configuracion/Formaspago.php b/ci4/app/Controllers/Configuracion/Formaspago.php
deleted file mode 100644
index e7b86ee0..00000000
--- a/ci4/app/Controllers/Configuracion/Formaspago.php
+++ /dev/null
@@ -1,232 +0,0 @@
-<?php namespace App\Controllers\Configuracion;
-
-
-use App\Entities\Configuracion\FormasPagoEntity;
-
-class Formaspago extends \App\Controllers\GoBaseController
-{
-
-    use \CodeIgniter\API\ResponseTrait;
-
-    protected static $primaryModelName = 'App\Models\Configuracion\FormasPagoModel';
-
-    protected static $singularObjectNameCc = 'formaPago';
-    protected static $singularObjectName = 'Forma Pago';
-    protected static $pluralObjectName = 'Formas Pago';
-    protected static $controllerSlug = 'formaspago';
-
-    protected static $viewPath = 'themes/backend/vuexy/form/configuracion/formas-pago/';
-
-    protected $indexRoute = 'formaPagoList';
-
-
-    public function initController(\CodeIgniter\HTTP\RequestInterface $request, \CodeIgniter\HTTP\ResponseInterface $response, \Psr\Log\LoggerInterface $logger)
-    {
-        $this->viewData['pageTitle'] = lang('FormasPagoes.moduleTitle');
-        parent::initController($request, $response, $logger);
-        $this->viewData['usingSweetAlert'] = true;
-
-        if (session('errorMessage')) {
-            $this->session->setFlashData('sweet-error', session('errorMessage'));
-        }
-        if (session('successMessage')) {
-            $this->session->setFlashData('sweet-success', session('successMessage'));
-        }
-    }
-
-    public function index()
-    {
-
-        $this->viewData['usingClientSideDataTable'] = true;
-
-        $this->viewData['pageSubTitle'] = lang('Basic.global.ManageAllRecords', [lang('FormasPagoes.formaPago')]);
-        parent::index();
-
-    }
-
-    public function add()
-    {
-
-
-        $requestMethod = $this->request->getMethod();
-
-        if ($requestMethod === 'post') :
-
-            $nullIfEmpty = true; // !(phpversion() >= '8.1');
-
-            $postData = $this->request->getPost();
-            $sanitizedData = $this->sanitized($postData, $nullIfEmpty);
-
-
-            $noException = true;
-            if ($successfulResult = $this->canValidate()) : // if ($successfulResult = $this->validate($this->formValidationRules) ) :
-
-
-                if ($this->canValidate()) :
-                    try {
-                        $successfulResult = $this->model->skipValidation(true)->save($sanitizedData);
-                    } catch (\Exception $e) {
-                        $noException = false;
-                        $this->dealWithException($e);
-                    }
-                else:
-                    $this->viewData['errorMessage'] = lang('Basic.global.formErr1', [lang('Basic.global.record')]);
-                    $this->session->setFlashdata('formErrors', $this->model->errors());
-                endif;
-
-                $thenRedirect = true;  // Change this to false if you want your user to stay on the form after submission
-            endif;
-            if ($noException && $successfulResult) :
-
-                $id = $this->model->db->insertID();
-
-                $message = lang('Basic.global.saveSuccess', [lang('Basic.global.record')]) . '.';
-
-                if ($thenRedirect) :
-                    if (!empty($this->indexRoute)) :
-                        return redirect()->to(route_to($this->indexRoute))->with('sweet-success', $message);
-                    else:
-                        return $this->redirect2listView('sweet-success', $message);
-                    endif;
-                else:
-                    $this->session->setFlashData('sweet-success', $message);
-                endif;
-
-            endif; // $noException && $successfulResult
-
-        endif; // ($requestMethod === 'post')
-
-        $this->viewData['formasPagoEntity'] = isset($sanitizedData) ? new FormasPagoEntity($sanitizedData) : new FormasPagoEntity();
-
-        $this->viewData['formAction'] = route_to('createFormaPago');
-
-        $this->viewData['boxTitle'] = lang('Basic.global.addNew') . ' ' . lang('FormasPagoes.formaPago') . ' ' . lang('Basic.global.addNewSuffix');
-
-
-        return $this->displayForm(__METHOD__);
-    } // end function add()
-
-    public function edit($requestedId = null)
-    {
-
-        if ($requestedId == null) :
-            return $this->redirect2listView();
-        endif;
-        $id = filter_var($requestedId, FILTER_SANITIZE_URL);
-        $formasPagoEntity = $this->model->find($id);
-
-        if ($formasPagoEntity == false) :
-            $message = lang('Basic.global.notFoundWithIdErr', [mb_strtolower(lang('FormasPagoes.formaPago')), $id]);
-            return $this->redirect2listView('sweet-error', $message);
-        endif;
-
-        $requestMethod = $this->request->getMethod();
-
-        if ($requestMethod === 'post') :
-
-            $nullIfEmpty = true; // !(phpversion() >= '8.1');
-
-            $postData = $this->request->getPost();
-            $sanitizedData = $this->sanitized($postData, $nullIfEmpty);
-
-
-            $noException = true;
-            if ($successfulResult = $this->canValidate()) : // if ($successfulResult = $this->validate($this->formValidationRules) ) :
-
-
-                if ($this->canValidate()) :
-                    try {
-                        $successfulResult = $this->model->skipValidation(true)->update($id, $sanitizedData);
-                    } catch (\Exception $e) {
-                        $noException = false;
-                        $this->dealWithException($e);
-                    }
-                else:
-                    $this->viewData['warningMessage'] = lang('Basic.global.formErr1', [mb_strtolower(lang('FormasPagoes.formaPago'))]);
-                    $this->session->setFlashdata('formErrors', $this->model->errors());
-
-                endif;
-
-                $formasPagoEntity->fill($sanitizedData);
-
-                $thenRedirect = false;
-            endif;
-            if ($noException && $successfulResult) :
-                $id = $formasPagoEntity->id ?? $id;
-                $message = lang('Basic.global.updateSuccess', [lang('Basic.global.record')]) . '.';
-
-                if ($thenRedirect) :
-                    if (!empty($this->indexRoute)) :
-                        return redirect()->to(route_to($this->indexRoute))->with('sweet-success', $message);
-                    else:
-                        return $this->redirect2listView('sweet-success', $message);
-                    endif;
-                else:
-                    $this->session->setFlashData('sweet-success', $message);
-                endif;
-
-            endif; // $noException && $successfulResult
-        endif; // ($requestMethod === 'post')
-
-        $this->viewData['formasPagoEntity'] = $formasPagoEntity;
-
-        $this->viewData['formAction'] = route_to('updateFormaPago', $id);
-
-        $this->viewData['boxTitle'] = lang('Basic.global.edit2') . ' ' . lang('FormasPagoes.formaPago') . ' ' . lang('Basic.global.edit3');
-
-
-        return $this->displayForm(__METHOD__, $id);
-    } // end function edit(...)
-
-
-    public function allItemsSelect()
-    {
-        if ($this->request->isAJAX()) {
-            $onlyActiveOnes = true;
-            $reqVal = $this->request->getPost('val') ?? 'id';
-            $menu = $this->model->getAllForMenu($reqVal . ', nombre', 'nombre', $onlyActiveOnes, false);
-            $nonItem = new \stdClass;
-            $nonItem->id = '';
-            $nonItem->nombre = '- ' . lang('Basic.global.None') . ' -';
-            array_unshift($menu, $nonItem);
-
-            $newTokenHash = csrf_hash();
-            $csrfTokenName = csrf_token();
-            $data = [
-                'menu' => $menu,
-                $csrfTokenName => $newTokenHash
-            ];
-            return $this->respond($data);
-        } else {
-            return $this->failUnauthorized('Invalid request', 403);
-        }
-    }
-
-    public function menuItems()
-    {
-        if ($this->request->isAJAX()) {
-            $searchStr = goSanitize($this->request->getPost('searchTerm'))[0];
-            $reqId = goSanitize($this->request->getPost('id'))[0];
-            $reqText = goSanitize($this->request->getPost('text'))[0];
-            $onlyActiveOnes = false;
-            $columns2select = [$reqId ?? 'id', $reqText ?? 'nombre'];
-            $onlyActiveOnes = false;
-            $menu = $this->model->getSelect2MenuItems($columns2select, $columns2select[1], $onlyActiveOnes, $searchStr);
-            $nonItem = new \stdClass;
-            $nonItem->id = '';
-            $nonItem->text = '- ' . lang('Basic.global.None') . ' -';
-            array_unshift($menu, $nonItem);
-
-            $newTokenHash = csrf_hash();
-            $csrfTokenName = csrf_token();
-            $data = [
-                'menu' => $menu,
-                $csrfTokenName => $newTokenHash
-            ];
-            return $this->respond($data);
-        } else {
-            return $this->failUnauthorized('Invalid request', 403);
-        }
-    }
-
-}
diff --git a/ci4/app/Controllers/Configuracion/Maquinascalles.php b/ci4/app/Controllers/Configuracion/Maquinascalles.php
index c5816014..9c46a46c 100644
--- a/ci4/app/Controllers/Configuracion/Maquinascalles.php
+++ b/ci4/app/Controllers/Configuracion/Maquinascalles.php
@@ -52,19 +52,12 @@ class Maquinascalles extends \App\Controllers\GoBaseResourceController
             // Build our Editor instance and process the data coming from _POST
             $response = Editor::inst($db, 'maquinas_calles')
                 ->fields(
-                    Field::inst('formas_min')
+                    Field::inst('formas')
                         ->validator('Validate::numeric', array(
-                                'message' => lang('MaquinasCalles.validation.formas_min.integer'))
+                                'message' => lang('MaquinasCalles.validation.formas.integer'))
                         )
                         ->validator('Validate::notEmpty', array(
-                                'message' => lang('MaquinasCalles.validation.formas_min.required'))
-                        ),
-                    Field::inst('formas_max')
-                        ->validator('Validate::numeric', array(
-                                'message' => lang('MaquinasCalles.validation.formas_max.integer'))
-                        )
-                        ->validator('Validate::notEmpty', array(
-                                'message' => lang('MaquinasCalles.validation.formas_max.required'))
+                                'message' => lang('MaquinasCalles.validation.formas.required'))
                         ),
                     Field::inst('internas')
                         ->validator('Validate::numeric', array(
@@ -94,10 +87,9 @@ class Maquinascalles extends \App\Controllers\GoBaseResourceController
                         foreach ($data['data'] as $pkey => $values) {
                             // Si no se quiere borrar...
                             if ($data['data'][$pkey]['is_deleted'] != 1) {
-                                $process_data['formas_min'] = $data['data'][$pkey]['formas_min'];
-                                $process_data['formas_max'] = $data['data'][$pkey]['formas_max'];
+                                $process_data['formas'] = $data['data'][$pkey]['formas'];
                                 $process_data['maquina_id'] = $data['data'][$pkey]['maquina_id'];
-                                $response = $this->model->checkIntervals($process_data, $pkey);
+                                $response = $this->model->checkDuplicatedFormas($process_data, $pkey);
                                 // No se pueden duplicar valores al crear o al editar
                                 if (!empty($response)) {
                                     return $response;
diff --git a/ci4/app/Controllers/Configuracion/Maquinaspapelesimpresion.php b/ci4/app/Controllers/Configuracion/Maquinaspapelesimpresion.php
index 0f05f073..15cfc882 100644
--- a/ci4/app/Controllers/Configuracion/Maquinaspapelesimpresion.php
+++ b/ci4/app/Controllers/Configuracion/Maquinaspapelesimpresion.php
@@ -78,8 +78,17 @@ class Maquinaspapelesimpresion extends \App\Controllers\GoBaseResourceController
             $length = $reqData['length'] ?? 5;
             $search = $reqData['search']['value'];
             $requestedOrder = $reqData['order']['0']['column'] ?? 1;
-            $order = MaquinasPapelesImpresionModel::SORTABLE[$requestedOrder >= 0 ? $requestedOrder : 1];
+            $requestedOrder2 = $reqData['order']['1']['column'] ?? $requestedOrder;
+            $requestedOrder3 = $reqData['order']['2']['column'] ?? $requestedOrder;
+            $requestedOrder4 = $reqData['order']['3']['column'] ?? $requestedOrder;
+            $order = MaquinasPapelesImpresionModel::SORTABLE[$requestedOrder >= 0 ? $requestedOrder : 0];
+            $order2 = MaquinasPapelesImpresionModel::SORTABLE[$requestedOrder2 >= 0 ? $requestedOrder2 : $requestedOrder];
+            $order3 = MaquinasPapelesImpresionModel::SORTABLE[$requestedOrder3 >= 0 ? $requestedOrder3 : $requestedOrder];
+            $order4 = MaquinasPapelesImpresionModel::SORTABLE[$requestedOrder4 >= 0 ? $requestedOrder4 : $requestedOrder];
             $dir = $reqData['order']['0']['dir'] ?? 'asc';
+            $dir2 = $reqData['order']['1']['dir'] ?? $dir;
+            $dir3 = $reqData['order']['2']['dir'] ?? $dir;
+            $dir4= $reqData['order']['3']['dir'] ?? $dir;
 
             $maquina_id = $reqData['maquina_id'] ?? -1; 
             // Para saber si el papel que se tiene que mostrar es para rotativa
@@ -88,11 +97,12 @@ class Maquinaspapelesimpresion extends \App\Controllers\GoBaseResourceController
             // Se obtienen las líneas de las tarifas seleccionadas para esta máquina
             $tarifas = $tarifa_model->getResource("", $maquina_id)->get()->getResultObject();
 
-            $resourceData = $this->model->getResource($search, $isRotativa, $tarifas, $maquina_id)->orderBy($order, $dir)->limit($length, $start)->get()->getResultObject();
+            $resourceData = $this->model->getResource($search, $isRotativa, $tarifas, $maquina_id)
+                ->orderBy($order, $dir)->orderBy($order2, $dir2)->orderBy($order3, $dir3)->orderBy($order4, $dir4)->limit($length, $start)->get()->getResultObject();
 
             return $this->respond(Collection::datatable(
                 $resourceData,
-                $this->model->getResource()->countAllResults(),
+                $this->model->getResource("", $isRotativa, $tarifas, $maquina_id)->countAllResults(),
                 $this->model->getResource($search, $isRotativa, $tarifas, $maquina_id)->countAllResults()
             ));
         } else {
@@ -115,14 +125,25 @@ class Maquinaspapelesimpresion extends \App\Controllers\GoBaseResourceController
             $start = $reqData['start'] ?? 0;
             $length = $reqData['length'] ?? 5;
             $search = $reqData['search']['value'];
-            $requestedOrder = $reqData['order']['0']['column'] ?? 1;
-            $order = MaquinasPapelesImpresionModel::SORTABLE_2[$requestedOrder >= 0 ? $requestedOrder : 1];
+            $requestedOrder = $reqData['order']['0']['column'] ?? 0;
+            $requestedOrder2 = $reqData['order']['1']['column'] ?? $requestedOrder;
+            $requestedOrder3 = $reqData['order']['2']['column'] ?? $requestedOrder;
+            $requestedOrder4 = $reqData['order']['3']['column'] ?? $requestedOrder;
+            $order = MaquinasPapelesImpresionModel::SORTABLE_2[$requestedOrder >= 0 ? $requestedOrder : 0];
+            $order2 = MaquinasPapelesImpresionModel::SORTABLE_2[$requestedOrder2 >= 0 ? $requestedOrder2 : $requestedOrder];
+            $order3 = MaquinasPapelesImpresionModel::SORTABLE_2[$requestedOrder3 >= 0 ? $requestedOrder3 : $requestedOrder];
+            $order4 = MaquinasPapelesImpresionModel::SORTABLE_2[$requestedOrder4 >= 0 ? $requestedOrder4 : $requestedOrder];
             $dir = $reqData['order']['0']['dir'] ?? 'asc';
+            $dir2 = $reqData['order']['1']['dir'] ?? $dir;
+            $dir3 = $reqData['order']['2']['dir'] ?? $dir;
+            $dir4= $reqData['order']['3']['dir'] ?? $dir;
+
 
             $papel_id = $reqData['papel_id'] ?? -1;
             $isRotativa = $reqData['isRotativa'] ?? -1; 
             
-            $resourceData = $this->model->getResource_maquinas($search, $papel_id, $isRotativa)->orderBy($order, $dir)->limit($length, $start)->get()->getResultObject();
+            $resourceData = $this->model->getResource_maquinas($search, $papel_id, $isRotativa)
+                ->orderBy($order, $dir)->orderBy($order2, $dir2)->orderBy($order3, $dir3)->orderBy($order4, $dir4)->limit($length, $start)->get()->getResultObject();
 
             return $this->respond(Collection::datatable(
                 $resourceData,
diff --git a/ci4/app/Controllers/GoBaseResourceController.php b/ci4/app/Controllers/GoBaseResourceController.php
index 86433d87..8b210d98 100644
--- a/ci4/app/Controllers/GoBaseResourceController.php
+++ b/ci4/app/Controllers/GoBaseResourceController.php
@@ -255,18 +255,28 @@ abstract class GoBaseResourceController extends \CodeIgniter\RESTful\ResourceCon
 
     /**
      * Convenience method to validate form submission
+     * JJO: Se le añade las reglas y los mensajes custom
      * @return bool
      */
-    protected function canValidate()
+    protected function canValidate($customValidationRules = null, $customValidationMessages = null)
     {
 
-        $validationRules = $this->model->validationRules ?? $this->formValidationRules ?? null;
-
+        if($customValidationRules == null){
+            $validationRules = $this->model->validationRules ?? $this->formValidationRules ?? null;
+        }
+        else{
+            $validationRules = $customValidationRules;
+        }
         if ($validationRules == null) {
             return true;
         }
 
-        $validationErrorMessages = $this->model->validationMessages ??  $this->formValidationErrorMessagess ?? null;;
+        if($customValidationMessages == null){
+            $validationErrorMessages = $this->model->validationMessages ??  $this->formValidationErrorMessagess ?? null;;
+        }
+        else{
+            $validationErrorMessages = $customValidationMessages;
+        }
 
         if ($validationErrorMessages != null) {
             $valid = $this->validate($validationRules, $validationErrorMessages);
diff --git a/ci4/app/Controllers/Js_loader.php b/ci4/app/Controllers/Js_loader.php
new file mode 100644
index 00000000..543ec711
--- /dev/null
+++ b/ci4/app/Controllers/Js_loader.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace App\Controllers;
+use App\Controllers\BaseController;
+
+
+class Js_loader extends BaseController
+{
+
+    function __construct()
+    {
+
+    }
+
+
+
+    function comparadorCosidoTapaBlanda_js()
+    {
+        $this->response->setHeader('Content-Type', 'text/javascript');
+        return view('themes/backend/vuexy/form/presupuestos/cosidotapablanda/comparador.js');
+
+    }
+
+    function previsualizador_js()
+    {
+        $this->response->setHeader('Content-Type', 'text/javascript');
+        return view('themes/backend/vuexy/form/presupuestos/cosidotapablanda/previews.js');
+    }
+
+
+}
+ 
\ No newline at end of file
diff --git a/ci4/app/Controllers/Pdf/PrintPresupuestos.php b/ci4/app/Controllers/Pdf/PrintPresupuestos.php
new file mode 100644
index 00000000..4469e9dd
--- /dev/null
+++ b/ci4/app/Controllers/Pdf/PrintPresupuestos.php
@@ -0,0 +1,27 @@
+<?php
+namespace App\Controllers\Pdf;
+
+use App\Controllers\BaseController;
+
+
+class PrintPresupuestos extends BaseController
+{
+    function __construct()
+    {
+
+    }
+    public function index()
+    {
+
+        //return view('pdf_view');
+        return view(getenv('theme.path').'pdfs/presupuesto');
+    }
+    public function generar(){
+        $dompdf = new \Dompdf\Dompdf(['isRemoteEnabled' => true]);
+        //$dompdf->loadHtml(view('pdf_view'));
+        $dompdf->loadHtml(view(getenv('theme.path').'pdfs/presupuesto'));
+        $dompdf->setPaper('A4', 'portrait');
+        $dompdf->render();
+        $dompdf->stream('presupuesto-demo.pdf');
+    }
+}
\ No newline at end of file
diff --git a/ci4/app/Controllers/Presupuestos/Cosidotapablanda.php b/ci4/app/Controllers/Presupuestos/Cosidotapablanda.php
index 520929dc..33f3924f 100644
--- a/ci4/app/Controllers/Presupuestos/Cosidotapablanda.php
+++ b/ci4/app/Controllers/Presupuestos/Cosidotapablanda.php
@@ -3,13 +3,19 @@
 namespace App\Controllers\Presupuestos;
 
 use App\Controllers\GoBaseResourceController;
-
+use App\Entities\Configuracion\Maquina;
 use App\Models\Collection;
 
 use App\Entities\Presupuestos\PresupuestoEntity;
 use App\Models\Configuracion\PapelGenericoModel;
 use App\Models\Presupuestos\PresupuestoModel;
 
+use App\Services\PresupuestoService;
+use App\Models\Configuracion\PapelImpresionModel;
+use App\Models\Configuracion\MaquinaModel;
+use App\Models\Configuracion\MaquinasTarifasImpresionModel;
+use Exception;
+
 class Cosidotapablanda extends \App\Controllers\GoBaseResourceController
 {
 
@@ -90,10 +96,9 @@ class Cosidotapablanda extends \App\Controllers\GoBaseResourceController
             $sanitizedData['user_created_id'] = $session->id_user;
 
             $noException = true;
-            if ($successfulResult = $this->canValidate()) : // if ($successfulResult = $this->validate($this->formValidationRules) ) :
+            if ($successfulResult = $this->canValidate($this->model->validationRulesAdd, $this->model->validationMessagesAdd)) : // if ($successfulResult = $this->validate($this->formValidationRules) ) :
 
-
-                if ($this->canValidate()) :
+                if ($this->canValidate($this->model->validationRulesAdd, $this->model->validationMessagesAdd)) :
                     try {
                         $successfulResult = $this->model->skipValidation(true)->save($sanitizedData);
                     } catch (\Exception $e) {
@@ -111,14 +116,15 @@ class Cosidotapablanda extends \App\Controllers\GoBaseResourceController
 
                 $id = $this->model->db->insertID();
 
-                $message = lang('Basic.global.saveSuccess', [mb_strtolower(lang('Presupuestos.presupuesto'))]) . '.';
-                $message .= anchor("admin/presupuestos/{$id}/edit", lang('Basic.global.continueEditing') . '?');
-                $message = ucfirst(str_replace("'", "\'", $message));
+                $lp_model = model('App\Models\Presupuestos\PresupuestoLineaModel');
+                $lp_model->createForPresupuesto($id);
+
+                $message = lang('Basic.global.saveSuccess', [lang('Basic.global.record')]) . '.';
 
                 if ($thenRedirect) :
                     if (!empty($this->indexRoute)) :
                         //return redirect()->to(route_to( $this->indexRoute )  )->with('sweet-success', $message);
-                        return redirect()->to(site_url('presupuestos/presupuestos/edit/' . $id))->with('sweet-success', $message);
+                        return redirect()->to(site_url('presupuestos/cosidotapablanda/edit/' . $id))->with('sweet-success', $message);
                     else :
                         return $this->redirect2listView('sweet-success', $message);
                     endif;
@@ -132,248 +138,152 @@ class Cosidotapablanda extends \App\Controllers\GoBaseResourceController
 
         $this->viewData['presupuestoEntity'] = isset($sanitizedData) ? new PresupuestoEntity($sanitizedData) : new PresupuestoEntity();
         $this->viewData['clienteList'] = $this->getClienteListItems($presupuestoEntity->cliente_id ?? null);
-        $this->viewData['incReiList'] = array('incidencia'=>lang('Presupuestos.incidencia'), 'reimpresion'=>lang('Presupuestos.reimpresion'), 'sin_cargo'=>lang('Presupuestos.sinCargo'));
+        $this->viewData['incReiList'] = array('incidencia' => lang('Presupuestos.incidencia'), 'reimpresion' => lang('Presupuestos.reimpresion'), 'sin_cargo' => lang('Presupuestos.sinCargo'));
         $this->viewData['paisList'] = $this->getPaisListItems();
-        $this->viewData['papelFormatoList'] = $this->getPapelFormatoListItems($presupuestoEntity->papel_formato_id ?? null);
-        $this->viewData['papelGenericoNegroList'] = $this->getPapelGenericoNegro();
-        $this->viewData['papelGenericoNegroHQList'] = $this->getPapelGenericoNegroHQ();
-        $this->viewData['papelGenericoColorList'] = $this->getPapelGenericoColor();
-        $this->viewData['papelGenericoColorHQList'] = $this->getPapelGenericoColorHQ();
-        $this->viewData['papelGenericoCubiertaList'] = $this->getPapelGenericoCubierta();
-        $this->viewData['papelGenericoSobrecubiertaList'] = $this->getPapelGenericoSobreCubierta();
-    
         
-        
-        /*
-        
-        $this->viewData['formaPagoList'] = $this->getFormaPagoListItems();
-        $this->viewData['tiposImpresionList'] = $this->getTiposImpresionListItems($presupuestoEntity->tipo_impresion_id ?? null);
-        $this->viewData['tipologiasLibroList'] = $this->getTipologiasLibroListItems($presupuestoEntity->tipologia_id ?? null);
-        
-        $this->viewData['ubicacionLibroList'] = $this->getUbicacionLibroListItems($presupuestoEntity->ubicacion_id ?? null);
-        $this->viewData['presupuestoEstadoList'] = $this->getPresupuestoEstadoListItems($presupuestoEntity->estado_id ?? null);
-        
-        $this->viewData['papelGenericoList'] = $this->getPapelGenericoListItems($presupuestoEntity->paginas_negro_papel_id ?? null);
-        $this->viewData['papelImpresionList'] = $this->getPapelImpresionListItems($presupuestoEntity->paginas_negro_papel_impresion_id ?? null);
-        $this->viewData['maquinaList'] = $this->getMaquinaListItems($presupuestoEntity->paginas_negro_maquina_id ?? null);
-        $this->viewData['maquinasTarifasImpresionList'] = $this->getMaquinasTarifasImpresionListItems($presupuestoEntity->paginas_negro_tarifa_impresion_id ?? null);
-        $this->viewData['papelGenericoList2'] = $this->getPapelGenericoListItems2($presupuestoEntity->paginas_color_papel_id ?? null);
-        $this->viewData['papelImpresionList2'] = $this->getPapelImpresionListItems2($presupuestoEntity->paginas_color_papel_impresion_id ?? null);
-        $this->viewData['maquinaList2'] = $this->getMaquinaListItems2($presupuestoEntity->paginas_color_maquina_id ?? null);
-        $this->viewData['maquinasTarifasImpresionList2'] = $this->getMaquinasTarifasImpresionListItems2($presupuestoEntity->paginas_color_tarifa_impresion_id ?? null);
-        $this->viewData['papelGenericoList3'] = $this->getPapelGenericoListItems3($presupuestoEntity->paginas_portada_papel_id ?? null);
-        $this->viewData['papelImpresionList3'] = $this->getPapelImpresionListItems3($presupuestoEntity->paginas_portada_papel_impresion_id ?? null);
-        $this->viewData['maquinaList3'] = $this->getMaquinaListItems3($presupuestoEntity->paginas_portada_maquina_id ?? null);
-        $this->viewData['maquinasTarifasImpresionList3'] = $this->getMaquinasTarifasImpresionListItems3($presupuestoEntity->paginas_portada_tarifa_impresion_id ?? null);
-        $this->viewData['papelGenericoList4'] = $this->getPapelGenericoListItems4($presupuestoEntity->paginas_cubierta_papel_id ?? null);
-        $this->viewData['papelImpresionList4'] = $this->getPapelImpresionListItems4($presupuestoEntity->paginas_cubierta_papel_impresion_id ?? null);
-        $this->viewData['maquinaList4'] = $this->getMaquinaListItems4($presupuestoEntity->paginas_cubierta_maquina_id ?? null);
-        $this->viewData['maquinasTarifasImpresionList4'] = $this->getMaquinasTarifasImpresionListItems4($presupuestoEntity->paginas_cubierta_tarifa_impresion_id ?? null);
-        $this->viewData['userList'] = $this->getUserListItems($presupuestoEntity->total_confirmado_user_id ?? null);
-        $this->viewData['userList2'] = $this->getUserListItems2($presupuestoEntity->aprobado_user_id ?? null);
-        $this->viewData['userList3'] = $this->getUserListItems3($presupuestoEntity->pedido_espera_user_id ?? null);
-        $this->viewData['paginasCubiertaList'] = $this->getPaginasCubiertaOptions();
-        $this->viewData['paginasPortadaList'] = $this->getPaginasPortadaOptions();
-        */
+        $this->viewData['tipo_impresion_id'] = 4; // Cosido tapa blanda JJO
+
         $this->viewData['formAction'] = route_to('createCosidotapablanda');
 
         $this->viewData['boxTitle'] = lang('Basic.global.addNew') . ' ' . lang('Presupuestos.moduleTitleCosidoTB') . ' ' . lang('Basic.global.addNewSuffix');
 
-        /* TEST JS LOADER */
-        //$this->viewData['global_js_variables'] = array('jsVarTest' => "'Hola Jaime'");
-
-
         return $this->displayForm(__METHOD__);
     } // end function add()
 
     public function edit($requestedId = null)
     {
 
-        // JJO
-        $session = session();
+             // JJO
+            $session = session();
 
-        if ($requestedId == null) :
-            return $this->redirect2listView();
-        endif;
-        $id = filter_var($requestedId, FILTER_SANITIZE_URL);
-        $presupuestoEntity = $this->model->find($id);
-
-        if ($presupuestoEntity == false) :
-            $message = lang('Basic.global.notFoundWithIdErr', [mb_strtolower(lang('Presupuestos.presupuesto')), $id]);
-            return $this->redirect2listView('sweet-error', $message);
-        endif;
-
-        $requestMethod = $this->request->getMethod();
-
-        if ($requestMethod === 'post') :
-
-            $nullIfEmpty = true; // !(phpversion() >= '8.1');
-
-            $postData = $this->request->getPost();
-
-            $sanitizedData = $this->sanitized($postData, $nullIfEmpty);
-            if ($this->request->getPost('recoger_en_taller') == null) {
-                $sanitizedData['recoger_en_taller'] = false;
-            }
-            if ($this->request->getPost('ferro') == null) {
-                $sanitizedData['ferro'] = false;
-            }
-            if ($this->request->getPost('ferro_digital') == null) {
-                $sanitizedData['ferro_digital'] = false;
-            }
-            if ($this->request->getPost('marcapaginas') == null) {
-                $sanitizedData['marcapaginas'] = false;
-            }
-            if ($this->request->getPost('papel_formato_personalizado') == null) {
-                $sanitizedData['papel_formato_personalizado'] = false;
-            }
-            if ($this->request->getPost('solapas') == null) {
-                $sanitizedData['solapas'] = false;
-            }
-            if ($this->request->getPost('cosido') == null) {
-                $sanitizedData['cosido'] = false;
-            }
-            if ($this->request->getPost('cubiertas') == null) {
-                $sanitizedData['cubiertas'] = false;
-            }
-            if ($this->request->getPost('imagenes_bn_interior') == null) {
-                $sanitizedData['imagenes_bn_interior'] = false;
-            }
-            if ($this->request->getPost('en_produccion') == null) {
-                $sanitizedData['en_produccion'] = false;
-            }
-            if ($this->request->getPost('en_espera') == null) {
-                $sanitizedData['en_espera'] = false;
-            }
-            if ($this->request->getPost('modo_comparador') == null) {
-                $sanitizedData['modo_comparador'] = false;
-            }
-            if ($this->request->getPost('paginas_negro_hq') == null) {
-                $sanitizedData['paginas_negro_hq'] = false;
-            }
-            if ($this->request->getPost('paginas_negro_check_papel_total') == null) {
-                $sanitizedData['paginas_negro_check_papel_total'] = false;
-            }
-            if ($this->request->getPost('paginas_negro_check_impresion_total') == null) {
-                $sanitizedData['paginas_negro_check_impresion_total'] = false;
-            }
-            if ($this->request->getPost('paginas_color_check_papel_total') == null) {
-                $sanitizedData['paginas_color_check_papel_total'] = false;
-            }
-            if ($this->request->getPost('paginas_color_check_impresion_total') == null) {
-                $sanitizedData['paginas_color_check_impresion_total'] = false;
-            }
-            if ($this->request->getPost('paginas_portada_check_papel_total') == null) {
-                $sanitizedData['paginas_portada_check_papel_total'] = false;
-            }
-            if ($this->request->getPost('paginas_portada_check_impresion_total') == null) {
-                $sanitizedData['paginas_portada_check_impresion_total'] = false;
-            }
-            if ($this->request->getPost('paginas_cubierta_papel_impresion_id') == null) {
-                $sanitizedData['paginas_cubierta_papel_impresion_id'] = false;
-            }
-            if ($this->request->getPost('paginas_cubierta_check_papel_total') == null) {
-                $sanitizedData['paginas_cubierta_check_papel_total'] = false;
-            }
-            if ($this->request->getPost('paginas_cubierta_check_impresion_total') == null) {
-                $sanitizedData['paginas_cubierta_check_impresion_total'] = false;
-            }
-            if ($this->request->getPost('isDig') == null) {
-                $sanitizedData['isDig'] = false;
-            }
-            if ($this->request->getPost('envios_recoge_cliente') == null) {
-                $sanitizedData['envios_recoge_cliente'] = false;
-            }
-            if ($this->request->getPost('fecha_entrega_real_aviso') == null) {
-                $sanitizedData['fecha_entrega_real_aviso'] = false;
-            }
-
-            // JJO
-            $sanitizedData['user_updated_id'] = $session->id_user;
-
-            $noException = true;
-            if ($successfulResult = $this->canValidate()) : // if ($successfulResult = $this->validate($this->formValidationRules) ) :
-
-
-
-                if ($this->canValidate()) :
-                    try {
-                        $successfulResult = $this->model->skipValidation(true)->update($id, $sanitizedData);
-                    } catch (\Exception $e) {
-                        $noException = false;
-                        $this->dealWithException($e);
-                    }
-                else :
-                    $this->viewData['warningMessage'] = lang('Basic.global.formErr1', [mb_strtolower(lang('Presupuestos.presupuesto'))]);
-                    $this->session->setFlashdata('formErrors', $this->model->errors());
-
-                endif;
-
-                $presupuestoEntity->fill($sanitizedData);
-
-                $thenRedirect = true;
+            if ($requestedId == null) :
+                return $this->redirect2listView();
             endif;
-            if ($noException && $successfulResult) :
-                $id = $presupuestoEntity->id ?? $id;
-                $message = lang('Basic.global.updateSuccess', [mb_strtolower(lang('Presupuestos.presupuesto'))]) . '.';
-                $message .= anchor("admin/presupuestos/{$id}/edit", lang('Basic.global.continueEditing') . '?');
-                $message = ucfirst(str_replace("'", "\'", $message));
+            $id = filter_var($requestedId, FILTER_SANITIZE_URL);
+            $presupuestoEntity = $this->model->find($id);
 
-                if ($thenRedirect) :
-                    if (!empty($this->indexRoute)) :
-                        return redirect()->to(route_to($this->indexRoute))->with('sweet-success', $message);
+            if ($presupuestoEntity == false) :
+                $message = lang('Basic.global.notFoundWithIdErr', [mb_strtolower(lang('Presupuestos.presupuesto')), $id]);
+                return $this->redirect2listView('sweet-error', $message);
+            endif;
+
+            $requestMethod = $this->request->getMethod();
+
+            if ($requestMethod === 'post') :
+
+                $nullIfEmpty = true; // !(phpversion() >= '8.1');
+
+                $postData = $this->request->getPost();
+
+                $postData['updated_at'] = gmdate('Y-m-d H:m:s', time());
+
+                $sanitizedData = $this->sanitized($postData, $nullIfEmpty);
+                
+                // JJO
+                $sanitizedData['user_updated_id'] = $session->id_user;
+
+                $noException = true;
+                if ($successfulResult = $this->canValidate()) : // if ($successfulResult = $this->validate($this->formValidationRules) ) :
+
+
+
+                    if ($this->canValidate()) :
+                        try {
+                            $successfulResult = $this->model->skipValidation(true)->update($id, $sanitizedData);
+                        } catch (\Exception $e) {
+                            $noException = false;
+                            $this->dealWithException($e);
+                        }
                     else :
-                        return $this->redirect2listView('sweet-success', $message);
-                    endif;
-                else :
-                    $this->session->setFlashData('sweet-success', $message);
-                endif;
+                        $this->viewData['warningMessage'] = lang('Basic.global.formErr1', [mb_strtolower(lang('Presupuestos.presupuesto'))]);
+                        $this->session->setFlashdata('formErrors', $this->model->errors());
+
+                    endif;
+
+                    $presupuestoEntity->fill($sanitizedData);
+
+                    $thenRedirect = false;
+                endif;
+                if ($noException && $successfulResult) :
+                    $id = $presupuestoEntity->id ?? $id;
+                    $message = lang('Basic.global.updateSuccess', [mb_strtolower(lang('Presupuestos.presupuesto'))]) . '.';
+                   // $message .= anchor("admin/presupuestos/{$id}/edit", lang('Basic.global.continueEditing') . '?');
+                    //$message = ucfirst(str_replace("'", "\'", $message));
+
+                    if ($thenRedirect) :
+                        if (!empty($this->indexRoute)) :
+                            return redirect()->to(route_to($this->indexRoute))->with('sweet-success', $message);
+                        else :
+                            if ($this->request->isAJAX()) {
+                                $newTokenHash = csrf_hash();
+                                $csrfTokenName = csrf_token();
+                                $data = [
+                                    'mensaje' => $message,
+                                    $csrfTokenName => $newTokenHash
+                                ];
+                                return $this->respond($data);
+                            }
+                            else{
+                                return $this->redirect2listView('sweet-success', $message);
+                            }
+                            
+                        endif;
+                    else :
+                        if ($this->request->isAJAX()) {
+                            $newTokenHash = csrf_hash();
+                            $csrfTokenName = csrf_token();
+                            $data = [
+                                'mensaje' => $message,
+                                $csrfTokenName => $newTokenHash
+                            ];
+                            return $this->respond($data);
+                        }
+                        else{
+                            $this->session->setFlashData('sweet-success', $message);
+                        }
+                    endif;
+
+                endif; // $noException && $successfulResult
+            endif; // ($requestMethod === 'post')
 
-            endif; // $noException && $successfulResult
-        endif; // ($requestMethod === 'post')
 
         $this->viewData['presupuestoEntity'] = $presupuestoEntity;
-        $this->viewData['clienteList'] = $this->getClienteListItems($presupuestoEntity->cliente_id ?? null);
-        $this->viewData['formaPagoList'] = $this->getFormaPagoListItems();
-        $this->viewData['tiposImpresionList'] = $this->getTiposImpresionListItems($presupuestoEntity->tipo_impresion_id ?? null);
-        $this->viewData['tipologiasLibroList'] = $this->getTipologiasLibroListItems($presupuestoEntity->tipologia_id ?? null);
-        $this->viewData['paisList'] = $this->getPaisListItems();
-        $this->viewData['ubicacionLibroList'] = $this->getUbicacionLibroListItems($presupuestoEntity->ubicacion_id ?? null);
-        $this->viewData['presupuestoEstadoList'] = $this->getPresupuestoEstadoListItems($presupuestoEntity->estado_id ?? null);
-        $this->viewData['papelFormatoList'] = $this->getPapelFormatoListItems($presupuestoEntity->papel_formato_id ?? null);
-        $this->viewData['papelGenericoList'] = $this->getPapelGenericoListItems($presupuestoEntity->paginas_negro_papel_id ?? null);
-        $this->viewData['papelImpresionList'] = $this->getPapelImpresionListItems($presupuestoEntity->paginas_negro_papel_impresion_id ?? null);
-        $this->viewData['maquinaList'] = $this->getMaquinaListItems($presupuestoEntity->paginas_negro_maquina_id ?? null);
-        $this->viewData['maquinasTarifasImpresionList'] = $this->getMaquinasTarifasImpresionListItems($presupuestoEntity->paginas_negro_tarifa_impresion_id ?? null);
-        $this->viewData['papelGenericoList2'] = $this->getPapelGenericoListItems2($presupuestoEntity->paginas_color_papel_id ?? null);
-        $this->viewData['papelImpresionList2'] = $this->getPapelImpresionListItems2($presupuestoEntity->paginas_color_papel_impresion_id ?? null);
-        $this->viewData['maquinaList2'] = $this->getMaquinaListItems2($presupuestoEntity->paginas_color_maquina_id ?? null);
-        $this->viewData['maquinasTarifasImpresionList2'] = $this->getMaquinasTarifasImpresionListItems2($presupuestoEntity->paginas_color_tarifa_impresion_id ?? null);
-        $this->viewData['papelGenericoList3'] = $this->getPapelGenericoListItems3($presupuestoEntity->paginas_portada_papel_id ?? null);
-        $this->viewData['papelImpresionList3'] = $this->getPapelImpresionListItems3($presupuestoEntity->paginas_portada_papel_impresion_id ?? null);
-        $this->viewData['maquinaList3'] = $this->getMaquinaListItems3($presupuestoEntity->paginas_portada_maquina_id ?? null);
-        $this->viewData['maquinasTarifasImpresionList3'] = $this->getMaquinasTarifasImpresionListItems3($presupuestoEntity->paginas_portada_tarifa_impresion_id ?? null);
-        $this->viewData['papelGenericoList4'] = $this->getPapelGenericoListItems4($presupuestoEntity->paginas_cubierta_papel_id ?? null);
-        $this->viewData['papelImpresionList4'] = $this->getPapelImpresionListItems4($presupuestoEntity->paginas_cubierta_papel_impresion_id ?? null);
-        $this->viewData['maquinaList4'] = $this->getMaquinaListItems4($presupuestoEntity->paginas_cubierta_maquina_id ?? null);
-        $this->viewData['maquinasTarifasImpresionList4'] = $this->getMaquinasTarifasImpresionListItems4($presupuestoEntity->paginas_cubierta_tarifa_impresion_id ?? null);
-        $this->viewData['userList'] = $this->getUserListItems($presupuestoEntity->total_confirmado_user_id ?? null);
-        $this->viewData['userList2'] = $this->getUserListItems2($presupuestoEntity->aprobado_user_id ?? null);
-        $this->viewData['userList3'] = $this->getUserListItems3($presupuestoEntity->pedido_espera_user_id ?? null);
-        $this->viewData['paginasCubiertaList'] = $this->getPaginasCubiertaOptions();
-        $this->viewData['paginasPortadaList'] = $this->getPaginasPortadaOptions();
 
+        if(!is_null($presupuestoEntity->comparador_json_data))
+            $this->viewData['comp_data'] = json_decode($presupuestoEntity->comparador_json_data);
+        else
+            $this->viewData['comp_data'] = "";
+
+        $this->viewData['clienteList'] = $this->getClienteListItems($presupuestoEntity->cliente_id ?? null);
+        $this->viewData['paisList'] = $this->getPaisListItems();
+
+        $this->viewData['clienteList'] = $this->getClienteListItems($presupuestoEntity->cliente_id ?? null);
+        $this->viewData['incReiList'] = array('incidencia' => lang('Presupuestos.incidencia'), 'reimpresion' => lang('Presupuestos.reimpresion'), 'sin_cargo' => lang('Presupuestos.sinCargo'));
+        $this->viewData['paisList'] = $this->getPaisListItems();
+        $this->viewData['papelFormatoList'] = $this->getPapelFormatoListItems($presupuestoEntity->papel_formato_id ?? null);
         $this->viewData['papelGenericoNegroList'] = $this->getPapelGenericoNegro();
         $this->viewData['papelGenericoNegroHQList'] = $this->getPapelGenericoNegroHQ();
         $this->viewData['papelGenericoColorList'] = $this->getPapelGenericoColor();
         $this->viewData['papelGenericoColorHQList'] = $this->getPapelGenericoColorHQ();
         $this->viewData['papelGenericoCubiertaList'] = $this->getPapelGenericoCubierta();
         $this->viewData['papelGenericoSobrecubiertaList'] = $this->getPapelGenericoSobreCubierta();
-    
+        $this->viewData['papelGenericoRotativaNegroList'] = $this->getPapelGenericoRotativaNegro();
+        $this->viewData['papelGenericoRotativaColorList'] = $this->getPapelGenericoRotativaColor();
 
-        $this->viewData['formAction'] = route_to('updatePresupuesto', $id);
+        // Lineas Presupuesto
+        $this->viewData['lineasPresupuesto'] = $this->getLineasPresupuestoActivas($id);
 
-        $this->viewData['boxTitle'] = lang('Basic.global.edit2') . ' ' . lang('Presupuestos.moduleTitle') . ' ' . lang('Basic.global.edit3');
+        // Tarifas
+        $this->viewData['serviciosPreimpresion'] = $this->getServiciosPreimpresion();
+        $this->viewData['serviciosEncuadernacion'] = $this->getServiciosEncuadernacion();
+        $this->viewData['serviciosAcabado'] = $this->getServiciosAcabado();
+        $this->viewData['serviciosManipulado'] = $this->getServiciosManipulado();
+
+        $this->viewData['tipo_impresion_id'] = 4; // Cosido tapa blanda JJO
+
+        $this->viewData['formAction'] = route_to('updateCosidotapablanda', $id);
+
+        $this->viewData['boxTitle'] = lang('Basic.global.edit2') . ' ' . lang('Presupuestos.moduleTitleCosidoTB') . ' ' . lang('Basic.global.edit3');
 
 
         return $this->displayForm(__METHOD__, $id);
@@ -385,54 +295,153 @@ class Cosidotapablanda extends \App\Controllers\GoBaseResourceController
     {
         if ($this->request->isAJAX()) {
             $reqData = $this->request->getPost();
-            if (!isset($reqData['draw']) || !isset($reqData['columns'])) {
-                $errstr = 'No data available in response to this specific request.';
-                $response = $this->respond(Collection::datatable([], 0, 0, $errstr), 400, $errstr);
-                return $response;
+
+            $type = $reqData['type'] ?? null;
+            
+            if (is_null($type)) {
+                if (!isset($reqData['draw']) || !isset($reqData['columns'])) {
+                    $errstr = 'No data available in response to this specific request.';
+                    $response = $this->respond(Collection::datatable([], 0, 0, $errstr), 400, $errstr);
+                    return $response;
+                }
+                $search = $reqData['search']['value'];
             }
             $start = $reqData['start'] ?? 0;
             $length = $reqData['length'] ?? 5;
-            $search = $reqData['search']['value'];
+            
             $requestedOrder = $reqData['order']['0']['column'] ?? 0;
             $order = PresupuestoModel::SORTABLE[$requestedOrder >= 0 ? $requestedOrder : 0];
             $dir = $reqData['order']['0']['dir'] ?? 'asc';
 
-            $resourceData = $this->model->getResource($search)->orderBy($order, $dir)->limit($length, $start)->get()->getResultObject();
-            foreach ($resourceData as $item) :
-                if (isset($item->comentarios_pdf) && strlen($item->comentarios_pdf) > 100) :
-                    $item->comentarios_pdf = character_limiter($item->comentarios_pdf, 100);
-                endif;
-                if (isset($item->causa_cancelacion) && strlen($item->causa_cancelacion) > 100) :
-                    $item->causa_cancelacion = character_limiter($item->causa_cancelacion, 100);
-                endif;
-                if (isset($item->comentarios) && strlen($item->comentarios) > 100) :
-                    $item->comentarios = character_limiter($item->comentarios, 100);
-                endif;
-                if (isset($item->comentarios_safekat) && strlen($item->comentarios_safekat) > 100) :
-                    $item->comentarios_safekat = character_limiter($item->comentarios_safekat, 100);
-                endif;
-                if (isset($item->comentarios_tarifa) && strlen($item->comentarios_tarifa) > 100) :
-                    $item->comentarios_tarifa = character_limiter($item->comentarios_tarifa, 100);
-                endif;
-                if (isset($item->tirada_alternativa_json_data) && strlen($item->tirada_alternativa_json_data) > 100) :
-                    $item->tirada_alternativa_json_data = character_limiter($item->tirada_alternativa_json_data, 100);
-                endif;
-                if (isset($item->titulo) && strlen($item->titulo) > 100) :
-                    $item->titulo = character_limiter($item->titulo, 100);
-                endif;
-                if (isset($item->paginas_color_posicion) && strlen($item->paginas_color_posicion) > 100) :
-                    $item->paginas_color_posicion = character_limiter($item->paginas_color_posicion, 100);
-                endif;
-                if (isset($item->aprobado_json_data) && strlen($item->aprobado_json_data) > 100) :
-                    $item->aprobado_json_data = character_limiter($item->aprobado_json_data, 100);
-                endif;
-                if (isset($item->comparador_json_data) && strlen($item->comparador_json_data) > 100) :
-                    $item->comparador_json_data = character_limiter($item->comparador_json_data, 100);
-                endif;
-                if (isset($item->ws_externo_json_data) && strlen($item->ws_externo_json_data) > 100) :
-                    $item->ws_externo_json_data = character_limiter($item->ws_externo_json_data, 100);
-                endif;
-            endforeach;
+            
+
+            if (is_null($type)) {
+                $resourceData = $this->model->getResource($search)->orderBy($order, $dir)->limit($length, $start)->get()->getResultObject();
+                foreach ($resourceData as $item) :
+                    if (isset($item->comentarios_pdf) && strlen($item->comentarios_pdf) > 100) :
+                        $item->comentarios_pdf = character_limiter($item->comentarios_pdf, 100);
+                    endif;
+                    if (isset($item->causa_cancelacion) && strlen($item->causa_cancelacion) > 100) :
+                        $item->causa_cancelacion = character_limiter($item->causa_cancelacion, 100);
+                    endif;
+                    if (isset($item->comentarios_cliente) && strlen($item->comentarios_cliente) > 100) :
+                        $item->comentarios_cliente = character_limiter($item->comentarios_cliente, 100);
+                    endif;
+                    if (isset($item->comentarios_safekat) && strlen($item->comentarios_safekat) > 100) :
+                        $item->comentarios_safekat = character_limiter($item->comentarios_safekat, 100);
+                    endif;
+                    if (isset($item->comentarios_tarifa) && strlen($item->comentarios_tarifa) > 100) :
+                        $item->comentarios_tarifa = character_limiter($item->comentarios_tarifa, 100);
+                    endif;
+                    if (isset($item->comentarios_produccion) && strlen($item->comentarios_produccion) > 100) :
+                        $item->comentarios_produccion = character_limiter($item->comentarios_produccion, 100);
+                    endif;
+                    if (isset($item->tirada_alternativa_json_data) && strlen($item->tirada_alternativa_json_data) > 100) :
+                        $item->tirada_alternativa_json_data = character_limiter($item->tirada_alternativa_json_data, 100);
+                    endif;
+                    if (isset($item->titulo) && strlen($item->titulo) > 100) :
+                        $item->titulo = character_limiter($item->titulo, 100);
+                    endif;
+                    if (isset($item->paginas_color_posicion) && strlen($item->paginas_color_posicion) > 100) :
+                        $item->paginas_color_posicion = character_limiter($item->paginas_color_posicion, 100);
+                    endif;
+                    if (isset($item->aprobado_json_data) && strlen($item->aprobado_json_data) > 100) :
+                        $item->aprobado_json_data = character_limiter($item->aprobado_json_data, 100);
+                    endif;
+                    if (isset($item->comparador_json_data) && strlen($item->comparador_json_data) > 100) :
+                        $item->comparador_json_data = character_limiter($item->comparador_json_data, 100);
+                    endif;
+                    if (isset($item->ws_externo_json_data) && strlen($item->ws_externo_json_data) > 100) :
+                        $item->ws_externo_json_data = character_limiter($item->ws_externo_json_data, 100);
+                    endif;
+                endforeach;
+            } else {
+
+                $isColor = $reqData['color'] ?? false;
+                $isHq = $reqData['hq'] ?? false;
+                    
+                $datosPedido = (object)array(
+                    'paginas' => intval($reqData['paginas']) ?? 0,
+                    'tirada' => intval($reqData['tirada']) ?? 0,
+                    'merma' => intval($reqData['merma']) ?? 0,
+                    'ancho' => intval($reqData['ancho']) ?? 100000,
+                    'alto' => intval($reqData['alto']) ?? 100000,
+                    'isCosido' => true, // JJO esto es custom por cada tipo de presupuesto
+                );
+
+                $papel_generico = [
+                    'id' => $reqData['papel_generico_id'] ?? 0,
+                    'nombre' => $reqData['papel_generico'] ?? "",
+                ];
+                
+                $gramaje = $reqData['gramaje'] ?? 0;
+                
+                
+
+                if ($type=='interior') {
+
+                    $resourceData = $this->getCompIntData($type, $datosPedido, $papel_generico, $gramaje, $isColor, $isHq);
+                    
+                    $newTokenHash = csrf_hash();
+                    $csrfTokenName = csrf_token();
+                    $data = [
+                        'lineas' => $resourceData,
+                        $csrfTokenName => $newTokenHash
+                    ];
+                    
+                    return $this->respond($data);
+                }
+                else if ($type=='interior_rot') {
+
+                    $paginas = (object)array(
+                        'negro' => intval($reqData['paginas_negro']) ?? 0,
+                        'color' => intval($reqData['paginas_color']) ?? 0,
+                    );
+
+                    $datosTipolog = $reqData['negro'] ?? null;
+                    if(!is_null($datosTipolog)){
+                        $datosTipolog = [];
+                        $data = (object)array(
+                            'negro' => intval($reqData['negro']) ?? 0,
+                            'cyan' => intval($reqData['cyan']) ?? 0,
+                            'magenta' => intval($reqData['magenta']) ?? 0,
+                            'amarillo' => intval($reqData['amarillo']) ?? 0,
+                            'gota_negro' => intval($reqData['gota_negro']) ?? 0,
+                            'gota_color' => intval($reqData['gota_color']) ?? 0,
+                        );  
+                        array_push($datosTipolog, $data);
+                    }
+
+                    $resourceData = $this->getCompIntRotData($datosPedido, $papel_generico, $gramaje, $paginas, $datosTipolog);
+                    
+                    $newTokenHash = csrf_hash();
+                    $csrfTokenName = csrf_token();
+                    $data = [
+                        'lineas' => $resourceData,
+                        $csrfTokenName => $newTokenHash
+                    ];
+                    
+                    return $this->respond($data);
+                }
+                else if ($type=='cubierta') {
+                    
+                    $datosPedido->solapas = $reqData['solapas'];
+                    $datosPedido->solapas_ancho = $reqData['solapas_ancho'];
+
+                    $resourceData = $this->getCompIntData($type, $datosPedido, $papel_generico, $gramaje, $isColor, $isHq);
+                    
+                    $newTokenHash = csrf_hash();
+                    $csrfTokenName = csrf_token();
+                    $data = [
+                        'lineas' => $resourceData,
+                        $csrfTokenName => $newTokenHash
+                    ];
+                    
+                    return $this->respond($data);
+                }
+
+
+            }
 
             return $this->respond(Collection::datatable(
                 $resourceData,
@@ -444,6 +453,275 @@ class Cosidotapablanda extends \App\Controllers\GoBaseResourceController
         }
     }
 
+
+    public function datatable_2()
+    {
+        if ($this->request->isAJAX()) {
+            $reqData = $this->request->getPost();
+
+            $tipo = $reqData['tipo'] ?? '';
+            
+            if($tipo=='lineasPresupuesto'){
+            
+                $datos = $reqData['datos'] ?? null;
+                $presupuesto_id = $reqData['presupuesto_id'] ?? -1;
+
+                /*foreach($datos as $key=>$linea){
+                    $datos[$key]['papel_id'] = $datos[$key]['papel_id'] ?? -1;
+                }*/
+
+
+                if($datos != null){
+                    $this->updateLineasPresupuestoActivas($presupuesto_id, $datos);
+                }
+                $newTokenHash = csrf_hash();
+                $csrfTokenName = csrf_token();
+                $data = [
+                    $csrfTokenName => $newTokenHash
+                ];
+                
+                return $this->respond($data);
+            }
+
+            $newTokenHash = csrf_hash();
+            $csrfTokenName = csrf_token();
+            $data = [
+                $csrfTokenName => $newTokenHash
+            ];
+            
+            return $this->respond($data);
+
+        } else {
+            return $this->failUnauthorized('Invalid request', 403);
+        }
+    }
+
+
+    public function getCompIntData($uso, $datosPedido, $papel_generico, $gramaje, $isColor, $isHq)
+    {
+        $tipo = $isColor? ($isHq?'colorhq':'color'): ($isHq?'negrohq':'negro');
+
+        if( $uso == 'cubierta' ){
+            $opciones_papel = array(
+                'cubierta' => 1,
+                //'color' => 1,
+                'rotativa' => 0,
+            );
+        }
+        else if ( $uso == 'sobrecubierta' ){
+            $opciones_papel = array(
+                'sobrecubierta' => 1,
+                //'color' => 1,
+                'rotativa' => 0,
+            );
+        }
+        else if( $isColor ){
+            $opciones_papel = array(
+                'color' => 1,
+                'rotativa' => 0,
+            );
+        }
+        else{
+            $opciones_papel = array(
+                'bn' => 1,
+                'rotativa' => 0,
+            );
+        }
+
+
+        
+        // Se obtienen los papeles disponibles
+        $papelimpresionmodel = new PapelImpresionModel();
+        $papeles = $papelimpresionmodel->getIdPapelesImpresionForPresupuesto(
+            papel_generico_id: $papel_generico['id'],
+            gramaje: $gramaje,
+            options: $opciones_papel
+        );
+
+        $lineas = array();
+        // Para cada papel, se obtienen las maquinas disponibles
+        foreach ($papeles as $papel) {
+
+            $maquinamodel = new MaquinaModel();
+            $maquinas = $maquinamodel->getMaquinaImpresionForPresupuesto(
+                is_rotativa: 0,
+                tarifa_tipo: $tipo,
+                uso_tarifa:  $uso,
+                tirada: $datosPedido->tirada + $datosPedido->merma,
+                papel_impresion_id: $papel->id,
+            );
+
+            // Se recorren las máquinas y se calcula el coste de linea por cada una
+            foreach ($maquinas as $maquina) {
+
+                $tarifamodel = new MaquinasTarifasImpresionModel();
+                [$tarifaId, $tarifa] = $tarifamodel->getTarifa($maquina->maquina_id, $uso, $tipo);
+                if(!is_float($tarifa)){
+                    continue;
+                }
+                $linea = PresupuestoService::getCostesLinea($uso, $datosPedido, $maquina, $papel, $opciones_papel, $tarifa);
+                if(array_key_exists('error', $linea))
+                    continue;
+                $linea['fields']['tarifa_impresion_id'] = $tarifaId;
+                $linea['fields']['maquina'] = $maquina->maquina;
+                $linea['fields']['maquina_id'] = $maquina->maquina_id;
+                $linea['fields']['maquina_velocidad'] = $maquina->velocidad;
+                $linea['fields']['papel_impresion'] = $papel->nombre;
+                $linea['fields']['papel_impresion_id'] = $papel->id;
+                $linea['fields']['paginas'] = $datosPedido->paginas;
+                $linea['fields']['gramaje'] = $gramaje;
+                $linea['fields']['papel_generico_id'] = $papel_generico['id'];
+                $linea['fields']['papel_generico'] = $papel_generico['nombre'];
+                $linea['fields']['tiempo_maquina'] = PresupuestoService::getTiempoMaquina(
+                                $linea['fields']['precio_click_pedido'], 
+                                $linea['fields']['precio_click'], 
+                                $maquina->velocidad);
+
+                array_push($lineas, $linea);
+            }
+        }
+        return $lineas;
+    }
+
+    public function getCompIntRotData($datosPedido, $papel_generico, $gramaje, $paginas, $datosTipolog = null)
+    {
+
+        $uso = 'interior';
+
+        $tipo = $paginas->color>0? 'color': 'negro';
+
+
+        $parametrosRotativa = (object)array(
+            'a_favor_fibra' => 0, // este parametro se cambia para comprobar 
+                                  // en las dos direcciones (menos en rustica fresada que es siempre 1)
+            'bnPages' =>  $paginas->negro,
+            'colorPages' =>  $paginas->color,
+            'rotativa_gota_negro' => 0,
+            'rotativa_gota_color' => 0,
+        );
+
+        $opciones_papel = array(
+            'rotativa' => 1,
+        );
+
+        $tipo = array();
+        if( $paginas->color > 0 ){
+            $tipo[] = 'color';
+            $opciones_papel['color'] = 1;
+        }
+        if( $paginas->negro > 0 ){
+            $opciones_papel['bn'] = 1;
+            $tipo[] = 'negro';
+        }
+        
+        // Se obtienen los papeles disponibles
+        $papelimpresionmodel = new PapelImpresionModel();
+        $papeles = $papelimpresionmodel->getIdPapelesImpresionForPresupuesto(
+            papel_generico_id: $papel_generico['id'],
+            gramaje: $gramaje,
+            options: $opciones_papel
+        );
+
+        $lineas = array();
+        // Para cada papel, se obtienen las maquinas disponibles
+        foreach ($papeles as $papel) {
+
+            $papelImpresionTipologiaModel = new \App\Models\Configuracion\PapelImpresionTipologiaModel();
+            if(is_null($datosTipolog)){
+                $datosTipologias = $papelImpresionTipologiaModel
+                    ->findTipologiasForPapelImpresion($papel->id, $parametrosRotativa->colorPages>0?'color':'negro')
+                    ->get()->getResultObject();
+
+                
+                if(count($datosTipologias)==0){
+                    continue;
+                }
+            }
+            else{
+                $datosTipologias = $datosTipolog;
+            }
+            
+            $parametrosRotativa->rotativa_gota_negro =  $datosTipologias[0]->gota_negro;
+            $parametrosRotativa->rotativa_gota_color =  $datosTipologias[0]->gota_color;
+            $parametrosRotativa->rotativa_negro =  $datosTipologias[0]->negro;
+            $parametrosRotativa->rotativa_cyan =  $datosTipologias[0]->cyan;
+            $parametrosRotativa->rotativa_magenta =  $datosTipologias[0]->magenta;
+            $parametrosRotativa->rotativa_amarillo =  $datosTipologias[0]->amarillo;
+            
+            $maquinamodel = new MaquinaModel();
+            
+            $maquinas = $maquinamodel->getMaquinaImpresionForPresupuesto(
+                is_rotativa: 1,
+                tarifa_tipo: $tipo,
+                uso_tarifa:  $uso,
+                tirada: $datosPedido->tirada + $datosPedido->merma,
+                papel_impresion_id: $papel->id,
+            );
+
+            // Se recorren las máquinas y se calcula el coste de linea por cada una
+            foreach ($maquinas as $maquina) {
+
+                for ($i = 0; $i <= 1; $i++) {
+
+                    $parametrosRotativa->a_favor_fibra = $i;
+
+                    $tarifamodel = new MaquinasTarifasImpresionModel();
+                    [$tarifaId, $tarifa] = $tarifamodel->getTarifa($maquina->maquina_id, $uso, is_array($tipo)?'color':$tipo);
+                    if(!is_float($tarifa)){
+                        continue;
+                    }
+                    
+                    // precio del pliego de impresion
+                    $linea['fields'] = PresupuestoService::getCostesLineaRotativa($maquina, $papel, $datosPedido,  $parametrosRotativa);
+                    
+                    $precio_pliego_impresion = PresupuestoService::getPrecioPliego($maquina, $papel, $datosPedido->paginas);
+                    
+                    $linea['fields']['tarifa_impresion_id'] = $tarifaId;
+
+                    $linea['fields']['precios_pliegos'] = $precio_pliego_impresion;
+
+                    $linea['fields']['precio_libro'] = $linea['fields']['pliegos_libro'] * $precio_pliego_impresion;
+                    // Precio papel pedido
+                    $linea['fields']['precio_pedido'] = $linea['fields']['precio_libro'] * ($datosPedido->tirada + $datosPedido->merma);        
+
+                    $linea['fields']['a_favor_fibra'] = $parametrosRotativa->a_favor_fibra;
+                    $linea['fields']['maquina'] = $maquina->maquina;
+                    $linea['fields']['maquina_id'] = $maquina->maquina_id;
+                    $linea['fields']['maquina_velocidad'] = $maquina->velocidad;
+                    $linea['fields']['papel_impresion'] = $papel->nombre;
+                    $linea['fields']['papel_impresion_id'] = $papel->id;
+                    $linea['fields']['paginas'] = $datosPedido->paginas;
+                    $linea['fields']['paginas_color'] = $paginas->color;
+                    $linea['fields']['gramaje'] = $gramaje;
+                    $linea['fields']['papel_generico_id'] = $papel_generico['id'];
+                    $linea['fields']['papel_generico'] = $papel_generico['nombre'];
+
+                    $linea['fields']['posicion_formas'] = $parametrosRotativa->a_favor_fibra ? 'h' : 'v';
+                    $linea['fields']['num_formas_horizontales'] = floor($linea['fields']['factor_anchura']);
+                    $linea['fields']['num_formas_verticales'] = floor($linea['fields']['factor_altura']);
+
+                    $linea['fields']['datosTipologias'] = $datosTipologias[0];
+
+                    // impresion
+                    $linea['fields']['precio_click'] = $tarifa;
+                    $linea['fields']['precio_click_pedido'] = $linea['fields']['clicks_pedido'] * $linea['fields']['precio_click'];
+
+                    $linea['fields']['tiempo_maquina'] = PresupuestoService::getTiempoMaquina(
+                        $linea['fields']['precio_click_pedido'], 
+                        $linea['fields']['precio_click'], 
+                        $maquina->velocidad);
+
+                    // total linea rotativa
+                    $linea['fields']['total_impresion'] = $linea['fields']['precio_pedido'] + $linea['fields']['precio_click_pedido'] + $linea['fields']['precio_tinta'] + 
+                                    $linea['fields']['total_corte'];
+
+                    array_push($lineas, $linea);
+                }
+            }
+        }
+        return $lineas;
+    }
+
     public function allItemsSelect()
     {
         if ($this->request->isAJAX()) {
@@ -470,28 +748,98 @@ class Cosidotapablanda extends \App\Controllers\GoBaseResourceController
     public function menuItems()
     {
         if ($this->request->isAJAX()) {
-            
+
             $reqData = $this->request->getPost();
+            try{
 
-            $tipo = $reqData['tipo'] ?? null;
-            $datos = $reqData['datos'] ?? null;
-            $searchStr = goSanitize($this->request->getPost('searchTerm'))[0];
+                $tipo = $reqData['tipo'] ?? null;
+                $uso = $reqData['uso'] ?? null;
+                $datos = $reqData['datos'] ?? null;
+                //$searchStr = goSanitize($this->request->getPost('searchTerm'))[0];
 
+                $newTokenHash = csrf_hash();
+                $csrfTokenName = csrf_token();
 
-            if ($tipo == 'gramaje'){
-                // En este caso contiene el nombre del papel generico
-                $model = new PapelGenericoModel();
-                $menu = $model->getGramajeComparador($datos, $searchStr);
+                if ($tipo == 'gramaje') {
+                    // En este caso contiene el nombre del papel generico
+                    $model = new PapelGenericoModel();
+                    $menu = $model->getGramajeComparador($datos, $uso );
+
+                    $data = [
+                        'menu' => $menu,
+                        $csrfTokenName => $newTokenHash
+                    ];
+                }
+                elseif ($tipo == 'gramajeLineasPresupuesto') {
+                    $tipoLinea = $reqData['tipoLinea'] ?? null;
+                    // En este caso contiene el id del papel generico
+                    $model = new PapelGenericoModel();
+                    $menu = $model->getGramajeLineasPresupuesto($datos, $tipoLinea, $uso );
+
+                    $data = [
+                        'menu' => $menu,
+                        $csrfTokenName => $newTokenHash
+                    ];
+                }
+                elseif ($tipo == 'papelImpresion') {
+                    $gramaje = $reqData['gramaje'] ?? null;
+                    $tipoLinea = $reqData['tipoLinea'] ?? null;
+                    // En este caso contiene el nombre del papel generico
+                    // Uso: negro, negrohq, color, colorhq, rot_bn, rot_color, 
+                    $model = new PapelImpresionModel();
+                    $menu = $model->getPapelesImpresionForMenu($datos, $gramaje, $tipoLinea, $uso );
+
+                    $data = [
+                        'menu' => $menu,
+                        $csrfTokenName => $newTokenHash
+                    ];
+                }
+
+                elseif ($tipo == 'maquina') {
+                    $is_rotativa = $reqData['is_rotativa'] ?? null;
+                    $papel_impresion = $reqData['papel_impresion'] ?? null;
+                    $tipo_linea = $reqData['tipoLinea'] ?? null;
+                    $ancho = $reqData['ancho'] ?? null;
+                    $alto = $reqData['alto'] ?? null;
+                    // Datos contiene la tirada
+                    // uso: negro, negrohq, color, colorhq, 
+                    $uso_tarifa = $reqData['uso_tarifa'] ?? 'interior';
+                    $model = new MaquinaModel();
+                    $maquinas = $model->getMaquinaImpresionForPresupuesto($is_rotativa, $uso, $uso_tarifa ,$datos, $papel_impresion );
+                    $menu = [];
+                    foreach ($maquinas as $maquina){
+                        
+                        $formas = PresupuestoService::getNumFormasPlana($tipo_linea, $maquina, floatval($ancho), floatval($alto), true);
+                        
+                        if($formas['num_formas'] != 'n/a'){
+                            array_push($menu, $maquina);
+                        }
+                    }
+
+                    $data = [
+                        'menu' => $menu,
+                        $csrfTokenName => $newTokenHash
+                    ];
+                }
+
+                else{
+                    
+                    $data = [
+                        'tipo' => $tipo,
+                        $csrfTokenName => $newTokenHash
+                    ];
+                }
             }
-            
-
-            $newTokenHash = csrf_hash();
-            $csrfTokenName = csrf_token();
-            $data = [
-                'menu' => $menu,
-                $csrfTokenName => $newTokenHash
-            ];
-            return $this->respond($data);
+            catch(Exception $e){
+                $data = [
+                    'error' => $e,
+                    $csrfTokenName => $newTokenHash
+                ];
+            }
+            finally{
+                return $this->respond($data);
+            }
+                
         } else {
             return $this->failUnauthorized('Invalid request', 403);
         }
@@ -525,7 +873,31 @@ class Cosidotapablanda extends \App\Controllers\GoBaseResourceController
     {
         $papelFormatoModel = model('App\Models\Configuracion\PapelFormatoModel');
         $data = $papelFormatoModel->getElementsForMenu();
-        array_unshift($data, (object)['id'=>'', 'tamanio' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Presupuestos.papelFormatoId'))])]);
+        array_shift($data);
+        array_unshift($data, (object)['id' => '', 'tamanio' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Presupuestos.papelFormatoId'))])]);
+        return $data;
+    }
+
+
+    protected function getPapelGenericoRotativaNegro()
+    {
+        $model = model('App\Models\Configuracion\PapelGenericoModel');
+        $data = $model->getPapelForComparador('negro', false, false, true);
+        array_unshift($data, (object)array(
+            "id" => 0,
+            "nombre" => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Presupuestos.papel'))])
+        ));
+        return $data;
+    }
+
+    protected function getPapelGenericoRotativaColor()
+    {
+        $model = model('App\Models\Configuracion\PapelGenericoModel');
+        $data = $model->getPapelForComparador('color', false, false, true);
+        array_unshift($data, (object)array(
+            "id" => 0,
+            "nombre" => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Presupuestos.papel'))])
+        ));
         return $data;
     }
 
@@ -533,7 +905,10 @@ class Cosidotapablanda extends \App\Controllers\GoBaseResourceController
     {
         $model = model('App\Models\Configuracion\PapelGenericoModel');
         $data = $model->getPapelForComparador('negro', false, false);
-        array_unshift($data, lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Presupuestos.papel'))]));
+        array_unshift($data, (object)array(
+            "id" => 0,
+            "nombre" => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Presupuestos.papel'))])
+        ));
         return $data;
     }
 
@@ -541,7 +916,10 @@ class Cosidotapablanda extends \App\Controllers\GoBaseResourceController
     {
         $model = model('App\Models\Configuracion\PapelGenericoModel');
         $data = $model->getPapelForComparador('negrohq', false, false);
-        array_unshift($data, lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Presupuestos.papel'))]));
+        array_unshift($data, (object)array(
+            "id" => 0,
+            "nombre" => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Presupuestos.papel'))])
+        ));
         return $data;
     }
 
@@ -549,7 +927,10 @@ class Cosidotapablanda extends \App\Controllers\GoBaseResourceController
     {
         $model = model('App\Models\Configuracion\PapelGenericoModel');
         $data = $model->getPapelForComparador('color', false, false);
-        array_unshift($data, lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Presupuestos.papel'))]));
+        array_unshift($data, (object)array(
+            "id" => 0,
+            "nombre" => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Presupuestos.papel'))])
+        ));
         return $data;
     }
 
@@ -557,7 +938,10 @@ class Cosidotapablanda extends \App\Controllers\GoBaseResourceController
     {
         $model = model('App\Models\Configuracion\PapelGenericoModel');
         $data = $model->getPapelForComparador('colorhq', false, false);
-        array_unshift($data, lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Presupuestos.papel'))]));
+        array_unshift($data, (object)array(
+            "id" => 0,
+            "nombre" => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Presupuestos.papel'))])
+        ));
         return $data;
     }
 
@@ -565,7 +949,10 @@ class Cosidotapablanda extends \App\Controllers\GoBaseResourceController
     {
         $model = model('App\Models\Configuracion\PapelGenericoModel');
         $data = $model->getPapelForComparador('color', true, false);
-        array_unshift($data, lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Presupuestos.papel'))]));
+        array_unshift($data, (object)array(
+            "id" => 0,
+            "nombre" => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Presupuestos.papel'))])
+        ));
         return $data;
     }
 
@@ -573,394 +960,77 @@ class Cosidotapablanda extends \App\Controllers\GoBaseResourceController
     {
         $model = model('App\Models\Configuracion\PapelGenericoModel');
         $data = $model->getPapelForComparador('color', false, true);
-        array_unshift($data, lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Presupuestos.papel'))]));
+        array_unshift($data, (object)array(
+            "id" => 0,
+            "nombre" => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Presupuestos.papel'))])
+        ));
         return $data;
     }
 
-    /*
-
-
-    
-
-
-    protected function getUbicacionLibroListItems($selId = null)
+    protected function getServiciosPreimpresion()
     {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('LgUbicacionesLibros.ubicacionLibro'))])];
-        if (!empty($selId)) :
-            $ubicacionesLibroModel = model('App\Models\Configuracion\UbicacionesLibroModel');
-
-            $selOption = $ubicacionesLibroModel->where('id', $selId)->findColumn('nombre');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
+        $model = model('App\Models\Tarifas\TarifapreimpresionModel');
+        $data = $model->getServiciosPreimpresionSelector();
+        array_unshift($data, (object)array(
+            "value" => 0,
+            "label" => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Presupuestos.servicioPreimpresion'))])
+        ));
         return $data;
     }
 
-
-    protected function getFormaPagoListItems()
+    protected function getServiciosEncuadernacion()
     {
-        $formasPagoModel = model('App\Models\Configuracion\FormasPagoModel');
-        $onlyActiveOnes = true;
-        $data = $formasPagoModel->getAllForMenu('id, nombre', 'nombre', $onlyActiveOnes);
-
+        $model = model('App\Models\Tarifas\TarifaEncuadernacionModel');
+        $data = $model->getServiciosEncuadernacionSelector();
+        array_unshift($data, (object)array(
+            "value" => 0,
+            "label" => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Presupuestos.servicioEncuadernado'))])
+        ));
         return $data;
     }
 
-
-    protected function getPapelImpresionListItems4($selId = null)
+    protected function getServiciosAcabado()
     {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('PapelImpresions.papelImpresion'))])];
-        if (!empty($selId)) :
-            $papelImpresionModel = model('App\Models\Presupuestos\PapelImpresionModel');
-
-            $selOption = $papelImpresionModel->where('id', $selId)->findColumn('nombre');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
+        $model = model('App\Models\Tarifas\TarifaacabadoModel');
+        $data = $model->getServiciosAcabadoSelector();
+        array_unshift($data, (object)array(
+            "value" => 0,
+            "label" => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Presupuestos.servicioAcabado'))])
+        ));
         return $data;
     }
 
-
-    protected function getPresupuestoEstadoListItems($selId = null)
+    protected function getServiciosManipulado()
     {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('PresupuestoEstados.presupuestoEstado'))])];
-        if (!empty($selId)) :
-            $presupuestoEstadoModel = model('App\Models\Presupuestos\PresupuestoEstadoModel');
-
-            $selOption = $presupuestoEstadoModel->where('id', $selId)->findColumn('estado');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
+        $model = model('App\Models\Tarifas\TarifaManipuladoModel');
+        $data = $model->getServiciosManipuladoSelector();
+        array_unshift($data, (object)array(
+            "value" => 0,
+            "label" => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Presupuestos.servicioManipulado'))])
+        ));
         return $data;
     }
 
-
-    protected function getPapelGenericoListItems3($selId = null)
+    protected function getLineasPresupuestoActivas($presupuesto_id)
     {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('PapelGenericoes.papelGenerico'))])];
-        if (!empty($selId)) :
-            $papelGenericoModel = model('App\Models\Presupuestos\PapelGenericoModel');
+        $model = model('App\Models\Presupuestos\PresupuestoLineaModel');
+        $data =  $model->getLineasPresupuesto($presupuesto_id);
 
-            $selOption = $papelGenericoModel->where('id', $selId)->findColumn('nombre');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
+        $papel_imp_model = model('App\Models\Configuracion\PapelImpresionModel');
+        $maquina_model = model('App\Models\Configuracion\MaquinaModel');
+        
+        foreach($data as $linea){
+            $linea->papel_impresion_nombre = $papel_imp_model->getNombre($linea->papel_impresion_id)[0]->text;
+            $linea->maquina_nombre = $maquina_model->getNombre($linea->maquina_id)[0]->text;
+        }
         return $data;
     }
 
-
-    protected function getPapelImpresionListItems2($selId = null)
+    protected function updateLineasPresupuestoActivas($presupuesto_id, $datos)
     {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('PapelImpresions.papelImpresion'))])];
-        if (!empty($selId)) :
-            $papelImpresionModel = model('App\Models\Presupuestos\PapelImpresionModel');
-
-            $selOption = $papelImpresionModel->where('id', $selId)->findColumn('nombre');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
-        return $data;
+        $model = model('App\Models\Presupuestos\PresupuestoLineaModel');
+        return $model->updateLineasPresupuesto($presupuesto_id, $datos);
     }
 
 
-    protected function getMaquinaListItems3($selId = null)
-    {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Maquinas.maquina'))])];
-        if (!empty($selId)) :
-            $maquinaModel = model('App\Models\Presupuestos\MaquinaModel');
-
-            $selOption = $maquinaModel->where('id', $selId)->findColumn('nombre');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
-        return $data;
-    }
-
-
-    protected function getMaquinasTarifasImpresionListItems2($selId = null)
-    {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('MaquinasTarifasImpresions.maquinasTarifasImpresion'))])];
-        if (!empty($selId)) :
-            $maquinasTarifasImpresionModel = model('App\Models\Presupuestos\MaquinasTarifasImpresionModel');
-
-            $selOption = $maquinasTarifasImpresionModel->where('id', $selId)->findColumn('precio');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
-        return $data;
-    }
-
-
-    protected function getPapelGenericoListItems2($selId = null)
-    {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('PapelGenericoes.papelGenerico'))])];
-        if (!empty($selId)) :
-            $papelGenericoModel = model('App\Models\Presupuestos\PapelGenericoModel');
-
-            $selOption = $papelGenericoModel->where('id', $selId)->findColumn('nombre');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
-        return $data;
-    }
-
-
-    protected function getMaquinaListItems($selId = null)
-    {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Maquinas.maquina'))])];
-        if (!empty($selId)) :
-            $maquinaModel = model('App\Models\Presupuestos\MaquinaModel');
-
-            $selOption = $maquinaModel->where('id', $selId)->findColumn('nombre');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
-        return $data;
-    }
-
-
-
-
-    protected function getMaquinaListItems2($selId = null)
-    {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Maquinas.maquina'))])];
-        if (!empty($selId)) :
-            $maquinaModel = model('App\Models\Presupuestos\MaquinaModel');
-
-            $selOption = $maquinaModel->where('id', $selId)->findColumn('nombre');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
-        return $data;
-    }
-
-
-    protected function getTipologiasLibroListItems($selId = null)
-    {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('TipologiasLibros.tipologiasLibro'))])];
-        if (!empty($selId)) :
-            $tipologiasLibroModel = model('App\Models\Presupuestos\TipologiasLibroModel');
-
-            $selOption = $tipologiasLibroModel->where('id', $selId)->findColumn('nombre');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
-        return $data;
-    }
-
-
-    protected function getPapelImpresionListItems3($selId = null)
-    {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('PapelImpresions.papelImpresion'))])];
-        if (!empty($selId)) :
-            $papelImpresionModel = model('App\Models\Presupuestos\PapelImpresionModel');
-
-            $selOption = $papelImpresionModel->where('id', $selId)->findColumn('nombre');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
-        return $data;
-    }
-
-
-    protected function getMaquinasTarifasImpresionListItems4($selId = null)
-    {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('MaquinasTarifasImpresions.maquinasTarifasImpresion'))])];
-        if (!empty($selId)) :
-            $maquinasTarifasImpresionModel = model('App\Models\Presupuestos\MaquinasTarifasImpresionModel');
-
-            $selOption = $maquinasTarifasImpresionModel->where('id', $selId)->findColumn('precio');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
-        return $data;
-    }
-
-
-    protected function getUserListItems($selId = null)
-    {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Users.user'))])];
-        if (!empty($selId)) :
-            $userModel = model('App\Models\Presupuestos\UserModel');
-
-            $selOption = $userModel->where('id_user', $selId)->findColumn('first_name');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
-        return $data;
-    }
-
-
-    protected function getMaquinasTarifasImpresionListItems3($selId = null)
-    {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('MaquinasTarifasImpresions.maquinasTarifasImpresion'))])];
-        if (!empty($selId)) :
-            $maquinasTarifasImpresionModel = model('App\Models\Presupuestos\MaquinasTarifasImpresionModel');
-
-            $selOption = $maquinasTarifasImpresionModel->where('id', $selId)->findColumn('id');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
-        return $data;
-    }
-
-
-    protected function getUserListItems3($selId = null)
-    {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Users.user'))])];
-        if (!empty($selId)) :
-            $userModel = model('App\Models\Presupuestos\UserModel');
-
-            $selOption = $userModel->where('id_user', $selId)->findColumn('first_name');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
-        return $data;
-    }
-
-
-    protected function getPapelImpresionListItems($selId = null)
-    {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('PapelImpresions.papelImpresion'))])];
-        if (!empty($selId)) :
-            $papelImpresionModel = model('App\Models\Presupuestos\PapelImpresionModel');
-
-            $selOption = $papelImpresionModel->where('id', $selId)->findColumn('nombre');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
-        return $data;
-    }
-
-
-    protected function getTiposImpresionListItems($selId = null)
-    {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('TiposImpresions.tiposImpresion'))])];
-        if (!empty($selId)) :
-            $tiposImpresionModel = model('App\Models\Presupuestos\TiposImpresionModel');
-
-            $selOption = $tiposImpresionModel->where('id', $selId)->findColumn('nombre');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
-        return $data;
-    }
-
-
-    protected function getMaquinasTarifasImpresionListItems($selId = null)
-    {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('MaquinasTarifasImpresions.maquinasTarifasImpresion'))])];
-        if (!empty($selId)) :
-            $maquinasTarifasImpresionModel = model('App\Models\Presupuestos\MaquinasTarifasImpresionModel');
-
-            $selOption = $maquinasTarifasImpresionModel->where('id', $selId)->findColumn('precio');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
-        return $data;
-    }
-
-
-    protected function getPapelGenericoListItems4($selId = null)
-    {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('PapelGenericoes.papelGenerico'))])];
-        if (!empty($selId)) :
-            $papelGenericoModel = model('App\Models\Presupuestos\PapelGenericoModel');
-
-            $selOption = $papelGenericoModel->where('id', $selId)->findColumn('nombre');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
-        return $data;
-    }
-
-
-    
-    protected function getMaquinaListItems4($selId = null)
-    {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Maquinas.maquina'))])];
-        if (!empty($selId)) :
-            $maquinaModel = model('App\Models\Presupuestos\MaquinaModel');
-
-            $selOption = $maquinaModel->where('id', $selId)->findColumn('nombre');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
-        return $data;
-    }
-
-
-    protected function getUserListItems2($selId = null)
-    {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('Users.user'))])];
-        if (!empty($selId)) :
-            $userModel = model('App\Models\Presupuestos\UserModel');
-
-            $selOption = $userModel->where('id_user', $selId)->findColumn('first_name');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
-        return $data;
-    }
-
-
-    protected function getPapelGenericoListItems($selId = null)
-    {
-        $data = ['' => lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('PapelGenericoes.papelGenerico'))])];
-        if (!empty($selId)) :
-            $papelGenericoModel = model('App\Models\Presupuestos\PapelGenericoModel');
-
-            $selOption = $papelGenericoModel->where('id', $selId)->findColumn('nombre');
-            if (!empty($selOption)) :
-                $data[$selId] = $selOption[0];
-            endif;
-        endif;
-        return $data;
-    }
-
-
-    protected function getPaginasCubiertaOptions()
-    {
-        $paginasCubiertaOptions = [
-            '' => lang('Basic.global.pleaseSelect'),
-            '4x0' => '4x0',
-            '4x4' => '4x4',
-        ];
-        return $paginasCubiertaOptions;
-    }
-
-
-
-    protected function getPaginasPortadaOptions()
-    {
-        $paginasPortadaOptions = [
-            '' => lang('Basic.global.pleaseSelect'),
-            '4x0' => '4x0',
-            '4x4' => '4x4',
-        ];
-        return $paginasPortadaOptions;
-    }
-    */
 }
diff --git a/ci4/app/Controllers/Presupuestos/Cosidotapablandasolapas.php b/ci4/app/Controllers/Presupuestos/Cosidotapablandasolapas.php
deleted file mode 100644
index de7fdbf3..00000000
--- a/ci4/app/Controllers/Presupuestos/Cosidotapablandasolapas.php
+++ /dev/null
@@ -1,19 +0,0 @@
-<?php
-
-namespace App\Controllers\Presupuestos;
-use App\Controllers\BaseController;
-
-
-class Cosidotapablandasolapas extends BaseController
-{ 
-    function __construct()
-    { 
-            
-    }
-
-    public function index()
-    {
-        echo 'Presupuesto >> Libros >> Cosido tapa blanda con solapas [en desarrollo].';
-    }
-}
- 
\ No newline at end of file
diff --git a/ci4/app/Controllers/Presupuestos/Js_loader.php b/ci4/app/Controllers/Presupuestos/Js_loader.php
deleted file mode 100644
index f753fee7..00000000
--- a/ci4/app/Controllers/Presupuestos/Js_loader.php
+++ /dev/null
@@ -1,25 +0,0 @@
-<?php
-
-namespace App\Controllers\Presupuestos;
-use App\Controllers\BaseController;
-
-
-class Js_loader extends BaseController
-{
-
-    function __construct()
-    {
-
-    }
-
-
-    function comparadorCosidoTapablanda_js()
-    {
-
-        $this->load->view('themes/backend/vuexy/form/presupuestos/cosidotapablanda/comparador.js', $data);
-        $this->output->set_content_type('text/javascript');
-    }
-
-
-}
- 
\ No newline at end of file
diff --git a/ci4/app/Controllers/Presupuestos/PresupuestoAcabados.php b/ci4/app/Controllers/Presupuestos/PresupuestoAcabados.php
new file mode 100644
index 00000000..d5374629
--- /dev/null
+++ b/ci4/app/Controllers/Presupuestos/PresupuestoAcabados.php
@@ -0,0 +1,121 @@
+<?php namespace App\Controllers\Presupuestos;
+
+
+use App\Controllers\GoBaseResourceController;
+
+use App\Models\Collection;
+
+
+use App\Models\Presupuestos\PresupuestoAcabadosModel;
+use DataTables\Editor;
+use DataTables\Editor\Field;
+use DataTables\Editor\Validate;
+
+
+class PresupuestoAcabados extends \App\Controllers\GoBaseResourceController
+{
+
+    protected $modelName = PresupuestoAcabadosModel::class;
+    protected $format = 'json';
+
+    protected static $singularObjectName = 'Presupuesto acabado';
+    protected static $singularObjectNameCc = 'presupuestoAcabado';
+    protected static $pluralObjectName = 'Presupuestos acabado';
+    protected static $pluralObjectNameCc = 'presupuestosAcabado';
+
+    protected static $controllerSlug = 'presupuesto-acabados';
+
+    protected static $viewPath = 'themes/backend/vuexy/form/presupuestos/';
+
+    protected $indexRoute = 'contactoDeClienteList';
+
+
+    public function initController(\CodeIgniter\HTTP\RequestInterface $request, \CodeIgniter\HTTP\ResponseInterface $response, \Psr\Log\LoggerInterface $logger)
+    {
+        parent::initController($request, $response, $logger);
+    }
+
+
+    public function datatable()
+    {
+        if ($this->request->isAJAX()) {
+            $reqData = $this->request->getPost();
+            if (!isset($reqData['draw']) || !isset($reqData['columns'])) {
+                $errstr = 'No data available in response to this specific request.';
+                $response = $this->respond(Collection::datatable([], 0, 0, $errstr), 400, $errstr);
+                return $response;
+            }
+            $start = $reqData['start'] ?? 0;
+            $length = $reqData['length'] ?? 5;
+            $requestedOrder = $reqData['order']['0']['column'] ?? 1;
+            $order = PresupuestoAcabadosModel::SORTABLE[$requestedOrder >= 0 ? $requestedOrder : 1];
+            $dir = $reqData['order']['0']['dir'] ?? 'asc';
+
+            $id_P = $reqData['id_presupuesto'] ?? -1;
+
+            $resourceData = $this->model->getResource($id_P)->orderBy($order, $dir)->limit($length, $start)->get()->getResultObject();
+
+            return $this->respond(Collection::datatable(
+                $resourceData,
+                $this->model->getResource()->countAllResults(),
+                $this->model->getResource($id_P)->countAllResults()
+            ));
+        } else {
+            return $this->failUnauthorized('Invalid request', 403);
+        }
+    }
+
+    public function datatable_editor() {
+        if ($this->request->isAJAX()) {
+
+            include(APPPATH . "ThirdParty/DatatablesEditor/DataTables.php");
+
+            // Build our Editor instance and process the data coming from _POST
+            $response = Editor::inst( $db, 'presupuesto_acabados' )
+                ->fields(
+                    Field::inst( 'tarifa_acabado_id' )
+                        ->validator( 'Validate::notEmpty',array(
+                                'message' =>  'Selecciones servicios de acabado' )
+                        ),
+                    Field::inst( 'precio_unidad' )
+                        ->validator( 'Validate::notEmpty',array(
+                                'message' =>  'Falta precio unitario' )
+                        ),
+                    Field::inst( 'precio_total' )
+                        ->validator( 'Validate::notEmpty',array(
+                                'message' =>  'Falta precio total' )
+                        ),
+
+                    Field::inst( 'presupuesto_id' ),
+
+                )
+                ->validator( function($editor, $action, $data){
+                    if ($action === Editor::ACTION_CREATE || $action === Editor::ACTION_EDIT){
+                        //return $response;
+                        /*foreach ($data['data'] as $pkey => $values ){
+                            // No se pueden duplicar valores al crear o al editar
+                            if (!empty($response)){
+                                return $response;
+                            }
+                        }*/
+                    }
+                })
+                ->debug(true)
+                ->process( $_POST )
+                ->data();
+
+            $newTokenHash = csrf_hash();
+            $csrfTokenName = csrf_token();
+
+            $response[$csrfTokenName] = $newTokenHash;
+
+            echo json_encode($response);
+
+        } else {
+            return $this->failUnauthorized('Invalid request', 403);
+        }
+    }
+
+
+
+}
diff --git a/ci4/app/Controllers/Presupuestos/PresupuestoEncuadernaciones.php b/ci4/app/Controllers/Presupuestos/PresupuestoEncuadernaciones.php
new file mode 100644
index 00000000..c7a7687c
--- /dev/null
+++ b/ci4/app/Controllers/Presupuestos/PresupuestoEncuadernaciones.php
@@ -0,0 +1,119 @@
+<?php namespace App\Controllers\Presupuestos;
+
+
+use App\Controllers\GoBaseResourceController;
+
+use App\Models\Collection;
+
+use App\Models\Presupuestos\PresupuestoEncuadernacionesModel;
+use DataTables\Editor;
+use DataTables\Editor\Field;
+use DataTables\Editor\Validate;
+
+class PresupuestoEncuadernaciones extends \App\Controllers\GoBaseResourceController
+{
+
+    protected $modelName = PresupuestoEncuadernacionesModel::class;
+    protected $format = 'json';
+
+    protected static $singularObjectName = 'Presupuesto encuadernaciones';
+    protected static $singularObjectNameCc = 'presupuestoEncuadernaciones';
+    protected static $pluralObjectName = 'Presupuestos encuadernaciones';
+    protected static $pluralObjectNameCc = 'presupuestosEncuadernaciones';
+
+    protected static $controllerSlug = 'presupuesto-encuadernaciones';
+
+    protected static $viewPath = 'themes/backend/vuexy/form/presupuestos/';
+
+    protected $indexRoute = 'contactoDeClienteList';
+
+
+    public function initController(\CodeIgniter\HTTP\RequestInterface $request, \CodeIgniter\HTTP\ResponseInterface $response, \Psr\Log\LoggerInterface $logger)
+    {
+        parent::initController($request, $response, $logger);
+    }
+
+
+    public function datatable()
+    {
+        if ($this->request->isAJAX()) {
+            $reqData = $this->request->getPost();
+            if (!isset($reqData['draw']) || !isset($reqData['columns'])) {
+                $errstr = 'No data available in response to this specific request.';
+                $response = $this->respond(Collection::datatable([], 0, 0, $errstr), 400, $errstr);
+                return $response;
+            }
+            $start = $reqData['start'] ?? 0;
+            $length = $reqData['length'] ?? 5;
+            $requestedOrder = $reqData['order']['0']['column'] ?? 1;
+            $order = PresupuestoEncuadernacionesModel::SORTABLE[$requestedOrder >= 0 ? $requestedOrder : 1];
+            $dir = $reqData['order']['0']['dir'] ?? 'asc';
+
+            $id_P = $reqData['id_presupuesto'] ?? -1;
+
+            $resourceData = $this->model->getResource($id_P)->orderBy($order, $dir)->limit($length, $start)->get()->getResultObject();
+
+            return $this->respond(Collection::datatable(
+                $resourceData,
+                $this->model->getResource()->countAllResults(),
+                $this->model->getResource($id_P)->countAllResults()
+            ));
+        } else {
+            return $this->failUnauthorized('Invalid request', 403);
+        }
+    }
+
+    public function datatable_editor() {
+        if ($this->request->isAJAX()) {
+
+            include(APPPATH . "ThirdParty/DatatablesEditor/DataTables.php");
+
+            // Build our Editor instance and process the data coming from _POST
+            $response = Editor::inst( $db, 'presupuesto_acabados' )
+                ->fields(
+                    Field::inst( 'tarifa_encuadernado_id' )
+                        ->validator( 'Validate::notEmpty',array(
+                                'message' =>  'Selecciones servicios de acabado' )
+                        ),
+                    Field::inst( 'precio_unidad' )
+                        ->validator( 'Validate::notEmpty',array(
+                                'message' =>  'Falta precio unitario' )
+                        ),
+                    Field::inst( 'precio_total' )
+                        ->validator( 'Validate::notEmpty',array(
+                                'message' =>  'Falta precio total' )
+                        ),
+
+                    Field::inst( 'presupuesto_id' ),
+
+                )
+                ->validator( function($editor, $action, $data){
+                    if ($action === Editor::ACTION_CREATE || $action === Editor::ACTION_EDIT){
+                        //return $response;
+                        /*foreach ($data['data'] as $pkey => $values ){
+                            // No se pueden duplicar valores al crear o al editar
+                            if (!empty($response)){
+                                return $response;
+                            }
+                        }*/
+                    }
+                })
+                ->debug(true)
+                ->process( $_POST )
+                ->data();
+
+            $newTokenHash = csrf_hash();
+            $csrfTokenName = csrf_token();
+
+            $response[$csrfTokenName] = $newTokenHash;
+
+            echo json_encode($response);
+
+        } else {
+            return $this->failUnauthorized('Invalid request', 403);
+        }
+    }
+
+
+
+}
diff --git a/ci4/app/Controllers/Presupuestos/PresupuestoManipulados.php b/ci4/app/Controllers/Presupuestos/PresupuestoManipulados.php
new file mode 100644
index 00000000..4dcfed56
--- /dev/null
+++ b/ci4/app/Controllers/Presupuestos/PresupuestoManipulados.php
@@ -0,0 +1,123 @@
+<?php namespace App\Controllers\Presupuestos;
+
+
+use App\Controllers\GoBaseResourceController;
+
+use App\Models\Collection;
+
+use App\Entities\Clientes\ClienteContactoEntity;
+
+use App\Models\Clientes\ClienteModel;
+
+use App\Models\Presupuestos\PresupuestoManipuladosModel;
+use DataTables\Editor;
+use DataTables\Editor\Field;
+use DataTables\Editor\Validate;
+
+class PresupuestoManipulados extends \App\Controllers\GoBaseResourceController
+{
+
+    protected $modelName = PresupuestoManipuladosModel::class;
+    protected $format = 'json';
+
+    protected static $singularObjectName = 'Presupuesto manipulado';
+    protected static $singularObjectNameCc = 'presupuestoManipulado';
+    protected static $pluralObjectName = 'Presupuestos manipulado';
+    protected static $pluralObjectNameCc = 'presupuestosManipulado';
+
+    protected static $controllerSlug = 'presupuesto-manipulado';
+
+    protected static $viewPath = 'themes/backend/vuexy/form/presupuestos/';
+
+    protected $indexRoute = 'contactoDeClienteList';
+
+
+    public function initController(\CodeIgniter\HTTP\RequestInterface $request, \CodeIgniter\HTTP\ResponseInterface $response, \Psr\Log\LoggerInterface $logger)
+    {
+        parent::initController($request, $response, $logger);
+    }
+
+
+    public function datatable()
+    {
+        if ($this->request->isAJAX()) {
+            $reqData = $this->request->getPost();
+            if (!isset($reqData['draw']) || !isset($reqData['columns'])) {
+                $errstr = 'No data available in response to this specific request.';
+                $response = $this->respond(Collection::datatable([], 0, 0, $errstr), 400, $errstr);
+                return $response;
+            }
+            $start = $reqData['start'] ?? 0;
+            $length = $reqData['length'] ?? 5;
+            $requestedOrder = $reqData['order']['0']['column'] ?? 1;
+            $order = PresupuestoManipuladosModel::SORTABLE[$requestedOrder >= 0 ? $requestedOrder : 1];
+            $dir = $reqData['order']['0']['dir'] ?? 'asc';
+
+            $id_P = $reqData['id_presupuesto'] ?? -1;
+
+            $resourceData = $this->model->getResource($id_P)->orderBy($order, $dir)->limit($length, $start)->get()->getResultObject();
+
+            return $this->respond(Collection::datatable(
+                $resourceData,
+                $this->model->getResource()->countAllResults(),
+                $this->model->getResource($id_P)->countAllResults()
+            ));
+        } else {
+            return $this->failUnauthorized('Invalid request', 403);
+        }
+    }
+
+    public function datatable_editor() {
+        if ($this->request->isAJAX()) {
+
+            include(APPPATH . "ThirdParty/DatatablesEditor/DataTables.php");
+
+            // Build our Editor instance and process the data coming from _POST
+            $response = Editor::inst( $db, 'presupuesto_manipulados' )
+                ->fields(
+                    Field::inst( 'tarifa_manipulado_id' )
+                        ->validator( 'Validate::notEmpty',array(
+                                'message' =>  'Selecciones servicios de acabado' )
+                        ),
+                    Field::inst( 'precio_unidad' )
+                        ->validator( 'Validate::notEmpty',array(
+                                'message' =>  'Falta precio unitario' )
+                        ),
+                    Field::inst( 'precio_total' )
+                        ->validator( 'Validate::notEmpty',array(
+                                'message' =>  'Falta precio total' )
+                        ),
+
+                    Field::inst( 'presupuesto_id' ),
+
+                )
+                ->validator( function($editor, $action, $data){
+                    if ($action === Editor::ACTION_CREATE || $action === Editor::ACTION_EDIT){
+                        //return $response;
+                        /*foreach ($data['data'] as $pkey => $values ){
+                            // No se pueden duplicar valores al crear o al editar
+                            if (!empty($response)){
+                                return $response;
+                            }
+                        }*/
+                    }
+                })
+                ->debug(true)
+                ->process( $_POST )
+                ->data();
+
+            $newTokenHash = csrf_hash();
+            $csrfTokenName = csrf_token();
+
+            $response[$csrfTokenName] = $newTokenHash;
+
+            echo json_encode($response);
+
+        } else {
+            return $this->failUnauthorized('Invalid request', 403);
+        }
+    }
+
+
+
+}
diff --git a/ci4/app/Controllers/Presupuestos/PresupuestoPreimpresiones.php b/ci4/app/Controllers/Presupuestos/PresupuestoPreimpresiones.php
new file mode 100644
index 00000000..dfd9a7f3
--- /dev/null
+++ b/ci4/app/Controllers/Presupuestos/PresupuestoPreimpresiones.php
@@ -0,0 +1,117 @@
+<?php namespace App\Controllers\Presupuestos;
+
+
+use App\Models\Collection;
+
+use App\Models\Presupuestos\PresupuestoPreimpresionesModel;
+use DataTables\Editor;
+use DataTables\Editor\Field;
+use DataTables\Editor\Validate;
+
+class PresupuestoPreimpresiones extends \App\Controllers\GoBaseResourceController
+{
+
+    protected $modelName = PresupuestoPreimpresionesModel::class;
+    protected $format = 'json';
+
+    protected static $singularObjectName = 'Presupuesto preimpresion';
+    protected static $singularObjectNameCc = 'presupuestoPreimpresion';
+    protected static $pluralObjectName = 'Presupuestos preimpresion';
+    protected static $pluralObjectNameCc = 'presupuestosPreimpresion';
+
+    protected static $controllerSlug = 'presupuesto-preimpresiones';
+
+    protected static $viewPath = 'themes/backend/vuexy/form/presupuestos/';
+
+    protected $indexRoute = 'contactoDeClienteList';
+
+
+    public function initController(\CodeIgniter\HTTP\RequestInterface $request, \CodeIgniter\HTTP\ResponseInterface $response, \Psr\Log\LoggerInterface $logger)
+    {
+        parent::initController($request, $response, $logger);
+    }
+
+
+    public function datatable()
+    {
+        if ($this->request->isAJAX()) {
+            $reqData = $this->request->getPost();
+            if (!isset($reqData['draw']) || !isset($reqData['columns'])) {
+                $errstr = 'No data available in response to this specific request.';
+                $response = $this->respond(Collection::datatable([], 0, 0, $errstr), 400, $errstr);
+                return $response;
+            }
+            $start = $reqData['start'] ?? 0;
+            $length = $reqData['length'] ?? 5;
+            $requestedOrder = $reqData['order']['0']['column'] ?? 1;
+            $order = PresupuestoPreimpresionesModel::SORTABLE[$requestedOrder >= 0 ? $requestedOrder : 1];
+            $dir = $reqData['order']['0']['dir'] ?? 'asc';
+
+            $id_P = $reqData['id_presupuesto'] ?? -1;
+
+            $resourceData = $this->model->getResource($id_P)->orderBy($order, $dir)->limit($length, $start)->get()->getResultObject();
+
+            return $this->respond(Collection::datatable(
+                $resourceData,
+                $this->model->getResource()->countAllResults(),
+                $this->model->getResource($id_P)->countAllResults()
+            ));
+        } else {
+            return $this->failUnauthorized('Invalid request', 403);
+        }
+    }
+
+    public function datatable_editor() {
+        if ($this->request->isAJAX()) {
+
+            include(APPPATH . "ThirdParty/DatatablesEditor/DataTables.php");
+
+            // Build our Editor instance and process the data coming from _POST
+            $response = Editor::inst( $db, 'presupuesto_preimpresiones' )
+                ->fields(
+                    Field::inst( 'tarifa_preimpresion_id' )
+                        ->validator( 'Validate::notEmpty',array(
+                                'message' =>  'Selecciones servicios de acabado' )
+                        ),
+                    Field::inst( 'precio_unidad' )
+                        ->validator( 'Validate::notEmpty',array(
+                                'message' =>  'Falta precio unitario' )
+                        ),
+                    Field::inst( 'precio_total' )
+                        ->validator( 'Validate::notEmpty',array(
+                                'message' =>  'Falta precio total' )
+                        ),
+
+                    Field::inst( 'presupuesto_id' ),
+
+                )
+                ->validator( function($editor, $action, $data){
+                    if ($action === Editor::ACTION_CREATE || $action === Editor::ACTION_EDIT){
+                        //return $response;
+                        /*foreach ($data['data'] as $pkey => $values ){
+                            // No se pueden duplicar valores al crear o al editar
+                            if (!empty($response)){
+                                return $response;
+                            }
+                        }*/
+                    }
+                })
+                ->debug(true)
+                ->process( $_POST )
+                ->data();
+
+            $newTokenHash = csrf_hash();
+            $csrfTokenName = csrf_token();
+
+            $response[$csrfTokenName] = $newTokenHash;
+
+            echo json_encode($response);
+
+        } else {
+            return $this->failUnauthorized('Invalid request', 403);
+        }
+    }
+
+
+
+}
diff --git a/ci4/app/Controllers/Tarifas/Tarifaencuadernacionlineas.php b/ci4/app/Controllers/Tarifas/Tarifaencuadernacionlineas.php
index 33e35632..416776b0 100644
--- a/ci4/app/Controllers/Tarifas/Tarifaencuadernacionlineas.php
+++ b/ci4/app/Controllers/Tarifas/Tarifaencuadernacionlineas.php
@@ -215,19 +215,19 @@ class Tarifaencuadernacionlineas extends \App\Controllers\GoBaseResourceControll
             // Build our Editor instance and process the data coming from _POST
             $response = Editor::inst($db, 'tarifa_encuadernacion_lineas')
                 ->fields(
-                    Field::inst('paginas_min')
+                    Field::inst('paginas_libro_min')
                         ->validator('Validate::numeric', array(
-                                'message' => lang('TarifaAcabadoLineas.validation.paginas_min.decimal'))
+                                'message' => lang('TarifaAcabadoLineas.validation.paginas_libro_min.decimal'))
                         )
                         ->validator('Validate::notEmpty', array(
-                                'message' => lang('TarifaAcabadoLineas.validation.paginas_min.required'))
+                                'message' => lang('TarifaAcabadoLineas.validation.paginas_libro_min.required'))
                         ),
-                    Field::inst('paginas_max')
+                    Field::inst('paginas_libro_max')
                         ->validator('Validate::numeric', array(
-                                'message' => lang('TarifaAcabadoLineas.validation.paginas_max.decimal'))
+                                'message' => lang('TarifaAcabadoLineas.validation.paginas_libro_max.decimal'))
                         )
                         ->validator('Validate::notEmpty', array(
-                                'message' => lang('TarifaAcabadoLineas.validation.paginas_max.required'))
+                                'message' => lang('TarifaAcabadoLineas.validation.paginas_libro_max.required'))
                         ),
                     Field::inst('precio_min')
                         ->validator('Validate::numeric', array(
@@ -264,8 +264,8 @@ class Tarifaencuadernacionlineas extends \App\Controllers\GoBaseResourceControll
                         foreach ($data['data'] as $pkey => $values) {
                             // Si no se quiere borrar...
                             if ($data['data'][$pkey]['is_deleted'] != 1) {
-                                $process_data['paginas_min'] = $data['data'][$pkey]['paginas_min'];
-                                $process_data['paginas_max'] = $data['data'][$pkey]['paginas_max'];
+                                $process_data['paginas_libro_min'] = $data['data'][$pkey]['paginas_libro_min'];
+                                $process_data['paginas_libro_max'] = $data['data'][$pkey]['paginas_libro_max'];
                                 $response = $this->model->checkIntervals($process_data, $pkey, $data['data'][$pkey]['tirada_encuadernacion_id']);
                                 // No se pueden duplicar valores al crear o al editar
                                 if (!empty($response)) {
diff --git a/ci4/app/Controllers/Tarifas/Tarifaenvio.php b/ci4/app/Controllers/Tarifas/Tarifaenvio.php
deleted file mode 100644
index 8d0c0046..00000000
--- a/ci4/app/Controllers/Tarifas/Tarifaenvio.php
+++ /dev/null
@@ -1,35 +0,0 @@
-<?php
-
-namespace App\Controllers\Tarifas;
-use App\Controllers\BaseController;
-
-
-class Tarifaenvio extends BaseController
-{ 
-    function __construct()
-    { 
-            
-    }
-
-    public function index()
-    {
-        echo 'Tarifa envio';
-    } 
-
-    public function delete()
-    {
-
-    }
-
-    public function add()
-    {
-
-    }
-
-    public function edit()
-    {
-
-    }
-
-}
- 
\ No newline at end of file
diff --git a/ci4/app/Controllers/Test.php b/ci4/app/Controllers/Test.php
index 26d1a273..66a1e000 100644
--- a/ci4/app/Controllers/Test.php
+++ b/ci4/app/Controllers/Test.php
@@ -2,12 +2,14 @@
 
 namespace App\Controllers;
 
-use App\Models\Configuracion\MaquinasCallesModel;
+use App\Controllers\BaseController;
+use App\Models\Configuracion\MaquinasTarifasImpresionModel;
+use App\Models\Configuracion\PapelGenericoModel;
+use App\Models\Configuracion\MaquinaModel;
+use App\Services\PresupuestoService;
 
 class Test extends BaseController
 {
-    
-
     function __construct()
     {
         
@@ -15,11 +17,370 @@ class Test extends BaseController
 
     public function index()
     {
-        $model = new MaquinasCallesModel();
+        $this->getLP();
+    }
+
+    public function timeToSeconds(){
+        $time = '99:59:59';
+        
+        $time_parts = explode(":", $time);
+        $seconds = $time_parts[2] + $time_parts[1] * 60 + $time_parts[0] * 3600;
+        echo "Time in seconds: " . $seconds;
+    }
+
+    public function getLP(){
+        $lp_model = model('App\Models\Presupuestos\PresupuestoLineaModel');
+        $data = $lp_model->getLineasPresupuesto(8);
+        $papel_imp_model = model('App\Models\Configuracion\PapelImpresionModel');
+        $maquina_model = model('App\Models\Configuracion\MaquinaModel');
+        foreach($data as $linea){
+            $linea->papel_impresion_id = $papel_imp_model->getValue_Nombre($linea->papel_impresion_id)[0];
+            $linea->maquina_id = $maquina_model->getValue_Nombre($linea->maquina_id)[0];
+            var_dump($linea->papel_impresion_id);
+            var_dump($linea->maquina_id);
+        }
+            
+    }
+
+    public function createLP(){
+        $lp_model = model('App\Models\Presupuestos\PresupuestoLineaModel');
+        $lp_model->createForPresupuesto(8);
+    }
+
+    public function getPapelesHQ(){
+        $model = model('App\Models\Configuracion\PapelGenericoModel');
+        $data = $model->getPapelForComparador('colorhq', false, false);
+
+        var_dump($data);
+    }
+
+    public function getGramaje(){
+        $model = new PapelGenericoModel();
+        $data = $model->getGramajeComparador("AHUESADO OFFSET", "bnhq" );
+
+        var_dump($data);
+    }
+
+    public function testGetPrecioPliegoRotativa()
+    {
+        $paginas=240;
+        
+        $papel_impresion = (object)array(
+            'id' => 198,
+            'gramaje' => 90,
+            'precio_tonelada'=> 1600
+        );
+        
+
+        $maquina = (object)array(
+            //'id' => 48,
+            'alto' => 800,
+            'ancho' => 520,
+        );
+
+        $precio = PresupuestoService::getPrecioPliego($maquina, $papel_impresion, $paginas);
+        
+        var_dump($precio);
+        
+    }
+
+    public function testGetMaquinasFromTarifas()
+    {
+        $maquinamodel = new MaquinaModel();
+
+        //$tarifa_tipo = ['negro', 'color'];
+        //$tarifa_tipo = 'color';
+        $tarifa_tipo = 'negro';
+        $papel_impresion_id = 5;
+        $maquina = $maquinamodel->getMaquinaImpresionForPresupuesto(1, $tarifa_tipo, 100, $papel_impresion_id);
         echo '<pre>';
-        $resourceData = $model->getResource("", 113)->get()->getResultObject();
-        var_dump($resourceData);
+        var_dump($maquina);
         echo '</pre>';
     }
+
+    public static function testLineasIntPlana()
+    {
+        $uso = 'interior';
+        $tipo = 'colorhq';
+        $datosPedido = (object)array(
+            'paginas' => 200,
+            'tirada' => 500,
+            'merma' => 10,
+            'merma_portada' => 10,
+            'ancho' => 165,
+            'alto' => 148,
+            'isCosido' => true,
+        );
+
+        $maquina_model = new \App\Models\Configuracion\MaquinaModel();
+
+        $opciones_papel = array(
+            'color' => 1,
+            'cubierta' => 0,
+            'sobrecubierta' => 0,
+            'rotativa' => 0,
+        );
+        $papelimpresionmodel = new \App\Models\Configuracion\PapelImpresionModel();
+        $papeles = $papelimpresionmodel->getIdPapelesImpresionForPresupuesto(
+            papel_generico_id: 4,
+            gramaje: 90,
+            options: $opciones_papel
+        );
+        foreach ($papeles as $papel) {
+            echo '-------------------------------';
+            $maquinas = $maquina_model->getMaquinaImpresionForPresupuesto(
+                is_rotativa: $papel->rotativa,
+                tarifa_tipo: 'colorhq',
+                tirada: $datosPedido->tirada + $datosPedido->merma,
+                papel_impresion_id: $papel->id,
+            );
+
+            foreach ($maquinas as $maquina) {
+
+                echo '----------------------------<br>';
+                var_dump($maquina->maquina);
+                var_dump($papel->nombre);
+                $tarifa = (new \App\Models\Configuracion\MaquinasTarifasImpresionModel())->getTarifa($maquina->maquina_id, $uso, $tipo);
+                $linea = PresupuestoService::getCostesLinea($uso, $datosPedido, $maquina, $papel, $opciones_papel, $tarifa);
+                echo '<pre>';
+                var_dump($linea);
+                echo '</pre>';
+            }
+        }
+    }
+
+
+    public static function testLineasIntPlanaCubierta()
+    {
+        echo '<pre>';
+        $uso = 'cubierta';
+        $tipo = 'color';
+        $datosPedido = (object)array(
+            'paginas' => 200,
+            'tirada' => 500,
+            'merma' => 10,
+            'merma_portada' => 10,
+            'ancho' => 165,
+            'alto' => 148,
+            'isCosido' => true,
+            'solapas' => 0,
+            'solapas_ancho' => 0,
+        );
+
+        $maquina_model = new \App\Models\Configuracion\MaquinaModel();
+
+        $opciones_papel = array(
+            'color' => 1,
+            'cubierta' => 1,
+            'sobrecubierta' => 0,
+            'rotativa' => 0,
+        );
+        $papelimpresionmodel = new \App\Models\Configuracion\PapelImpresionModel();
+        $papeles = $papelimpresionmodel->getIdPapelesImpresionForPresupuesto(
+            papel_generico_id: 3,
+            gramaje: 100,
+            options: $opciones_papel
+        );
+        foreach ($papeles as $papel) {
+            echo '-------------------------------';
+            var_dump($papel);
+            $maquinas = $maquina_model->getMaquinaImpresionForPresupuesto(
+                is_rotativa: $papel->rotativa,
+                tarifa_tipo: 'color',
+                tirada: $datosPedido->tirada + $datosPedido->merma_portada,
+                papel_impresion_id: $papel->id,
+            );
+
+            foreach ($maquinas as $maquina) {
+
+                echo '----------------------------<br>';
+                var_dump($maquina->maquina);
+                var_dump($papel->nombre);
+                $tarifa = (new \App\Models\Configuracion\MaquinasTarifasImpresionModel())->getTarifa($maquina->maquina_id, $uso, $tipo);
+                $linea = PresupuestoService::getCostesLinea($uso, $datosPedido, $maquina, $papel, $opciones_papel, $tarifa);
+                
+                var_dump($linea);
+                
+            }
+        }
+        echo '</pre>';
+    }
+
+
+
+    public static function testLineasIntRotativa()
+    {
+
+        $uso = 'interior';
+        $tipo = 'negro';
+
+
+
+        $datosPedido = (object)array(
+            'paginas' => 240,
+            'tirada' => 100,
+            'merma' => 10,
+            'merma_portada' => 10,
+            'ancho' => 150,
+            'alto' => 210,
+            'isCosido' => true,
+        );
+
+        $parametrosRotativa = (object)array(
+            'a_favor_fibra' => 0,
+            'bnPages' =>  240,
+            'colorPages' =>  0,
+            'rotativa_gota_negro' => 0,
+            'rotativa_gota_color' => 0,
+        );
+
+        $maquina_model = new \App\Models\Configuracion\MaquinaModel();
+
+        $opciones_papel = array(
+            'bn' => 1,
+            'cubierta' => 0,
+            'sobrecubierta' => 0,
+            'rotativa' => 1,
+        );
+        $papelimpresionmodel = new \App\Models\Configuracion\PapelImpresionModel();
+        $papeles = $papelimpresionmodel->getIdPapelesImpresionForPresupuesto(
+            papel_generico_id: 4,
+            gramaje: 90,
+            options: $opciones_papel
+        );
+
+        
+        foreach ($papeles as $papel) {
+
+            $papelImpresionTipologiaModel = new \App\Models\Configuracion\PapelImpresionTipologiaModel();
+            $datosTipologias = $papelImpresionTipologiaModel
+                ->findTipologiasForPapelImpresion($papel->id, $parametrosRotativa->colorPages>0?'color':'negro')
+                ->get()->getResultObject();
+            echo '<pre>';
+            var_dump($papel->id);
+            var_dump($datosTipologias);
+            echo '</pre>';
+            $parametrosRotativa->rotativa_gota_negro =  $datosTipologias[0]->gota_negro;
+            $parametrosRotativa->rotativa_gota_color =  $datosTipologias[0]->gota_color;
+            $parametrosRotativa->rotativa_negro =  $datosTipologias[0]->negro;
+            $parametrosRotativa->rotativa_cyan =  $datosTipologias[0]->cyan;
+            $parametrosRotativa->rotativa_magenta =  $datosTipologias[0]->magenta;
+            $parametrosRotativa->rotativa_amarillo =  $datosTipologias[0]->amarillo;
+
+            echo '-------------------------------';
+            $maquinas = $maquina_model->getMaquinaImpresionForPresupuesto(
+                is_rotativa: $papel->rotativa,
+                tarifa_tipo: 'negro',
+                tirada: $datosPedido->tirada + $datosPedido->merma,
+                papel_impresion_id: $papel->id,
+            );
+
+
+
+            foreach ($maquinas as $maquina) {
+
+                echo '----------------------------<br>';
+                var_dump($maquina->maquina);
+                var_dump($papel->nombre);
+
+                //$linea = PresupuestoService::getCostesLineaRotativa($maquina, $datosPedido, $parametrosRotativa);
+                echo '<pre>';
+                var_dump($linea);
+                echo '</pre>';
+            }
+        }
+    }
+
+    public static function testLineasCubierta()
+    {
+        $uso = 'cubierta';
+        $tipo = 'color';
+
+        $datosPedido = (object)array(
+            'paginas' => 240,
+            'tirada' => 100,
+            'merma' => 10,
+            'merma_portada' => 10,
+            'ancho' => 150,
+            'alto' => 210,
+            'isCosido' => true,
+            'solapas' => false,
+        );
+
+        $opciones_papel = array(
+            'color' => 1,
+            'cubierta' => 1,
+        );
+
+
+        // Se obtienen los papeles disponibles
+        $papelimpresionmodel = new \App\Models\Configuracion\PapelImpresionModel();
+        $papeles = $papelimpresionmodel->getIdPapelesImpresionForPresupuesto(
+            papel_generico_id: 3, // Blanco offset
+            gramaje: 100,
+            options: $opciones_papel
+        );
+
+        echo '<pre>';
+        var_dump($papeles);
+        echo '</pre>';
+
+        $lineas = array();
+        // Para cada papel, se obtienen las maquinas disponibles
+        foreach ($papeles as $papel) {
+
+            $maquinamodel = new \App\Models\Configuracion\MaquinaModel();
+            $maquinas = $maquinamodel->getMaquinaImpresionForPresupuesto(
+                is_rotativa: 0,
+                tarifa_tipo: $tipo,
+                tirada: $datosPedido->tirada + $datosPedido->merma,
+                papel_impresion_id: $papel->id,
+            );
+
+            echo '<pre>';
+            echo '-------------------------------';
+            echo '</pre>';
+
+            echo '<pre>';
+            var_dump($maquinas);
+            echo '</pre>';
+            
+            // Se recorren las máquinas y se calcula el coste de linea por cada una
+            foreach ($maquinas as $maquina) {
+
+                echo '<pre>';
+                echo '$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$';
+                echo '</pre>';
+
+                $tarifamodel = new \App\Models\Configuracion\MaquinasTarifasImpresionModel();
+                $tarifa = $tarifamodel->getTarifa($maquina->maquina_id, $uso, $tipo);
+
+                echo '<pre>';
+                var_dump($tarifa);
+                echo '</pre>';
+
+                if(!is_float($tarifa)){
+                    continue;
+                }
+                $linea = PresupuestoService::getCostesLinea($uso, $datosPedido, $maquina, $papel, $opciones_papel, $tarifa);
+                $linea['fields']['maquina'] = $maquina->maquina;
+                $linea['fields']['maquina_id'] = $maquina->maquina_id;
+                $linea['fields']['papel_impresion'] = $papel->nombre;
+                $linea['fields']['papel_impresion_id'] = $papel->id;
+                $linea['fields']['paginas'] = $datosPedido->paginas;
+                $linea['fields']['gramaje'] = 100;
+                $linea['fields']['papel_generico_id'] = 3;
+                $linea['fields']['papel_generico'] = 'Blanco offset';
+
+                array_push($lineas, $linea);
+            }
+        }
+        
+        echo '<pre>';
+        var_dump($lineas);
+        echo '</pre>';
+
+    
+    }
 }
     
\ No newline at end of file
diff --git a/ci4/app/Entities/Configuracion/FormasPagoEntity.php b/ci4/app/Entities/Configuracion/FormasPagoEntity.php
deleted file mode 100644
index d29181c6..00000000
--- a/ci4/app/Entities/Configuracion/FormasPagoEntity.php
+++ /dev/null
@@ -1,15 +0,0 @@
-<?php
-namespace App\Entities\Configuracion;
-
-use CodeIgniter\Entity;
-
-class FormasPagoEntity extends \CodeIgniter\Entity\Entity
-{
-    protected $attributes = [
-        "id" => null,
-        "nombre" => null,
-        "created_at" => null,
-        "updated_at" => null,
-    ];
-    protected $casts = [];
-}
diff --git a/ci4/app/Entities/Configuracion/Maquina.php b/ci4/app/Entities/Configuracion/Maquina.php
index c88ba673..97b3674a 100644
--- a/ci4/app/Entities/Configuracion/Maquina.php
+++ b/ci4/app/Entities/Configuracion/Maquina.php
@@ -28,8 +28,8 @@ class Maquina extends \CodeIgniter\Entity\Entity
         "velocidad_corte" => 0.0,
         "precio_hora_corte" => 0.0,
         "metrosxminuto" => 0.0,
-        "forzar_num_formas_horizontales_portada" => null,
-        "forzar_num_formas_verticales_portada" => null,
+        "forzar_num_formas_horizontales_cubierta" => null,
+        "forzar_num_formas_verticales_cubierta" => null,
         "observaciones" => "",
         "is_deleted" => 0,
         "created_at" => null,
@@ -56,8 +56,8 @@ class Maquina extends \CodeIgniter\Entity\Entity
         "precio_tinta_color" => "float",
         "velocidad_corte" => "float",
         "precio_hora_corte" => "float",
-        "forzar_num_formas_horizontales_portada" => "?int",
-        "forzar_num_formas_verticales_portada" => "?int",
+        "forzar_num_formas_horizontales_cubierta" => "?int",
+        "forzar_num_formas_verticales_cubierta" => "?int",
         "is_deleted" => "int",
         "user_created_id" => "int",
         "user_updated_id" => "int",
diff --git a/ci4/app/Entities/Configuracion/MaquinasCallesEntity.php b/ci4/app/Entities/Configuracion/MaquinasCallesEntity.php
index 5bca1d7c..57f17c59 100644
--- a/ci4/app/Entities/Configuracion/MaquinasCallesEntity.php
+++ b/ci4/app/Entities/Configuracion/MaquinasCallesEntity.php
@@ -8,8 +8,7 @@ class MaquinasCallesEntity extends \CodeIgniter\Entity\Entity
     protected $attributes = [
         "id" => null,
         "maquina_id" => null,
-        "formas_min" => null,
-        "formas_max" => null,
+        "formas" => null,
         "internas" => 3.32,
         "externas" => 1.66,
         "user_created_id" => 0,
@@ -20,8 +19,7 @@ class MaquinasCallesEntity extends \CodeIgniter\Entity\Entity
     ];
     protected $casts = [
         "maquina_id" => "int",
-        "formas_min" => "int",
-        "formas_max" => "int",
+        "formas" => "int",
         "internas" => "float",
         "externas" => "float",
         "user_created_id" => "int",
diff --git a/ci4/app/Entities/Presupuestos/PresupuestoAcabadosEntity.php b/ci4/app/Entities/Presupuestos/PresupuestoAcabadosEntity.php
new file mode 100644
index 00000000..8a4bf9ed
--- /dev/null
+++ b/ci4/app/Entities/Presupuestos/PresupuestoAcabadosEntity.php
@@ -0,0 +1,23 @@
+<?php
+namespace App\Entities\Presupuestos;
+
+use CodeIgniter\Entity;
+
+class PresupuestoAcabadosEntity extends \CodeIgniter\Entity\Entity
+{
+    protected $attributes = [
+        "id" => null,
+        "presupuesto_id" => null,
+        "tarifa_acabado_id" => null,
+        "precio_unidad" => null,
+        "precio_total" => null,
+        "created_at" => null,
+        "updated_at" => null,
+    ];
+    protected $casts = [
+        "presupuesto_id" => "int",
+        "tarifa_acabado_id" => "int",
+        "precio_unidad" => "float",
+        "precio_total" => "float",
+    ];
+}
diff --git a/ci4/app/Entities/Presupuestos/PresupuestoEncuadernacionesEntity.php b/ci4/app/Entities/Presupuestos/PresupuestoEncuadernacionesEntity.php
new file mode 100644
index 00000000..e1ce106d
--- /dev/null
+++ b/ci4/app/Entities/Presupuestos/PresupuestoEncuadernacionesEntity.php
@@ -0,0 +1,23 @@
+<?php
+namespace App\Entities\Presupuestos;
+
+use CodeIgniter\Entity;
+
+class PresupuestoEncuadernacionesEntity extends \CodeIgniter\Entity\Entity
+{
+    protected $attributes = [
+        "id" => null,
+        "presupuesto_id" => null,
+        "tarifa_encuadernado_id" => null,
+        "precio_unidad" => null,
+        "precio_total" => null,
+        "created_at" => null,
+        "updated_at" => null,
+    ];
+    protected $casts = [
+        "presupuesto_id" => "int",
+        "tarifa_encuadernado_id" => "int",
+        "precio_unidad" => "float",
+        "precio_total" => "float",
+    ];
+}
diff --git a/ci4/app/Entities/Presupuestos/PresupuestoEntity.php b/ci4/app/Entities/Presupuestos/PresupuestoEntity.php
index c5b91ca7..9d29fe8d 100644
--- a/ci4/app/Entities/Presupuestos/PresupuestoEntity.php
+++ b/ci4/app/Entities/Presupuestos/PresupuestoEntity.php
@@ -50,10 +50,11 @@ class PresupuestoEntity extends \CodeIgniter\Entity\Entity
         "merma" => null,
         "merma_portada" => 6.0,
         "imagenes_bn_interior" => false,
-        "comentarios" => null,
+        "comentarios_cliente" => null,
         "comentarios_safekat" => null,
         "comentarios_pdf" => null,
         "comentarios_tarifa" => null,
+        "comentarios_produccion" => null,
         "en_produccion" => false,
         "en_espera" => false,
         "modo_comparador" => false,
@@ -175,6 +176,8 @@ class PresupuestoEntity extends \CodeIgniter\Entity\Entity
         "deleted_at" => null,
         "created_at" => null,
         "updated_at" => null,
+        "comp_tipo_impresion" => null,
+        "comp_pos_paginas_color" => null,
     ];
     protected $casts = [
         "version" => "int",
diff --git a/ci4/app/Entities/Presupuestos/PresupuestoLineaEntity.php b/ci4/app/Entities/Presupuestos/PresupuestoLineaEntity.php
new file mode 100644
index 00000000..603cd868
--- /dev/null
+++ b/ci4/app/Entities/Presupuestos/PresupuestoLineaEntity.php
@@ -0,0 +1,127 @@
+<?php
+namespace App\Entities\Presupuestos;
+
+use CodeIgniter\Entity;
+
+class PresupuestoLineaEntity extends \CodeIgniter\Entity\Entity
+{
+    protected $attributes = [
+        "id" => null,
+        "presupuesto_id" => null,
+        "tipo" => null,
+        "paginas" => 0,
+        "paginas_color_posicion" => null,
+        "solapas_ancho" => 0.0,
+        "papel_id" => null,
+        "papel_impresion_id" => null,
+        "formas" => null,
+        "gramaje" => null,
+        "pliegos_libro" => null,
+        "pliegos_pedido" => null,
+        "pliegos_precio" => null,
+        "libro" => null,
+        "pedido" => null,
+        "mano" => null,
+        "peso" => null,
+        "maquina_id" => null,
+        "tarifa_impresion_id" => null,
+        "click" => null,
+        "precio" => null,
+        "rotativa_impresion" => null,
+        "rotativa_pag_color" => 0,
+        "rotativa_set_values" => false,
+        "rotativa_negro" => 0.0,
+        "rotativa_cyan" => 0.0,
+        "rotativa_magenta" => 0.0,
+        "rotativa_amarillo" => 0.0,
+        "rotativa_gota_negro" => 0.0,
+        "rotativa_gota_color" => 0.0,
+        "rotativa_saturacion" => 100.0,
+        "rotativa_a_favor_fibra" => true,
+        "rotativa_mxm" => null,
+        "rotativa_area_paginas" => null,
+        "rotativa_num_gotas_negro" => 0,
+        "rotativa_num_gotas_cyan" => 0,
+        "rotativa_num_gotas_magenta" => 0,
+        "rotativa_num_gotas_amarillo" => 0,
+        "rotativa_peso_gotas_negro" => 0,
+        "rotativa_peso_gotas_cyan" => 0,
+        "rotativa_peso_gotas_magenta" => 0,
+        "rotativa_peso_gotas_amarillo" => 0,
+        "rotativa_precio_pag_negro" => null,
+        "rotativa_precio_pag_color" => null,
+        "rotativa_factor_altura" => null,
+        "rotativa_factor_anchura" => null,
+        "rotativa_pag_por_pliego" => null,
+        "rotativa_metros_libro" => null,
+        "rotativa_metros_total" => null,
+        "rotativa_clicks_libro" => null,
+        "rotativa_clicks_total" => null,
+        "rotativa_precio_tinta" => null,
+        "rotativa_total_impresion" => null,
+        "rotativa_velocidad_corte" => 0,
+        "rotativa_tiempo_corte" => 0,
+        "rotativa_precio_hora_corte" => 0,
+        "rotativa_total_corte" => 0,
+        "isActiva" => false,
+        "check_impresion_total" => false,
+        "check_papel_total" => false,
+    ];
+    protected $casts = [
+        "presupuesto_id" => "int",
+        "paginas" => "int",
+        "solapas_ancho" => "float",
+        "papel_id" => "?int",
+        "papel_impresion_id" => "?int",
+        "gramaje" => "?float",
+        "pliegos_libro" => "?float",
+        "pliegos_pedido" => "?float",
+        "pliegos_precio" => "?float",
+        "libro" => "?float",
+        "pedido" => "?float",
+        "mano" => "?float",
+        "peso" => "?float",
+        "maquina_id" => "?int",
+        "tarifa_impresion_id" => "?int",
+        "click" => "?float",
+        "precio" => "?float",
+        "rotativa_pag_color" => "int",
+        "rotativa_set_values" => "boolean",
+        "rotativa_negro" => "float",
+        "rotativa_cyan" => "float",
+        "rotativa_magenta" => "float",
+        "rotativa_amarillo" => "float",
+        "rotativa_gota_negro" => "float",
+        "rotativa_gota_color" => "float",
+        "rotativa_saturacion" => "float",
+        "rotativa_a_favor_fibra" => "boolean",
+        "rotativa_mxm" => "?float",
+        "rotativa_area_paginas" => "float",
+        "rotativa_num_gotas_negro" => "float",
+        "rotativa_num_gotas_cyan" => "float",
+        "rotativa_num_gotas_magenta" => "float",
+        "rotativa_num_gotas_amarillo" => "float",
+        "rotativa_peso_gotas_negro" => "float",
+        "rotativa_peso_gotas_cyan" => "float",
+        "rotativa_peso_gotas_magenta" => "float",
+        "rotativa_peso_gotas_amarillo" => "float",
+        "rotativa_precio_pag_negro" => "float",
+        "rotativa_precio_pag_color" => "float",
+        "rotativa_factor_altura" => "float",
+        "rotativa_factor_anchura" => "float",
+        "rotativa_pag_por_pliego" => "float",
+        "rotativa_metros_libro" => "float",
+        "rotativa_metros_total" => "float",
+        "rotativa_clicks_libro" => "float",
+        "rotativa_clicks_total" => "float",
+        "rotativa_precio_tinta" => "float",
+        "rotativa_total_impresion" => "float",
+        "rotativa_velocidad_corte" => "float",
+        "rotativa_tiempo_corte" => "float",
+        "rotativa_precio_hora_corte" => "float",
+        "rotativa_total_corte" => "float",
+        "isActiva" => "boolean",
+        "check_impresion_total" => "boolean",
+        "check_papel_total" => "boolean",
+    ];
+}
diff --git a/ci4/app/Entities/Presupuestos/PresupuestoManipuladosEntity.php b/ci4/app/Entities/Presupuestos/PresupuestoManipuladosEntity.php
new file mode 100644
index 00000000..8b2830c7
--- /dev/null
+++ b/ci4/app/Entities/Presupuestos/PresupuestoManipuladosEntity.php
@@ -0,0 +1,23 @@
+<?php
+namespace App\Entities\Presupuestos;
+
+use CodeIgniter\Entity;
+
+class PresupuestoManipuladosEntity extends \CodeIgniter\Entity\Entity
+{
+    protected $attributes = [
+        "id" => null,
+        "presupuesto_id" => null,
+        "tarifa_manipulado_id" => null,
+        "precio_unidad" => null,
+        "precio_total" => null,
+        "created_at" => null,
+        "updated_at" => null,
+    ];
+    protected $casts = [
+        "presupuesto_id" => "int",
+        "tarifa_manipulado_id" => "int",
+        "precio_unidad" => "float",
+        "precio_total" => "float",
+    ];
+}
diff --git a/ci4/app/Entities/Presupuestos/PresupuestoPreimpresionesEntity.php b/ci4/app/Entities/Presupuestos/PresupuestoPreimpresionesEntity.php
new file mode 100644
index 00000000..8a56a8fc
--- /dev/null
+++ b/ci4/app/Entities/Presupuestos/PresupuestoPreimpresionesEntity.php
@@ -0,0 +1,23 @@
+<?php
+namespace App\Entities\Presupuestos;
+
+use CodeIgniter\Entity;
+
+class PresupuestoPreimpresionesEntity extends \CodeIgniter\Entity\Entity
+{
+    protected $attributes = [
+        "id" => null,
+        "presupuesto_id" => null,
+        "tarifa_preimpresion_id" => null,
+        "precio_unidad" => null,
+        "precio_total" => null,
+        "created_at" => null,
+        "updated_at" => null,
+    ];
+    protected $casts = [
+        "presupuesto_id" => "int",
+        "tarifa_preimpresion_id" => "int",
+        "precio_unidad" => "float",
+        "precio_total" => "float",
+    ];
+}
diff --git a/ci4/app/Entities/Tarifas/TarifaEncuadernacionLinea.php b/ci4/app/Entities/Tarifas/TarifaEncuadernacionLinea.php
index cef07060..be10cf9c 100644
--- a/ci4/app/Entities/Tarifas/TarifaEncuadernacionLinea.php
+++ b/ci4/app/Entities/Tarifas/TarifaEncuadernacionLinea.php
@@ -8,10 +8,13 @@ class TarifaEncuadernacionLinea extends \CodeIgniter\Entity\Entity
     protected $attributes = [
         "id" => null,
         "tirada_encuadernacion_id" => 0,
-        "paginas_min" => 0,
-        "paginas_max" => 0,
+        "paginas_libro_min" => 0,
+        "paginas_libro_max" => 0,
+        "dimensiones_id" => 0,
         "precio_min" => 0,
         "precio_max" => 0,
+        "tirada_min" => 0,
+        "tirada_max" => 0,
         "margen" => 0,
         "user_created_id" => 0,
         "user_updated_id" => 0,
@@ -21,10 +24,13 @@ class TarifaEncuadernacionLinea extends \CodeIgniter\Entity\Entity
     ];
     protected $casts = [
         "tirada_encuadernacion_id" => "int",
-        "paginas_min" => "float",
-        "paginas_max" => "float",
+        "dimensiones_id" => "int",
+        "paginas_libro_min" => "float",
+        "paginas_libro_max" => "float",
         "precio_min" => "float",
         "precio_max" => "float",
+        "tirada_min" => "float",
+        "tirada_max" => "float",
         "margen" => "float",
         "user_created_id" => "int",
         "user_updated_id" => "int",
diff --git a/ci4/app/Language/en/Basic.php b/ci4/app/Language/en/Basic.php
index 9162821a..5e06aaf9 100644
--- a/ci4/app/Language/en/Basic.php
+++ b/ci4/app/Language/en/Basic.php
@@ -12,6 +12,8 @@ return [
 			'Close' => 'Close',
 			'Dashboard' => 'Dashboard',
 			'Delete' => 'Delete',
+            'Clone' => 'Clone',
+            'Print' => 'Print',
 			'Error' => 'Error',
 			'Groups' => 'Groups',
 			'Home' => 'Home',
diff --git a/ci4/app/Language/en/Maquinas.php b/ci4/app/Language/en/Maquinas.php
index 443c0bdd..5445dfdf 100644
--- a/ci4/app/Language/en/Maquinas.php
+++ b/ci4/app/Language/en/Maquinas.php
@@ -54,12 +54,12 @@ return [
 				'greater_than' => 'The field {field} must be greater than {param}',
 			],
 
-			'forzar_num_formas_horizontales_portada' =>  [
+			'forzar_num_formas_horizontales_cubierta' =>  [
 				'integer' => 'The {field} field must contain an integer.',
 
 			],
 
-			'forzar_num_formas_verticales_portada' =>  [
+			'forzar_num_formas_verticales_cubierta' =>  [
 				'integer' => 'The {field} field must contain an integer.',
 
 			],
diff --git a/ci4/app/Language/en/MaquinasCalles.php b/ci4/app/Language/en/MaquinasCalles.php
index 743baada..704e28f4 100644
--- a/ci4/app/Language/en/MaquinasCalles.php
+++ b/ci4/app/Language/en/MaquinasCalles.php
@@ -6,20 +6,12 @@ return [
 	'id' => 'ID',
 	'moduleTitle' => 'Streets config',
 	'deleteLine' => 'the selected register',
-	'formas_min' => 'Shapes mín.',
-	'formas_max' => 'Shapes max.',
+	'formas' => 'Shapes',
 	'internas' => 'Internal streets',
 	'externas' => 'External streets',
 	'validation' =>  [
-			'error_calle_overlap' => 'The range [Shapes mín, Shapes max] is overlapped with another one.',
-			'error_calle_range' => 'The field Shapes min. must be lower than the field Shapes max.',
-			'formas_min' =>  [
-				'integer' => 'Must be a integer number.',
-				'required' => 'Required.',
-
-			],
-
-			'formas_max' =>  [
+			'error_formas_exists' => 'The shape value for another line already exists',
+			'formas' =>  [
 				'integer' => 'Must be a integer number.',
 				'required' => 'Required.',
 
diff --git a/ci4/app/Language/en/Presupuestos.php b/ci4/app/Language/en/Presupuestos.php
index a5ae9bb9..aa954702 100644
--- a/ci4/app/Language/en/Presupuestos.php
+++ b/ci4/app/Language/en/Presupuestos.php
@@ -10,6 +10,7 @@ return [
 
 	'datosPresupuesto' => 'Budget information',
 	'datosLibro' => 'Book information',
+    'datosServicios' => 'Other Services',
 	'datosPresupuestoCliente' => 'Client budget data (comparator)',
 
 	'id' => 'Budget Number',
@@ -21,7 +22,8 @@ return [
 	'incRei' => 'Incident \ Reprint',
 	'paginas' => 'Pages',
 	'tirada' => 'Print',
-	'totalPapelPedido' => 'Total paper budget',
+	'totalPedido' => 'Total paper budget',
+	'totalPresupuesto' => 'Total Budget',
 	'presupuestoEstado' => 'State',
 	'presupuestoEstadoBorrador' => 'Draft',
 	'presupuestoEstadoAceptado' => 'Acepted',
@@ -45,7 +47,7 @@ return [
 	'recogerEnTaller' => 'Pick up in workshop',
 	'marcapaginas' => 'Bookmark',
 	'merma' => 'Weakening',
-	'mermaportada' => 'Cover weakening',
+	'mermacubierta' => 'Cover weakening',
 	'tipoImpresion' => 'Printing type',
 	'papelesComparadorCosidoTapaBlanda' => 'Interior and cover papers',
 	'posicionPagColor' => 'Color pages position',
@@ -58,6 +60,27 @@ return [
 	'retractilado5' => 'Shrink-wrapping in packs of 5',
 	'Guardas' => 'Endpapers',
 	'fajaColor' => 'Print color band ',
+	'compInteriorPlana' => 'Interior in flat machine',
+	'compInteriorRotativa' => 'Interior in rotary',
+	'compCubiertaSobrecubierta' => 'Cover and dust jacket',
+	'tipo' => 'Type',
+	'marca' => 'Brand',
+	'maquina' => 'Machine',
+	'numeroPliegos' => 'Sheets No.',
+	'pliegosPedido' => 'Sheets order',
+	'precioPliego' => 'Sheets price',
+	'libro' => 'Book',
+    'totalPapelPedido' => 'Total paper order',
+	'lomo' => 'Spine',
+	'peso' => 'Weight',
+	'click' => 'Click',
+	'totalClicks' => 'Total clicks',
+	'precioPagNegro' => 'Pages black price',
+	'precioPagColor' => 'Pages color price',
+	'totalTinta' => 'Total ink',
+	'totalCorte' => 'Total cut',
+	'total' => 'Total',
+	'aFavorFibra' => 'In fiber direction',
 	'cubierta' => 'Cover',
 	'sobrecubierta' => 'Dust jacket',
 	'encuadernacion' => 'Binding',
@@ -65,6 +88,74 @@ return [
 	'solapasAnchoCubierta' => 'Cover dust jacket width',
 	'1cara' => '1 side',
 	'2caras' => '2 sides',
+	'bn' => 'BW',
+	'bnhq' => 'BWHQ',
+	'color' => 'Colour',
+	'colorhq' => 'ColourHQ',
+	'rotativa' => 'Rotary',
+	'rotativa_bn' => 'Rot. BW',
+    'rotativa_color' => 'Rot. Colour',
+	'si' => 'Yes',
+	'no' => 'No',
+	'insertarLinea' => 'Insert Line',
+	'plana' => 'flat',
+	'rotativa' => 'rotary',
+	'lineasPresupuesto' => 'Budget Lines',
+	'tiempo' => 'Time',
+
+	'porDefecto' => 'Deafult',
+	'tipoImpresion' => 'Print',
+    'numPagColor' => 'No Color Pages',
+    'saturacion' => 'Saturation',
+    'cobNegro' => 'Cov. % Black',
+    'cobCyan' => 'Cov. % Cyan',
+    'cobMagenta' => 'Cov. % Magenta',
+    'cobAmarillo' => 'Cov. % Yellow',
+    'gotaNegro' => 'Black drop',
+    'gotaColor' => 'Color drop',
+    'totalLinea' => 'TOTAL LINE',
+    'verCalculos' => 'Calculations',
+	'metrosMinuto' => 'Meters x min.',
+    'resolucion' => 'Resolution (dpi)',
+    'areaPaginas' => 'Pages area (in)',
+    'gotasNegro' => 'No black drops',
+    'gotasCyan' => 'No color drops',
+    'gotasMagenta' => 'No magenta drops',
+    'gotasAmarillo' => 'No yellow drops',
+    'precioPagNegro' => 'Price black pages',
+    'precioPagColor' => 'Price color pages',
+    'factorAltura' => 'Height factor',
+    'factorAnchura' => 'Width factor',
+    'paginasPliego' => 'Pages/sheet',
+	'metrosPapelLibro' => 'M. Paper Book',
+    'metrosPapelTotal' => 'M. Paper Total',
+    'clicksLibro' => 'Clicks/Book',
+    'gTintaNegro' => 'G. Black Ink',
+    'gTintaCyan' => 'G. Cyan Ink',
+    'gTintaMagenta' => 'G. Magenta Ink',
+    'gTintaAmarillo' => 'G. Yellow Ink',
+    'clicksPedido' => 'Clicks Order',
+    'totalClicks' => 'Total Clicks',
+    'totalTinta' => 'Total Ink',
+    'totalCorte' => 'Total Cut',
+    'totalImpresion' => 'TOTAL PRINT',
+
+	'addLineaPresupuesto' => 'Add line...',
+
+	'validation' => [
+		'decimal' => 'The {field} field must contain a decimal number.',
+		'integer' => 'The {field} field must contain an integer.',
+		'requerido' => 'The {field} field is required.',
+		'max_length' => 'The {field} field cannot exceed {param} characters in length.',
+    ],
+
+	'errores' => [
+        'paginas' => 'The field pages must be greater than zero',
+        'tiradas' => 'The field print must be greater than zero',
+        'dimension' => 'The book dimension must be greater than 60mm',
+		'lineaDuplicada' => 'That type of line already exists in the budget.',
+		'errorRotColor' => 'Papers and weights must be the same in color and BW',
+    ],
 
 	/* '4x0' => '4x0',
 	'4x4' => '4x4',
@@ -250,7 +341,9 @@ return [
 
 		'catalogo_id' =>  [
 			'integer' => 'The {field} field must contain an integer.',
-
+			'decimal' => 'The {field} field must contain a decimal number.',
+			'max_length' => 'The {field} field cannot exceed {param} characters in length.',
+			'required' => 'The {field} field is required.',
 		],
 
 		'causa_cancelacion' =>  [
diff --git a/ci4/app/Language/es/App.php b/ci4/app/Language/es/App.php
index 1a9d22be..64450f72 100644
--- a/ci4/app/Language/es/App.php
+++ b/ci4/app/Language/es/App.php
@@ -745,7 +745,6 @@ return [
     "menu_libros_fresasdo_tapa_blanda" => "Fresado tapa blanda",
     "menu_libros_cosido_tapa_dura" => "Cosidos tapa dura",
     "menu_libros_cosido_tapa_blanda" => "Cosidos tapa blanda",
-    "menu_libros_cosido_tapa_blanda_solapas" => "Cosidos tapa blanda con solapas",
     "menu_libros_grapados" => "Grapados",
     "menu_libros_espiral_tapa_dura" => "Espiral tapa dura",
     "menu_libros_espiral_tapa_blanda" => "Espiral tapa blanda",
diff --git a/ci4/app/Language/es/Basic.php b/ci4/app/Language/es/Basic.php
index 1dcfd513..2d385ad2 100644
--- a/ci4/app/Language/es/Basic.php
+++ b/ci4/app/Language/es/Basic.php
@@ -10,8 +10,12 @@ return [
 			'Cancel' => 'Cancelar',
 			'ChangePassword' => 'Cambiar contraseña',
 			'Close' => 'Cerrar',
+            'Print' => 'Imprimir',
+            'Clone' => 'Duplicar',
 			'Dashboard' => 'Panel de control',
 			'Delete' => 'Borrar',
+            'Clone' => 'Duplicar',
+            'Print' => 'Imprimir',
 			'Error' => 'Error',
 			'Groups' => 'Grupos',
 			'Home' => 'Inicio',
diff --git a/ci4/app/Language/es/Maquinas.php b/ci4/app/Language/es/Maquinas.php
index a58cfc6c..34c932e9 100644
--- a/ci4/app/Language/es/Maquinas.php
+++ b/ci4/app/Language/es/Maquinas.php
@@ -12,8 +12,8 @@ return [
 		'createdAt' => 'Created At',
 		'deletedAt' => 'Deleted At',
 		'duracionJornada' => 'Duracion Jornada',
-		'forzarNumFormasHorizontalesPortada' => 'Forzar Num Formas Horizontales Portada',
-		'forzarNumFormasVerticalesPortada' => 'Forzar Num Formas Verticales Portada',
+		'forzarNumFormasHorizontalesPortada' => 'Forzar Num Formas Horizontales Cubierta',
+		'forzarNumFormasVerticalesPortada' => 'Forzar Num Formas Verticales Cubierta',
 		'id' => 'ID',
 		'impresion' => 'impresion',
 		'isDeleted' => 'Is Deleted',
@@ -54,12 +54,12 @@ return [
 				'greater_than' => 'El campo {field} debe ser mayor que {param}',
 			],
 
-			'forzar_num_formas_horizontales_portada' =>  [
+			'forzar_num_formas_horizontales_cubierta' =>  [
 				'integer' => 'El campo {field} debe contener un número entero.',
 
 			],
 
-			'forzar_num_formas_verticales_portada' =>  [
+			'forzar_num_formas_verticales_cubierta' =>  [
 				'integer' => 'El campo {field} debe contener un número entero.',
 
 			],
diff --git a/ci4/app/Language/es/MaquinasCalles.php b/ci4/app/Language/es/MaquinasCalles.php
index dbb8c939..dbf93d8a 100644
--- a/ci4/app/Language/es/MaquinasCalles.php
+++ b/ci4/app/Language/es/MaquinasCalles.php
@@ -6,20 +6,12 @@ return [
 	'id' => 'ID',
 	'moduleTitle' => 'Configuración Calles',
 	'deleteLine' => 'el registro seleccionado',
-	'formas_min' => 'Formas mín.',
-	'formas_max' => 'Formas max.',
+	'formas' => 'Formas',
 	'internas' => 'Calles internas',
 	'externas' => 'Calles externas',
 	'validation' =>  [
-			'error_calle_overlap' => 'El rango [Formas mín, Formas max] se solapa con otro existente para el tipo seleccionado.',
-			'error_calle_range' => 'El campo Formas mín. debe ser menor que el campo Formas max.',
-			'formas_min' =>  [
-				'integer' => 'Debe contener un número entero.',
-				'required' => 'Requerido.',
-
-			],
-
-			'formas_max' =>  [
+			'error_formas_exists' => 'Ya existe el valor de forma para otra línea',
+			'formas' =>  [
 				'integer' => 'Debe contener un número entero.',
 				'required' => 'Requerido.',
 
diff --git a/ci4/app/Language/es/Presupuestos.php b/ci4/app/Language/es/Presupuestos.php
index 30fffaec..f233802d 100644
--- a/ci4/app/Language/es/Presupuestos.php
+++ b/ci4/app/Language/es/Presupuestos.php
@@ -1,75 +1,76 @@
 <?php
 
 
-
 return [
-	'moduleTitleCosidoTB' => 'Presupuesto Libro Cosido Tapa Blanda',
+    'moduleTitleCosidoTB' => 'Presupuesto Libro Cosido Tapa Blanda',
 
-	'presupuestoCosidotapablandaList' => 'Lista presupuestos Libros Cosido Tapa Blanda',
-	'presupuesto' => 'Presupuesto',
+    'presupuestoCosidotapablandaList' => 'Lista presupuestos Libros Cosido Tapa Blanda',
+    'presupuesto' => 'Presupuesto',
 
-	'datosPresupuesto' => 'Datos generales del presupuesto',
-	'datosLibro' => 'Datos del libro',
-	'datosPresupuestoCliente' => 'Datos presupuesto cliente (comparador)',
+    'datosPresupuesto' => 'Datos generales del presupuesto',
+    'datosLibro' => 'Datos del libro',
+    'datosServicios' => 'Otros Servicios',
+    'datosPresupuestoCliente' => 'Datos presupuesto cliente (comparador)',
 
-	'id' => 'Número Presupuesto',
-	'created_at' => 'Fecha',
-	'clienteId' => 'Cliente',
-	'comercial' => 'Comercial',
-	'titulo' => 'Título',
-	'paisId' => 'País',
-	'incRei' => 'Incidencia \ Reimpresión',
-	'paginas' => 'Paginas',
-	'tirada' => 'Tirada',
-	'totalPedido' => 'Total Presupuesto',
-	'presupuestoEstado' => 'Estado',
-	'presupuestoEstadoBorrador' => 'Borrador',
-	'presupuestoEstadoAceptado' => 'Aceptado',
-	'incidencia' => 'Incidencia',
-	'reimpresion' => 'Reimpresion',
-	'sinCargo' => 'Sin cargo',
-	'autor' => 'Autor',
-	'coleccion' => 'Colección',
-	'numeroEdicion' => 'Número de edición',
-	'isbn' => 'ISBN',
-	'referenciaCliente' => 'Referencia del cliente',
-	'papelFormatoId' => "Tamaño",
-	'papelFormatoPersonalizado' => 'Tamaño personalizado',
-	'papelFormatoAncho' => 'Ancho',
-	'papelFormatoAlto' => 'Alto',
-	'cosido' => 'Cosido',
-	'ferro' => 'Ferro',
-	'ferroDigital' => 'Ferro Digital',
-	'prototipo' => 'Prototipo',
-	'imagenesBnInterior' => 'Imágenes B/N interior',
-	'recogerEnTaller' => 'Recoger en taller',
-	'marcapaginas' => 'Marcapáginas',
-	'merma' => 'Merma',
-	'mermaportada' => 'Merma portada',
-	'tipoImpresion' => 'Tipo de impresión',
-	'papelesComparadorCosidoTapaBlanda' => 'Papeles interior y cubierta',
-	'posicionPagColor' => 'Posición páginas a color',
-	'colorPageInstructions' => 'Introduzca la posición de las páginas a color dentro del libro. Ej: 3,5,7 ó 4-10,20,155',
-	'numeroPaginas' => 'Nº Páginas',
-	'papel' => 'Papel',
-	'gramaje' => 'Gramaje',
-	'opcionesPresupuesto' => 'Opciones presupuesto',
-	'retractilado' => 'Retractilado individual',
-	'retractilado5' => 'Retractilado de 5',
-	'Guardas' => 'Guardas',
-	'fajaColor' => 'Imprimir faja a color',
-	'compInteriorPlana' => 'Interior en plana',
-	'compInteriorRotativa' => 'Interior en rotativa',
-	'compCubiertaSobrecubierta' => 'Cubierta y sobrecubierta',
-	'tipo' => 'Tipo',
-	'marca' => 'Marca',
-	'maquina' => 'Máquina',
-	'numeroPliegos' => 'Nº Pliegos',
-	'pliegosPedido' => 'Pliegos pedido',
-	'precioPliego' => 'Precio pliegos',
-	'libro' => 'Libro',
+    'id' => 'Número Presupuesto',
+    'created_at' => 'Fecha',
+    'clienteId' => 'Cliente',
+    'comercial' => 'Comercial',
+    'titulo' => 'Título',
+    'paisId' => 'País',
+    'incRei' => 'Incidencia \ Reimpresión',
+    'paginas' => 'Paginas',
+    'tirada' => 'Tirada',
+    'totalPedido' => 'Total Pedido',
+    'totalPresupuesto' => 'Total Presupuesto',
+    'presupuestoEstado' => 'Estado',
+    'presupuestoEstadoBorrador' => 'Borrador',
+    'presupuestoEstadoAceptado' => 'Aceptado',
+    'incidencia' => 'Incidencia',
+    'reimpresion' => 'Reimpresion',
+    'sinCargo' => 'Sin cargo',
+    'autor' => 'Autor',
+    'coleccion' => 'Colección',
+    'numeroEdicion' => 'Número de edición',
+    'isbn' => 'ISBN',
+    'referenciaCliente' => 'Referencia del cliente',
+    'papelFormatoId' => "Tamaño",
+    'papelFormatoPersonalizado' => 'Tamaño personalizado',
+    'papelFormatoAncho' => 'Ancho',
+    'papelFormatoAlto' => 'Alto',
+    'cosido' => 'Cosido',
+    'ferro' => 'Ferro',
+    'ferroDigital' => 'Ferro Digital',
+    'prototipo' => 'Prototipo',
+    'imagenesBnInterior' => 'Imágenes B/N interior',
+    'recogerEnTaller' => 'Recoger en taller',
+    'marcapaginas' => 'Marcapáginas',
+    'merma' => 'Merma',
+    'mermacubierta' => 'Merma cubierta',
+    'tipoImpresion' => 'Tipo de impresión',
+    'papelesComparadorCosidoTapaBlanda' => 'Papeles interior y cubierta',
+    'posicionPagColor' => 'Posición páginas a color',
+    'colorPageInstructions' => 'Introduzca la posición de las páginas a color dentro del libro. Ej: 3,5,7 ó 4-10,20,155',
+    'numeroPaginas' => 'Nº Páginas',
+    'papel' => 'Papel',
+    'gramaje' => 'Gramaje',
+    'opcionesPresupuesto' => 'Opciones presupuesto',
+    'retractilado' => 'Retractilado individual',
+    'retractilado5' => 'Retractilado de 5',
+    'Guardas' => 'Guardas',
+    'fajaColor' => 'Imprimir faja a color',
+    'compInteriorPlana' => 'Interior en plana',
+    'compInteriorRotativa' => 'Interior en rotativa',
+    'compCubiertaSobrecubierta' => 'Cubierta y sobrecubierta',
+    'tipo' => 'Tipo',
+    'marca' => 'Marca',
+    'maquina' => 'Máquina',
+    'numeroPliegos' => 'Nº Pliegos',
+    'pliegosPedido' => 'Pliegos pedido',
+    'precioPliego' => 'Precio pliegos',
+    'libro' => 'Libro',
     'totalPapelPedido' => 'Total papel pedido',
-	'lomo' => 'Lomo',
+    'lomo' => 'Lomo',
 	'peso' => 'Peso',
 	'click' => 'Click',
 	'totalClicks' => 'Total clicks',
@@ -78,6 +79,7 @@ return [
 	'totalTinta' => 'Total tinta',
 	'totalCorte' => 'Total corte',
 	'total' => 'Total',
+	'aFavorFibra' => 'A favor de fibra',
 	'cubierta' => 'Cubierta',
 	'sobrecubierta' => 'Sobrecubierta',
 	'encuadernacion' => 'Encuadernación',
@@ -85,7 +87,298 @@ return [
 	'solapasAnchoCubierta' => 'Ancho solapas cubierta',
 	'1cara' => '1 cara',
 	'2caras' => '2 caras',
+	'bn' => 'BN',
+	'bnhq' => 'BNHQ',
+	'color' => 'Color',
+	'colorhq' => 'ColorHQ',
+	'rotativa' => 'Rotativa',
+    'rotativa_bn' => 'Rot. BN',
+    'rotativa_color' => 'Rot. Color',
+	'si' => 'Si',
+	'no' => 'No',
+    'insertarLinea' => 'Insertar Línea',
+    'plana' => 'plana',
+	'rotativa' => 'rotativa',
+    'lineasPresupuesto' => 'Líneas Presupuesto',
+    'tiempo' => 'Tiempo',
 
+    'porDefecto' => 'Por defecto',
+    'tipoImpresion' => 'Impresion',
+    'numPagColor' => 'Nº Paginas Color',
+    'saturacion' => 'Saturación',
+    'cobNegro' => 'Cob. % Negro',
+    'cobCyan' => 'Cob. % Cyan',
+    'cobMagenta' => 'Cob. % Magenta',
+    'cobAmarillo' => 'Cob. % Amarillo',
+    'gotaNegro' => 'Gota negro',
+    'gotaColor' => 'Gota color',
+    'totalLinea' => 'TOTAL LÍNEA',
+    'verCalculos' => 'Cálculos',
+    'metrosMinuto' => 'Metros x min.',
+    'resolucion' => 'Resolución (dpi)',
+    'areaPaginas' => 'Área páginas (in)',
+    'gotasNegro' => 'Nº gotas negro',
+    'gotasCyan' => 'Nº gotas cyan',
+    'gotasMagenta' => 'Nº gotas magenta',
+    'gotasAmarillo' => 'Nº gotas amarillo',
+    'precioPagNegro' => 'Precio pág. Negro',
+    'precioPagColor' => 'Precio pág. Color',
+    'factorAltura' => 'Factor altura',
+    'factorAnchura' => 'Factor anchura',
+    'paginasPliego' => 'Páginas/pliego',
+    'metrosPapelLibro' => 'M. Papel Libro',
+    'metrosPapelTotal' => 'M. Papel Total',
+    'clicksLibro' => 'Clicks/Libro',
+    'gTintaNegro' => 'G. tinta Negro',
+    'gTintaCyan' => 'G. tinta Cyan',
+    'gTintaMagenta' => 'G. tinta Magenta',
+    'gTintaAmarillo' => 'G. tinta Amarillo',
+    'clicksPedido' => 'Clicks Pedido',
+    'totalClicks' => 'Total Clicks',
+    'totalTinta' => 'Total Tinta',
+    'totalCorte' => 'Total Corte',
+    'totalImpresion' => 'TOTAL IMPRES.',
+    'velocidadCorte' => 'Velocidad corte',
+    'precioHoraCorte' => 'Precio hora corte',
+    'tiempoCorte' => 'Tiempo corte',
+    'gTintaNegroPed' => 'G.T. Negro Ped.',
+    'gTintaCyanPed' => 'G.T. Cyan Ped.',
+    'gTintaMagentaPed' => 'G.T. Magenta Ped.',
+    'gTintaAmarilloPed' => 'G.T. Amarillo Ped.',
+    
+    'addLineaPresupuesto' => 'Añadir linea...',
+
+    'servicioAcabado' => 'Servicio de acabado',
+    'servicioPreimpresion' => 'Servicio de preimpresión',
+    'servicioEncuadernado' => 'Servicio de encuadernado',
+    'servicioManipulado' => 'Servicio de manipulado',
+    'comentarios' => 'Comentarios',
+    'comentariosCliente' => 'Comentarios cliente',
+    'comentariosSafekat' => 'Comentarios Safekat',
+    'comentariosPresupuesto' => 'Comentarios Presupuesto',
+    'comentariosProduccion' => 'Comentarios Produccion',
+    'preview' => 'Previsualización de configuraciones',
+    'previewMaquina' => 'Configuración de máquina',
+    'previewCubierta' => 'Configuración de cubierta',
+    'previewPortada' => 'Configuración de portada',
+    'resumen' => 'Resumen del presupuesto',
+    'confirmar' => 'Confirmar presupuesto',
+
+    // Servicios
+    'precioUnidad' => 'Precio unitario',
+    'precioTotal' => 'Precio total',
+
+
+    'validation' => [
+        'decimal' => 'El campo {field} debe contener un número decimal.',
+        'integer' => 'El campo {field} debe contener un número entero.',
+        'requerido' => 'El campo {field} es obligatorio.',
+        'max_length' => 'El campo {field} no puede exceder los {param} caracteres de longitud.',
+    ],
+
+    'errores' => [
+        'paginas' => 'El campo páginas tiene que ser mayor que cero',
+        'tiradas' => 'El campo tiradas tiene que ser mayor que cero',
+        'dimension' => 'La dimensión del libro tiene que ser mayor que 60mm',
+        'lineaDuplicada' => 'Ya existe ese tipo de linea en el presupuesto',
+        'errorRotColor' => 'Papeles y gramajes deben ser iguales en color y BN',
+    ],
+
+
+    /* '4x0' => '4x0',
+    '4x4' => '4x4',
+    'aprobadoAt' => 'Aprobado At',
+    'aprobadoJsonData' => 'Aprobado Json Data',
+    'aprobadoUserId' => 'Aprobado User',
+    'autor' => 'Autor',
+    'baseImponible' => 'Base Imponible',
+    'catalogoId' => 'Catalogo ID',
+    'causaCancelacion' => 'Causa Cancelacion',
+    'coleccion' => 'Coleccion',
+    'comentarios' => 'Comentarios',
+    'comentariosPdf' => 'Comentarios Pdf',
+    'comentariosSafekat' => 'Comentarios Safekat',
+    'comentariosTarifa' => 'Comentarios Tarifa',
+    'comparadorJsonData' => 'Comparador Json Data',
+    'cosido' => 'Cosido',
+    'createdAt' => 'Created At',
+    'cubiertas' => 'Cubiertas',
+    'cubiertasAncho' => 'Cubiertas Ancho',
+    'deletedAt' => 'Deleted At',
+    'descuento' => 'Descuento',
+    'enEspera' => 'EN Espera',
+    'enProduccion' => 'EN Produccion',
+    'enviosRecogeCliente' => 'Envios Recoge Cliente',
+    'estadoId' => 'Estado',
+    'facturaId' => 'Factura ID',
+    'fechaEncuardenadoAt' => 'Fecha Encuardenado At',
+    'fechaEntregaRealAt' => 'Fecha Entrega Real At',
+    'fechaEntregaRealWarning' => 'Fecha Entrega Real Warning',
+    'fechaExternoAt' => 'Fecha Externo At',
+    'fechaFerroSubidoAt' => 'Fecha Ferro Subido At',
+    'fechaImpresionAt' => 'Fecha Impresion At',
+    'ferro' => 'Ferro',
+    'ferroDigital' => 'Ferro Digital',
+    'formaPagoId' => 'Forma Pago',
+    'forzarTotal' => 'Forzar Total',
+    'imagenesBnInterior' => 'Imagenes Bn Interior',
+    'isDeleted' => 'Is Deleted',
+    'isbn' => 'Isbn',
+    'isdig' => 'Isdig',
+    'lomo' => 'Lomo',
+    'marcapaginas' => 'Marcapaginas',
+    'margen' => 'Margen',
+    'margenExtra' => 'Margen Extra',
+    'margenManual' => 'Margen Manual',
+    'merma' => 'Merma',
+    'mermaPortada' => 'Merma Portada',
+    'modoComparador' => 'Modo Comparador',
+    'moduleTitle' => 'Presupuestos',
+    'numeroEdicion' => 'Numero Edicion',
+    'paginasColor' => 'Paginas Color',
+    'paginasColorCheckImpresionTotal' => 'Paginas Color Check Impresion Total',
+    'paginasColorCheckPapelTotal' => 'Paginas Color Check Papel Total',
+    'paginasColorClick' => 'Paginas Color Click',
+    'paginasColorFormaId' => 'Paginas Color Forma ID',
+    'paginasColorGramaje' => 'Paginas Color Gramaje',
+    'paginasColorLibro' => 'Paginas Color Libro',
+    'paginasColorMano' => 'Paginas Color Mano',
+    'paginasColorMaquinaId' => 'Paginas Color Maquina',
+    'paginasColorPapelId' => 'Paginas Color Papel',
+    'paginasColorPapelImpresionId' => 'Paginas Color Papel Impresion',
+    'paginasColorPedido' => 'Paginas Color Pedido',
+    'paginasColorPeso' => 'Paginas Color Peso',
+    'paginasColorPliegosLibro' => 'Paginas Color Pliegos Libro',
+    'paginasColorPliegosPedido' => 'Paginas Color Pliegos Pedido',
+    'paginasColorPliegosPrecio' => 'Paginas Color Pliegos Precio',
+    'paginasColorPosicion' => 'Paginas Color Posicion',
+    'paginasColorPrecio' => 'Paginas Color Precio',
+    'paginasColorTarifaImpresionId' => 'Paginas Color Tarifa Impresion',
+    'paginasCubierta' => 'Paginas Cubierta',
+    'paginasCubiertaCheckImpresionTotal' => 'Paginas Cubierta Check Impresion Total',
+    'paginasCubiertaCheckPapelTotal' => 'Paginas Cubierta Check Papel Total',
+    'paginasCubiertaClick' => 'Paginas Cubierta Click',
+    'paginasCubiertaFormaId' => 'Paginas Cubierta Forma ID',
+    'paginasCubiertaGramaje' => 'Paginas Cubierta Gramaje',
+    'paginasCubiertaLibro' => 'Paginas Cubierta Libro',
+    'paginasCubiertaMano' => 'Paginas Cubierta Mano',
+    'paginasCubiertaMaquinaId' => 'Paginas Cubierta Maquina',
+    'paginasCubiertaPapelId' => 'Paginas Cubierta Papel',
+    'paginasCubiertaPapelImpresionId' => 'Paginas Cubierta Papel Impresion',
+    'paginasCubiertaPedido' => 'Paginas Cubierta Pedido',
+    'paginasCubiertaPeso' => 'Paginas Cubierta Peso',
+    'paginasCubiertaPliegosLibro' => 'Paginas Cubierta Pliegos Libro',
+    'paginasCubiertaPliegosPedido' => 'Paginas Cubierta Pliegos Pedido',
+    'paginasCubiertaPliegosPrecio' => 'Paginas Cubierta Pliegos Precio',
+    'paginasCubiertaPrecio' => 'Paginas Cubierta Precio',
+    'paginasCubiertaTarifaImpresionId' => 'Paginas Cubierta Tarifa Impresion',
+    'paginasNegro' => 'Paginas Negro',
+    'paginasNegroCheckImpresionTotal' => 'Paginas Negro Check Impresion Total',
+    'paginasNegroCheckPapelTotal' => 'Paginas Negro Check Papel Total',
+    'paginasNegroClick' => 'Paginas Negro Click',
+    'paginasNegroFormaId' => 'Paginas Negro Forma ID',
+    'paginasNegroGramaje' => 'Paginas Negro Gramaje',
+    'paginasNegroHq' => 'Paginas Negro Hq',
+    'paginasNegroLibro' => 'Paginas Negro Libro',
+    'paginasNegroMano' => 'Paginas Negro Mano',
+    'paginasNegroMaquinaId' => 'Paginas Negro Maquina',
+    'paginasNegroPapelId' => 'Paginas Negro Papel',
+    'paginasNegroPapelImpresionId' => 'Paginas Negro Papel Impresion',
+    'paginasNegroPedido' => 'Paginas Negro Pedido',
+    'paginasNegroPeso' => 'Paginas Negro Peso',
+    'paginasNegroPliegosLibro' => 'Paginas Negro Pliegos Libro',
+    'paginasNegroPliegosPedido' => 'Paginas Negro Pliegos Pedido',
+    'paginasNegroPliegosPrecio' => 'Paginas Negro Pliegos Precio',
+    'paginasNegroPrecio' => 'Paginas Negro Precio',
+    'paginasNegroTarifaImpresionId' => 'Paginas Negro Tarifa Impresion',
+    'paginasPortada' => 'Paginas Portada',
+    'paginasPortadaCheckImpresionTotal' => 'Paginas Portada Check Impresion Total',
+    'paginasPortadaCheckPapelTotal' => 'Paginas Portada Check Papel Total',
+    'paginasPortadaClick' => 'Paginas Portada Click',
+    'paginasPortadaFormaId' => 'Paginas Portada Forma ID',
+    'paginasPortadaGramaje' => 'Paginas Portada Gramaje',
+    'paginasPortadaLibro' => 'Paginas Portada Libro',
+    'paginasPortadaMano' => 'Paginas Portada Mano',
+    'paginasPortadaMaquinaId' => 'Paginas Portada Maquina',
+    'paginasPortadaPapelId' => 'Paginas Portada Papel',
+    'paginasPortadaPapelImpresionId' => 'Paginas Portada Papel Impresion',
+    'paginasPortadaPedido' => 'Paginas Portada Pedido',
+    'paginasPortadaPeso' => 'Paginas Portada Peso',
+    'paginasPortadaPliegosLibro' => 'Paginas Portada Pliegos Libro',
+    'paginasPortadaPliegosPedido' => 'Paginas Portada Pliegos Pedido',
+    'paginasPortadaPliegosPrecio' => 'Paginas Portada Pliegos Precio',
+    'paginasPortadaPrecio' => 'Paginas Portada Precio',
+    'paginasPortadaTarifaImpresionId' => 'Paginas Portada Tarifa Impresion',
+    'papelFormatoAlto' => 'Papel Formato Alto',
+    'papelFormatoAncho' => 'Papel Formato Ancho',
+    'papelFormatoId' => 'Papel Formato',
+    'papelFormatoPersonalizado' => 'Papel Formato Personalizado',
+    'pedidoEsperaFecha' => 'Pedido Espera Fecha',
+    'pedidoEsperaUserId' => 'Pedido Espera User',
+    'pedidoLibroConjuntoId' => 'Pedido Libro Conjunto ID',
+    'presupuesto' => 'Presupuesto',
+    'presupuestoList' => 'Presupuesto List',
+    'presupuestos' => 'Presupuestos',
+    'recogerEnTaller' => 'Recoger EN Taller',
+    'referenciaCliente' => 'Referencia Cliente',
+    'responsable' => 'Responsable',
+    'serieId' => 'Serie ID',
+    'solapas' => 'Solapas',
+    'solapasAncho' => 'Solapas Ancho',
+    'tarifaClienteId' => 'Tarifa Cliente ID',
+    'tipoImpresionId' => 'Tipo Impresion',
+    'tipologiaId' => 'Tipologia',
+    'tiradaAlternativaJsonData' => 'Tirada Alternativa Json Data',
+    'total' => 'Total',
+    'totalAcabado' => 'Total Acabado',
+    'totalCalculado' => 'Total Calculado',
+    'totalClick' => 'Total Click',
+    'totalConfirmado' => 'Total Confirmado',
+    'totalConfirmadoUpdateAt' => 'Total Confirmado Update At',
+    'totalConfirmadoUserId' => 'Total Confirmado User',
+    'totalDescuento' => 'Total Descuento',
+    'totalEnvios' => 'Total Envios',
+    'totalManipulado' => 'Total Manipulado',
+    'totalMargen' => 'Total Margen',
+    'totalMargenExtra' => 'Total Margen Extra',
+    'totalPeso' => 'Total Peso',
+    'totalPreimpresion' => 'Total Preimpresion',
+    'totalPreimpresionMargen' => 'Total Preimpresion Margen',
+    'totalPresupuesto' => 'Total Presupuesto',
+    'ubicacionId' => 'Ubicacion',
+    'updatedAt' => 'Updated At',
+    'userCreatedId' => 'User Created',
+    'userUpdateId' => 'User Update',
+    'version' => 'Version',
+    'wsExternoJsonData' => 'Ws Externo Json Data',
+    'validation' =>  [
+        'aprobado_at' =>  [
+            'valid_date' => 'The {field} field must contain a valid date.',
+
+        ],
+
+        'aprobado_json_data' =>  [
+            'max_length' => 'The {field} field cannot exceed {param} characters in length.',
+
+        ],
+
+        'base_imponible' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
+
+        ],
+
+        'catalogo_id' =>  [
+            'integer' => 'The {field} field must contain an integer.',
+
+        ],
+
+        'causa_cancelacion' =>  [
+            'max_length' => 'The {field} field cannot exceed {param} characters in length.',
+
+        ],
+
+
+	
 	/* '4x0' => '4x0',
 	'4x4' => '4x4',
 	'aprobadoAt' => 'Aprobado At',
@@ -278,570 +571,570 @@ return [
 
 		],
 
-		'coleccion' =>  [
-			'max_length' => 'The {field} field cannot exceed {param} characters in length.',
+        'coleccion' =>  [
+            'max_length' => 'The {field} field cannot exceed {param} characters in length.',
 
-		],
+        ],
 
-		'comparador_json_data' =>  [
-			'max_length' => 'The {field} field cannot exceed {param} characters in length.',
+        'comparador_json_data' =>  [
+            'max_length' => 'The {field} field cannot exceed {param} characters in length.',
 
-		],
+        ],
 
-		'factura_id' =>  [
-			'integer' => 'The {field} field must contain an integer.',
+        'factura_id' =>  [
+            'integer' => 'The {field} field must contain an integer.',
 
-		],
+        ],
 
-		'fecha_encuardenado_at' =>  [
-			'valid_date' => 'The {field} field must contain a valid date.',
+        'fecha_encuardenado_at' =>  [
+            'valid_date' => 'The {field} field must contain a valid date.',
 
-		],
+        ],
 
-		'fecha_entrega_real_at' =>  [
-			'valid_date' => 'The {field} field must contain a valid date.',
+        'fecha_entrega_real_at' =>  [
+            'valid_date' => 'The {field} field must contain a valid date.',
 
-		],
+        ],
 
-		'fecha_externo_at' =>  [
-			'valid_date' => 'The {field} field must contain a valid date.',
+        'fecha_externo_at' =>  [
+            'valid_date' => 'The {field} field must contain a valid date.',
 
-		],
+        ],
 
-		'fecha_ferro_subido_at' =>  [
-			'valid_date' => 'The {field} field must contain a valid date.',
+        'fecha_ferro_subido_at' =>  [
+            'valid_date' => 'The {field} field must contain a valid date.',
 
-		],
+        ],
 
-		'fecha_impresion_at' =>  [
-			'valid_date' => 'The {field} field must contain a valid date.',
+        'fecha_impresion_at' =>  [
+            'valid_date' => 'The {field} field must contain a valid date.',
 
-		],
+        ],
 
-		'inc_rei' =>  [
-			'integer' => 'The {field} field must contain an integer.',
+        'inc_rei' =>  [
+            'integer' => 'The {field} field must contain an integer.',
 
-		],
+        ],
 
-		'isbn' =>  [
-			'max_length' => 'The {field} field cannot exceed {param} characters in length.',
+        'isbn' =>  [
+            'max_length' => 'The {field} field cannot exceed {param} characters in length.',
 
-		],
+        ],
 
-		'lomo' =>  [
-			'integer' => 'The {field} field must contain an integer.',
+        'lomo' =>  [
+            'integer' => 'The {field} field must contain an integer.',
 
-		],
+        ],
 
-		'margen' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'margen' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'margen_manual' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'margen_manual' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'numero_edicion' =>  [
-			'max_length' => 'The {field} field cannot exceed {param} characters in length.',
+        'numero_edicion' =>  [
+            'max_length' => 'The {field} field cannot exceed {param} characters in length.',
 
-		],
+        ],
 
-		'paginas_color' =>  [
-			'integer' => 'The {field} field must contain an integer.',
+        'paginas_color' =>  [
+            'integer' => 'The {field} field must contain an integer.',
 
-		],
+        ],
 
-		'paginas_color_click' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_color_click' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_color_forma_id' =>  [
-			'integer' => 'The {field} field must contain an integer.',
+        'paginas_color_forma_id' =>  [
+            'integer' => 'The {field} field must contain an integer.',
 
-		],
+        ],
 
-		'paginas_color_gramaje' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_color_gramaje' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_color_libro' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_color_libro' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_color_mano' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_color_mano' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_color_pedido' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_color_pedido' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_color_peso' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_color_peso' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_color_pliegos_libro' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_color_pliegos_libro' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_color_pliegos_pedido' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_color_pliegos_pedido' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_color_pliegos_precio' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_color_pliegos_precio' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_color_posicion' =>  [
-			'max_length' => 'The {field} field cannot exceed {param} characters in length.',
+        'paginas_color_posicion' =>  [
+            'max_length' => 'The {field} field cannot exceed {param} characters in length.',
 
-		],
+        ],
 
-		'paginas_color_precio' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_color_precio' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_cubierta_click' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_cubierta_click' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_cubierta_forma_id' =>  [
-			'integer' => 'The {field} field must contain an integer.',
+        'paginas_cubierta_forma_id' =>  [
+            'integer' => 'The {field} field must contain an integer.',
 
-		],
+        ],
 
-		'paginas_cubierta_gramaje' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_cubierta_gramaje' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_cubierta_libro' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_cubierta_libro' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_cubierta_mano' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_cubierta_mano' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_cubierta_pedido' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_cubierta_pedido' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_cubierta_peso' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_cubierta_peso' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_cubierta_pliegos_libro' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_cubierta_pliegos_libro' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_cubierta_pliegos_pedido' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_cubierta_pliegos_pedido' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_cubierta_pliegos_precio' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_cubierta_pliegos_precio' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_cubierta_precio' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_cubierta_precio' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_negro' =>  [
-			'integer' => 'The {field} field must contain an integer.',
+        'paginas_negro' =>  [
+            'integer' => 'The {field} field must contain an integer.',
 
-		],
+        ],
 
-		'paginas_negro_click' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_negro_click' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_negro_forma_id' =>  [
-			'integer' => 'The {field} field must contain an integer.',
+        'paginas_negro_forma_id' =>  [
+            'integer' => 'The {field} field must contain an integer.',
 
-		],
+        ],
 
-		'paginas_negro_gramaje' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_negro_gramaje' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_negro_libro' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_negro_libro' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_negro_mano' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_negro_mano' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_negro_pedido' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_negro_pedido' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_negro_peso' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_negro_peso' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_negro_pliegos_libro' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_negro_pliegos_libro' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_negro_pliegos_pedido' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_negro_pliegos_pedido' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_negro_pliegos_precio' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_negro_pliegos_precio' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_negro_precio' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_negro_precio' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_portada_click' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_portada_click' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_portada_forma_id' =>  [
-			'integer' => 'The {field} field must contain an integer.',
+        'paginas_portada_forma_id' =>  [
+            'integer' => 'The {field} field must contain an integer.',
 
-		],
+        ],
 
-		'paginas_portada_gramaje' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_portada_gramaje' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_portada_libro' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_portada_libro' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_portada_mano' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_portada_mano' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_portada_peso' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_portada_peso' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_portada_pliegos_libro' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_portada_pliegos_libro' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_portada_pliegos_pedido' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_portada_pliegos_pedido' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_portada_pliegos_precio' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_portada_pliegos_precio' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'paginas_portada_precio' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'paginas_portada_precio' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'papel_formato_alto' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'papel_formato_alto' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'papel_formato_ancho' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'papel_formato_ancho' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'pedido_espera_fecha' =>  [
-			'valid_date' => 'The {field} field must contain a valid date.',
+        'pedido_espera_fecha' =>  [
+            'valid_date' => 'The {field} field must contain a valid date.',
 
-		],
+        ],
 
-		'pedido_libro_conjunto_id' =>  [
-			'integer' => 'The {field} field must contain an integer.',
+        'pedido_libro_conjunto_id' =>  [
+            'integer' => 'The {field} field must contain an integer.',
 
-		],
+        ],
 
-		'responsable' =>  [
-			'max_length' => 'The {field} field cannot exceed {param} characters in length.',
+        'responsable' =>  [
+            'max_length' => 'The {field} field cannot exceed {param} characters in length.',
 
-		],
+        ],
 
-		'serie_id' =>  [
-			'integer' => 'The {field} field must contain an integer.',
+        'serie_id' =>  [
+            'integer' => 'The {field} field must contain an integer.',
 
-		],
+        ],
 
-		'tarifa_cliente_id' =>  [
-			'integer' => 'The {field} field must contain an integer.',
+        'tarifa_cliente_id' =>  [
+            'integer' => 'The {field} field must contain an integer.',
 
-		],
+        ],
 
-		'tirada_alternativa_json_data' =>  [
-			'max_length' => 'The {field} field cannot exceed {param} characters in length.',
+        'tirada_alternativa_json_data' =>  [
+            'max_length' => 'The {field} field cannot exceed {param} characters in length.',
 
-		],
+        ],
 
-		'total' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'total' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'total_acabado' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'total_acabado' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'total_calculado' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'total_calculado' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'total_click' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'total_click' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'total_confirmado' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'total_confirmado' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'total_confirmado_update_at' =>  [
-			'valid_date' => 'The {field} field must contain a valid date.',
+        'total_confirmado_update_at' =>  [
+            'valid_date' => 'The {field} field must contain a valid date.',
 
-		],
+        ],
 
-		'total_descuento' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'total_descuento' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'total_envios' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'total_envios' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'total_manipulado' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'total_manipulado' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'total_margen' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'total_margen' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'total_margen_extra' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'total_margen_extra' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'total_pedido' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'total_pedido' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'total_peso' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'total_peso' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'total_preimpresion' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'total_preimpresion' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'total_preimpresion_margen' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'total_preimpresion_margen' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'total_presupuesto' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
+        'total_presupuesto' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
 
-		],
+        ],
 
-		'user_update_id' =>  [
-			'integer' => 'The {field} field must contain an integer.',
+        'user_update_id' =>  [
+            'integer' => 'The {field} field must contain an integer.',
 
-		],
+        ],
 
-		'ws_externo_json_data' =>  [
-			'max_length' => 'The {field} field cannot exceed {param} characters in length.',
+        'ws_externo_json_data' =>  [
+            'max_length' => 'The {field} field cannot exceed {param} characters in length.',
 
-		],
+        ],
 
-		'autor' =>  [
-			'max_length' => 'The {field} field cannot exceed {param} characters in length.',
-			'required' => 'The {field} field is required.',
+        'autor' =>  [
+            'max_length' => 'The {field} field cannot exceed {param} characters in length.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
-		'comentarios' =>  [
-			'max_length' => 'The {field} field cannot exceed {param} characters in length.',
-			'required' => 'The {field} field is required.',
+        'comentarios' =>  [
+            'max_length' => 'The {field} field cannot exceed {param} characters in length.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
-		'comentarios_pdf' =>  [
-			'max_length' => 'The {field} field cannot exceed {param} characters in length.',
-			'required' => 'The {field} field is required.',
+        'comentarios_pdf' =>  [
+            'max_length' => 'The {field} field cannot exceed {param} characters in length.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
-		'comentarios_safekat' =>  [
-			'max_length' => 'The {field} field cannot exceed {param} characters in length.',
-			'required' => 'The {field} field is required.',
+        'comentarios_safekat' =>  [
+            'max_length' => 'The {field} field cannot exceed {param} characters in length.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
-		'comentarios_tarifa' =>  [
-			'max_length' => 'The {field} field cannot exceed {param} characters in length.',
-			'required' => 'The {field} field is required.',
+        'comentarios_tarifa' =>  [
+            'max_length' => 'The {field} field cannot exceed {param} characters in length.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
-		'cubiertas_ancho' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
-			'required' => 'The {field} field is required.',
+        'cubiertas_ancho' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
-		'descuento' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
-			'required' => 'The {field} field is required.',
+        'descuento' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
-		'forzar_total' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
-			'required' => 'The {field} field is required.',
+        'forzar_total' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
-		'is_deleted' =>  [
-			'integer' => 'The {field} field must contain an integer.',
-			'required' => 'The {field} field is required.',
+        'is_deleted' =>  [
+            'integer' => 'The {field} field must contain an integer.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
-		'margen_extra' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
-			'required' => 'The {field} field is required.',
+        'margen_extra' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
-		'merma' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
-			'required' => 'The {field} field is required.',
+        'merma' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
-		'merma_portada' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
-			'required' => 'The {field} field is required.',
+        'merma_portada' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
-		'paginas' =>  [
-			'integer' => 'The {field} field must contain an integer.',
-			'required' => 'The {field} field is required.',
+        'paginas' =>  [
+            'integer' => 'The {field} field must contain an integer.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
-		'paginas_cubierta' =>  [
-			'in_list' => 'The {field} field must be one of: {param}.',
-			'required' => 'The {field} field is required.',
+        'paginas_cubierta' =>  [
+            'in_list' => 'The {field} field must be one of: {param}.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
-		'paginas_portada' =>  [
-			'in_list' => 'The {field} field must be one of: {param}.',
-			'required' => 'The {field} field is required.',
+        'paginas_portada' =>  [
+            'in_list' => 'The {field} field must be one of: {param}.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
-		'paginas_portada_pedido' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
-			'required' => 'The {field} field is required.',
+        'paginas_portada_pedido' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
-		'referencia_cliente' =>  [
-			'max_length' => 'The {field} field cannot exceed {param} characters in length.',
-			'required' => 'The {field} field is required.',
+        'referencia_cliente' =>  [
+            'max_length' => 'The {field} field cannot exceed {param} characters in length.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
-		'solapas_ancho' =>  [
-			'decimal' => 'The {field} field must contain a decimal number.',
-			'required' => 'The {field} field is required.',
+        'solapas_ancho' =>  [
+            'decimal' => 'The {field} field must contain a decimal number.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
-		'tirada' =>  [
-			'integer' => 'The {field} field must contain an integer.',
-			'required' => 'The {field} field is required.',
+        'tirada' =>  [
+            'integer' => 'The {field} field must contain an integer.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
-		'titulo' =>  [
-			'max_length' => 'The {field} field cannot exceed {param} characters in length.',
-			'required' => 'The {field} field is required.',
+        'titulo' =>  [
+            'max_length' => 'The {field} field cannot exceed {param} characters in length.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
-		'user_created_id' =>  [
-			'integer' => 'The {field} field must contain an integer.',
-			'required' => 'The {field} field is required.',
+        'user_created_id' =>  [
+            'integer' => 'The {field} field must contain an integer.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
-		'version' =>  [
-			'integer' => 'The {field} field must contain an integer.',
-			'required' => 'The {field} field is required.',
+        'version' =>  [
+            'integer' => 'The {field} field must contain an integer.',
+            'required' => 'The {field} field is required.',
 
-		],
+        ],
 
 
-	], */
+    ], */
 
 
 ];
diff --git a/ci4/app/Language/es/TarifaEncuadernacionLineas.php b/ci4/app/Language/es/TarifaEncuadernacionLineas.php
index d941975d..48ee2062 100644
--- a/ci4/app/Language/es/TarifaEncuadernacionLineas.php
+++ b/ci4/app/Language/es/TarifaEncuadernacionLineas.php
@@ -8,6 +8,8 @@ return [
 	'deleteLine' => 'el registro seleccionado',
 	'precioMax' => 'Precio Max',
 	'precioMin' => 'Precio Min',
+    'tiradaMax' => 'Tirada Max',
+    'tiradaMin' => 'Tirada Min',
 	'precioUnidad' => 'Precio Unidad',
 	'paginasMax' => 'Páginas Max',
 	'paginasMin' => 'Páginas Min',
@@ -19,23 +21,26 @@ return [
 			'error_paginas_range' => 'El campo Páginas Min debe ser menor que el campo Páginas Max',
 			'precio_max' =>  [
 				'decimal' => 'El campo {field} debe contener un número decimal.',
-				'required' => 'The {field} field is required.',
-
+                'required' => 'El campo {field} es obligatorio.',
 			],
-
 			'precio_min' =>  [
 				'decimal' => 'El campo {field} debe contener un número decimal.',
-				'required' => 'The {field} field is required.',
-
+				'required' => 'El campo {field} es obligatorio.',
 			],
-
-			'paginas_max' =>  [
+            'tirada_max' =>  [
+                'decimal' => 'El campo {field} debe contener un número decimal.',
+                'required' => 'El campo {field} es obligatorio.',
+            ],
+            'tirada_min' =>  [
+                'decimal' => 'El campo {field} debe contener un número decimal.',
+                'required' => 'El campo {field} es obligatorio.',
+            ],
+			'paginas_libro_max' =>  [
 				'decimal' => 'El campo {field} debe contener un número decimal.',
 				'required' => 'The {field} field is required.',
-
 			],
 
-			'paginas_min' =>  [
+			'paginas_libro_min' =>  [
 				'decimal' => 'El campo {field} debe contener un número decimal.',
 				'required' => 'The {field} field is required.',
 
diff --git a/ci4/app/Language/es/Tarifaacabado.php b/ci4/app/Language/es/Tarifaacabado.php
index fdb1d0e9..c7024dc1 100644
--- a/ci4/app/Language/es/Tarifaacabado.php
+++ b/ci4/app/Language/es/Tarifaacabado.php
@@ -12,7 +12,7 @@ return [
     'precioMin' => 'Precio Mínimo',
     'importeFijo' => 'Importe Fijo',
     'mostrar_en_presupuesto' => 'Mostrar en presupuesto',
-    'tarifaacabado' => 'Tarifas Acabado',
+    'tarifaacabado' => 'Tarifa Acabado',
     'tarifaacabadoList' => 'Lista Tarifas Acabado',
     'tarifasacabado' => 'Tarifas Acabado',
     'updatedAt' => 'Actualizado en',
diff --git a/ci4/app/Models/Configuracion/FormasPagoModel.php b/ci4/app/Models/Configuracion/FormasPagoModel.php
deleted file mode 100644
index 5230e7fd..00000000
--- a/ci4/app/Models/Configuracion/FormasPagoModel.php
+++ /dev/null
@@ -1,33 +0,0 @@
-<?php
-namespace App\Models\Configuracion;
-
-class FormasPagoModel extends \App\Models\GoBaseModel
-{
-    protected $table = "lg_formas_pago";
-
-    /**
-     * Whether primary key uses auto increment.
-     *
-     * @var bool
-     */
-    protected $useAutoIncrement = true;
-
-    protected $allowedFields = ["nombre"];
-    protected $returnType = "App\Entities\Configuracion\FormasPagoEntity";
-
-    public static $labelField = "nombre";
-
-    protected $validationRules = [
-        "nombre" => [
-            "label" => "FormasPagoes.nombre",
-            "rules" => "trim|required|max_length[255]",
-        ],
-    ];
-
-    protected $validationMessages = [
-        "nombre" => [
-            "max_length" => "FormasPagoes.validation.nombre.max_length",
-            "required" => "FormasPagoes.validation.nombre.required",
-        ],
-    ];
-}
diff --git a/ci4/app/Models/Configuracion/MaquinaModel.php b/ci4/app/Models/Configuracion/MaquinaModel.php
index bb5dbdb3..e43752b4 100644
--- a/ci4/app/Models/Configuracion/MaquinaModel.php
+++ b/ci4/app/Models/Configuracion/MaquinaModel.php
@@ -1,4 +1,5 @@
 <?php
+
 namespace App\Models\Configuracion;
 
 class MaquinaModel extends \App\Models\GoBaseModel
@@ -26,8 +27,8 @@ class MaquinaModel extends \App\Models\GoBaseModel
         9 => "t1.orden_planning",
         10 => "t1.min",
         11 => "t1.max",
-        
-        
+
+
     ];
 
     protected $allowedFields = [
@@ -52,8 +53,8 @@ class MaquinaModel extends \App\Models\GoBaseModel
         "velocidad_corte",
         "precio_hora_corte",
         "metrosxminuto",
-        "forzar_num_formas_horizontales_portada",
-        "forzar_num_formas_verticales_portada",
+        "forzar_num_formas_horizontales_cubierta",
+        "forzar_num_formas_verticales_cubierta",
         "observaciones",
         "deleted_at",
         "is_deleted",
@@ -94,11 +95,11 @@ class MaquinaModel extends \App\Models\GoBaseModel
             "label" => "Maquinas.duracionJornada",
             "rules" => "required|integer",
         ],
-        "forzar_num_formas_horizontales_portada" => [
+        "forzar_num_formas_horizontales_cubierta" => [
             "label" => "Maquinas.forzarNumFormasHorizontalesPortada",
             "rules" => "integer|permit_empty",
         ],
-        "forzar_num_formas_verticales_portada" => [
+        "forzar_num_formas_verticales_cubierta" => [
             "label" => "Maquinas.forzarNumFormasVerticalesPortada",
             "rules" => "integer|permit_empty",
         ],
@@ -175,11 +176,11 @@ class MaquinaModel extends \App\Models\GoBaseModel
             "integer" => "Maquinas.validation.duracion_jornada.integer",
             "required" => "Maquinas.validation.duracion_jornada.required",
         ],
-        "forzar_num_formas_horizontales_portada" => [
-            "integer" => "Maquinas.validation.forzar_num_formas_horizontales_portada.integer",
+        "forzar_num_formas_horizontales_cubierta" => [
+            "integer" => "Maquinas.validation.forzar_num_formas_horizontales_cubierta.integer",
         ],
-        "forzar_num_formas_verticales_portada" => [
-            "integer" => "Maquinas.validation.forzar_num_formas_verticales_portada.integer",
+        "forzar_num_formas_verticales_cubierta" => [
+            "integer" => "Maquinas.validation.forzar_num_formas_verticales_cubierta.integer",
         ],
         "max" => [
             "integer" => "Maquinas.validation.max.integer",
@@ -252,14 +253,15 @@ class MaquinaModel extends \App\Models\GoBaseModel
         return $result;
     }
 
-    public function getIdMaquinasForPapelImpresion($papel_impresion_id, $rotativa){
+    public function getIdMaquinasForPapelImpresion($papel_impresion_id, $rotativa)
+    {
         $builder = $this->db
             ->table($this->table . " t1")
             ->select(
-                "'".$papel_impresion_id."'". " as papel_impresion_id, t1.id AS maquina_id, '0' as active"
-                );
+                "'" . $papel_impresion_id . "'" . " as papel_impresion_id, t1.id AS maquina_id, '0' as active"
+            );
         $builder->where("t1.is_rotativa", $rotativa);
-        
+
         return $builder;
     }
 
@@ -275,62 +277,120 @@ class MaquinaModel extends \App\Models\GoBaseModel
         $builder = $this->db
             ->table($this->table . " t1")
             ->select(
-                "t1.id AS id, t1.nombre AS nombre, t1.is_padre AS is_padre, t1.tipo AS tipo, t1.velocidad AS velocidad, t1.ancho AS ancho, t1.alto AS alto, t1.ancho_impresion AS ancho_impresion, t1.alto_impresion AS alto_impresion, t1.alto_click AS alto_click, t1.min AS min, t1.max AS max, t1.duracion_jornada AS duracion_jornada, t1.orden_planning AS orden_planning, t1.is_rotativa AS is_rotativa, t1.precio_tinta_negro AS precio_tinta_negro, t1.is_tinta AS is_tinta, t1.precio_tinta_color AS precio_tinta_color, t1.velocidad_corte AS velocidad_corte, t1.precio_hora_corte AS precio_hora_corte, t1.metrosxminuto AS metrosxminuto, t1.forzar_num_formas_horizontales_portada AS forzar_num_formas_horizontales_portada, t1.forzar_num_formas_verticales_portada AS forzar_num_formas_verticales_portada, t1.observaciones AS observaciones, t2.nombre AS padre"
+                "t1.id AS id, t1.nombre AS nombre, t1.is_padre AS is_padre, t1.tipo AS tipo, t1.velocidad AS velocidad, t1.ancho AS ancho, t1.alto AS alto, t1.ancho_impresion AS ancho_impresion, t1.alto_impresion AS alto_impresion, t1.alto_click AS alto_click, t1.min AS min, t1.max AS max, t1.duracion_jornada AS duracion_jornada, t1.orden_planning AS orden_planning, t1.is_rotativa AS is_rotativa, t1.precio_tinta_negro AS precio_tinta_negro, t1.is_tinta AS is_tinta, t1.precio_tinta_color AS precio_tinta_color, t1.velocidad_corte AS velocidad_corte, t1.precio_hora_corte AS precio_hora_corte, t1.metrosxminuto AS metrosxminuto, t1.forzar_num_formas_horizontales_cubierta AS forzar_num_formas_horizontales_cubierta, t1.forzar_num_formas_verticales_cubierta AS forzar_num_formas_verticales_cubierta, t1.observaciones AS observaciones, t2.nombre AS padre"
             );
         $builder->join("lg_maquinas t2", "t1.padre_id = t2.id", "left");
 
         //JJO
-        $builder->where("t1.is_deleted", 0);    
+        $builder->where("t1.is_deleted", 0);
 
         return empty($search)
             ? $builder
             : $builder
-                ->groupStart()
-                ->like("t1.id", $search)
-                ->orLike("t1.nombre", $search)
-                ->orLike("t1.tipo", $search)
-                ->orLike("t1.velocidad", $search)
-                ->orLike("t1.ancho", $search)
-                ->orLike("t1.alto", $search)
-                ->orLike("t1.ancho_impresion", $search)
-                ->orLike("t1.alto_impresion", $search)
-                ->orLike("t1.alto_click", $search)
-                ->orLike("t1.min", $search)
-                ->orLike("t1.max", $search)
-                ->orLike("t1.duracion_jornada", $search)
-                ->orLike("t1.orden_planning", $search)
-                ->orLike("t1.precio_tinta_negro", $search)
-                ->orLike("t1.precio_tinta_color", $search)
-                ->orLike("t1.velocidad_corte", $search)
-                ->orLike("t1.precio_hora_corte", $search)
-                ->orLike("t1.metrosxminuto", $search)
-                ->orLike("t1.forzar_num_formas_horizontales_portada", $search)
-                ->orLike("t1.forzar_num_formas_verticales_portada", $search)
-                ->orLike("t1.observaciones", $search)
-                ->orLike("t2.id", $search)
-                ->orLike("t1.id", $search)
-                ->orLike("t1.nombre", $search)
-                ->orLike("t1.tipo", $search)
-                ->orLike("t1.velocidad", $search)
-                ->orLike("t1.ancho", $search)
-                ->orLike("t1.alto", $search)
-                ->orLike("t1.ancho_impresion", $search)
-                ->orLike("t1.alto_impresion", $search)
-                ->orLike("t1.alto_click", $search)
-                ->orLike("t1.padre_id", $search)
-                ->orLike("t1.min", $search)
-                ->orLike("t1.max", $search)
-                ->orLike("t1.duracion_jornada", $search)
-                ->orLike("t1.orden_planning", $search)
-                ->orLike("t1.precio_tinta_negro", $search)
-                ->orLike("t1.precio_tinta_color", $search)
-                ->orLike("t1.velocidad_corte", $search)
-                ->orLike("t1.precio_hora_corte", $search)
-                ->orLike("t1.metrosxminuto", $search)
-                ->orLike("t1.forzar_num_formas_horizontales_portada", $search)
-                ->orLike("t1.forzar_num_formas_verticales_portada", $search)
-                ->orLike("t1.observaciones", $search)
-                ->orLike("t2.nombre", $search)
-                ->groupEnd();
+            ->groupStart()
+            ->like("t1.id", $search)
+            ->orLike("t1.nombre", $search)
+            ->orLike("t1.tipo", $search)
+            ->orLike("t1.velocidad", $search)
+            ->orLike("t1.ancho", $search)
+            ->orLike("t1.alto", $search)
+            ->orLike("t1.ancho_impresion", $search)
+            ->orLike("t1.alto_impresion", $search)
+            ->orLike("t1.alto_click", $search)
+            ->orLike("t1.min", $search)
+            ->orLike("t1.max", $search)
+            ->orLike("t1.duracion_jornada", $search)
+            ->orLike("t1.orden_planning", $search)
+            ->orLike("t1.precio_tinta_negro", $search)
+            ->orLike("t1.precio_tinta_color", $search)
+            ->orLike("t1.velocidad_corte", $search)
+            ->orLike("t1.precio_hora_corte", $search)
+            ->orLike("t1.metrosxminuto", $search)
+            ->orLike("t1.forzar_num_formas_horizontales_cubierta", $search)
+            ->orLike("t1.forzar_num_formas_verticales_cubierta", $search)
+            ->orLike("t1.observaciones", $search)
+            ->orLike("t2.id", $search)
+            ->orLike("t1.id", $search)
+            ->orLike("t1.nombre", $search)
+            ->orLike("t1.tipo", $search)
+            ->orLike("t1.velocidad", $search)
+            ->orLike("t1.ancho", $search)
+            ->orLike("t1.alto", $search)
+            ->orLike("t1.ancho_impresion", $search)
+            ->orLike("t1.alto_impresion", $search)
+            ->orLike("t1.alto_click", $search)
+            ->orLike("t1.padre_id", $search)
+            ->orLike("t1.min", $search)
+            ->orLike("t1.max", $search)
+            ->orLike("t1.duracion_jornada", $search)
+            ->orLike("t1.orden_planning", $search)
+            ->orLike("t1.precio_tinta_negro", $search)
+            ->orLike("t1.precio_tinta_color", $search)
+            ->orLike("t1.velocidad_corte", $search)
+            ->orLike("t1.precio_hora_corte", $search)
+            ->orLike("t1.metrosxminuto", $search)
+            ->orLike("t1.forzar_num_formas_horizontales_cubierta", $search)
+            ->orLike("t1.forzar_num_formas_verticales_cubierta", $search)
+            ->orLike("t1.observaciones", $search)
+            ->orLike("t2.nombre", $search)
+            ->groupEnd();
+    }
+
+    public function getMaquinaImpresionForPresupuesto($is_rotativa, $tarifa_tipo, $uso_tarifa = 'interior', $tirada, $papel_impresion_id = -1)
+    {
+        /*
+        1.-> tarifa_Tipo impresion
+	        2.-> Maquina
+		        3.-> Papeles impresion asociados a esa maquina
+			        4.-> papeles genericos que aparecen en esos papeles impresion
+        */
+        $builder = $this->db
+            ->table($this->table . " t1")
+            ->distinct('t1.id')
+            ->select(
+                "t1.id AS maquina_id, t1.nombre AS maquina, t1.ancho_impresion AS ancho_impresion,
+                t1.alto_impresion AS alto_impresion, t1.ancho AS ancho, t1.alto AS alto,
+                t1.is_rotativa AS is rotativa, t1.alto_click AS alto_click, t1.velocidad AS velocidad, 
+                t1.precio_tinta_negro AS precio_tinta_negro, t1.precio_tinta_color AS precio_tinta_color, 
+                t1.velocidad_corte AS velocidad_corte, t1.precio_hora_corte AS precio_hora_corte,
+                t1.forzar_num_formas_horizontales_cubierta AS forzar_num_formas_horizontales_cubierta,
+                t1.forzar_num_formas_verticales_cubierta AS forzar_num_formas_verticales_cubierta"
+            )
+            ->join("lg_maquinas_tarifas_impresion t2", "t1.id = t2.maquina_id", "left")            
+            ->join("lg_maquina_papel_impresion t3", "t1.id = t3.maquina_id", "left")
+            
+            
+            ->where("t1.is_deleted", 0)
+            ->where("t1.tipo", "impresion")
+            ->where("t1.is_rotativa", $is_rotativa)
+            ->where("t2.is_deleted", 0)
+            ->where("t3.papel_impresion_id", $papel_impresion_id)
+            ->where("t3.active", 1)
+            ->where("t1.min <=", $tirada)
+            ->where("t1.max >=", $tirada);
+
+            if(is_array($tarifa_tipo)){
+                foreach($tarifa_tipo as $tarifa){
+                    $builder->where("EXISTS (SELECT * FROM lg_maquinas_tarifas_impresion t2 WHERE t1.id=t2.maquina_id AND t2.tipo='{$tarifa}' AND t2.uso='{$uso_tarifa}' AND t2.is_deleted=0)"); 
+                }    
+            }
+            else{
+                $builder->where("t2.tipo", $tarifa_tipo);
+                $builder->where("t2.uso", $uso_tarifa);
+            }
+
+        return $builder->orderBy("t1.id", "asc")->get()->getResultObject();
+
+    }
+
+    public function getNombre($id){
+        $builder = $this->db
+            ->table($this->table . " t1")
+            ->select(
+                "t1.nombre AS text");
+            
+        $builder->where("t1.id", $id);
+        
+        return $builder->orderBy("t1.id", "asc")->get()->getResultObject();
     }
 }
diff --git a/ci4/app/Models/Configuracion/MaquinasCallesModel.php b/ci4/app/Models/Configuracion/MaquinasCallesModel.php
index aca7e2d6..6b84efc0 100644
--- a/ci4/app/Models/Configuracion/MaquinasCallesModel.php
+++ b/ci4/app/Models/Configuracion/MaquinasCallesModel.php
@@ -13,16 +13,14 @@ class MaquinasCallesModel extends \App\Models\GoBaseModel
     protected $useAutoIncrement = true;
 
     const SORTABLE = [
-        0 => "t1.formas_min",
-        1 => "t1.formas_max",
-        2 => "t1.internas",
-        3 => "t1.externas",
+        0 => "t1.formas",
+        1 => "t1.internas",
+        2 => "t1.externas",
     ];
 
     protected $allowedFields = [
         "maquina_id", 
-        "formas_min", 
-        "formas_max", 
+        "formas",
         "internas", 
         "externas", 
         "user_created_id", 
@@ -43,10 +41,7 @@ class MaquinasCallesModel extends \App\Models\GoBaseModel
     public static $labelField = "maquina_id";
 
     protected $validationRules = [
-        "formas_min" => [
-            "rules" => "required|int",
-        ],
-        "formas_max" => [
+        "formas" => [
             "rules" => "required|int",
         ],
         "internas" => [
@@ -70,8 +65,8 @@ class MaquinasCallesModel extends \App\Models\GoBaseModel
         $builder = $this->db
             ->table($this->table . " t1")
             ->select(
-                "t1.id AS id, t1.maquina_id as maquina, t1.formas_min AS formas_min, 
-                t1.formas_max AS formas_max, t1.internas AS internas, t1.externas AS externas,"
+                "t1.id AS id, t1.maquina_id as maquina, t1.formas AS formas, 
+                t1.internas AS internas, t1.externas AS externas,"
             );
 
         //JJO
@@ -82,29 +77,39 @@ class MaquinasCallesModel extends \App\Models\GoBaseModel
             ? $builder
             : $builder
                 ->groupStart()
-                ->like("t1.formas_min", $search)
-                ->orLike("t1.formas_max", $search)
+                ->like("t1.formas", $search)
                 ->orLike("t1.internas", $search)
                 ->orLike("t1.externas", $search)
-                ->orLike("t1.formas_min", $search)
-                ->orLike("t1.formas_max", $search)
+                ->orLike("t1.formas", $search)
                 ->orLike("t1.internas", $search)
                 ->orLike("t1.externas", $search)
                 ->groupEnd();
     }
 
-    public function checkIntervals($data = [], $id = null){
+    public function getCallesForMaquina($maquina_id=-1, $num_formas = 0)
+    {
+        $builder = $this->db
+            ->table($this->table . " t1")
+            ->select(
+                "t1.formas AS formas, 
+                t1.internas AS internas, t1.externas AS externas,"
+            );
+
+        //JJO
+        $builder->where('t1.maquina_id', $maquina_id);    
+        $builder->where('t1.formas', $num_formas);    
+        $builder->where("t1.is_deleted", 0);
+    
+        return $builder->get()->getResultObject();
+    }
+
+    public function checkDuplicatedFormas($data = [], $id = null){
 
         helper('general');
-
-        if(floatval($data["formas_min"])>= floatval($data["formas_max"])){
-            return lang('MaquinasCalles.validation.error_calle_range');
-        }
-
-
+        
         $rows = $this->db
             ->table($this->table)
-            ->select("id, formas_min, formas_max")
+            ->select("id, formas")
             ->where("is_deleted", 0)
             ->where("maquina_id", $data['maquina_id'])
             ->get()->getResultObject();
@@ -116,9 +121,8 @@ class MaquinasCallesModel extends \App\Models\GoBaseModel
                     continue;
                 }
             }
-            if(check_overlap(floatval($data["formas_min"]), floatval($data["formas_max"]),
-                                $row->formas_min, $row->formas_max)){
-                return lang('MaquinasCalles.validation.error_calle_overlap');
+            if(intval($data["formas"]) == $row->formas){
+                return lang('MaquinasCalles.validation.error_formas_exists');
             }
         }
     }
diff --git a/ci4/app/Models/Configuracion/MaquinasPapelesImpresionModel.php b/ci4/app/Models/Configuracion/MaquinasPapelesImpresionModel.php
index f9d7a36e..f75dd5dd 100644
--- a/ci4/app/Models/Configuracion/MaquinasPapelesImpresionModel.php
+++ b/ci4/app/Models/Configuracion/MaquinasPapelesImpresionModel.php
@@ -29,6 +29,11 @@ class MaquinasPapelesImpresionModel extends \App\Models\GoBaseModel
     const SORTABLE_2 = [
         0 => "t1.active",
         1 => "t2.nombre",
+        2 => "t2.ancho",
+        3 => "t2.alto",
+        4 => "t2.ancho_impresion",
+        5 => "t2.alto_impresion",
+
         
     ];
 
diff --git a/ci4/app/Models/Configuracion/MaquinasTarifasImpresionModel.php b/ci4/app/Models/Configuracion/MaquinasTarifasImpresionModel.php
index 62b3e037..cde4df78 100644
--- a/ci4/app/Models/Configuracion/MaquinasTarifasImpresionModel.php
+++ b/ci4/app/Models/Configuracion/MaquinasTarifasImpresionModel.php
@@ -1,4 +1,5 @@
 <?php
+
 namespace App\Models\Configuracion;
 
 class MaquinasTarifasImpresionModel extends \App\Models\GoBaseModel
@@ -59,7 +60,7 @@ class MaquinasTarifasImpresionModel extends \App\Models\GoBaseModel
         ],
     ];
 
-    
+
     public function findAllWithMaquinas(string $selcols = "*", int $limit = null, int $offset = 0)
     {
         $sql =
@@ -88,7 +89,7 @@ class MaquinasTarifasImpresionModel extends \App\Models\GoBaseModel
      *
      * @return \CodeIgniter\Database\BaseBuilder
      */
-    public function getResource(string $search = "", $maquina_id=-1)
+    public function getResource(string $search = "", $maquina_id = -1)
     {
         $builder = $this->db
             ->table($this->table . " t1")
@@ -97,24 +98,45 @@ class MaquinasTarifasImpresionModel extends \App\Models\GoBaseModel
             );
 
         //JJO
-        $builder->where('maquina_id', $maquina_id);    
+        $builder->where('maquina_id', $maquina_id);
         $builder->where("t1.is_deleted", 0);
-    
+
         $builder->join("lg_maquinas t2", "t1.maquina_id = t2.id", "left");
 
         return empty($search)
             ? $builder
             : $builder
-                ->groupStart()
-                ->like("t1.id", $search)
-                ->orLike("t1.tipo", $search)
-                ->orLike("t1.precio", $search)
-                ->orLike("t1.uso", $search)
-                ->orLike("t1.id", $search)
-                ->orLike("t1.maquina_id", $search)
-                ->orLike("t1.tipo", $search)
-                ->orLike("t1.precio", $search)
-                ->orLike("t1.uso", $search)
-                ->groupEnd();
+            ->groupStart()
+            ->like("t1.id", $search)
+            ->orLike("t1.tipo", $search)
+            ->orLike("t1.precio", $search)
+            ->orLike("t1.uso", $search)
+            ->orLike("t1.id", $search)
+            ->orLike("t1.maquina_id", $search)
+            ->orLike("t1.tipo", $search)
+            ->orLike("t1.precio", $search)
+            ->orLike("t1.uso", $search)
+            ->groupEnd();
+    }
+
+    public function getTarifa($maquina_id = -1, $uso = " ", $tipo = " ")
+    {
+        $builder = $this->db
+            ->table($this->table . " t1")
+            ->select(
+                "t1.id AS id, t1.precio AS precio"
+            );
+
+        //JJO
+        $builder->where('maquina_id', $maquina_id);
+        $builder->where('tipo', $tipo);
+        $builder->where('uso', $uso);
+        $builder->where("t1.is_deleted", 0);
+
+        $tarifas = $builder->get()->getResultArray();
+        if (count($tarifas)>0){
+            return [$tarifas[0]['id'], floatval($tarifas[0]['precio'])];
+        }
+        return $tarifas;
     }
 }
diff --git a/ci4/app/Models/Configuracion/PapelGenericoModel.php b/ci4/app/Models/Configuracion/PapelGenericoModel.php
index 1df24bcc..4d412398 100644
--- a/ci4/app/Models/Configuracion/PapelGenericoModel.php
+++ b/ci4/app/Models/Configuracion/PapelGenericoModel.php
@@ -93,7 +93,7 @@ class PapelGenericoModel extends \App\Models\GoBaseModel
     }
 
 
-    public function getPapelForComparador($tipo, $is_cubierta = null, $is_sobrecubierta = null)
+    public function getPapelForComparador($tipo, $is_cubierta = null, $is_sobrecubierta = null, $rotativa = null)
     {
         /*
         1.-> Tipo impresion
@@ -104,8 +104,9 @@ class PapelGenericoModel extends \App\Models\GoBaseModel
         $builder = $this->db
             ->table($this->table . " t1")
             ->select(
-                "t1.nombre AS papel_generico"
+                "t1.id as id, t1.nombre AS nombre"
             )
+            ->distinct('t1.id')
             ->join("lg_papel_impresion t2", "t2.papel_generico_id = t1.id", "left")
             ->join("lg_maquina_papel_impresion t3", "t3.papel_impresion_id = t2.id", "left")
             ->join("lg_maquinas t4", "t3.maquina_id = t4.id", "left")
@@ -113,6 +114,7 @@ class PapelGenericoModel extends \App\Models\GoBaseModel
 
             ->where("t1.is_deleted", 0)
             ->where("t2.is_deleted", 0)
+            ->where("t3.active", 1)
             ->where("t4.is_deleted", 0)
             ->where("t4.tipo", "impresion")
             ->where("t5.tipo", $tipo);
@@ -121,15 +123,87 @@ class PapelGenericoModel extends \App\Models\GoBaseModel
                 if($is_cubierta==true){
                     $builder->where("t2.cubierta", 1);
                 }
-                else if($is_sobrecubierta==true){
+            }
+            
+            if(!is_null($is_sobrecubierta)){
+                if($is_sobrecubierta==true){
                     $builder->where("t2.sobrecubierta", 1);
                 }
             }
 
-        return array_unique(array_column($builder->orderBy("t1.nombre", "asc")->get()->getResultArray(), 'papel_generico'));
+            if(!is_null($rotativa)){
+                if($rotativa==true){
+                    $builder->where("t2.rotativa", 1);
+                }
+            }
+
+        return $builder->orderBy("t1.nombre", "asc")->get()->getResultObject();
     }
 
-    public function getGramajeComparador(string $papel_generico_nombre="")
+    public function getGramajeComparador(string $papel_generico_nombre="", $uso="")
+    {
+        if($uso == 'cubierta' || $uso == 'sobrecubierta')
+            $tipo = 'color';
+        else
+            $tipo=$uso; // color y colorhq valen para los dos
+        if($uso == 'bn')
+            $tipo="negro";
+        if($uso == 'bnhq')
+            $tipo="negrohq";
+
+        $builder = $this->db
+            ->table($this->table . " t1")
+            ->select(
+                "t2.gramaje AS text"
+            )
+            ->join("lg_papel_impresion t2", "t2.papel_generico_id = t1.id", "left")
+            ->join("lg_maquina_papel_impresion t3", "t3.papel_impresion_id = t2.id", "left")
+            ->join("lg_maquinas t4", "t3.maquina_id = t4.id", "left")
+            ->join("lg_maquinas_tarifas_impresion t5", "t5.maquina_id = t4.id", "left")
+            
+            ->where("t1.is_deleted", 0)
+            ->where("t2.is_deleted", 0)
+            ->where("t2.isActivo", 1)
+            ->where("t3.active", 1)
+            ->where("t4.is_deleted", 0)
+            ->where("t4.tipo", "impresion")
+            ->where("t5.tipo", $tipo)
+            ->where("t1.nombre", $papel_generico_nombre);
+            
+            $uso_tarifa = 'interior';
+
+            if($uso == 'bn' || $uso == 'bnhq')
+                $builder->where("t2.bn", 1);
+            else if ($uso == 'color' || $uso == 'colorhq')
+                $builder->where("t2.color", 1);
+            else if ($uso == 'cubierta'){
+                $uso_tarifa = 'cubierta';
+                $builder->where("t2.cubierta", 1);
+            }
+            else if ($uso == 'sobrecubierta'){
+                $uso_tarifa = 'sobrecubierta';
+                $builder->where("t2.sobrecubierta", 1);
+            }
+
+            $builder->where("t5.uso", $uso_tarifa);
+    
+            $values = $builder->orderBy("t2.gramaje", "asc")->get()->getResultObject();
+            $id = 1;
+            foreach ($values as $value){
+                $value->id = $id;
+                $id++;
+            }
+            $values_array = array_map( function( $value ) {
+                return $value->text;
+            }, $values );
+            $unique_values = array_unique($values_array);
+            return array_values(array_intersect_key($values, $unique_values));
+
+    }
+
+    //tipo: negro, negrohq, color, colorhq
+    //uso: interior, rotativa, cubierta, sobrecubierta
+    public function getGramajeLineasPresupuesto($papel_generico_id=0, $tipo="", $uso="")
     {
         $builder = $this->db
             ->table($this->table . " t1")
@@ -137,11 +211,44 @@ class PapelGenericoModel extends \App\Models\GoBaseModel
                 "t2.gramaje AS text"
             )
             ->join("lg_papel_impresion t2", "t2.papel_generico_id = t1.id", "left")
+            ->join("lg_maquina_papel_impresion t3", "t3.papel_impresion_id = t2.id", "left")
+            ->join("lg_maquinas t4", "t3.maquina_id = t4.id", "left")
+            ->join("lg_maquinas_tarifas_impresion t5", "t5.maquina_id = t4.id", "left")
             
             ->where("t1.is_deleted", 0)
             ->where("t2.is_deleted", 0)
-            ->where("t1.nombre", $papel_generico_nombre);
+            ->where("t2.isActivo", 1)
+            ->where("t3.active", 1)
+            ->where("t4.is_deleted", 0)
+            ->where("t4.tipo", "impresion")
+            ->where("t5.tipo", $tipo)
+            ->where("t1.id", $papel_generico_id);
 
+            $uso_tarifa = 'interior';
+
+            if ($uso == 'cubierta'){
+                $uso_tarifa = 'cubierta';
+                $builder->where("t2.cubierta", 1);
+            }
+            else if ($uso == 'sobrecubierta'){
+                $uso_tarifa = 'sobrecubierta';
+                $builder->where("t2.sobrecubierta", 1);
+            }
+            else{
+                if($tipo == 'negro' || $tipo == 'negrohq')
+                    $builder->where("t2.bn", 1);
+                else if ($tipo == 'color' || $tipo == 'colorhq')
+                    $builder->where("t2.color", 1);
+            }
+            
+            if($uso=='rotativa')
+                $builder->where("t2.rotativa", 1);
+            else
+                $builder->where("t2.rotativa", 0);
+
+            $builder->where("t5.uso", $uso_tarifa);
+            
+            
             $values = $builder->orderBy("t2.gramaje", "asc")->get()->getResultObject();
             $id = 1;
             foreach ($values as $value){
diff --git a/ci4/app/Models/Configuracion/PapelImpresionMargenModel.php b/ci4/app/Models/Configuracion/PapelImpresionMargenModel.php
index 1c320067..a986b135 100644
--- a/ci4/app/Models/Configuracion/PapelImpresionMargenModel.php
+++ b/ci4/app/Models/Configuracion/PapelImpresionMargenModel.php
@@ -1,4 +1,5 @@
 <?php
+
 namespace App\Models\Configuracion;
 
 class PapelImpresionMargenModel extends \App\Models\GoBaseModel
@@ -86,27 +87,28 @@ class PapelImpresionMargenModel extends \App\Models\GoBaseModel
                 t1.paginas_max AS paginas_max, t1.margen AS margen"
             );
         //JJO
-        $builder->where('papel_impresion_id', $papel_impresion_id);    
+        $builder->where('papel_impresion_id', $papel_impresion_id);
         $builder->where("t1.is_deleted", 0);
 
         return empty($search)
             ? $builder
             : $builder
-                ->groupStart()
-                ->like("t1.paginas_min", $search)
-                ->orLike("t1.paginas_max", $search)
-                ->orLike("t1.margen", $search)
-                ->orLike("t1.paginas_min", $search)
-                ->orLike("t1.paginas_max", $search)
-                ->orLike("t1.margen", $search)
-                ->groupEnd();
+            ->groupStart()
+            ->like("t1.paginas_min", $search)
+            ->orLike("t1.paginas_max", $search)
+            ->orLike("t1.margen", $search)
+            ->orLike("t1.paginas_min", $search)
+            ->orLike("t1.paginas_max", $search)
+            ->orLike("t1.margen", $search)
+            ->groupEnd();
     }
 
-    public function checkIntervals($data = [], $id_linea = null, $papel_impresion_id = null){
-        
+    public function checkIntervals($data = [], $id_linea = null, $papel_impresion_id = null)
+    {
+
         helper('general');
 
-        if(floatval($data["paginas_min"])>= floatval($data["paginas_max"])){
+        if (floatval($data["paginas_min"]) >= floatval($data["paginas_max"])) {
             return lang('PapelImpresionMargenes.validation.error_paginas_range');
         }
 
@@ -119,17 +121,38 @@ class PapelImpresionMargenModel extends \App\Models\GoBaseModel
 
 
         foreach ($rows as $row) {
-            if (!is_null($id_linea)){
-                if($row->id == $id_linea){
+            if (!is_null($id_linea)) {
+                if ($row->id == $id_linea) {
                     continue;
                 }
             }
-            if(check_overlap(floatval($data["paginas_min"]), floatval($data["paginas_max"]),
-                                $row->paginas_min, $row->paginas_max)){
-                    return lang('PapelImpresionMargenes.validation.error_paginas_overlap');
+            if (check_overlap(
+                floatval($data["paginas_min"]),
+                floatval($data["paginas_max"]),
+                $row->paginas_min,
+                $row->paginas_max
+            )) {
+                return lang('PapelImpresionMargenes.validation.error_paginas_overlap');
             }
         }
 
         return "";
     }
+
+    public function getMargenFormPags($papel_impresion_id = -1, $num_paginas = 0)
+    {
+        $builder = $this->db
+            ->table($this->table . " t1")
+            ->select(
+                "t1.margen AS margen"
+            );
+        //JJO
+        $builder->where('papel_impresion_id', $papel_impresion_id);
+        $builder->where("t1.is_deleted", 0);
+        $builder->where("t1.paginas_min <=", $num_paginas);
+        $builder->where("t1.paginas_max >=", $num_paginas);
+        
+
+        return $builder->get()->getResultArray();
+    }
 }
diff --git a/ci4/app/Models/Configuracion/PapelImpresionModel.php b/ci4/app/Models/Configuracion/PapelImpresionModel.php
index 2a7e1411..44ef9a8d 100644
--- a/ci4/app/Models/Configuracion/PapelImpresionModel.php
+++ b/ci4/app/Models/Configuracion/PapelImpresionModel.php
@@ -209,4 +209,106 @@ class PapelImpresionModel extends \App\Models\GoBaseModel
         
         return $builder;
     }
+
+    /**
+     * @param null $papel_generico_id
+     * @param null $gramaje
+     * @param mixed $options
+     *                  array con las opciones para bn,color,cubierta,sobrecubierta,rotativa
+     * @param mixed $is_activo=true
+     * 
+     * @return [type]
+     */
+    public function getIdPapelesImpresionForPresupuesto($papel_generico_id = null, $gramaje = null, $options=[]){
+        $bn = array_key_exists('bn', $options) ? $options['bn'] : null;
+        $color = array_key_exists('color', $options)? $options['color'] : null;
+        $cubierta = array_key_exists('cubierta', $options)? $options['cubierta'] : null;
+        $sobrecubierta = array_key_exists('sobrecubierta', $options)? $options['sobrecubierta'] : null;
+        $rotativa = array_key_exists('rotativa', $options)? $options['rotativa'] : null;
+
+        $builder = $this->db
+            ->table($this->table . " t1")
+            ->distinct("t1.id")
+            ->select(
+                "t1.id AS id, t1.nombre AS nombre, t1.papel_generico_id AS papel_generico_id, 
+                t1.gramaje as gramaje, t1.espesor AS espesor, t1.precio_tonelada AS precio_tonelada, t1.rotativa AS rotativa");
+            
+        $builder->where("t1.is_deleted", 0);
+        $builder->where("t1.isActivo", 1);
+
+        $builder->where("t1.papel_generico_id", $papel_generico_id);
+        $builder->where("t1.gramaje", $gramaje);
+        
+        if(!is_null($bn)){
+            $builder->where("t1.bn", $bn);
+        }
+        if(!is_null($color)){
+            $builder->where("t1.color", $color);
+        }
+        if(!is_null($cubierta)){
+            $builder->where("t1.cubierta", $cubierta);
+        }
+        if(!is_null($sobrecubierta)){
+            $builder->where("t1.sobrecubierta", $sobrecubierta);
+        }
+        if(!is_null($rotativa)){
+            $builder->where("t1.rotativa", $rotativa);
+        }
+
+        return $builder->orderBy("t1.id", "asc")->get()->getResultObject();
+    }
+
+    //tipo: negro, negrohq, color, colorhq
+    //uso: interior, rotativa, cubierta, sobrecubierta
+    public function getPapelesImpresionForMenu($papel_generico = null, $gramaje = null, $tipo = null, $uso=""){
+        $builder = $this->db
+            ->table($this->table . " t1")
+            ->distinct("t1.id")
+            ->join("lg_papel_generico t2", "t1.papel_generico_id = t2.id", "left")
+            ->join("lg_maquina_papel_impresion t3", "t1.id = t3.papel_impresion_id", "left")
+            ->join("lg_maquinas t4", "t3.maquina_id = t4.id", "left")
+            ->join("lg_maquinas_tarifas_impresion t5", "t4.id = t5.maquina_id", "left")
+            ->select(
+                "t1.id AS id, t1.nombre AS text");
+            
+        $builder->where("t1.is_deleted", 0);
+        $builder->where("t1.isActivo", 1);
+        $builder->where("t2.is_deleted", 0);
+        $builder->where("t3.active", 1);
+        $builder->where("t4.is_deleted", 0);
+        $builder->where("t4.tipo", 'impresion');
+        $builder->where("t5.is_deleted", 0);
+        $builder->where("t5.tipo", $tipo);
+        
+        $builder->where("t2.id", $papel_generico);
+        $builder->where("t1.gramaje", $gramaje);
+
+        if ($uso == 'cubierta')
+            $builder->where("t1.cubierta", 1);
+        else if ($uso == 'sobrecubierta')
+            $builder->where("t1.sobrecubierta", 1);
+        else{
+            if($tipo == 'negro' || $tipo == 'negrohq')
+                $builder->where("t1.bn", 1);
+            else if ($tipo == 'color' || $tipo == 'colorhq')
+                $builder->where("t1.color", 1);
+        }
+        if($uso=='rotativa')
+            $builder->where("t1.rotativa", 1);
+        else
+            $builder->where("t1.rotativa", 0);
+        
+        return $builder->orderBy("t1.id", "asc")->get()->getResultObject();
+    }
+
+    public function getNombre($id){
+        $builder = $this->db
+            ->table($this->table . " t1")
+            ->select(
+                "t1.nombre AS text");
+            
+        $builder->where("t1.id", $id);
+
+        return $builder->orderBy("t1.id", "asc")->get()->getResultObject();
+    }
 }
diff --git a/ci4/app/Models/Configuracion/PapelImpresionTipologiaModel.php b/ci4/app/Models/Configuracion/PapelImpresionTipologiaModel.php
index 356c4d9f..f5e47534 100644
--- a/ci4/app/Models/Configuracion/PapelImpresionTipologiaModel.php
+++ b/ci4/app/Models/Configuracion/PapelImpresionTipologiaModel.php
@@ -109,18 +109,21 @@ class PapelImpresionTipologiaModel extends \App\Models\GoBaseModel
         return $result;
     }
 
-    public function findTipologiasForPapelImpresion(int $papelImpresionID){
+    public function findTipologiasForPapelImpresion(int $papelImpresionID, $tipo=null){
         
         $builder = $this->db
             ->table($this->table )
             ->select("*")
             ->where("papel_impresion_id", $papelImpresionID);
-
+        
+        if(!is_null($tipo)){
+            $builder->where("tipo", $tipo);
+        }
 
         return $builder;        
-
     }
 
+
     public function removeForPapelImpresion($papel_impresion_id){
         $builder = $this->db
             ->table($this->table . " t1")
diff --git a/ci4/app/Models/Presupuestos/PresupuestoAcabadosModel.php b/ci4/app/Models/Presupuestos/PresupuestoAcabadosModel.php
new file mode 100644
index 00000000..ed32bfb4
--- /dev/null
+++ b/ci4/app/Models/Presupuestos/PresupuestoAcabadosModel.php
@@ -0,0 +1,68 @@
+<?php
+
+namespace App\Models\Presupuestos;
+
+class PresupuestoAcabadosModel extends \App\Models\GoBaseModel
+{
+    protected $table = "presupuesto_acabados";
+
+    /**
+     * Whether primary key uses auto increment.
+     *
+     * @var bool
+     */
+    protected $useAutoIncrement = true;
+
+    const SORTABLE = [
+        0 => "t2.nombre",
+        1 => "t1.precio_unidad",
+        2 => "t1.precio_total"
+    ];
+
+    protected $allowedFields = ["presupuesto_id", "tarifa_acabado_id", "nombre", "precio_total", "precio_unidad"];
+    protected $returnType = "App\Entities\Presupuestos\PresupuestoAcabadosEntity";
+
+    protected $useTimestamps = true;
+    protected $useSoftDeletes = false;
+
+    protected $createdField = "created_at";
+    protected $updatedField = "updated_at";
+
+    public static $labelField = "nombre";
+
+    protected $validationRules = [
+        "precio_total" => [
+            "label" => "Presupuestos.precioTotal",
+            "rules" => "decimal|required",
+        ],
+    ];
+
+    protected $validationMessages = [
+        "precio_total" => [
+            "decimal" => "Presupuestos.validation.decimal",
+            "requerido" => "Presupuestos.validation.decimal",
+        ],
+    ];
+
+
+    /**
+     * Get resource data.
+     *
+     * @param string $search
+     *
+     * @return \CodeIgniter\Database\BaseBuilder
+     */
+    public function getResource($presupuesto_id = -1)
+    {
+        $builder = $this->db
+            ->table($this->table . " t1")
+            ->select(
+                "t1.id AS id, t1.tarifa_acabado_id AS tarifa_acabado_id, t1.precio_unidad AS precio_unidad, t1.precio_total AS precio_total, t2.nombre AS nombre"
+            );
+
+        $builder->where('t1.presupuesto_id', $presupuesto_id);
+        $builder->join("lg_tarifa_acabado t2", "t1.tarifa_acabado_id = t2.id", "left");
+
+        return $builder;
+    }
+}
diff --git a/ci4/app/Models/Presupuestos/PresupuestoEncuadernacionesModel.php b/ci4/app/Models/Presupuestos/PresupuestoEncuadernacionesModel.php
new file mode 100644
index 00000000..0ad3cf6e
--- /dev/null
+++ b/ci4/app/Models/Presupuestos/PresupuestoEncuadernacionesModel.php
@@ -0,0 +1,68 @@
+<?php
+
+namespace App\Models\Presupuestos;
+
+class PresupuestoEncuadernacionesModel extends \App\Models\GoBaseModel
+{
+    protected $table = "presupuesto_encuadernaciones";
+
+    /**
+     * Whether primary key uses auto increment.
+     *
+     * @var bool
+     */
+    protected $useAutoIncrement = true;
+
+    const SORTABLE = [
+        0 => "t2.nombre",
+        1 => "t1.precio_unidad",
+        2 => "t1.precio_total"
+    ];
+
+    protected $allowedFields = ["presupuesto_id", "tarifa_encuadernado_id", "nombre", "precio_total", "precio_unidad"];
+    protected $returnType = "App\Entities\Presupuestos\PresupuestoEncuadernacionesEntity";
+
+    protected $useTimestamps = true;
+    protected $useSoftDeletes = false;
+
+    protected $createdField = "created_at";
+    protected $updatedField = "updated_at";
+
+    public static $labelField = "nombre";
+
+    protected $validationRules = [
+        "precio_total" => [
+            "label" => "Presupuestos.precioTotal",
+            "rules" => "decimal|required",
+        ],
+    ];
+
+    protected $validationMessages = [
+        "precio_total" => [
+            "decimal" => "Presupuestos.validation.decimal",
+            "requerido" => "Presupuestos.validation.decimal",
+        ],
+    ];
+
+
+    /**
+     * Get resource data.
+     *
+     * @param string $search
+     *
+     * @return \CodeIgniter\Database\BaseBuilder
+     */
+    public function getResource($presupuesto_id = -1)
+    {
+        $builder = $this->db
+            ->table($this->table . " t1")
+            ->select(
+                "t1.id AS id, t1.tarifa_encuadernado_id AS tarifa_encuadernado_id, t1.precio_unidad AS precio_unidad, t1.precio_total AS precio_total, t2.nombre AS nombre"
+            );
+
+        $builder->where('t1.presupuesto_id', $presupuesto_id);
+        $builder->join("tarifa_encuadernacion t2", "t1.tarifa_encuadernado_id = t2.id", "left");
+
+        return $builder;
+    }
+}
diff --git a/ci4/app/Models/Presupuestos/PresupuestoLineaModel.php b/ci4/app/Models/Presupuestos/PresupuestoLineaModel.php
new file mode 100644
index 00000000..96fd96ba
--- /dev/null
+++ b/ci4/app/Models/Presupuestos/PresupuestoLineaModel.php
@@ -0,0 +1,344 @@
+<?php
+namespace App\Models\Presupuestos;
+
+class PresupuestoLineaModel extends \App\Models\GoBaseModel
+{
+    protected $table = "presupuesto_linea";
+
+    /**
+     * Whether primary key uses auto increment.
+     *
+     * @var bool
+     */
+    protected $useAutoIncrement = true;
+
+    protected $allowedFields = [
+        "presupuesto_id",
+        "tipo",
+        "paginas",
+        "paginas_color_posicion",
+        "solapas_ancho",
+        "papel_id",
+        "papel_impresion_id",
+        "formas",
+        "gramaje",
+        "pliegos_libro",
+        "pliegos_pedido",
+        "pliegos_precio",
+        "libro",
+        "pedido",
+        "mano",
+        "peso",
+        "maquina_id",
+        "tarifa_impresion_id",
+        "click",
+        "precio",
+        "rotativa_impresion",
+        "rotativa_pag_color",
+        "rotativa_set_values",
+        "rotativa_negro",
+        "rotativa_cyan",
+        "rotativa_magenta",
+        "rotativa_amarillo",
+        "rotativa_gota_negro",
+        "rotativa_gota_color",
+        "rotativa_saturacion",
+        "rotativa_a_favor_fibra",
+        "rotativa_mxm",
+        "rotativa_area_paginas",
+        "rotativa_num_gotas_negro",
+        "rotativa_num_gotas_cyan",
+        "rotativa_num_gotas_magenta",
+        "rotativa_num_gotas_amarillo",
+        "rotativa_peso_gotas_negro",
+        "rotativa_peso_gotas_cyan",
+        "rotativa_peso_gotas_magenta",
+        "rotativa_peso_gotas_amarillo",
+        "rotativa_precio_pag_negro",
+        "rotativa_precio_pag_color",
+        "rotativa_factor_altura",
+        "rotativa_factor_anchura",
+        "rotativa_pag_por_pliego",
+        "rotativa_metros_libro",
+        "rotativa_metros_total",
+        "rotativa_clicks_libro",
+        "rotativa_clicks_total",
+        "rotativa_precio_tinta",
+        "rotativa_total_impresion",
+        "rotativa_velocidad_corte",
+        "rotativa_tiempo_corte",
+        "rotativa_precio_hora_corte",
+        "rotativa_total_corte",
+        'check_impresion_total',
+        'check_papel_total',
+        "isActiva",
+    ];
+    protected $returnType = "App\Entities\Presupuestos\PresupuestoLineaEntity";
+
+    public static $labelField = "presupuesto_id";
+
+    protected $validationRules = [
+        "click" => [
+            "label" => "PresupuestoLineas.click",
+            "rules" => "decimal|permit_empty",
+        ],
+        "formas" => [
+            "label" => "PresupuestoLineas.formas",
+            "rules" => "trim|max_length[16313]",
+        ],
+        "gramaje" => [
+            "label" => "PresupuestoLineas.gramaje",
+            "rules" => "decimal|permit_empty",
+        ],
+        "libro" => [
+            "label" => "PresupuestoLineas.libro",
+            "rules" => "decimal|permit_empty",
+        ],
+        "mano" => [
+            "label" => "PresupuestoLineas.mano",
+            "rules" => "decimal|permit_empty",
+        ],
+        "paginas" => [
+            "label" => "PresupuestoLineas.paginas",
+            "rules" => "required|integer",
+        ],
+        "paginas_color_posicion" => [
+            "label" => "PresupuestoLineas.paginasColorPosicion",
+            "rules" => "trim|max_length[16313]",
+        ],
+        "pedido" => [
+            "label" => "PresupuestoLineas.pedido",
+            "rules" => "decimal|permit_empty",
+        ],
+        "peso" => [
+            "label" => "PresupuestoLineas.peso",
+            "rules" => "decimal|permit_empty",
+        ],
+        "pliegos_libro" => [
+            "label" => "PresupuestoLineas.pliegosLibro",
+            "rules" => "decimal|permit_empty",
+        ],
+        "pliegos_pedido" => [
+            "label" => "PresupuestoLineas.pliegosPedido",
+            "rules" => "decimal|permit_empty",
+        ],
+        "pliegos_precio" => [
+            "label" => "PresupuestoLineas.pliegosPrecio",
+            "rules" => "decimal|permit_empty",
+        ],
+        "precio" => [
+            "label" => "PresupuestoLineas.precio",
+            "rules" => "decimal|permit_empty",
+        ],
+        "rotativa_amarillo" => [
+            "label" => "PresupuestoLineas.rotativaAmarillo",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_area_paginas" => [
+            "label" => "PresupuestoLineas.rotativaAreaPaginas",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_clicks_libro" => [
+            "label" => "PresupuestoLineas.rotativaClicksLibro",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_clicks_total" => [
+            "label" => "PresupuestoLineas.rotativaClicksTotal",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_cyan" => [
+            "label" => "PresupuestoLineas.rotativaCyan",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_factor_altura" => [
+            "label" => "PresupuestoLineas.rotativaFactorAltura",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_factor_anchura" => [
+            "label" => "PresupuestoLineas.rotativaFactorAnchura",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_gota_color" => [
+            "label" => "PresupuestoLineas.rotativaGotaColor",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_gota_negro" => [
+            "label" => "PresupuestoLineas.rotativaGotaNegro",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_impresion" => [
+            "label" => "PresupuestoLineas.rotativaImpresion",
+            "rules" => "required|in_list[negro,color]",
+        ],
+        "rotativa_magenta" => [
+            "label" => "PresupuestoLineas.rotativaMagenta",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_metros_libro" => [
+            "label" => "PresupuestoLineas.rotativaMetrosLibro",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_metros_total" => [
+            "label" => "PresupuestoLineas.rotativaMetrosTotal",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_mxm" => [
+            "label" => "PresupuestoLineas.rotativaMxm",
+            "rules" => "decimal|permit_empty",
+        ],
+        "rotativa_negro" => [
+            "label" => "PresupuestoLineas.rotativaNegro",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_num_gotas_amarillo" => [
+            "label" => "PresupuestoLineas.rotativaNumGotasAmarillo",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_num_gotas_cyan" => [
+            "label" => "PresupuestoLineas.rotativaNumGotasCyan",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_num_gotas_magenta" => [
+            "label" => "PresupuestoLineas.rotativaNumGotasMagenta",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_num_gotas_negro" => [
+            "label" => "PresupuestoLineas.rotativaNumGotasNegro",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_pag_color" => [
+            "label" => "PresupuestoLineas.rotativaPagColor",
+            "rules" => "required|integer",
+        ],
+        "rotativa_pag_por_pliego" => [
+            "label" => "PresupuestoLineas.rotativaPagPorPliego",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_peso_gotas_amarillo" => [
+            "label" => "PresupuestoLineas.rotativaPesoGotasAmarillo",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_peso_gotas_cyan" => [
+            "label" => "PresupuestoLineas.rotativaPesoGotasCyan",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_peso_gotas_magenta" => [
+            "label" => "PresupuestoLineas.rotativaPesoGotasMagenta",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_peso_gotas_negro" => [
+            "label" => "PresupuestoLineas.rotativaPesoGotasNegro",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_precio_hora_corte" => [
+            "label" => "PresupuestoLineas.rotativaPrecioHoraCorte",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_precio_pag_color" => [
+            "label" => "PresupuestoLineas.rotativaPrecioPagColor",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_precio_pag_negro" => [
+            "label" => "PresupuestoLineas.rotativaPrecioPagNegro",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_precio_tinta" => [
+            "label" => "PresupuestoLineas.rotativaPrecioTinta",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_saturacion" => [
+            "label" => "PresupuestoLineas.rotativaSaturacion",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_tiempo_corte" => [
+            "label" => "PresupuestoLineas.rotativaTiempoCorte",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_total_corte" => [
+            "label" => "PresupuestoLineas.rotativaTotalCorte",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_total_impresion" => [
+            "label" => "PresupuestoLineas.rotativaTotalImpresion",
+            "rules" => "required|decimal",
+        ],
+        "rotativa_velocidad_corte" => [
+            "label" => "PresupuestoLineas.rotativaVelocidadCorte",
+            "rules" => "required|decimal",
+        ],
+        "solapas_ancho" => [
+            "label" => "PresupuestoLineas.solapasAncho",
+            "rules" => "required|decimal",
+        ],
+        "tipo" => [
+            "label" => "PresupuestoLineas.tipo",
+            "rules" => "required|in_list[bn,bnhq,color,colorhq,cubierta,sobrecubierta,rot_bn,rot_color]",
+        ],
+    ];
+
+
+    public function findAllWithAllRelations(string $selcols = "*", int $limit = null, int $offset = 0)
+    {
+        $sql =
+            "SELECT t1." .
+            $selcols .
+            ",  t2.id AS presupuesto,  t3.nombre AS papel,  t4.nombre AS papel_impresion,  t5.nombre AS maquina,  t6.tipo AS tarifa_impresion FROM " .
+            $this->table .
+            " t1  LEFT JOIN presupuestos t2 ON t1.presupuesto_id = t2.id LEFT JOIN lg_papel_generico t3 ON t1.papel_id = t3.id LEFT JOIN lg_papel_impresion t4 ON t1.papel_impresion_id = t4.id LEFT JOIN lg_maquinas t5 ON t1.maquina_id = t5.id LEFT JOIN lg_maquinas_tarifas_impresion t6 ON t1.tarifa_impresion_id = t6.id";
+        if (!is_null($limit) && intval($limit) > 0) {
+            $sql .= " LIMIT " . intval($limit);
+        }
+
+        if (!is_null($offset) && intval($offset) > 0) {
+            $sql .= " OFFSET " . intval($offset);
+        }
+
+        $query = $this->db->query($sql);
+        $result = $query->getResultObject();
+        return $result;
+    }
+
+    public function createForPresupuesto($presupuesto_id){
+
+        $tipos = ['bn','bnhq','color','colorhq','cubierta','sobrecubierta','rot_bn','rot_color'];
+        foreach($tipos as $tipo){
+            $builder = $this->db
+            ->table($this->table . " t1");
+            $data = [
+                'presupuesto_id'          => $presupuesto_id,
+                'tipo'       => $tipo,
+            ];
+            
+            $builder->insert($data);
+        }
+    }
+
+    public function getLineasPresupuesto($presupuesto_id = -1)
+    {
+        $builder = $this->db
+            ->table($this->table . " t1")
+            ->select(
+                "*"
+            )
+            ->where("t1.presupuesto_id", $presupuesto_id)
+            ->where("t1.isActiva", 1);
+            
+
+        return $builder->orderBy("t1.id", "asc")->get()->getResultObject();
+    }
+
+    public function updateLineasPresupuesto($presupuesto_id = -1, $datos=[])
+    {
+        foreach($datos as $linea){
+            
+            $this->db
+                ->table($this->table . " t1")
+                ->where("t1.presupuesto_id", $presupuesto_id)
+                ->where("t1.tipo", $linea["tipo"])
+                ->update($linea);
+        }
+            
+    }
+}
+
+
diff --git a/ci4/app/Models/Presupuestos/PresupuestoManipuladosModel.php b/ci4/app/Models/Presupuestos/PresupuestoManipuladosModel.php
new file mode 100644
index 00000000..e45976e8
--- /dev/null
+++ b/ci4/app/Models/Presupuestos/PresupuestoManipuladosModel.php
@@ -0,0 +1,68 @@
+<?php
+
+namespace App\Models\Presupuestos;
+
+class PresupuestoManipuladosModel extends \App\Models\GoBaseModel
+{
+    protected $table = "presupuesto_manipulados";
+
+    /**
+     * Whether primary key uses auto increment.
+     *
+     * @var bool
+     */
+    protected $useAutoIncrement = true;
+
+    const SORTABLE = [
+        0 => "t2.nombre",
+        1 => "t1.precio_unidad",
+        2 => "t1.precio_total"
+    ];
+
+    protected $allowedFields = ["presupuesto_id", "tarifa_manipulado_id", "nombre", "precio_total", "precio_unidad"];
+    protected $returnType = "App\Entities\Presupuestos\PresupuestoManipuladosEntity";
+
+    protected $useTimestamps = true;
+    protected $useSoftDeletes = false;
+
+    protected $createdField = "created_at";
+    protected $updatedField = "updated_at";
+
+    public static $labelField = "nombre";
+
+    protected $validationRules = [
+        "precio_total" => [
+            "label" => "Presupuestos.precioTotal",
+            "rules" => "decimal|required",
+        ],
+    ];
+
+    protected $validationMessages = [
+        "precio_total" => [
+            "decimal" => "Presupuestos.validation.decimal",
+            "requerido" => "Presupuestos.validation.decimal",
+        ],
+    ];
+
+
+    /**
+     * Get resource data.
+     *
+     * @param string $search
+     *
+     * @return \CodeIgniter\Database\BaseBuilder
+     */
+    public function getResource($presupuesto_id = -1)
+    {
+        $builder = $this->db
+            ->table($this->table . " t1")
+            ->select(
+                "t1.id AS id, t1.tarifa_manipulado_id AS tarifa_manipulado_id, t1.precio_unidad AS precio_unidad, t1.precio_total AS precio_total, t2.nombre AS nombre"
+            );
+
+        $builder->where('t1.presupuesto_id', $presupuesto_id);
+        $builder->join("lg_tarifa_manipulado t2", "t1.tarifa_manipulado_id = t2.id", "left");
+
+        return $builder;
+    }
+}
diff --git a/ci4/app/Models/Presupuestos/PresupuestoModel.php b/ci4/app/Models/Presupuestos/PresupuestoModel.php
index 39ea2f6f..285ef003 100644
--- a/ci4/app/Models/Presupuestos/PresupuestoModel.php
+++ b/ci4/app/Models/Presupuestos/PresupuestoModel.php
@@ -71,10 +71,11 @@ class PresupuestoModel extends \App\Models\GoBaseModel
         "merma",
         "merma_portada",
         "imagenes_bn_interior",
-        "comentarios",
+        "comentarios_cliente",
         "comentarios_safekat",
         "comentarios_pdf",
         "comentarios_tarifa",
+        "comentarios_produccion",
         "en_produccion",
         "en_espera",
         "modo_comparador",
@@ -193,6 +194,8 @@ class PresupuestoModel extends \App\Models\GoBaseModel
         "pedido_espera_fecha",
         "pedido_espera_user_id",
         "is_deleted",
+        "comp_tipo_impresion",
+        "comp_pos_paginas_color",
     ];
     protected $returnType = "App\Entities\Presupuestos\PresupuestoEntity";
 
@@ -205,802 +208,76 @@ class PresupuestoModel extends \App\Models\GoBaseModel
 
     public static $labelField = "titulo";
 
-    protected $validationRules = [
-        "aprobado_at" => [
-            "label" => "Presupuestos.aprobadoAt",
-            "rules" => "valid_date|permit_empty",
-        ],
-        "aprobado_json_data" => [
-            "label" => "Presupuestos.aprobadoJsonData",
-            "rules" => "trim|max_length[16313]",
-        ],
+    protected $validationRulesAdd = [
         "autor" => [
             "label" => "Presupuestos.autor",
             "rules" => "trim|required|max_length[150]",
         ],
-        "base_imponible" => [
-            "label" => "Presupuestos.baseImponible",
-            "rules" => "decimal|permit_empty",
-        ],
-        "catalogo_id" => [
-            "label" => "Presupuestos.catalogoId",
-            "rules" => "integer|permit_empty",
-        ],
-        "causa_cancelacion" => [
-            "label" => "Presupuestos.causaCancelacion",
-            "rules" => "trim|max_length[16313]",
-        ],
-        "coleccion" => [
-            "label" => "Presupuestos.coleccion",
-            "rules" => "trim|max_length[255]",
-        ],
-        "comentarios" => [
-            "label" => "Presupuestos.comentarios",
-            "rules" => "trim|required|max_length[16313]",
-        ],
-        "comentarios_pdf" => [
-            "label" => "Presupuestos.comentariosPdf",
-            "rules" => "trim|required|max_length[16313]",
-        ],
-        "comentarios_safekat" => [
-            "label" => "Presupuestos.comentariosSafekat",
-            "rules" => "trim|required|max_length[16313]",
-        ],
-        "comentarios_tarifa" => [
-            "label" => "Presupuestos.comentariosTarifa",
-            "rules" => "trim|required|max_length[16313]",
-        ],
-        "comparador_json_data" => [
-            "label" => "Presupuestos.comparadorJsonData",
-            "rules" => "trim|max_length[16313]",
-        ],
-        "sobrecubiertas_ancho" => [
-            "label" => "Presupuestos.sobrecubiertasAncho",
-            "rules" => "required|decimal",
-        ],
-        "descuento" => [
-            "label" => "Presupuestos.descuento",
-            "rules" => "required|decimal",
-        ],
-        "fecha_encuardenado_at" => [
-            "label" => "Presupuestos.fechaEncuardenadoAt",
-            "rules" => "valid_date|permit_empty",
-        ],
-        "fecha_entrega_real_at" => [
-            "label" => "Presupuestos.fechaEntregaRealAt",
-            "rules" => "valid_date|permit_empty",
-        ],
-        "fecha_externo_at" => [
-            "label" => "Presupuestos.fechaExternoAt",
-            "rules" => "valid_date|permit_empty",
-        ],
-        "fecha_ferro_subido_at" => [
-            "label" => "Presupuestos.fechaFerroSubidoAt",
-            "rules" => "valid_date|permit_empty",
-        ],
-        "fecha_impresion_at" => [
-            "label" => "Presupuestos.fechaImpresionAt",
-            "rules" => "valid_date|permit_empty",
-        ],
-        "forzar_total" => [
-            "label" => "Presupuestos.forzarTotal",
-            "rules" => "required|decimal",
+        "titulo" => [
+            "label" => "Presupuestos.titulo",
+            "rules" => "trim|required|max_length[30]",
         ],
         "inc_rei" => [
             "label" => "Presupuestos.incRei",
             "rules" => "integer|permit_empty",
         ],
-        "is_deleted" => [
-            "label" => "Presupuestos.isDeleted",
-            "rules" => "required|integer",
-        ],
-        "isbn" => [
-            "label" => "Presupuestos.isbn",
-            "rules" => "trim|max_length[50]",
-        ],
-        "lomo" => [
-            "label" => "Presupuestos.lomo",
-            "rules" => "integer|permit_empty",
-        ],
-        "margen" => [
-            "label" => "Presupuestos.margen",
-            "rules" => "decimal|permit_empty",
-        ],
-        "margen_extra" => [
-            "label" => "Presupuestos.margenExtra",
-            "rules" => "required|decimal",
-        ],
-        "margen_manual" => [
-            "label" => "Presupuestos.margenManual",
-            "rules" => "decimal|permit_empty",
-        ],
-        "merma" => [
-            "label" => "Presupuestos.merma",
-            "rules" => "required|decimal",
-        ],
-        "merma_portada" => [
-            "label" => "Presupuestos.mermaPortada",
-            "rules" => "required|decimal",
+        "coleccion" => [
+            "label" => "Presupuestos.incRei",
+            "rules" => "trim|max_length[255]",
         ],
         "numero_edicion" => [
             "label" => "Presupuestos.numeroEdicion",
             "rules" => "trim|max_length[50]",
         ],
-        "paginas" => [
-            "label" => "Presupuestos.paginas",
-            "rules" => "required|integer",
+        "isbn" => [
+            "label" => "Presupuestos.isbn",
+            "rules" => "trim|max_length[50]",
         ],
-        "paginas_color" => [
-            "label" => "Presupuestos.paginasColor",
-            "rules" => "integer|permit_empty",
+        "pais_id" => [
+            "label" => "Presupuestos.paisId",
+            "rules" => "required|integer|greater_than[0]",
         ],
-        "paginas_color_click" => [
-            "label" => "Presupuestos.paginasColorClick",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_color_forma_id" => [
-            "label" => "Presupuestos.paginasColorFormaId",
-            "rules" => "integer|permit_empty",
-        ],
-        "paginas_color_gramaje" => [
-            "label" => "Presupuestos.paginasColorGramaje",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_color_libro" => [
-            "label" => "Presupuestos.paginasColorLibro",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_color_mano" => [
-            "label" => "Presupuestos.paginasColorMano",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_color_pedido" => [
-            "label" => "Presupuestos.paginasColorPedido",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_color_peso" => [
-            "label" => "Presupuestos.paginasColorPeso",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_color_pliegos_libro" => [
-            "label" => "Presupuestos.paginasColorPliegosLibro",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_color_pliegos_pedido" => [
-            "label" => "Presupuestos.paginasColorPliegosPedido",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_color_pliegos_precio" => [
-            "label" => "Presupuestos.paginasColorPliegosPrecio",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_color_posicion" => [
-            "label" => "Presupuestos.paginasColorPosicion",
-            "rules" => "trim|max_length[16313]",
-        ],
-        "paginas_color_precio" => [
-            "label" => "Presupuestos.paginasColorPrecio",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_sobrecubierta" => [
-            "label" => "Presupuestos.paginasCubierta",
-            "rules" => "required|in_list[4x0,4x4]",
-        ],
-        "paginas_sobrecubierta_click" => [
-            "label" => "Presupuestos.paginasCubiertaClick",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_sobrecubierta_forma_id" => [
-            "label" => "Presupuestos.paginasCubiertaFormaId",
-            "rules" => "integer|permit_empty",
-        ],
-        "paginas_sobrecubierta_gramaje" => [
-            "label" => "Presupuestos.paginasCubiertaGramaje",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_sobrecubierta_libro" => [
-            "label" => "Presupuestos.paginasCubiertaLibro",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_sobrecubierta_mano" => [
-            "label" => "Presupuestos.paginasCubiertaMano",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_sobrecubierta_pedido" => [
-            "label" => "Presupuestos.paginasCubiertaPedido",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_sobrecubierta_peso" => [
-            "label" => "Presupuestos.paginasCubiertaPeso",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_sobrecubierta_pliegos_libro" => [
-            "label" => "Presupuestos.paginasCubiertaPliegosLibro",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_sobrecubierta_pliegos_pedido" => [
-            "label" => "Presupuestos.paginasCubiertaPliegosPedido",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_sobrecubierta_pliegos_precio" => [
-            "label" => "Presupuestos.paginasCubiertaPliegosPrecio",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_sobrecubierta_precio" => [
-            "label" => "Presupuestos.paginasCubiertaPrecio",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_negro" => [
-            "label" => "Presupuestos.paginasNegro",
-            "rules" => "integer|permit_empty",
-        ],
-        "paginas_negro_click" => [
-            "label" => "Presupuestos.paginasNegroClick",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_negro_forma_id" => [
-            "label" => "Presupuestos.paginasNegroFormaId",
-            "rules" => "integer|permit_empty",
-        ],
-        "paginas_negro_gramaje" => [
-            "label" => "Presupuestos.paginasNegroGramaje",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_negro_libro" => [
-            "label" => "Presupuestos.paginasNegroLibro",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_negro_mano" => [
-            "label" => "Presupuestos.paginasNegroMano",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_negro_pedido" => [
-            "label" => "Presupuestos.paginasNegroPedido",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_negro_peso" => [
-            "label" => "Presupuestos.paginasNegroPeso",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_negro_pliegos_libro" => [
-            "label" => "Presupuestos.paginasNegroPliegosLibro",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_negro_pliegos_pedido" => [
-            "label" => "Presupuestos.paginasNegroPliegosPedido",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_negro_pliegos_precio" => [
-            "label" => "Presupuestos.paginasNegroPliegosPrecio",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_negro_precio" => [
-            "label" => "Presupuestos.paginasNegroPrecio",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_cubierta" => [
-            "label" => "Presupuestos.paginasPortada",
-            "rules" => "required|in_list[4x0,4x4]",
-        ],
-        "paginas_cubierta_click" => [
-            "label" => "Presupuestos.paginasPortadaClick",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_cubierta_forma_id" => [
-            "label" => "Presupuestos.paginasPortadaFormaId",
-            "rules" => "integer|permit_empty",
-        ],
-        "paginas_cubierta_gramaje" => [
-            "label" => "Presupuestos.paginasPortadaGramaje",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_cubierta_libro" => [
-            "label" => "Presupuestos.paginasPortadaLibro",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_cubierta_mano" => [
-            "label" => "Presupuestos.paginasPortadaMano",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_cubierta_pedido" => [
-            "label" => "Presupuestos.paginasPortadaPedido",
-            "rules" => "required|decimal",
-        ],
-        "paginas_cubierta_peso" => [
-            "label" => "Presupuestos.paginasPortadaPeso",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_cubierta_pliegos_libro" => [
-            "label" => "Presupuestos.paginasPortadaPliegosLibro",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_cubierta_pliegos_pedido" => [
-            "label" => "Presupuestos.paginasPortadaPliegosPedido",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_cubierta_pliegos_precio" => [
-            "label" => "Presupuestos.paginasPortadaPliegosPrecio",
-            "rules" => "decimal|permit_empty",
-        ],
-        "paginas_cubierta_precio" => [
-            "label" => "Presupuestos.paginasPortadaPrecio",
-            "rules" => "decimal|permit_empty",
-        ],
-        "papel_formato_alto" => [
-            "label" => "Presupuestos.papelFormatoAlto",
-            "rules" => "decimal|permit_empty",
-        ],
-        "papel_formato_ancho" => [
-            "label" => "Presupuestos.papelFormatoAncho",
-            "rules" => "decimal|permit_empty",
-        ],
-        "pedido_espera_fecha" => [
-            "label" => "Presupuestos.pedidoEsperaFecha",
-            "rules" => "valid_date|permit_empty",
+        "cliente_id" => [
+            "label" => "Presupuestos.clienteId",
+            "rules" => "required|integer|greater_than[0]",
         ],
         "referencia_cliente" => [
             "label" => "Presupuestos.referenciaCliente",
-            "rules" => "trim|required|max_length[100]",
-        ],
-        "responsable" => [
-            "label" => "Presupuestos.responsable",
-            "rules" => "trim|max_length[32]",
-        ],
-        "serie_id" => [
-            "label" => "Presupuestos.serieId",
-            "rules" => "integer|permit_empty",
-        ],
-        "solapas_ancho" => [
-            "label" => "Presupuestos.solapasAncho",
-            "rules" => "required|decimal",
-        ],
-        "tarifa_cliente_id" => [
-            "label" => "Presupuestos.tarifaClienteId",
-            "rules" => "integer|permit_empty",
-        ],
-        "tirada" => [
-            "label" => "Presupuestos.tirada",
-            "rules" => "required|integer",
-        ],
-        "tirada_alternativa_json_data" => [
-            "label" => "Presupuestos.tiradaAlternativaJsonData",
-            "rules" => "trim|max_length[16313]",
-        ],
-        "titulo" => [
-            "label" => "Presupuestos.titulo",
-            "rules" => "trim|required|max_length[300]",
-        ],
-        "total" => [
-            "label" => "Presupuestos.total",
-            "rules" => "decimal|permit_empty",
-        ],
-        "total_acabado" => [
-            "label" => "Presupuestos.totalAcabado",
-            "rules" => "decimal|permit_empty",
-        ],
-        "total_calculado" => [
-            "label" => "Presupuestos.totalCalculado",
-            "rules" => "decimal|permit_empty",
-        ],
-        "total_click" => [
-            "label" => "Presupuestos.totalClick",
-            "rules" => "decimal|permit_empty",
-        ],
-        "total_confirmado" => [
-            "label" => "Presupuestos.totalConfirmado",
-            "rules" => "decimal|permit_empty",
-        ],
-        "total_confirmado_update_at" => [
-            "label" => "Presupuestos.totalConfirmadoUpdateAt",
-            "rules" => "valid_date|permit_empty",
-        ],
-        "total_descuento" => [
-            "label" => "Presupuestos.totalDescuento",
-            "rules" => "decimal|permit_empty",
-        ],
-        "total_envios" => [
-            "label" => "Presupuestos.totalEnvios",
-            "rules" => "decimal|permit_empty",
-        ],
-        "total_manipulado" => [
-            "label" => "Presupuestos.totalManipulado",
-            "rules" => "decimal|permit_empty",
-        ],
-        "total_margen" => [
-            "label" => "Presupuestos.totalMargen",
-            "rules" => "decimal|permit_empty",
-        ],
-        "total_margen_extra" => [
-            "label" => "Presupuestos.totalMargenExtra",
-            "rules" => "decimal|permit_empty",
-        ],
-        "total_pedido" => [
-            "label" => "Presupuestos.totalPedido",
-            "rules" => "decimal|permit_empty",
-        ],
-        "total_peso" => [
-            "label" => "Presupuestos.totalPeso",
-            "rules" => "decimal|permit_empty",
-        ],
-        "total_preimpresion" => [
-            "label" => "Presupuestos.totalPreimpresion",
-            "rules" => "decimal|permit_empty",
-        ],
-        "total_preimpresion_margen" => [
-            "label" => "Presupuestos.totalPreimpresionMargen",
-            "rules" => "decimal|permit_empty",
-        ],
-        "total_presupuesto" => [
-            "label" => "Presupuestos.totalPresupuesto",
-            "rules" => "decimal|permit_empty",
-        ],
-        "user_created_id" => [
-            "label" => "Presupuestos.userCreatedId",
-            "rules" => "required|integer",
-        ],
-        "user_update_id" => [
-            "label" => "Presupuestos.userUpdateId",
-            "rules" => "integer|permit_empty",
-        ],
-        "version" => [
-            "label" => "Presupuestos.version",
-            "rules" => "required|integer",
+            "rules" => "trim|max_length[100]",
         ],
     ];
 
-    protected $validationMessages = [
-        "aprobado_at" => [
-            "valid_date" => "Presupuestos.validation.aprobado_at.valid_date",
-        ],
-        "aprobado_json_data" => [
-            "max_length" => "Presupuestos.validation.aprobado_json_data.max_length",
-        ],
+    protected $validationMessagesAdd = [
         "autor" => [
-            "max_length" => "Presupuestos.validation.autor.max_length",
-            "required" => "Presupuestos.validation.autor.required",
-        ],
-        "base_imponible" => [
-            "decimal" => "Presupuestos.validation.base_imponible.decimal",
-        ],
-        "catalogo_id" => [
-            "integer" => "Presupuestos.validation.catalogo_id.integer",
-        ],
-        "causa_cancelacion" => [
-            "max_length" => "Presupuestos.validation.causa_cancelacion.max_length",
-        ],
-        "coleccion" => [
-            "max_length" => "Presupuestos.validation.coleccion.max_length",
-        ],
-        "comentarios" => [
-            "max_length" => "Presupuestos.validation.comentarios.max_length",
-            "required" => "Presupuestos.validation.comentarios.required",
-        ],
-        "comentarios_pdf" => [
-            "max_length" => "Presupuestos.validation.comentarios_pdf.max_length",
-            "required" => "Presupuestos.validation.comentarios_pdf.required",
-        ],
-        "comentarios_safekat" => [
-            "max_length" => "Presupuestos.validation.comentarios_safekat.max_length",
-            "required" => "Presupuestos.validation.comentarios_safekat.required",
-        ],
-        "comentarios_tarifa" => [
-            "max_length" => "Presupuestos.validation.comentarios_tarifa.max_length",
-            "required" => "Presupuestos.validation.comentarios_tarifa.required",
-        ],
-        "comparador_json_data" => [
-            "max_length" => "Presupuestos.validation.comparador_json_data.max_length",
-        ],
-        "sobrecubiertas_ancho" => [
-            "decimal" => "Presupuestos.validation.sobrecubiertas_ancho.decimal",
-            "required" => "Presupuestos.validation.sobrecubiertas_ancho.required",
-        ],
-        "descuento" => [
-            "decimal" => "Presupuestos.validation.descuento.decimal",
-            "required" => "Presupuestos.validation.descuento.required",
-        ],
-        "fecha_encuardenado_at" => [
-            "valid_date" => "Presupuestos.validation.fecha_encuardenado_at.valid_date",
-        ],
-        "fecha_entrega_real_at" => [
-            "valid_date" => "Presupuestos.validation.fecha_entrega_real_at.valid_date",
-        ],
-        "fecha_externo_at" => [
-            "valid_date" => "Presupuestos.validation.fecha_externo_at.valid_date",
-        ],
-        "fecha_ferro_subido_at" => [
-            "valid_date" => "Presupuestos.validation.fecha_ferro_subido_at.valid_date",
-        ],
-        "fecha_impresion_at" => [
-            "valid_date" => "Presupuestos.validation.fecha_impresion_at.valid_date",
-        ],
-        "forzar_total" => [
-            "decimal" => "Presupuestos.validation.forzar_total.decimal",
-            "required" => "Presupuestos.validation.forzar_total.required",
-        ],
-        "inc_rei" => [
-            "integer" => "Presupuestos.validation.inc_rei.integer",
-        ],
-        "is_deleted" => [
-            "integer" => "Presupuestos.validation.is_deleted.integer",
-            "required" => "Presupuestos.validation.is_deleted.required",
-        ],
-        "isbn" => [
-            "max_length" => "Presupuestos.validation.isbn.max_length",
-        ],
-        "lomo" => [
-            "integer" => "Presupuestos.validation.lomo.integer",
-        ],
-        "margen" => [
-            "decimal" => "Presupuestos.validation.margen.decimal",
-        ],
-        "margen_extra" => [
-            "decimal" => "Presupuestos.validation.margen_extra.decimal",
-            "required" => "Presupuestos.validation.margen_extra.required",
-        ],
-        "margen_manual" => [
-            "decimal" => "Presupuestos.validation.margen_manual.decimal",
-        ],
-        "merma" => [
-            "decimal" => "Presupuestos.validation.merma.decimal",
-            "required" => "Presupuestos.validation.merma.required",
-        ],
-        "merma_portada" => [
-            "decimal" => "Presupuestos.validation.merma_portada.decimal",
-            "required" => "Presupuestos.validation.merma_portada.required",
-        ],
-        "numero_edicion" => [
-            "max_length" => "Presupuestos.validation.numero_edicion.max_length",
-        ],
-        "paginas" => [
-            "integer" => "Presupuestos.validation.paginas.integer",
-            "required" => "Presupuestos.validation.paginas.required",
-        ],
-        "paginas_color" => [
-            "integer" => "Presupuestos.validation.paginas_color.integer",
-        ],
-        "paginas_color_click" => [
-            "decimal" => "Presupuestos.validation.paginas_color_click.decimal",
-        ],
-        "paginas_color_forma_id" => [
-            "integer" => "Presupuestos.validation.paginas_color_forma_id.integer",
-        ],
-        "paginas_color_gramaje" => [
-            "decimal" => "Presupuestos.validation.paginas_color_gramaje.decimal",
-        ],
-        "paginas_color_libro" => [
-            "decimal" => "Presupuestos.validation.paginas_color_libro.decimal",
-        ],
-        "paginas_color_mano" => [
-            "decimal" => "Presupuestos.validation.paginas_color_mano.decimal",
-        ],
-        "paginas_color_pedido" => [
-            "decimal" => "Presupuestos.validation.paginas_color_pedido.decimal",
-        ],
-        "paginas_color_peso" => [
-            "decimal" => "Presupuestos.validation.paginas_color_peso.decimal",
-        ],
-        "paginas_color_pliegos_libro" => [
-            "decimal" => "Presupuestos.validation.paginas_color_pliegos_libro.decimal",
-        ],
-        "paginas_color_pliegos_pedido" => [
-            "decimal" => "Presupuestos.validation.paginas_color_pliegos_pedido.decimal",
-        ],
-        "paginas_color_pliegos_precio" => [
-            "decimal" => "Presupuestos.validation.paginas_color_pliegos_precio.decimal",
-        ],
-        "paginas_color_posicion" => [
-            "max_length" => "Presupuestos.validation.paginas_color_posicion.max_length",
-        ],
-        "paginas_color_precio" => [
-            "decimal" => "Presupuestos.validation.paginas_color_precio.decimal",
-        ],
-        "paginas_sobrecubierta" => [
-            "in_list" => "Presupuestos.validation.paginas_sobrecubierta.in_list",
-            "required" => "Presupuestos.validation.paginas_sobrecubierta.required",
-        ],
-        "paginas_sobrecubierta_click" => [
-            "decimal" => "Presupuestos.validation.paginas_sobrecubierta_click.decimal",
-        ],
-        "paginas_sobrecubierta_forma_id" => [
-            "integer" => "Presupuestos.validation.paginas_sobrecubierta_forma_id.integer",
-        ],
-        "paginas_sobrecubierta_gramaje" => [
-            "decimal" => "Presupuestos.validation.paginas_sobrecubierta_gramaje.decimal",
-        ],
-        "paginas_sobrecubierta_libro" => [
-            "decimal" => "Presupuestos.validation.paginas_sobrecubierta_libro.decimal",
-        ],
-        "paginas_sobrecubierta_mano" => [
-            "decimal" => "Presupuestos.validation.paginas_sobrecubierta_mano.decimal",
-        ],
-        "paginas_sobrecubierta_pedido" => [
-            "decimal" => "Presupuestos.validation.paginas_sobrecubierta_pedido.decimal",
-        ],
-        "paginas_sobrecubierta_peso" => [
-            "decimal" => "Presupuestos.validation.paginas_sobrecubierta_peso.decimal",
-        ],
-        "paginas_sobrecubierta_pliegos_libro" => [
-            "decimal" => "Presupuestos.validation.paginas_sobrecubierta_pliegos_libro.decimal",
-        ],
-        "paginas_sobrecubierta_pliegos_pedido" => [
-            "decimal" => "Presupuestos.validation.paginas_sobrecubierta_pliegos_pedido.decimal",
-        ],
-        "paginas_sobrecubierta_pliegos_precio" => [
-            "decimal" => "Presupuestos.validation.paginas_sobrecubierta_pliegos_precio.decimal",
-        ],
-        "paginas_sobrecubierta_precio" => [
-            "decimal" => "Presupuestos.validation.paginas_sobrecubierta_precio.decimal",
-        ],
-        "paginas_negro" => [
-            "integer" => "Presupuestos.validation.paginas_negro.integer",
-        ],
-        "paginas_negro_click" => [
-            "decimal" => "Presupuestos.validation.paginas_negro_click.decimal",
-        ],
-        "paginas_negro_forma_id" => [
-            "integer" => "Presupuestos.validation.paginas_negro_forma_id.integer",
-        ],
-        "paginas_negro_gramaje" => [
-            "decimal" => "Presupuestos.validation.paginas_negro_gramaje.decimal",
-        ],
-        "paginas_negro_libro" => [
-            "decimal" => "Presupuestos.validation.paginas_negro_libro.decimal",
-        ],
-        "paginas_negro_mano" => [
-            "decimal" => "Presupuestos.validation.paginas_negro_mano.decimal",
-        ],
-        "paginas_negro_pedido" => [
-            "decimal" => "Presupuestos.validation.paginas_negro_pedido.decimal",
-        ],
-        "paginas_negro_peso" => [
-            "decimal" => "Presupuestos.validation.paginas_negro_peso.decimal",
-        ],
-        "paginas_negro_pliegos_libro" => [
-            "decimal" => "Presupuestos.validation.paginas_negro_pliegos_libro.decimal",
-        ],
-        "paginas_negro_pliegos_pedido" => [
-            "decimal" => "Presupuestos.validation.paginas_negro_pliegos_pedido.decimal",
-        ],
-        "paginas_negro_pliegos_precio" => [
-            "decimal" => "Presupuestos.validation.paginas_negro_pliegos_precio.decimal",
-        ],
-        "paginas_negro_precio" => [
-            "decimal" => "Presupuestos.validation.paginas_negro_precio.decimal",
-        ],
-        "paginas_cubierta" => [
-            "in_list" => "Presupuestos.validation.paginas_cubierta.in_list",
-            "required" => "Presupuestos.validation.paginas_cubierta.required",
-        ],
-        "paginas_cubierta_click" => [
-            "decimal" => "Presupuestos.validation.paginas_cubierta_click.decimal",
-        ],
-        "paginas_cubierta_forma_id" => [
-            "integer" => "Presupuestos.validation.paginas_cubierta_forma_id.integer",
-        ],
-        "paginas_cubierta_gramaje" => [
-            "decimal" => "Presupuestos.validation.paginas_cubierta_gramaje.decimal",
-        ],
-        "paginas_cubierta_libro" => [
-            "decimal" => "Presupuestos.validation.paginas_cubierta_libro.decimal",
-        ],
-        "paginas_cubierta_mano" => [
-            "decimal" => "Presupuestos.validation.paginas_cubierta_mano.decimal",
-        ],
-        "paginas_cubierta_pedido" => [
-            "decimal" => "Presupuestos.validation.paginas_cubierta_pedido.decimal",
-            "required" => "Presupuestos.validation.paginas_cubierta_pedido.required",
-        ],
-        "paginas_cubierta_peso" => [
-            "decimal" => "Presupuestos.validation.paginas_cubierta_peso.decimal",
-        ],
-        "paginas_cubierta_pliegos_libro" => [
-            "decimal" => "Presupuestos.validation.paginas_cubierta_pliegos_libro.decimal",
-        ],
-        "paginas_cubierta_pliegos_pedido" => [
-            "decimal" => "Presupuestos.validation.paginas_cubierta_pliegos_pedido.decimal",
-        ],
-        "paginas_cubierta_pliegos_precio" => [
-            "decimal" => "Presupuestos.validation.paginas_cubierta_pliegos_precio.decimal",
-        ],
-        "paginas_cubierta_precio" => [
-            "decimal" => "Presupuestos.validation.paginas_cubierta_precio.decimal",
-        ],
-        "papel_formato_alto" => [
-            "decimal" => "Presupuestos.validation.papel_formato_alto.decimal",
-        ],
-        "papel_formato_ancho" => [
-            "decimal" => "Presupuestos.validation.papel_formato_ancho.decimal",
-        ],
-        "pedido_espera_fecha" => [
-            "valid_date" => "Presupuestos.validation.pedido_espera_fecha.valid_date",
-        ],
-        "referencia_cliente" => [
-            "max_length" => "Presupuestos.validation.referencia_cliente.max_length",
-            "required" => "Presupuestos.validation.referencia_cliente.required",
-        ],
-        "responsable" => [
-            "max_length" => "Presupuestos.validation.responsable.max_length",
-        ],
-        "serie_id" => [
-            "integer" => "Presupuestos.validation.serie_id.integer",
-        ],
-        "solapas_ancho" => [
-            "decimal" => "Presupuestos.validation.solapas_ancho.decimal",
-            "required" => "Presupuestos.validation.solapas_ancho.required",
-        ],
-        "tarifa_cliente_id" => [
-            "integer" => "Presupuestos.validation.tarifa_cliente_id.integer",
-        ],
-        "tirada" => [
-            "integer" => "Presupuestos.validation.tirada.integer",
-            "required" => "Presupuestos.validation.tirada.required",
-        ],
-        "tirada_alternativa_json_data" => [
-            "max_length" => "Presupuestos.validation.tirada_alternativa_json_data.max_length",
+            "max_length" => "Presupuestos.validation.max_length",
+            "required" => "Presupuestos.validation.requerido",
         ],
         "titulo" => [
-            "max_length" => "Presupuestos.validation.titulo.max_length",
-            "required" => "Presupuestos.validation.titulo.required",
+            "max_length" => "Presupuestos.validation.max_length",
+            "required" => "Presupuestos.validation.requerido",
         ],
-        "total" => [
-            "decimal" => "Presupuestos.validation.total.decimal",
+        "inc_rei" => [
+            "integer" => "Presupuestos.validation.integer",
+            
         ],
-        "total_acabado" => [
-            "decimal" => "Presupuestos.validation.total_acabado.decimal",
+        "coleccion" => [
+            "max_length" => "Presupuestos.validation.max_length",
         ],
-        "total_calculado" => [
-            "decimal" => "Presupuestos.validation.total_calculado.decimal",
+        "numero_edicion" => [
+            "max_length" => "Presupuestos.validation.max_length",
         ],
-        "total_click" => [
-            "decimal" => "Presupuestos.validation.total_click.decimal",
+        "isbn" => [
+            "max_length" => "Presupuestos.validation.max_length",
         ],
-        "total_confirmado" => [
-            "decimal" => "Presupuestos.validation.total_confirmado.decimal",
+        "pais_id" => [
+            "required" => "Presupuestos.validation.requerido",
         ],
-        "total_confirmado_update_at" => [
-            "valid_date" => "Presupuestos.validation.total_confirmado_update_at.valid_date",
-        ],
-        "total_descuento" => [
-            "decimal" => "Presupuestos.validation.total_descuento.decimal",
-        ],
-        "total_envios" => [
-            "decimal" => "Presupuestos.validation.total_envios.decimal",
-        ],
-        "total_manipulado" => [
-            "decimal" => "Presupuestos.validation.total_manipulado.decimal",
-        ],
-        "total_margen" => [
-            "decimal" => "Presupuestos.validation.total_margen.decimal",
-        ],
-        "total_margen_extra" => [
-            "decimal" => "Presupuestos.validation.total_margen_extra.decimal",
-        ],
-        "total_pedido" => [
-            "decimal" => "Presupuestos.validation.total_pedido.decimal",
-        ],
-        "total_peso" => [
-            "decimal" => "Presupuestos.validation.total_peso.decimal",
-        ],
-        "total_preimpresion" => [
-            "decimal" => "Presupuestos.validation.total_preimpresion.decimal",
-        ],
-        "total_preimpresion_margen" => [
-            "decimal" => "Presupuestos.validation.total_preimpresion_margen.decimal",
-        ],
-        "total_presupuesto" => [
-            "decimal" => "Presupuestos.validation.total_presupuesto.decimal",
-        ],
-        "user_created_id" => [
-            "integer" => "Presupuestos.validation.user_created_id.integer",
-            "required" => "Presupuestos.validation.user_created_id.required",
-        ],
-        "user_update_id" => [
-            "integer" => "Presupuestos.validation.user_update_id.integer",
-        ],
-        "version" => [
-            "integer" => "Presupuestos.validation.version.integer",
-            "required" => "Presupuestos.validation.version.required",
+        "cliente_id" => [
+            "required" => "Presupuestos.validation.requerido",
         ],
+        "referencia_cliente" => [
+            "max_length" => "Presupuestos.validation.max_length",
+        ],        
     ];
     public function findAllWithAllRelations(string $selcols = "*", int $limit = null, int $offset = 0)
     {
@@ -1038,13 +315,15 @@ class PresupuestoModel extends \App\Models\GoBaseModel
                 "t1.id AS id, t1.created_at AS fecha, t2.nombre AS cliente, 
                 CONCAT(t3.first_name, ' ', t3.last_name) AS comercial, t1.titulo AS titulo,
                 t5.nombre AS pais, t1.inc_rei AS inc_rei, t1.paginas AS paginas, t1.tirada AS tirada,
-                t1.total_pedido AS total_pedido, t6.estado AS estado"
+                t1.total_pedido AS total_pedido, t1.total_presupuesto AS total_presupuesto, t6.estado AS estado"
             );
         $builder->join("clientes t2", "t1.cliente_id = t2.id", "left");
         $builder->join("auth_user t3", "t1.user_update_id = t3.id_user", "left");
         $builder->join("lg_paises t5", "t1.pais_id = t5.id", "left");
         $builder->join("presupuesto_estados t6", "t1.estado_id = t6.id", "left");
 
+        $builder->where("t1.is_deleted", 0);
+
         return empty($search)
             ? $builder
             : $builder
diff --git a/ci4/app/Models/Presupuestos/PresupuestoPreimpresionesModel.php b/ci4/app/Models/Presupuestos/PresupuestoPreimpresionesModel.php
new file mode 100644
index 00000000..2cc3627b
--- /dev/null
+++ b/ci4/app/Models/Presupuestos/PresupuestoPreimpresionesModel.php
@@ -0,0 +1,68 @@
+<?php
+
+namespace App\Models\Presupuestos;
+
+class PresupuestoPreimpresionesModel extends \App\Models\GoBaseModel
+{
+    protected $table = "presupuesto_preimpresiones";
+
+    /**
+     * Whether primary key uses auto increment.
+     *
+     * @var bool
+     */
+    protected $useAutoIncrement = true;
+
+    const SORTABLE = [
+        0 => "t2.nombre",
+        1 => "t1.precio_unidad",
+        2 => "t1.precio_total"
+    ];
+
+    protected $allowedFields = ["presupuesto_id", "tarifa_preimpresion_id", "nombre", "precio_total", "precio_unidad"];
+    protected $returnType = "App\Entities\Presupuestos\PresupuestoPreimpresionesEntity";
+
+    protected $useTimestamps = true;
+    protected $useSoftDeletes = false;
+
+    protected $createdField = "created_at";
+    protected $updatedField = "updated_at";
+
+    public static $labelField = "nombre";
+
+    protected $validationRules = [
+        "precio_total" => [
+            "label" => "Presupuestos.precioTotal",
+            "rules" => "decimal|required",
+        ],
+    ];
+
+    protected $validationMessages = [
+        "precio_total" => [
+            "decimal" => "Presupuestos.validation.decimal",
+            "requerido" => "Presupuestos.validation.decimal",
+        ],
+    ];
+
+
+    /**
+     * Get resource data.
+     *
+     * @param string $search
+     *
+     * @return \CodeIgniter\Database\BaseBuilder
+     */
+    public function getResource($presupuesto_id = -1)
+    {
+        $builder = $this->db
+            ->table($this->table . " t1")
+            ->select(
+                "t1.id AS id, t1.tarifa_preimpresion_id AS tarifa_preimpresion_id, t1.precio_unidad AS precio_unidad, t1.precio_total AS precio_total, t2.nombre AS nombre"
+            );
+
+        $builder->where('t1.presupuesto_id', $presupuesto_id);
+        $builder->join("lg_tarifa_preimpresion t2", "t1.tarifa_preimpresion_id = t2.id", "left");
+
+        return $builder;
+    }
+}
diff --git a/ci4/app/Models/Tarifas/TarifaEncuadernacionLineaModel.php b/ci4/app/Models/Tarifas/TarifaEncuadernacionLineaModel.php
index 2c2381aa..ecabd071 100644
--- a/ci4/app/Models/Tarifas/TarifaEncuadernacionLineaModel.php
+++ b/ci4/app/Models/Tarifas/TarifaEncuadernacionLineaModel.php
@@ -13,18 +13,21 @@ class TarifaEncuadernacionLineaModel extends \App\Models\GoBaseModel
     protected $useAutoIncrement = true;
 
     const SORTABLE = [
-        0 => "t1.paginas_min",
-        1 => "t1.paginas_max",
+        0 => "t1.paginas_libro_min",
+        1 => "t1.paginas_libro_max",
         2 => "t1.precio_min",
         3 => "t1.precio_max",
     ];
 
     protected $allowedFields = [
         "tirada_encuadernacion_id",
-        "paginas_min",
-        "paginas_max",
+        "paginas_libro_min",
+        "paginas_libro_max",
+        "dimensiones_id",
         "precio_min",
         "precio_max",
+        "tirada_min",
+        "tirada_max",
         "user_created_id",
         "is_deleted",
 
@@ -49,11 +52,19 @@ class TarifaEncuadernacionLineaModel extends \App\Models\GoBaseModel
             "label" => "TarifaEncuadernacionLineas.precioMin",
             "rules" => "required|decimal",
         ],
-        "paginas_max" => [
+        "tirada_max" => [
+            "label" => "TarifaEncuadernacionLineas.tiradaMax",
+            "rules" => "required|decimal",
+        ],
+        "tirada_min" => [
+            "label" => "TarifaEncuadernacionLineas.tiradaMin",
+            "rules" => "required|decimal",
+        ],
+        "paginas_libro_max" => [
             "label" => "TarifaEncuadernacionLineas.paginasMax",
             "rules" => "required|decimal",
         ],
-        "paginas_min" => [
+        "paginas_libro_min" => [
             "label" => "TarifaEncuadernacionLineas.paginasMin",
             "rules" => "required|decimal",
         ],
@@ -72,13 +83,21 @@ class TarifaEncuadernacionLineaModel extends \App\Models\GoBaseModel
             "decimal" => "TarifaEncuadernacionLineas.validation.precio_min.decimal",
             "required" => "TarifaEncuadernacionLineas.validation.precio_min.required",
         ],
-        "paginas_max" => [
-            "decimal" => "TarifaEncuadernacionLineas.validation.paginas_max.decimal",
-            "required" => "TarifaEncuadernacionLineas.validation.paginas_max.required",
+        "tirada_max" => [
+            "decimal" => "TarifaEncuadernacionLineas.validation.tirada_max.decimal",
+            "required" => "TarifaEncuadernacionLineas.validation.tirada_max.required",
         ],
-        "paginas_min" => [
-            "decimal" => "TarifaEncuadernacionLineas.validation.paginas_min.decimal",
-            "required" => "TarifaEncuadernacionLineas.validation.paginas_min.required",
+        "tirada_min" => [
+            "decimal" => "TarifaEncuadernacionLineas.validation.tirada_min.decimal",
+            "required" => "TarifaEncuadernacionLineas.validation.tirada_min.required",
+        ],
+        "paginas_libro_max" => [
+            "decimal" => "TarifaEncuadernacionLineas.validation.paginas_libro_max.decimal",
+            "required" => "TarifaEncuadernacionLineas.validation.paginas_libro_max.required",
+        ],
+        "paginas_libro_min" => [
+            "decimal" => "TarifaEncuadernacionLineas.validation.paginas_libro_min.decimal",
+            "required" => "TarifaEncuadernacionLineas.validation.paginas_libro_min.required",
         ],
         "margen" => [
             "decimal" => "TarifaEncuadernacionLineas.validation.margen.decimal",
@@ -98,7 +117,7 @@ class TarifaEncuadernacionLineaModel extends \App\Models\GoBaseModel
         $builder = $this->db
             ->table($this->table . " t1")
             ->select(
-                "t1.id AS id, t1.tirada_encuadernacion_id AS tirada_encuadernacion_id, t1.paginas_min AS paginas_min, t1.paginas_max AS paginas_max, t1.precio_min AS precio_min, t1.precio_max AS precio_max, t1.margen AS margen, t2.id AS tarifa_encuadernacion"
+                "t1.id AS id, t1.tirada_encuadernacion_id AS tirada_encuadernacion_id, t1.paginas_libro_min AS paginas_libro_min, t1.paginas_libro_max AS paginas_libro_max, t1.precio_min AS precio_min, t1.precio_max AS precio_max, t1.tirada_min AS tirada_min, t1.tirada_max AS tirada_max, t1.margen AS margen, t2.id AS tarifa_encuadernacion"
             );
         //JJO
         $builder->where('tirada_encuadernacion_id', $tirada_encuadernacion_id);    
@@ -113,16 +132,12 @@ class TarifaEncuadernacionLineaModel extends \App\Models\GoBaseModel
                 ->groupStart()
                 ->like("t1.id", $search)
                 ->orLike("t1.tirada_encuadernacion_id", $search)
-                ->orLike("t1.paginas_min", $search)
-                ->orLike("t1.paginas_max", $search)
-                ->orLike("t1.precio_min", $search)
-                ->orLike("t1.precio_max", $search)
-                ->orLike("t1.id", $search)
-                ->orLike("t1.tirada_encuadernacion_id", $search)
-                ->orLike("t1.paginas_min", $search)
-                ->orLike("t1.paginas_max", $search)
+                ->orLike("t1.paginas_libro_min", $search)
+                ->orLike("t1.paginas_libro_max", $search)
                 ->orLike("t1.precio_min", $search)
                 ->orLike("t1.precio_max", $search)
+                ->orLike("t1.tirada_min", $search)
+                ->orLike("t1.tirada_max", $search)
                 ->groupEnd();
     }
 
@@ -130,13 +145,13 @@ class TarifaEncuadernacionLineaModel extends \App\Models\GoBaseModel
         
         helper('general');
 
-        if(floatval($data["paginas_min"])>= floatval($data["paginas_max"])){
+        if(floatval($data["paginas_libro_min"])>= floatval($data["paginas_libro_max"])){
             return lang('TarifaEncuadernacionLineas.validation.error_paginas_range');
         }
 
         $rows = $this->db
             ->table($this->table)
-            ->select("id, paginas_min, paginas_max")
+            ->select("id, paginas_libro_min, paginas_libro_max")
             ->where("is_deleted", 0)
             ->where("tirada_encuadernacion_id", $tirada_encuadernacion_id)
             ->get()->getResultObject();
@@ -148,8 +163,8 @@ class TarifaEncuadernacionLineaModel extends \App\Models\GoBaseModel
                     continue;
                 }
             }
-            if(check_overlap(floatval($data["paginas_min"]), floatval($data["paginas_max"]),
-                                $row->paginas_min, $row->paginas_max)){
+            if(check_overlap(floatval($data["paginas_libro_min"]), floatval($data["paginas_libro_max"]),
+                                $row->paginas_libro_min, $row->paginas_libro_max)){
                     return lang('TarifaEncuadernacionLineas.validation.error_paginas_overlap');
             }
         }
diff --git a/ci4/app/Models/Tarifas/TarifaEncuadernacionModel.php b/ci4/app/Models/Tarifas/TarifaEncuadernacionModel.php
index 05be7bda..5604acee 100644
--- a/ci4/app/Models/Tarifas/TarifaEncuadernacionModel.php
+++ b/ci4/app/Models/Tarifas/TarifaEncuadernacionModel.php
@@ -94,4 +94,22 @@ class TarifaEncuadernacionModel extends \App\Models\GoBaseModel
                 ->like("t1.nombre", $search)
                 ->groupEnd();
     }
+
+    public function getServiciosEncuadernacionSelector()
+    {
+        /*
+            Todos los servicios de encuadernacion activas que se pueden usar en presupuestos
+        */
+        $builder = $this->db
+            ->table($this->table . " t1")
+            ->select(
+                "t1.id as value, t1.nombre AS label"
+            )
+            ->where("t1.is_deleted", 0)
+            ->where("t1.mostrar_en_presupuesto", 1);
+
+        return $builder->orderBy("t1.nombre", "asc")->get()->getResultObject();
+    }
+
+
 }
diff --git a/ci4/app/Models/Tarifas/TarifaManipuladoModel.php b/ci4/app/Models/Tarifas/TarifaManipuladoModel.php
index 8afc3ab4..33c1607f 100644
--- a/ci4/app/Models/Tarifas/TarifaManipuladoModel.php
+++ b/ci4/app/Models/Tarifas/TarifaManipuladoModel.php
@@ -93,4 +93,20 @@ class TarifaManipuladoModel extends \App\Models\GoBaseModel
                 ->like("t1.nombre", $search)
                 ->groupEnd();
     }
+
+    public function getServiciosManipuladoSelector()
+    {
+        /*
+            Todos los servicios de manipulado activas que se pueden usar en presupuestos
+        */
+        $builder = $this->db
+            ->table($this->table . " t1")
+            ->select(
+                "t1.id as value, t1.nombre AS label"
+            )
+            ->where("t1.is_deleted", 0)
+            ->where("t1.mostrar_en_presupuesto", 1);
+
+        return $builder->orderBy("t1.nombre", "asc")->get()->getResultObject();
+    }
 }
diff --git a/ci4/app/Models/Tarifas/TarifaacabadoModel.php b/ci4/app/Models/Tarifas/TarifaacabadoModel.php
index 8d9d209d..ddadf1d5 100644
--- a/ci4/app/Models/Tarifas/TarifaacabadoModel.php
+++ b/ci4/app/Models/Tarifas/TarifaacabadoModel.php
@@ -94,4 +94,22 @@ class TarifaacabadoModel extends \App\Models\GoBaseModel
                 ->like("t1.nombre", $search)
                 ->groupEnd();
     }
+
+    public function getServiciosAcabadoSelector()
+    {
+        /*
+            Todos los servicios de acabado activos que se pueden usar en presupuestos
+        */
+        $builder = $this->db
+            ->table($this->table . " t1")
+            ->select(
+                "t1.id as value, t1.nombre AS label"
+            )
+            ->where("t1.is_deleted", 0)
+            ->where("t1.mostrar_en_presupuesto", 1);
+
+        return $builder->orderBy("t1.nombre", "asc")->get()->getResultObject();
+    }
+
+
 }
diff --git a/ci4/app/Models/Tarifas/TarifapreimpresionModel.php b/ci4/app/Models/Tarifas/TarifapreimpresionModel.php
index 0de5263f..7d94e40d 100644
--- a/ci4/app/Models/Tarifas/TarifapreimpresionModel.php
+++ b/ci4/app/Models/Tarifas/TarifapreimpresionModel.php
@@ -79,4 +79,22 @@ class TarifapreimpresionModel extends \App\Models\GoBaseModel
             "decimal" => "Tarifapreimpresion.validation.margen.decimal",
         ],
     ];
+
+    public function getServiciosPreimpresionSelector()
+    {
+        /*
+            Todos los servicios de preimpresion activas que se pueden usar en presupuestos
+        */
+        $builder = $this->db
+            ->table($this->table . " t1")
+            ->select(
+                "t1.id as value, t1.nombre AS label"
+            )
+            ->where("t1.is_deleted", 0)
+            ->where("t1.mostrar_en_presupuesto", 1);
+
+        return $builder->orderBy("t1.nombre", "asc")->get()->getResultObject();
+    }
+
+
 }
diff --git a/ci4/app/Services/PresupuestoService.php b/ci4/app/Services/PresupuestoService.php
index 6c2eb28d..3b51b4ad 100644
--- a/ci4/app/Services/PresupuestoService.php
+++ b/ci4/app/Services/PresupuestoService.php
@@ -4,24 +4,418 @@ namespace App\Services;
 
 use CodeIgniter\Config\BaseService;
 
-use App\Models\Configuracion\PapelGenericoModel;
+
+
 
 class PresupuestoService extends BaseService
 {
-    public static function example(){
-        return 'Hola';
+    /**
+     * CONSTANTES USADAS PARA LOS CALCULOS
+     */
+
+    const MARGEN_PAGINAS_ROTATIVA = 15.0;
+
+
+    /**
+     * @param mixed $uso
+     *      contiene algun parametro de la lista ['interior,'cubierta','sobrecubierta'] 
+     * @param mixed $tipo
+     *      contiene algun parametro de la lista ['negro','color','negrohq','bicolor','colorhq']
+     * @param mixed $datosPedido
+     *      objeto con la siguiente extructura:
+     *          -> paginas: numero de paginas por libro
+     *          -> tirada: numero de unidades a imprimir
+     *          -> merma: unidades que se añaden a la tirada
+     *          
+     * @param mixed $maquina
+     *      objeto con la siguiente estructura:
+     *          -> id: el id de la maquina
+     *          -> nombre: nombre de la maquina
+     *          -> ancho_impresion: valor maximo del ancho para imprimir
+     *          -> alto_impresion: valor maximo del alto para imprimir
+     * @param mixed $papel_impresion
+     * @param mixed $tarifa
+     * 
+     * @return [type]
+     */
+    public static function getCostesLinea($uso, $datosPedido, $maquina, $papel_impresion, $opciones_papel, $tarifa)
+    {
+        $response['fields'] = [];
+
+        if ($uso!='rotativa') {
+            $formas = PresupuestoService::getNumFormasPlana($uso, $maquina, $datosPedido->ancho, $datosPedido->alto, $datosPedido->isCosido);
+            $response['fields'] =  $formas;
+        }
+
+        if ($response['fields']['num_formas']['posicion_formas'] == 'n/a') {
+            $response['error']['value'] = true;
+            $response['error']['message'] = 'no_formas_disponibles';
+            return $response;
+        }
+
+        // precio del pliego de impresion
+        $precio_pliego_impresion = PresupuestoService::getPrecioPliego($maquina, $papel_impresion, $datosPedido->paginas);
+        $precio_click = 0;
+        $precio_click_pedido = 0;
+        $pliegos_libro = 0;
+
+        $cubierta = array_key_exists('cubierta', $opciones_papel) ? $opciones_papel['cubierta'] : 0;
+        $sobrecubierta = array_key_exists('sobrecubierta', $opciones_papel) ? $opciones_papel['sobrecubierta'] : 0;
+        $rotativa = array_key_exists('rotativa', $opciones_papel) ? $opciones_papel['rotativa'] : 0;
+
+        //interior (bn o color)
+        if ($cubierta == 0 && $sobrecubierta == 0 && $rotativa == 0) {
+            // precio papel
+            $pliegos_libro = ($datosPedido->paginas / 2.0) / $response['fields']['num_formas']['value'];
+            $pliegos_pedido = $pliegos_libro * ($datosPedido->tirada + $datosPedido->merma);
+            $precio_libro = $pliegos_libro * $precio_pliego_impresion;
+            $precio_pedido = $precio_libro * ($datosPedido->tirada + $datosPedido->merma);
+
+            $mano = PresupuestoService::computeLomoInterior($datosPedido->paginas, $papel_impresion->espesor);
+
+            // peso
+            $peso = PresupuestoService::computePeso(
+                ancho: $datosPedido->isCosido ? $datosPedido->ancho / 2.0 : $datosPedido->ancho,
+                alto: $datosPedido->alto,
+                gramaje: $papel_impresion->gramaje,
+                paginas: $datosPedido->paginas
+            );
+
+            // impresion
+            $precio_click = $tarifa;
+            $precio_click_pedido = $pliegos_pedido * 2 * $precio_click;
+            
+        }
+        // cubierta o sobrecubierta (siempre a color)
+        else if (($cubierta == 1 || $sobrecubierta == 1) && $rotativa == 0) {
+            // precio papel
+            $pliegos_libro = 1.0 / $response['fields']['num_formas']['value'];
+            // En cubierta y sobrecubierta siempre el mínimo pliego es 1
+            $pliegos_libro = $pliegos_libro<1?1:$pliegos_libro;
+            $pliegos_pedido = $pliegos_libro * ($datosPedido->tirada + $datosPedido->merma);
+            $precio_libro = $pliegos_libro * $precio_pliego_impresion;
+            $precio_pedido = $precio_libro * ($datosPedido->tirada + $datosPedido->merma);
+            
+            $mano = PresupuestoService::computeLomoPortada($papel_impresion->espesor);
+
+            // peso
+            $ancho_total = $datosPedido->solapas? $datosPedido->ancho + $datosPedido->solapas_ancho:$datosPedido->ancho;
+            $peso = PresupuestoService::computePeso($ancho_total, $datosPedido->alto, $papel_impresion->gramaje);
+
+            // impresion
+            if ($tarifa) {
+                $precio_click = $tarifa;
+                $precio_click_pedido = $pliegos_pedido * $precio_click;
+
+                // dos caras
+                if($datosPedido->paginas > 2) {
+                    $precio_click_pedido *= 2.0;  
+                }
+            }
+        }
+
+
+        // response
+        $response['fields']['pliegos_libro'] = $pliegos_libro;
+        $response['fields']['pliegos_pedido'] = $pliegos_pedido;
+        $response['fields']['precios_pliegos'] = $precio_pliego_impresion;
+        $response['fields']['precio_libro'] = $precio_libro;
+        $response['fields']['precio_pedido'] = $precio_pedido;
+        $response['fields']['mano'] = $mano;
+        $response['fields']['peso'] = $peso;
+        $response['fields']['precio_click'] = $precio_click;
+        $response['fields']['precio_click_pedido'] = $precio_click_pedido;
+
+        $response['fields']['dimensiones_maquina'] = [$maquina->ancho, $maquina->alto];
+        $response['fields']['dimensiones_maquina_impresion'] = [$maquina->ancho_impresion, $maquina->alto_impresion];
+        $response['fields']['dimensiones_maquina_click'] = [$maquina->ancho_impresion, $maquina->alto_click];
+        $response['fields']['dimensiones_libro'] = [$datosPedido->ancho, $datosPedido->alto];
+
+        //$response['fields']['datos_rotativa'] = $datos_rotativa;
+
+        return $response;
     }
 
-    /*
+
     /**
-     * getPapelForMenu.
-     *  Devuelve la lista de papeles disponibles
-     *  
-     * @param	mixed	$tipo_impresion	
-     * @param	mixed	$dimensiones   	
-     * @return	mixed
+     * Devuelve los calculos para la linea de rotativa.
      */
-    public static function test(){
+    public static function getCostesLineaRotativa($maquina, $papel_impresion, $datosPedido, $parametrosRotativa)
+    {
+        $data = [];
+
+        $data['resolucion'] = 600;
+        $data['pulgada'] = 1 / 1000000000000.0;
+        $data['superficie'] = round((($datosPedido->ancho / 2.54) / 10) * (($datosPedido->alto / 2.54) / 10), 2);
+
+        // posicionamos paginas en función de a favor de fibra o no
+
+        $anchoLibro = $datosPedido->ancho;
+        $altoLibro = $datosPedido->alto;
+        if (!$parametrosRotativa->a_favor_fibra) {
+            $anchoLibro = $datosPedido->alto;
+            $altoLibro = $datosPedido->ancho;
+        }
+
+        $data['ancho'] = $anchoLibro;
+        $data['alto'] = $altoLibro;
+
+        // si es cosido ancho x 2
+
+        if ($datosPedido->isCosido) {
+            if (!$parametrosRotativa->a_favor_fibra) {
+                $data['alto'] = $data['alto'] * 2;
+            } else {
+                $data['ancho'] = $data['ancho'] * 2;
+            }
+        }
+
+        // calculo de papel y clicks
+        $factor_anchura = round($maquina->ancho_impresion / $data['ancho'], 2);
+        $factor_altura = round($maquina->alto_impresion / ($data['alto'] + self::MARGEN_PAGINAS_ROTATIVA), 2);
+        $factor_altura_click = round($maquina->alto_click / ($data['alto'] + self::MARGEN_PAGINAS_ROTATIVA), 2);
+
+        $multiplicador_pliego = $datosPedido->isCosido ? 4 : 2;
+        $paginas_por_pliego = round(floor($factor_anchura) * $factor_altura * $multiplicador_pliego, 2);
+        $pliegos_libro = round($paginas_por_pliego ? $datosPedido->paginas / $paginas_por_pliego : 0, 2);
+        $metros_papel_libro = round($pliegos_libro * ($maquina->alto_impresion / 1000.0), 2);
+        $metros_papel_total = round($metros_papel_libro * ($datosPedido->tirada + $datosPedido->merma), 2);
+
+        $paginas_por_pliego_click = round(floor($factor_anchura) * $factor_altura_click * $multiplicador_pliego, 2);
+        $pliegos_libro_click = round($paginas_por_pliego_click ? $datosPedido->paginas / $paginas_por_pliego_click : 0, 2);
+        $clicks_libro = round(ceil($pliegos_libro_click) * 2, 2);
+        $clicks_pedido = round($clicks_libro * ($datosPedido->tirada + $datosPedido->merma), 2);
+
+        $data['factor_altura'] = $factor_altura;
+        $data['factor_anchura'] = $factor_anchura;
+        $data['paginas_por_pliego'] = $paginas_por_pliego;
+        $data['pliegos_libro'] = $pliegos_libro;
+        $data['pliegos_pedido'] = $pliegos_libro * ($datosPedido->tirada + $datosPedido->merma);
+        $data['metros_papel_libro'] = $metros_papel_libro;
+        $data['metros_papel_total'] = $metros_papel_total;
+        $data['clicks_libro'] = $clicks_libro;
+        $data['clicks_pedido'] = $clicks_pedido;
+
+        // calculo de tintas
+        $data['num_gotas_negro'] = round($data['superficie'] * $data['resolucion'] * $data['resolucion'] * ($parametrosRotativa->rotativa_negro / 100.0), 0);
+        $data['num_gotas_cyan'] = round($data['superficie'] * $data['resolucion'] * $data['resolucion'] * ($parametrosRotativa->rotativa_cyan / 100.0), 0);
+        $data['num_gotas_magenta'] = round($data['superficie'] * $data['resolucion'] * $data['resolucion'] * ($parametrosRotativa->rotativa_magenta / 100.0), 0);
+        $data['num_gotas_amarillo'] = round($data['superficie'] * $data['resolucion'] * $data['resolucion'] * ($parametrosRotativa->rotativa_amarillo / 100.0), 0);
+
+        $pag_negro = $parametrosRotativa->bnPages;
+        $pag_color = 0;
+        if ($parametrosRotativa->colorPages>0) {
+            $pag_color = $parametrosRotativa->colorPages;
+        }
+
+        // peso tintas
+        $data['peso_gotas_negro'] = round((($data['num_gotas_negro'] * $parametrosRotativa->rotativa_gota_negro * $data['pulgada']) / (17.91 / 20.0)) * $pag_negro * 1000, 6);
+        $data['peso_gotas_cyan'] = round((($data['num_gotas_cyan'] * $parametrosRotativa->rotativa_gota_color * $data['pulgada']) / (17.65 / 20.0)) * $pag_color * 1000, 6);
+        $data['peso_gotas_magenta'] = round((($data['num_gotas_magenta'] * $parametrosRotativa->rotativa_gota_color * $data['pulgada']) / (17.65 / 20.0)) * $pag_color * 1000, 6);
+        $data['peso_gotas_amarillo'] = round((($data['num_gotas_amarillo'] * $parametrosRotativa->rotativa_gota_color * $data['pulgada']) / (17.65 / 20.0)) * $pag_color * 1000, 6);
+
+        // costes de tintas
+        $data['peso_gotas_negro_pedido'] = round($data['peso_gotas_negro'], 2) * ($datosPedido->tirada + $datosPedido->merma);
+        $data['peso_gotas_cyan_pedido'] = round($data['peso_gotas_cyan'], 2) * ($datosPedido->tirada + $datosPedido->merma);
+        $data['peso_gotas_magenta_pedido'] = round($data['peso_gotas_magenta'], 2) * ($datosPedido->tirada + $datosPedido->merma);
+        $data['peso_gotas_amarillo_pedido'] = round($data['peso_gotas_amarillo'], 2) * ($datosPedido->tirada + $datosPedido->merma);
+
+        // precio tinta
+        $data['precio_tinta'] = round(
+            round(($data['peso_gotas_negro_pedido'] / 1000.0) * $maquina->precio_tinta_negro, 2) +
+            round(($data['peso_gotas_cyan_pedido'] / 1000.0) * $maquina->precio_tinta_color, 2) +
+            round(($data['peso_gotas_magenta_pedido'] / 1000.0) * $maquina->precio_tinta_color, 2) +
+            round(($data['peso_gotas_amarillo_pedido'] / 1000.0) * $maquina->precio_tinta_color, 2)
+            , 2);
+
+        // precio pagina
+        $data['precio_pagina_negro'] = round($pag_negro ? $data['precio_tinta'] / ($pag_negro * ($datosPedido->tirada + $datosPedido->merma)) : 0, 6);
+        $data['precio_pagina_color'] = round($pag_color ? $data['precio_tinta'] / ($pag_color * ($datosPedido->tirada + $datosPedido->merma)) : 0, 6);
+
+        // calculo de corte
+        $data['velocidad_corte'] = $maquina->velocidad_corte;
+        $data['precio_hora_corte'] = $maquina->precio_hora_corte;
+        $data['tiempo_corte'] = $maquina->velocidad_corte > 0 ? round($metros_papel_total / $maquina->velocidad_corte, 2) : 0;
+        $data['total_corte'] = round(($data['tiempo_corte'] / 60.0) * $maquina->precio_hora_corte, 2);
+
+        $data['mano'] = PresupuestoService::computeLomoInterior($datosPedido->paginas, $papel_impresion->espesor);
+        // ($paginas / 2.0) * (($gramaje / 1000.0) * $papel_compra->mano);
+
+        // peso
+        $data['peso'] = PresupuestoService::computePeso(
+            ancho: $datosPedido->isCosido ? $datosPedido->ancho / 2.0 : $datosPedido->ancho,
+                alto: $datosPedido->alto,
+                gramaje: $papel_impresion->gramaje,
+                paginas: $datosPedido->paginas
+            );
+
+        return $data;
     }
+
+
+    public static function getNumFormasPlana($uso, $maquina, $ancho, $alto, $isCosido)
+    {
+        // El ancho si es cosido es el doble
+        if($uso != 'cubierta' && $uso != 'sobrecubierta'){
+            $anchoForCalculo = $isCosido ? $ancho * 2 : $ancho;
+        }
+        else{
+            $anchoForCalculo = $ancho;
+        }
+        
+        if($uso == 'cubierta' || $uso == 'sobrecubierta') {
+            if(property_exists($maquina, 'forzar_num_formas_horizontales_cubierta') &&
+                property_exists($maquina, 'forzar_num_formas_horizontales_cubierta')){
+
+                if($maquina->forzar_num_formas_horizontales_cubierta > 0 && 
+                    $maquina->forzar_num_formas_horizontales_cubierta > 0){
+                    
+                    $h1_temp = $maquina->forzar_num_formas_horizontales_cubierta;
+                    $h2_temp = $maquina->forzar_num_formas_verticales_cubierta;
+                    //$num_formas = $h1_temp * $h2_temp;
+                }
+                else{
+                    $h1_temp == 0;
+                    $h2_temp == 0;
+                }
+            }
+            else{
+                $h1_temp == 0;
+                $h2_temp == 0;
+            }
+        }
+        // No es cubierta ni sobrecubierta
+        else{
+            // horizontales
+            $h1_temp = floor($maquina->ancho_impresion / $anchoForCalculo);    
+            $h2_temp = floor($maquina->ancho_impresion / $alto);
+        }
+        
+        // horizontales
+        $calles = (new \App\Models\Configuracion\MaquinasCallesModel())->getCallesForMaquina($maquina->maquina_id, $h1_temp);
+        // Si son mas de 2 formas
+        if(count($calles)>0)
+            $h1 = ($h1_temp * $anchoForCalculo + 2 * $calles[0]->externas + ($h1_temp - 1) * $calles[0]->internas < ($maquina->ancho)) ? $h1_temp : $h1_temp - 1;
+        else
+            $h1 = $h1_temp;
+
+        $v1 = floor($maquina->alto_impresion / $alto);
+        $formas_h = $h1 * $v1; //p1
+
+
+        // verticales
+        $calles = (new \App\Models\Configuracion\MaquinasCallesModel())->getCallesForMaquina($maquina->maquina_id, $h2_temp);
+        if(count($calles)>0)
+            $h2 = ($h2_temp * $anchoForCalculo + 2 * $calles[0]->externas + ($h2_temp - 1) * $calles[0]->internas < ($maquina->ancho)) ? $h2_temp : $h2_temp - 1;
+        else
+            $h2 = $h2_temp;
+        $v2 = floor($maquina->alto_impresion / $anchoForCalculo);
+        $formas_v = $h2 * $v2; //p2
+
+
+        // Se calcula el numero de formas
+        if($uso != 'cubierta' && $uso != 'sobrecubierta'){
+            $num_formas = ($formas_h > $formas_v) ? $formas_h : $formas_v;
+            $num_formas = $isCosido ? $num_formas * 2 : $num_formas;
+        }
+        else{
+            $num_formas = $h1*$h2;
+        }
+
+       
+        // si no hay formas se devuelve n/a 
+        if ($num_formas == 0) {
+            $response['num_formas']['posicion_formas'] = 'n/a'; // not available
+        } else if ($formas_h > $formas_v) {
+            $response['num_formas']['posicion_formas'] = 'h';
+            $response['num_formas']['num_formas_horizontales'] = $h1;
+            $response['num_formas']['num_formas_verticales'] = $v1;
+            $response['num_formas']['value'] = $num_formas;
+        } else {
+            $response['num_formas']['posicion_formas'] = 'v';
+            $response['num_formas']['num_formas_horizontales'] = $h2;
+            $response['num_formas']['num_formas_verticales'] = $v2;
+            $response['num_formas']['value'] = $num_formas;
+        }
+
+        if($uso == 'cubierta' || $uso == 'sobrecubierta') {
+            if(property_exists($maquina, 'forzar_num_formas_horizontales_cubierta') &&
+                property_exists($maquina, 'forzar_num_formas_horizontales_cubierta')){
+                
+                $response['num_formas']['num_formas_verticales'] = $h2;
+            }
+        }
+
+        return $response;
+    }
+
+
+    public static function getPrecioPliego($maquina, $papel_impresion, $paginas)
+    {
+        $margen = (new \App\Models\Configuracion\PapelImpresionMargenModel())->getMargenFormPags($papel_impresion->id, $paginas);
+        if (count($margen) > 0) {
+            $peso_por_pliego = $maquina->alto * $maquina->ancho * $papel_impresion->gramaje / 1000000;
+            $precio_pliego = ($peso_por_pliego * $papel_impresion->precio_tonelada / 1000000.0) * (1 + (floatval($margen[0]['margen']) / 100.0));
+
+            return round($precio_pliego, 6);
+        }
+        return -1;
+    }
+
+    public static function getTiempoMaquina($totalClicks, $precioClick, $velocidadMaquina) {
+        try {
+ 
+            if($precioClick>0 && $velocidadMaquina>0)
+                $minutos = (1.0*$totalClicks/$precioClick)/$velocidadMaquina;
+            else
+                $minutos = 0;
+        
+            return gmdate("H:i:s", round($minutos*60,0));
+    
+        } catch (Exception $e) {
+            return gmdate("H:i:s", round(0,0));
+        }
+    }
+
+
+    /**
+     * Devuelve la dimensión del lomo interior.
+     */
+    private static function computeLomoInterior($paginas = null, $espesor = null)
+    {
+        $lomo = 0;
+
+        if (!is_null($paginas) && !is_null($espesor)) {
+
+            $lomo += (($espesor * $paginas / 2.0) + 1) / 1000.0;
+        }
+
+        return $lomo;
+    }
+
+    /**
+     * Calcula la dimensión del lomo para portada y cubierta
+     */
+    private static function computeLomoPortada($espesor)
+    {
+        return ($espesor * 2.0) / 1000.0;
+    }
+
+    /**
+     * Devuelve el peso de un pedido.
+     */
+    private static function computePeso($ancho, $alto, $gramaje, $paginas = null)
+    {
+        $peso = ($ancho / 1000.0) * ($alto / 1000.0) * $gramaje;
+
+        if (!is_null($paginas)) {
+            if ($paginas > 0) {
+                $peso *= ($paginas / 2.0);
+            }
+        }
+
+        return $peso;
+    }
+
+    
 }
-     
\ No newline at end of file
diff --git a/ci4/app/Views/themes/_commonPartialsBs/_alertBoxes.php b/ci4/app/Views/themes/_commonPartialsBs/_alertBoxes.php
index ab60abcd..9c195cfb 100644
--- a/ci4/app/Views/themes/_commonPartialsBs/_alertBoxes.php
+++ b/ci4/app/Views/themes/_commonPartialsBs/_alertBoxes.php
@@ -24,7 +24,7 @@ if (session()->has('error')) {
 
 <?= $this->section('additionalInlineJs') ?>
 
-function popAlert(message, alertClass, alertIcon){
+function popAlert(message, alertClass, alertIcon, containerId = 'sk-alert'){
     var htmlString = `
         <div class="alert ${alertClass} d-flex align-items-baseline" role="alert">
             <span class="alert-icon alert-icon-lg text-primary me-2">
@@ -34,24 +34,26 @@ function popAlert(message, alertClass, alertIcon){
                 <h5 class="alert-heading mb-2">${message}</h5>
             </div>
         </div>`;
-    $(window).scrollTop(0);
-    $('#sk-alert').hide().empty().html(htmlString).fadeIn("slow", function(){
+    if(containerId == 'sk-alert'){
+        $(window).scrollTop(0);
+    }
+    $('#' + containerId).hide().empty().html(htmlString).fadeIn("slow", function(){
         setTimeout(function(){
-            $('#sk-alert').fadeOut("slow");
+            $('#' + containerId).fadeOut("slow");
         }, 5000);
     });
 }
 
-function popSuccessAlert(successMsg){
-    popAlert(successMsg, "alert-success", "ti-check");
+function popSuccessAlert(successMsg, containerId = 'sk-alert'){
+    popAlert(successMsg, "alert-success", "ti-check", containerId);
 }
 
-function popWarningAlert(warningMsg){
-    popAlert(warningMsg, "alert-warning", "ti-bell");
+function popWarningAlert(warningMsg, containerId = 'sk-alert'){
+    popAlert(warningMsg, "alert-warning", "ti-bell", containerId);
 }
 
-function popErrorAlert(errorMsg){
-    popAlert(errorMsg, "alert-danger", "ti-ban");
+function popErrorAlert(errorMsg, containerId = 'sk-alert'){
+    popAlert(errorMsg, "alert-danger", "ti-ban", containerId);
 }
 
 <?php if (isset($successMessage) && $successMessage){ ?>
diff --git a/ci4/app/Views/themes/_commonPartialsBs/_confirm2delete.php b/ci4/app/Views/themes/_commonPartialsBs/_confirm2delete.php
index 50e7ee0b..56322188 100644
--- a/ci4/app/Views/themes/_commonPartialsBs/_confirm2delete.php
+++ b/ci4/app/Views/themes/_commonPartialsBs/_confirm2delete.php
@@ -13,7 +13,7 @@
                 <div class="modal-footer">
                     <button type="button" class="btn btn-default"
                             data-bs-dismiss="modal"><?= lang('Basic.global.deleteConfirmationCancel') ?></button>
-                    <a href="javascript:void(0);" class="btn btn-danger btn-confirm btn-remove"><?= lang('Basic.global.deleteConfirmationButton') ?></a>
+                    <a id="confirmDelete" href="javascript:void(0);" class="btn btn-danger btn-confirm btn-remove"><?= lang('Basic.global.deleteConfirmationButton') ?></a>
                 </div><!--//.modal-footer -->
             </div><!--//.modal-content -->
         </div><!--//.modal-dialog -->
diff --git a/ci4/app/Views/themes/_commonPartialsBs/datatables.php b/ci4/app/Views/themes/_commonPartialsBs/datatables.php
index 6ee8d97d..c8224ef3 100644
--- a/ci4/app/Views/themes/_commonPartialsBs/datatables.php
+++ b/ci4/app/Views/themes/_commonPartialsBs/datatables.php
@@ -175,6 +175,12 @@
         $(this).find('.btn-confirm').attr('href', $(e.relatedTarget).data('href'));
     });
 
+    $('#confirm2delete').keypress(function(e) { // Attach the form handler to the keypress event
+        if (e.keyCode == 13) { // If the the enter key was pressed.
+            $('#confirmDelete').click(); // Trigger the button(elementId) click event.
+        }
+    });
+
     function toggleAllCheckboxes($cssClass, $io=null) {
         $('.'+$cssClass).prop('checked', $io);
     }
diff --git a/ci4/app/Views/themes/backend/vuexy/form/configuracion/formas-pago/_formaPagoFormItems.php b/ci4/app/Views/themes/backend/vuexy/form/configuracion/formas-pago/_formaPagoFormItems.php
deleted file mode 100644
index 205027a8..00000000
--- a/ci4/app/Views/themes/backend/vuexy/form/configuracion/formas-pago/_formaPagoFormItems.php
+++ /dev/null
@@ -1,12 +0,0 @@
-        <div class="row">
-            <div class="col-md-12 col-lg-12 px-4">
-				<div class="mb-3">
-					<label for="nombre" class="form-label">
-						<?=lang('FormasPagoes.nombre') ?>*
-					</label>
-						<input type="text" id="nombre" name="nombre" required maxLength="255" class="form-control" value="<?=old('nombre', $formasPagoEntity->nombre) ?>">
-				</div><!--//.mb-3 -->
-
-            </div><!--//.col -->
-
-        </div><!-- //.row -->
\ No newline at end of file
diff --git a/ci4/app/Views/themes/backend/vuexy/form/configuracion/formas-pago/viewFormaPagoForm.php b/ci4/app/Views/themes/backend/vuexy/form/configuracion/formas-pago/viewFormaPagoForm.php
deleted file mode 100644
index 1ddbfce1..00000000
--- a/ci4/app/Views/themes/backend/vuexy/form/configuracion/formas-pago/viewFormaPagoForm.php
+++ /dev/null
@@ -1,26 +0,0 @@
-<?= $this->include("themes_commonPartialsBs/select2bs5") ?>
-<?= $this->include("themes_commonPartialsBs/sweetalert") ?>
-<?= $this->extend('themes/backend/vuexy/main/defaultlayout') ?>
-<?= $this->section("content") ?>
-<div class="row">
-    <div class="col-12">
-		<div class="card card-info">
-			<div class="card-header">
-        		<h3 class="card-title"><?= $boxTitle ?? $pageTitle ?></h3>
-			</div><!--//.card-header -->
-			<form id="formaPagoForm" method="post" action="<?= $formAction ?>">
-				<?= csrf_field() ?>
-			<div class="card-body">
-				<?= view("themes_commonPartialsBs/_alertBoxes") ?>
-				<?= !empty($validation->getErrors()) ? $validation->listErrors("bootstrap_style") : "" ?>
-				<?= view("themes/backend/vuexy/form/configuracion/formas-pago/_formaPagoFormItems") ?>
-			</div><!-- /.card-body -->
-			<div class="card-footer">
-				<?= anchor(route_to("formaPagoList2"), lang("Basic.global.Cancel"), ["class" => "btn btn-secondary float-start"]) ?>
-				<input type="submit" class="btn btn-primary float-end" name="save" value="<?= lang("Basic.global.Save") ?>">
-			</div><!-- /.card-footer -->
-			</form>
-    </div><!-- //.card -->
-    </div><!--//.col -->
-</div><!--//.row -->
-<?= $this->endSection() ?>
diff --git a/ci4/app/Views/themes/backend/vuexy/form/configuracion/formas-pago/viewFormaPagoList.php b/ci4/app/Views/themes/backend/vuexy/form/configuracion/formas-pago/viewFormaPagoList.php
deleted file mode 100644
index 07526fb2..00000000
--- a/ci4/app/Views/themes/backend/vuexy/form/configuracion/formas-pago/viewFormaPagoList.php
+++ /dev/null
@@ -1,141 +0,0 @@
-<?=$this->include('themes_commonPartialsBs/datatables') ?>
-<?=$this->include('themes_commonPartialsBs/sweetalert') ?>
-<?=$this->extend('themes'.config('Basics')->theme['name'].'/AdminLayout/defaultLayout') ?>
-<?=$this->section('content');  ?>
-<div class="row">
-    <div class="col-md-12">
-
-        <div class="card card-info">
-            <div class="card-header">
-                <h3 class="card-title"><?=lang('FormasPagoes.formaPagoList') ?></h3>
-           </div><!--//.card-header -->
-            <div class="card-body">
-				<?= view('themes_commonPartialsBs/_alertBoxes'); ?>
-
-					<table id="tableOfFormaspago" class="table table-striped table-hover using-exportable-data-table" style="width: 100%;">
-						<thead>
-							<tr>
-								<th class="text-nowrap"><?= lang('Basic.global.Action') ?></th>
-								<th><?= lang('FormasPagoes.id') ?></th>
-								<th><?= lang('FormasPagoes.nombre') ?></th>
-								<th><?= lang('FormasPagoes.createdAt') ?></th>
-								<th><?= lang('FormasPagoes.updatedAt') ?></th>
-								<th class="text-nowrap"><?= lang('Basic.global.Action') ?></th>
-							</tr>
-						</thead>
-						<tbody>
-						<?php foreach ($formaPagoList as $item ) : ?>
-							<tr>
-								<td class="align-middle text-center text-nowrap">
-									<?=anchor(route_to('editFormaPago', $item->id), lang('Basic.global.edit'), ['class'=>'btn btn-sm btn-warning btn-edit me-1',  'data-id'=>$item->id,]); ?> 
-									<?=anchor('#confirm2delete', lang('Basic.global.Delete'), ['class'=>'btn btn-sm btn-danger btn-delete ms-1', 'data-href'=>route_to('deleteFormaPago', $item->id)]); ?>
-								</td>
-								<td class="align-middle text-center">
-									<?=$item->id ?>
-								</td>
-								<td class="align-middle">
-									<?= empty($item->nombre) || strlen($item->nombre) < 51 ? esc($item->nombre) : character_limiter(esc($item->nombre), 50)   ?>
-								</td>
-								<td class="align-middle text-nowrap">
-									<?= empty($item->created_at) ? '' : date('mm/dd/YYYY H:i', strtotime($item->created_at))  ?>
-								</td>
-								<td class="align-middle text-nowrap">
-									<?= empty($item->updated_at) ? '' : date('mm/dd/YYYY H:i', strtotime($item->updated_at))  ?>
-								</td>
-								<td class="align-middle text-center text-nowrap">
-									<?=anchor(route_to('editFormaPago', $item->id), lang('Basic.global.edit'), ['class'=>'btn btn-sm btn-warning btn-edit me-1',  'data-id'=>$item->id,]); ?> 
-									<?=anchor('#confirm2delete', lang('Basic.global.Delete'), ['class'=>'btn btn-sm btn-danger btn-delete ms-1', 'data-href'=>route_to('deleteFormaPago', $item->id)]); ?>
-								</td>
-							</tr>
-
-						<?php endforeach; ?>
-						</tbody>
-					</table>
-            </div><!--//.card-body -->
-            <div class="card-footer">
-				<?=anchor(route_to('newFormaPago'), lang('Basic.global.addNew').' '.lang('FormasPagoes.formaPago'), ['class'=>'btn btn-primary float-end']); ?>
-            </div><!--//.card-footer -->
-        </div><!--//.card -->
-    </div><!--//.col -->
-</div><!--//.row -->
-
-<?=$this->endSection() ?>
-
-
-<?=$this->section('additionalInlineJs') ?>
-
-    const lastColNr2 = $(".using-exportable-data-table").find("tr:first th").length - 1;
-    theTable = $('.using-exportable-data-table').DataTable({
-        "responsive": true,
-        "paging": true,
-        "lengthMenu": [ 5, 10, 25, 50, 75, 100, 250, 500, 1000, 2500 ],
-        "pageLength": 10,
-        "lengthChange": true,
-        "searching": true,
-        "ordering": true,
-        "info": true,
-        "dom": 'lfrtipB', // 'lfBrtip', // you can try different layout combinations by uncommenting one or the other
-		// "dom": '<"top"lf><"clear">rt<"bottom"ipB><"clear">',  // remember to comment this line if you uncomment the above
-		"buttons": [
-			'copy', 'csv', 'excel', 'print', {
-				extend: 'pdfHtml5',
-				orientation: 'landscape',
-				pageSize: 'A4'
-			}
-		],
-        "autoWidth": true,
-        "scrollX": true,
-        "stateSave": true,
-        "language": {
-            url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->i18n ?>.json"
-        },
-        "columnDefs": [
-            {
-                orderable: false,
-                searchable: false,
-                targets: [0,lastColNr2]
-            }
-        ]
-    });
-
-    
-
-    
-    $(document).on('click', '.btn-delete', function(e) {
-            e.preventDefault();
-            const dataHref = $(this).data('href');
-            Swal.fire({
-                title: "<?= lang('Basic.global.sweet.sureToDeleteTitle', [lang('FormasPagoes.forma pago')]) ?>",
-                text: "<?= lang('Basic.global.sweet.sureToDeleteText') ?>",
-                icon: 'warning',
-                showCancelButton: true,
-                confirmButtonColor: '#3085d6',
-                confirmButtonText: '<?= lang('Basic.global.sweet.deleteConfirmationButton') ?>',
-                cancelButtonText: '<?= lang('Basic.global.Cancel') ?>',
-                cancelButtonColor: '#d33'
-            }).then((result) => {
-                if (result.value) {
-                    window.location.href = `${dataHref}`;
-                }
-            });
-        });
-    
-    
-<?=$this->endSection() ?>
-
-
-<?=$this->section('css') ?>
-    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.3/css/buttons.bootstrap5.min.css">
-<?=$this->endSection() ?>
-
-
-<?= $this->section('additionalExternalJs') ?>
-    <script src="https://cdn.datatables.net/buttons/2.2.3/js/dataTables.buttons.min.js"></script>
-    <script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.bootstrap5.min.js"></script>
-    <script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.html5.min.js"></script>
-    <script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.print.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.0/jszip.min.js" integrity="sha512-xcHCGC5tQ0SHlRX8Anbz6oy/OullASJkEhb4gjkneVpGE3/QGYejf14CUO5n5q5paiHfRFTa9HKgByxzidw2Bw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.5/pdfmake.min.js" integrity="sha512-rDbVu5s98lzXZsmJoMa0DjHNE+RwPJACogUCLyq3Xxm2kJO6qsQwjbE5NDk2DqmlKcxDirCnU1wAzVLe12IM3w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.5/vfs_fonts.js" integrity="sha512-cktKDgjEiIkPVHYbn8bh/FEyYxmt4JDJJjOCu5/FQAkW4bc911XtKYValiyzBiJigjVEvrIAyQFEbRJZyDA1wQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-<?=$this->endSection() ?>
-
diff --git a/ci4/app/Views/themes/backend/vuexy/form/configuracion/maquinas/_maquinaFormItems.php b/ci4/app/Views/themes/backend/vuexy/form/configuracion/maquinas/_maquinaFormItems.php
index 62e8bedd..292c590a 100644
--- a/ci4/app/Views/themes/backend/vuexy/form/configuracion/maquinas/_maquinaFormItems.php
+++ b/ci4/app/Views/themes/backend/vuexy/form/configuracion/maquinas/_maquinaFormItems.php
@@ -101,16 +101,16 @@
             <?= lang('Maquinas.forzarNumFormasHorizontalesPortada') ?>
         </label>
         <input type="number" id="forzarNumFormasHorizontalesPortada"
-               name="forzar_num_formas_horizontales_portada" maxLength="11" class="form-control"
-               value="<?= old('forzar_num_formas_horizontales_portada', $maquina->forzar_num_formas_horizontales_portada) ?>">
+               name="forzar_num_formas_horizontales_cubierta" maxLength="11" class="form-control"
+               value="<?= old('forzar_num_formas_horizontales_cubierta', $maquina->forzar_num_formas_horizontales_cubierta) ?>">
     </div>
     <div class="col-md-3">
         <label for="forzarNumFormasVerticalesPortada" class="form-label">
             <?= lang('Maquinas.forzarNumFormasVerticalesPortada') ?>
         </label>
         <input type="number" id="forzarNumFormasVerticalesPortada"
-               name="forzar_num_formas_verticales_portada" maxLength="11" class="form-control"
-               value="<?= old('forzar_num_formas_verticales_portada', $maquina->forzar_num_formas_verticales_portada) ?>">
+               name="forzar_num_formas_verticales_cubierta" maxLength="11" class="form-control"
+               value="<?= old('forzar_num_formas_verticales_cubierta', $maquina->forzar_num_formas_verticales_cubierta) ?>">
     </div>
     <div class="col-md-12">
         <label for="observaciones" class="form-label">
diff --git a/ci4/app/Views/themes/backend/vuexy/form/configuracion/maquinas/viewMaquinaForm.php b/ci4/app/Views/themes/backend/vuexy/form/configuracion/maquinas/viewMaquinaForm.php
index f648b335..22003242 100644
--- a/ci4/app/Views/themes/backend/vuexy/form/configuracion/maquinas/viewMaquinaForm.php
+++ b/ci4/app/Views/themes/backend/vuexy/form/configuracion/maquinas/viewMaquinaForm.php
@@ -78,8 +78,7 @@
                     <table id="tableOfCalles" class="table table-striped table-hover" style="width: 100%;">
                         <thead>
                             <tr>
-                                <th><?= lang('MaquinasCalles.formas_min') ?></th>
-                                <th><?= lang('MaquinasCalles.formas_max') ?></th>
+                                <th><?= lang('MaquinasCalles.formas') ?></th>
                                 <th><?= lang('MaquinasCalles.internas') ?></th>
                                 <th><?= lang('MaquinasCalles.externas') ?></th>
                                 <th class="text-nowrap"><?= lang('Basic.global.Action') ?></th>
@@ -479,13 +478,14 @@
         processing: true,
         autoWidth: true,
         responsive: true,
-        lengthMenu: [ 5, 10, 25],
+        lengthMenu: [ 5, 10, 25, 50, 75, 100, 250],
         order: [[ 1, "asc" ]],
-        pageLength: 10,
+        pageLength: 25,
         lengthChange: true,
         searching: true, 
         paging: true, 
         info: true,
+        stateSave: true,
         dom: "lftp",
 		ajax : $.fn.dataTable.pipeline( {
             url: '<?= route_to('dataTableOfMaquinasPapelesImpresion') ?>',
@@ -522,8 +522,11 @@
         columnDefs: [
             {
                 orderable: false,
-                searchable: false,
                 targets: [lastColNr2] 
+            },
+            {
+                searchable: false,
+                targets: [0,3,4,5,6,7,8,lastColNr2]
             }
         ],
         rowCallback: function (row, data) {
@@ -532,13 +535,7 @@
         },
         language: {
             url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->i18n ?>.json"
-        },
-        columnDefs: [
-            {
-                searchable: false,
-                targets: [0,3,4,5,6,7,8]
-            }
-        ],
+        }
     } );
 
     
@@ -657,9 +654,7 @@
         table   : "#tableOfCalles",
         idSrc:  'id',
         fields: [ {
-                name: "formas_min"
-            }, {
-                name: "formas_max"
+                name: "formas"
             }, {
                 name: "internas"
             }, {
@@ -728,8 +723,7 @@
             async: true,
         }),
         columns : [
-            { 'data': 'formas_min' },
-            { 'data': 'formas_max' },
+            { 'data': 'formas' },
             { 'data': 'internas' },
             { 'data': 'externas' },
             { data: actionBtns,
diff --git a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_comentariosItems.php b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_comentariosItems.php
new file mode 100644
index 00000000..7a765f42
--- /dev/null
+++ b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_comentariosItems.php
@@ -0,0 +1,173 @@
+<div class="accordion mt-3" id="accordionComentarios">
+    <div class="card accordion-item active">
+        <h2 class="accordion-header" id="headingOne">
+            <button type="button" class="accordion-button" data-bs-toggle="collapse"
+                    data-bs-target="#accordionComentariosTip" aria-expanded="false"
+                    aria-controls="accordionComentariosTip">
+                <h4><?= lang("Presupuestos.comentarios") ?></h4>
+            </button>
+        </h2>
+
+        <div id="accordionComentariosTip" class="accordion-collapse collapse show"
+             data-bs-parent="#accordionComentarios">
+            <div class="accordion-body">
+                <div class="nav-align-top mb-4">
+                    <ul class="nav nav-pills mb-3" role="tablist">
+                        <li class="nav-item">
+                            <button
+                                    type="button"
+                                    class="nav-link active"
+                                    role="tab"
+                                    data-bs-toggle="tab"
+                                    data-bs-target="#comentarios-cliente"
+                                    aria-controls="comentarios-cliente"
+                                    aria-selected="true">
+                                <?= lang("Presupuestos.comentariosCliente") ?>
+                                <span
+                                        id="mostrar_comentarios_cliente"
+                                        style="display: none"
+                                        class="badge rounded-pill badge-center h-px-20 w-px-20 bg-warning ms-1">
+                                    !
+                                </span>
+                            </button>
+                        </li>
+                        <li class="nav-item">
+                            <button
+                                    type="button"
+                                    class="nav-link"
+                                    role="tab"
+                                    data-bs-toggle="tab"
+                                    data-bs-target="#comentarios-safekat"
+                                    aria-controls="comentarios-safekat"
+                                    aria-selected="false">
+                                <?= lang("Presupuestos.comentariosSafekat") ?>
+                                <span
+                                        id="mostrar_comentarios_safekat"
+                                        style="display: none"
+                                        class="badge rounded-pill badge-center h-px-20 w-px-20 bg-warning ms-1">
+                                    !
+                                </span>
+                            </button>
+                        </li>
+                        <li class="nav-item">
+                            <button
+                                    type="button"
+                                    class="nav-link"
+                                    role="tab"
+                                    data-bs-toggle="tab"
+                                    data-bs-target="#comentarios-presupuesto"
+                                    aria-controls="comentarios-presupuesto"
+                                    aria-selected="false">
+                                <?= lang("Presupuestos.comentariosPresupuesto") ?>
+                                <span
+                                        id="mostrar_comentarios_pdf"
+                                        style="display: none"
+                                        class="badge rounded-pill badge-center h-px-20 w-px-20 bg-warning ms-1">
+                                    !
+                                </span>
+                            </button>
+                        </li>
+                        <li class="nav-item">
+                            <button
+                                    type="button"
+                                    class="nav-link"
+                                    role="tab"
+                                    data-bs-toggle="tab"
+                                    data-bs-target="#comentarios-produccion"
+                                    aria-controls="comentarios-produccion"
+                                    aria-selected="false">
+                                <?= lang("Presupuestos.comentariosProduccion") ?>
+                                <span
+                                        id="mostrar_comentarios_produccion"
+                                        style="display: none"
+                                        class="badge rounded-pill badge-center h-px-20 w-px-20 bg-warning ms-1">
+                                    !
+                                </span>
+                            </button>
+                        </li>
+                    </ul>
+                    <div class="tab-content">
+                        <div class="tab-pane fade show active" id="comentarios-cliente" role="tabpanel">
+                            <div class="row">
+                                <div class="col-md-12 col-lg-12 px-4">
+                                    <div class="mb-3">
+                                        <textarea
+                                                rows="3"
+                                                id="comentariosCliente"
+                                                name="comentarios_cliente"
+                                                style="height: 10em;"
+                                                class="form-control"><?= old('comentarios', $presupuestoEntity->comentarios_cliente) ?></textarea>
+                                    </div>
+                            </div>
+                        </div>
+                        </div>
+
+                        <div class="tab-pane fade" id="comentarios-safekat" role="tabpanel">
+                            <div class="row">
+                                <div class="col-md-12 col-lg-12 px-4">
+                                    <div class="mb-3">
+                                        <textarea
+                                                rows="3"
+                                                id="comentariosSafekat"
+                                                name="comentarios_safekat"
+                                                style="height: 10em;"
+                                                class="form-control"><?=old('comentarios_safekat', $presupuestoEntity->comentarios_safekat) ?></textarea>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+
+                        <div class="tab-pane fade" id="comentarios-presupuesto" role="tabpanel">
+                            <div class="row">
+                                <div class="col-md-12 col-lg-12 px-4">
+                                    <div class="mb-3">
+                                        <textarea
+                                                rows="3"
+                                                id="comentariosPdf"
+                                                name="comentarios_pdf"
+                                                style="height: 10em;"
+                                                class="form-control"><?=old('comentarios_pdf', $presupuestoEntity->comentarios_pdf) ?></textarea>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+
+                        <div class="tab-pane fade" id="comentarios-produccion" role="tabpanel">
+                            <div class="row">
+                                <div class="col-md-12 col-lg-12 px-4">
+                                    <div class="mb-3">
+                                        <textarea
+                                                rows="3"
+                                                id="comentariosProduccion"
+                                                name="comentarios_produccion"
+                                                style="height: 10em;"
+                                                class="form-control"><?=old('comentarios_pdf', $presupuestoEntity->comentarios_produccion) ?></textarea>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div> <!-- //.accordion-body -->
+        </div> <!-- //.accordion-collapse -->
+    </div> <!-- //.accordion-item -->
+</div> <!-- //.accordion -->
+<!------------------------------------------------------->
+<!-- Código JS comportamiento ?????. -->
+<!------------------------------------------------------->
+<?= $this->section("additionalInlineJs") ?>
+
+$("textarea[name*='comentarios_']").each(function(){
+    if (!$.trim($(this).val())) {
+        // textarea is empty or contains only white-space
+        $("#mostrar_" + $(this).attr('name')).hide();
+    }else{
+        $("#mostrar_" + $(this).attr('name')).show();
+    }
+ });
+
+<?= $this->endSection() ?>
+
+
diff --git a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_cosidotapablandaFormItems.php b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_cosidotapablandaFormItems.php
index bcb20c95..58a1d1f2 100644
--- a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_cosidotapablandaFormItems.php
+++ b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_cosidotapablandaFormItems.php
@@ -204,26 +204,11 @@
 
 				
 
-				<div class="mb-3">
-					<label for="comentarios" class="form-label">
-						<?=lang('Presupuestos.comentarios') ?>*
-					</label>
-							<textarea rows="3" id="comentarios" name="comentarios" required style="height: 10em;" class="form-control"><?=old('comentarios', $presupuestoEntity->comentarios) ?></textarea>
-				</div><!--//.mb-3 -->
 
-				<div class="mb-3">
-					<label for="comentariosSafekat" class="form-label">
-						<?=lang('Presupuestos.comentariosSafekat') ?>*
-					</label>
-							<textarea rows="3" id="comentariosSafekat" name="comentarios_safekat" required style="height: 10em;" class="form-control"><?=old('comentarios_safekat', $presupuestoEntity->comentarios_safekat) ?></textarea>
-				</div><!--//.mb-3 -->
 
-				<div class="mb-3">
-					<label for="comentariosPdf" class="form-label">
-						<?=lang('Presupuestos.comentariosPdf') ?>*
-					</label>
-							<textarea rows="3" id="comentariosPdf" name="comentarios_pdf" required style="height: 10em;" class="form-control"><?=old('comentarios_pdf', $presupuestoEntity->comentarios_pdf) ?></textarea>
-				</div><!--//.mb-3 -->
+
+
+
 
 				<div class="mb-3">
 					<label for="comentariosTarifa" class="form-label">
diff --git a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosLibroItems.php b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosLibroItems.php
index b458aaf7..d53937ef 100644
--- a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosLibroItems.php
+++ b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosLibroItems.php
@@ -19,7 +19,7 @@
                                 <label for="paginas" class="form-label">
                                     <?= lang('Presupuestos.paginas') ?>*
                                 </label>
-                                <input type="number" id="paginas" name="paginas" maxLength="11" class="form-control" value="<?= old('paginas', $presupuestoEntity->paginas) ?>">
+                                <input type="number" id="paginas" name="paginas" tabindex="1" maxLength="11" class="form-control" value="<?= old('paginas', $presupuestoEntity->paginas) ?>">
                             </div><!--//.mb-3 -->
 
                         </div>
@@ -29,7 +29,7 @@
                             <div class="mb-3">
 
                                 <div class="form-check form-switch mb-2">
-                                    <input class="form-check-input" type="checkbox" id="solapas" name="solapas" value="1" <?= $presupuestoEntity->solapas == true ? 'checked' : ''; ?>>
+                                    <input class="form-check-input" type="checkbox" id="solapas" name="solapas" tabindex="6" value="1" <?= $presupuestoEntity->solapas == true ? 'checked' : ''; ?>>
                                     <label class="form-check-label" for="papelFormatoPersonalizado"><?= lang('Presupuestos.solapasCubierta') ?></label>
                                 </div>
                                 
@@ -44,7 +44,7 @@
                             <label for="tirada" class="form-label">
                                 <?= lang('Presupuestos.tirada') ?>*
                             </label>
-                            <input type="number" id="tirada" name="tirada" maxLength="11" class="form-control" value="<?= old('tirada', $presupuestoEntity->tirada) ?>">
+                            <input type="number" id="tirada" name="tirada" tabindex="2" maxLength="11" class="form-control" value="<?= old('tirada', $presupuestoEntity->tirada) ?>">
                         </div><!--//.mb-3 -->
                     </div><!--//.col -->
 
@@ -55,7 +55,7 @@
                                 <?= lang('Presupuestos.papelFormatoId') ?>*
                             </label>
 
-                            <select id="papelFormatoId" name="papel_formato_id" class="form-control select2bs2" style="width: 100%;">
+                            <select id="papelFormatoId" name="papel_formato_id" tabindex="3" class="form-control select2bs2" style="width: 100%;">
 
                                 <?php if (isset($papelFormatoList) && is_array($papelFormatoList) && !empty($papelFormatoList)) :
                                     foreach ($papelFormatoList as $formato) : ?>
@@ -95,16 +95,16 @@
                             <label for="merma" class="form-label">
                                 <?= lang('Presupuestos.merma') ?>*
                             </label>
-                            <input type="number" id="merma" name="merma" maxLength="8" step="0.01" class="form-control" value="<?= old('merma', $presupuestoEntity->merma) ?>">
+                            <input type="number" id="merma" name="merma" maxLength="8" tabindex="4" step="1" class="form-control" value="<?= old('merma', $presupuestoEntity->merma) ?>">
                         </div><!--//.mb-3 -->
                     </div><!--//.col -->
 
                     <div class="col-md-12 col-lg-2 px-4">
                         <div class="mb-3">
-                            <label for="mermaportada" class="form-label">
-                                <?= lang('Presupuestos.mermaportada') ?>*
+                            <label for="mermacubierta" class="form-label">
+                                <?= lang('Presupuestos.mermacubierta') ?>*
                             </label>
-                            <input type="number" id="mermaportada" name="merma_sobrecubierta" placeholder="6.00" maxLength="8" step="0.01" class="form-control" value="<?= old('merma_sobrecubierta', $presupuestoEntity->merma_sobrecubierta) ?>">
+                            <input type="number" id="mermacubierta" name="merma_cubierta" tabindex="5" placeholder="10" maxLength="8" step="1" class="form-control" value="<?= old('merma_cubierta', $presupuestoEntity->merma_cubierta) ?>">
                         </div><!--//.mb-3 -->
                     </div><!--//.col -->
 
@@ -116,7 +116,11 @@
 
                 </div>
 
-                <div class="row" id="div_solapas_ancho" style="display:none;">
+                <?php if($presupuestoEntity->solapas == true): ?>
+                    <div class="row" id="div_solapas_ancho">
+                <?php else: ?>
+                    <div class="row" id="div_solapas_ancho" style="display:none;">
+                <?php endif; ?>
                     <div class="col-md-12 col-lg-2 px-4">
                         <div class="mb-3">
                             <label for="solapas_ancho" class="form-label">
@@ -259,4 +263,32 @@
             </div> <!-- //.accordion-body -->
         </div> <!-- //.accordion-collapse -->
     </div> <!-- //.accordion-item -->
-</div> <!-- //.accordion -->
\ No newline at end of file
+</div> <!-- //.accordion -->
+
+<!------------------------------------------->
+<!-- Código JS comportamiento general pag. -->
+<!------------------------------------------->
+<?= $this->section("additionalInlineJs") ?>
+$('#papelFormatoPersonalizado').on("click",function(){
+    var checkbox = document.getElementById('papelFormatoPersonalizado');
+    if(checkbox.checked == true){
+        document.getElementById("papelFormatoAncho").style.display = "block";
+        document.getElementById("papelFormatoAlto").style.display = "block";
+        $('#papelFormatoId').next(".select2-container").hide();
+        $('#papelFormatoId').val('').change();
+        document.getElementById("label_papelFormatoId").innerHTML =  
+            "<?=lang('Presupuestos.papelFormatoId') ?> (" +
+            "<?=lang('Presupuestos.papelFormatoAncho') ?> x <?=lang('Presupuestos.papelFormatoAncho') ?>)*";
+    }
+    else{
+        document.getElementById("papelFormatoAncho").value= "";
+        document.getElementById("papelFormatoAlto").value= "";
+        document.getElementById("papelFormatoAncho").style.display = "none";
+        document.getElementById("papelFormatoAlto").style.display = "none";
+        $('#papelFormatoId').next(".select2-container").show();
+        document.getElementById("label_papelFormatoId").innerHTML =
+            "<?=lang('Presupuestos.papelFormatoId') ?>*";
+    }
+});
+
+<?= $this->endSection() ?>
diff --git a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosPresupuestoClienteItems.php b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosPresupuestoClienteItems.php
index 8bf30aaa..7084ed91 100644
--- a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosPresupuestoClienteItems.php
+++ b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosPresupuestoClienteItems.php
@@ -9,6 +9,11 @@
         <div id="accordionDatosPresupuestoClienteTip" class="accordion-collapse collapse show" data-bs-parent="#accordionDatosPresupuestoCliente">
             <div class="accordion-body">
 
+                <!----------------------------------------------------------------------------->
+                <div id="divAlarmasComparador"></div>
+                <!----------------------------------------------------------------------------->
+
+                <input type="hidden" name="comparador_json_data" id="comparador_json_data" class="form-control" value="<?= isset($presupuestoEntity->comparador_json_data)?$presupuestoEntity->comparador_json_data:'' ?>"></input>
 
                 <div class="divider divider-dark text-start mb-1">
                     <div class="divider-text">
@@ -17,17 +22,17 @@
                 </div>
                 <div class="col-md-12 col-lg-3 px-4 mt-1">
                     <div class="mb-3">
-                        <select id="tipoImpresion" name="tipo_impresion" class="form-control select2bs2" style="width: 100%;">
-                            <option id="tipoImpresionNegro" value="negro" <?= isset($presupuestoEntity->comparador_json_data) ? ("negro" == $presupuestoEntity->comparador_json_data->tipo_impresion ? ' selected' : '') : '' ?>>
+                        <select id="tipoImpresion" name="comp_tipo_impresion" class="form-control select2bs2" style="width: 100%;">
+                            <option id="tipoImpresionNegro" value="negro" <?= isset($presupuestoEntity->comp_tipo_impresion) ? ("negro" == $presupuestoEntity->comp_tipo_impresion ? ' selected' : '') : '' ?>>
                                 <?= lang('MaquinasTarifasImpresions.negro') ?>
                             </option>
-                            <option value="negrohq" <?= isset($presupuestoEntity->comparador_json_data) ? ("negrohq" == $presupuestoEntity->comparador_json_data->tipo_impresion ? ' selected' : '') : '' ?>>
+                            <option value="negrohq" <?= isset($presupuestoEntity->comp_tipo_impresion) ? ("negrohq" == $presupuestoEntity->comp_tipo_impresion ? ' selected' : '') : '' ?>>
                                 <?= lang('MaquinasTarifasImpresions.negrohq') ?>
                             </option>
-                            <option value="color" <?= isset($presupuestoEntity->comparador_json_data) ? ("color" == $presupuestoEntity->comparador_json_data->tipo_impresion ? ' selected' : '') : '' ?>>
+                            <option value="color" <?= isset($presupuestoEntity->comp_tipo_impresion) ? ("color" == $presupuestoEntity->comp_tipo_impresion ? ' selected' : '') : '' ?>>
                                 <?= lang('MaquinasTarifasImpresions.color') ?>
                             </option>
-                            <option value="colorhq" <?= isset($presupuestoEntity->comparador_json_data) ? ("colorhq" == $presupuestoEntity->comparador_json_data->tipo_impresion ? ' selected' : '') : '' ?>>
+                            <option value="colorhq" <?= isset($presupuestoEntity->comp_tipo_impresion) ? ("colorhq" == $presupuestoEntity->comp_tipo_impresion ? ' selected' : '') : '' ?>>
                                 <?= lang('MaquinasTarifasImpresions.colorhq') ?>
                             </option>
                         </select>
@@ -69,21 +74,21 @@
                         <p><?= lang('MaquinasTarifasImpresions.negro') ?></p>
                     </div>
                     <div class="col-md-12 col-lg-2 px-4">
-                        <input type="number" id="compPaginasNegro" name="comp_paginas_negro" placeholder="0" maxLength="5" class="form-control" value="<?= isset($presupuestoEntity->comparador_json_data->negro) ? (old(0, $presupuestoEntity->comparador_json_data->negro->paginas)) : '0' ?>">
+                        <input type="text" id="compPaginasNegro" name="comp_paginas_negro" placeholder="0" maxLength="5" class="form-control comp_negro_items" value="<?= isset($comp_data->bn->paginas) ? (old(0, $comp_data->bn->paginas)) : '0' ?>">
                     </div>
                     <div class="col-md-12 col-lg-6 px-4">
-                        <select id="compPapelNegro" name="comp_papel_negro" class="form-control select2bs2" style="width: 100%;">
+                        <select id="compPapelNegro" name="comp_papel_negro" class="form-control select2bs2 comp_negro_items" style="width: 100%;">
                             <?php if (isset($papelGenericoNegroList) && is_array($papelGenericoNegroList) && !empty($papelGenericoNegroList)) :
                                 foreach ($papelGenericoNegroList as $k => $v) : ?>
-                                    <option value="<?= $k ?>" /*<?= $k == $presupuestoEntity->tipo_impresion_id ? ' selected' : ''  ?>* />
-                                    <?= $v ?>
+                                    <option value="<?= $v->id ?>">
+                                        <?= $v->nombre ?>
                                     </option>
                             <?php endforeach;
                             endif; ?>
                         </select>
                     </div>
                     <div class="col-md-12 col-lg-2 px-4">
-                        <select id="compGramajeNegro" name="comp_gramaje_negro" class="form-control select2bs2"  disabled style="width: 100%;">
+                        <select id="compGramajeNegro" name="comp_gramaje_negro" class="form-control select2bs2 comp_negro_items" disabled style="width: 100%;">
                         </select>
                     </div>
                     <div>
@@ -97,21 +102,21 @@
                         <p><?= lang('MaquinasTarifasImpresions.negrohq') ?></p>
                     </div>
                     <div class="col-md-12 col-lg-2 px-4">
-                        <input type="number" id="compPaginasNegrohq" name="comp_paginas_negrohq" placeholder="0" maxLength="5" class="form-control" value="<?= isset($presupuestoEntity->comparador_json_data->negro) ? (old(0, $presupuestoEntity->comparador_json_data->negro->paginas)) : '0' ?>">
+                        <input type="text" id="compPaginasNegrohq" name="comp_paginas_negrohq" placeholder="0" maxLength="5" class="form-control comp_negrohq_items" value="<?= isset($comp_data->bnhq->paginas) ? (old(0, $comp_data->bnhq->paginas)) : '0' ?>">
                     </div>
                     <div class="col-md-12 col-lg-6 px-4">
-                        <select id="compPapelNegrohq" name="comp_papel_negrohq" class="form-control select2bs2" style="width: 100%;">
+                        <select id="compPapelNegrohq" name="comp_papel_negrohq" class="form-control select2bs2 comp_negrohq_items" style="width: 100%;">
                             <?php if (isset($papelGenericoNegroHQList) && is_array($papelGenericoNegroHQList) && !empty($papelGenericoNegroHQList)) :
                                 foreach ($papelGenericoNegroHQList as $k => $v) : ?>
-                                    <option value="<?= $k ?>" /*<?= $k == $presupuestoEntity->tipo_impresion_id ? ' selected' : ''  ?>* />
-                                    <?= $v ?>
+                                    <option value="<?= $v->id ?>">
+                                        <?= $v->nombre ?>
                                     </option>
                             <?php endforeach;
                             endif; ?>
                         </select>
                     </div>
                     <div class="col-md-12 col-lg-2 px-4">
-                        <select id="compGramajeNegrohq" name="comp_gramaje_negrohq" class="form-control select2bs2" disabled style="width: 100%;">
+                        <select id="compGramajeNegrohq" name="comp_gramaje_negrohq" class="form-control select2bs2 comp_negrohq_items" disabled style="width: 100%;">
                         </select>
                     </div>
                     <div>
@@ -125,21 +130,21 @@
                         <p><?= lang('MaquinasTarifasImpresions.color') ?></p>
                     </div>
                     <div class="col-md-12 col-lg-2 px-4">
-                        <input type="number" id="compPaginasColor" name="comp_paginas_color" placeholder="0" maxLength="5" class="form-control" value="<?= isset($presupuestoEntity->comparador_json_data->color) ? (old(0, $presupuestoEntity->comparador_json_data->color->paginas)) : '0' ?>">
+                        <input type="text" id="compPaginasColor" name="comp_paginas_color" placeholder="0" maxLength="5" class="form-control comp_color_items" value="<?= isset($comp_data->color->paginas) ? (old(0, $comp_data->color->paginas)) : '0' ?>">
                     </div>
                     <div class="col-md-12 col-lg-6 px-4">
-                        <select id="compPapelColor" name="comp_papel_color" class="form-control select2bs2" style="width: 100%;">
+                        <select id="compPapelColor" name="comp_papel_color" class="form-control select2bs2 comp_color_items" style="width: 100%;">
                             <?php if (isset($papelGenericoColorList) && is_array($papelGenericoColorList) && !empty($papelGenericoColorList)) :
                                 foreach ($papelGenericoColorList as $k => $v) : ?>
-                                    <option value="<?= $k ?>" /*<?= $k == $presupuestoEntity->tipo_impresion_id ? ' selected' : ''  ?>* />
-                                    <?= $v ?>
+                                    <option value="<?= $v->id ?>">
+                                        <?= $v->nombre ?>
                                     </option>
                             <?php endforeach;
                             endif; ?>
                         </select>
                     </div>
                     <div class="col-md-12 col-lg-2 px-4">
-                        <select id="compGramajeColor" name="comp_gramaje_color" class="form-control select2bs2" disabled style="width: 100%;">
+                        <select id="compGramajeColor" name="comp_gramaje_color" class="form-control select2bs2 comp_color_items" disabled style="width: 100%;">
                         </select>
                     </div>
                     <div>
@@ -153,21 +158,21 @@
                         <p><?= lang('MaquinasTarifasImpresions.colorhq') ?></p>
                     </div>
                     <div class="col-md-12 col-lg-2 px-4">
-                        <input type="number" id="compPaginasColorhq" name="comp_paginas_colorhq" placeholder="0" maxLength="5" class="form-control" value="<?= isset($presupuestoEntity->comparador_json_data->color) ? (old(0, $presupuestoEntity->comparador_json_data->color->paginas)) : '0' ?>">
+                        <input type="text" id="compPaginasColorhq" name="comp_paginas_colorhq" placeholder="0" maxLength="5" class="form-control comp_colorhq_items" value="<?= isset($comp_data->colorhq->paginas) ? (old(0, $comp_data->colorhq->paginas)) : '0' ?>">
                     </div>
                     <div class="col-md-12 col-lg-6 px-4">
-                        <select id="compPapelColorhq" name="comp_papel_colorhq" class="form-control select2bs2" style="width: 100%;">
+                        <select id="compPapelColorhq" name="comp_papel_colorhq" class="form-control select2bs2 comp_colorhq_items" style="width: 100%;">
                             <?php if (isset($papelGenericoColorHQList) && is_array($papelGenericoColorHQList) && !empty($papelGenericoColorHQList)) :
                                 foreach ($papelGenericoColorHQList as $k => $v) : ?>
-                                    <option value="<?= $k ?>" /*<?= $k == $presupuestoEntity->tipo_impresion_id ? ' selected' : ''  ?>* />
-                                    <?= $v ?>
+                                    <option value="<?= $v->id ?>">
+                                        <?= $v->nombre ?>
                                     </option>
                             <?php endforeach;
                             endif; ?>
                         </select>
                     </div>
                     <div class="col-md-12 col-lg-2 px-4">
-                        <select id="compGramajeColorhq" name="comp_gramaje_colorhq" class="form-control select2bs2" disabled style="width: 100%;">
+                        <select id="compGramajeColorhq" name="comp_gramaje_colorhq" class="form-control select2bs2 comp_colorhq_items" disabled style="width: 100%;">
                         </select>
                     </div>
                     <div>
@@ -179,30 +184,30 @@
                 <div class="row">
                     <div class="col-md-12 col-lg-2 px-4">
                         <p><?= lang('PapelImpresion.cubierta') ?></p>
-                    </div>
+                    </div> 
                     <div class="col-md-12 col-lg-2 px-4">
-                        <select id="compPaginasCubierta" name="comp_paginas_cubierta" class="form-control select2bs2" style="width: 100%;">
-                            <option value="1" >
+                        <select id="compCarasCubierta" name="comp_paginas_cubierta" class="form-control select2bs2 comp_cubierta_items" style="width: 100%;">
+                            <option value="2">
                                 <p><?= lang('Presupuestos.1cara') ?></p>
                             </option>
-                            <option value="2" >
+                            <option value="4">
                                 <p><?= lang('Presupuestos.2caras') ?></p>
                             </option>
                         </select>
                     </div>
                     <div class="col-md-12 col-lg-6 px-4">
-                        <select id="compPapelCubierta" name="comp_papel_cubierta" class="form-control select2bs2" style="width: 100%;">
-                            <?php if (isset($papelGenericoSobrecubiertaList) && is_array($papelGenericoSobrecubiertaList) && !empty($papelGenericoSobrecubiertaList)) :
-                                foreach ($papelGenericoSobrecubiertaList as $k => $v) : ?>
-                                    <option value="<?= $k ?>" /*<?= $k == $presupuestoEntity->tipo_impresion_id ? ' selected' : ''  ?>* />
-                                    <?= $v ?>
+                        <select id="compPapelCubierta" name="comp_papel_cubierta" class="form-control select2bs2 comp_cubierta_items" style="width: 100%;">
+                            <?php if (isset($papelGenericoCubiertaList) && is_array($papelGenericoCubiertaList) && !empty($papelGenericoCubiertaList)) :
+                                foreach ($papelGenericoCubiertaList as $k => $v) : ?>
+                                    <option value="<?= $v->id ?>">
+                                        <?= $v->nombre ?>
                                     </option>
                             <?php endforeach;
                             endif; ?>
                         </select>
                     </div>
                     <div class="col-md-12 col-lg-2 px-4">
-                        <select id="compGramajeCubierta" name="comp_gramaje_cubierta" class="form-control select2bs2" disabled style="width: 100%;">
+                        <select id="compGramajeCubierta" name="comp_gramaje_cubierta" class="form-control select2bs2 comp_cubierta_items" disabled style="width: 100%;">
                         </select>
                     </div>
                     <div>
@@ -224,7 +229,7 @@
                             <label for="compPosPaginasColor" class="form-label">
                                 <?= lang('Presupuestos.posicionPagColor') ?>
                             </label>
-                            <input type="text" id="compPosPaginasColor" name="comp_pos_paginas_color" maxLength="20" class="form-control" value="<?= isset($presupuestoEntity->comparador_json_data->color->pospaginas) ? (old('', $presupuestoEntity->comparador_json_data->color->pospaginas)) : '' ?>">
+                            <input type="text" id="compPosPaginasColor" name="comp_pos_paginas_color" maxLength="20" class="form-control" value="<?= isset($presupuestoEntity->comp_pos_paginas_color) ? (old('', $presupuestoEntity->comp_pos_paginas_color)) : '' ?>">
                         </div><!--//.mb-3 -->
                     </div><!--//.col -->
                     <div class="col-md-12 col-lg-8 px-4">
@@ -246,17 +251,15 @@
                 <div class="accordion mt-3" id="accordionCompInteriorPlana">
                     <div class="card accordion-item active">
                         <h2 class="accordion-header" id="headingOne">
-                            <button type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#accordionCompInteriorPlanaTip" aria-expanded="false" aria-controls="accordionCompInteriorPlanaTip">
-                                <h6><?= lang("Presupuestos.compInteriorPlana") ?></h4>
+                            <button id="accordion-button-int-plana" type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#accordionCompInteriorPlanaTip" aria-expanded="false" aria-controls="accordionCompInteriorPlanaTip">
+                                <h6 id="title_int_plana"><?= lang("Presupuestos.compInteriorPlana") ?></h6>
                             </button>
                         </h2>
 
                         <div id="accordionCompInteriorPlanaTip" class="accordion-collapse collapse" data-bs-parent="#accordionCompInteriorPlana">
                             <div class="accordion-body">
 
-
-
-                                <table id="tableCompIntPlana" class="comparator-table table dt-responsive dataTable">
+                                <table id="tableCompIntPlana" class="comparator-table table dt-responsive dataTable" style="width: 100%;">
                                     <thead>
                                         <tr>
                                             <th style="padding-right: 0.75em;"><?= lang('Presupuestos.tipo') ?></th>
@@ -274,10 +277,6 @@
                                             <th style="padding-right: 0.75em;"><?= lang('Presupuestos.peso') ?></th>
                                             <th style="padding-right: 0.75em;"><?= lang('Presupuestos.click') ?></th>
                                             <th style="padding-right: 0.75em;"><?= lang('Presupuestos.totalClicks') ?></th>
-                                            <th style="padding-right: 0.75em;"><?= lang('Presupuestos.precioPagNegro') ?></th>
-                                            <th style="padding-right: 0.75em;"><?= lang('Presupuestos.precioPagColor') ?></th>
-                                            <th style="padding-right: 0.75em;"><?= lang('Presupuestos.totalTinta') ?></th>
-                                            <th style="padding-right: 0.75em;"><?= lang('Presupuestos.totalCorte') ?></th>
                                             <th style="padding-right: 0.75em;"><?= lang('Presupuestos.total') ?></th>
                                         </tr>
                                     </thead>
@@ -285,12 +284,21 @@
                                     </tbody>
                                     <tfoot>
                                         <tr>
-                                            <td class="dt-result dt-result-text" colspan="18"><?= lang('Presupuestos.total') ?> <?= lang("Presupuestos.compInteriorPlana") ?>:</td>
-                                            <td class="dt-result dt-result-value" colspan="2"> 0.00 </td>
+                                            <td class="dt-result dt-result-text" colspan="14"><?= lang('Presupuestos.total') ?> <?= lang("Presupuestos.compInteriorPlana") ?>:</td>
+                                            <td id="total_comp_plana" class="dt-result dt-result-value" colspan="2"> 0.00 </td>
                                         </tr>
                                     </tfoot>
                                 </table>
 
+                                <div >
+                                    <button type="button" name="insertarPlanaBtn"
+                                            id="insertarPlanaBtn"
+                                            class="btn btn-primary float-end me-sm-3 me-1 mb-3 insertarLinea d-none">
+                                            <?= lang('Presupuestos.insertarLinea').' '.strtoupper(lang('Presupuestos.plana')) ?>
+                                    </button>
+                                    
+                                </div>
+
                             </div>
                         </div>
                     </div>
@@ -300,8 +308,8 @@
                 <div class="accordion mt-3" id="accordionCompInteriorRotativa">
                     <div class="card accordion-item active">
                         <h2 class="accordion-header" id="headingTwo">
-                            <button type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#accordionCompInteriorRotativaTip" aria-expanded="false" aria-controls="accordionCompInteriorRotativaTip">
-                                <h6><?= lang("Presupuestos.compInteriorRotativa") ?></h4>
+                            <button id="accordion-button-int-rotativa" type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#accordionCompInteriorRotativaTip" aria-expanded="false" aria-controls="accordionCompInteriorRotativaTip">
+                                <h6 id="title_int_rot"><?= lang("Presupuestos.compInteriorRotativa") ?></h6>
                             </button>
                         </h2>
 
@@ -309,7 +317,7 @@
                             <div class="accordion-body">
 
 
-                                <table id="tableCompIntRotativa" class="comparator-table table dt-responsive dataTable">
+                                <table id="tableCompIntRotativa" class="comparator-table table dt-responsive dataTable" style="width: 100%;">
                                     <thead>
                                         <tr>
                                             <th style="padding-right: 0.75em;"><?= lang('Presupuestos.tipo') ?></th>
@@ -317,6 +325,7 @@
                                             <th style="padding-right: 0.75em;"><?= lang('Presupuestos.papel') ?></th>
                                             <th style="padding-right: 0.75em;"><?= lang('Presupuestos.gramaje') ?></th>
                                             <th style="padding-right: 0.75em;"><?= lang('Presupuestos.marca') ?></th>
+                                            <th style="padding-right: 0.75em;"><?= lang('Presupuestos.aFavorFibra') ?></th>
                                             <th style="padding-right: 0.75em;"><?= lang('Presupuestos.maquina') ?></th>
                                             <th style="padding-right: 0.75em;"><?= lang('Presupuestos.numeroPliegos') ?></th>
                                             <th style="padding-right: 0.75em;"><?= lang('Presupuestos.pliegosPedido') ?></th>
@@ -338,12 +347,21 @@
                                     </tbody>
                                     <tfoot>
                                         <tr>
-                                            <td class="dt-result dt-result-text" colspan="18"><?= lang('Presupuestos.total') ?> <?= lang("Presupuestos.compInteriorRotativa") ?>:</td>
-                                            <td class="dt-result dt-result-value" colspan="2">0.00</td>
+                                            <td id="errorComRot" class="dt-result dt-result-text" colspan="15"></td>
+                                            <td class="dt-result dt-result-text" colspan="4"><?= lang('Presupuestos.total') ?> <?= lang("Presupuestos.compInteriorRotativa") ?>:</td>
+                                            <td id="total_comp_rot" class="dt-result dt-result-value" colspan="2">0.00</td>
                                         </tr>
                                     </tfoot>
                                 </table>
 
+                                <div >
+                                    <button type="button" name="insertarRotativaBtn"
+                                                id="insertarRotativaBtn"
+                                                class="btn btn-primary float-end me-sm-3 me-1 mb-3 insertarLinea d-none">
+                                                <?= lang('Presupuestos.insertarLinea').' '.strtoupper(lang('Presupuestos.rotativa')) ?>
+                                    </button>
+                                </div>
+
                             </div>
                         </div>
                     </div>
@@ -352,15 +370,15 @@
                 <div class="accordion mt-3" id="accordionCompCubiertaSobrecubierta">
                     <div class="card accordion-item active">
                         <h2 class="accordion-header" id="headingThree">
-                            <button type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#accordionCompCubiertaSobrecubiertaTip" aria-expanded="false" aria-controls="accordionCompCubiertaSobrecubiertaTip">
-                                <h6><?= lang("Presupuestos.cubierta") ?></h4>
+                            <button id="accordion-button-cubierta" type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#accordionCompCubiertaSobrecubiertaTip" aria-expanded="false" aria-controls="accordionCompCubiertaSobrecubiertaTip">
+                                <h6 id="title_cubierta"><?= lang("Presupuestos.cubierta") ?></h6>
                             </button>
                         </h2>
 
                         <div id="accordionCompCubiertaSobrecubiertaTip" class="accordion-collapse collapse" data-bs-parent="#accordionCompCubiertaSobrecubierta">
                             <div class="accordion-body">
 
-                                <table id="tableCompCubierta" class="comparator-table table dt-responsive dataTable">
+                                <table id="tableCompCubierta" class="comparator-table table dt-responsive dataTable" style="width: 100%;">
                                     <thead>
                                         <tr>
                                             <th style="padding-right: 0.75em;"><?= lang('Presupuestos.tipo') ?></th>
@@ -378,10 +396,6 @@
                                             <th style="padding-right: 0.75em;"><?= lang('Presupuestos.peso') ?></th>
                                             <th style="padding-right: 0.75em;"><?= lang('Presupuestos.click') ?></th>
                                             <th style="padding-right: 0.75em;"><?= lang('Presupuestos.totalClicks') ?></th>
-                                            <th style="padding-right: 0.75em;"><?= lang('Presupuestos.precioPagNegro') ?></th>
-                                            <th style="padding-right: 0.75em;"><?= lang('Presupuestos.precioPagColor') ?></th>
-                                            <th style="padding-right: 0.75em;"><?= lang('Presupuestos.totalTinta') ?></th>
-                                            <th style="padding-right: 0.75em;"><?= lang('Presupuestos.totalCorte') ?></th>
                                             <th style="padding-right: 0.75em;"><?= lang('Presupuestos.total') ?></th>
                                         </tr>
                                     </thead>
@@ -389,13 +403,20 @@
                                     </tbody>
                                     <tfoot>
                                         <tr>
-                                            <td class="dt-result dt-result-text" colspan="18"><?= lang('Presupuestos.total') ?> <?= lang('Presupuestos.cubierta') ?>:</td>
-                                            <td class="dt-result dt-result-value" colspan="2">0.00</td>
+                                            <td class="dt-result dt-result-text" colspan="14"><?= lang('Presupuestos.total') ?> <?= lang("Presupuestos.compInteriorPlana") ?>:</td>
+                                            <td id="total_comp_cubierta" class="dt-result dt-result-value" colspan="2"> 0.00 </td>
                                         </tr>
                                     </tfoot>
                                 </table>
 
-                                
+                                <div>
+                                <button type="button" name="insertarCubiertaBtn"
+                                                id="insertarCubiertaBtn"
+                                                class="btn btn-primary float-end me-sm-3 me-1 mb-3 insertarLinea d-none">
+                                                <?= lang('Presupuestos.insertarLinea').' '.strtoupper(lang('Presupuestos.cubierta')) ?>
+                                    </button>
+                                </div>
+
                             </div>
                         </div>
                     </div>
@@ -406,4 +427,1046 @@
             </div> <!-- //.accordion-body -->
         </div> <!-- //.accordion-collapse -->
     </div> <!-- //.accordion-item -->
-</div> <!-- //.accordion -->
\ No newline at end of file
+</div> <!-- //.accordion -->
+
+
+<!------------------------------------------->
+<!-- Código JS comportamiento general pag. -->
+<!------------------------------------------->
+<?= $this->section("additionalInlineJs") ?>
+
+    autosize($('#compCalPaginasColor'));
+    
+    function init_comparador() {
+        $('#tipoImpresion').select2({
+            allowClear: false,
+        });
+
+        $('#compPapelNegro').select2({
+            allowClear: false,
+        });
+
+        $('#compGramajeNegro').select2({
+            allowClear: false,
+        });
+
+        $('#compPapelNegrohq').select2({
+            allowClear: false,
+        });
+
+        $('#compGramajeNegrohq').select2({
+            allowClear: false,
+        });
+
+        $('#compPapelColor').select2({
+            allowClear: false,
+        });
+
+        $('#compPapelColorhq').select2({
+            allowClear: false,
+        });
+
+        $('#compGramajeColor').select2({
+            allowClear: false,
+        });
+
+        $('#compGramajeColorhq').select2({
+            allowClear: false,
+        });
+
+        $('#compPapelCubierta').select2({
+            allowClear: false,
+        });
+
+        $('#compGramajeCubierta').select2({
+            allowClear: false,
+        });
+
+        $('#encuadernacion').select2({
+            allowClear: false,
+        });
+
+        $('#compCarasCubierta').select2({
+            allowClear: false,
+            minimumResultsForSearch: Infinity,
+        });
+
+        $('#papelFormatoId').select2({
+            allowClear: false,
+        });
+
+        updatePapelesComparador();
+        const paginasColor = document.getElementById('compCalPaginasColor');
+        if (paginasColor.value.length > 0) {
+            computarPaginasColor(paginasColor.value);
+        }
+
+        var comp_data = <?php echo json_encode($comp_data); ?>
+
+        try{
+            $("#compPapelNegro").val(parseInt(comp_data.bn.papel_id)).trigger('change');
+            
+            try{
+                var newState = new Option(comp_data.bn.gramaje, comp_data.bn.gramaje, true, true);
+                // Append it to the select
+                $("#compGramajeNegro").append(newState).trigger('change');
+                $('#compGramajeNegro').prop('disabled', false);
+            }catch(e){}
+        }catch(e){}
+
+        try{
+            $("#compPapelNegrohq").val(parseInt(comp_data.bnhq.papel_id)).trigger('change');
+
+            try{
+                var newState = new Option(comp_data.bnhq.gramaje, comp_data.bnhq.gramaje, true, true);
+                // Append it to the select
+                $("#compGramajeNegrohq").append(newState).trigger('change');
+                $('#compGramajeNegrohq').prop('disabled', false);
+            }catch(e){}
+        }catch(e){}
+
+        try{
+            $("#compPapelColor").val(parseInt(comp_data.color.papel_id)).trigger('change');
+
+            try{
+                var newState = new Option(comp_data.color.gramaje, comp_data.color.gramaje, true, true);
+                // Append it to the select
+                $("#compGramajeColor").append(newState).trigger('change');
+                $('#compGramajeColor').prop('disabled', false);
+            }catch(e){}
+        }catch(e){}
+
+        try{
+            $("#compPapelColorhq").val(parseInt(comp_data.colorhq.papel_id)).trigger('change');
+
+            try{
+                var newState = new Option(comp_data.colorhq.gramaje, comp_data.colorhq.gramaje, true, true);
+                // Append it to the select
+                $("#compGramajeColorhq").append(newState).trigger('change');
+                $('#compGramajeColorhq').prop('disabled', false);
+            }catch(e){}
+        }catch(e){}
+
+        try{
+            $("#compCarasCubierta").val(parseInt(comp_data.cubierta.paginas)).trigger('select2:select');
+            try{
+                $("#compPapelCubierta").val(parseInt(comp_data.cubierta.papel_id)).trigger('select2:select');
+
+                try{
+                    var newState = new Option(comp_data.cubierta.gramaje, comp_data.cubierta.gramaje, true, true);
+                    // Append it to the select
+                    $("#compGramajeCubierta").append(newState).trigger('change');
+                    $('#compGramajeCubierta').prop('disabled', false);
+                }catch(e){}
+            }catch(e){}
+        }catch(e){}
+
+        var timp = '<?php echo $presupuestoEntity->comp_tipo_impresion; ?>'
+        switch(timp){
+            case 'negro':
+                checkComparadorInt(false,false)
+                break;
+            case 'negrohq':
+                checkComparadorInt(false,true)
+                break;
+            case 'color':
+                checkComparadorInt(true,false)
+                break;
+            case 'colorhq':
+                checkComparadorInt(true,true)
+                break;
+            default:
+                break;
+        }
+
+        computarPaginasColor($('#compPosPaginasColor').val());
+        
+    }
+
+    var tableCompIntPlana = new DataTable('#tableCompIntPlana',{
+        scrollX: true,
+        searching: false,
+        paging: false,
+        info: false,
+        ordering: false,
+        responsive: true,
+        select: false,
+        language: {
+            url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->i18n ?>.json"
+        },
+        columns: [
+            { 'data': 'tipo',  
+            'render': function ( data, type, row, meta ) {
+                if(data=='bn')
+                    return '<?= lang('Presupuestos.bn') ?>';
+                else if(data=='bnhq')
+                    return '<?= lang('Presupuestos.bnhq') ?>';
+                else if(data=='color')
+                    return '<?= lang('Presupuestos.color') ?>';
+                else if(data=='colorhq')
+                    return '<?= lang('Presupuestos.colorhq') ?>';
+                }
+            },
+            { 'data': 'paginas' },
+            { 'data': 'papel' },
+            { 'data': 'gramaje' },
+            { 'data': 'marca' },
+            { 'data': 'maquina' },
+            { 'data': 'numeroPliegos' },
+            { 'data': 'pliegosPedido' },
+            { 'data': 'precioPliego' },
+            { 'data': 'libro' },
+            { 'data': 'totalPapelPedido' },
+            { 'data': 'lomo' },
+            { 'data': 'peso' },
+            { 'data': 'click' },
+            { 'data': 'totalClicks' },
+            { 'data': 'total' },
+            { 'data': 'maquinaId'},
+            { 'data': 'maquinaVelocidad'},
+            { 'data': 'tiempoMaquina'},
+            { 'data': 'papelGenericoId'},
+            { 'data': 'papelImpresionId'},
+            { 'data': 'tarifa_impresion_id'}
+        ],
+        columnDefs: [
+            {
+                target: [16,17,18,19,20,21],
+                visible: false,
+                searchable: false
+            },
+        ]
+    });
+
+
+    var tableCompIntRotativa = new DataTable('#tableCompIntRotativa',{
+        scrollX: true,
+        searching: false,
+        paging: false,
+        info: false,
+        ordering: false,
+        responsive: true,
+        select: false,
+        language: {
+            url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->i18n ?>.json"
+        },
+        columns: [
+            {   'data': 'tipo',  
+                'render': function ( data, type, row, meta ) {
+                if(data=='rotativa')
+                    return '<?= lang('Presupuestos.rotativa') ?>';
+                }
+            },
+            { 'data': 'paginas' },
+            { 'data': 'papel' },
+            { 'data': 'gramaje' },
+            { 'data': 'marca' },
+            { 'data': 'aFavorFibra',
+                'render': function(data, type, row, meta){
+                if(data=='si')
+                    return '<?= lang('Presupuestos.si') ?>';
+                else if(data=='no')
+                    return '<?= lang('Presupuestos.no') ?>';
+                }
+            },
+            { 'data': 'maquina' },
+            { 'data': 'numeroPliegos' },
+            { 'data': 'pliegosPedido' },
+            { 'data': 'precioPliego' },
+            { 'data': 'libro' },
+            { 'data': 'totalPapelPedido' },
+            { 'data': 'lomo' },
+            { 'data': 'peso' },
+            { 'data': 'click' },
+            { 'data': 'totalClicks' },
+            { 'data': 'precioPagNegro' },
+            { 'data': 'precioPagColor' },
+            { 'data': 'totalTinta' },
+            { 'data': 'totalCorte' },
+            { 'data': 'total' },
+            { 'data': 'maquinaId'},
+            { 'data': 'maquinaVelocidad'},
+            { 'data': 'tiempoMaquina'},
+            { 'data': 'papelGenericoId'},
+            { 'data': 'papelImpresionId'},
+            { 'data': 'paginasColor'},
+            { 'data': 'tarifa_impresion_id'}
+        ],
+        columnDefs: [
+            {
+                target: [21,22,23,24,25,26,27],
+                visible: false,
+                searchable: false
+            },
+        ]
+    });
+
+    var tableCompCubierta = new DataTable('#tableCompCubierta',{
+        scrollX: true,
+        searching: false,
+        paging: false,
+        info: false,
+        ordering: false,
+        responsive: true,
+        select: false,
+        language: {
+            url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->i18n ?>.json"
+        },
+        columns: [
+            { 'data': 'tipo',  
+            'render': function ( data, type, row, meta ) {
+                if(data=='cubierta')
+                    return '<?= lang('Presupuestos.cubierta') ?>';
+                else if(data=='sobrecubierta')
+                    return '<?= lang('Presupuestos.sobrecubierta') ?>';
+                }
+            },
+            { 'data': 'paginas' },
+            { 'data': 'papel' },
+            { 'data': 'gramaje' },
+            { 'data': 'marca' },
+            { 'data': 'maquina' },
+            { 'data': 'numeroPliegos' },
+            { 'data': 'pliegosPedido' },
+            { 'data': 'precioPliego' },
+            { 'data': 'libro' },
+            { 'data': 'totalPapelPedido' },
+            { 'data': 'lomo' },
+            { 'data': 'peso' },
+            { 'data': 'click' },
+            { 'data': 'totalClicks' },
+            { 'data': 'total' },
+            { 'data': 'maquinaId'},
+            { 'data': 'maquinaVelocidad'},
+            { 'data': 'tiempoMaquina'},
+            { 'data': 'papelGenericoId'},
+            { 'data': 'papelImpresionId'},
+            { 'data': 'tarifa_impresion_id'}
+        ],
+        columnDefs: [
+            {
+                target: [16,17,18,19,20,21],
+                visible: false,
+                searchable: false
+            },
+        ]
+    });
+
+    $('.comp_negro_items').on('change', function (e) {
+        
+        checkComparadorInt(false,false);
+    });
+
+    $('.comp_negrohq_items').on('change', function (e) {
+        
+        checkComparadorInt(false, true);
+    });
+
+    $('.comp_color_items').on('change', function (e) {
+        
+        checkComparadorInt(true, false);
+    });
+
+    $('.comp_colorhq_items').on('change', function (e) {
+        checkComparadorInt(true, true);
+    });
+
+    async function getLineasIntPlana(is_color, is_hq){
+
+        const dimension = getDimensionLibro();
+
+        let datos = {
+            type: 'interior',
+            color: is_color?1:0,
+            hq: is_hq?1:0,
+            paginas: parseInt($(''+ elementos.paginas).val()),
+            tirada: parseInt($('#tirada').val()),
+            merma: parseInt($('#merma').val()),
+            ancho: dimension.ancho,
+            alto: dimension.alto,
+            papel_generico_id: $(''+ elementos.papel).select2('data')[0].id,
+            papel_generico: $(''+ elementos.papel).select2('data')[0].text.trim(),
+            gramaje: $(''+ elementos.gramaje).select2('data')[0].text.trim() ,
+            <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
+        };
+
+        $.ajax({
+            type: "POST",
+            url: "/cosidotapablanda/datatable",
+            data: datos,
+            success: function (data) {
+                
+                clearIntLineas(is_color);
+                
+                if(data.lineas.length >0){
+
+                    fillIntPlana(data, is_color, is_hq);                    
+                    selectIntLineas();
+                    $('#title_int_plana').html('<?= lang("Presupuestos.compInteriorPlana") ?>' + ' (' + tableCompIntPlana.rows().count() + ')');
+                    $('#insertarPlanaBtn').removeClass('d-none')
+                }
+                else{
+                    $('#title_int_plana').html('<?= lang("Presupuestos.compInteriorPlana") ?>');
+                    $('#insertarPlanaBtn').addClass('d-none')
+                    $('#total_comp_plana').html('0.00');
+                }
+                yeniden(data.<?= csrf_token() ?>);
+                return true;
+            },
+            error: function(e){
+                return false;
+            }
+        })
+        return false;
+    }
+
+    async function getLineasIntRot(is_hq){
+
+        const dimension = getDimensionLibro();
+
+        // Rotativa solo negro o color (no hq)
+        if ( is_hq==false){
+            
+            if(checkInputsForRotativa()){
+    
+                let datos = {
+                    type: 'interior_rot',
+                    paginas: parseInt($('#paginas').val()),
+                    paginas_negro: parseInt($('#compPaginasNegro').val()),
+                    paginas_color: parseInt($('#compPaginasColor').val()),
+                    tirada: parseInt($('#tirada').val()),
+                    merma: parseInt($('#merma').val()),
+                    ancho: dimension.ancho,
+                    alto: dimension.alto,
+                    // el papel y el gramaje se coge del negro (siempre estará)
+                    papel_generico_id: $('#compPapelNegro').select2('data')[0].id,
+                    papel_generico: $('#compPapelNegro').select2('data')[0].text.trim(),
+                    gramaje: $('#compGramajeNegro').select2('data')[0].text.trim() ,
+                    <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
+                };
+
+                $.ajax({
+                    type: "POST",
+                    url: "/cosidotapablanda/datatable",
+                    data: datos,
+                    success: function (data) {
+                        
+                        clearIntRot();
+                        
+                        if(data.lineas.length >0){
+
+                            fillIntRot(data);                    
+                            selectIntRotLineas();
+                            $('#title_int_rot').html('<?= lang("Presupuestos.compInteriorRotativa") ?>' + ' (' + tableCompIntRotativa.rows().count() + ')');
+                            $('#insertarRotativaBtn').removeClass('d-none')
+                        }
+                        else{
+                            $('#title_int_rot').html('<?= lang("Presupuestos.compInteriorRotativa") ?>');
+                            $('#insertarRotativaBtn').addClass('d-none')
+                            $('#total_comp_rot').html('0.00')
+                        
+                        }
+                        yeniden(data.<?= csrf_token() ?>);
+                        return true;
+                    },
+                    error: function(e){
+                        return false;
+                    }
+                })
+            }
+        }
+        return false;
+    }
+    
+    $('.comp_cubierta_items').on('change', function (){
+
+        if ($('#compCarasCubierta').select2('data').length > 0 &&
+            $('#compPapelCubierta').select2('data').length > 0 &&
+            $('#compGramajeCubierta').select2('data').length > 0 ){
+
+            const dimension = getDimensionLibro();
+                
+            let datos = {
+                type: 'cubierta',
+                paginas: parseInt($('#compCarasCubierta').select2('data')[0].id),
+                tirada: parseInt($('#tirada').val()),
+                merma: parseInt($('#mermacubierta').val()),
+                color: 1,
+                ancho: dimension.ancho,
+                alto: dimension.alto,
+                solapas: $('#solapas').is(':checked')?1:0,
+                solapas_ancho: parseInt($('#solapas_ancho').val()),
+                papel_generico_id: $('#compPapelCubierta').select2('data')[0].id,
+                papel_generico: $('#compPapelCubierta').select2('data')[0].text.trim(),
+                gramaje: $('#compGramajeCubierta').select2('data')[0].text.trim() ,
+                <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
+            };
+
+            $.ajax({
+                type: "POST",
+                url: "/cosidotapablanda/datatable",
+                data: datos,
+                success: function (data) {
+                    
+                    clearCubierta();
+                    
+                    if(data.lineas.length >0){
+
+                        fillCubierta(data);                    
+                        selectCubiertaLineas();
+                        $('#title_cubierta').html('<?= lang("Presupuestos.cubierta") ?>' + ' (' + tableCompCubierta.rows().count() + ')');
+                        $('#insertarCubiertaBtn').removeClass('d-none')
+            
+                    }
+                    else{
+                        $('#title_cubierta').html('<?= lang("Presupuestos.cubierta") ?>');
+                        $('#insertarCubiertaBtn').addClass('d-none')
+                        $('#total_comp_cubierta').html('0.00')
+            
+                    }
+                    yeniden(data.<?= csrf_token() ?>);
+                    return true;
+                },
+                error: function(e){
+                    return false;
+                }
+            })
+        }
+
+        else{
+            clearCubierta();
+        }
+    });
+
+
+    $('#tipoImpresion').on("change", function () {
+        updatePapelesComparador();
+
+        $('#title_int_rot').html('<?= lang("Presupuestos.compInteriorRotativa") ?>');
+        $('#title_int_plana').html('<?= lang("Presupuestos.compInteriorPlana") ?>');
+        $('#paginas').change();
+
+        $('#tableCompIntRotativa').DataTable().clear().draw();
+        $('#total_comp_rot').html("0.00");
+
+        $('#tableCompIntPlana').DataTable().clear().draw();
+        $('#total_comp_plana').html("0.00");
+
+    });
+
+
+    $('.comp_negro_items').on('change', function (e) {
+
+        checkComparadorInt(false,false);
+    });
+
+    $('.comp_negrohq_items').on('change', function (e) {
+
+        checkComparadorInt(false, true);
+    });
+
+    $('.comp_color_items').on('change', function (e) {
+
+        checkComparadorInt(true, false);
+    });
+
+    $('.comp_colorhq_items').on('change', function (e) {
+        checkComparadorInt(true, true);
+    });
+
+    async function getLineasIntPlana(is_color, is_hq){
+
+        const dimension = getDimensionLibro();
+
+        let datos = {
+            type: 'interior',
+            color: is_color?1:0,
+            hq: is_hq?1:0,
+            paginas: parseInt($(''+ elementos.paginas).val()),
+            tirada: parseInt($('#tirada').val()),
+            merma: parseInt($('#merma').val()),
+            ancho: dimension.ancho,
+            alto: dimension.alto,
+            papel_generico_id: $(''+ elementos.papel).select2('data')[0].id,
+            papel_generico: $(''+ elementos.papel).select2('data')[0].text.trim(),
+            gramaje: $(''+ elementos.gramaje).select2('data')[0].text.trim() ,
+            <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
+        };
+
+        $.ajax({
+            type: "POST",
+            url: "/cosidotapablanda/datatable",
+            data: datos,
+            success: function (data) {
+
+                clearIntLineas(is_color);
+
+                if(data.lineas.length >0){
+
+                    fillIntPlana(data, is_color, is_hq);
+                    selectIntLineas();
+                    $('#title_int_plana').html('<?= lang("Presupuestos.compInteriorPlana") ?>' + ' (' + tableCompIntPlana.rows().count() + ')');
+                    $('#insertarPlanaBtn').removeClass('d-none')
+                }
+                else{
+                    $('#title_int_plana').html('<?= lang("Presupuestos.compInteriorPlana") ?>');
+                    $('#insertarPlanaBtn').addClass('d-none')
+                    $('#total_comp_plana').html('0.00');
+                }
+                yeniden(data.<?= csrf_token() ?>);
+                return true;
+            },
+            error: function(e){
+                return false;
+            }
+        })
+        return false;
+    }
+
+    async function getLineasIntRot(is_hq){
+
+        const dimension = getDimensionLibro();
+
+        // Rotativa solo negro o color (no hq)
+        if ( is_hq==false){
+
+            if(checkInputsForRotativa()){
+
+                let datos = {
+                    type: 'interior_rot',
+                    paginas: parseInt($('#paginas').val()),
+                    paginas_negro: parseInt($('#compPaginasNegro').val()),
+                    paginas_color: parseInt($('#compPaginasColor').val()),
+                    tirada: parseInt($('#tirada').val()),
+                    merma: parseInt($('#merma').val()),
+                    ancho: dimension.ancho,
+                    alto: dimension.alto,
+                    // el papel y el gramaje se coge del negro (siempre estará)
+                    papel_generico_id: $('#compPapelNegro').select2('data')[0].id,
+                    papel_generico: $('#compPapelNegro').select2('data')[0].text.trim(),
+                    gramaje: $('#compGramajeNegro').select2('data')[0].text.trim() ,
+                    <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
+                };
+
+                $.ajax({
+                    type: "POST",
+                    url: "/cosidotapablanda/datatable",
+                    data: datos,
+                    success: function (data) {
+
+                        clearIntRot();
+
+                        if(data.lineas.length >0){
+
+                            fillIntRot(data);
+                            selectIntRotLineas();
+                            $('#title_int_rot').html('<?= lang("Presupuestos.compInteriorRotativa") ?>' + ' (' + tableCompIntRotativa.rows().count() + ')');
+                            $('#insertarRotativaBtn').removeClass('d-none')
+                        }
+                        else{
+                            $('#title_int_rot').html('<?= lang("Presupuestos.compInteriorRotativa") ?>');
+                            $('#insertarRotativaBtn').addClass('d-none')
+                            $('#total_comp_rot').html('0.00')
+
+                        }
+                        yeniden(data.<?= csrf_token() ?>);
+                        return true;
+                    },
+                    error: function(e){
+                        return false;
+                    }
+                })
+            }
+        }
+        return false;
+    }
+
+
+    $('.comp_cubierta_items').on('change', function (){
+
+        if ($('#compCarasCubierta').select2('data').length > 0 &&
+            $('#compPapelCubierta').select2('data').length > 0 &&
+            $('#compGramajeCubierta').select2('data').length > 0 ){
+
+            const dimension = getDimensionLibro();
+
+            let datos = {
+                type: 'cubierta',
+                paginas: parseInt($('#compCarasCubierta').select2('data')[0].id),
+                tirada: parseInt($('#tirada').val()),
+                merma: parseInt($('#mermacubierta').val()),
+                color: 1,
+                ancho: dimension.ancho,
+                alto: dimension.alto,
+                solapas: $('#solapas').is(':checked')?1:0,
+                solapas_ancho: parseInt($('#solapas_ancho').val()),
+                papel_generico_id: $('#compPapelCubierta').select2('data')[0].id,
+                papel_generico: $('#compPapelCubierta').select2('data')[0].text.trim(),
+                gramaje: $('#compGramajeCubierta').select2('data')[0].text.trim() ,
+                <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
+            };
+
+            $.ajax({
+                type: "POST",
+                url: "/cosidotapablanda/datatable",
+                data: datos,
+                success: function (data) {
+
+                    clearCubierta();
+
+                    if(data.lineas.length >0){
+
+                        fillCubierta(data);
+                        selectCubiertaLineas();
+                        $('#title_cubierta').html('<?= lang("Presupuestos.cubierta") ?>' + ' (' + tableCompCubierta.rows().count() + ')');
+                        $('#insertarCubiertaBtn').removeClass('d-none')
+
+                    }
+                    else{
+                        $('#title_cubierta').html('<?= lang("Presupuestos.cubierta") ?>');
+                        $('#insertarCubiertaBtn').addClass('d-none')
+                        $('#total_comp_cubierta').html('0.00')
+
+                    }
+                    yeniden(data.<?= csrf_token() ?>);
+                    return true;
+                },
+                error: function(e){
+                    return false;
+                }
+            })
+        }
+
+        else{
+            clearCubierta();
+        }
+    });
+
+
+    $('#tipoImpresion').on("change", function () {
+        updatePapelesComparador();
+        $('#title_int_rot').html('<?= lang("Presupuestos.compInteriorRotativa") ?>');
+        $('#title_int_plana').html('<?= lang("Presupuestos.compInteriorPlana") ?>');
+        $('#paginas').change();
+
+
+        if (($('#tipoImpresion').select2('data')[0].id == 'negro' ||
+            $('#tipoImpresion').select2('data')[0].id == 'color')){
+
+            $('#tableCompIntRotativa').DataTable().clear().draw();
+            $('#total_comp_rot').html("0.00");
+
+            if( $('#tableCompIntPlana').DataTable().rows().count() > 0 &&
+            $('#tableCompIntPlana').DataTable().cell(0, 0).data().includes('hq')) {
+
+                $('#tableCompIntPlana').DataTable().clear().draw();
+                $('#total_comp_plana').html("0.00");
+            }
+
+        }
+        else if (($('#tipoImpresion').select2('data')[0].id == 'negrohq' ||
+            $('#tipoImpresion').select2('data')[0].id == 'colorhq')){
+
+                $('#tableCompIntRotativa').DataTable().clear().draw();
+                $('#total_comp_rot').html("0.00");
+
+                if($('#tableCompIntPlana').DataTable().rows().count() > 0 &&
+                    !$('#tableCompIntPlana').DataTable().cell(0, 0).data().includes('hq')) {
+
+                    $('#tableCompIntPlana').DataTable().clear().draw();
+                    $('#total_comp_plana').html("0.00");
+                }
+        }
+    });
+
+
+    function checkComparadorInt(is_color, is_hq) {
+
+        try{
+            
+            clearIntLineas(is_color);
+            clearIntRot();
+            $('#title_int_rot').html('<?= lang("Presupuestos.compInteriorRotativa") ?>');
+            $('#title_int_plana').html('<?= lang("Presupuestos.compInteriorPlana") ?>');
+            
+            elementos = getIDsComparador(is_color, is_hq)
+
+            if ($(''+ elementos.papel).select2('data').length > 0 &&
+                $(''+ elementos.gramaje).select2('data').length > 0 &&
+                parseInt($(''+ elementos.paginas).val()) > 0 &&
+                checkDatosPedidoForComp()) {
+
+                getLineasIntPlana(is_color, is_hq).then((result) =>{
+                    // Para rotativa, si es color el papel y el gramaje tiene que ser igual
+                    if(!is_color) 
+                    {
+                        getLineasIntRot(is_hq);
+                    }     
+                    else 
+                    {
+                        if(!is_hq){
+                            if ($('#compPapelNegro').select2('data')>0 && $('#compPapelColor').select2('data')>0 &&
+                            $('#compGramajeNegro').select2('data')>0 && $('#compGramajeColor').select2('data')>0)
+                            {
+                                if(($('#compPapelNegro').select2('data')[0].id == $('#compPapelColor').select2('data')[0].id &&
+                                    $('#compGramajeNegro').select2('data')[0].text.trim() == $('#compGramajeColor').select2('data')[0].text.trim()))
+                                {
+                                    getLineasIntRot(is_hq);
+                                }
+                                else
+                                {
+                                    $('#errorComRot').html('<?= lang("Presupuestos.errores.errorRotColor") ?>');
+                                }
+                            }
+                        }
+                    }
+                });
+            }
+        }catch(e){}
+    }
+
+
+    $('#compPapelNegro').on('select2:select', function (e){
+
+        if($('#compPapelNegro').select2('data')[0].id=='0'){
+            $('#compGramajeNegro').val('').change();
+            $('#compGramajeNegro').prop('disabled', true);
+        }
+
+        else{
+            $('#insertarPlanaBtn').addClass('d-none')
+            $('#insertarRotativaBtn').addClass('d-none')
+            $('#total_comp_plana').html('0.00')
+            $('#total_comp_rot').html('0.00')
+            $('#compGramajeNegro').val('').change();
+            $('#compGramajeNegro').empty().trigger("change");
+            $('#compGramajeNegro').prop('disabled', false);
+            $('#compGramajeNegro').select2({
+                allowClear: false,
+                minimumResultsForSearch: Infinity,
+                ajax: {
+                    url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+                    type: 'post',
+                    dataType: 'json',
+
+                    data: function (params) {
+                        return {
+                            tipo: 'gramaje',
+                            uso:   'bn',
+                            datos: $('#compPapelNegro').select2('data')[0].text.trim() ,
+                            <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
+                        };
+                    },
+                    delay: 60,
+                    processResults: function (response) {
+                        yeniden(response.<?= csrf_token() ?>);
+                        return {
+                            results: response.menu
+                        };
+                    },          
+                    cache: true
+                }
+            });
+        }
+    });
+
+    $('#compPapelNegrohq').on('select2:select', function (e){
+
+        if($('#compPapelNegrohq').select2('data')[0].id=='0'){
+            $('#compGramajeNegrohq').val('').change();
+            $('#compGramajeNegrohq').prop('disabled', true);
+        }
+        else{
+            $('#insertarPlanaBtn').addClass('d-none')
+            $('#insertarRotativaBtn').addClass('d-none')
+            $('#total_comp_plana').html('0.00')
+            $('#total_comp_rot').html('0.00')
+            $('#compGramajeNegrohq').empty().trigger("change");
+            $('#compGramajeNegrohq').prop('disabled', false);
+            $('#compGramajeNegrohq').select2({
+                allowClear: false,
+                minimumResultsForSearch: Infinity,
+                ajax: {
+                    url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+                    type: 'post',
+                    dataType: 'json',
+
+                    data: function (params) {
+                        return {
+                            tipo: 'gramaje',
+                            uso:   'bnhq',
+                            datos: $('#compPapelNegrohq').select2('data')[0].text.trim() ,
+                            <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
+                        };
+                    },
+                    delay: 60,
+                    processResults: function (response) {
+                        yeniden(response.<?= csrf_token() ?>);
+                        return {
+                            results: response.menu
+                        };
+                    },          
+                    cache: true
+                }
+            });
+        }
+    });
+
+
+    $('#compPapelColor').on('select2:select', function (e){
+
+        if($('#compPapelColor').select2('data')[0].id=='0'){
+            $('#compGramajeColor').val('').change();
+            $('#compGramajeColor').prop('disabled', true);
+        }
+        else{
+            $('#insertarPlanaBtn').addClass('d-none')
+            $('#insertarRotativaBtn').addClass('d-none')
+            $('#total_comp_plana').html('0.00')
+            $('#total_comp_rot').html('0.00')
+            $('#compGramajeColor').empty().trigger("change");
+            $('#compGramajeColor').prop('disabled', false);
+            $('#compPapelColor').find('option[value="0"]').remove();
+            $('#compGramajeColor').select2({
+                allowClear: false,
+                minimumResultsForSearch: Infinity,
+                ajax: {
+                    url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+                    type: 'post',
+                    dataType: 'json',
+
+                    data: function (params) {
+                        return {
+                            tipo: 'gramaje',
+                            uso:   'color',
+                            datos: $('#compPapelColor').select2('data')[0].text.trim() ,
+                            <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
+                        };
+                    },
+                    delay: 60,
+                    processResults: function (response) {
+                        yeniden(response.<?= csrf_token() ?>);
+                        return {
+                            results: response.menu
+                        };
+                    },          
+                    cache: true
+                }
+            });
+        }
+    });
+
+
+    $('#compPapelColorhq').on('select2:select', function (e){
+
+        if($('#compPapelColorhq').select2('data')[0].id=='0'){
+            $('#compGramajeColorhq').val('').change();
+            $('#compGramajeColorhq').prop('disabled', true);
+        }
+        else{
+            $('#insertarPlanaBtn').addClass('d-none')
+            $('#insertarRotativaBtn').addClass('d-none')
+            $('#total_comp_plana').html('0.00')
+            $('#total_comp_rot').html('0.00')
+            $('#compGramajeColorhq').empty().trigger("change");
+            $('#compGramajeColorhq').prop('disabled', false);
+            $('#compPapelColorhq').find('option[value="0"]').remove();
+            $('#compGramajeColorhq').select2({
+                allowClear: false,
+                minimumResultsForSearch: Infinity,
+                ajax: {
+                    url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+                    type: 'post',
+                    dataType: 'json',
+
+                    data: function (params) {
+                        return {
+                            tipo: 'gramaje',
+                            uso:   'colorhq',
+                            datos: $('#compPapelColorhq').select2('data')[0].text.trim() ,
+                            <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
+                        };
+                    },
+                    delay: 60,
+                    processResults: function (response) {
+                        yeniden(response.<?= csrf_token() ?>);
+                        return {
+                            results: response.menu
+                        };
+                    },          
+                    cache: true
+                }
+            });
+        }
+    });
+
+    $('#compPapelCubierta').on('select2:select', function (e){
+        if($('#compPapelCubierta').select2('data')[0].id=='0'){
+            $('#compGramajeCubierta').val('').change();
+            $('#compGramajeCubierta').prop('disabled', true);
+        }
+        else{
+            $('#insertarCubiertaBtn').addClass('d-none')
+            $('#total_comp_cubierta').html('0.00')
+            $('#compGramajeCubierta').val('').trigger('change');
+            $('#compGramajeCubierta').prop('disabled', false);
+            $('#compPapelCubierta').find('option[value="0"]').remove();
+            $('#compGramajeCubierta').select2({
+                allowClear: false,
+                minimumResultsForSearch: Infinity,
+                ajax: {
+                    url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+                    type: 'post',
+                    dataType: 'json',
+
+                    data: function (params) {
+                        return {
+                            tipo: 'gramaje',
+                            uso:   'cubierta',
+                            datos: $('#compPapelCubierta').select2('data')[0].text.trim() ,
+                            <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
+                        };
+                    },
+                    delay: 60,
+                    processResults: function (response) {
+                        yeniden(response.<?= csrf_token() ?>);
+                        return {
+                            results: response.menu
+                        };
+                    },          
+                    cache: true
+                }
+            });
+        }
+    });
+
+    
+    function checkDatosPedidoForComp() {
+
+        const dimension = getDimensionLibro();
+
+        if (parseInt($('#paginas').val()) <= 0){
+            popErrorAlert('<?=lang('Presupuestos.errores.paginas') ?>', 'divAlarmasComparador');
+            return false;
+        }
+        if (parseInt($('#tirada').val()) <= 0){
+            popErrorAlert('<?=lang('Presupuestos.errores.tiradas') ?>', 'divAlarmasComparador');
+            return false;
+        }
+        if('ancho' in dimension  && 'alto' in dimension){
+
+            if(dimension.alto < 60 || dimension.ancho < 60 || isNaN(dimension.alto) || isNaN(dimension.ancho) ){
+                popErrorAlert('<?=lang('Presupuestos.errores.dimension') ?>', 'divAlarmasComparador');
+                return false;    
+            }
+        }
+        else{
+            popErrorAlert('<?=lang('Presupuestos.errores.dimension') ?>', 'divAlarmasComparador');
+            return false;
+        }
+        return true;
+    }
+
+    init_comparador();
+
+<?= $this->endSection() ?>
\ No newline at end of file
diff --git a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosPresupuestoItems.php b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosPresupuestoItems.php
index 8429d740..f0d3dd22 100644
--- a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosPresupuestoItems.php
+++ b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosPresupuestoItems.php
@@ -25,7 +25,11 @@
                             <label for="created_at" class="form-label">
                                 <?= lang('Presupuestos.created_at') ?>
                             </label>
-                            <input readonly style="background: #E8E8E8;" id="created_at" name="created_at" maxLength="12" class="form-control" value="<?= old('created_at', (isset($presupuestoEntity->created_at)) ? $presupuestoEntity->created_at : date("d/m/Y")) ?>">
+                            <?php if(str_contains($formAction,'edit')): ?>
+                                <input readonly style="background: #E8E8E8;" id="updated_at" name="updated_at" maxLength="12" class="form-control" value="<?= old('created_at', (isset($presupuestoEntity->updated_at)) ? date ('d/m/Y', strtotime($presupuestoEntity->updated_at)) : "") ?>">
+                            <?php else: ?>
+                                <input readonly style="background: #E8E8E8;" id="created_at" name="created_at" maxLength="12" class="form-control" value="<?= old('created_at', (isset($presupuestoEntity->created_at)) ? date ('d/m/Y', strtotime($presupuestoEntity->created_at)) : "") ?>">
+                            <?php endif; ?>
                         </div><!--//.mb-3 -->
                     </div><!--//.col -->
 
@@ -34,7 +38,10 @@
                             <label for="estadoId" class="form-label">
                                 <?= lang('Presupuestos.presupuestoEstado') ?>
                             </label>
-                            <input readonly style="background: #E8E8E8 ;" id="estadoId" name="estado_id" maxLength="12" class="form-control" value="<?= old('estadoId', (isset($presupuestoEntity->estadoId)) ? $presupuestoEntity->estadoId : lang('Presupuestos.presupuestoEstadoBorrador')) ?>">
+                            <select disabled id="estadoId" name="estado_id" maxLength="11" style="background-color: #E8E8E8;" class="form-control" value="<?= old(1, $presupuestoEntity->estado_id) ?>">
+                                    <option value=1><?=lang('Presupuestos.presupuestoEstadoBorrador') ?></option>
+                                    <option value=2><?=lang('Presupuestos.presupuestoEstadoAceptado') ?></option>
+                            </select>
                         </div><!--//.mb-3 -->
                     </div><!--//.col -->
 
@@ -47,7 +54,7 @@
                                 <?php if (isset($incReiList) && is_array($incReiList) && !empty($incReiList)) : ?>
                                     <option> </option>
                                     <?php foreach ($incReiList as $k => $v) : ?>
-                                        <option value="<?= $k ?>" <?= $k == $presupuestoEntity->estado_id ? ' selected' : '' ?>>
+                                        <option value="<?= $k ?>" <?= $k == $presupuestoEntity->inc_rei ? ' selected' : '' ?>>
                                             <?= $v ?>
                                         </option>
                                 <?php endforeach;
diff --git a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosServiciosItems.php b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosServiciosItems.php
new file mode 100644
index 00000000..c10c3aa0
--- /dev/null
+++ b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosServiciosItems.php
@@ -0,0 +1,712 @@
+<div class="accordion mt-3" id="accordionDatosServicios">
+    <div class="card accordion-item active">
+        <h2 class="accordion-header" id="headingOne">
+            <button type="button" class="accordion-button" data-bs-toggle="collapse"
+                    data-bs-target="#accordionDatosServiciosTip" aria-expanded="false"
+                    aria-controls="accordionDatosServiciosTip">
+                <h4><?= lang("Presupuestos.datosServicios") ?></h4>
+            </button>
+        </h2>
+
+        <div id="accordionDatosServiciosTip" class="accordion-collapse collapse show"
+             data-bs-parent="#accordionDatosServicios">
+            <div class="accordion-body">
+                <div class="nav-align-top mb-4">
+                    <ul class="nav nav-pills mb-3" role="tablist">
+                        <li class="nav-item">
+                            <button
+                                    type="button"
+                                    class="nav-link active"
+                                    role="tab"
+                                    data-bs-toggle="tab"
+                                    data-bs-target="#servicios-acabado"
+                                    aria-controls="servicios-acabado"
+                                    aria-selected="true">
+                                <?= lang("Presupuestos.servicioAcabado") ?>
+                            </button>
+                        </li>
+                        <li class="nav-item">
+                            <button
+                                    type="button"
+                                    class="nav-link"
+                                    role="tab"
+                                    data-bs-toggle="tab"
+                                    data-bs-target="#servicios-preimpresion"
+                                    aria-controls="servicios-preimpresion"
+                                    aria-selected="false">
+                                <?= lang("Presupuestos.servicioPreimpresion") ?>
+                            </button>
+                        </li>
+                        <li class="nav-item">
+                            <button
+                                    type="button"
+                                    class="nav-link"
+                                    role="tab"
+                                    data-bs-toggle="tab"
+                                    data-bs-target="#servicios-encuadernacion"
+                                    aria-controls="servicios-encuadernacion"
+                                    aria-selected="false">
+                                <?= lang("Presupuestos.servicioEncuadernado") ?>
+                            </button>
+                        </li>
+                        <li class="nav-item">
+                            <button
+                                    type="button"
+                                    class="nav-link"
+                                    role="tab"
+                                    data-bs-toggle="tab"
+                                    data-bs-target="#servicios-manipulado"
+                                    aria-controls="servicios-manipulado"
+                                    aria-selected="false">
+                                <?= lang("Presupuestos.servicioManipulado") ?>
+                            </button>
+                        </li>
+                    </ul>
+                    <div class="tab-content">
+                        <div class="tab-pane fade show active" id="servicios-acabado" role="tabpanel">
+                            <table id="tableOfServiciosAcabado" class="table table-striped table-hover" style="width: 100%;">
+                                <thead>
+                                <tr>
+                                    <th><?= lang('Tarifaacabado.tarifaacabado') ?></th>
+                                    <th><?= lang('Presupuestos.precioUnidad') ?></th>
+                                    <th><?= lang('Presupuestos.precioTotal') ?></th>
+                                    <th class="text-nowrap"><?= lang('Basic.global.Action') ?></th>
+                                </tr>
+                                </thead>
+                                <tbody>
+                                </tbody>
+                            </table>
+                        </div>
+
+                        <div class="tab-pane fade" id="servicios-preimpresion" role="tabpanel">
+                            <table id="tableOfServiciosPreimpresion" class="table table-striped table-hover" style="width: 100%;">
+                                <thead>
+                                <tr>
+                                    <th><?= lang('Tarifapreimpresion.tarifapreimpresion') ?></th>
+                                    <th><?= lang('Presupuestos.precioUnidad') ?></th>
+                                    <th><?= lang('Presupuestos.precioTotal') ?></th>
+                                    <th class="text-nowrap"><?= lang('Basic.global.Action') ?></th>
+                                </tr>
+                                </thead>
+                                <tbody>
+                                </tbody>
+                            </table>
+                        </div>
+
+                        <div class="tab-pane fade" id="servicios-encuadernacion" role="tabpanel">
+                            <table id="tableOfServiciosEncuadernacion" class="table table-striped table-hover" style="width: 100%;">
+                                <thead>
+                                <tr>
+                                    <th><?= lang('Tarifaencuadernacion.tarifaencuadernacion') ?></th>
+                                    <th><?= lang('Presupuestos.precioUnidad') ?></th>
+                                    <th><?= lang('Presupuestos.precioTotal') ?></th>
+                                    <th class="text-nowrap"><?= lang('Basic.global.Action') ?></th>
+                                </tr>
+                                </thead>
+                                <tbody>
+                                </tbody>
+                            </table>
+                        </div>
+
+                        <div class="tab-pane fade" id="servicios-manipulado" role="tabpanel">
+                            <table id="tableOfServiciosManipulado" class="table table-striped table-hover" style="width: 100%;">
+                                <thead>
+                                <tr>
+                                    <th><?= lang('Tarifamanipulado.tarifamanipulado') ?></th>
+                                    <th><?= lang('Presupuestos.precioUnidad') ?></th>
+                                    <th><?= lang('Presupuestos.precioTotal') ?></th>
+                                    <th class="text-nowrap"><?= lang('Basic.global.Action') ?></th>
+                                </tr>
+                                </thead>
+                                <tbody>
+                                </tbody>
+                            </table>
+                        </div>
+
+
+                    </div>
+                </div>
+            </div> <!-- //.accordion-body -->
+        </div> <!-- //.accordion-collapse -->
+    </div> <!-- //.accordion-item -->
+</div> <!-- //.accordion -->
+
+
+
+
+<!------------------------------------------------------->
+<!-- Código JS comportamiento tabla servicios acabado. -->
+<!------------------------------------------------------->
+<?= $this->section("additionalInlineJs") ?>
+
+    const lastColNr = $('#tableOfServiciosAcabado').find("tr:first th").length - 1;
+    const url = window.location.href;
+    const url_parts = url.split('/');
+    if(url_parts[url_parts.length-2] == 'edit'){
+        id = url_parts[url_parts.length-1];
+    }
+    else{
+        id = 200000;    // id=-1
+    }
+
+    const actionBtns = function(data) {
+        return `
+                    <span class="edit"><a href="javascript:void(0);"><i class="ti ti-pencil ti-sm btn-edit mx-2" data-id="${data.id}"></i></a></span>
+                    <a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}" data-bs-toggle="modal" data-bs-target="#confirm2delete"></i></a>
+                    <span class="cancel"></span>
+                `;
+    };
+
+    editor = new $.fn.dataTable.Editor( {
+        ajax: {
+            url: "<?= route_to('editorOfPresupuestoAcabados') ?>",
+            headers: {
+                <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v,
+            },
+        },
+        table   : "#tableOfServiciosAcabado",
+        idSrc:  'id',
+        fields: [ {
+                "name": "tarifa_acabado_id",
+                "type": "select"
+            }, {
+                "name": "precio_unidad"
+            }, {
+                "name": "precio_total"
+            }, {
+                "name": "presupuesto_id",
+                "type": "hidden"
+            },
+        ]
+    } );
+
+    // Generación de la lista de servicios de acabado (id, nombre)
+    const acabadosList = <?php echo json_encode($serviciosAcabado); ?>;
+    editor.field( 'tarifa_acabado_id' ).update( acabadosList );
+
+    editor.on( 'preSubmit', function ( e, d, type ) {
+        if ( type === 'create'){
+            d.data[0]['presupuesto_id'] = id;
+        }
+        else if(type === 'edit' ) {
+            for (v in d.data){
+                d.data[v]['presupuesto_id'] = id;
+            }
+        }
+    });
+
+    editor.on( 'postSubmit', function ( e, json, data, action ) {
+        yeniden(json.<?= csrf_token() ?>);
+    });
+
+    editor.on( 'submitSuccess', function ( e, json, data, action ) {
+        theTable.clearPipeline();
+        theTable.draw();
+    });
+
+    // Activate an inline edit on click of a table cell
+    $('#tableOfServiciosAcabado').on( 'click', 'tbody span.edit', function (e) {
+        editor.inline(
+            theTable.cells(this.parentNode.parentNode, '*').nodes(),
+            {
+                cancelHtml: '<a href="javascript:void(0);"><i class="ti ti-x"></i></a>',
+                cancelTrigger: 'span.cancel',
+                submitHtml: '<a href="javascript:void(0);"><i class="ti ti-device-floppy"></i></a>',
+                submitTrigger: 'span.edit',
+                submit: 'allIfChanged'
+            }
+        );
+    } );
+
+    // Delete row
+    $(document).on('click', '.btn-delete', function(e) {
+        $(".btn-remove").attr('data-id', $(this).attr('data-id'));
+    });
+
+    $(document).on('click', '.btn-remove', function(e) {
+        const dataId = $(this).attr('data-id');
+        const row = $(this).closest('tr');
+        if ($.isNumeric(dataId)) {
+            $.ajax({
+                url: `/serviciosacabados/delete/${dataId}`,
+                method: 'GET',
+            }).done((data, textStatus, jqXHR) => {
+                $('#confirm2delete').modal('toggle');
+                theTable.clearPipeline();
+                theTable.row($(row)).invalidate().draw();
+                popSuccessAlert(data.msg ?? jqXHR.statusText);
+            }).fail((jqXHR, textStatus, errorThrown) => {
+                popErrorAlert(jqXHR.responseJSON.messages.error)
+            })
+        }
+    });
+
+    var theTable = $('#tableOfServiciosAcabado').DataTable( {
+		serverSide: true,
+        processing: true,
+        autoWidth: true,
+        responsive: true,
+        lengthMenu: [ 5, 10, 25],
+        order: [[ 0, "asc" ], [ 1, "asc" ]],
+        pageLength: 10,
+        lengthChange: true,
+        searching: false,
+        paging: true,
+        info: false,
+        dom: '<"mt-4"><"float-start"l><t><"mt-4 mb-3"p>',
+		ajax : $.fn.dataTable.pipeline( {
+            url: '<?= route_to('dataTableOfPresupuestoAcabados') ?>',
+            data: {
+                id_presupuesto: id,
+            },
+            method: 'POST',
+            headers: {'X-Requested-With': 'XMLHttpRequest'},
+            async: true,
+        }),
+        columns: [
+            {'data': 'tarifa_acabado_id',
+                render: function(data, type, row, meta) {
+                    var value = acabadosList.find(element => element.value === data);
+                    return value['label'];
+                },
+            },
+            { 'data': 'precio_unidad' },
+            { 'data': 'precio_total' },
+            {
+                data: actionBtns,
+                className: 'row-edit dt-center'
+            }
+        ],
+        columnDefs: [
+            {
+                orderable: false,
+                searchable: false,
+                targets: [lastColNr]
+            },
+            {
+                "orderData": [ 0, 1 ],
+                "targets": 0
+            },
+
+        ],
+        language: {
+            url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->i18n ?>.json"
+        },
+        buttons: [ {
+            className: 'btn btn-primary float-end me-sm-3 me-1',
+            extend: "createInline",
+            editor: editor,
+            formOptions: {
+                submitTrigger: -1,
+                submitHtml: '<i class="ti ti-device-floppy"/>'
+            }
+        } ]
+    } );
+
+<?= $this->endSection() ?>
+
+<!-------------------------------------------------------------->
+<!-- Código JS comportamiento tabla servicios encuadernacion. -->
+<!-------------------------------------------------------------->
+<?= $this->section("additionalInlineJs") ?>
+
+    const lastColNr2 = $('#tableOfServiciosEncuadernacion').find("tr:first th").length - 1;
+
+    editor2 = new $.fn.dataTable.Editor( {
+        ajax: {
+            url: "<?= route_to('editorOfPresupuestoEncuadernaciones') ?>",
+            headers: {
+                <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v,
+            },
+        },
+        table   : "#tableOfServiciosEncuadernacion",
+        idSrc:  'id',
+        fields: [ {
+                "name": "tarifa_encuadernado_id",
+                "type": "select"
+            }, {
+                "name": "precio_unidad"
+            }, {
+                "name": "precio_total"
+            }, {
+                "name": "presupuesto_id",
+                "type": "hidden"
+            },
+        ]
+    } );
+
+    // Generación de la lista de servicios de acabado (id, nombre)
+    const encuadernadosList = <?php echo json_encode($serviciosEncuadernacion); ?>;
+    editor2.field( 'tarifa_encuadernado_id' ).update( encuadernadosList );
+
+    editor2.on( 'preSubmit', function ( e, d, type ) {
+        if ( type === 'create'){
+            d.data[0]['presupuesto_id'] = id;
+        }
+        else if(type === 'edit' ) {
+            for (v in d.data){
+                d.data[v]['presupuesto_id'] = id;
+            }
+        }
+    });
+
+    editor2.on( 'postSubmit', function ( e, json, data, action ) {
+        yeniden(json.<?= csrf_token() ?>);
+    });
+
+    editor2.on( 'submitSuccess', function ( e, json, data, action ) {
+        theTable2.clearPipeline();
+        theTable2.draw();
+    });
+
+    // Activate an inline edit on click of a table cell
+    $('#tableOfServiciosEncuadernacion').on( 'click', 'tbody span.edit', function (e) {
+        editor2.inline(
+            theTable2.cells(this.parentNode.parentNode, '*').nodes(),
+            {
+                cancelHtml: '<a href="javascript:void(0);"><i class="ti ti-x"></i></a>',
+                cancelTrigger: 'span.cancel',
+                submitHtml: '<a href="javascript:void(0);"><i class="ti ti-device-floppy"></i></a>',
+                submitTrigger: 'span.edit',
+                submit: 'allIfChanged'
+            }
+        );
+    } );
+
+
+    var theTable2 = $('#tableOfServiciosEncuadernacion').DataTable( {
+		serverSide: true,
+        processing: true,
+        autoWidth: true,
+        responsive: true,
+        lengthMenu: [ 5, 10, 25],
+        order: [[ 0, "asc" ], [ 1, "asc" ]],
+        pageLength: 10,
+        lengthChange: true,
+        searching: false,
+        paging: true,
+        info: false,
+        dom: '<"mt-4"><"float-start"l><t><"mt-4 mb-3"p>',
+		ajax : $.fn.dataTable.pipeline( {
+            url: '<?= route_to('dataTableOfPresupuestoEncuadernaciones') ?>',
+            data: {
+                id_presupuesto: id,
+            },
+            method: 'POST',
+            headers: {'X-Requested-With': 'XMLHttpRequest'},
+            async: true,
+        }),
+        columns: [
+            {'data': 'tarifa_encuadernado_id',
+                render: function(data, type, row, meta) {
+                    var value = encuadernadosList.find(element => element.value === data);
+                    return value['label'];
+                },
+            },
+            { 'data': 'precio_unidad' },
+            { 'data': 'precio_total' },
+            {
+                data: actionBtns,
+                className: 'row-edit dt-center'
+            }
+        ],
+        columnDefs: [
+            {
+                orderable: false,
+                searchable: false,
+                targets: [lastColNr2]
+            },
+            {
+                "orderData": [ 0, 1 ],
+                "targets": 0
+            },
+
+        ],
+        language: {
+            url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->i18n ?>.json"
+        },
+        buttons: [ {
+            className: 'btn btn-primary float-end me-sm-3 me-1',
+            extend: "createInline",
+            editor: editor2,
+            formOptions: {
+                submitTrigger: -1,
+                submitHtml: '<i class="ti ti-device-floppy"/>'
+            }
+        } ]
+    } );
+
+<?= $this->endSection() ?>
+
+<!-------------------------------------------------------------->
+<!-- Código JS comportamiento tabla servicios manipulados.    -->
+<!-------------------------------------------------------------->
+<?= $this->section("additionalInlineJs") ?>
+
+    const lastColNr3 = $('#tableOfServiciosManipulado').find("tr:first th").length - 1;
+
+    editor3 = new $.fn.dataTable.Editor( {
+        ajax: {
+            url: "<?= route_to('editorOfPresupuestoManipulados') ?>",
+            headers: {
+                <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v,
+            },
+        },
+        table   : "#tableOfServiciosManipulado",
+        idSrc:  'id',
+        fields: [ {
+                "name": "tarifa_manipulado_id",
+                "type": "select"
+            }, {
+                "name": "precio_unidad"
+            }, {
+                "name": "precio_total"
+            }, {
+                "name": "presupuesto_id",
+                "type": "hidden"
+            },
+        ]
+    } );
+
+    // Generación de la lista de servicios de acabado (id, nombre)
+    const manipuladosList = <?php echo json_encode($serviciosManipulado); ?>;
+    editor3.field( 'tarifa_manipulado_id' ).update( manipuladosList );
+
+    editor3.on( 'preSubmit', function ( e, d, type ) {
+        if ( type === 'create'){
+            d.data[0]['presupuesto_id'] = id;
+        }
+        else if(type === 'edit' ) {
+            for (v in d.data){
+                d.data[v]['presupuesto_id'] = id;
+            }
+        }
+    });
+
+    editor3.on( 'postSubmit', function ( e, json, data, action ) {
+        yeniden(json.<?= csrf_token() ?>);
+    });
+
+    editor3.on( 'submitSuccess', function ( e, json, data, action ) {
+        theTable3.clearPipeline();
+        theTable3.draw();
+    });
+
+    // Activate an inline edit on click of a table cell
+    $('#tableOfServiciosManipulado').on( 'click', 'tbody span.edit', function (e) {
+        editor3.inline(
+            theTable3.cells(this.parentNode.parentNode, '*').nodes(),
+            {
+                cancelHtml: '<a href="javascript:void(0);"><i class="ti ti-x"></i></a>',
+                cancelTrigger: 'span.cancel',
+                submitHtml: '<a href="javascript:void(0);"><i class="ti ti-device-floppy"></i></a>',
+                submitTrigger: 'span.edit',
+                submit: 'allIfChanged'
+            }
+        );
+    } );
+
+
+    // Delete row
+
+
+    var theTable3 = $('#tableOfServiciosManipulado').DataTable( {
+		serverSide: true,
+        processing: true,
+        autoWidth: true,
+        responsive: true,
+        lengthMenu: [ 5, 10, 25],
+        order: [[ 0, "asc" ], [ 1, "asc" ]],
+        pageLength: 10,
+        lengthChange: true,
+        searching: false,
+        paging: true,
+        info: false,
+        dom: '<"mt-4"><"float-start"l><t><"mt-4 mb-3"p>',
+		ajax : $.fn.dataTable.pipeline( {
+            url: '<?= route_to('dataTableOfPresupuestoManipulados') ?>',
+            data: {
+                id_presupuesto: id,
+            },
+            method: 'POST',
+            headers: {'X-Requested-With': 'XMLHttpRequest'},
+            async: true,
+        }),
+        columns: [
+            {'data': 'tarifa_manipulado_id',
+                render: function(data, type, row, meta) {
+                    var value = manipuladosList.find(element => element.value === data);
+                    return value['label'];
+                },
+            },
+            { 'data': 'precio_unidad' },
+            { 'data': 'precio_total' },
+            {
+                data: actionBtns,
+                className: 'row-edit dt-center'
+            }
+        ],
+        columnDefs: [
+            {
+                orderable: false,
+                searchable: false,
+                targets: [lastColNr3]
+            },
+            {
+                "orderData": [ 0, 1 ],
+                "targets": 0
+            },
+
+        ],
+        language: {
+            url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->i18n ?>.json"
+        },
+        buttons: [ {
+            className: 'btn btn-primary float-end me-sm-3 me-1',
+            extend: "createInline",
+            editor: editor3,
+            formOptions: {
+                submitTrigger: -1,
+                submitHtml: '<i class="ti ti-device-floppy"/>'
+            }
+        } ]
+    } );
+
+<?= $this->endSection() ?>
+
+
+<!-------------------------------------------------------------->
+<!-- Código JS comportamiento tabla servicios preimpresion.   -->
+<!-------------------------------------------------------------->
+<?= $this->section("additionalInlineJs") ?>
+
+    const lastColNr4 = $('#tableOfServiciosPreimpresion').find("tr:first th").length - 1;
+
+    editor4 = new $.fn.dataTable.Editor( {
+        ajax: {
+            url: "<?= route_to('editorOfPresupuestoPreimpresiones') ?>",
+            headers: {
+                <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v,
+            },
+        },
+        table   : "#tableOfServiciosPreimpresion",
+        idSrc:  'id',
+        fields: [ {
+                "name": "tarifa_preimpresion_id",
+                "type": "select"
+            }, {
+                "name": "precio_unidad"
+            }, {
+                "name": "precio_total"
+            }, {
+                "name": "presupuesto_id",
+                "type": "hidden"
+            },
+        ]
+    } );
+
+    // Generación de la lista de servicios de acabado (id, nombre)
+    const preimpresionesList = <?php echo json_encode($serviciosPreimpresion); ?>;
+    editor4.field( 'tarifa_preimpresion_id' ).update( preimpresionesList );
+
+    editor4.on( 'preSubmit', function ( e, d, type ) {
+        if ( type === 'create'){
+            d.data[0]['presupuesto_id'] = id;
+        }
+        else if(type === 'edit' ) {
+            for (v in d.data){
+                d.data[v]['presupuesto_id'] = id;
+            }
+        }
+    });
+
+    editor4.on( 'postSubmit', function ( e, json, data, action ) {
+        yeniden(json.<?= csrf_token() ?>);
+    });
+
+    editor4.on( 'submitSuccess', function ( e, json, data, action ) {
+        theTable4.clearPipeline();
+        theTable4.draw();
+    });
+
+    // Activate an inline edit on click of a table cell
+    $('#tableOfServiciosPreimpresion').on( 'click', 'tbody span.edit', function (e) {
+        editor4.inline(
+            theTable4.cells(this.parentNode.parentNode, '*').nodes(),
+            {
+                cancelHtml: '<a href="javascript:void(0);"><i class="ti ti-x"></i></a>',
+                cancelTrigger: 'span.cancel',
+                submitHtml: '<a href="javascript:void(0);"><i class="ti ti-device-floppy"></i></a>',
+                submitTrigger: 'span.edit',
+                submit: 'allIfChanged'
+            }
+        );
+    } );
+
+
+    // Delete row
+
+
+    var theTable4 = $('#tableOfServiciosPreimpresion').DataTable( {
+		serverSide: true,
+        processing: true,
+        autoWidth: true,
+        responsive: true,
+        lengthMenu: [ 5, 10, 25],
+        order: [[ 0, "asc" ], [ 1, "asc" ]],
+        pageLength: 10,
+        lengthChange: true,
+        searching: false,
+        paging: true,
+        info: false,
+        dom: '<"mt-4"><"float-start"l><t><"mt-4 mb-3"p>',
+		ajax : $.fn.dataTable.pipeline( {
+            url: '<?= route_to('dataTableOfPresupuestoPreimpresiones') ?>',
+            data: {
+                id_presupuesto: id,
+            },
+            method: 'POST',
+            headers: {'X-Requested-With': 'XMLHttpRequest'},
+            async: true,
+        }),
+        columns: [
+            {'data': 'tarifa_preimpresion_id',
+                render: function(data, type, row, meta) {
+                    var value = preimpresionesList.find(element => element.value === data);
+                    return value['label'];
+                },
+            },
+            { 'data': 'precio_unidad' },
+            { 'data': 'precio_total' },
+            {
+                data: actionBtns,
+                className: 'row-edit dt-center'
+            }
+        ],
+        columnDefs: [
+            {
+                orderable: false,
+                searchable: false,
+                targets: [lastColNr4]
+            },
+            {
+                "orderData": [ 0, 1 ],
+                "targets": 0
+            },
+
+        ],
+        language: {
+            url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->i18n ?>.json"
+        },
+        buttons: [ {
+            className: 'btn btn-primary float-end me-sm-3 me-1',
+            extend: "createInline",
+            editor: editor4,
+            formOptions: {
+                submitTrigger: -1,
+                submitHtml: '<i class="ti ti-device-floppy"/>'
+            }
+        } ]
+    } );
+
+<?= $this->endSection() ?>
\ No newline at end of file
diff --git a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_lineasPresupuestoItems.php b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_lineasPresupuestoItems.php
index 37982a92..7c2ff9a4 100644
--- a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_lineasPresupuestoItems.php
+++ b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_lineasPresupuestoItems.php
@@ -1,33 +1,3140 @@
-<div class="accordion mt-3" id="accordionEncuadernacion">
+<div class="accordion mt-3" id="accordionLineasPresupuesto">
     <div class="card accordion-item active">
         <h2 class="accordion-header" id="headingOne">
-            <button type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#accordionEncuadernacionTip" aria-expanded="false" aria-controls="accordionEncuadernacionTip">
-                <h4><?= lang("Presupuestos.encuadernacion") ?></h4>
+            <button type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#accordionLineasPresupuestoTip" aria-expanded="false" aria-controls="accordionLineasPresupuestoTip">
+                <h4><?= lang("Presupuestos.lineasPresupuesto") ?></h4>
             </button>
         </h2>
 
-        <div id="accordionEncuadernacionTip" class="accordion-collapse collapse show" data-bs-parent="#accordionEncuadernacion">
+        <div id="accordionLineasPresupuestoTip" class="accordion-collapse collapse show" data-bs-parent="#accordionLineasPresupuesto">
             <div class="accordion-body">
-                <div class="col-md-12 col-lg-4 px-4">
-                    <div class="mb-3">
-                        <label for="encuadernacion" class="form-label">
-                            <?= lang('Presupuestos.encuadernacion') ?>*
-                        </label>
 
-                        <select id="encuadernacion" name="encuadernacion" class="form-control select2bs2" style="width: 100%;">
-<!---
-                            <?php if (isset($papelFormatoList) && is_array($papelFormatoList) && !empty($papelFormatoList)) :
-                                foreach ($papelFormatoList as $formato) : ?>
-                                    <option value="<?= $formato->id ?>" <?= $formato->id == $presupuestoEntity->papel_formato_id ? ' selected' : '' ?>>
-                                        <?= $formato->tamanio ?>
-                                    </option>
-                            <?php endforeach;
-                            endif; ?>
---->
-                        </select>
+                    <!----------------------------------------------------------------------------->
+                    <div id="divAlarmasLineasPresupuesto"></div>
+                    <!----------------------------------------------------------------------------->
+
+                    <table id="tableLineasPresupuesto" class="comparator-table table dt-responsive dataTable" style="width: 100%;">
+                        <thead>
+                            <tr>
+                                <th class="lp-header" width="33px"></th>
+                                <th class="lp-header"><?= lang('Presupuestos.paginas') ?></th>
+                                <th class="lp-header"><?= lang('Presupuestos.papel') ?></th>
+                                <th class="lp-header"><?= lang('Presupuestos.gramaje') ?></th>
+                                <th class="lp-header"><?= lang('Presupuestos.marca') ?></th>
+                                <th class="lp-header"><?= lang('Presupuestos.maquina') ?></th>
+                                <th class="lp-header"><?= lang('Presupuestos.tiempo') ?></th>
+                                <th class="lp-header"><?= lang('Presupuestos.numeroPliegos') ?></th>
+                                <th class="lp-header"><?= lang('Presupuestos.pliegosPedido') ?></th>
+                                <th class="lp-header"><?= lang('Presupuestos.precioPliego') ?></th>
+                                <th class="lp-header"><?= lang('Presupuestos.libro') ?></th>
+                                <th class="lp-header"><?= lang('Presupuestos.totalPapelPedido') ?></th>
+                                <th class="lp-header"></th>
+                                <th class="lp-header"><?= lang('Presupuestos.lomo') ?></th>
+                                <th class="lp-header"><?= lang('Presupuestos.peso') ?></th>
+                                <th class="lp-header"><?= lang('Presupuestos.click') ?></th>
+                                <th class="lp-header"><?= lang('Presupuestos.totalClicks') ?></th>
+                                <th class="lp-header"></th>
+                                <th class="lp-header"></th>
+
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr id="lp_bn" class="lp-interior lp_bn" style="display: none;">
+                            <input type="hidden" name="lp_bn_tarifa_impresion_id" id="lp_bn_tarifa_impresion_id" class="form-control" value="0"></input>
+                                <td class="lp-td"> <img style="padding: 0; margin:0;" src="<?= site_url('themes/vuexy/img/safekat/presupuestos/icon_bn.png') ?>" /></td>
+                                <td class="lp-td"><input id="lp_bn_paginas" name="lp_bn_paginas" class="lp-cell lp-input lp-bn-input" type="text" value="0"></td>
+                                <td class="lp-td">
+                                    <select id="lp_bn_papel" name="lp_bn_papel" class="form-control form-select-sm lp-cell lp-select" style="min-width: 150px;">
+                                        <?php if (isset($papelGenericoNegroList) && is_array($papelGenericoNegroList) && !empty($papelGenericoNegroList)) :
+                                            foreach ($papelGenericoNegroList as $k => $v) : ?>
+                                                <?php if($v->id != 0): ?>
+                                                    <option value="<?= $v->id ?>">
+                                                        <?= $v->nombre ?>
+                                                    </option>
+                                                <?php endif; ?>
+                                        <?php endforeach;
+                                        endif; ?>
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_bn_gramaje" name="lp_bn_gramaje" class="form-control form-select-sm lp-cell lp-select lp-bn-select" style="min-width: 40px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_bn_papelImpresion" name="lp_bn_papelImpresion" class="form-control form-select-sm lp-cell lp-select lp-bn-select" style="min-width: 150px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_bn_maquina" name="lp_bn_maquina" class="form-control form-select-sm lp-cell lp-select lp-bn-select" style="min-width: 110px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td"><input id="lp_bn_tiempo" name="lp_bn_tiempo" class="lp-input lp-cell lp-cell-disabled lp-bn-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_bn_numeroPliegos" name="lp_bn_numeroPliegos" class="lp-input lp-cell lp-cell-disabled lp-bn-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_bn_pliegosPedido" name="lp_bn_pliegosPedido" class="lp-input lp-cell lp-cell-disabled lp-bn-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_bn_precioPliego" name="lp_bn_precioPliego" class="lp-input lp-cell lp-cell-disabled lp-bn-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_bn_libro" name="lp_bn_libro" readonly class="lp-input lp-cell lp-cell-disabled lp-bn-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_bn_totalPapelPedido" name="lp_bn_totalPapelPedido" readonly class="lp-input lp-cell lp-cell-disabled lp-bn-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_bn_checkPapel" name="lp_bn_checkPapel_bn" style="width: 15px; padding: 0; margin:0;" type="checkbox" checked></td>
+                                <td class="lp-td"><input id="lp_bn_lomo" name="lp_bn_lomo" readonly class="lp-input lp-cell lp-cell-disabled lp-bn-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_bn_peso" name="lp_bn_peso" readonly class="lp-input lp-cell lp-cell-disabled lp-bn-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_bn_click" name="lp_bn_click" readonly class="lp-input lp-cell lp-cell-disabled lp-bn-input" value="0"></td>
+                                <td class="lp-td"><input id="lp_bn_totalClicks" name="lp_bn_totalClicks" class="lp-input lp-cell lp-cell-disabled lp-bn-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_bn_checkClicks" name="lp_bn_checkClicks" style="width: 15px; padding: 0; margin:0;" type="checkbox" checked></td>
+                                <td style="padding: 0; margin:0;"><a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}" data-bs-toggle="modal" data-bs-target="#confirm2delete"></i></a></td>
+                            </tr>
+
+                            <tr id="lp_bnhq" class="lp-interior lp_bnhq" style="display: none;">
+                                <input type="hidden" name="lp_bnhq_tarifa_impresion_id" id="lp_bnhq_tarifa_impresion_id" class="form-control" value="0"></input>
+                                <td class="lp-td"> <img style="padding: 0; margin:0;" src="<?= site_url('themes/vuexy/img/safekat/presupuestos/icon_bnhq.png') ?>" /></td>
+                                <td class="lp-td"><input id="lp_bnhq_paginas" name="lp_bnhq_paginas" class="lp-cell lp-input lp-bnhq-input" type="text" value="0"></td>
+                                <td class="lp-td">
+                                    <select id="lp_bnhq_papel" name="lp_bnhq_papel" class="form-control form-select-sm lp-cell lp-select" style="min-width: 150px;">
+                                        <?php if (isset($papelGenericoNegroHQList) && is_array($papelGenericoNegroHQList) && !empty($papelGenericoNegroHQList)) :
+                                            foreach ($papelGenericoNegroHQList as $k => $v) : ?>
+                                                <?php if($v->id != 0): ?>
+                                                    <option value="<?= $v->id ?>">
+                                                        <?= $v->nombre ?>
+                                                    </option>
+                                                <?php endif; ?>
+                                        <?php endforeach;
+                                        endif; ?>
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_bnhq_gramaje" name="lp_bnhq_gramaje" class="form-control form-select-sm lp-cell lp-select lp-bnhq-select" style="min-width: 40px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_bnhq_papelImpresion" name="lp_bnhq_papelImpresion" class="form-control form-select-sm lp-cell lp-select lp-bnhq-select" style="min-width: 150px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_bnhq_maquina" name="lp_bnhq_maquina" class="form-control form-select-sm lp-cell lp-select lp-bnhq-select" style="min-width: 110px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td"><input id="lp_bnhq_tiempo" name="lp_bnhq_tiempo" class="lp-input lp-cell lp-cell-disabled lp-bnhq-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_bnhq_numeroPliegos" name="lp_bnhq_numeroPliegos" class="lp-input lp-cell lp-cell-disabled lp-bnhq-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_bnhq_pliegosPedido" name="lp_bnhq_pliegosPedido" class="lp-input lp-cell lp-cell-disabled lp-bnhq-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_bnhq_precioPliego" name="lp_bnhq_precioPliego" class="lp-input lp-cell lp-cell-disabled lp-bnhq-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_bnhq_libro" name="lp_bnhq_libro" readonly class="lp-input lp-cell lp-cell-disabled lp-bnhq-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_bnhq_totalPapelPedido" name="lp_bnhq_totalPapelPedido" readonly class="lp-input lp-cell lp-cell-disabled lp-bnhq-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_bnhq_checkPapel" name="lp_bnhq_checkPapel_bn" style="width: 15px; padding: 0; margin:0;" type="checkbox" checked></td>
+                                <td class="lp-td"><input id="lp_bnhq_lomo" name="lp_bnhq_lomo" readonly class="lp-input lp-cell lp-cell-disabled lp-bnhq-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_bnhq_peso" name="lp_bnhq_peso" readonly class="lp-input lp-cell lp-cell-disabled lp-bnhq-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_bnhq_click" name="lp_bnhq_click" readonly class="lp-input lp-cell lp-cell-disabled lp-bnhq-input" value="0"></td>
+                                <td class="lp-td"><input id="lp_bnhq_totalClicks" name="lp_bnhq_totalClicks" class="lp-input lp-cell lp-cell-disabled lp-bnhq-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_bnhq_checkClicks" name="lp_bnhq_checkClicks" style="width: 15px; padding: 0; margin:0;" type="checkbox" checked></td>
+                                <td style="padding: 0; margin:0;"><a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}" data-bs-toggle="modal" data-bs-target="#confirm2delete"></i></a></td>
+                            </tr>
+
+                            <tr id="lp_color" class="lp-interior lp_color" style="display: none;">
+                                <input type="hidden" name="lp_color_tarifa_impresion_id" id="lp_color_tarifa_impresion_id" class="form-control" value="0"></input>
+                                <td class="lp-td"> <img style="padding: 0; margin:0;" src="<?= site_url('themes/vuexy/img/safekat/presupuestos/icon_color.png') ?>" /></td>
+                                <td class="lp-td"><input id="lp_color_paginas" name="lp_color_paginas" class="lp-cell lp-input lp-color-input" type="text" value="0"></td>
+                                <td class="lp-td">
+                                    <select id="lp_color_papel" name="lp_color_papel" class="form-control form-select-sm lp-cell lp-select" style="min-width: 150px;">
+                                        <?php if (isset($papelGenericoColorList) && is_array($papelGenericoColorList) && !empty($papelGenericoColorList)) :
+                                            foreach ($papelGenericoColorList as $k => $v) : ?>
+                                                <?php if($v->id != 0): ?>
+                                                    <option value="<?= $v->id ?>">
+                                                        <?= $v->nombre ?>
+                                                    </option>
+                                                <?php endif; ?>
+                                        <?php endforeach;
+                                        endif; ?>
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_color_gramaje" name="lp_color_gramaje" class="form-control form-select-sm lp-cell lp-select lp-color-select" style="min-width: 40px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_color_papelImpresion" name="lp_color_papelImpresion" class="form-control form-select-sm lp-cell lp-select lp-color-select" style="min-width: 150px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_color_maquina" name="lp_color_maquina" class="form-control form-select-sm lp-cell lp-select lp-color-select" style="min-width: 110px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td"><input id="lp_color_tiempo" name="lp_color_tiempo" class="lp-input lp-cell lp-cell-disabled lp-color-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_color_numeroPliegos" name="lp_color_numeroPliegos" class="lp-input lp-cell lp-cell-disabled lp-color-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_color_pliegosPedido" name="lp_color_pliegosPedido" class="lp-input lp-cell lp-cell-disabled lp-color-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_color_precioPliego" name="lp_color_precioPliego" class="lp-input lp-cell lp-cell-disabled lp-color-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_color_libro" name="lp_color_libro" readonly class="lp-input lp-cell lp-cell-disabled lp-color-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_color_totalPapelPedido" name="lp_color_totalPapelPedido" readonly class="lp-input lp-cell lp-cell-disabled lp-color-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_color_checkPapel" name="lp_color_checkPapel_bn" style="width: 15px; padding: 0; margin:0;" type="checkbox" checked></td>
+                                <td class="lp-td"><input id="lp_color_lomo" name="lp_color_lomo" readonly class="lp-input lp-cell lp-cell-disabled lp-color-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_color_peso" name="lp_color_peso" readonly class="lp-input lp-cell lp-cell-disabled lp-color-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_color_click" name="lp_color_click" readonly class="lp-input lp-cell lp-cell-disabled lp-color-input" value="0"></td>
+                                <td class="lp-td"><input id="lp_color_totalClicks" name="lp_color_totalClicks" class="lp-input lp-cell lp-cell-disabled lp-color-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_color_checkClicks" name="lp_color_checkClicks" style="width: 15px; padding: 0; margin:0;" type="checkbox" checked></td>
+                                <td style="padding: 0; margin:0;"><a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}" data-bs-toggle="modal" data-bs-target="#confirm2delete"></i></a></td>
+                            </tr>
+
+
+                            <tr id="lp_colorhq" class="lp-interior lp_colorhq" style="display: none;">
+                                <input type="hidden" name="lp_colorhq_tarifa_impresion_id" id="lp_colorhq_tarifa_impresion_id" class="form-control" value="0"></input>
+                                <td class="lp-td"> <img style="padding: 0; margin:0;" src="<?= site_url('themes/vuexy/img/safekat/presupuestos/icon_colorhq.png') ?>" /></td>
+                                <td class="lp-td"><input id="lp_colorhq_paginas" name="lp_colorhq_paginas" class="lp-cell lp-input lp-colorhq-input" type="text" value="0"></td>
+                                <td class="lp-td">
+                                    <select id="lp_colorhq_papel" name="lp_colorhq_papel" class="form-control form-select-sm lp-cell lp-select" style="min-width: 150px;">
+                                        <?php if (isset($papelGenericoColorHQList) && is_array($papelGenericoColorHQList) && !empty($papelGenericoColorHQList)) :
+                                            foreach ($papelGenericoColorHQList as $k => $v) : ?>
+                                                <?php if($v->id != 0): ?>
+                                                    <option value="<?= $v->id ?>">
+                                                        <?= $v->nombre ?>
+                                                    </option>
+                                                <?php endif; ?>
+                                        <?php endforeach;
+                                        endif; ?>
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_colorhq_gramaje" name="lp_colorhq_gramaje" class="form-control form-select-sm lp-cell lp-select lp-colorhq-select" style="min-width: 40px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_colorhq_papelImpresion" name="lp_colorhq_papelImpresion" class="form-control form-select-sm lp-cell lp-select lp-colorhq-select" style="min-width: 150px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_colorhq_maquina" name="lp_colorhq_maquina" class="form-control form-select-sm lp-cell lp-select lp-colorhq-select" style="min-width: 110px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td"><input id="lp_colorhq_tiempo" name="lp_colorhq_tiempo" class="lp-input lp-cell lp-cell-disabled lp-colorhq-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_colorhq_numeroPliegos" name="lp_colorhq_numeroPliegos" class="lp-input lp-cell lp-cell-disabled lp-colorhq-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_colorhq_pliegosPedido" name="lp_colorhq_pliegosPedido" class="lp-input lp-cell lp-cell-disabled lp-colorhq-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_colorhq_precioPliego" name="lp_colorhq_precioPliego" class="lp-input lp-cell lp-cell-disabled lp-colorhq-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_colorhq_libro" name="lp_colorhq_libro" readonly class="lp-input lp-cell lp-cell-disabled lp-colorhq-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_colorhq_totalPapelPedido" name="lp_colorhq_totalPapelPedido" readonly class="lp-input lp-cell lp-cell-disabled lp-colorhq-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_colorhq_checkPapel" name="lp_colorhq_checkPapel_bn" style="width: 15px; padding: 0; margin:0;" type="checkbox" checked></td>
+                                <td class="lp-td"><input id="lp_colorhq_lomo" name="lp_colorhq_lomo" readonly class="lp-input lp-cell lp-cell-disabled lp-colorhq-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_colorhq_peso" name="lp_colorhq_peso" readonly class="lp-input lp-cell lp-cell-disabled lp-colorhq-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_colorhq_click" name="lp_colorhq_click" readonly class="lp-input lp-cell lp-cell-disabled lp-colorhq-input" value="0"></td>
+                                <td class="lp-td"><input id="lp_colorhq_totalClicks" name="lp_colorhq_totalClicks" class="lp-input lp-cell lp-cell-disabled lp-colorhq-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_colorhq_checkClicks" name="lp_colorhq_checkClicks" style="width: 15px; padding: 0; margin:0;" type="checkbox" checked></td>
+                                <td style="padding: 0; margin:0;"><a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}" data-bs-toggle="modal" data-bs-target="#confirm2delete"></i></a></td>
+                            </tr>
+
+                            <tr id="lp_rot_bn" class="lp-rot lp_rot_bn" style="border-bottom-color: white; display: none;" >
+                                <input type="hidden" name="lp_rot_bn_tarifa_impresion_id" id="lp_rot_bn_tarifa_impresion_id" class="form-control" value="0"></input>
+                                <td class="lp-td"> <img style="padding: 0; margin:0;" src="<?= site_url('themes/vuexy/img/safekat/presupuestos/icon_rotativa_bn.png') ?>" /></td>
+                                <td class="lp-td"><input id="lp_rot_bn_paginas" name="lp_rot_bn_paginas" class="lp-cell lp-input lp-rotbn-input" type="text" value="0"></td>
+                                <td class="lp-td">
+                                    <select id="lp_rot_bn_papel" name="lp_rot_bn_papel" class="form-control form-select-sm lp-cell lp-select" style="min-width: 150px;">
+                                        <?php if (isset($papelGenericoRotativaNegroList) && is_array($papelGenericoRotativaNegroList) && !empty($papelGenericoRotativaNegroList)) :
+                                            foreach ($papelGenericoRotativaNegroList as $k => $v) : ?>
+                                                <?php if($v->id != 0): ?>
+                                                    <option value="<?= $v->id ?>">
+                                                        <?= $v->nombre ?>
+                                                    </option>
+                                                <?php endif; ?>
+                                        <?php endforeach;
+                                        endif; ?>
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_rot_bn_gramaje" name="lp_rot_bn_gramaje" class="form-control form-select-sm lp-cell lp-select lp-rotbn-select" style="min-width: 40px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_rot_bn_papelImpresion" name="lp_rot_bn_papelImpresion" class="form-control form-select-sm lp-cell lp-select lp-rotbn-select" style="min-width: 150px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_rot_bn_maquina" name="lp_rot_bn_maquina" class="form-control form-select-sm lp-cell lp-select lp-rotbn-select" style="min-width: 110px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td"><input id="lp_rot_bn_tiempo" name="lp_rot_bn_tiempo" class="lp-input lp-cell lp-cell-disabled lp-rotbn-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_rot_bn_numeroPliegos" name="lp_rot_bn_numeroPliegos" class="lp-input lp-cell lp-cell-disabled lp-rotbn-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_rot_bn_pliegosPedido" name="lp_rot_bn_pliegosPedido" class="lp-input lp-cell lp-cell-disabled lp-rotbn-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_rot_bn_precioPliego" name="lp_rot_bn_precioPliego" class="lp-input lp-cell lp-cell-disabled lp-rotbn-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_rot_bn_libro" name="lp_rot_bn_libro" readonly class="lp-input lp-cell lp-cell-disabled lp-rotbn-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_rot_bn_totalPapelPedido" name="lp_rot_bn_totalPapelPedido" readonly class="lp-input lp-cell lp-cell-disabled lp-rotbn-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_rot_bn_checkPapel" name="lp_rot_bn_checkPapel_bn" style="width: 15px; padding: 0; margin:0;" type="checkbox" checked></td>
+                                <td class="lp-td"><input id="lp_rot_bn_lomo" name="lp_rot_bn_lomo" readonly class="lp-input lp-cell lp-cell-disabled lp-rotbn-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_rot_bn_peso" name="lp_rot_bn_peso" readonly class="lp-input lp-cell lp-cell-disabled lp-rotbn-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_rot_bn_click" name="lp_rot_bn_click" readonly class="lp-input lp-cell lp-cell-disabled lp-rotbn-input" value="0"></td>
+                                <td class="lp-td"><input id="lp_rot_bn_totalClicks" name="lp_rot_bn_totalClicks" class="lp-input lp-cell lp-cell-disabled lp-rotbn-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_rot_bn_checkClicks" name="lp_rot_bn_checkClicks" style="width: 15px; padding: 0; margin:0;" type="checkbox" checked></td>
+                                <td style="padding: 0; margin:0;"><a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}" data-bs-toggle="modal" data-bs-target="#confirm2delete"></i></a></td>
+                            </tr>
+                            <tr id="lp_rot_bn_data" class="lp-rot lp_rot_bn" style="display: none;">
+                                <td class="lp-td"></td>        
+                                <td class="lp-td" colspan="18" style="padding-top: 0px;">
+                                    <div class="row">
+                                        <div class="col-md-12 col-lg-1">
+                                        <button id="lp_rot_bn_defecto" name="lp_rot_bn_defecto" type="button" class="btn btn-label-primary waves-effect lp-button"><?= lang('Presupuestos.porDefecto') ?></button>
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.numPagColor') ?>
+                                            <input type="text" id="lp_rot_bn_numPagColor" name="lp_rot_bn_numPagColor" class="lp-cell lp-input lp-cell-disabled" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.saturacion') ?>
+                                            <input type="text" id="lp_rot_bn_saturacion" name="lp_rot_bn_saturacion" class="lp-cell lp-input lp-cell-disabled" readonly value="100">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.cobNegro') ?>
+                                            <input type="text" id="lp_rot_bn_cobNegro" name="lp_rot_bn_cobNegro" class="lp-cell lp-input lp-rotbn-input lp-rotbn-tipologia" value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.cobCyan') ?>
+                                            <input type="text" id="lp_rot_bn_cobCyan" name="lp_rot_bn_cobCyan" class="lp-cell lp-input lp-rotbn-input lp-rotbn-tipologia" value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.cobMagenta') ?>
+                                            <input type="text" id="lp_rot_bn_cobMagenta" name="lp_rot_bn_cobMagenta" class="lp-cell lp-input lp-rotbn-input lp-rotbn-tipologia" value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.cobAmarillo') ?>
+                                            <input type="text" id="lp_rot_bn_cobAmarillo" name="lp_rot_bn_cobAmarillo" class="lp-cell lp-input lp-rotbn-input lp-rotbn-tipologia" value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gotaNegro') ?>
+                                            <input type="text" id="lp_rot_bn_gotaNegro" name="lp_rot_bn_gotaNegro" class="lp-cell lp-input lp-rotbn-input lp-rotbn-tipologia" value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gotaColor') ?>
+                                            <input type="text" id="lp_rot_bn_gotaColor" name="lp_rot_bn_gotaColor" class="lp-cell lp-input lp-rotbn-input lp-rotbn-tipologia" value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1" style="display: grid;">
+                                            <?= lang('Presupuestos.aFavorFibra') ?>
+                                            <input type="checkbox" id="lp_rot_bn_aFavorFibra" name="lp_rot_bn_aFavorFibra" checked >
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.totalLinea') ?>
+                                            <input type="text" id="lp_rot_bn_totalLinea" name="lp_rot_bn_totalLinea" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <button id="lp_rot_bn_vercalculos" name="lp_rot_bn_vercalculos" type="button" class="btn btn-label-primary waves-effect lp-button"><?= lang('Presupuestos.verCalculos') ?></button>
+                                        </div>
+                                    </div>
+
+                                    <div class="row calculos_rot_bn" style="display: none;">
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.metrosMinuto') ?>
+                                            <input type="text" id="lp_rot_bn_metrosMinuto" name="lp_rot_bn_metrosMinuto" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.resolucion') ?>
+                                            <input type="text" id="lp_rot_bn_resolucion" name="lp_rot_bn_resolucion" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.areaPaginas') ?>
+                                            <input type="text" id="lp_rot_bn_areaPaginas" name="lp_rot_bn_areaPaginas" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gotasNegro') ?>
+                                            <input type="text" id="lp_rot_bn_gotasNegro" name="lp_rot_bn_gotasNegro" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gotasCyan') ?>
+                                            <input type="text" id="lp_rot_bn_gotasCyan" name="lp_rot_bn_gotasCyan" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gotasMagenta') ?>
+                                            <input type="text" id="lp_rot_bn_gotasMagenta" name="lp_rot_bn_gotasMagenta" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gotasAmarillo') ?>
+                                            <input type="text" id="lp_rot_bn_gotasAmarillo" name="lp_rot_bn_gotasAmarillo" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.precioPagNegro') ?>
+                                            <input type="text" id="lp_rot_bn_precioPagNegro" name="lp_rot_bn_precioPagNegro" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.precioPagColor') ?>
+                                            <input type="text" id="lp_rot_bn_precioPagColor" name="lp_rot_bn_precioPagColor" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.factorAltura') ?>
+                                            <input type="text" id="lp_rot_bn_factorAltura" name="lp_rot_bn_factorAltura" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.factorAnchura') ?>
+                                            <input type="text" id="lp_rot_bn_factorAnchura" name="lp_rot_bn_factorAnchura" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.paginasPliego') ?>
+                                            <input type="text" id="lp_rot_bn_paginasPliego" name="lp_rot_bn_paginasPliego" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                    </div>
+                                    
+                                    <div class="row calculos_rot_bn" style="display: none;">
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.metrosPapelLibro') ?>
+                                            <input type="text" id="lp_rot_bn_metrosPapelLibro" name="lp_rot_bn_metrosPapelLibro" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.metrosPapelTotal') ?>
+                                            <input type="text" id="lp_rot_bn_metrosPapelTotal" name="lp_rot_bn_metrosPapelTotal" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.clicksLibro') ?>
+                                            <input type="text" id="lp_rot_bn_clicksLibro" name="lp_rot_bn_clicksLibro" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gTintaNegro') ?>
+                                            <input type="text" id="lp_rot_bn_gTintaNegro" name="lp_rot_bn_gTintaNegro" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gTintaCyan') ?>
+                                            <input type="text" id="lp_rot_bn_gTintaCyan" name="lp_rot_bn_gTintaCyan" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gTintaMagenta') ?>
+                                            <input type="text" id="lp_rot_bn_gTintaMagenta" name="lp_rot_bn_gTintaMagenta" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gTintaAmarillo') ?>
+                                            <input type="text" id="lp_rot_bn_gTintaAmarillo" name="lp_rot_bn_gTintaAmarillo" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.clicksPedido') ?>
+                                            <input type="text" id="lp_rot_bn_clicksPedido" name="lp_rot_bn_clicksPedido" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.totalClicks') ?>
+                                            <input type="text" id="lp_rot_bn_totalClicksPedido" name="lp_rot_bn_totalClicksPedido" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.totalTinta') ?>
+                                            <input type="text" id="lp_rot_bn_totalTinta" name="lp_rot_bn_totalTinta" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.totalCorte') ?>
+                                            <input type="text" id="lp_rot_bn_totalCorte" name="lp_rot_bn_totalCorte" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.totalImpresion') ?>
+                                            <input type="text" id="lp_rot_bn_totalImpresion" name="lp_rot_bn_totalImpresion" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                    </div>
+
+                                    <div class="row calculos_rot_bn" style="display: none;">
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.velocidadCorte') ?>
+                                            <input type="text" id="lp_rot_bn_velocidadCorte" name="lp_rot_bn_velocidadCorte" class="lp-cell lp-input lp-cell-disabled" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.precioHoraCorte') ?>
+                                            <input type="text" id="lp_rot_bn_precioHoraCorte" name="lp_rot_bn_precioHoraCorte" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.tiempoCorte') ?>
+                                            <input type="text" id="lp_rot_bn_tiempoCorte" name="lp_rot_bn_tiempoCorte" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gTintaNegroPed') ?>
+                                            <input type="text" id="lp_rot_bn_gTintaNegroPed" name="lp_rot_bn_gTintaNegroPed" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gTintaCyanPed') ?>
+                                            <input type="text" id="lp_rot_bn_gTintaCyanPed" name="lp_rot_bn_gTintaCyanPed" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gTintaMagentaPed') ?>
+                                            <input type="text" id="lp_rot_bn_gTintaMagentaPed" name="lp_rot_bn_gTintaMagentaPed" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gTintaAmarilloPed') ?>
+                                            <input type="text" id="lp_rot_bn_gTintaAmarilloPed" name="lp_rot_bn_gTintaAmarilloPed" class="lp-cell lp-cell-disabled lp-input lp-rotbn-input" readonly value="0">
+                                        </div>
+                                    </div>
+
+                                </td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                            </tr>
+
+
+
+                            <tr id="lp_rot_color" class="lp-rot lp_rot_color" style="border-bottom-color: white; display:none;">
+                                <input type="hidden" name="lp_rot_color_tarifa_impresion_id" id="lp_rot_color_tarifa_impresion_id" class="form-control" value="0"></input>
+                                <td class="lp-td"> <img style="padding: 0; margin:0;" src="<?= site_url('themes/vuexy/img/safekat/presupuestos/icon_rotativa_color.png') ?>" /></td>
+                                <td class="lp-td"><input id="lp_rot_color_paginas" name="lp_rot_color_paginas" class="lp-cell lp-input lp-rotcolor-input" type="text" value="0"></td>
+                                <td class="lp-td">
+                                    <select id="lp_rot_color_papel" name="lp_rot_color_papel" class="form-control form-select-sm lp-cell lp-select" style="min-width: 150px;">
+                                        <?php if (isset($papelGenericoColorHQList) && is_array($papelGenericoColorHQList) && !empty($papelGenericoColorHQList)) :
+                                            foreach ($papelGenericoColorHQList as $k => $v) : ?>
+                                                <?php if($v->id != 0): ?>
+                                                    <option value="<?= $v->id ?>">
+                                                        <?= $v->nombre ?>
+                                                    </option>
+                                                <?php endif; ?>
+                                        <?php endforeach;
+                                        endif; ?>
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_rot_color_gramaje" name="lp_rot_color_gramaje" class="form-control form-select-sm lp-cell lp-select lp-rotcolor-select" style="min-width: 40px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_rot_color_papelImpresion" name="lp_rot_color_papelImpresion" class="form-control form-select-sm lp-cell lp-select lp-rotcolor-select" style="min-width: 150px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_rot_color_maquina" name="lp_rot_color_maquina" class="form-control form-select-sm lp-cell lp-select lp-rotcolor-select" style="min-width: 110px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td"><input id="lp_rot_color_tiempo" name="lp_rot_color_tiempo" class="lp-input lp-cell lp-cell-disabled lp-rotcolor-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_rot_color_numeroPliegos" name="lp_rot_color_numeroPliegos" class="lp-input lp-cell lp-cell-disabled lp-rotcolor-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_rot_color_pliegosPedido" name="lp_rot_color_pliegosPedido" class="lp-input lp-cell lp-cell-disabled lp-rotcolor-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_rot_color_precioPliego" name="lp_rot_color_precioPliego" class="lp-input lp-cell lp-cell-disabled lp-rotcolor-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_rot_color_libro" name="lp_rot_color_libro" readonly class="lp-input lp-cell lp-cell-disabled lp-rotcolor-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_rot_color_totalPapelPedido" name="lp_rot_color_totalPapelPedido" readonly class="lp-input lp-cell lp-cell-disabled lp-rotcolor-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_rot_color_checkPapel" name="lp_rot_color_checkPapel_bn" style="width: 15px; padding: 0; margin:0;" type="checkbox" checked></td>
+                                <td class="lp-td"><input id="lp_rot_color_lomo" name="lp_rot_color_lomo" readonly class="lp-input lp-cell lp-cell-disabled  lp-rotcolor-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_rot_color_peso" name="lp_rot_color_peso" readonly class="lp-input lp-cell lp-cell-disabled lp-rotcolor-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_rot_color_click" name="lp_rot_color_click" readonly class="lp-input lp-cell lp-cell-disabled lp-rotcolor-input" value="0"></td>
+                                <td class="lp-td"><input id="lp_rot_color_totalClicks" name="lp_rot_color_totalClicks" class="lp-input lp-cell lp-cell-disabled lp-rotcolor-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_rot_color_checkClicks" name="lp_rot_color_checkClicks" style="width: 15px; padding: 0; margin:0;" type="checkbox" checked></td>
+                                <td style="padding: 0; margin:0;"><a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}" data-bs-toggle="modal" data-bs-target="#confirm2delete"></i></a></td>
+                            </tr>
+
+                            <tr id="lp_rot_color_data" class="lp-rot lp_rot_color" style="display: none;">
+                                <td class="lp-td"></td>        
+                                <td class="lp-td" colspan="18" style="padding-top: 0px;">
+                                    <div class="row">
+                                        <div class="col-md-12 col-lg-1">
+                                        <button id="lp_rot_color_defecto" name="lp_rot_color_defecto" type="button" class="btn btn-label-primary waves-effect lp-button"><?= lang('Presupuestos.porDefecto') ?></button>
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.numPagColor') ?>
+                                            <input type="text" id="lp_rot_color_numPagColor" name="lp_rot_color_numPagColor" class="lp-cell lp-input lp-rotcolor-tipologia" value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.saturacion') ?>
+                                            <input type="text" id="lp_rot_color_saturacion" name="lp_rot_color_saturacion" class="lp-cell lp-input lp-cell-disabled" readonly value="100">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.cobNegro') ?>
+                                            <input type="text" id="lp_rot_color_cobNegro" name="lp_rot_color_cobNegro" class="lp-cell lp-input lp-rotcolor-input lp-rotcolor-tipologia" value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.cobCyan') ?>
+                                            <input type="text" id="lp_rot_color_cobCyan" name="lp_rot_color_cobCyan" class="lp-cell lp-input lp-rotcolor-input lp-rotcolor-tipologia" value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.cobMagenta') ?>
+                                            <input type="text" id="lp_rot_color_cobMagenta" name="lp_rot_color_cobMagenta" class="lp-cell lp-input lp-rotcolor-input lp-rotcolor-tipologia" value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.cobAmarillo') ?>
+                                            <input type="text" id="lp_rot_color_cobAmarillo" name="lp_rot_color_cobAmarillo" class="lp-cell lp-input lp-rotcolor-input lp-rotcolor-tipologia" value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gotaNegro') ?>
+                                            <input type="text" id="lp_rot_color_gotaNegro" name="lp_rot_color_gotaNegro" class="lp-cell lp-input lp-rotcolor-input lp-rotcolor-tipologia" value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gotaColor') ?>
+                                            <input type="text" id="lp_rot_color_gotaColor" name="lp_rot_color_gotaColor" class="lp-cell lp-input lp-rotcolor-input lp-rotcolor-tipologia" value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1" style="display: grid;">
+                                            <?= lang('Presupuestos.aFavorFibra') ?>
+                                            <input type="checkbox" id="lp_rot_color_aFavorFibra" name="lp_rot_color_aFavorFibra" checked >
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.totalLinea') ?>
+                                            <input type="text" id="lp_rot_color_totalLinea" name="lp_rot_color_totalLinea" class="lp-cell lp-input lp-cell-disabled lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <button id="lp_rot_color_vercalculos" name="lp_rot_color_vercalculos" type="button" class="btn btn-label-primary waves-effect lp-button"><?= lang('Presupuestos.verCalculos') ?></button>
+                                        </div>
+                                    </div>
+
+                                    <div class="row calculos_rot_color" style="display: none;">
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.metrosMinuto') ?>
+                                            <input type="text" id="lp_rot_color_metrosMinuto" name="lp_rot_color_metrosMinuto" class="lp-cell lp-input lp-cell-disabled lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.resolucion') ?>
+                                            <input type="text" id="lp_rot_color_resolucion" name="lp_rot_color_resolucion" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.areaPaginas') ?>
+                                            <input type="text" id="lp_rot_color_areaPaginas" name="lp_rot_color_areaPaginas" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gotasNegro') ?>
+                                            <input type="text" id="lp_rot_color_gotasNegro" name="lp_rot_color_gotasNegro" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gotasCyan') ?>
+                                            <input type="text" id="lp_rot_color_gotasCyan" name="lp_rot_color_gotasCyan" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gotasMagenta') ?>
+                                            <input type="text" id="lp_rot_color_gotasMagenta" name="lp_rot_color_gotasMagenta" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gotasAmarillo') ?>
+                                            <input type="text" id="lp_rot_color_gotasAmarillo" name="lp_rot_color_gotasAmarillo" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.precioPagNegro') ?>
+                                            <input type="text" id="lp_rot_color_precioPagNegro" name="lp_rot_color_precioPagNegro" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.precioPagColor') ?>
+                                            <input type="text" id="lp_rot_color_precioPagColor" name="lp_rot_color_precioPagColor" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.factorAltura') ?>
+                                            <input type="text" id="lp_rot_color_factorAltura" name="lp_rot_color_factorAltura" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.factorAnchura') ?>
+                                            <input type="text" id="lp_rot_color_factorAnchura" name="lp_rot_color_factorAnchura" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.paginasPliego') ?>
+                                            <input type="text" id="lp_rot_color_paginasPliego" name="lp_rot_color_paginasPliego" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                    </div>
+                                    
+                                    <div class="row calculos_rot_color" style="display: none;">
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.metrosPapelLibro') ?>
+                                            <input type="text" id="lp_rot_color_metrosPapelLibro" name="lp_rot_color_metrosPapelLibro" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.metrosPapelTotal') ?>
+                                            <input type="text" id="lp_rot_color_metrosPapelTotal" name="lp_rot_color_metrosPapelTotal" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.clicksLibro') ?>
+                                            <input type="text" id="lp_rot_color_clicksLibro" name="lp_rot_color_clicksLibro" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gTintaNegro') ?>
+                                            <input type="text" id="lp_rot_color_gTintaNegro" name="lp_rot_color_gTintaNegro" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gTintaCyan') ?>
+                                            <input type="text" id="lp_rot_color_gTintaCyan" name="lp_rot_color_gTintaCyan" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gTintaMagenta') ?>
+                                            <input type="text" id="lp_rot_color_gTintaMagenta" name="lp_rot_color_gTintaMagenta" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gTintaAmarillo') ?>
+                                            <input type="text" id="lp_rot_color_gTintaAmarillo" name="lp_rot_color_gTintaAmarillo" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.clicksPedido') ?>
+                                            <input type="text" id="lp_rot_color_clicksPedido" name="lp_rot_color_clicksPedido" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.totalClicks') ?>
+                                            <input type="text" id="lp_rot_color_totalClicksPedido" name="lp_rot_color_totalClicksPedido" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.totalTinta') ?>
+                                            <input type="text" id="lp_rot_color_totalTinta" name="lp_rot_color_totalTinta" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.totalCorte') ?>
+                                            <input type="text" id="lp_rot_color_totalCorte" name="lp_rot_color_totalCorte" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.totalImpresion') ?>
+                                            <input type="text" id="lp_rot_color_totalImpresion" name="lp_rot_color_totalImpresion" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                    </div>
+
+                                    <div class="row calculos_rot_color" style="display: none;">
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.velocidadCorte') ?>
+                                            <input type="text" id="lp_rot_color_velocidadCorte" name="lp_rot_color_velocidadCorte" class="lp-cell lp-input lp-cell-disabled lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.precioHoraCorte') ?>
+                                            <input type="text" id="lp_rot_color_precioHoraCorte" name="lp_rot_color_precioHoraCorte" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.tiempoCorte') ?>
+                                            <input type="text" id="lp_rot_color_tiempoCorte" name="lp_rot_color_tiempoCorte" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gTintaNegroPed') ?>
+                                            <input type="text" id="lp_rot_color_gTintaNegroPed" name="lp_rot_color_gTintaNegroPed" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gTintaCyanPed') ?>
+                                            <input type="text" id="lp_rot_color_gTintaCyanPed" name="lp_rot_color_gTintaCyanPed" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gTintaMagentaPed') ?>
+                                            <input type="text" id="lp_rot_color_gTintaMagentaPed" name="lp_rot_color_gTintaMagentaPed" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                        <div class="col-md-12 col-lg-1">
+                                            <?= lang('Presupuestos.gTintaAmarilloPed') ?>
+                                            <input type="text" id="lp_rot_color_gTintaAmarilloPed" name="lp_rot_color_gTintaAmarilloPed" class="lp-cell lp-cell-disabled lp-input lp-rotcolor-input" readonly value="0">
+                                        </div>
+                                    </div>
+
+                                </td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                                <td style="display: none;"></td>        
+                            </tr>
+
+                            <tr id="lp_cubierta" class="lp_cubierta" style="display: none;">
+                                <input type="hidden" name="lp_cubierta_tarifa_impresion_id" id="lp_cubierta_tarifa_impresion_id" class="form-control" value="0"></input>
+                                <td class="lp-td"> <img style="padding: 0; margin:0;" src="<?= site_url('themes/vuexy/img/safekat/presupuestos/icon_cubierta.png') ?>" /></td>
+                                <td class="lp-td">
+                                    <select id="lp_cubierta_paginas" name="comp_paginas_cubierta" class="form-control form-select-sm lp-cell lp-select" style="min-width:50px;">
+                                        <option value="2">
+                                            <p><?= lang('Presupuestos.1cara') ?></p>
+                                        </option>
+                                        <option value="4">
+                                            <p><?= lang('Presupuestos.2caras') ?></p>
+                                        </option>
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_cubierta_papel" name="lp_cubierta_papel" class="form-control form-select-sm lp-cell lp-select" style="min-width: 150px;">
+                                        <?php if (isset($papelGenericoCubiertaList) && is_array($papelGenericoCubiertaList) && !empty($papelGenericoCubiertaList)) :
+                                            foreach ($papelGenericoCubiertaList as $k => $v) : ?>
+                                                <?php if($v->id != 0): ?>
+                                                    <option value="<?= $v->id ?>">
+                                                        <?= $v->nombre ?>
+                                                    </option>
+                                                <?php endif; ?>
+                                        <?php endforeach;
+                                        endif; ?>
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_cubierta_gramaje" name="lp_cubierta_gramaje" class="form-control form-select-sm lp-cell lp-select lp-cubierta-select" style="min-width: 40px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_cubierta_papelImpresion" name="lp_cubierta_papelImpresion" class="form-control form-select-sm lp-cell lp-select lp-cubierta-select" style="min-width: 150px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_cubierta_maquina" name="lp_cubierta_maquina" class="form-control form-select-sm lp-cell lp-select lp-cubierta-select" style="min-width: 110px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td"><input id="lp_cubierta_tiempo" name="lp_cubierta_tiempo" class="lp-input lp-cell lp-cell-disabled lp-cubierta-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_cubierta_numeroPliegos" name="lp_cubierta_numeroPliegos" class="lp-input lp-cell lp-cell-disabled lp-cubierta-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_cubierta_pliegosPedido" name="lp_cubierta_pliegosPedido" class="lp-input lp-cell lp-cell-disabled lp-cubierta-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_cubierta_precioPliego" name="lp_cubierta_precioPliego" class="lp-input lp-cell lp-cell-disabled lp-cubierta-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_cubierta_libro" name="lp_cubierta_libro" readonly class="lp-input lp-cell lp-cell-disabled lp-cubierta-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_cubierta_totalPapelPedido" name="lp_cubierta_totalPapelPedido" readonly class="lp-input lp-cell lp-cell-disabled lp-cubierta-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_cubierta_checkPapel" name="lp_cubierta_checkPapel_bn" style="width: 15px; padding: 0; margin:0;" type="checkbox" checked></td>
+                                <td class="lp-td"><input id="lp_cubierta_lomo" name="lp_cubierta_lomo" readonly class="lp-input lp-cell lp-cell-disabled lp-cubierta-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_cubierta_peso" name="lp_cubierta_peso" readonly class="lp-input lp-cell lp-cell-disabled lp-cubierta-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_cubierta_click" name="lp_cubierta_click" readonly class="lp-input lp-cell lp-cell-disabled lp-cubierta-input" value="0"></td>
+                                <td class="lp-td"><input id="lp_cubierta_totalClicks" name="lp_cubierta_totalClicks" class="lp-input lp-cell lp-cell-disabled lp-cubierta-input" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_cubierta_checkClicks" name="lp_cubierta_checkClicks" style="width: 15px; padding: 0; margin:0;" type="checkbox" checked></td>
+                                <td style="padding: 0; margin:0;"><a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}" data-bs-toggle="modal" data-bs-target="#confirm2delete"></i></a></td>
+                            </tr>
+
+                            <tr id="lp_sobrecubierta" style="display: none;">
+                                <input type="hidden" name="lp_sobrecubierta_tarifa_impresion_id" id="lp_sobrecubierta_tarifa_impresion_id" class="form-control" value="0"></input>
+                                <td class="lp-td"> <img style="padding: 0; margin:0;" src="<?= site_url('themes/vuexy/img/safekat/presupuestos/icon_sobrecubierta.png') ?>" /></td>
+                                <td class="lp-td"><input id="lp_sobrecubierta_paginas" name="lp_sobrecubierta_paginas" class="lp-cell lp-input" type="text" value="0"></td>
+                                <td class="lp-td">
+                                    <select id="lp_sobrecubierta_papel" name="lp_sobrecubierta_papel" class="form-control form-select-sm lp-cell lp-select" style="min-width: 150px;">
+                                        <?php if (isset($papelGenericoColorHQList) && is_array($papelGenericoColorHQList) && !empty($papelGenericoColorHQList)) :
+                                            foreach ($papelGenericoColorHQList as $k => $v) : ?>
+                                                <?php if($v->id != 0): ?>
+                                                    <option value="<?= $v->id ?>">
+                                                        <?= $v->nombre ?>
+                                                    </option>
+                                                <?php endif; ?>
+                                        <?php endforeach;
+                                        endif; ?>
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_sobrecubierta_gramaje" name="lp_sobrecubierta_gramaje" class="form-control form-select-sm lp-cell lp-select" style="min-width: 40px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_sobrecubierta_papelImpresion" name="lp_sobrecubierta_papelImpresion" class="form-control form-select-sm lp-cell lp-select" style="min-width: 150px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td">
+                                    <select id="lp_sobrecubierta_maquina" name="lp_sobrecubierta_maquina" class="form-control form-select-sm lp-cell lp-select" style="min-width: 110px;">
+                                    </select>
+                                </td>
+                                <td class="lp-td"><input id="lp_sobrecubierta_tiempo" name="lp_sobrecubierta_tiempo" class="lp-input lp-cell lp-cell-disabled" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_sobrecubierta_numeroPliegos" name="lp_sobrecubierta_numeroPliegos" class="lp-input lp-cell lp-cell-disabled" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_sobrecubierta_pliegosPedido" name="lp_sobrecubierta_pliegosPedido" class="lp-input lp-cell lp-cell-disabled" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_sobrecubierta_precioPliego" name="lp_sobrecubierta_precioPliego" class="lp-input lp-cell lp-cell-disabled" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_sobrecubierta_libro" name="lp_sobrecubierta_libro" readonly class="lp-input lp-cell lp-cell-disabled" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_sobrecubierta_totalPapelPedido" name="lp_sobrecubierta_totalPapelPedido" readonly class="lp-input lp-cell lp-cell-disabled" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_sobrecubierta_checkPapel" name="lp_sobrecubierta_checkPapel_bn" style="width: 15px; padding: 0; margin:0;" type="checkbox" checked></td>
+                                <td class="lp-td"><input id="lp_sobrecubierta_lomo" name="lp_sobrecubierta_lomo" readonly class="lp-input lp-cell lp-cell-disabled" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_sobrecubierta_peso" name="lp_sobrecubierta_peso" readonly class="lp-input lp-cell lp-cell-disabled" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_sobrecubierta_click" name="lp_sobrecubierta_click" readonly class="lp-input lp-cell lp-cell-disabled" value="0"></td>
+                                <td class="lp-td"><input id="lp_sobrecubierta_totalClicks" name="lp_sobrecubierta_totalClicks" class="lp-input lp-cell lp-cell-disabled" type="text" value="0"></td>
+                                <td class="lp-td"><input id="lp_sobrecubierta_checkClicks" name="lp_sobrecubierta_checkClicks" style="width: 15px; padding: 0; margin:0;" type="checkbox" checked></td>
+                                <td style="padding: 0; margin:0;"><a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}" data-bs-toggle="modal" data-bs-target="#confirm2delete"></i></a></td>
+                            </tr>
+
+                        </tbody>
+                    </table>
+
+
+                    <div class='row'>
+                        <div class='col-md-12 col-lg-9 px-4'></div>
+                        <div class='col-md-12 col-lg-3 px-4'>
+                            <div class="input-group">
+                                <label class="input-group-text" for="addLineasPresupuesto"><?= lang('Presupuestos.addLineaPresupuesto') ?></label>
+                                <select class="form-select" id="addLineasPresupuesto" data-native-menu="false">
+                                    <option></option>
+                                    <option value="lp_bn"><?= lang('Presupuestos.bn') ?></option>
+                                    <option value="lp_bnhq"><?= lang('Presupuestos.bnhq') ?></option>
+                                    <option value="lp_color"><?= lang('Presupuestos.color') ?></option>
+                                    <option value="lp_colorhq"><?= lang('Presupuestos.colorhq') ?></option>
+                                    <option value="lp_rot_bn"><?= lang('Presupuestos.rotativa_bn') ?></option>
+                                    <option value="lp_rot_color"><?= lang('Presupuestos.rotativa_color') ?></option>
+                                    <option value="lp_cubierta"><?= lang('Presupuestos.cubierta') ?></option>
+                                </select>
+                            </div>
+                        </div>
                     </div>
-                </div>
+                    
             </div>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>
+
+<!------------------------------------------->
+<!-- Código JS de las lineas de presupuesto. -->
+<!------------------------------------------->
+<?= $this->section("additionalInlineJs") ?>
+ 	
+
+$('#lp_bn_papel').val('');
+$('#lp_bnhq_papel').val('');
+$('#lp_color_papel').val('');
+$('#lp_colorhq_papel').val('');
+$('#lp_rot_bn_papel').val('');
+$('#lp_rot_color_papel').val('');
+$('#lp_cubierta_papel').val('');
+$('#lp_sobrecubierta_papel').val('');
+$('#addLineasPresupuesto').val('');
+   
+
+$('#lp_rot_color_vercalculos').on("click", function () {
+    if($( ".calculos_rot_color" ).css('display') == 'none')
+        $( ".calculos_rot_color" ).css('display', 'flex')
+    else{
+        $( ".calculos_rot_color" ).css('display', 'none')
+    }
+});
+
+$('#lp_rot_bn_vercalculos').on("click", function () {
+    if($( ".calculos_rot_bn" ).css('display') == 'none')
+        $( ".calculos_rot_bn" ).css('display', 'flex')
+    else{
+        $( ".calculos_rot_bn" ).css('display', 'none')
+    }
+});
+
+
+// Delete row
+$(document).on('click', '.btn-delete', function(e) {
+    const row_id = $(this).closest('tr')[0].id;
+    $(".btn-remove").attr('row-id', row_id);
+    
+});
+
+
+$(document).on('click', '.btn-remove', function(e) {
+    const row_id = $(this).attr('row-id')
+    if(row_id.includes('rot')){
+        clear_rotativa(row_id)
+    }
+    else if(row_id.includes('cubierta')){
+        clear_cubierta()
+    }
+    else{
+        clear_interior(row_id)
+    }
+    $('#confirm2delete').modal('toggle')
+});
+
+
+function clear_interior(row_id = ''){
+    switch(row_id) {
+        case 'lp_bn':
+            clear_lp_bn(true);
+            $('#' + row_id).css('display', 'none');
+            break;
+        case 'lp_color':
+            clear_lp_color(true);
+            $('#' + row_id).css('display', 'none');
+            break;
+        case 'lp_bnhq':
+            clear_lp_bnhq(true);
+            $('#' + row_id).css('display', 'none');
+            break;
+        case 'lp_colorhq':
+            clear_lp_colorhq(true);
+            $('#' + row_id).css('display', 'none');
+            break;
+        default:
+            clear_lp_bn(true);
+            clear_lp_color(true);
+            clear_lp_bnhq(true);
+            clear_lp_colorhq(true);
+            $('.lp-interior').css('display', 'none');
+            break;
+    } 
+}
+
+
+function clear_rotativa(row_id = ''){
+    switch(row_id) {
+        case 'lp_rot_bn':
+            clear_lp_rot_bn(true);
+            $('.lp_rot_bn').css('display', 'none');
+            break;
+        case 'lp_rot_color':
+            clear_lp_rot_color(true);
+            $('.lp_rot_color').css('display', 'none');
+            break;
+        default:
+            clear_lp_rot_bn(true);
+            clear_lp_rot_color(true);
+            $('.lp_rot_bn').css('display', 'none');
+            $('.lp_rot_color').css('display', 'none');
+            break;
+    } 
+}
+
+
+function clear_cubierta(){
+    clear_lp_cubierta(true);
+    $('#lp_cubierta').css('display', 'none');
+}
+
+
+$('.insertarLinea').on("click", function (e) {
+
+    if(e.target.id.includes("Plana")){
+        
+        clear_interior();
+        clear_rotativa();
+        
+        var rows = $("#tableCompIntPlana").DataTable().rows( '.selected' ).data().toArray();
+        for(row of rows){
+            if(row['tipo'] =='bn'){
+                fill_lp_bn(row, true);
+            }
+            else if(row['tipo'] =='bnhq'){
+                fill_lp_bnhq(row, true);
+            }
+            else if(row['tipo'] =='color'){
+                fill_lp_color(row, true);
+            }
+            else if(row['tipo'] =='colorhq'){
+                fill_lp_colorhq(row, true);
+            }
+        }
+    }
+    if(e.target.id.includes("Rotativa")){
+        
+        clear_rotativa();
+        clear_interior();
+        
+        var rows = $("#tableCompIntRotativa").DataTable().rows( '.selected' ).data().toArray();
+        for(row of rows){
+            if(row['paginasColor'] ==0){
+                fill_lp_rot_bn(row, true);
+            }
+            else if(row['paginasColor'] >0){
+                fill_lp_rot_color(row, true);
+            }
+        }
+    }
+
+    if(e.target.id.includes("Cubierta")){
+        
+        clear_cubierta();
+        
+        var rows = $("#tableCompCubierta").DataTable().rows( '.selected' ).data().toArray();
+        for(row of rows){
+            fill_lp_cubierta(row, true);
+        }
+    }
+});
+
+
+$('#addLineasPresupuesto').on("change", function (e) {
+    switch($('#addLineasPresupuesto').val()){
+        // Se chequean todas las lineas de negro y todas las de color 
+        // (solo una de cada en interior)
+        case 'lp_bn':
+            if($('#lp_bn').css('display') != 'none' ||
+                $('#lp_bnhq').css('display') != 'none' ||
+                $('#lp_rot_bn').css('display') != 'none'){
+                popErrorAlert('<?=lang('Presupuestos.errores.lineaDuplicada') ?>', 'divAlarmasLineasPresupuesto');
+            }
+            else{
+                $('.lp_bn').css('display', 'flex')
+            }
+            break
+        case 'lp_bnhq':
+            if($('#lp_bn').css('display') != 'none' ||
+                $('#lp_bnhq').css('display') != 'none' ||
+                $('#lp_rot_bn').css('display') != 'none'){
+                popErrorAlert('<?=lang('Presupuestos.errores.lineaDuplicada') ?>', 'divAlarmasLineasPresupuesto');
+            }
+            else{
+                $('.lp_bnhq').css('display', 'flex')
+            }
+            break
+        case 'lp_color':
+            if($('#lp_color').css('display') != 'none' ||
+                $('#lp_colorhq').css('display') != 'none' ||
+                $('#lp_rot_color').css('display') != 'none'){
+                popErrorAlert('<?=lang('Presupuestos.errores.lineaDuplicada') ?>', 'divAlarmasLineasPresupuesto');
+            }
+            else{
+                $('.lp_color').css('display', 'flex')
+            }
+            break
+        case 'lp_colorhq':
+            if($('#lp_color').css('display') != 'none' ||
+                $('#lp_colorhq').css('display') != 'none' ||
+                $('#lp_rot_color').css('display') != 'none'){
+                popErrorAlert('<?=lang('Presupuestos.errores.lineaDuplicada') ?>', 'divAlarmasLineasPresupuesto');
+            }
+            else{
+                $('.lp_colorhq').css('display', 'flex')
+            }
+            break
+        case 'lp_rot_bn':
+            if($('#lp_bn').css('display') != 'none' ||
+                $('#lp_bnhq').css('display') != 'none' ||
+                $('#lp_rot_bn').css('display') != 'none'){
+                popErrorAlert('<?=lang('Presupuestos.errores.lineaDuplicada') ?>', 'divAlarmasLineasPresupuesto');
+            }
+            else{
+                $('.lp_rot_bn').css('display', 'flex')
+            }
+            break
+        case 'lp_rot_color':
+            if($('#lp_color').css('display') != 'none' ||
+                $('#lp_colorhq').css('display') != 'none' ||
+                $('#lp_rot_color').css('display') != 'none'){
+                popErrorAlert('<?=lang('Presupuestos.errores.lineaDuplicada') ?>', 'divAlarmasLineasPresupuesto');
+            }
+            else{
+                $('.lp_rot_color').css('display', 'flex')
+            }
+            break
+        case 'lp_cubierta':
+            if($('#lp_cubierta').css('display') == 'none'){
+                $('#lp_cubierta').css('display', 'flex')
+            }
+            else{
+                popErrorAlert('<?=lang('Presupuestos.errores.lineaDuplicada') ?>', 'divAlarmasLineasPresupuesto');
+            }
+            break
+        default:
+            break
+    }
+})
+
+<?= $this->endSection() ?>
+
+<!------------------------------------------->
+<!-- Código JS para lp_bn. -->
+<!------------------------------------------->
+<?= $this->section("additionalInlineJs") ?>
+async function set_lp_bn_gramaje(){
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+        beforeSend: function() {
+            clear_lp_bn(true)
+        },
+        data: {
+            tipo: 'gramajeLineasPresupuesto',
+            uso:   'interior',
+            datos: $('#lp_bn_papel option:selected').val() ,
+            tipoLinea: "negro",
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success: function (data) {
+            yeniden(data.<?= csrf_token() ?>);
+            $.each(data.menu, function(item){
+                var option = $('<option/>', {'value':data.menu[item].id, 'text':data.menu[item].text})
+                $('#lp_bn_gramaje').append(option);
+            });
+            $('#lp_bn_gramaje').val('')
+        }
+    });
+}
+
+
+
+
+async function set_lp_bn_papelImpresion(){
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+        beforeSend: function() {
+            $('#lp_bn_papelImpresion').empty()
+            $('#lp_bn_maquina').empty() 
+            clear_lp_bn(false)
+        },
+        data: {
+            tipo: 'papelImpresion',
+            uso:   'negro',
+            datos: $('#lp_bn_papel option:selected').val() ,
+            gramaje: $('#lp_bn_gramaje option:selected').text().trim() ,
+            tipoLinea: "negro",
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success: function (data) {
+            yeniden(data.<?= csrf_token() ?>);
+            $.each(data.menu, function(item){
+                var option = $('<option/>', {'value':data.menu[item].id, 'text':data.menu[item].text})
+                $('#lp_bn_papelImpresion').append(option);
+            });
+            $('#lp_bn_papelImpresion').val('')
+        }
+    });
+}
+
+
+async function set_lp_bn_maquina(){
+    
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+        beforeSend: function() {
+            $('#lp_bn_maquina').empty() 
+            clear_lp_bn(false)
+        },
+        data: {
+            tipo: 'maquina',
+            uso:   'negro',
+            tipoLinea: "interior",
+            is_rotativa: 0,
+            ancho:  getDimensionLibro().ancho,
+            alto: getDimensionLibro().alto,
+            datos: parseInt($('#tirada').val()) + parseInt($('#merma').val()),
+            papel_impresion: $('#lp_bn_papelImpresion option:selected').val() ,
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success: function (data) {
+            yeniden(data.<?= csrf_token() ?>);
+            $.each(data.menu, function(item){
+                var option = $('<option/>', {'value':data.menu[item].maquina_id, 'text':data.menu[item].maquina})
+                $('#lp_bn_maquina').append(option);
+            });
+            $('#lp_bn_maquina').val('')
+        }
+    });
+}
+
+
+function clear_lp_bn(clear_selectors){
+    let pags = $("#lp_bn_paginas" ).val()
+    $(".lp-bn-input" ).val("0")
+    $("#lp_bn_paginas" ).val(pags)
+    if(clear_selectors)
+        $( ".lp-bn-select").empty()
+}
+
+
+$('#lp_bn_papel').bind("focus", {clear_selectors: true}, clear_lp_bn);
+$('#lp_bn_gramaje').bind("focus", set_lp_bn_gramaje);
+$('#lp_bn_papelImpresion').focus("focus", set_lp_bn_papelImpresion);
+$('#lp_bn_maquina').bind("focus", set_lp_bn_maquina);
+
+
+$('#lp_bn_maquina').on("change", function () {
+
+    if(parseInt($('#lp_bn_paginas').val())>0){
+        calcularPresupuesto_bn();
+    }
+})
+
+
+$('#lp_bn_paginas').on("change", function () {
+
+    if( parseInt($('#lp_bn_paginas').val())>0 &&
+        parseInt($('#lp_bn_papel option:selected').val())>0 &&
+        parseInt($('#lp_bn_gramaje option:selected').val())>0 &&
+        parseInt($('#lp_bn_papelImpresion option:selected').val())>0
+        ){
+
+        calcularPresupuesto_bn();
+    }
+})
+
+function calcularPresupuesto_bn(){
+
+    const dimension = getDimensionLibro();
+
+    let datos = {
+        type: 'interior',
+        color: 0,
+        hq: 0,
+        paginas: parseInt($('#lp_bn_paginas').val()),
+        tirada: parseInt($('#tirada').val()),
+        merma: parseInt($('#merma').val()),
+        ancho: dimension.ancho,
+        alto: dimension.alto,
+        papel_generico_id: $('#lp_bn_papel option:selected').val() ,
+        papel_generico: $('#lp_bn_papel option:selected').text().trim(),
+        gramaje: $('#lp_bn_gramaje option:selected').text().trim(),
+        <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
+    };
+
+    $.ajax({
+        type: "POST",
+        url: "/cosidotapablanda/datatable",
+        data: datos,
+        success: function (data) {
+            
+            if(data.lineas.length >0){
+                // Se cogen los valores de la linea con los datos correspondientes
+                $.each(data.lineas, function(key, value) { 
+                    if(value.fields.maquina_id === $('#lp_bn_maquina option:selected').val() &&
+                        value.fields.papel_generico_id === datos.papel_generico_id &&
+                        value.fields.papel_impresion_id === $('#lp_bn_papelImpresion option:selected').val() ) {
+                    
+                            fill_lp_bn(value.fields);
+                            return false; 
+                    }
+                    else{
+                        clear_lp_bn(false);
+                    }
+                    
+                });
+                
+            }
+            else{
+                
+            }
+            yeniden(data.<?= csrf_token() ?>);
+            
+        },
+        error: function(e){
+            
+        }
+    })
+}
+
+function fill_lp_bn(row, fromComparator=false){
+
+    if(fromComparator){
+        $('#lp_bn_paginas').val(row.paginas)
+        $('#lp_bn_papel').val(row.papelGenericoId)
+        $('#lp_bn_gramaje').empty()
+        $('#lp_bn_gramaje').append(`<option value="1"> 
+                                    ${row.gramaje}
+                                </option>`); 
+        $('#lp_bn_papelImpresion').empty()
+        $('#lp_bn_papelImpresion').append(`<option value="${row.papelImpresionId}"> 
+                                    ${row.marca}
+                                </option>`); 
+        $('#lp_bn_maquina').empty()
+        $('#lp_bn_maquina').append(`<option value="${row.maquinaId}"> 
+                                    ${row.maquina}
+                                </option>`); 
+        
+        calcularPresupuesto_bn(false)
+    }
+    else{
+        // Si viene de hacerlo a mano...
+        $('#lp_bn_tiempo').val(row.tiempo_maquina)
+        $('#lp_bn_numeroPliegos').val(isNaN(parseFloat(row.pliegos_libro)) ? "" : parseFloat(row.pliegos_libro).toFixed(2))
+        $('#lp_bn_pliegosPedido').val(isNaN(parseFloat(row.pliegos_pedido)) ? "" : parseFloat(row.pliegos_pedido).toFixed(2))
+        $('#lp_bn_precioPliego').val(isNaN(parseFloat(row.precios_pliegos)) ? "" : parseFloat(row.precios_pliegos).toFixed(6))
+        $('#lp_bn_libro').val(isNaN(parseFloat(row.precio_libro)) ? "" : parseFloat(row.precio_libro).toFixed(2))
+        $('#lp_bn_totalPapelPedido').val(isNaN(parseFloat(row.precio_pedido)) ? "" : parseFloat(row.precio_pedido).toFixed(2))
+        $('#lp_bn_lomo').val(isNaN(parseFloat(row.mano)) ? "" : parseFloat(row.mano).toFixed(2))
+        $('#lp_bn_peso').val(isNaN(parseFloat(row.peso)) ? "" : parseFloat(row.peso).toFixed(2))
+        $('#lp_bn_click').val(isNaN(parseFloat(row.precio_click)) ? "" : parseFloat(row.precio_click).toFixed(6))
+        $('#lp_bn_totalClicks').val(isNaN(parseFloat(row.precio_click_pedido)) ? "" : parseFloat(row.precio_click_pedido).toFixed(2))
+        
+        $('#lp_bn_tarifa_impresion_id').val(isNaN(parseInt(row.tarifa_impresion_id)) ? "" : parseInt(row.tarifa_impresion_id))
+    }
+
+
+    $('#lp_bn').css('display', '')
+    $("#tableLineasPresupuesto").DataTable().columns.adjust();
+}
+<?= $this->endSection() ?>
+
+<!------------------------------------------->
+<!-- Código JS para lp_color. -->
+<!------------------------------------------->
+<?= $this->section("additionalInlineJs") ?>
+async function set_lp_color_gramaje(){
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+        beforeSend: function() {
+            clear_lp_color(true)
+        },
+        data: {
+            tipo: 'gramajeLineasPresupuesto',
+            uso:   'interior',
+            datos: $('#lp_color_papel option:selected').val() ,
+            tipoLinea: "color",
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success: function (data) {
+            yeniden(data.<?= csrf_token() ?>);
+            $.each(data.menu, function(item){
+                var option = $('<option/>', {'value':data.menu[item].id, 'text':data.menu[item].text})
+                $('#lp_color_gramaje').append(option);
+            });
+            $('#lp_color_gramaje').val('')
+        }
+    });
+}
+
+
+
+
+async function set_lp_color_papelImpresion(){
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+        beforeSend: function() {
+            $('#lp_color_papelImpresion').empty()
+            $('#lp_color_maquina').empty() 
+            clear_lp_color(false)
+        },
+        data: {
+            tipo: 'papelImpresion',
+            uso:   'color',
+            datos: $('#lp_color_papel option:selected').val() ,
+            gramaje: $('#lp_color_gramaje option:selected').text().trim() ,
+            tipoLinea: "color",
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success: function (data) {
+            yeniden(data.<?= csrf_token() ?>);
+            $.each(data.menu, function(item){
+                var option = $('<option/>', {'value':data.menu[item].id, 'text':data.menu[item].text})
+                $('#lp_color_papelImpresion').append(option);
+            });
+            $('#lp_color_papelImpresion').val('')
+        }
+    });
+}
+
+
+async function set_lp_color_maquina(){
+    
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+        beforeSend: function() {
+            $('#lp_color_maquina').empty() 
+            clear_lp_color(false)
+        },
+        data: {
+            tipo: 'maquina',
+            uso:   'color',
+            tipoLinea: "interior",
+            is_rotativa: 0,
+            ancho:  getDimensionLibro().ancho,
+            alto: getDimensionLibro().alto,
+            datos: parseInt($('#tirada').val()) + parseInt($('#merma').val()),
+            papel_impresion: $('#lp_color_papelImpresion option:selected').val() ,
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success: function (data) {
+            yeniden(data.<?= csrf_token() ?>);
+            $.each(data.menu, function(item){
+                var option = $('<option/>', {'value':data.menu[item].maquina_id, 'text':data.menu[item].maquina})
+                $('#lp_color_maquina').append(option);
+            });
+            $('#lp_color_maquina').val('')
+        }
+    });
+}
+
+
+function clear_lp_color(clear_selectors){
+    let pags = $("#lp_color_paginas" ).val()
+    $(".lp-color-input" ).val("0")
+    $("#lp_color_paginas" ).val(pags)
+    if(clear_selectors)
+        $( ".lp-color-select").empty()
+}
+
+$('#lp_color_papel').bind("focus", {clear_selectors: true}, clear_lp_color);
+$('#lp_color_gramaje').bind("focus", set_lp_color_gramaje);
+$('#lp_color_papelImpresion').focus("focus", set_lp_color_papelImpresion);
+$('#lp_color_maquina').bind("focus", set_lp_color_maquina);
+
+
+$('#lp_color_maquina').on("change", function () {
+
+    if(parseInt($('#lp_color_paginas').val())>0){
+        calcularPresupuesto_color();
+    }
+})
+
+
+$('#lp_color_paginas').on("change", function () {
+
+    if( parseInt($('#lp_color_paginas').val())>0 &&
+        parseInt($('#lp_color_papel option:selected').val())>0 &&
+        parseInt($('#lp_color_gramaje option:selected').val())>0 &&
+        parseInt($('#lp_color_papelImpresion option:selected').val())>0
+        ){
+
+        calcularPresupuesto_color();
+    }
+})
+
+function calcularPresupuesto_color(){
+
+    const dimension = getDimensionLibro();
+
+    let datos = {
+        type: 'interior',
+        color: 1,
+        hq: 0,
+        paginas: parseInt($('#lp_color_paginas').val()),
+        tirada: parseInt($('#tirada').val()),
+        merma: parseInt($('#merma').val()),
+        ancho: dimension.ancho,
+        alto: dimension.alto,
+        papel_generico_id: $('#lp_color_papel option:selected').val() ,
+        papel_generico: $('#lp_color_papel option:selected').text().trim(),
+        gramaje: $('#lp_color_gramaje option:selected').text().trim(),
+        <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
+    };
+
+    $.ajax({
+        type: "POST",
+        url: "/cosidotapablanda/datatable",
+        data: datos,
+        success: function (data) {
+            
+            if(data.lineas.length >0){
+                // Se cogen los valores de la linea con los datos correspondientes
+                $.each(data.lineas, function(key, value) { 
+                    if(value.fields.maquina_id === $('#lp_color_maquina option:selected').val() &&
+                        value.fields.papel_generico_id === datos.papel_generico_id &&
+                        value.fields.papel_impresion_id === $('#lp_color_papelImpresion option:selected').val() ) {
+                    
+                            fill_lp_color(value.fields);
+                            return false; 
+                    }
+                    else{
+                        clear_lp_color(false);
+                    }
+                    
+                });
+                
+            }
+            else{
+                
+            }
+            yeniden(data.<?= csrf_token() ?>);
+            
+        },
+        error: function(e){
+            
+        }
+    })
+}
+
+function fill_lp_color(row, fromComparator=false){
+
+    if(fromComparator){
+        $('#lp_color_paginas').val(row.paginas)
+        $('#lp_color_papel').val(row.papelGenericoId)
+        $('#lp_color_gramaje').empty()
+        $('#lp_color_gramaje').append(`<option value="1"> 
+                                    ${row.gramaje}
+                                </option>`); 
+        $('#lp_color_papelImpresion').empty()
+        $('#lp_color_papelImpresion').append(`<option value="${row.papelImpresionId}"> 
+                                    ${row.marca}
+                                </option>`); 
+        $('#lp_color_maquina').empty()
+        $('#lp_color_maquina').append(`<option value="${row.maquinaId}"> 
+                                    ${row.maquina}
+                                </option>`); 
+        
+        calcularPresupuesto_color(false)
+    }
+    else{
+        // Si viene de hacerlo a mano...
+        $('#lp_color_tiempo').val(row.tiempo_maquina)
+        $('#lp_color_numeroPliegos').val(isNaN(parseFloat(row.pliegos_libro)) ? "" : parseFloat(row.pliegos_libro).toFixed(2))
+        $('#lp_color_pliegosPedido').val(isNaN(parseFloat(row.pliegos_pedido)) ? "" : parseFloat(row.pliegos_pedido).toFixed(2))
+        $('#lp_color_precioPliego').val(isNaN(parseFloat(row.precios_pliegos)) ? "" : parseFloat(row.precios_pliegos).toFixed(6))
+        $('#lp_color_libro').val(isNaN(parseFloat(row.precio_libro)) ? "" : parseFloat(row.precio_libro).toFixed(2))
+        $('#lp_color_totalPapelPedido').val(isNaN(parseFloat(row.precio_pedido)) ? "" : parseFloat(row.precio_pedido).toFixed(2))
+        $('#lp_color_lomo').val(isNaN(parseFloat(row.mano)) ? "" : parseFloat(row.mano).toFixed(2))
+        $('#lp_color_peso').val(isNaN(parseFloat(row.peso)) ? "" : parseFloat(row.peso).toFixed(2))
+        $('#lp_color_click').val(isNaN(parseFloat(row.precio_click)) ? "" : parseFloat(row.precio_click).toFixed(6))
+        $('#lp_color_totalClicks').val(isNaN(parseFloat(row.precio_click_pedido)) ? "" : parseFloat(row.precio_click_pedido).toFixed(2))
+
+        $('#lp_color_tarifa_impresion_id').val(isNaN(parseInt(row.tarifa_impresion_id)) ? "" : parseInt(row.tarifa_impresion_id))
+    }
+
+
+    $('#lp_color').css('display', '')
+    $("#tableLineasPresupuesto").DataTable().columns.adjust();
+}
+<?= $this->endSection() ?>
+
+<!------------------------------------------->
+<!-- Código JS para lp_bnhq. -->
+<!------------------------------------------->
+<?= $this->section("additionalInlineJs") ?>
+async function set_lp_bnhq_gramaje(){
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+        beforeSend: function() {
+            clear_lp_bnhq(true)
+        },
+        data: {
+            tipo: 'gramajeLineasPresupuesto',
+            uso:   'interior',
+            datos: $('#lp_bnhq_papel option:selected').val() ,
+            tipoLinea: "negrohq",
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success: function (data) {
+            yeniden(data.<?= csrf_token() ?>);
+            $.each(data.menu, function(item){
+                var option = $('<option/>', {'value':data.menu[item].id, 'text':data.menu[item].text})
+                $('#lp_bnhq_gramaje').append(option);
+            });
+            $('#lp_bnhq_gramaje').val('')
+        }
+    });
+}
+
+
+
+
+async function set_lp_bnhq_papelImpresion(){
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+        beforeSend: function() {
+            $('#lp_bnhq_papelImpresion').empty()
+            $('#lp_bnhq_maquina').empty() 
+            clear_lp_bnhq(false)
+        },
+        data: {
+            tipo: 'papelImpresion',
+            uso:   'negrohq',
+            datos: $('#lp_bnhq_papel option:selected').val() ,
+            gramaje: $('#lp_bnhq_gramaje option:selected').text().trim() ,
+            tipoLinea: "negrohq",
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success: function (data) {
+            yeniden(data.<?= csrf_token() ?>);
+            $.each(data.menu, function(item){
+                var option = $('<option/>', {'value':data.menu[item].id, 'text':data.menu[item].text})
+                $('#lp_bnhq_papelImpresion').append(option);
+            });
+            $('#lp_bnhq_papelImpresion').val('')
+        }
+    });
+}
+
+
+async function set_lp_bnhq_maquina(){
+    
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+        beforeSend: function() {
+            $('#lp_bnhq_maquina').empty() 
+            clear_lp_bnhq(false)
+        },
+        data: {
+            tipo: 'maquina',
+            uso:   'negrohq',
+            tipoLinea: "interior",
+            is_rotativa: 0,
+            ancho:  getDimensionLibro().ancho,
+            alto: getDimensionLibro().alto,
+            datos: parseInt($('#tirada').val()) + parseInt($('#merma').val()),
+            papel_impresion: $('#lp_bnhq_papelImpresion option:selected').val() ,
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success: function (data) {
+            yeniden(data.<?= csrf_token() ?>);
+            $.each(data.menu, function(item){
+                var option = $('<option/>', {'value':data.menu[item].maquina_id, 'text':data.menu[item].maquina})
+                $('#lp_bnhq_maquina').append(option);
+            });
+            $('#lp_bnhq_maquina').val('')
+        }
+    });
+}
+
+
+function clear_lp_bnhq(clear_selectors){
+    let pags = $("#lp_bnhq_paginas" ).val()
+    $(".lp-bnhq-input" ).val("0")
+    $("#lp_bnhq_paginas" ).val(pags)
+    if(clear_selectors)
+        $( ".lp-bnhq-select").empty()
+}
+
+$('#lp_bnhq_papel').bind("focus", {clear_selectors: true}, clear_lp_bnhq);
+$('#lp_bnhq_gramaje').bind("focus", set_lp_bnhq_gramaje);
+$('#lp_bnhq_papelImpresion').focus("focus", set_lp_bnhq_papelImpresion);
+$('#lp_bnhq_maquina').bind("focus", set_lp_bnhq_maquina);
+
+$('#lp_bnhq_maquina').on("change", function () {
+
+    if(parseInt($('#lp_bnhq_paginas').val())>0){
+        calcularPresupuesto_bnhq();
+    }
+})
+
+
+$('#lp_bnhq_paginas').on("change", function () {
+
+    if( parseInt($('#lp_bnhq_paginas').val())>0 &&
+        parseInt($('#lp_bnhq_papel option:selected').val())>0 &&
+        parseInt($('#lp_bnhq_gramaje option:selected').val())>0 &&
+        parseInt($('#lp_bnhq_papelImpresion option:selected').val())>0
+        ){
+
+        calcularPresupuesto_bn();
+    }
+})
+
+function calcularPresupuesto_bnhq(){
+
+    const dimension = getDimensionLibro();
+
+    let datos = {
+        type: 'interior',
+        color: 0,
+        hq: 1,
+        paginas: parseInt($('#lp_bnhq_paginas').val()),
+        tirada: parseInt($('#tirada').val()),
+        merma: parseInt($('#merma').val()),
+        ancho: dimension.ancho,
+        alto: dimension.alto,
+        papel_generico_id: $('#lp_bnhq_papel option:selected').val() ,
+        papel_generico: $('#lp_bnhq_papel option:selected').text().trim(),
+        gramaje: $('#lp_bnhq_gramaje option:selected').text().trim(),
+        <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
+    };
+
+    $.ajax({
+        type: "POST",
+        url: "/cosidotapablanda/datatable",
+        data: datos,
+        success: function (data) {
+            
+            if(data.lineas.length >0){
+                // Se cogen los valores de la linea con los datos correspondientes
+                $.each(data.lineas, function(key, value) { 
+                    if(value.fields.maquina_id === $('#lp_bnhq_maquina option:selected').val() &&
+                        value.fields.papel_generico_id === datos.papel_generico_id &&
+                        value.fields.papel_impresion_id === $('#lp_bnhq_papelImpresion option:selected').val() ) {
+                    
+                            fill_lp_bnhq(value.fields);
+                            return false; 
+                    }
+                    else{
+                        clear_lp_bnhq(false);
+                    }
+                    
+                });
+                
+            }
+            else{
+                
+            }
+            yeniden(data.<?= csrf_token() ?>);
+            
+        },
+        error: function(e){
+            
+        }
+    })
+}
+
+function fill_lp_bnhq(row, fromComparator=false){
+
+    if(fromComparator){
+        $('#lp_bnhq_paginas').val(row.paginas)
+        $('#lp_bnhq_papel').val(row.papelGenericoId)
+        $('#lp_bnhq_gramaje').empty()
+        $('#lp_bnhq_gramaje').append(`<option value="1"> 
+                                    ${row.gramaje}
+                                </option>`); 
+        $('#lp_bnhq_papelImpresion').empty()
+        $('#lp_bnhq_papelImpresion').append(`<option value="${row.papelImpresionId}"> 
+                                    ${row.marca}
+                                </option>`); 
+        $('#lp_bnhq_maquina').empty()
+        $('#lp_bnhq_maquina').append(`<option value="${row.maquinaId}"> 
+                                    ${row.maquina}
+                                </option>`); 
+        
+        calcularPresupuesto_bnhq(false)
+    }
+    else{
+        // Si viene de hacerlo a mano...
+        $('#lp_bnhq_tiempo').val(row.tiempo_maquina)
+        $('#lp_bnhq_numeroPliegos').val(isNaN(parseFloat(row.pliegos_libro)) ? "" : parseFloat(row.pliegos_libro).toFixed(2))
+        $('#lp_bnhq_pliegosPedido').val(isNaN(parseFloat(row.pliegos_pedido)) ? "" : parseFloat(row.pliegos_pedido).toFixed(2))
+        $('#lp_bnhq_precioPliego').val(isNaN(parseFloat(row.precios_pliegos)) ? "" : parseFloat(row.precios_pliegos).toFixed(6))
+        $('#lp_bnhq_libro').val(isNaN(parseFloat(row.precio_libro)) ? "" : parseFloat(row.precio_libro).toFixed(2))
+        $('#lp_bnhq_totalPapelPedido').val(isNaN(parseFloat(row.precio_pedido)) ? "" : parseFloat(row.precio_pedido).toFixed(2))
+        $('#lp_bnhq_lomo').val(isNaN(parseFloat(row.mano)) ? "" : parseFloat(row.mano).toFixed(2))
+        $('#lp_bnhq_peso').val(isNaN(parseFloat(row.peso)) ? "" : parseFloat(row.peso).toFixed(2))
+        $('#lp_bnhq_click').val(isNaN(parseFloat(row.precio_click)) ? "" : parseFloat(row.precio_click).toFixed(6))
+        $('#lp_bnhq_totalClicks').val(isNaN(parseFloat(row.precio_click_pedido)) ? "" : parseFloat(row.precio_click_pedido).toFixed(2))
+
+        $('#lp_bnhq_tarifa_impresion_id').val(isNaN(parseInt(row.tarifa_impresion_id)) ? "" : parseInt(row.tarifa_impresion_id))
+    }
+
+
+    $('#lp_bnhq').css('display', '')
+    $("#tableLineasPresupuesto").DataTable().columns.adjust();
+}
+<?= $this->endSection() ?>
+
+<!------------------------------------------->
+<!-- Código JS para lp_colorhq. -->
+<!------------------------------------------->
+<?= $this->section("additionalInlineJs") ?>
+async function set_lp_colorhq_gramaje(){
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+        beforeSend: function() {
+            clear_lp_colorhq(true)
+        },
+        data: {
+            tipo: 'gramajeLineasPresupuesto',
+            uso:   'interior',
+            datos: $('#lp_colorhq_papel option:selected').val() ,
+            tipoLinea: "colorhq",
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success: function (data) {
+            yeniden(data.<?= csrf_token() ?>);
+            $.each(data.menu, function(item){
+                var option = $('<option/>', {'value':data.menu[item].id, 'text':data.menu[item].text})
+                $('#lp_colorhq_gramaje').append(option);
+            });
+            $('#lp_colorhq_gramaje').val('')
+        }
+    });
+}
+
+
+
+
+async function set_lp_colorhq_papelImpresion(){
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+        beforeSend: function() {
+            $('#lp_colorhq_papelImpresion').empty()
+            $('#lp_colorhq_maquina').empty() 
+            clear_lp_colorhq(false)
+        },
+        data: {
+            tipo: 'papelImpresion',
+            uso:   'colorhq',
+            datos: $('#lp_colorhq_papel option:selected').val() ,
+            gramaje: $('#lp_colorhq_gramaje option:selected').text().trim() ,
+            tipoLinea: "colorhq",
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success: function (data) {
+            yeniden(data.<?= csrf_token() ?>);
+            $.each(data.menu, function(item){
+                var option = $('<option/>', {'value':data.menu[item].id, 'text':data.menu[item].text})
+                $('#lp_colorhq_papelImpresion').append(option);
+            });
+            $('#lp_colorhq_papelImpresion').val('')
+        }
+    });
+}
+
+
+async function set_lp_colorhq_maquina(){
+    
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+        beforeSend: function() {
+            $('#lp_colorhq_maquina').empty() 
+            clear_lp_colorhq(false)
+        },
+        data: {
+            tipo: 'maquina',
+            uso:   'colorhq',
+            tipoLinea: "interior",
+            is_rotativa: 0,
+            ancho:  getDimensionLibro().ancho,
+            alto: getDimensionLibro().alto,
+            datos: parseInt($('#tirada').val()) + parseInt($('#merma').val()),
+            papel_impresion: $('#lp_colorhq_papelImpresion option:selected').val() ,
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success: function (data) {
+            yeniden(data.<?= csrf_token() ?>);
+            $.each(data.menu, function(item){
+                var option = $('<option/>', {'value':data.menu[item].maquina_id, 'text':data.menu[item].maquina})
+                $('#lp_colorhq_maquina').append(option);
+            });
+            $('#lp_colorhq_maquina').val('')
+        }
+    });
+}
+
+
+function clear_lp_colorhq(clear_selectors){
+    let pags = $("#lp_colorhq_paginas" ).val()
+    $(".lp-colorhq-input" ).val("0")
+    $("#lp_colorhq_paginas" ).val(pags)
+    if(clear_selectors)
+        $( ".lp-colorhq-select").empty()
+}
+
+
+$('#lp_colorhq_papel').bind("focus", {clear_selectors: true}, clear_lp_colorhq);
+$('#lp_colorhq_gramaje').bind("focus", set_lp_colorhq_gramaje);
+$('#lp_colorhq_papelImpresion').focus("focus", set_lp_colorhq_papelImpresion);
+$('#lp_colorhq_maquina').bind("focus", set_lp_colorhq_maquina);
+
+
+$('#lp_colorhq_maquina').on("change", function () {
+
+    if(parseInt($('#lp_colorhq_paginas').val())>0){
+        calcularPresupuesto_colorhq();
+    }
+})
+
+
+$('#lp_colorhq_paginas').on("change", function () {
+
+    if( parseInt($('#lp_colorhq_paginas').val())>0 &&
+        parseInt($('#lp_colorhq_papel option:selected').val())>0 &&
+        parseInt($('#lp_colorhq_gramaje option:selected').val())>0 &&
+        parseInt($('#lp_colorhq_papelImpresion option:selected').val())>0
+        ){
+
+        calcularPresupuesto_bn();
+    }
+})
+
+function calcularPresupuesto_colorhq(){
+
+    const dimension = getDimensionLibro();
+
+    let datos = {
+        type: 'interior',
+        color: 1,
+        hq: 1,
+        paginas: parseInt($('#lp_colorhq_paginas').val()),
+        tirada: parseInt($('#tirada').val()),
+        merma: parseInt($('#merma').val()),
+        ancho: dimension.ancho,
+        alto: dimension.alto,
+        papel_generico_id: $('#lp_colorhq_papel option:selected').val() ,
+        papel_generico: $('#lp_colorhq_papel option:selected').text().trim(),
+        gramaje: $('#lp_colorhq_gramaje option:selected').text().trim(),
+        <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
+    };
+
+    $.ajax({
+        type: "POST",
+        url: "/cosidotapablanda/datatable",
+        data: datos,
+        success: function (data) {
+            
+            if(data.lineas.length >0){
+                // Se cogen los valores de la linea con los datos correspondientes
+                $.each(data.lineas, function(key, value) { 
+                    if(value.fields.maquina_id === $('#lp_colorhq_maquina option:selected').val() &&
+                        value.fields.papel_generico_id === datos.papel_generico_id &&
+                        value.fields.papel_impresion_id === $('#lp_colorhq_papelImpresion option:selected').val() ) {
+                    
+                            fill_lp_colorhq(value.fields);
+                            return false; 
+                    }
+                    else{
+                        clear_lp_colorhq(false);
+                    }
+                    
+                });
+                
+            }
+            else{
+                
+            }
+            yeniden(data.<?= csrf_token() ?>);
+            
+        },
+        error: function(e){
+            
+        }
+    })
+}
+
+function fill_lp_colorhq(row, fromComparator=false){
+
+    if(fromComparator){
+        $('#lp_colorhq_paginas').val(row.paginas)
+        $('#lp_colorhq_papel').val(row.papelGenericoId)
+        $('#lp_colorhq_gramaje').empty()
+        $('#lp_colorhq_gramaje').append(`<option value="1"> 
+                                    ${row.gramaje}
+                                </option>`); 
+        $('#lp_colorhq_papelImpresion').empty()
+        $('#lp_colorhq_papelImpresion').append(`<option value="${row.papelImpresionId}"> 
+                                    ${row.marca}
+                                </option>`); 
+        $('#lp_colorhq_maquina').empty()
+        $('#lp_colorhq_maquina').append(`<option value="${row.maquinaId}"> 
+                                    ${row.maquina}
+                                </option>`); 
+        
+        calcularPresupuesto_colorhq(row, false)
+    }
+    else{
+        // Si viene de hacerlo a mano...
+        $('#lp_colorhq_tiempo').val(row.tiempo_maquina)
+        $('#lp_colorhq_numeroPliegos').val(isNaN(parseFloat(row.pliegos_libro)) ? "" : parseFloat(row.pliegos_libro).toFixed(2))
+        $('#lp_colorhq_pliegosPedido').val(isNaN(parseFloat(row.pliegos_pedido)) ? "" : parseFloat(row.pliegos_pedido).toFixed(2))
+        $('#lp_colorhq_precioPliego').val(isNaN(parseFloat(row.precios_pliegos)) ? "" : parseFloat(row.precios_pliegos).toFixed(6))
+        $('#lp_colorhq_libro').val(isNaN(parseFloat(row.precio_libro)) ? "" : parseFloat(row.precio_libro).toFixed(2))
+        $('#lp_colorhq_totalPapelPedido').val(isNaN(parseFloat(row.precio_pedido)) ? "" : parseFloat(row.precio_pedido).toFixed(2))
+        $('#lp_colorhq_lomo').val(isNaN(parseFloat(row.mano)) ? "" : parseFloat(row.mano).toFixed(2))
+        $('#lp_colorhq_peso').val(isNaN(parseFloat(row.peso)) ? "" : parseFloat(row.peso).toFixed(2))
+        $('#lp_colorhq_click').val(isNaN(parseFloat(row.precio_click)) ? "" : parseFloat(row.precio_click).toFixed(6))
+        $('#lp_colorhq_totalClicks').val(isNaN(parseFloat(row.precio_click_pedido)) ? "" : parseFloat(row.precio_click_pedido).toFixed(2))
+        
+        $('#lp_colorhq_tarifa_impresion_id').val(isNaN(parseInt(row.tarifa_impresion_id)) ? "" : parseInt(row.tarifa_impresion_id))
+    }
+
+
+    $('#lp_colorhq').css('display', '')
+    $("#tableLineasPresupuesto").DataTable().columns.adjust();
+}
+<?= $this->endSection() ?>
+
+<!------------------------------------------->
+<!-- Código JS para lp_rot_bn. -->
+<!------------------------------------------->
+<?= $this->section("additionalInlineJs") ?>
+async function set_lp_rot_bn_gramaje(){
+    
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+        beforeSend: function() {
+            clear_lp_rot_bn(true)
+        },
+        data: {
+            tipo: 'gramajeLineasPresupuesto',
+            uso:   'rotativa',
+            datos: $('#lp_rot_bn_papel option:selected').val() ,
+            tipoLinea: "negro",
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success: function (data) {
+            yeniden(data.<?= csrf_token() ?>);
+            $.each(data.menu, function(item){
+                var option = $('<option/>', {'value':data.menu[item].id, 'text':data.menu[item].text})
+                $('#lp_rot_bn_gramaje').append(option);
+            });
+            $('#lp_rot_bn_gramaje').val('')
+        }
+    });
+    
+}
+
+
+async function set_lp_rot_bn_papelImpresion(){
+    
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+        beforeSend: function() {
+            $('#lp_rot_bn_papelImpresion').empty()
+            $('#lp_rot_bn_maquina').empty() 
+            clear_lp_rot_bn(false)
+        },
+        data: {
+            tipo: 'papelImpresion',
+            uso:   'rotativa',
+            datos: $('#lp_rot_bn_papel option:selected').val() ,
+            gramaje: $('#lp_rot_bn_gramaje option:selected').text().trim() ,
+            tipoLinea: "negro",
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success: function (data) {
+            yeniden(data.<?= csrf_token() ?>);
+            $.each(data.menu, function(item){
+                var option = $('<option/>', {'value':data.menu[item].id, 'text':data.menu[item].text})
+                $('#lp_rot_bn_papelImpresion').append(option);
+            });
+            $('#lp_rot_bn_papelImpresion').val('')
+        }
+    });
+}
+
+
+async function set_lp_rot_bn_maquina(){
+    
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+        beforeSend: function() {
+            $('#lp_rot_bn_maquina').empty() 
+            clear_lp_rot_bn(false)
+        },
+        data: {
+            tipo: 'maquina',
+            uso:   'negro',
+            tipoLinea: "interior",
+            is_rotativa: 1,
+            ancho:  getDimensionLibro().ancho,
+            alto: getDimensionLibro().alto,
+            datos: parseInt($('#tirada').val()) + parseInt($('#merma').val()),
+            papel_impresion: $('#lp_rot_bn_papelImpresion option:selected').val() ,
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success: function (data) {
+            yeniden(data.<?= csrf_token() ?>);
+            $.each(data.menu, function(item){
+                var option = $('<option/>', {'value':data.menu[item].maquina_id, 'text':data.menu[item].maquina})
+                $('#lp_rot_bn_maquina').append(option);
+            });
+            $('#lp_rot_bn_maquina').val('')
+        }
+    });
+}
+
+
+function clear_lp_rot_bn(clear_selectors){
+    let pags = $("#lp_rot_bn_paginas" ).val()
+    $(".lp-rotbn-input" ).val("0")
+    $("#lp_rot_bn_paginas" ).val(pags)
+    if(clear_selectors)
+        $( ".lp-rotbn-select").empty()
+}
+
+
+$('#lp_rot_bn_papel').bind("focus", {clear_selectors: true}, clear_lp_rot_bn);
+$('#lp_rot_bn_gramaje').bind("focus", set_lp_rot_bn_gramaje);
+$('#lp_rot_bn_papelImpresion').focus("focus", set_lp_rot_bn_papelImpresion);
+$('#lp_rot_bn_maquina').bind("focus", set_lp_rot_bn_maquina);
+
+
+$('#lp_rot_bn_maquina').on("change", function () {
+
+    if(parseInt($('#lp_rot_bn_paginas').val())>0){
+        calcularPresupuesto_rot_bn();
+    }
+})
+
+
+$('#lp_rot_bn_paginas').on("change", function () {
+
+    if( parseInt($('#lp_rot_bn_paginas').val())>0 &&
+        parseInt($('#lp_rot_bn_papel option:selected').val())>0 &&
+        parseInt($('#lp_rot_bn_gramaje option:selected').val())>0 &&
+        parseInt($('#lp_rot_bn_papelImpresion option:selected').val())>0
+        ){
+
+            calcularPresupuesto_rot_bn();
+    }
+})
+
+
+$('#lp_rot_bn_aFavorFibra').on("change", function () {
+
+    if( parseInt($('#lp_rot_bn_paginas').val())>0 &&
+        parseInt($('#lp_rot_bn_papel option:selected').val())>0 &&
+        parseInt($('#lp_rot_bn_gramaje option:selected').val())>0 &&
+        parseInt($('#lp_rot_bn_papelImpresion option:selected').val())>0
+        ){
+
+            calcularPresupuesto_rot_bn(false, true);
+    }
+})
+
+
+function calcularPresupuesto_rot_bn(fromComparador=false, updatedTipologias=false){
+
+    const dimension = getDimensionLibro();
+
+    let datos = {
+        type: 'interior_rot',
+        color: 0,
+        hq: 0,
+        paginas: parseInt($('#lp_rot_bn_paginas').val()),
+        paginas_negro: parseInt($('#lp_rot_bn_paginas').val()),
+        paginas_color: 0,
+        tirada: parseInt($('#tirada').val()),
+        merma: parseInt($('#merma').val()),
+        ancho: dimension.ancho,
+        alto: dimension.alto,
+        papel_generico_id: $('#lp_rot_bn_papel option:selected').val() ,
+        papel_generico: $('#lp_rot_bn_papel option:selected').text().trim(),
+        gramaje: $('#lp_rot_bn_gramaje option:selected').text().trim(),
+        <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
+    };
+
+    if(updatedTipologias){
+        datos.gota_negro= $('#lp_rot_bn_gotaNegro').val()
+        datos.gota_color= $('#lp_rot_bn_gotaColor').val()
+        datos.negro= $('#lp_rot_bn_cobNegro').val()
+        datos.cyan= $('#lp_rot_bn_cobCyan').val()
+        datos.magenta= $('#lp_rot_bn_cobMagenta').val()
+        datos.amarillo= $('#lp_rot_bn_cobAmarillo').val()
+    }
+
+    $.ajax({
+        type: "POST",
+        url: "/cosidotapablanda/datatable",
+        data: datos,
+        success: function (data) {
+            
+            if(data.lineas.length >0){
+                // Se cogen los valores de la linea con los datos correspondientes
+                $.each(data.lineas, function(key, value) { 
+                    fibra = $('#lp_rot_bn_aFavorFibra').prop('checked')
+                    if(fromComparador){
+                        if(value.fields.maquina_id === $('#lp_rot_bn_maquina option:selected').val() &&
+                            value.fields.papel_generico_id === datos.papel_generico_id &&
+                            value.fields.papel_impresion_id === $('#lp_rot_bn_papelImpresion option:selected').val()) {
+                            
+                                fill_lp_rot_bn(value.fields);
+                                return false; 
+                        }
+                    }
+                    else if (value.fields.maquina_id === $('#lp_rot_bn_maquina').val() &&
+                            value.fields.papel_generico_id === datos.papel_generico_id &&
+                            value.fields.papel_impresion_id === $('#lp_rot_bn_papelImpresion').val() &&
+                            value.fields.a_favor_fibra == $('#lp_rot_bn_aFavorFibra').prop('checked')?1:0) {
+                            
+                            fill_lp_rot_bn(value.fields);
+                            return false; 
+                    }
+                    clear_lp_rot_bn(false);                   
+                });
+                
+            }
+            else{
+                
+            }
+            yeniden(data.<?= csrf_token() ?>);
+            
+        },
+        error: function(e){
+            
+        }
+    })
+}
+
+
+$('.lp-rotbn-tipologia').on("change", function () {
+
+    if( parseInt($('#lp_rot_bn_paginas').val())>0 &&
+        parseInt($('#lp_rot_bn_papel option:selected').val())>0 &&
+        parseInt($('#lp_rot_bn_gramaje option:selected').val())>0 &&
+        parseInt($('#lp_rot_bn_papelImpresion option:selected').val())>0
+        ){
+
+        calcularPresupuesto_rot_bn(false,true);
+    }
+})
+
+
+$('#lp_rot_bn_defecto').on("click", function () {
+
+    if( parseInt($('#lp_rot_bn_paginas').val())>0 &&
+        parseInt($('#lp_rot_bn_papel option:selected').val())>0 &&
+        parseInt($('#lp_rot_bn_gramaje option:selected').val())>0 &&
+        parseInt($('#lp_rot_bn_papelImpresion option:selected').val())>0
+        ){
+     
+            calcularPresupuesto_rot_bn(false);
+    }
+})
+
+
+function fill_lp_rot_bn(row, fromComparador=false){
+
+    if(fromComparador){
+        
+        $('#lp_rot_bn_paginas').val(row.paginas)
+        $('#lp_rot_bn_papel').val(row.papelGenericoId)
+        $('#lp_rot_bn_gramaje').empty()
+        $('#lp_rot_bn_gramaje').append(`<option value="1"> 
+                                    ${row.gramaje}
+                                </option>`); 
+        $('#lp_rot_bn_papelImpresion').empty()
+        $('#lp_rot_bn_papelImpresion').append(`<option value="${row.papelImpresionId}"> 
+                                    ${row.marca}
+                                </option>`); 
+        $('#lp_rot_bn_maquina').empty()
+        $('#lp_rot_bn_maquina').append(`<option value="${row.maquinaId}"> 
+                                    ${row.maquina}
+                                </option>`); 
+        $('#lp_rot_bn_aFavorFibra').prop('checked', row.aFavorFibra=='si'?true:false)
+        calcularPresupuesto_rot_bn(false);
+        
+    }
+    else{
+        // Si viene de hacerlo a mano...
+        $('#lp_rot_bn_tiempo').val(row.tiempo_maquina)
+        $('#lp_rot_bn_numeroPliegos').val(isNaN(parseFloat(row.pliegos_libro)) ? "" : parseFloat(row.pliegos_libro).toFixed(2))
+        $('#lp_rot_bn_pliegosPedido').val(isNaN(parseFloat(row.pliegos_pedido)) ? "" : parseFloat(row.pliegos_pedido).toFixed(2))
+        $('#lp_rot_bn_precioPliego').val(isNaN(parseFloat(row.precios_pliegos)) ? "" : parseFloat(row.precios_pliegos).toFixed(6))
+        $('#lp_rot_bn_libro').val(isNaN(parseFloat(row.precio_libro)) ? "" : parseFloat(row.precio_libro).toFixed(2))
+        $('#lp_rot_bn_totalPapelPedido').val(isNaN(parseFloat(row.precio_pedido)) ? "" : parseFloat(row.precio_pedido).toFixed(2))
+        $('#lp_rot_bn_lomo').val(isNaN(parseFloat(row.mano)) ? "" : parseFloat(row.mano).toFixed(2))
+        $('#lp_rot_bn_peso').val(isNaN(parseFloat(row.peso)) ? "" : parseFloat(row.peso).toFixed(2))
+        $('#lp_rot_bn_click').val(isNaN(parseFloat(row.precio_click)) ? "" : parseFloat(row.precio_click).toFixed(6))
+        $('#lp_rot_bn_totalClicks').val(isNaN(parseFloat(row.precio_click_pedido)) ? "" : parseFloat(row.precio_click_pedido).toFixed(2))
+        $('#lp_rot_bn_totalLinea').val(isNaN(parseFloat(row.total_impresion)) ? "" : parseFloat(row.total_impresion).toFixed(2))
+        $('#lp_rot_bn_aFavorFibra').prop('checked', row.a_favor_fibra==0?false:true)
+
+        $('#lp_rot_bn_cobNegro').val(isNaN(parseFloat(row.datosTipologias.negro)) ? "" : parseFloat(row.datosTipologias.negro).toFixed(0))
+        $('#lp_rot_bn_cobCyan').val(isNaN(parseFloat(row.datosTipologias.cyan)) ? "" : parseFloat(row.datosTipologias.cyan).toFixed(0))
+        $('#lp_rot_bn_cobMagenta').val(isNaN(parseFloat(row.datosTipologias.magenta)) ? "" : parseFloat(row.datosTipologias.magenta).toFixed(0))
+        $('#lp_rot_bn_cobAmarillo').val(isNaN(parseFloat(row.datosTipologias.amarillo)) ? "" : parseFloat(row.datosTipologias.amarillo).toFixed(0))
+        $('#lp_rot_bn_gotaNegro').val(isNaN(parseFloat(row.datosTipologias.gota_negro)) ? "" : parseFloat(row.datosTipologias.gota_negro).toFixed(0))
+        $('#lp_rot_bn_gotaColor').val(isNaN(parseFloat(row.datosTipologias.gota_color)) ? "" : parseFloat(row.datosTipologias.gota_color).toFixed(0))
+        
+        $('#lp_rot_bn_metrosMinuto').val(isNaN(parseFloat(row.maquina_velocidad)) ? "" : parseFloat(row.maquina_velocidad).toFixed(2))
+        $('#lp_rot_bn_resolucion').val(isNaN(parseFloat(row.resolucion)) ? "" : parseFloat(row.resolucion).toFixed(0))
+        $('#lp_rot_bn_areaPaginas').val(isNaN(parseFloat(row.superficie)) ? "" : parseFloat(row.superficie).toFixed(2))
+        $('#lp_rot_bn_gotasNegro').val(isNaN(parseFloat(row.num_gotas_negro)) ? "" : parseFloat(row.num_gotas_negro).toFixed(0))
+        $('#lp_rot_bn_gotasCyan').val(isNaN(parseFloat(row.num_gotas_cyan)) ? "" : parseFloat(row.num_gotas_cyan).toFixed(0))
+        $('#lp_rot_bn_gotasMagenta').val(isNaN(parseFloat(row.num_gotas_magenta)) ? "" : parseFloat(row.num_gotas_magenta).toFixed(0))
+        $('#lp_rot_bn_gotasAmarillo').val(isNaN(parseFloat(row.num_gotas_amarillo)) ? "" : parseFloat(row.num_gotas_amarillo).toFixed(0))
+        $('#lp_rot_bn_precioPagNegro').val(isNaN(parseFloat(row.precio_pagina_negro)) ? "" : parseFloat(row.precio_pagina_negro).toFixed(6))
+        $('#lp_rot_bn_precioPagColor').val(isNaN(parseFloat(row.precio_pagina_color)) ? "" : parseFloat(row.precio_pagina_color).toFixed(6))
+        $('#lp_rot_bn_factorAltura').val(isNaN(parseFloat(row.factor_altura)) ? "" : parseFloat(row.factor_altura).toFixed(2))
+        $('#lp_rot_bn_factorAnchura').val(isNaN(parseFloat(row.factor_anchura)) ? "" : parseFloat(row.factor_anchura).toFixed(2))
+        $('#lp_rot_bn_paginasPliego').val(isNaN(parseFloat(row.paginas_por_pliego)) ? "" : parseFloat(row.paginas_por_pliego).toFixed(2))
+        
+        $('#lp_rot_bn_metrosPapelLibro').val(isNaN(parseFloat(row.metros_papel_libro)) ? "" : parseFloat(row.metros_papel_libro).toFixed(2))
+        $('#lp_rot_bn_metrosPapelTotal').val(isNaN(parseFloat(row.metros_papel_total)) ? "" : parseFloat(row.metros_papel_total).toFixed(2))
+        $('#lp_rot_bn_clicksLibro').val(isNaN(parseFloat(row.clicks_libro)) ? "" : parseFloat(row.clicks_libro).toFixed(0))
+        $('#lp_rot_bn_gTintaNegro').val(isNaN(parseFloat(row.peso_gotas_negro)) ? "" : parseFloat(row.peso_gotas_negro).toFixed(2))
+        $('#lp_rot_bn_gTintaCyan').val(isNaN(parseFloat(row.peso_gotas_cyan)) ? "" : parseFloat(row.peso_gotas_cyan).toFixed(2))
+        $('#lp_rot_bn_gTintaMagenta').val(isNaN(parseFloat(row.peso_gotas_magenta)) ? "" : parseFloat(row.peso_gotas_magenta).toFixed(2))
+        $('#lp_rot_bn_gTintaAmarillo').val(isNaN(parseFloat(row.peso_gotas_amarillo)) ? "" : parseFloat(row.peso_gotas_amarillo).toFixed(2))
+        $('#lp_rot_bn_clicksPedido').val(isNaN(parseFloat(row.clicks_pedido)) ? "" : parseFloat(row.clicks_pedido).toFixed(0))
+        $('#lp_rot_bn_totalClicksPedido').val(isNaN(parseFloat(row.precio_click_pedido)) ? "" : parseFloat(row.precio_click_pedido).toFixed(2))
+        $('#lp_rot_bn_totalTinta').val(isNaN(parseFloat(row.precio_tinta)) ? "" : parseFloat(row.precio_tinta).toFixed(2))
+        $('#lp_rot_bn_totalCorte').val(isNaN(parseFloat(row.total_corte)) ? "" : parseFloat(row.total_corte).toFixed(2))
+        $('#lp_rot_bn_totalImpresion').val(isNaN(parseFloat(row.precio_click_pedido+row.precio_tinta+row.total_corte)) ? "" : parseFloat(row.precio_click_pedido+row.precio_tinta+row.total_corte).toFixed(2))
+        
+        $('#lp_rot_bn_velocidadCorte').val(isNaN(parseFloat(row.velocidad_corte)) ? "" : parseFloat(row.velocidad_corte).toFixed(2))
+        $('#lp_rot_bn_precioHoraCorte').val(isNaN(parseFloat(row.precio_hora_corte)) ? "" : parseFloat(row.precio_hora_corte).toFixed(2))
+        $('#lp_rot_bn_tiempoCorte').val(isNaN(parseFloat(row.tiempo_corte)) ? "" : parseFloat(row.tiempo_corte).toFixed(2))
+        $('#lp_rot_bn_gTintaNegroPed').val(isNaN(parseFloat(row.peso_gotas_negro_pedido)) ? "" : parseFloat(row.peso_gotas_negro_pedido).toFixed(2))
+        $('#lp_rot_bn_gTintaCyanPed').val(isNaN(parseFloat(row.peso_gotas_cyan_pedido)) ? "" : parseFloat(row.peso_gotas_cyan_pedido).toFixed(2))
+        $('#lp_rot_bn_gTintaMagentaPed').val(isNaN(parseFloat(row.peso_gotas_magenta_pedido)) ? "" : parseFloat(row.peso_gotas_magenta_pedido).toFixed(2))
+        $('#lp_rot_bn_gTintaAmarilloPed').val(isNaN(parseFloat(row.peso_gotas_amarillo_pedido)) ? "" : parseFloat(row.peso_gotas_amarillo_pedido).toFixed(2))
+
+        $('#lp_rot_bn_tarifa_impresion_id').val(isNaN(parseInt(row.tarifa_impresion_id)) ? "" : parseInt(row.tarifa_impresion_id))
+    }
+
+
+    $('.lp_rot_bn').css('display', '')
+    $("#tableLineasPresupuesto").DataTable().columns.adjust();
+}
+<?= $this->endSection() ?>
+
+
+
+<!------------------------------------------->
+<!-- Código JS para lp_rot_color. -->
+<!------------------------------------------->
+<?= $this->section("additionalInlineJs") ?>
+async function set_lp_rot_color_gramaje(){
+    
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+        beforeSend: function() {
+            clear_lp_rot_color(true)
+        },
+        data: {
+            tipo: 'gramajeLineasPresupuesto',
+            uso:   'rotativa',
+            datos: $('#lp_rot_color_papel option:selected').val() ,
+            tipoLinea: "color",
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success: function (data) {
+            yeniden(data.<?= csrf_token() ?>);
+            $.each(data.menu, function(item){
+                var option = $('<option/>', {'value':data.menu[item].id, 'text':data.menu[item].text})
+                $('#lp_rot_color_gramaje').append(option);
+            });
+            $('#lp_rot_color_gramaje').val('')
+        }
+    });
+    
+}
+
+
+async function set_lp_rot_color_papelImpresion(){
+    
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+        beforeSend: function() {
+            $('#lp_rot_color_papelImpresion').empty()
+            $('#lp_rot_color_maquina').empty() 
+            clear_lp_rot_color(false)
+        },
+        data: {
+            tipo: 'papelImpresion',
+            uso:   'rotativa',
+            datos: $('#lp_rot_color_papel option:selected').val() ,
+            gramaje: $('#lp_rot_color_gramaje option:selected').text().trim() ,
+            tipoLinea: "color",
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success: function (data) {
+            yeniden(data.<?= csrf_token() ?>);
+            $.each(data.menu, function(item){
+                var option = $('<option/>', {'value':data.menu[item].id, 'text':data.menu[item].text})
+                $('#lp_rot_color_papelImpresion').append(option);
+            });
+            $('#lp_rot_color_papelImpresion').val('')
+        }
+    });
+}
+
+
+async function set_lp_rot_color_maquina(){
+    
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+        beforeSend: function() {
+            $('#lp_rot_color_maquina').empty() 
+            clear_lp_rot_color(false)
+        },
+        data: {
+            tipo: 'maquina',
+            uso:   'color',
+            tipoLinea: "interior",
+            is_rotativa: 1,
+            ancho:  getDimensionLibro().ancho,
+            alto: getDimensionLibro().alto,
+            datos: parseInt($('#tirada').val()) + parseInt($('#merma').val()),
+            papel_impresion: $('#lp_rot_color_papelImpresion option:selected').val() ,
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success: function (data) {
+            yeniden(data.<?= csrf_token() ?>);
+            $.each(data.menu, function(item){
+                var option = $('<option/>', {'value':data.menu[item].maquina_id, 'text':data.menu[item].maquina})
+                $('#lp_rot_color_maquina').append(option);
+            });
+            $('#lp_rot_color_maquina').val('')
+        }
+    });
+}
+
+
+function clear_lp_rot_color(clear_selectors){
+    let pags = $("#lp_rot_color_paginas" ).val()
+    $(".lp-rotcolor-input" ).val("0")
+    $("#lp_rot_color_paginas" ).val(pags)
+    if(clear_selectors)
+        $( ".lp-rotcolor-select").empty()
+}
+
+
+$('#lp_rot_color_papel').bind("focus", {clear_selectors: true}, clear_lp_rot_color);
+$('#lp_rot_color_gramaje').bind("focus", set_lp_rot_color_gramaje);
+$('#lp_rot_color_papelImpresion').focus("focus", set_lp_rot_color_papelImpresion);
+$('#lp_rot_color_maquina').bind("focus", set_lp_rot_color_maquina);
+
+
+$('#lp_rot_color_maquina').on("change", function () {
+
+    if(parseInt($('#lp_rot_color_paginas').val())>0){
+        calcularPresupuesto_rot_color();
+    }
+})
+
+
+$('#lp_rot_color_paginas').on("change", function () {
+
+    if( parseInt($('#lp_rot_color_paginas').val())>0 &&
+        parseInt($('#lp_rot_color_papel option:selected').val())>0 &&
+        parseInt($('#lp_rot_color_gramaje option:selected').val())>0 &&
+        parseInt($('#lp_rot_color_papelImpresion option:selected').val())>0
+        ){
+
+            calcularPresupuesto_rot_color();
+    }
+})
+
+
+$('#lp_rot_color_aFavorFibra').on("change", function () {
+
+    if( parseInt($('#lp_rot_color_paginas').val())>0 &&
+        parseInt($('#lp_rot_color_papel option:selected').val())>0 &&
+        parseInt($('#lp_rot_color_gramaje option:selected').val())>0 &&
+        parseInt($('#lp_rot_color_papelImpresion option:selected').val())>0
+        ){
+
+            calcularPresupuesto_rot_color(false, true);
+    }
+})
+
+
+function calcularPresupuesto_rot_color(fromComparador=false, updatedTipologias=false){
+
+    const dimension = getDimensionLibro();
+
+    let datos = {
+        type: 'interior_rot',
+        color: 1,
+        hq: 0,
+        paginas: parseInt($('#lp_rot_color_paginas').val()),
+        paginas_negro: parseInt($('#lp_rot_color_paginas').val())-parseInt($('#lp_rot_color_numPagColor').val()),
+        paginas_color: parseInt($('#lp_rot_color_numPagColor').val()),
+        tirada: parseInt($('#tirada').val()),
+        merma: parseInt($('#merma').val()),
+        ancho: dimension.ancho,
+        alto: dimension.alto,
+        papel_generico_id: $('#lp_rot_color_papel option:selected').val() ,
+        papel_generico: $('#lp_rot_color_papel option:selected').text().trim(),
+        gramaje: $('#lp_rot_color_gramaje option:selected').text().trim(),
+        <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
+    };
+
+    if(fromComparador){
+        datos.paginas_negro = parseInt($('#compPaginasNegro').val())
+        datos.paginas_color = parseInt($('#compPaginasColor').val())
+    }
+
+    if(updatedTipologias){
+        datos.gota_negro= $('#lp_rot_color_gotaNegro').val()
+        datos.gota_color= $('#lp_rot_color_gotaColor').val()
+        datos.negro= $('#lp_rot_color_cobNegro').val()
+        datos.cyan= $('#lp_rot_color_cobCyan').val()
+        datos.magenta= $('#lp_rot_color_cobMagenta').val()
+        datos.amarillo= $('#lp_rot_color_cobAmarillo').val()
+    }
+
+    $.ajax({
+        type: "POST",
+        url: "/cosidotapablanda/datatable",
+        data: datos,
+        success: function (data) {
+            
+            if(data.lineas.length >0){
+                // Se cogen los valores de la linea con los datos correspondientes
+                $.each(data.lineas, function(key, value) { 
+                    fibra = $('#lp_rot_color_aFavorFibra').prop('checked')
+                    if(fromComparador){
+                        if(value.fields.maquina_id === $('#lp_rot_color_maquina option:selected').val() &&
+                            value.fields.papel_generico_id === datos.papel_generico_id &&
+                            value.fields.papel_impresion_id === $('#lp_rot_color_papelImpresion option:selected').val()) {
+                            
+                                fill_lp_rot_color(value.fields);
+                                return false; 
+                        }
+                    }
+                    else if (value.fields.maquina_id === $('#lp_rot_color_maquina').val() &&
+                            value.fields.papel_generico_id === datos.papel_generico_id &&
+                            value.fields.papel_impresion_id === $('#lp_rot_color_papelImpresion').val() &&
+                            value.fields.a_favor_fibra == $('#lp_rot_color_aFavorFibra').prop('checked')?1:0) {
+                            
+                            fill_lp_rot_color(value.fields);
+                            return false; 
+                    }
+                    clear_lp_rot_color(false);                   
+                });
+                
+            }
+            else{
+                
+            }
+            yeniden(data.<?= csrf_token() ?>);
+            
+        },
+        error: function(e){
+            
+        }
+    })
+}
+
+
+$('.lp-rotcolor-tipologia').on("change", function () {
+
+    if( parseInt($('#lp_rot_color_paginas').val())>0 &&
+        parseInt($('#lp_rot_color_papel option:selected').val())>0 &&
+        parseInt($('#lp_rot_color_gramaje option:selected').val())>0 &&
+        parseInt($('#lp_rot_color_papelImpresion option:selected').val())>0
+        ){
+
+        calcularPresupuesto_rot_color(false,true);
+    }
+})
+
+
+$('#lp_rot_color_defecto').on("click", function () {
+
+    if( parseInt($('#lp_rot_color_paginas').val())>0 &&
+        parseInt($('#lp_rot_color_papel option:selected').val())>0 &&
+        parseInt($('#lp_rot_color_gramaje option:selected').val())>0 &&
+        parseInt($('#lp_rot_color_papelImpresion option:selected').val())>0
+        ){
+     
+            calcularPresupuesto_rot_color(false);
+    }
+})
+
+
+function fill_lp_rot_color(row, fromComparador=false){
+
+    if(fromComparador){
+        
+        $('#lp_rot_color_paginas').val(row.paginas)
+        $('#lp_rot_color_papel').val(row.papelGenericoId)
+        $('#lp_rot_color_gramaje').empty()
+        $('#lp_rot_color_gramaje').append(`<option value="1"> 
+                                    ${row.gramaje}
+                                </option>`); 
+        $('#lp_rot_color_papelImpresion').empty()
+        $('#lp_rot_color_papelImpresion').append(`<option value="${row.papelImpresionId}"> 
+                                    ${row.marca}
+                                </option>`); 
+        $('#lp_rot_color_maquina').empty()
+        $('#lp_rot_color_maquina').append(`<option value="${row.maquinaId}"> 
+                                    ${row.maquina}
+                                </option>`); 
+        $('#lp_rot_color_aFavorFibra').prop('checked', row.aFavorFibra=='si'?true:false)
+        $('#lp_rot_color_numPagColor').val(row.paginasColor)
+        calcularPresupuesto_rot_color(false);
+        
+    }
+    else{
+        // Si viene de hacerlo a mano...
+        $('#lp_rot_color_tiempo').val(row.tiempo_maquina)
+        $('#lp_rot_color_numeroPliegos').val(isNaN(parseFloat(row.pliegos_libro)) ? "" : parseFloat(row.pliegos_libro).toFixed(2))
+        $('#lp_rot_color_pliegosPedido').val(isNaN(parseFloat(row.pliegos_pedido)) ? "" : parseFloat(row.pliegos_pedido).toFixed(2))
+        $('#lp_rot_color_precioPliego').val(isNaN(parseFloat(row.precios_pliegos)) ? "" : parseFloat(row.precios_pliegos).toFixed(6))
+        $('#lp_rot_color_libro').val(isNaN(parseFloat(row.precio_libro)) ? "" : parseFloat(row.precio_libro).toFixed(2))
+        $('#lp_rot_color_totalPapelPedido').val(isNaN(parseFloat(row.precio_pedido)) ? "" : parseFloat(row.precio_pedido).toFixed(2))
+        $('#lp_rot_color_lomo').val(isNaN(parseFloat(row.mano)) ? "" : parseFloat(row.mano).toFixed(2))
+        $('#lp_rot_color_peso').val(isNaN(parseFloat(row.peso)) ? "" : parseFloat(row.peso).toFixed(2))
+        $('#lp_rot_color_click').val(isNaN(parseFloat(row.precio_click)) ? "" : parseFloat(row.precio_click).toFixed(6))
+        $('#lp_rot_color_totalClicks').val(isNaN(parseFloat(row.precio_click_pedido)) ? "" : parseFloat(row.precio_click_pedido).toFixed(2))
+        $('#lp_rot_color_totalLinea').val(isNaN(parseFloat(row.total_impresion)) ? "" : parseFloat(row.total_impresion).toFixed(2))
+        $('#lp_rot_color_aFavorFibra').prop('checked', row.a_favor_fibra==0?false:true)
+
+        $('#lp_rot_color_cobNegro').val(isNaN(parseFloat(row.datosTipologias.negro)) ? "" : parseFloat(row.datosTipologias.negro).toFixed(0))
+        $('#lp_rot_color_cobCyan').val(isNaN(parseFloat(row.datosTipologias.cyan)) ? "" : parseFloat(row.datosTipologias.cyan).toFixed(0))
+        $('#lp_rot_color_cobMagenta').val(isNaN(parseFloat(row.datosTipologias.magenta)) ? "" : parseFloat(row.datosTipologias.magenta).toFixed(0))
+        $('#lp_rot_color_cobAmarillo').val(isNaN(parseFloat(row.datosTipologias.amarillo)) ? "" : parseFloat(row.datosTipologias.amarillo).toFixed(0))
+        $('#lp_rot_color_gotaNegro').val(isNaN(parseFloat(row.datosTipologias.gota_negro)) ? "" : parseFloat(row.datosTipologias.gota_negro).toFixed(0))
+        $('#lp_rot_color_gotaColor').val(isNaN(parseFloat(row.datosTipologias.gota_color)) ? "" : parseFloat(row.datosTipologias.gota_color).toFixed(0))
+        
+        $('#lp_rot_color_metrosMinuto').val(isNaN(parseFloat(row.maquina_velocidad)) ? "" : parseFloat(row.maquina_velocidad).toFixed(2))
+        $('#lp_rot_color_resolucion').val(isNaN(parseFloat(row.resolucion)) ? "" : parseFloat(row.resolucion).toFixed(0))
+        $('#lp_rot_color_areaPaginas').val(isNaN(parseFloat(row.superficie)) ? "" : parseFloat(row.superficie).toFixed(2))
+        $('#lp_rot_color_gotasNegro').val(isNaN(parseFloat(row.num_gotas_negro)) ? "" : parseFloat(row.num_gotas_negro).toFixed(0))
+        $('#lp_rot_color_gotasCyan').val(isNaN(parseFloat(row.num_gotas_cyan)) ? "" : parseFloat(row.num_gotas_cyan).toFixed(0))
+        $('#lp_rot_color_gotasMagenta').val(isNaN(parseFloat(row.num_gotas_magenta)) ? "" : parseFloat(row.num_gotas_magenta).toFixed(0))
+        $('#lp_rot_color_gotasAmarillo').val(isNaN(parseFloat(row.num_gotas_amarillo)) ? "" : parseFloat(row.num_gotas_amarillo).toFixed(0))
+        $('#lp_rot_color_precioPagNegro').val(isNaN(parseFloat(row.precio_pagina_negro)) ? "" : parseFloat(row.precio_pagina_negro).toFixed(6))
+        $('#lp_rot_color_precioPagColor').val(isNaN(parseFloat(row.precio_pagina_color)) ? "" : parseFloat(row.precio_pagina_color).toFixed(6))
+        $('#lp_rot_color_factorAltura').val(isNaN(parseFloat(row.factor_altura)) ? "" : parseFloat(row.factor_altura).toFixed(2))
+        $('#lp_rot_color_factorAnchura').val(isNaN(parseFloat(row.factor_anchura)) ? "" : parseFloat(row.factor_anchura).toFixed(2))
+        $('#lp_rot_color_paginasPliego').val(isNaN(parseFloat(row.paginas_por_pliego)) ? "" : parseFloat(row.paginas_por_pliego).toFixed(2))
+        
+        $('#lp_rot_color_metrosPapelLibro').val(isNaN(parseFloat(row.metros_papel_libro)) ? "" : parseFloat(row.metros_papel_libro).toFixed(2))
+        $('#lp_rot_color_metrosPapelTotal').val(isNaN(parseFloat(row.metros_papel_total)) ? "" : parseFloat(row.metros_papel_total).toFixed(2))
+        $('#lp_rot_color_clicksLibro').val(isNaN(parseFloat(row.clicks_libro)) ? "" : parseFloat(row.clicks_libro).toFixed(0))
+        $('#lp_rot_color_gTintaNegro').val(isNaN(parseFloat(row.peso_gotas_negro)) ? "" : parseFloat(row.peso_gotas_negro).toFixed(2))
+        $('#lp_rot_color_gTintaCyan').val(isNaN(parseFloat(row.peso_gotas_cyan)) ? "" : parseFloat(row.peso_gotas_cyan).toFixed(2))
+        $('#lp_rot_color_gTintaMagenta').val(isNaN(parseFloat(row.peso_gotas_magenta)) ? "" : parseFloat(row.peso_gotas_magenta).toFixed(2))
+        $('#lp_rot_color_gTintaAmarillo').val(isNaN(parseFloat(row.peso_gotas_amarillo)) ? "" : parseFloat(row.peso_gotas_amarillo).toFixed(2))
+        $('#lp_rot_color_clicksPedido').val(isNaN(parseFloat(row.clicks_pedido)) ? "" : parseFloat(row.clicks_pedido).toFixed(0))
+        $('#lp_rot_color_totalClicksPedido').val(isNaN(parseFloat(row.precio_click_pedido)) ? "" : parseFloat(row.precio_click_pedido).toFixed(2))
+        $('#lp_rot_color_totalTinta').val(isNaN(parseFloat(row.precio_tinta)) ? "" : parseFloat(row.precio_tinta).toFixed(2))
+        $('#lp_rot_color_totalCorte').val(isNaN(parseFloat(row.total_corte)) ? "" : parseFloat(row.total_corte).toFixed(2))
+        $('#lp_rot_color_totalImpresion').val(isNaN(parseFloat(row.precio_click_pedido+row.precio_tinta+row.total_corte)) ? "" : parseFloat(row.precio_click_pedido+row.precio_tinta+row.total_corte).toFixed(2))
+        
+        $('#lp_rot_color_velocidadCorte').val(isNaN(parseFloat(row.velocidad_corte)) ? "" : parseFloat(row.velocidad_corte).toFixed(2))
+        $('#lp_rot_color_precioHoraCorte').val(isNaN(parseFloat(row.precio_hora_corte)) ? "" : parseFloat(row.precio_hora_corte).toFixed(2))
+        $('#lp_rot_color_tiempoCorte').val(isNaN(parseFloat(row.tiempo_corte)) ? "" : parseFloat(row.tiempo_corte).toFixed(2))
+        $('#lp_rot_color_gTintaNegroPed').val(isNaN(parseFloat(row.peso_gotas_negro_pedido)) ? "" : parseFloat(row.peso_gotas_negro_pedido).toFixed(2))
+        $('#lp_rot_color_gTintaCyanPed').val(isNaN(parseFloat(row.peso_gotas_cyan_pedido)) ? "" : parseFloat(row.peso_gotas_cyan_pedido).toFixed(2))
+        $('#lp_rot_color_gTintaMagentaPed').val(isNaN(parseFloat(row.peso_gotas_magenta_pedido)) ? "" : parseFloat(row.peso_gotas_magenta_pedido).toFixed(2))
+        $('#lp_rot_color_gTintaAmarilloPed').val(isNaN(parseFloat(row.peso_gotas_amarillo_pedido)) ? "" : parseFloat(row.peso_gotas_amarillo_pedido).toFixed(2))    
+
+        $('#lp_rot_color_numPagColor').val(row.paginas_color)
+
+        $('#lp_rot_color_tarifa_impresion_id').val(isNaN(parseInt(row.tarifa_impresion_id)) ? "" : parseInt(row.tarifa_impresion_id))
+    }
+
+
+    $('.lp_rot_color').css('display', '')
+    $("#tableLineasPresupuesto").DataTable().columns.adjust();
+}
+<?= $this->endSection() ?>
+
+
+<!------------------------------------------->
+<!-- Código JS para cubierta. -->
+<!------------------------------------------->
+<?= $this->section("additionalInlineJs") ?>
+var tableLineasPresupuesto = new DataTable('#tableLineasPresupuesto',{
+    scrollX: true,
+    searching: false,
+    paging: false,
+    info: false,
+    ordering: false,
+    responsive: true,
+    select: false,
+    language: {
+        url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->i18n ?>.json"
+    },
+    
+});
+
+async function set_lp_cubierta_gramaje(){
+    
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+        beforeSend: function() {
+            clear_lp_cubierta(true)
+        },
+        data: {
+            tipo: 'gramajeLineasPresupuesto',
+            uso:   'cubierta',
+            datos: $('#lp_cubierta_papel option:selected').val() ,
+            tipoLinea: "color",
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success: function (data) {
+            yeniden(data.<?= csrf_token() ?>);
+            $.each(data.menu, function(item){
+                var option = $('<option/>', {'value':data.menu[item].id, 'text':data.menu[item].text})
+                $('#lp_cubierta_gramaje').append(option);
+            });
+            $('#lp_cubierta_gramaje').val('')
+        }
+    });
+    
+}
+
+
+async function set_lp_cubierta_papelImpresion(){
+    
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+        beforeSend: function() {
+            $('#lp_cubierta_papelImpresion').empty()
+            $('#lp_cubierta_maquina').empty() 
+            clear_lp_cubierta(false)
+        },
+        data: {
+            tipo: 'papelImpresion',
+            uso:   'cubierta',
+            datos: $('#lp_cubierta_papel option:selected').val() ,
+            gramaje: $('#lp_cubierta_gramaje option:selected').text().trim() ,
+            tipoLinea: "color",
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success: function (data) {
+            yeniden(data.<?= csrf_token() ?>);
+            $.each(data.menu, function(item){
+                var option = $('<option/>', {'value':data.menu[item].id, 'text':data.menu[item].text})
+                $('#lp_cubierta_papelImpresion').append(option);
+            });
+            $('#lp_cubierta_papelImpresion').val('')
+        }
+    });
+}
+
+
+async function set_lp_cubierta_maquina(){
+    
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
+        beforeSend: function() {
+            $('#lp_cubierta_maquina').empty() 
+            clear_lp_cubierta(false)
+        },
+        data: {
+            tipo: 'maquina',
+            uso:   'color',
+            tipoLinea: "cubierta",
+            uso_tarifa: "cubierta",
+            is_rotativa: 0,
+            ancho:  getDimensionLibro().ancho,
+            alto: getDimensionLibro().alto,
+            datos: parseInt($('#tirada').val()) + parseInt($('#merma').val()),
+            papel_impresion: $('#lp_cubierta_papelImpresion option:selected').val() ,
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success: function (data) {
+            yeniden(data.<?= csrf_token() ?>);
+            $.each(data.menu, function(item){
+                var option = $('<option/>', {'value':data.menu[item].maquina_id, 'text':data.menu[item].maquina})
+                $('#lp_cubierta_maquina').append(option);
+            });
+            $('#lp_cubierta_maquina').val('')
+        }
+    });
+}
+
+
+function clear_lp_cubierta(clear_selectors){
+    let pags = $("#lp_cubierta_paginas option:selected" ).val()
+    $(".lp-cubierta-input" ).val("0")
+    $("#lp_cubierta_paginas" ).val(pags)
+    if(clear_selectors)
+        $( ".lp-cubierta-select").empty()
+}
+
+
+$('#lp_cubierta_papel').bind("focus", {clear_selectors: true}, clear_lp_cubierta);
+$('#lp_cubierta_gramaje').bind("focus", set_lp_cubierta_gramaje);
+$('#lp_cubierta_papelImpresion').focus("focus", set_lp_cubierta_papelImpresion);
+$('#lp_cubierta_maquina').bind("focus", set_lp_cubierta_maquina);
+
+
+$('#lp_cubierta_maquina').on("change", function () {
+
+    if(parseInt($('#lp_cubierta_paginas option:selected').val())>0){
+        calcularPresupuesto_cubierta();
+    }
+})
+
+
+$('#lp_cubierta_paginas').on("change", function () {
+
+    if( parseInt($('#lp_cubierta_paginas option:selected').val())>0 &&
+        parseInt($('#lp_cubierta_papel option:selected').val())>0 &&
+        parseInt($('#lp_cubierta_gramaje option:selected').val())>0 &&
+        parseInt($('#lp_cubierta_papelImpresion option:selected').val())>0
+        ){
+
+            calcularPresupuesto_cubierta();
+    }
+})
+
+
+function calcularPresupuesto_cubierta(fromComparador=false, updatedTipologias=false){
+
+    const dimension = getDimensionLibro();
+
+    let datos = {
+        type: 'cubierta',
+        color: 1,
+        hq: 0,
+        paginas: parseInt($('#lp_cubierta_paginas option:selected').val()),
+        paginas_negro: 0,
+        paginas_color: 0,
+        solapas: $('#solapas').is(':checked')?1:0,
+        solapas_ancho: parseInt($('#solapas_ancho').val()),
+        tirada: parseInt($('#tirada').val()),
+        merma: parseInt($('#mermacubierta').val()),
+        ancho: dimension.ancho,
+        alto: dimension.alto,
+        papel_generico_id: $('#lp_cubierta_papel option:selected').val() ,
+        papel_generico: $('#lp_cubierta_papel option:selected').text().trim(),
+        gramaje: $('#lp_cubierta_gramaje option:selected').text().trim(),
+        <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
+    }
+
+    $.ajax({
+        type: "POST",
+        url: "/cosidotapablanda/datatable",
+        data: datos,
+        success: function (data) {
+            
+            if(data.lineas.length >0){
+                // Se cogen los valores de la linea con los datos correspondientes
+                $.each(data.lineas, function(key, value) { 
+                    if(fromComparador){
+                        if(value.fields.maquina_id === $('#lp_cubierta_maquina option:selected').val() &&
+                            value.fields.papel_generico_id === datos.papel_generico_id &&
+                            value.fields.papel_impresion_id === $('#lp_cubierta_papelImpresion option:selected').val()) {
+                            
+                                fill_lp_cubierta(value.fields);
+                                return false; 
+                        }
+                    }
+                    else if (value.fields.maquina_id === $('#lp_cubierta_maquina').val() &&
+                            value.fields.papel_generico_id === datos.papel_generico_id &&
+                            value.fields.papel_impresion_id === $('#lp_cubierta_papelImpresion').val()) {
+                            
+                            fill_lp_cubierta(value.fields);
+                            return false; 
+                    }
+                    clear_lp_cubierta(false);                   
+                });
+                
+            }
+            else{
+                
+            }
+            yeniden(data.<?= csrf_token() ?>);
+            
+        },
+        error: function(e){
+            
+        }
+    })
+}
+
+
+function fill_lp_cubierta(row, fromComparador=false){
+
+    if(fromComparador){
+        
+        $('#lp_cubierta_paginas').val(row.paginas)
+        $('#lp_cubierta_papel').val(row.papelGenericoId)
+        $('#lp_cubierta_gramaje').empty()
+        $('#lp_cubierta_gramaje').append(`<option value="1"> 
+                                    ${row.gramaje}
+                                </option>`); 
+        $('#lp_cubierta_papelImpresion').empty()
+        $('#lp_cubierta_papelImpresion').append(`<option value="${row.papelImpresionId}"> 
+                                    ${row.marca}
+                                </option>`); 
+        $('#lp_cubierta_maquina').empty()
+        $('#lp_cubierta_maquina').append(`<option value="${row.maquinaId}"> 
+                                    ${row.maquina}
+                                </option>`); 
+        calcularPresupuesto_cubierta(false);
+        
+    }
+    else{
+        // Si viene de hacerlo a mano...
+        $('#lp_cubierta_tiempo').val(row.tiempo_maquina)
+        $('#lp_cubierta_numeroPliegos').val(isNaN(parseFloat(row.pliegos_libro)) ? "" : parseFloat(row.pliegos_libro).toFixed(2))
+        $('#lp_cubierta_pliegosPedido').val(isNaN(parseFloat(row.pliegos_pedido)) ? "" : parseFloat(row.pliegos_pedido).toFixed(2))
+        $('#lp_cubierta_precioPliego').val(isNaN(parseFloat(row.precios_pliegos)) ? "" : parseFloat(row.precios_pliegos).toFixed(6))
+        $('#lp_cubierta_libro').val(isNaN(parseFloat(row.precio_libro)) ? "" : parseFloat(row.precio_libro).toFixed(2))
+        $('#lp_cubierta_totalPapelPedido').val(isNaN(parseFloat(row.precio_pedido)) ? "" : parseFloat(row.precio_pedido).toFixed(2))
+        $('#lp_cubierta_lomo').val(isNaN(parseFloat(row.mano)) ? "" : parseFloat(row.mano).toFixed(2))
+        $('#lp_cubierta_peso').val(isNaN(parseFloat(row.peso)) ? "" : parseFloat(row.peso).toFixed(2))
+        $('#lp_cubierta_click').val(isNaN(parseFloat(row.precio_click)) ? "" : parseFloat(row.precio_click).toFixed(6))
+        $('#lp_cubierta_totalClicks').val(isNaN(parseFloat(row.precio_click_pedido)) ? "" : parseFloat(row.precio_click_pedido).toFixed(2))
+        $('#lp_cubierta_totalLinea').val(isNaN(parseFloat(row.total_impresion)) ? "" : parseFloat(row.total_impresion).toFixed(2))
+        $('#lp_cubierta_impresion_id').val(isNaN(parseInt(row.tarifa_impresion_id))) ? "" : parseInt(row.tarifa_impresion_id)
+
+        $('#lp_cubierta_tarifa_impresion_id').val(isNaN(parseInt(row.tarifa_impresion_id)) ? "" : parseInt(row.tarifa_impresion_id))
+    }
+
+    $('.lp_cubierta').css('display', '')
+    $("#tableLineasPresupuesto").DataTable().columns.adjust();
+}
+
+
+fill_lp_from_bbdd()
+
+function fill_lp_from_bbdd(){
+
+    const lineasPresupuestoList = <?php echo json_encode($lineasPresupuesto); ?>;
+    lineasPresupuestoList.forEach(function(lp) {
+
+        $('#lp_' + lp.tipo + '_paginas').val(lp.paginas)
+
+        $( '#lp_' + lp.tipo + '_papel').val(lp.papel_id)
+        $( '#lp_' + lp.tipo + '_gramaje').html(lp.gramaje);
+        $( '#lp_' + lp.tipo + '_gramaje').append(new Option(parseFloat(lp.gramaje).toFixed(0), lp.gramaje)) 
+        $( '#lp_' + lp.tipo + '_papelImpresion').append(new Option(lp.papel_impresion_nombre, lp.papel_impresion_id))
+        $( '#lp_' + lp.tipo + '_maquina').append(new Option(lp.maquina_nombre, lp.maquina_id))
+            
+
+        var date = new Date(0);
+        date.setSeconds(lp.tiempo_maquina); // specify value for SECONDS here
+        var timeString = date.toISOString().substring(11, 19);
+        $('#lp_' + lp.tipo + '_tiempo').val(timeString)
+
+        $('#lp_' + lp.tipo + '_numeroPliegos').val(isNaN(parseFloat(lp.pliegos_libro)) ? "" : parseFloat(lp.pliegos_libro).toFixed(2))
+        $('#lp_' + lp.tipo + '_pliegosPedido').val(isNaN(parseFloat(lp.pliegos_pedido)) ? "" : parseFloat(lp.pliegos_pedido).toFixed(2))
+        $('#lp_' + lp.tipo + '_precioPliego').val(isNaN(parseFloat(lp.pliegos_precio)) ? "" : parseFloat(lp.pliegos_precio).toFixed(6))
+        $('#lp_' + lp.tipo + '_libro').val(isNaN(parseFloat(lp.libro)) ? "" : parseFloat(lp.libro).toFixed(2))
+        $('#lp_' + lp.tipo + '_totalPapelPedido').val(isNaN(parseFloat(lp.total_papel_pedido)) ? "" : parseFloat(lp.total_papel_pedido).toFixed(2))
+        $('#lp_' + lp.tipo + '_lomo').val(isNaN(parseFloat(lp.mano)) ? "" : parseFloat(lp.mano).toFixed(2))
+        $('#lp_' + lp.tipo + '_peso').val(isNaN(parseFloat(lp.peso)) ? "" : parseFloat(lp.peso).toFixed(2))
+        $('#lp_' + lp.tipo + '_click').val(isNaN(parseFloat(lp.precio_click)) ? "" : parseFloat(lp.precio_click).toFixed(6))
+        $('#lp_' + lp.tipo + '_totalClicks').val(isNaN(parseFloat(lp.precio_click_pedido)) ? "" : parseFloat(lp.precio_click_pedido).toFixed(2))
+        
+        $('#lp_' + lp.tipo + '_checkPapel').prop('checked', lp.check_papel_total==0?false:true)
+        $('#lp_' + lp.tipo + '_checkClicks').prop('checked', lp.check_impresion_total==0?false:true)
+
+        $('#lp_' + lp.tipo + '_tarifa_impresion_id').val(isNaN(parseInt(lp.tarifa_impresion_id)) ? "" : parseInt(lp.tarifa_impresion_id))
+
+        if(lp.tipo == 'rot_bn' ||lp.tipo == 'rot_color'){
+        
+            $('#lp_' + lp.tipo + '_numPagColor').val(isNaN(parseFloat(lp.rotativa_pag_color)) ? "" : parseFloat(lp.rotativa_pag_color).toFixed(0))
+            $('#lp_' + lp.tipo + '_totalLinea').val(isNaN(parseFloat(lp.rotativa_total_impresion)) ? "" : parseFloat(lp.rotativa_total_impresion).toFixed(2))
+            $('#lp_' + lp.tipo + '_aFavorFibra').prop('checked', lp.rotativa_a_favor_fibra==0?false:true)
+
+            $('#lp_' + lp.tipo + '_cobNegro').val(isNaN(parseFloat(lp.rotativa_negro)) ? "" : parseFloat(lp.rotativa_negro).toFixed(0))
+            $('#lp_' + lp.tipo + '_cobCyan').val(isNaN(parseFloat(lp.rotativa_cyan)) ? "" : parseFloat(lp.rotativa_cyan).toFixed(0))
+            $('#lp_' + lp.tipo + '_cobMagenta').val(isNaN(parseFloat(lp.rotativa_magenta)) ? "" : parseFloat(lp.rotativa_magenta).toFixed(0))
+            $('#lp_' + lp.tipo + '_cobAmarillo').val(isNaN(parseFloat(lp.rotativa_amarillo)) ? "" : parseFloat(lp.rotativa_amarillo).toFixed(0))
+            $('#lp_' + lp.tipo + '_gotaNegro').val(isNaN(parseFloat(lp.rotativa_gota_negro)) ? "" : parseFloat(lp.rotativa_gota_negro).toFixed(0))
+            $('#lp_' + lp.tipo + '_gotaColor').val(isNaN(parseFloat(lp.rotativa_gota_color)) ? "" : parseFloat(lp.rotativa_gota_color).toFixed(0))
+            
+            $('#lp_' + lp.tipo + '_metrosMinuto').val(isNaN(parseFloat(lp.rotativa_mxm)) ? "" : parseFloat(lp.rotativa_mxm).toFixed(2))
+            $('#lp_' + lp.tipo + '_resolucion').val(isNaN(parseFloat(lp.rotativa_resolucion)) ? "" : parseFloat(lp.rotativa_resolucion).toFixed(0))
+            $('#lp_' + lp.tipo + '_areaPaginas').val(isNaN(parseFloat(lp.rotativa_area_paginas)) ? "" : parseFloat(lp.rotativa_area_paginas).toFixed(2))
+            
+            $('#lp_' + lp.tipo + '_gotasNegro').val(isNaN(parseFloat(lp.rotativa_num_gotas_negro)) ? "" : parseFloat(lp.rotativa_num_gotas_negro).toFixed(0))
+            $('#lp_' + lp.tipo + '_gotasCyan').val(isNaN(parseFloat(lp.rotativa_num_gotas_cyan)) ? "" : parseFloat(lp.rotativa_num_gotas_cyan).toFixed(0))
+            $('#lp_' + lp.tipo + '_gotasMagenta').val(isNaN(parseFloat(lp.rotativa_num_gotas_magenta)) ? "" : parseFloat(lp.rotativa_num_gotas_magenta).toFixed(0))
+            $('#lp_' + lp.tipo + '_gotasAmarillo').val(isNaN(parseFloat(lp.rotativa_num_gotas_amarillo)) ? "" : parseFloat(lp.rotativa_num_gotas_amarillo).toFixed(0))
+            
+            $('#lp_' + lp.tipo + '_precioPagNegro').val(isNaN(parseFloat(lp.rotativa_precio_pag_negro)) ? "" : parseFloat(lp.rotativa_precio_pag_negro).toFixed(6))
+            $('#lp_' + lp.tipo + '_precioPagColor').val(isNaN(parseFloat(lp.rotativa_precio_pag_color)) ? "" : parseFloat(lp.rotativa_precio_pag_color).toFixed(6))
+            $('#lp_' + lp.tipo + '_factorAltura').val(isNaN(parseFloat(lp.rotativa_factor_altura)) ? "" : parseFloat(lp.rotativa_factor_altura).toFixed(2))
+            $('#lp_' + lp.tipo + '_factorAnchura').val(isNaN(parseFloat(lp.rotativa_factor_anchura)) ? "" : parseFloat(lp.rotativa_factor_anchura).toFixed(2))
+            $('#lp_' + lp.tipo + '_paginasPliego').val(isNaN(parseFloat(lp.rotativa_pag_por_pliego)) ? "" : parseFloat(lp.rotativa_pag_por_pliego).toFixed(2))
+            
+            $('#lp_' + lp.tipo + '_metrosPapelLibro').val(isNaN(parseFloat(lp.rotativa_metros_libro)) ? "" : parseFloat(lp.rotativa_metros_libro).toFixed(2))
+            $('#lp_' + lp.tipo + '_metrosPapelTotal').val(isNaN(parseFloat(lp.rotativa_metros_total)) ? "" : parseFloat(lp.rotativa_metros_total).toFixed(2))
+            $('#lp_' + lp.tipo + '_clicksLibro').val(isNaN(parseFloat(lp.rotativa_clicks_libro)) ? "" : parseFloat(lp.rotativa_clicks_libro).toFixed(0))
+            $('#lp_' + lp.tipo + '_gTintaNegro').val(isNaN(parseFloat(lp.rotativa_peso_gotas_negro)) ? "" : parseFloat(lp.rotativa_peso_gotas_negro).toFixed(2))
+            $('#lp_' + lp.tipo + '_gTintaCyan').val(isNaN(parseFloat(lp.rotativa_peso_gotas_cyan)) ? "" : parseFloat(lp.rotativa_peso_gotas_cyan).toFixed(2))
+            $('#lp_' + lp.tipo + '_gTintaMagenta').val(isNaN(parseFloat(lp.rotativa_peso_gotas_magenta)) ? "" : parseFloat(lp.rotativa_peso_gotas_magenta).toFixed(2))
+            $('#lp_' + lp.tipo + '_gTintaAmarillo').val(isNaN(parseFloat(lp.rotativa_peso_gotas_amarillo)) ? "" : parseFloat(lp.rotativa_peso_gotas_amarillo).toFixed(2))
+            $('#lp_' + lp.tipo + '_clicksPedido').val(isNaN(parseFloat(lp.rotativa_clicks_total)) ? "" : parseFloat(lp.rotativa_clicks_total).toFixed(0))
+            $('#lp_' + lp.tipo + '_totalClicksPedido').val(isNaN(parseFloat(lp.precio_click_pedido)) ? "" : parseFloat(lp.precio_click_pedido).toFixed(2))
+            $('#lp_' + lp.tipo + '_totalTinta').val(isNaN(parseFloat(lp.rotativa_precio_tinta)) ? "" : parseFloat(lp.rotativa_precio_tinta).toFixed(2))
+            $('#lp_' + lp.tipo + '_totalCorte').val(isNaN(parseFloat(lp.rotativa_total_corte)) ? "" : parseFloat(lp.rotativa_total_corte).toFixed(2))
+            $('#lp_' + lp.tipo + '_totalImpresion').val(isNaN(parseFloat(lp.rotativa_total_impresion)) ? "" : parseFloat(lp.rotativa_total_impresion).toFixed(2))
+            
+            $('#lp_' + lp.tipo + '_velocidadCorte').val(isNaN(parseFloat(lp.rotativa_velocidad_corte)) ? "" : parseFloat(lp.rotativa_velocidad_corte).toFixed(2))
+            $('#lp_' + lp.tipo + '_precioHoraCorte').val(isNaN(parseFloat(lp.rotativa_precio_hora_corte)) ? "" : parseFloat(lp.rotativa_precio_hora_corte).toFixed(2))
+            $('#lp_' + lp.tipo + '_tiempoCorte').val(isNaN(parseFloat(lp.rotativa_tiempo_corte)) ? "" : parseFloat(lp.rotativa_tiempo_corte).toFixed(2))
+            $('#lp_' + lp.tipo + '_gTintaNegroPed').val(isNaN(parseFloat(lp.rotativa_peso_gotas_negro_pedido)) ? "" : parseFloat(lp.rotativa_peso_gotas_negro_pedido).toFixed(2))
+            $('#lp_' + lp.tipo + '_gTintaCyanPed').val(isNaN(parseFloat(lp.rotativa_peso_gotas_cyan_pedido)) ? "" : parseFloat(lp.rotativa_peso_gotas_cyan_pedido).toFixed(2))
+            $('#lp_' + lp.tipo + '_gTintaMagentaPed').val(isNaN(parseFloat(lp.rotativa_peso_gotas_magenta_pedido)) ? "" : parseFloat(lp.rotativa_peso_gotas_magenta_pedido).toFixed(2))
+            $('#lp_' + lp.tipo + '_gTintaAmarilloPed').val(isNaN(parseFloat(lp.rotativa_peso_gotas_amarillo_pedido)) ? "" : parseFloat(lp.rotativa_peso_gotas_amarillo_pedido).toFixed(2))    
+        }
+        
+        $('.lp_' + lp.tipo).css('display', '')
+    
+    })
+
+    $("#tableLineasPresupuesto").DataTable().draw();
+}
+
+
+async function fill_bbdd_from_lp(presupuesto_id){
+
+    const tiposLineas = ['bn','bnhq','color','colorhq','cubierta','rot_bn','rot_color'];
+    data=[];
+    tiposLineas.forEach(function(tipo_lp) {
+
+        if($('#lp_' + tipo_lp).css('display') != 'none'){
+
+        
+            let t_maq_str = $('#lp_' + tipo_lp + '_tiempo').val().split(':'); // split it at the colons
+            let t_maq = 0
+            if(t_maq_str.length == 3)
+                t_maq = (+t_maq_str[0]) * 3600 + (+t_maq_str[1]) * 60 + (+t_maq_str[2]); 
+            
+            linea_data = {
+                presupuesto_id: presupuesto_id,
+                tipo: tipo_lp,
+                paginas: $('#lp_' + tipo_lp + '_paginas').val(),
+                papel_id: $( '#lp_' + tipo_lp + '_papel').val(),
+                gramaje: $( '#lp_' + tipo_lp + '_gramaje option:selected' ).text().trim(),
+                papel_impresion_id: $( '#lp_' + tipo_lp + '_papelImpresion').val(), 
+                maquina_id: $( '#lp_' + tipo_lp + '_maquina').val(),
+                tiempo_maquina: t_maq,
+                pliegos_libro: $('#lp_' + tipo_lp + '_numeroPliegos').val(),
+                pliegos_pedido: $('#lp_' + tipo_lp + '_pliegosPedido').val(),
+                pliegos_precio: $('#lp_' + tipo_lp + '_precioPliego').val(),
+                libro: $('#lp_' + tipo_lp + '_libro').val(),
+                total_papel_pedido: $('#lp_' + tipo_lp + '_totalPapelPedido').val(),
+                mano: $('#lp_' + tipo_lp + '_lomo').val(),
+                peso: $('#lp_' + tipo_lp + '_peso').val(),
+                precio_click: $('#lp_' + tipo_lp + '_click').val(),
+                precio_click_pedido: $('#lp_' + tipo_lp + '_totalClicks').val(),
+                check_papel_total: $('#lp_' + tipo_lp + '_checkPapel').is(":checked")?1:0,
+                check_impresion_total: $('#lp_' + tipo_lp + '_checkClicks').is(":checked")?1:0,
+                tarifa_impresion_id: $('#lp_' + tipo_lp + '_tarifa_impresion_id').val(),
+                isActiva: 1,
+            }
+
+            if(tipo_lp == 'rot_bn' || tipo_lp == 'rot_color'){
+
+                linea_data.rotativa_pag_color = $('#lp_' + tipo_lp +'_numPagColor').val()
+                linea_data.rotativa_total_impresion = $('#lp_' + tipo_lp + '_totalLinea').val()
+                linea_data.rotativa_a_favor_fibra = $('#lp_' + tipo_lp + '_aFavorFibra').is(":checked")?1:0
+                linea_data.rotativa_negro = $('#lp_' + tipo_lp + '_cobNegro').val()
+                linea_data.rotativa_cyan = $('#lp_' + tipo_lp + '_cobCyan').val()
+                linea_data.rotativa_magenta = $('#lp_' + tipo_lp + '_cobMagenta').val()
+                linea_data.rotativa_amarillo = $('#lp_' + tipo_lp + '_cobAmarillo').val()
+                linea_data.rotativa_gota_negro = $('#lp_' + tipo_lp + '_gotaNegro').val()
+                linea_data.rotativa_gota_color = $('#lp_' + tipo_lp + '_gotaColor').val()
+
+                linea_data.rotativa_mxm = $('#lp_' + tipo_lp + '_metrosMinuto').val()
+                linea_data.rotativa_resolucion = $('#lp_' + tipo_lp + '_resolucion').val()
+                linea_data.rotativa_area_paginas = $('#lp_' + tipo_lp + '_areaPaginas').val()
+
+                linea_data.rotativa_num_gotas_negro = $('#lp_' + tipo_lp + '_gotasNegro').val()
+                linea_data.rotativa_num_gotas_cyan = $('#lp_' + tipo_lp + '_gotasCyan').val()
+                linea_data.rotativa_num_gotas_magenta = $('#lp_' + tipo_lp + '_gotasMagenta').val()
+                linea_data.rotativa_num_gotas_amarillo = $('#lp_' + tipo_lp + '_gotasAmarillo').val()
+            
+                linea_data.rotativa_precio_pag_negro = $('#lp_' + tipo_lp + '_precioPagNegro').val()
+                linea_data.rotativa_precio_pag_color = $('#lp_' + tipo_lp + '_precioPagColor').val()
+                linea_data.rotativa_factor_altura = $('#lp_' + tipo_lp + '_factorAltura').val()
+                linea_data.rotativa_factor_anchura = $('#lp_' + tipo_lp + '_factorAnchura').val()
+                linea_data.rotativa_pag_por_pliego = $('#lp_' + tipo_lp + '_paginasPliego').val()
+
+                linea_data.rotativa_metros_libro = $('#lp_' + tipo_lp + '_metrosPapelLibro').val()
+                linea_data.rotativa_metros_total = $('#lp_' + tipo_lp + '_metrosPapelTotal').val()
+                linea_data.rotativa_clicks_libro = $('#lp_' + tipo_lp + '_clicksLibro').val()
+                linea_data.rotativa_peso_gotas_negro = $('#lp_' + tipo_lp + '_gTintaNegro').val()
+                linea_data.rotativa_peso_gotas_cyan = $('#lp_' + tipo_lp + '_gTintaCyan').val()
+                linea_data.rotativa_peso_gotas_magenta = $('#lp_' + tipo_lp + '_gTintaMagenta').val()
+                linea_data.rotativa_peso_gotas_amarillo = $('#lp_' + tipo_lp + '_gTintaAmarillo').val()
+                linea_data.rotativa_clicks_total = $('#lp_' + tipo_lp + '_clicksPedido').val()
+                linea_data.precio_click_pedido = $('#lp_' + tipo_lp + '_totalClicksPedido').val()
+                linea_data.rotativa_precio_tinta = $('#lp_' + tipo_lp + '_totalTinta').val()
+                linea_data.rotativa_total_corte = $('#lp_' + tipo_lp + '_totalCorte').val()
+                linea_data.rotativa_total_impresion = $('#lp_' + tipo_lp + '_totalImpresion').val()
+            
+                linea_data.rotativa_velocidad_corte = $('#lp_' + tipo_lp + '_velocidadCorte').val()
+                linea_data.rotativa_precio_hora_corte = $('#lp_' + tipo_lp + '_precioHoraCorte').val()
+                linea_data.rotativa_tiempo_corte = $('#lp_' + tipo_lp + '_tiempoCorte').val()
+                linea_data.rotativa_peso_gotas_negro_pedido = $('#lp_' + tipo_lp + '_gTintaNegroPed').val()
+                linea_data.rotativa_peso_gotas_cyan_pedido = $('#lp_' + tipo_lp + '_gTintaCyanPed').val()
+                linea_data.rotativa_peso_gotas_magenta_pedido = $('#lp_' + tipo_lp + '_gTintaMagentaPed').val()
+                linea_data.rotativa_peso_gotas_amarillo_pedido = $('#lp_' + tipo_lp + '_gTintaAmarilloPed').val()
+
+            }
+            data.push(linea_data)
+        }
+        else{
+            data.push({
+                presupuesto_id: presupuesto_id,
+                tipo: tipo_lp,
+                isActiva: 0,
+            })
+        }
+    })
+
+    await $.ajax({
+        type: 'post',
+        url: '<?= route_to("updateDataOfCosidotapablanda") ?>',
+        
+        data: {
+            tipo: 'lineasPresupuesto',
+            datos:   data,
+            presupuesto_id: presupuesto_id,
+            <?= csrf_token() ?? "token" ?>: <?= csrf_token() ?>v
+        },
+        dataType: 'json',
+        success:function(response){
+         
+            token=response.<?= csrf_token() ?>;
+            yeniden(token);
+        }
+    }).fail(function (jqXHR, textStatus, error) {
+        // Handle error here
+        console.log(jqXHR)
+    });
+}
+
+
+
+<?= $this->endSection() ?>
\ No newline at end of file
diff --git a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_previewItems.php b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_previewItems.php
new file mode 100644
index 00000000..10ab1d66
--- /dev/null
+++ b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_previewItems.php
@@ -0,0 +1,381 @@
+<div class="accordion mt-3" id="accordionPreview">
+    <div class="card accordion-item active">
+        <h2 class="accordion-header" id="headingOne">
+            <button type="button" class="accordion-button" data-bs-toggle="collapse"
+                    data-bs-target="#accordionPreviewTip" aria-expanded="false"
+                    aria-controls="accordionPreviewTip">
+                <h4><?= lang("Presupuestos.preview") ?></h4>
+            </button>
+        </h2>
+
+        <div id="accordionPreviewTip" class="accordion-collapse collapse show"
+             data-bs-parent="#accordionPreview">
+            <div class="accordion-body">
+                <div class="nav-align-top mb-4">
+                    <ul class="nav nav-pills mb-3" role="tablist">
+                        <li id="tab-preview-maquina" class="nav-item">
+                            <button
+                                    type="button"
+                                    class="nav-link active"
+                                    role="tab"
+                                    data-bs-toggle="tab"
+                                    data-bs-target="#preview-maquina"
+                                    aria-controls="preview-maquina"
+                                    aria-selected="true">
+                                <?= lang("Presupuestos.previewMaquina") ?>
+                            </button>
+                        </li>
+                        <li id="tab-preview-cubierta" class="nav-item">
+                            <button
+                                    type="button"
+                                    class="nav-link"
+                                    role="tab"
+                                    data-bs-toggle="tab"
+                                    data-bs-target="#preview-cubierta"
+                                    aria-controls="preview-cubierta"
+                                    aria-selected="false">
+                                <?= lang("Presupuestos.previewCubierta") ?>
+                            </button>
+                        </li>
+                        <li id="tab-preview-portada" class="nav-item">
+                            <button
+                                    type="button"
+                                    class="nav-link"
+                                    role="tab"
+                                    data-bs-toggle="tab"
+                                    data-bs-target="#preview-portada"
+                                    aria-controls="preview-portada"
+                                    aria-selected="false">
+                                <?= lang("Presupuestos.previewPortada") ?>
+                            </button>
+                        </li>
+
+                    </ul>
+
+                    <div class="tab-content">
+                        <div class="tab-pane fade show active" id="preview-maquina" role="tabpanel">
+                            <div class="row">
+                                <div class="col-3">
+                                    <div class="p-4 mb-3 pb-3" >
+                                        <!-- Configuraciones -->
+                                        <h6>Configuración del papel: Rotativa</h6>
+                                        <div class="row g-3 mb-3">
+                                            <div class="col-12">
+                                                <a href="#">
+                                                    <div class="d-grid">
+                                                        <button type="button" class="btn btn-label-primary">Papel
+                                                            generico
+                                                        </button>
+                                                    </div>
+                                                </a>
+                                            </div>
+                                            <div class="col-12">
+                                                <a href="#">
+                                                    <div class="d-grid">
+                                                        <button type="button" class="btn btn-label-primary">Papel de
+                                                            compra
+                                                        </button>
+                                                    </div>
+                                                </a>
+                                            </div>
+                                            <div class="col-12">
+                                                <a href="#">
+                                                    <div class="d-grid">
+                                                        <button type="button" class="btn btn-label-primary">Máquina
+                                                        </button>
+                                                    </div>
+                                                </a>
+                                            </div>
+                                        </div>
+
+                                        <hr class="mx-n4"/>
+
+                                        <!-- Detalles del presupuesto -->
+                                        <h6>Detalles del trabajo</h6>
+                                        <dl class="row mb-0">
+                                            <dt class="col-6 fw-normal">Gramaje:</dt>
+                                            <dd class="col-6 text-left">TBD</dd>
+
+                                            <dt class="col-sm-6 fw-normal">Mano:</dt>
+                                            <dd class="col-sm-6 text-success text-left">TBD</dd>
+
+                                            <dt class="col-6 fw-normal">Máquina:</dt>
+                                            <dd class="col-6 text-left">TBDxTBD</dd>
+
+                                            <dt class="col-6 fw-normal">Máquina impresión:</dt>
+                                            <dd class="col-6 text-left">TBDxTBD</dd>
+
+                                            <dt class="col-6 fw-normal">Libro:</dt>
+                                            <dd class="col-6 text-left">TBDxTBD</dd>
+
+                                            <dt class="col-6 fw-normal">Formas:</dt>
+                                            <dd class="col-6 text-left">TBD</dd>
+                                        </dl>
+                                    </div>
+                                </div>
+
+                                <div class="col-9">
+                                    <div class="p-4 mb-3 pb-3">
+                                        <!-- Configuraciones -->
+                                        <h6>Posición de formas</h6>
+
+                                        <div id="shape-container">
+                                            <div id="draw-maquina" class="draw-shapes"></div>
+                                        </div>
+
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+
+                        <div class="tab-pane fade" id="preview-cubierta" role="tabpanel">
+                            <div class="row">
+                                <div class="col-3">
+                                    <div class="p-4 mb-3 pb-3" >
+                                        <!-- Configuraciones -->
+                                        <h6>Configuración del papel: Cubierta</h6>
+                                        <div class="row g-3 mb-3">
+                                            <div class="col-12">
+                                                <a href="#">
+                                                    <div class="d-grid">
+                                                        <button type="button" class="btn btn-label-primary">Papel
+                                                            generico
+                                                        </button>
+                                                    </div>
+                                                </a>
+                                            </div>
+                                            <div class="col-12">
+                                                <a href="#">
+                                                    <div class="d-grid">
+                                                        <button type="button" class="btn btn-label-primary">Papel de
+                                                            compra
+                                                        </button>
+                                                    </div>
+                                                </a>
+                                            </div>
+                                            <div class="col-12">
+                                                <a href="#">
+                                                    <div class="d-grid">
+                                                        <button type="button" class="btn btn-label-primary">Máquina
+                                                        </button>
+                                                    </div>
+                                                </a>
+                                            </div>
+                                        </div>
+
+                                        <hr class="mx-n4"/>
+
+                                        <!-- Detalles del presupuesto -->
+                                        <h6>Detalles del trabajo</h6>
+                                        <dl class="row mb-0">
+                                            <dt class="col-6 fw-normal">Gramaje:</dt>
+                                            <dd class="col-6 text-left">TBD</dd>
+
+                                            <dt class="col-sm-6 fw-normal">Mano:</dt>
+                                            <dd class="col-sm-6 text-success text-left">TBD</dd>
+
+                                            <dt class="col-6 fw-normal">Máquina:</dt>
+                                            <dd class="col-6 text-left">TBDxTBD</dd>
+
+                                            <dt class="col-6 fw-normal">Máquina impresión:</dt>
+                                            <dd class="col-6 text-left">TBDxTBD</dd>
+
+                                            <dt class="col-6 fw-normal">Libro:</dt>
+                                            <dd class="col-6 text-left">TBDxTBD</dd>
+
+                                            <dt class="col-6 fw-normal">Formas:</dt>
+                                            <dd class="col-6 text-left">TBD</dd>
+                                        </dl>
+                                    </div>
+                                </div>
+
+                                <div class="col-9">
+                                    <div class="p-4 mb-3 pb-3">
+                                        <!-- Configuraciones -->
+                                        <h6>Posición de formas</h6>
+
+                                        <div id="shape-container" >
+                                            <div id="draw-cubierta" class="draw-shapes"></div>
+                                        </div>
+
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="tab-pane fade" id="preview-portada" role="tabpanel">
+                            <div class="row">
+                                <div class="col-3">
+                                    <div class="p-4 mb-3 pb-3" >
+                                        <!-- Configuraciones -->
+                                        <h6>Configuración de portada</h6>
+                                        <div class="row g-3 mb-3">
+                                            <div class="col-12">
+                                                <a href="#">
+                                                    <div class="d-grid">
+                                                        <button type="button" class="btn btn-label-primary">Papel
+                                                            generico
+                                                        </button>
+                                                    </div>
+                                                </a>
+                                            </div>
+                                            <div class="col-12">
+                                                <a href="#">
+                                                    <div class="d-grid">
+                                                        <button type="button" class="btn btn-label-primary">Papel de
+                                                            compra
+                                                        </button>
+                                                    </div>
+                                                </a>
+                                            </div>
+                                            <div class="col-12">
+                                                <a href="#">
+                                                    <div class="d-grid">
+                                                        <button type="button" class="btn btn-label-primary">Máquina
+                                                        </button>
+                                                    </div>
+                                                </a>
+                                            </div>
+                                        </div>
+
+                                        <hr class="mx-n4"/>
+
+                                        <!-- Detalles del presupuesto -->
+                                        <h6>Detalles del trabajo</h6>
+                                        <dl class="row mb-0">
+                                            <dt class="col-6 fw-normal">Libro:</dt>
+                                            <dd id='prevLibro' class="col-6 text-left">TBDxTBD</dd>
+
+                                            <dt class="col-6 fw-normal">Lomo:</dt>
+                                            <dd id='prevLomo' class="col-6 text-left">TBD</dd>
+
+                                            <dt class="col-6 fw-normal">Solapas:</dt>
+                                            <dd id='prevSolapas' class="col-6 text-left">TBD</dd>
+                                        </dl>
+                                    </div>
+                                </div>
+                                <div class="col-9">
+                                    <div class="p-4 mb-3 pb-3">
+                                        <!-- Configuraciones -->
+                                        <h6>Posición de formas</h6>
+
+                                        <div id="shape-container">
+                                            <div id="draw-portada" class="draw-shapes"></div>
+                                        </div>
+
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                    </div>
+
+                </div>
+            </div>
+        </div> <!-- //.accordion-body -->
+    </div> <!-- //.accordion-collapse -->
+</div> <!-- //.accordion-item -->
+</div> <!-- //.accordion -->
+<!------------------------------------------------------->
+<!-- Código JS comportamiento ?????. -->
+<!------------------------------------------------------->
+<?= $this->section("additionalInlineJs") ?>
+
+    $('#tab-preview-cubierta').on( "click", function() {
+
+    var cubiertaObjeto = {
+            anchoMaquina: 487,
+            altoMaquina: 330,
+            anchoImpresion: 475,
+            altoImpresion: 310,
+            anchoLibro:170,
+            altoLibro:240,
+            solapas:45,
+            lomo:25};
+
+        previewCubierta(cubiertaObjeto);
+
+    } );
+
+    $('#tab-preview-portada').on( "click", function() {
+
+        var portadaObjeto = {
+            anchoLibro:170,
+            altoLibro:240,
+            solapas:45,
+            lomo:25};
+
+        previewPortada(portadaObjeto);
+
+    } );
+
+    var elem = document.getElementById('draw-maquina');
+    var twoMaquina = new Two({fitted: true}).appendTo(elem);
+
+    var origin = new Two.Vector(twoMaquina.width/2, twoMaquina.height/2);
+
+    var sizeX = 148;
+    var sizeY = 98;
+
+    var AIx =  355;
+    var AIy =  250;
+
+    var styles = {
+        size: 14,
+        family: 'Lato'
+    };
+
+    //var texts = [];
+
+    var areaMaquina = twoMaquina.makeRectangle(origin.x, origin.y, 360, 255);
+    areaMaquina.stroke = 'black';
+    areaMaquina.linewidth = 1;
+
+    var areaImpresion = twoMaquina.makeRectangle(origin.x, origin.y, AIx, AIy);
+    areaImpresion.stroke = 'red';
+    areaImpresion.linewidth = 1;
+
+
+    var forma1 = twoMaquina.makeRectangle(origin.x - (AIx/4), origin.y - (AIy/4), sizeX, sizeY);
+    forma1.stroke = 'blue';
+    forma1.fill = 'blue';
+    forma1.linewidth = 1;
+
+    var forma2 = twoMaquina.makeRectangle(origin.x + (AIx/4), origin.y - (AIy/4), sizeX, sizeY);
+    forma2.stroke = 'grey';
+    forma2.fill = 'grey';
+    forma2.linewidth = 1;
+
+    var forma3 = twoMaquina.makeRectangle(origin.x - (AIx/4), origin.y + (AIy/4), sizeX, sizeY);
+    forma3.stroke = 'blue';
+    forma3.fill = 'blue';
+    forma3.linewidth = 1;
+
+    var forma4 = twoMaquina.makeRectangle(origin.x + (AIx/4), origin.y + (AIy/4), sizeX, sizeY);
+    forma4.stroke = 'grey';
+    forma4.fill = 'grey';
+    forma4.linewidth = 1;
+
+    var arrowX = twoMaquina.makeArrow(origin.x -200, origin.y, origin.x+200, origin.y, 0);
+    arrowX.stroke = 'green';
+    arrowX.dashes = [5, 5];
+    arrowX.linewidth = 1;
+
+    var arrowY = twoMaquina.makeArrow(origin.x, origin.y-200, origin.x, origin.y+200, 0);
+    arrowY.stroke = 'pink';
+    arrowY.dashes = [5, 5];
+    arrowY.linewidth = 2;
+
+
+    //group = twoMaquina.makeGroup(areaMaquina, areaImpresion, ...texts);
+
+    //group.position.set(twoMaquina.width / 2, twoMaquina.height / 2);
+    //group.center();
+
+    twoMaquina.update();
+
+
+<?= $this->endSection() ?>
+
+
diff --git a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_resumenPresupuestoItems.php b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_resumenPresupuestoItems.php
new file mode 100644
index 00000000..16f88389
--- /dev/null
+++ b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_resumenPresupuestoItems.php
@@ -0,0 +1,81 @@
+<div class="accordion mt-3 col-xl-6" id="accordionResumen">
+    <div class="card accordion-item active">
+        <h2 class="accordion-header" id="headingOne">
+            <button type="button" class="accordion-button" data-bs-toggle="collapse"
+                    data-bs-target="#accordionResumenTip" aria-expanded="false"
+                    aria-controls="accordionResumenTip">
+                <h4><?= lang("Presupuestos.resumen") ?></h4>
+            </button>
+        </h2>
+
+        <div id="accordionResumenTip" class="accordion-collapse collapse show"
+             data-bs-parent="#accordionResumen">
+            <div class="accordion-body">
+
+                <div class="col-xl-12">
+                    <div class="border rounded p-4 mb-3 pb-3">
+
+                        <!-- Price Details -->
+                        <h6>Detalles del presupuesto</h6>
+                        <dl class="row mb-0">
+                            <dt class="col-6 fw-normal text-end">Coste papel</dt>
+                            <dd class="col-6 text-end">NaN €</dd>
+                            <dt class="col-6 fw-normal text-end">Margen papel</dt>
+                            <dd class="col-6 text-end">NaN €</dd>
+
+                            <dt class="col-6 fw-normal text-end">Coste impresión</dt>
+                            <dd class="col-6 text-end">NaN €</dd>
+                            <dt class="col-6 fw-normal text-end">Margen impresión</dt>
+                            <dd class="col-6 text-end">NaN €</dd>
+
+                            <dt class="col-6 fw-normal text-end">Coste servicios</dt>
+                            <dd class="col-6 text-end">NaN €</dd>
+                            <dt class="col-6 fw-normal text-end">Margen servicios</dt>
+                            <dd class="col-6 text-end">NaN €</dd>
+
+                            <dt class="col-6 fw-normal text-end">Costes</dt>
+                            <dd class="col-6 text-end">NaN €</dd>
+                            <dt class="col-6 fw-normal text-end">Margen</dt>
+                            <dd class="col-6 text-end">NaN €</dd>
+
+                            <dt class="col-6 fw-normal text-end">Descuento</dt>
+                            <dd class="col-6 text-end">NaN €</dd>
+
+                            <dt class="col-6 fw-normal text-end">Precio unidad</dt>
+                            <dd class="col-6 text-end">NaN €</dd>
+                            <dt class="col-6 fw-normal text-end">Coste de envío</dt>
+                            <dd class="col-6 text-end">NaN €</dd>
+
+                        </dl>
+
+                        <hr class="mx-n4">
+
+                        <dl class="row mb-0">
+                            <dt class="col-6 fw-normal text-end">Total impresión</dt>
+                            <dd class="col-6 text-end">NaN €</dd>
+                            <dt class="col-6 text-end">Total presupuesto</dt>
+                            <dd class="col-6 fw-semibold text-end mb-0">NaN €</dd>
+                        </dl>
+                    </div>
+                    <div class="d-grid float-end mb-4">
+                        <div class="form-check form-switch mb-2">
+                            <input class="form-check-input" type="checkbox" id="confirmar_presupuesto" name="solapas" value="1" <?= $presupuestoEntity->confirmarPresupuesto == true ? 'checked' : ''; ?>>
+                            <label class="form-check-label" for="papelFormatoPersonalizado"><?= lang('Presupuestos.confirmar') ?></label>
+                        </div>
+                    </div>
+                </div>
+
+
+            </div> <!-- //.accordion-body -->
+        </div> <!-- //.accordion-collapse -->
+    </div> <!-- //.accordion-item -->
+</div> <!-- //.accordion -->
+<!------------------------------------------------------->
+<!-- Código JS comportamiento ?????. -->
+<!------------------------------------------------------->
+<?= $this->section("additionalInlineJs") ?>
+
+
+<?= $this->endSection() ?>
+
+
diff --git a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/comparador.js b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/comparador.js
index c91da748..68e3b497 100644
--- a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/comparador.js
+++ b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/comparador.js
@@ -1,6 +1,85 @@
 /*******************************
  * Eventos asociados a elementos HTML
  *******************************/
+$('#compPaginasNegro').on("change", function () {
+    var negro = parseInt(document.getElementById('compPaginasNegro').value);
+    const paginas = parseInt(document.getElementById('paginas').value);
+    if (paginas < negro) {
+        document.getElementById('compPaginasNegro').value = paginas;
+        negro = paginas;
+    }
+    var color = parseInt(document.getElementById('compPaginasColor').value);
+    if ($('#tipoImpresion').select2('data')[0].id == 'color') {
+
+        var newValue = paginas - negro;
+        if (newValue != color) {
+            document.getElementById('compPaginasColor').value = newValue >= 0 ? newValue : 0;
+            $('#compPaginasColor').change();
+        }
+
+    }
+});
+
+$('#compPaginasColor').on("change", function () {
+    const paginas = parseInt(document.getElementById('paginas').value);
+    var color = parseInt(document.getElementById('compPaginasColor').value);
+    var negro = parseInt(document.getElementById('compPaginasNegro').value);
+
+    if (paginas < color) {
+        document.getElementById('compPaginasColor').value = paginas;
+        color = paginas
+    }
+    var newValue = paginas - color;
+    if (newValue != negro) {
+        document.getElementById('compPaginasNegro').value = newValue >= 0 ? newValue : 0;
+        $('#compPaginasNegro').change();
+    }
+});
+
+$('#compPaginasNegrohq').on("change", function () {
+    if (document.getElementById('paginas').value < document.getElementById('compPaginasNegrohq').value) {
+        document.getElementById('compPaginasNegrohq').value = document.getElementById('paginas').value;
+    }
+
+    if ($('#tipoImpresion').select2('data')[0].id == 'color') {
+        if (document.getElementById('compPaginasNegrohq').value + document.getElementById('compPaginasColorhq').value > document.getElementById('paginas').value) {
+            var newValue = document.getElementById('paginas').value - document.getElementById('compPaginasNegrohq').value;
+            document.getElementById('compPaginasColorhq').value = newValue >= 0 ? newValue : 0;
+        }
+    }
+});
+
+$('#compPaginasColorhq').on("change", function () {
+    const paginas = parseInt(document.getElementById('paginas').value);
+    var color = parseInt(document.getElementById('compPaginasColorhq').value);
+    var negro = parseInt(document.getElementById('compPaginasNegrohq').value);
+
+    if (paginas < color) {
+        document.getElementById('compPaginasColorhq').value = paginas;
+        color = paginas
+    }
+    var newValue = paginas - color;
+    if (newValue != negro) {
+        document.getElementById('compPaginasNegrohq').value = newValue >= 0 ? newValue : 0;
+        $('#compPaginasNegrohq').change();
+    }
+});
+
+$('#paginas').on("change", function () {
+    // Si es negro o color
+    if ($('#tipoImpresion').select2('data')[0].id == 'negro' ||
+        $('#tipoImpresion').select2('data')[0].id == 'color') {
+        document.getElementById('compPaginasNegro').value = document.getElementById('paginas').value;
+        document.getElementById('compPaginasColor').value = 0;
+    }
+    // Si es negrohq o colorhq
+    if ($('#tipoImpresion').select2('data')[0].id == 'negrohq' ||
+        $('#tipoImpresion').select2('data')[0].id == 'colorhq') {
+        document.getElementById('compPaginasNegrohq').value = document.getElementById('paginas').value;
+        document.getElementById('compPaginasColorhq').value = 0;
+    }
+});
+
 $("#solapas").on("click", function () {
     var e = document.getElementById('div_solapas_ancho');
     if (document.getElementById('solapas').checked) {
@@ -11,22 +90,18 @@ $("#solapas").on("click", function () {
     }
 });
 
-$('#tipoImpresion').on("change", function () {
-    updatePapelesComparador();
-});
 
-$('#tipoImpresion').on("change", function () {
-    updatePapelesComparador();
-});
 
 $('#compRetractilado').on("change", function () {
     checkRetractiladoComparador(this);
 });
 
+
 $('#compRetractilado5').on("change", function () {
     checkRetractiladoComparador(this);
 });
 
+
 $('#imagenesBnInterior').on("change", function () {
     var e = document.getElementById('tipoImpresion');
     var optionToHide = e.querySelector("option[value='negro']");
@@ -44,6 +119,7 @@ $('#imagenesBnInterior').on("change", function () {
     $('#tipoImpresion').select2();
 });
 
+
 $('#compPosPaginasColor').on("keyup", function () {
     computarPaginasColor(this.value);
 });
@@ -52,25 +128,95 @@ $('#compPosPaginasColor').on("keyup", function () {
 // Este evento recoloca los headers de las tablas cuando se pulsa el 
 // boton del acordeon
 $('.accordion-button').on('click', function (e) {
-    $.fn.dataTable.tables({ visible: true, api: true }).columns.adjust();
+    
+    if(e.target.id.includes("plana")){
+        $("#tableCompIntPlana").DataTable().columns.adjust();
+    }
+    else if(e.target.id.includes("rotativa")){
+        $("#tableCompIntRotativa").DataTable().columns.adjust();
+    }
+    else if(e.target.id.includes("cubierta")){
+        $("#tableCompCubierta").DataTable().columns.adjust();
+    }
+    else if(e.target.id.includes("LineasPresupuesto")){
+        $("#tableLineasPresupuesto").DataTable().columns.adjust();
+    }
+    
+    
 });
 
 
 
 
-
 /*******************************
  * Metodos
  *******************************/
-function init_comparador() {
-    updatePapelesComparador();
-    const paginasColor = document.getElementById('compCalPaginasColor');
-    if (paginasColor.value.length > 0) {
-        computarPaginasColor(paginasColor.value);
-    }
+function getRowFromLineaInt(tipo, linea) {
 
+    return {
+        'tipo': tipo,
+        'paginas': linea.fields.paginas,
+        'papel': linea.fields.papel_generico,
+        'gramaje': linea.fields.gramaje,
+        'marca': linea.fields.papel_impresion,
+        'maquina': linea.fields.maquina,
+        'numeroPliegos': isNaN(parseFloat(linea.fields.pliegos_libro)) ? "" : parseFloat(linea.fields.pliegos_libro).toFixed(2),
+        'pliegosPedido': isNaN(parseFloat(linea.fields.pliegos_pedido)) ? "" : parseFloat(linea.fields.pliegos_pedido).toFixed(2),
+        'precioPliego': isNaN(parseFloat(linea.fields.precios_pliegos)) ? "" : parseFloat(linea.fields.precios_pliegos).toFixed(6),
+        'libro': isNaN(parseFloat(linea.fields.precio_libro)) ? "" : parseFloat(linea.fields.precio_libro).toFixed(2),
+        'totalPapelPedido': isNaN(parseFloat(linea.fields.precio_pedido)) ? "" : parseFloat(linea.fields.precio_pedido).toFixed(2),
+        'lomo': isNaN(parseFloat(linea.fields.mano)) ? "" : parseFloat(linea.fields.mano).toFixed(2),
+        'peso': isNaN(parseFloat(linea.fields.peso)) ? "" : parseFloat(linea.fields.peso).toFixed(2),
+        'click': isNaN(parseFloat(linea.fields.precio_click)) ? "" : parseFloat(linea.fields.precio_click).toFixed(6),
+        'totalClicks': isNaN(parseFloat(linea.fields.precio_click_pedido)) ? "" : parseFloat(linea.fields.precio_click_pedido).toFixed(2),
+        'total': isNaN(parseFloat(linea.fields.precio_pedido) + parseFloat(linea.fields.precio_click_pedido)) ?
+            "" : (parseFloat(linea.fields.precio_pedido) + parseFloat(linea.fields.precio_click_pedido)).toFixed(2),
+        'maquinaId': linea.fields.maquina_id,
+        'maquinaVelocidad': linea.fields.maquina_velocidad,
+        'tiempoMaquina': linea.fields.tiempo_maquina,
+        'papelGenericoId': linea.fields.papel_generico_id,
+        'papelImpresionId': linea.fields.papel_impresion_id,
+        'tarifa_impresion_id': linea.fields.tarifa_impresion_id,
+    }
 }
 
+function getRowFromLineaRot(linea) {
+
+    return {
+        'tipo': 'rotativa',
+        'paginas': linea.fields.paginas,
+        'papel': linea.fields.papel_generico,
+        'gramaje': linea.fields.gramaje,
+        'marca': linea.fields.papel_impresion,
+        'aFavorFibra':linea.fields.a_favor_fibra==1?'si':'no',
+        'maquina': linea.fields.maquina,
+        'numeroPliegos': isNaN(parseFloat(linea.fields.pliegos_libro)) ? "" : parseFloat(linea.fields.pliegos_libro).toFixed(2),
+        'pliegosPedido': isNaN(parseFloat(linea.fields.pliegos_pedido)) ? "" : parseFloat(linea.fields.pliegos_pedido).toFixed(2),
+        'precioPliego': isNaN(parseFloat(linea.fields.precios_pliegos)) ? "" : parseFloat(linea.fields.precios_pliegos).toFixed(6),
+        'libro': isNaN(parseFloat(linea.fields.precio_libro)) ? "" : parseFloat(linea.fields.precio_libro).toFixed(2),
+        'totalPapelPedido': isNaN(parseFloat(linea.fields.precio_pedido)) ? "" : parseFloat(linea.fields.precio_pedido).toFixed(2),
+        'lomo': isNaN(parseFloat(linea.fields.mano)) ? "" : parseFloat(linea.fields.mano).toFixed(2),
+        'peso': isNaN(parseFloat(linea.fields.peso)) ? "" : parseFloat(linea.fields.peso).toFixed(2),
+        'click': isNaN(parseFloat(linea.fields.precio_click)) ? "" : parseFloat(linea.fields.precio_click).toFixed(6),
+        'totalClicks': isNaN(parseFloat(linea.fields.precio_click_pedido)) ? "" : parseFloat(linea.fields.precio_click_pedido).toFixed(2),
+        'precioPagNegro': isNaN(parseFloat(linea.fields.precio_pagina_negro)) ? "" : parseFloat(linea.fields.precio_pagina_negro).toFixed(6),
+        'precioPagColor': isNaN(parseFloat(linea.fields.precio_pagina_color)) ? "" : parseFloat(linea.fields.precio_pagina_color).toFixed(6),
+        'totalTinta':isNaN(parseFloat(linea.fields.precio_tinta)) ? "" : parseFloat(linea.fields.precio_tinta).toFixed(2),
+        'totalCorte':isNaN(parseFloat(linea.fields.total_corte)) ? "" : parseFloat(linea.fields.total_corte).toFixed(2),
+        'total': isNaN(parseFloat(linea.fields.total_impresion)) ? "" : (parseFloat(linea.fields.total_impresion)).toFixed(2),
+        'maquinaId': linea.fields.maquina_id,
+        'maquinaVelocidad': linea.fields.maquina_velocidad,
+        'tiempoMaquina': linea.fields.tiempo_maquina,
+        'papelGenericoId': linea.fields.papel_generico_id,
+        'papelImpresionId': linea.fields.papel_impresion_id,
+        'paginasColor': linea.fields.paginas_color,
+        'tarifa_impresion_id': linea.fields.tarifa_impresion_id,
+    }
+}
+
+
+
+
 
 function computarPaginasColor(string) {
 
@@ -100,6 +246,7 @@ function computarPaginasColor(string) {
     autosize.update(calPagesTextarea);
 }
 
+
 function checkRetractiladoComparador(element) {
 
     switch (element.id) {
@@ -145,6 +292,7 @@ function updatePapelesComparador() {
         case "negrohq":
             Array.from(elements_color).forEach(element => {
                 element.style.display = "none";
+
             });
             Array.from(elements_negro).forEach(element => {
                 element.style.display = "none";
@@ -190,8 +338,325 @@ function updatePapelesComparador() {
         default:
             break;
     }
-
-
-
-
 }
+
+
+
+function clearIntLineas(is_color){
+    //$("#tableCompIntPlana").DataTable().rows( '.selected' ).deselect();
+    var tabla = $('#tableCompIntPlana').DataTable();
+    tabla
+        .rows( function ( idx, data, node ) {
+            return data['tipo'].includes(is_color?'color':'bn');
+        } )
+        .remove()
+        .draw();
+    //$('#tableCompIntPlana').DataTable().clear().draw();
+    $('#insertarPlanaBtn').css('display', 'none');
+}
+
+
+function clearCubierta(){
+    
+    $('#tableCompCubierta').DataTable().clear().draw();
+    $('#insertarCubiertaBtn').css('display', 'none');
+}
+
+
+function clearIntRot(){
+    
+    $('#errorComRot').html('');
+    $('#tableCompIntRotativa').DataTable().clear().draw();
+    $('#insertarRotativaBtn').css('display', 'none');
+}
+ 
+
+function selectIntLineas(){
+    var negro_selected = false;
+    var color_selected = false;
+    $("#tableCompIntPlana").DataTable().rows( '.selected' ).deselect();
+    $("#tableCompIntPlana").DataTable().rows().every( function ( rowIdx, tableLoop, rowLoop ) {
+        if( !negro_selected && $('#tableCompIntPlana').DataTable().cell(rowIdx, 0).data().includes('bn') ){
+            $("#tableCompIntPlana").DataTable().row( rowIdx ).nodes().to$().toggleClass( 'selected' );
+            negro_selected = true;
+        }
+        if( !color_selected && $('#tableCompIntPlana').DataTable().cell(rowIdx, 0).data().includes('color') ){
+            $("#tableCompIntPlana").DataTable().row( rowIdx ).nodes().to$().toggleClass( 'selected' );
+            color_selected = true;
+        }
+    });
+
+    var table = $("#tableCompIntPlana").DataTable();
+    var rows = table.rows( '.selected'  ).indexes();
+    var data = table.rows( rows ).data();
+
+    var value_total = 0.00;
+    
+    for (let i = 0; i < data.length ; i++) { 
+    
+        value_total += parseFloat(data[i]['total'])
+    }
+    
+    $('#total_comp_plana').html(value_total.toFixed(2));
+}
+
+function selectIntRotLineas(){
+
+    $("#tableCompIntRotativa").DataTable().rows( '.selected' ).deselect();
+    
+    let value_total = 0.00;
+
+    if($("#tableCompIntRotativa").DataTable().rows().count()>0) {
+        
+        $("#tableCompIntRotativa").DataTable().row( 0 ).nodes().to$().toggleClass( 'selected' );       
+        value_total = parseFloat($("#tableCompIntRotativa").DataTable().rows( 0 ).data()[0]['total'])
+    };
+
+    
+    $('#total_comp_rot').html(value_total.toFixed(2));
+}
+
+function selectCubiertaLineas(){
+    
+    $("#tableCompCubierta").DataTable().rows( '.selected' ).deselect();
+    
+    let value_total = 0.00;
+
+    if($("#tableCompCubierta").DataTable().rows().count()>0) {
+        
+        $("#tableCompCubierta").DataTable().row( 0 ).nodes().to$().toggleClass( 'selected' );       
+        value_total = parseFloat($("#tableCompCubierta").DataTable().rows( 0 ).data()[0]['total'])
+    };
+
+    
+    $('#total_comp_cubierta').html(value_total.toFixed(2));
+}
+
+function getIDsComparador(is_color, is_hq){
+    
+    if(!is_color){
+        if(is_hq){
+            var papel = '#compPapelNegrohq';
+            var gramaje = '#compGramajeNegrohq';
+            var paginas = '#compPaginasNegrohq';
+        }
+        else{
+            var papel = '#compPapelNegro';
+            var gramaje = '#compGramajeNegro';
+            var paginas = '#compPaginasNegro';
+        }
+    }
+    else{
+        if(is_hq){
+            var papel = '#compPapelColorhq';
+            var gramaje = '#compGramajeColorhq';
+            var paginas = '#compPaginasColorhq';
+        }
+        else{
+            var papel = '#compPapelColor';
+            var gramaje = '#compGramajeColor';
+            var paginas = '#compPaginasColor';
+        }
+    }
+    return{
+        papel: papel,
+        gramaje: gramaje,
+        paginas: paginas,
+    }
+}
+
+function getDimensionLibro(){
+    var ancho = 0;
+    var alto = 0;
+    
+
+    if($('#papelFormatoId').select2('data').length > 0){
+        if($('#papelFormatoId').select2('data')[0].id.length > 0){
+            ancho = parseFloat($('#papelFormatoId').select2('data')[0].text.trim().split(" x ")[0]);
+            alto = parseFloat($('#papelFormatoId').select2('data')[0].text.trim().split(" x ")[1]);
+        }
+        else if(document.getElementById('papelFormatoPersonalizado').checked){
+            ancho = parseFloat(document.getElementById('papelFormatoAncho').value);
+            alto = parseFloat(document.getElementById('papelFormatoAlto').value);
+        }
+    }
+    
+    else if(document.getElementById('papelFormatoPersonalizado').checked){
+        ancho = parseFloat(document.getElementById('papelFormatoAncho').value);
+        alto = parseFloat(document.getElementById('papelFormatoAlto').value);
+    }
+    return {
+        ancho: ancho,
+        alto: alto
+    }
+}
+
+function checkInputsForRotativa(){
+
+    // Si es color, el gramaje y el papel tiene que ser el mismo
+    try{
+    
+        if ($('#tipoImpresion').select2('data')[0].id == 'color') {
+            if($('#compPapelNegro').select2('data')[0].id == $('#compPapelColor').select2('data')[0].id &&
+            $('#compGramajeNegro').select2('data')[0].text.trim() == $('#compGramajeColor').select2('data')[0].text.trim() ){
+
+                return true;
+            }
+        }
+        else if ($('#tipoImpresion').select2('data')[0].id == 'negro') {
+            if($('#compPapelNegro').select2('data')[0].id.length>0 && 
+                $('#compGramajeNegro').select2('data')[0].text.length>0){
+                    return true;
+                }
+        }
+
+        
+    }
+    catch(error){
+
+        return false;
+    }
+    
+    return false;
+}
+
+
+function fillIntPlana(data, is_color, is_hq){
+    let sorted = data.lineas.sort(
+        (p1, p2) => ((p1.fields.precio_pedido+p1.fields.precio_click_pedido) < (p2.fields.precio_pedido+p2.fields.precio_click_pedido)) ?
+            -1 : ((p1.fields.precio_pedido+p1.fields.precio_click_pedido) > (p2.fields.precio_pedido+p2.fields.precio_click_pedido)) ? 1 : 0);
+    sorted.forEach(function(linea) {
+        if(typeof linea.error == "undefined")
+        $('#tableCompIntPlana').DataTable().row
+                .add(getRowFromLineaInt(is_color?(is_hq?'colorhq':'color'):(is_hq?'bnhq':'bn'), linea))
+                .draw()
+        })
+}
+
+function fillIntRot(data){
+    let sorted = data.lineas.sort(
+        (p1, p2) => ((p1.fields.precio_pedido+p1.fields.precio_click_pedido) < (p2.fields.precio_pedido+p2.fields.precio_click_pedido)) ?
+            -1 : ((p1.fields.precio_pedido+p1.fields.precio_click_pedido) > (p2.fields.precio_pedido+p2.fields.precio_click_pedido)) ? 1 : 0);
+    sorted.forEach(function(linea) {
+        if(typeof linea.error == "undefined"){
+            $('#tableCompIntRotativa').DataTable().row
+                    .add(getRowFromLineaRot(linea))
+                    .draw()
+            }
+        })
+}
+
+function fillCubierta(data, is_color, is_hq){
+    
+    let sorted = data.lineas.sort(
+        (p1, p2) => ((p1.fields.precio_pedido+p1.fields.precio_click_pedido) < (p2.fields.precio_pedido+p2.fields.precio_click_pedido)) ?
+            -1 : ((p1.fields.precio_pedido+p1.fields.precio_click_pedido) > (p2.fields.precio_pedido+p2.fields.precio_click_pedido)) ? 1 : 0);
+    sorted.forEach(function(linea) {
+        if(typeof linea.error == "undefined")
+        $('#tableCompCubierta').DataTable().row
+                .add(getRowFromLineaInt('cubierta', linea))
+                .draw()
+        })
+}
+
+function clearCompTable(){
+
+    $('#insertarPlanaBtn').addClass('d-none')
+    $('#insertarRotativaBtn').addClass('d-none')
+    $('#total_comp_plana').html('0.00')
+    $('#total_comp_rot').html('0.00')
+}
+
+function generateCompJSON(){
+    
+    data = {}
+    
+    if( $('#tipoImpresion').select2('data')[0].id == 'negro' ||  $('#tipoImpresion').select2('data')[0].id == 'color')
+    {
+        try{
+            bn_obj = {
+                "bn":{
+                    'paginas': $('#compPaginasNegro').val(),
+                    'papel_id': $('#compPapelNegro').select2('data')[0].id,
+                    'gramaje': $('#compGramajeNegro').select2('data')[0].text.trim(),
+                }
+            }
+        }
+        catch (e){
+            bn_obj = {}
+        }
+        $.extend( data, bn_obj );
+    }
+
+    if( $('#tipoImpresion').select2('data')[0].id == 'negrohq' ||  $('#tipoImpresion').select2('data')[0].id == 'colorhq')
+    {
+        try{
+            bnhq_obj = {
+                "bnhq":{
+                    'paginas': $('#compPaginasNegrohq').val(),
+                    'papel_id': $('#compPapelNegrohq').select2('data')[0].id,
+                    'gramaje': $('#compGramajeNegrohq').select2('data')[0].text.trim(),
+                }
+            }
+        }
+        catch (e){
+            bnhq_obj = {}
+        }
+        $.extend( data, bnhq_obj );
+    }
+    
+    if($('#tipoImpresion').select2('data')[0].id == 'color')
+    {
+        try{
+            color_obj = {
+                "color":{
+                    'paginas': $('#compPaginasColor').val(),
+                    'papel_id': $('#compPapelColor').select2('data')[0].id,
+                    'gramaje': $('#compGramajeColor').select2('data')[0].text.trim(),
+                },
+            }
+        }
+        catch (e){
+            color_obj = {}
+        }
+        $.extend( data, color_obj );
+    
+    }
+
+
+    if($('#tipoImpresion').select2('data')[0].id == 'colorhq')
+    {
+        try{
+            colorhq_obj = {
+                "colorhq":{
+                    'paginas': $('#compPaginasColorhq').val(),
+                    'papel_id': $('#compPapelColorhq').select2('data')[0].id,
+                    'gramaje': $('#compGramajeColorhq').select2('data')[0].text.trim(),
+                },
+            }
+        }
+        catch (e){
+            colorhq_obj = {}
+        }
+        $.extend( data, colorhq_obj );
+    }
+
+
+    try{
+        cubierta_obj = {
+            "cubierta":{
+                'paginas': $('#compCarasCubierta').select2('data')[0].id,
+                'papel_id': $('#compPapelCubierta').select2('data')[0].id,
+                'gramaje': $('#compGramajeCubierta').select2('data')[0].text.trim(),
+            },
+        }
+    }
+    catch (e){
+        cubierta_obj = {}
+    }
+
+    $.extend( data, cubierta_obj );
+
+    data_str = JSON.stringify(data)
+    $('#comparador_json_data').val(data_str)
+}
\ No newline at end of file
diff --git a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/previews.js b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/previews.js
new file mode 100644
index 00000000..2314e9f3
--- /dev/null
+++ b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/previews.js
@@ -0,0 +1,108 @@
+// Global parameters
+var _offsetSolapas = 2;  // millimeters
+
+var styles = {
+    size: 13,
+    family: 'Public Sans',
+}
+
+
+function previewCubierta(cubiertaObj) {
+
+    // Local parameters
+    let fullBookWith = ((2 * cubiertaObj.anchoLibro) + (2 * (cubiertaObj.solapas + _offsetSolapas)) + cubiertaObj.lomo);
+
+    // Clear the canvas element
+    $('#draw-cubierta').empty();
+    // Get the element for placing the graphical elements
+    var divCubierta = document.getElementById('draw-cubierta');
+    var _previewCubierta = new Two({fitted: true}).appendTo(divCubierta);
+    // Calculate the center of the canvas element
+    var origenCubierta = new Two.Vector(_previewCubierta.width / 2, _previewCubierta.height / 2);
+
+    var areaMaquinaCubierta = _previewCubierta.makeRectangle(
+        origenCubierta.x,
+        origenCubierta.y,
+        cubiertaObj.anchoMaquina,
+        cubiertaObj.altoMaquina);
+    areaMaquinaCubierta.stroke = 'black';
+    areaMaquinaCubierta.linewidth = 1;
+
+    var areaImpresionCubierta = _previewCubierta.makeRectangle(
+        origenCubierta.x,
+        origenCubierta.y,
+        cubiertaObj.anchoImpresion,
+        cubiertaObj.altoImpresion);
+    areaImpresionCubierta.stroke = 'red';
+    areaImpresionCubierta.linewidth = 1;
+
+    var formaCubierta = _previewCubierta.makeRectangle(
+        origenCubierta.x,
+        origenCubierta.y,
+        fullBookWith,
+        cubiertaObj.altoLibro);
+    formaCubierta.stroke = '#6997D3';
+    formaCubierta.fill = '#6997D3';
+    formaCubierta.linewidth = 1;
+
+    // Texts
+    _previewCubierta.makeText(cubiertaObj.altoLibro,  origenCubierta.x + (fullBookWith/2 -25), origenCubierta.y, styles);
+    _previewCubierta.makeText(fullBookWith,  origenCubierta.x, origenCubierta.y + (cubiertaObj.altoLibro/2-15) , styles);
+
+    _previewCubierta.update();
+
+    // Update preview info fields
+    $('#prevLibro').text(cubiertaObj.anchoLibro + "X" + cubiertaObj.altoLibro );
+    $('#prevLomo').text(cubiertaObj.lomo);
+    $('#prevSolapas').text(cubiertaObj.solapas);
+
+}
+
+
+function previewPortada(portadaObj) {
+
+    // Clear the canvas element
+    $('#draw-portada').empty();
+    // Get the element for placing the graphical elements
+    var divPortada = document.getElementById('draw-portada');
+    var _previewPortada = new Two({fitted: true}).appendTo(divPortada);
+    // Calculate the center of the canvas element
+    var origenPortada = new Two.Vector(_previewPortada.width / 2, _previewPortada.height / 2);
+
+    var solapas = _previewPortada.makeRectangle(
+        origenPortada.x,
+        origenPortada.y,
+        ((2 * portadaObj.anchoLibro) + (2 * (portadaObj.solapas + _offsetSolapas)) + portadaObj.lomo),
+        portadaObj.altoLibro);
+    solapas.stroke = '#5FD2B5';
+    solapas.fill = '#5FD2B5';
+    solapas.linewidth = 1;
+
+    var libro = _previewPortada.makeRectangle(
+        origenPortada.x,
+        origenPortada.y,
+        ((2 * portadaObj.anchoLibro) + portadaObj.lomo),
+        portadaObj.altoLibro);
+    libro.stroke = '#6997D3';
+    libro.fill = '#6997D3';
+    libro.linewidth = 1;
+
+    var lomo = _previewPortada.makeRectangle(
+        origenPortada.x,
+        origenPortada.y,
+        portadaObj.lomo,
+        portadaObj.altoLibro);
+    lomo.stroke = '#8171D4';
+    lomo.fill = '#8171D4';
+    lomo.linewidth = 1;
+    
+    _previewPortada.update();
+
+    // Update preview info fields
+    $('#prevLibro').text(portadaObj.anchoLibro + "X" + portadaObj.altoLibro );
+    $('#prevLomo').text(portadaObj.lomo);
+    $('#prevSolapas').text(portadaObj.solapas);
+
+}
+
+
diff --git a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/viewCosidotapablandaForm.php b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/viewCosidotapablandaForm.php
index 0b877195..728839d7 100644
--- a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/viewCosidotapablandaForm.php
+++ b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/viewCosidotapablandaForm.php
@@ -1,9 +1,11 @@
 <?= $this->include('themes/_commonPartialsBs/datatables') ?>
 <?= $this->include("themes/_commonPartialsBs/select2bs5") ?>
 <?= $this->include("themes/_commonPartialsBs/sweetalert") ?>
-<?= $this->extend('themes/backend/vuexy/main/defaultlayout') ?>
+<?= $this->extend('themes/backend/vuexy/main/defaultlayout') ?>  
+
 
 <?= $this->section("content") ?>
+
 <div class="row">
     <div class="col-12">
 		<div class="card card-info">
@@ -14,21 +16,36 @@
 				<?= csrf_field() ?>
                 <?= view("themes/_commonPartialsBs/_alertBoxes") ?>
                 <?= !empty($validation->getErrors()) ? $validation->listErrors("bootstrap_style") : "" ?>
+                <input type="hidden" name="tipo_impresion_id" id="tipo_impresion_id" class="form-control" value="<?= $tipo_impresion_id ?>"></input>
                 <?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosPresupuestoItems") ?>
-                <?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosLibroItems") ?>
-                <?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosPresupuestoClienteItems") ?>
+                <?php if(str_contains($formAction,'edit')): ?>
+                    <?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosLibroItems") ?>
+                    <?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosPresupuestoClienteItems") ?>
+                    <?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_lineasPresupuestoItems") ?>
+                    <?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosServiciosItems") ?>
+                    <?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_comentariosItems") ?>
+                    <?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_resumenPresupuestoItems") ?>
+                <?php else: ?>
+                    <input type="hidden" name="total_presupuesto" id="total_presupuesto" class="form-control" value="0.0"></input>
+                <?php endif; ?>
                 <div class="pt-4">
                     <input type="submit"
                         class="btn btn-primary float-start me-sm-3 me-1"
                         name="save"
                         value="<?= lang("Basic.global.Save") ?>"
                     />
-                    <?= anchor(route_to("cosidotapablandaList"), lang("Basic.global.Cancel"), ["class" => "btn btn-secondary float-start",]) ?> 	
+                    <?php if(str_contains($formAction,'edit')): ?>
+                        <?= anchor(route_to("presupuestoToPdf"), lang("Basic.global.Print"), ["class" => "btn btn-dark float-start me-sm-3 me-1",]) ?>
+                        <?= anchor(route_to("#"), lang("Basic.global.Clone"), ["class" => "btn btn-info float-start me-sm-3 me-1",]) ?>
+                    <?php endif; ?>
+                    <?= anchor(route_to("cosidotapablandaList"), lang("Basic.global.Cancel"), ["class" => "btn btn-secondary float-start",]) ?>
                 </div>
 			</form>
         </div><!-- //.card -->
     </div><!--//.col -->
 </div><!--//.row -->
+    <?= view("themes/_commonPartialsBs/_modalConfirmDialog") ?>
+
 <?= $this->endSection() ?>
 
 
@@ -63,6 +80,9 @@
         }
     });
 
+    /*******************************
+    * Inicialización de los Select2
+    *******************************/
     $('#incRei').select2({
         allowClear: false,
     });
@@ -71,333 +91,70 @@
         allowClear: false,
     });
 
-    $('#papelFormatoId').select2({
-        allowClear: false,
-    });
-
-    $('#tipoImpresion').select2({
-        allowClear: false,
-    });
-
-    $('#compPapelNegro').select2({
-        allowClear: false,
-    });
-
-    $('#compGramajeNegro').select2({
-        allowClear: false,
-    });
-
-    $('#compPapelNegrohq').select2({
-        allowClear: false,
-    });
-
-    $('#compGramajeNegrohq').select2({
-        allowClear: false,
-    });
     
-    $('#compPapelColor').select2({
-        allowClear: false,
-    });
-
-    $('#compPapelColorhq').select2({
-        allowClear: false,
-    });
     
-    $('#compGramajeColor').select2({
-        allowClear: false,
-    });
-
-    $('#compPapelCubierta').select2({
-        allowClear: false,
-    });
-
-    $('#compGramajeCubierta').select2({
-        allowClear: false,
-    });
-
-    $('#encuadernacion').select2({
-        allowClear: false,
-    });
-
-    $('#compPaginasCubierta').select2({
-        allowClear: false,
-        minimumResultsForSearch: Infinity,
-    });
-
-    
-
-
 <?= $this->endSection() ?>
 
 
+
 <!------------------------------------------->
-<!-- Código JS comportamiento general pag. -->
+<!-- Acciones antes de submit... -->
 <!------------------------------------------->
+<?php if(str_contains($formAction,'edit')): ?>
 <?= $this->section("additionalInlineJs") ?>
 
-    autosize($('#compCalPaginasColor'));
-    
-    
-    
-    $('#papelFormatoPersonalizado').on("click",function(){
-        var checkbox = document.getElementById('papelFormatoPersonalizado');
-        if(checkbox.checked == true){
-            document.getElementById("papelFormatoAncho").style.display = "block";
-            document.getElementById("papelFormatoAlto").style.display = "block";
-            $('#papelFormatoId').next(".select2-container").hide();
-            document.getElementById("label_papelFormatoId").innerHTML =  
-                "<?=lang('Presupuestos.papelFormatoId') ?> (" +
-                "<?=lang('Presupuestos.papelFormatoAncho') ?> x <?=lang('Presupuestos.papelFormatoAncho') ?>)*";
-        }
-        else{
-            document.getElementById("papelFormatoAncho").style.display = "none";
-            document.getElementById("papelFormatoAlto").style.display = "none";
-            $('#papelFormatoId').next(".select2-container").show();
-            document.getElementById("label_papelFormatoId").innerHTML =  
-                "<?=lang('Presupuestos.papelFormatoId') ?>*";
-        }
-    });
+if(url_parts[url_parts.length-2] == 'edit'){
+    id = url_parts[url_parts.length-1];
+}
+else{
+    id = -1;
+}
 
-
-    init_comparador();
-
-
-    var tableCompIntPlana = new DataTable('#tableCompIntPlana',{
-        scrollX: true,
-        searching: false, 
-        paging: false, 
-        info: false,
-        ordering: false, 
-        responsive: true,
-        language: {
-            url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->i18n ?>.json"
-        },
-    });
-
-
-    var tableCompIntRotativa = new DataTable('#tableCompIntRotativa',{
-        scrollX: true,
-        searching: false, 
-        paging: false, 
-        info: false,
-        ordering: false, 
-        responsive: true,
-        language: {
-            url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->i18n ?>.json"
-        },
-    });
-
-    var tableCompIntCubierta = new DataTable('#tableCompCubierta',{
-        scrollX: true,
-        searching: false, 
-        paging: false, 
-        info: false,
-        ordering: false, 
-        responsive: true,
-        language: {
-            url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->i18n ?>.json"
-        },
-    });
-
-    var tableCompIntSobrecubierta = new DataTable('#tableCompSobrecubierta',{
-        scrollX: true,
-        searching: false, 
-        paging: false, 
-        info: false,
-        ordering: false, 
-        responsive: true,
-        language: {
-            url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->i18n ?>.json"
-        },
-    });
-
-
-
-    $('#compPapelNegro').on('select2:select', function (e){
-
-        $('#compGramajeNegro').val(null).trigger('change');
-        $('#compGramajeNegro').prop('disabled', false);
-        $('#compPapelNegro').find('option[value="0"]').remove();
-        $('#compGramajeNegro').select2({
-            allowClear: true,
-            minimumResultsForSearch: Infinity,
-            ajax: {
-                url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
-                type: 'post',
-                dataType: 'json',
-
-                data: function (params) {
-                    return {
-                        tipo: 'gramaje',
-                        datos: $('#compPapelNegro').select2('data')[0].text.trim() ,
-                        <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
-                    };
-                },
-                delay: 60,
-                processResults: function (response) {
-                    yeniden(response.<?= csrf_token() ?>);
-                    return {
-                        results: response.menu
-                    };
-                },          
-                cache: true
+$('#presupuestoForm').on( "submit", function( event ) {
+    event.preventDefault();
+    $.when(fill_bbdd_from_lp(id).then(function (data, textStatus, jqXHR){
+        generateCompJSON()
+        form = $('#presupuestoForm').serialize() 
+        $.ajax({
+            type: "POST",
+            url: "<?php  echo $formAction; ?>",
+            data: form,
+            success: function (data) {
+                yeniden(data.<?= csrf_token() ?>)
+                popSuccessAlert(data.mensaje)
             }
-        });
-    });
-
-
-    $('#compPapelNegrohq').on('select2:select', function (e){
-
-        $('#compGramajeNegrohq').val(null).trigger('change');
-        $('#compGramajeNegrohq').prop('disabled', false);
-        $('#compPapelNegrohq').find('option[value="0"]').remove();
-        $('#compGramajeNegrohq').select2({
-            allowClear: true,
-            minimumResultsForSearch: Infinity,
-            ajax: {
-                url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
-                type: 'post',
-                dataType: 'json',
-
-                data: function (params) {
-                    return {
-                        tipo: 'gramaje',
-                        datos: $('#compPapelNegrohq').select2('data')[0].text.trim() ,
-                        <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
-                    };
-                },
-                delay: 60,
-                processResults: function (response) {
-                    yeniden(response.<?= csrf_token() ?>);
-                    return {
-                        results: response.menu
-                    };
-                },          
-                cache: true
-            }
-        });
-    });
-
-
-    $('#compPapelColor').on('select2:select', function (e){
-
-        $('#compGramajeColor').val(null).trigger('change');
-        $('#compGramajeColor').prop('disabled', false);
-        $('#compPapelColor').find('option[value="0"]').remove();
-        $('#compGramajeColor').select2({
-            allowClear: true,
-            minimumResultsForSearch: Infinity,
-            ajax: {
-                url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
-                type: 'post',
-                dataType: 'json',
-
-                data: function (params) {
-                    return {
-                        tipo: 'gramaje',
-                        datos: $('#compPapelColor').select2('data')[0].text.trim() ,
-                        <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
-                    };
-                },
-                delay: 60,
-                processResults: function (response) {
-                    yeniden(response.<?= csrf_token() ?>);
-                    return {
-                        results: response.menu
-                    };
-                },          
-                cache: true
-            }
-        });
-    });
-
-
-    $('#compPapelColorhq').on('select2:select', function (e){
-
-        $('#compGramajeColorhq').val(null).trigger('change');
-        $('#compGramajeColorhq').prop('disabled', false);
-        $('#compPapelColorhq').find('option[value="0"]').remove();
-        $('#compGramajeColorhq').select2({
-            allowClear: true,
-            minimumResultsForSearch: Infinity,
-            ajax: {
-                url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
-                type: 'post',
-                dataType: 'json',
-
-                data: function (params) {
-                    return {
-                        tipo: 'gramaje',
-                        datos: $('#compPapelColorhq').select2('data')[0].text.trim() ,
-                        <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
-                    };
-                },
-                delay: 60,
-                processResults: function (response) {
-                    yeniden(response.<?= csrf_token() ?>);
-                    return {
-                        results: response.menu
-                    };
-                },          
-                cache: true
-            }
-        });
-    });
-
-    $('#compPapelCubierta').on('select2:select', function (e){
-
-        $('#compGramajeCubierta').val(null).trigger('change');
-        $('#compGramajeCubierta').prop('disabled', false);
-        $('#compPapelCubierta').find('option[value="0"]').remove();
-        $('#compGramajeCubierta').select2({
-            allowClear: true,
-            minimumResultsForSearch: Infinity,
-            ajax: {
-                url: '<?= route_to("menuItemsOfCosidotapablanda") ?>',
-                type: 'post',
-                dataType: 'json',
-
-                data: function (params) {
-                    return {
-                        tipo: 'gramaje',
-                        datos: $('#compPapelCubierta').select2('data')[0].text.trim() ,
-                        <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
-                    };
-                },
-                delay: 60,
-                processResults: function (response) {
-                    yeniden(response.<?= csrf_token() ?>);
-                    return {
-                        results: response.menu
-                    };
-                },          
-                cache: true
-            }
-        });
-    });
-
-    
-    
+            }).fail(function (jqXHR, textStatus, error) {
+                // Handle error here
+                console.log(jqXHR)
+            });;
+    }))
     
+     return false;  //stop the actual form post !important!
+});
+
 <?= $this->endSection() ?>
+<?php endif; ?>
+
+
 
 <?=$this->section('css') ?>
 
     <link rel="stylesheet" href="<?= site_url('themes/vuexy/css/datatables-editor/editor.dataTables.min.css') ?>">
     <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.3/css/buttons.bootstrap5.min.css">
     <link rel="stylesheet" href="<?= site_url('themes/vuexy/css/sk-datatables.css') ?>">
- 
-<?=$this->endSection() ?>
 
-<?= $this->section('additionalExternalJs') ?>
-    <script src="<?= site_url('themes/vuexy/vendor/libs/autosize/autosize.js') ?>"></script>
-    <script src="<?= site_url('js_loader/comparadorCosidoTapaBlanda_js') ?>"></script>
 <?=$this->endSection() ?>
 
-
 <?= $this->section('additionalExternalJs') ?>
     <script src="https://cdn.datatables.net/buttons/2.2.3/js/dataTables.buttons.min.js"></script>
     <script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.bootstrap5.min.js"></script>
     <script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.html5.min.js"></script>
     <script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.print.min.js"></script>
-<?=$this->endSection() ?>
\ No newline at end of file
+    <script src="https://cdn.datatables.net/select/1.7.0/js/dataTables.select.min.js"></script>
+    <script src="<?= site_url('themes/vuexy/js/datatables-editor/dataTables.editor.min.js') ?>"></script>    
+    <script src="<?= site_url('themes/vuexy/vendor/libs/autosize/autosize.js') ?>"></script>
+    <?php if(str_contains($formAction,'edit')): ?>
+        <script src="<?= site_url('js_loader/comparadorCosidoTapaBlanda_js') ?>"></script>
+        <script src="<?= site_url('themes/vuexy/vendor/libs/two/two.js') ?>"></script>
+    <?php endif; ?>
+<?=$this->endSection() ?>
diff --git a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/viewCosidotapablandaList.php b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/viewCosidotapablandaList.php
index 994f1fdd..ea91cb8f 100644
--- a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/viewCosidotapablandaList.php
+++ b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/viewCosidotapablandaList.php
@@ -10,7 +10,7 @@
         <div class="card card-info">
             <div class="card-header">
                 <h3 class="card-title"><?=lang('Presupuestos.presupuestoCosidotapablandaList') ?></h3>
-				<?=anchor(route_to('newCosidotapablanda'), lang('Basic.global.addNew').' '.lang('Presupuestos.presupuesto'), ['class'=>'btn btn-primary float-end']); ?>
+				<?=anchor(route_to('newCosidotapablanda'), lang('Basic.global.addNew').' '.lang('Presupuestos.presupuesto'), ['class'=>'btn btn-primary ']); ?>
            </div><!--//.card-header -->
             <div class="card-body">
 				<?= view('themes/_commonPartialsBs/_alertBoxes'); ?>
@@ -27,7 +27,7 @@
 								<th><?= lang('Presupuestos.incRei') ?></th>
 								<th><?= lang('Presupuestos.paginas') ?></th>
 								<th><?= lang('Presupuestos.tirada') ?></th>
-								<th><?= lang('Presupuestos.totalPedido') ?></th>
+								<th><?= lang('Presupuestos.totalPresupuesto') ?></th>
 								<th><?= lang('Presupuestos.presupuestoEstado') ?></th>
 								<th class="text-nowrap"><?= lang('Basic.global.Action') ?></th>
 							</tr>
@@ -104,8 +104,15 @@
 		{ 'data': 'inc_rei' },
 		{ 'data': 'paginas' },
 		{ 'data': 'tirada' },
-		{ 'data': 'total_pedido' },
-		{ 'data': 'estado' },
+		{ 'data': 'total_presupuesto' },
+		{ 'data': 'estado' ,
+			'render': function ( data, type, row, meta ) {
+                if(data=='borrador')
+                    return '<?= lang('Presupuestos.presupuestoEstadoBorrador') ?>';
+                else if(data=='aceptado')
+                    return '<?= lang('Presupuestos.presupuestoEstadoAceptado') ?>';
+                }
+            },
 		{ 'data': actionBtns }
 	]
 });
diff --git a/ci4/app/Views/themes/backend/vuexy/form/tarifas/encuadernacion/viewTarifaEncuadernacionForm.php b/ci4/app/Views/themes/backend/vuexy/form/tarifas/encuadernacion/viewTarifaEncuadernacionForm.php
index 80aba7f1..b96bbef6 100644
--- a/ci4/app/Views/themes/backend/vuexy/form/tarifas/encuadernacion/viewTarifaEncuadernacionForm.php
+++ b/ci4/app/Views/themes/backend/vuexy/form/tarifas/encuadernacion/viewTarifaEncuadernacionForm.php
@@ -172,11 +172,11 @@
         table   : "#tableOfTarifaencuadernacionlineas",
         idSrc:  'id',
         fields: [ {
-                name: "paginas_min"
+                name: "paginas_libro_min"
             }, {
                 name: "precio_max"
             }, {
-                name: "paginas_max"
+                name: "paginas_libro_max"
             }, {
                 name: "precio_min"
             }, {
@@ -243,9 +243,9 @@
             async: true,
         }),
         columns: [
-            { 'data': 'paginas_min' },
+            { 'data': 'paginas_libro_min' },
             { 'data': 'precio_max' },
-            { 'data': 'paginas_max' },
+            { 'data': 'paginas_libro_max' },
             { 'data': 'precio_min' },
             { 'data': 'margen' },
             {
diff --git a/ci4/app/Views/themes/backend/vuexy/form/test_js/test_js.js b/ci4/app/Views/themes/backend/vuexy/form/test_js/test_js.js
new file mode 100644
index 00000000..282ca8ac
--- /dev/null
+++ b/ci4/app/Views/themes/backend/vuexy/form/test_js/test_js.js
@@ -0,0 +1,17 @@
+
+
+
+
+/*
+fetch("/presupuestos/cosidotapablanda/datatable", {
+
+    method: 'POST',
+    body: JSON.stringify(data),
+    headers: { 'X-Requested-With': 'XMLHttpRequest' },
+
+})
+.then(response => console.log(response)) 
+//.then(json => console.log(json))
+.catch(err => console.log(err));
+
+*/
diff --git a/ci4/app/Views/themes/backend/vuexy/form/test_js/viewTest.php b/ci4/app/Views/themes/backend/vuexy/form/test_js/viewTest.php
new file mode 100644
index 00000000..756a2230
--- /dev/null
+++ b/ci4/app/Views/themes/backend/vuexy/form/test_js/viewTest.php
@@ -0,0 +1,36 @@
+<?= $this->extend('themes/backend/vuexy/main/defaultlayout') ?>
+
+
+<?= $this->section("additionalInlineJs") ?>
+    
+    console.log("Hola")
+
+    let datos = {
+        table_type: 'comp_int_bn',
+        paginas: 200,
+        tirada: 100,
+        merma: 10,
+        ancho: 98 ,
+        alto: 148,
+        papel_generico_id: 4,
+        papel_generico: 'AHUESADO OFFSET',
+        gramaje: 80,
+        <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
+    }
+
+    
+    $.ajax({
+        type:"POST", 
+        url:"cosidotapablanda/datatable", 
+        data:datos, // data recive un objeto con la informacion que se enviara al servidor
+        success:function(data){ //success es una funcion que se utiliza si el servidor retorna informacion
+            console.log(data)
+            yeniden(data.<?= csrf_token() ?>);                
+        },
+        //dataType: dataType // El tipo de datos esperados del servidor. Valor predeterminado: Intelligent Guess (xml, json, script, text, html).
+    })
+
+
+<?=$this->endSection() ?>
+
+
diff --git a/ci4/app/Views/themes/backend/vuexy/main/menu_digitalizacion.php b/ci4/app/Views/themes/backend/vuexy/main/menu_digitalizacion.php
index 29b8a349..6863729e 100644
--- a/ci4/app/Views/themes/backend/vuexy/main/menu_digitalizacion.php
+++ b/ci4/app/Views/themes/backend/vuexy/main/menu_digitalizacion.php
@@ -29,7 +29,7 @@
             /**
              * MENU CLIENTES
              */
-            if (allowMenuSection($menus, ['Cliente', 'Tarifacliente'], 'index')):
+            if (allowMenuSection($menus, ['Cliente'], 'index')):
                 ?>
                 <!-- Clientes -->
                 <li class="menu-item">
@@ -47,15 +47,6 @@
                                 </li>
                             <?php endif; ?>
                         <?php endif; ?>
-                        <?php if (count($temp = getArrayItem($menus, 'name', 'Tarifacliente')) > 0): ?>
-                            <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
-                                <li class="menu-item">
-                                    <a href="<?= site_url("clientes/tarifacliente") ?>" class="menu-link">
-                                        <div data-i18n="<?= lang("App.menu_tarifacliente") ?>"><?= lang("App.menu_tarifacliente") ?></div>
-                                    </a>
-                                </li>
-                            <?php endif; ?>
-                        <?php endif; ?>
                     </ul>
                 </li>
             <?php endif; ?>
diff --git a/ci4/app/Views/themes/backend/vuexy/main/menu_impresion.php b/ci4/app/Views/themes/backend/vuexy/main/menu_impresion.php
index 4a7622a4..97522ace 100644
--- a/ci4/app/Views/themes/backend/vuexy/main/menu_impresion.php
+++ b/ci4/app/Views/themes/backend/vuexy/main/menu_impresion.php
@@ -29,7 +29,7 @@
         /**
          * MENU CLIENTES
          */
-        if (allowMenuSection($menus, ['Cliente', 'Tarifacliente'], 'index')):
+        if (allowMenuSection($menus, ['Cliente'], 'index')):
             ?>
             <!-- Clientes -->
             <li class="menu-item">
@@ -47,15 +47,6 @@
                             </li>
                         <?php endif; ?>
                     <?php endif; ?>
-                    <?php if (count($temp = getArrayItem($menus, 'name', 'Tarifacliente')) > 0): ?>
-                        <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
-                            <li class="menu-item">
-                                <a href="<?= site_url("clientes/tarifacliente") ?>" class="menu-link">
-                                    <div data-i18n="<?= lang("App.menu_tarifacliente") ?>"><?= lang("App.menu_tarifacliente") ?></div>
-                                </a>
-                            </li>
-                        <?php endif; ?>
-                    <?php endif; ?>
                 </ul>
             </li>
         <?php endif; ?>
@@ -76,7 +67,7 @@
                     <?php if (allowMenuSection(
                         $menus,
                         ['Fresadotapadura', 'Fresadotapablanda', 'Cosidotapadura', 'Cosidotapablanda',
-                            'Cosidotapablandasolapas', 'Grapados', 'Espiraltapadura', 'Espiraltapablanda',
+                            'Grapados', 'Espiraltapadura', 'Espiraltapablanda',
                             'Wireotapadura', 'Wireotapablanda'],
                         'index')):
                         ?>
@@ -125,16 +116,6 @@
                                     <?php endif; ?>
                                 <?php endif; ?>
 
-                                <?php if (count($temp = getArrayItem($menus, 'name', 'Cosidotapablandasolapas')) > 0): ?>
-                                    <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
-                                        <li class="menu-item">
-                                            <a href="<?= site_url("presupuestos/cosidotapablandasolapas") ?>" class="menu-link">
-                                                <div data-i18n="<?= lang("App.menu_libros_cosido_tapa_blanda_solapas") ?>"><?= lang("App.menu_libros_cosido_tapa_blanda_solapas") ?></div>
-                                            </a>
-                                        </li>
-                                    <?php endif; ?>
-                                <?php endif; ?>
-
                                 <?php if (count($temp = getArrayItem($menus, 'name', 'Grapados')) > 0): ?>
                                     <?php if (count(getArrayItem($temp, 'methods', 'index', true)) > 0): ?>
                                         <li class="menu-item">
diff --git a/ci4/app/Views/themes/backend/vuexy/main/menu_maquetacion.php b/ci4/app/Views/themes/backend/vuexy/main/menu_maquetacion.php
index 6c42a7c3..2d797e38 100644
--- a/ci4/app/Views/themes/backend/vuexy/main/menu_maquetacion.php
+++ b/ci4/app/Views/themes/backend/vuexy/main/menu_maquetacion.php
@@ -29,7 +29,7 @@
             /**
              * MENU CLIENTES
              */
-            if (allowMenuSection($menus, ['Cliente', 'Tarifacliente'], 'index')):
+            if (allowMenuSection($menus, ['Cliente'], 'index')):
                 ?>
                 <!-- Clientes -->
                 <li class="menu-item">
@@ -47,15 +47,6 @@
                                 </li>
                             <?php endif; ?>
                         <?php endif; ?>
-                        <?php if (count($temp = getArrayItem($menus, 'name', 'Cliente')) > 0): ?>
-                            <?php if (count(getArrayItem($temp, 'methods', 'nuevo', true)) > 0): ?>
-                                <li class="menu-item">
-                                    <a href="<?= site_url("clientes/nuevo") ?>" class="menu-link">
-                                        <div data-i18n="<?= lang("App.menu_clientes_nuevo") ?>"><?= lang("App.menu_clientes_nuevo") ?></div>
-                                    </a>
-                                </li>
-                            <?php endif; ?>
-                        <?php endif; ?>
                     </ul>
                 </li>
             <?php endif; ?>
diff --git a/ci4/app/Views/themes/backend/vuexy/pdfs/presupuesto.php b/ci4/app/Views/themes/backend/vuexy/pdfs/presupuesto.php
new file mode 100644
index 00000000..00241c88
--- /dev/null
+++ b/ci4/app/Views/themes/backend/vuexy/pdfs/presupuesto.php
@@ -0,0 +1,294 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title><?= "Presupuesto " . "TBC" ?></title>
+    <link rel="stylesheet" href="<?= site_url('themes/vuexy/css/font-pdf.css') ?>">
+    <link rel="stylesheet" href="<?= site_url('themes/vuexy/css/all.css') ?>">
+    <link rel="stylesheet" href="<?= site_url('themes/vuexy/css/pdf.presupuesto.css') ?>">
+    <style>
+        @page {
+            margin: 18px;
+        }
+
+        body {
+            margin: 18px;
+        }
+    </style>
+
+</head>
+
+<body>
+<main class="body-class">
+    <table class="logo">
+        <tr>
+            <td class="logo">
+                <img src="data:image/jpeg;base64,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"/>
+                &nbsp;
+            </td>
+        </tr>
+    </table>
+    <table class="presupuesto-data">
+        <thead>
+        <tr>
+            <th class="intro_presupuesto">
+                PRESUPUESTO Nº:
+            </th>
+            <th class="num_presupuesto">
+                <?= "obj->id" ?>
+            </th>
+            <th class="intro_cliente">
+                CLIENTE:
+            </th>
+            <th class="cliente letra">
+                <?= "obj->customer->name" ?>
+            </th>
+            <th class="intro_fecha">
+                FECHA:
+            </th>
+            <th class="fecha">
+                <?= date("d/m/Y") ?>
+            </th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td colspan="6" class="titulo">
+                <span style="font-weight: bold">Título:</span> <?= "obj->titulo" ?>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="3" class="coleccion">
+                <span style="font-weight: bold">Colección:</span> <?= "obj->coleccion" ?>
+            </td>
+            <td colspan="3" class="autor">
+                <span style="font-weight: bold">Autor:</span> <?= "obj->autor" ?>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+
+    <table class="impresion">
+        <thead>
+        <tr>
+            <th class="intro_impresion" colspan="6">INTERIOR</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td class="t">Tipo de Impresión</td>
+            <td class="v" colspan="5">Blanco Y Negro</td>
+        </tr>
+        <tr>
+            <td class="t">Ferro</td>
+            <td class="v">TBD</td>
+            <td class="t-first">Prototipo</td>
+            <td class="v-first">SI</td>
+            <td class="t-second">Ferro Digital</td>
+            <td class="v-second">SI</td>
+        </tr>
+        <tr>
+            <td class="t">Formato</td>
+            <td class="v" colspan="5">
+                <?= "obj->papel_formato->format()" ?> mm.
+            </td>
+        </tr>
+        <tr>
+            <td class="t">Nº de páginas totales</td>
+            <td class="v" colspan="5"><?= "obj->paginas" ?></td>
+        </tr>
+        <tr>
+            <td class="t">Nº de páginas ByN</td>
+            <td class="v"><?= "paginas_negro" ?></td>
+            <td class="t-first">Papel</td>
+            <td class="v-first"><?= "papel_negro" ?></td>
+            <td class="t-second">Gramaje</td>
+            <td class="v-second"><?= "gramaje_negro" ?></td>
+        </tr>
+        <tr>
+            <td class="t">Nº de páginas Color</td>
+            <td class="v"><?= "paginas_color" ?></td>
+            <td class="t-first">Papel</td>
+            <td class="v-first"><?= "papel_color" ?></td>
+            <td class="t-second">Gramaje</td>
+            <td class="v-second"><?= "gramaje_color" ?></td>
+        </tr>
+        </tbody>
+    </table>
+
+    <table class="cubierta">
+        <thead>
+        <tr>
+            <th class="intro_cubierta" colspan="8">CUBIERTA</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td class="t">Formato cubierta*</td>
+            <td class="v" colspan="5"><?= "obj->papel_formato->alto" ?> mm.
+            <td class="t-third">Lomo</td>
+            <td class="v-third"><?= "TBD mm." ?></td>
+        </tr>
+        <tr>
+            <td class="t">Impresión</td>
+            <td class="v"><?= "cubierta_impresa_caras" ?></td>
+            <td class="t-first">Papel</td>
+            <td class="v-first"><?= "papel_portada" ?></td>
+            <td class="t-second">Gramaje</td>
+            <td class="v-second"><?= "gramaje_portada" ?></td>
+            <td class="t-third">Plastificado</td>
+            <td class="v-third"><?= "plastificado_portada" ?></td>
+        </tr>
+        <tr>
+            <td class="t">Reserva UVI</td>
+            <td class="v" colspan="7">SI</td>
+        </tr>
+        <tr>
+            <td class="t">Sobrecubierta</td>
+            <td class="v"><?= "resumen_cubierta" ?></td>
+            <td class="t-first">Papel</td>
+            <td class="v-first"><?= "papel_cubierta" ?></td>
+            <td class="t-second">Gramaje</td>
+            <td class="v-second"><?= "gramaje_cubierta" ?></td>
+            <td class="t-third">Plastificado</td>
+            <td class="v-third"><?= "plastificado_cubierta" ?></td>
+        </tr>
+        </tbody>
+    </table>
+
+    <table class="encuadernacion">
+        <thead>
+        <tr>
+            <th class="intro_encuadernacion" colspan="6">ENCUADERNACIÓN</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td class="t">Tipo</td>
+            <td class="v"><?= "encuardernado" ?></td>
+            <td class="t-first">Solapas</td>
+            <td class="v-first"><?= "solapas_portada" ?></td>
+            <td class="t-second">Ancho</td>
+            <td class="v-second">TBD cm</td>
+        </tr>
+        </tbody>
+    </table>
+
+    <table class="extras">
+        <thead>
+        <tr>
+            <th class="intro_extras" colspan="6">EXTRAS</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td class="t">Retractilado</td>
+            <td class="v" colspan="5">NO</td>
+        </tr>
+        <tr>
+            <td class="t">Guardas</td>
+            <td class="v" colspan="5">NO</td>
+        </tr>
+        <tr>
+            <td class="t">Marcapáginas</td>
+            <td class="v" colspan="5">NO</td>
+        </tr>
+        </tbody>
+    </table>
+
+    <table class="envio">
+        <thead>
+        <tr>
+            <th class="intro_envio" colspan="10">ENVÍO</th>
+        </tr>
+        </thead>
+        <?php if (isset($envios_recogeCliente)) { ?>
+            <tbody>
+            <tr>
+                <td colspan="10">El pedido será recogido por el cliente</td>
+            </tr>
+            </tbody>
+        <?php } else { ?>
+
+            <tbody>
+            <tr>
+                <td class="t-ejemplares">Ejemplares</td>
+                <td class="v-ejemplares"><?= "TBD" ?></td>
+                <td class="t-first-direccion">Dirección</td>
+                <td class="v-first-direccion" colspan="7"><?= "TBC" ?></td>
+            </tr>
+            <tr>
+                <td class="t">País</td>
+                <td class="v"><?= "TBC" ?></td>
+                <td class="t-first">Provincia</td>
+                <td class="v-first"><?= "TBC" ?></td>
+                <td class="t-second">C.P.</td>
+                <td class="v-second"><?= "TBC" ?></td>
+                <td class="t-third">Ciudad</td>
+                <td class="v-third"><?= "TBC" ?></td>
+                <td class="t-fourth">Telf.</td>
+                <td class="v-fourth"><?= "TBC" ?></td>
+            </tr>
+            </tbody>
+        <?php } ?>
+    </table>
+
+    <table class="totales" align="right">
+        <thead>
+        <tr>
+            <th class="hidden"></th>
+            <th class="hidden"></th>
+            <th>Tirada</th>
+            <th>U.Impresión 4%</th>
+            <th>U.Envío 21%</th>
+            <th>Precio**</th>
+            <th>Precio UD.</th>
+            <th>TOTAL CON IVA</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td class="hidden"></td>
+            <td class="hidden"></td>
+            <td class="tirada">TBD uds.</td>
+            <td class="precio">TBD €</td>
+            <td class="precio">TBD €</td>
+            <td class="precio">TBD €</td>
+            <td class="precio">TBD €</td>
+            <td class="precio">TBD €</td>
+        </tr>
+        </tbody>
+        <tfoot>
+        <tr>
+            <td class="iva" colspan="5">Estos precios no incluyen I.V.A.</td>
+        </tr>
+        </tfoot>
+    </table>
+
+    <?php if (isset($obj->comentarios_pdf)) { ?>
+        <h6 class="observaciones">OBSERVACIONES</h6>
+        <div class="comentarios">{!! nl2br($obj->comentarios_pdf) !!}</div>
+    <?php } ?>
+
+    <div class="footer" style="margin-top: 70px">
+        <p>Por la grave crisis de papel que está sufriendo el sector, este presupuesto deberá ser confirmado con su
+            comercial el día que se oficialice el pedido, dado que pueda darse la situación de que no haya stock
+            disponible o que su precio haya variado considerablemente, para así poder ofrecerle alternativas.</p>
+        <p class="texto-email">Esperando que los precios se ajusten a sus necesidades,<br/>
+            <?= "obj->customer->salesman->name" ?> <?= "obj->customer->salesman->lastname" ?> &bull;
+            email: <?= "obj->customer->salesman->email" ?></p>
+        <p class="texto-asteriscos">(*) En el formato de desarrollo de cubierta están contemplados los 3 mm. de vuelta
+            de solapas en caso de llevarlas.<br/>
+            (**) Estos precios están sujetos a análisis de cobertura de tinta del archivo PDF de interior.</p>
+
+        <span class="texto-presupuesto">
+        Este presupuesto se calcula en base a los datos aportados, por lo que su importe puede variar a la vista del original definitivo a imprimir si éste difiere de los datos inicialmente incluidos, en cuyo caso se le facilitará un nuevo presupuesto corregido para que lo apruebe antes de realizar el pedido.
+        <br/>
+        Este presupuesto es válido durante 30 días.</span>
+    </div>
+</main>
+
+</body>
+</html>
diff --git a/ci4/composer.json b/ci4/composer.json
index 687cdb91..c2b4eef4 100644
--- a/ci4/composer.json
+++ b/ci4/composer.json
@@ -11,7 +11,8 @@
         "google/apiclient": "^2.11.0",
         "firebase/php-jwt": "^5.4",
         "aws/aws-sdk-php": "^3.206",
-        "spatie/db-dumper": "^2.21"
+        "spatie/db-dumper": "^2.21",
+        "dompdf/dompdf": "^2.0"
     },
     "require-dev": {
         "fakerphp/faker": "^1.9",
diff --git a/ci4/composer.lock b/ci4/composer.lock
index a2a4334c..5252d9b1 100644
--- a/ci4/composer.lock
+++ b/ci4/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "ea2c5914ab3f8f7779effd58bed12864",
+    "content-hash": "9478d2ca5dbbd157209c335eca83612f",
     "packages": [
         {
             "name": "aws/aws-crt-php",
@@ -229,6 +229,68 @@
             },
             "time": "2023-05-21T13:41:12+00:00"
         },
+        {
+            "name": "dompdf/dompdf",
+            "version": "v2.0.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/dompdf/dompdf.git",
+                "reference": "e8d2d5e37e8b0b30f0732a011295ab80680d7e85"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/dompdf/dompdf/zipball/e8d2d5e37e8b0b30f0732a011295ab80680d7e85",
+                "reference": "e8d2d5e37e8b0b30f0732a011295ab80680d7e85",
+                "shasum": ""
+            },
+            "require": {
+                "ext-dom": "*",
+                "ext-mbstring": "*",
+                "masterminds/html5": "^2.0",
+                "phenx/php-font-lib": ">=0.5.4 <1.0.0",
+                "phenx/php-svg-lib": ">=0.3.3 <1.0.0",
+                "php": "^7.1 || ^8.0"
+            },
+            "require-dev": {
+                "ext-json": "*",
+                "ext-zip": "*",
+                "mockery/mockery": "^1.3",
+                "phpunit/phpunit": "^7.5 || ^8 || ^9",
+                "squizlabs/php_codesniffer": "^3.5"
+            },
+            "suggest": {
+                "ext-gd": "Needed to process images",
+                "ext-gmagick": "Improves image processing performance",
+                "ext-imagick": "Improves image processing performance",
+                "ext-zlib": "Needed for pdf stream compression"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Dompdf\\": "src/"
+                },
+                "classmap": [
+                    "lib/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "LGPL-2.1"
+            ],
+            "authors": [
+                {
+                    "name": "The Dompdf Community",
+                    "homepage": "https://github.com/dompdf/dompdf/blob/master/AUTHORS.md"
+                }
+            ],
+            "description": "DOMPDF is a CSS 2.1 compliant HTML to PDF converter",
+            "homepage": "https://github.com/dompdf/dompdf",
+            "support": {
+                "issues": "https://github.com/dompdf/dompdf/issues",
+                "source": "https://github.com/dompdf/dompdf/tree/v2.0.3"
+            },
+            "time": "2023-02-07T12:51:48+00:00"
+        },
         {
             "name": "ezyang/htmlpurifier",
             "version": "v4.16.0",
@@ -1087,6 +1149,73 @@
             },
             "time": "2022-12-02T22:17:43+00:00"
         },
+        {
+            "name": "masterminds/html5",
+            "version": "2.8.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Masterminds/html5-php.git",
+                "reference": "f47dcf3c70c584de14f21143c55d9939631bc6cf"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Masterminds/html5-php/zipball/f47dcf3c70c584de14f21143c55d9939631bc6cf",
+                "reference": "f47dcf3c70c584de14f21143c55d9939631bc6cf",
+                "shasum": ""
+            },
+            "require": {
+                "ext-dom": "*",
+                "php": ">=5.3.0"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^4.8.35 || ^5.7.21 || ^6 || ^7 || ^8"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "2.7-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Masterminds\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Matt Butcher",
+                    "email": "technosophos@gmail.com"
+                },
+                {
+                    "name": "Matt Farina",
+                    "email": "matt@mattfarina.com"
+                },
+                {
+                    "name": "Asmir Mustafic",
+                    "email": "goetas@gmail.com"
+                }
+            ],
+            "description": "An HTML5 parser and serializer.",
+            "homepage": "http://masterminds.github.io/html5-php",
+            "keywords": [
+                "HTML5",
+                "dom",
+                "html",
+                "parser",
+                "querypath",
+                "serializer",
+                "xml"
+            ],
+            "support": {
+                "issues": "https://github.com/Masterminds/html5-php/issues",
+                "source": "https://github.com/Masterminds/html5-php/tree/2.8.1"
+            },
+            "time": "2023-05-10T11:58:31+00:00"
+        },
         {
             "name": "monolog/monolog",
             "version": "2.9.1",
@@ -1430,6 +1559,96 @@
             },
             "time": "2020-10-15T08:29:30+00:00"
         },
+        {
+            "name": "phenx/php-font-lib",
+            "version": "0.5.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/dompdf/php-font-lib.git",
+                "reference": "dd448ad1ce34c63d09baccd05415e361300c35b4"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/dompdf/php-font-lib/zipball/dd448ad1ce34c63d09baccd05415e361300c35b4",
+                "reference": "dd448ad1ce34c63d09baccd05415e361300c35b4",
+                "shasum": ""
+            },
+            "require": {
+                "ext-mbstring": "*"
+            },
+            "require-dev": {
+                "symfony/phpunit-bridge": "^3 || ^4 || ^5"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "FontLib\\": "src/FontLib"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "LGPL-3.0"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Ménager",
+                    "email": "fabien.menager@gmail.com"
+                }
+            ],
+            "description": "A library to read, parse, export and make subsets of different types of font files.",
+            "homepage": "https://github.com/PhenX/php-font-lib",
+            "support": {
+                "issues": "https://github.com/dompdf/php-font-lib/issues",
+                "source": "https://github.com/dompdf/php-font-lib/tree/0.5.4"
+            },
+            "time": "2021-12-17T19:44:54+00:00"
+        },
+        {
+            "name": "phenx/php-svg-lib",
+            "version": "0.5.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/dompdf/php-svg-lib.git",
+                "reference": "76876c6cf3080bcb6f249d7d59705108166a6685"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/dompdf/php-svg-lib/zipball/76876c6cf3080bcb6f249d7d59705108166a6685",
+                "reference": "76876c6cf3080bcb6f249d7d59705108166a6685",
+                "shasum": ""
+            },
+            "require": {
+                "ext-mbstring": "*",
+                "php": "^7.1 || ^8.0",
+                "sabberworm/php-css-parser": "^8.4"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^7.5 || ^8.5 || ^9.5"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Svg\\": "src/Svg"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "LGPL-3.0"
+            ],
+            "authors": [
+                {
+                    "name": "Fabien Ménager",
+                    "email": "fabien.menager@gmail.com"
+                }
+            ],
+            "description": "A library to read, parse and export to PDF SVG files.",
+            "homepage": "https://github.com/PhenX/php-svg-lib",
+            "support": {
+                "issues": "https://github.com/dompdf/php-svg-lib/issues",
+                "source": "https://github.com/dompdf/php-svg-lib/tree/0.5.0"
+            },
+            "time": "2022-09-06T12:16:56+00:00"
+        },
         {
             "name": "phpoffice/phpspreadsheet",
             "version": "1.28.0",
@@ -1999,6 +2218,59 @@
             },
             "time": "2019-03-08T08:55:37+00:00"
         },
+        {
+            "name": "sabberworm/php-css-parser",
+            "version": "8.4.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/sabberworm/PHP-CSS-Parser.git",
+                "reference": "e41d2140031d533348b2192a83f02d8dd8a71d30"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/sabberworm/PHP-CSS-Parser/zipball/e41d2140031d533348b2192a83f02d8dd8a71d30",
+                "reference": "e41d2140031d533348b2192a83f02d8dd8a71d30",
+                "shasum": ""
+            },
+            "require": {
+                "ext-iconv": "*",
+                "php": ">=5.6.20"
+            },
+            "require-dev": {
+                "codacy/coverage": "^1.4",
+                "phpunit/phpunit": "^4.8.36"
+            },
+            "suggest": {
+                "ext-mbstring": "for parsing UTF-8 CSS"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Sabberworm\\CSS\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Raphael Schweikert"
+                }
+            ],
+            "description": "Parser for CSS Files written in PHP",
+            "homepage": "https://www.sabberworm.com/blog/2010/6/10/php-css-parser",
+            "keywords": [
+                "css",
+                "parser",
+                "stylesheet"
+            ],
+            "support": {
+                "issues": "https://github.com/sabberworm/PHP-CSS-Parser/issues",
+                "source": "https://github.com/sabberworm/PHP-CSS-Parser/tree/8.4.0"
+            },
+            "time": "2021-12-11T13:40:54+00:00"
+        },
         {
             "name": "spatie/db-dumper",
             "version": "2.21.1",
@@ -4269,5 +4541,5 @@
         "php": "^7.3 || ^8.0"
     },
     "platform-dev": [],
-    "plugin-api-version": "2.3.0"
+    "plugin-api-version": "2.6.0"
 }
diff --git a/httpdocs/themes/vuexy/css/all.css b/httpdocs/themes/vuexy/css/all.css
new file mode 100644
index 00000000..3b8fd0d2
--- /dev/null
+++ b/httpdocs/themes/vuexy/css/all.css
@@ -0,0 +1,15039 @@
+/*!
+ *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+
+@font-face {
+  font-family: 'FontAwesome';
+  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
+  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+.fa {
+  display: inline-block;
+  font: normal normal normal 14px/1 FontAwesome;
+  font-size: inherit;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.fa-lg {
+  font-size: 1.33333333em;
+  line-height: .75em;
+  vertical-align: -15%;
+}
+
+.fa-2x {
+  font-size: 2em;
+}
+
+.fa-3x {
+  font-size: 3em;
+}
+
+.fa-4x {
+  font-size: 4em;
+}
+
+.fa-5x {
+  font-size: 5em;
+}
+
+.fa-fw {
+  width: 1.28571429em;
+  text-align: center;
+}
+
+.fa-ul {
+  padding-left: 0;
+  margin-left: 2.14285714em;
+  list-style-type: none;
+}
+
+.fa-ul>li {
+  position: relative;
+}
+
+.fa-li {
+  position: absolute;
+  left: -2.14285714em;
+  width: 2.14285714em;
+  top: .14285714em;
+  text-align: center;
+}
+
+.fa-li.fa-lg {
+  left: -1.85714286em;
+}
+
+.fa-border {
+  padding: .2em .25em .15em;
+  border: solid .08em #eee;
+  border-radius: .1em;
+}
+
+.fa-pull-left {
+  float: left;
+}
+
+.fa-pull-right {
+  float: right;
+}
+
+.fa.fa-pull-left {
+  margin-right: .3em;
+}
+
+.fa.fa-pull-right {
+  margin-left: .3em;
+}
+
+.pull-right {
+  float: right;
+}
+
+.pull-left {
+  float: left;
+}
+
+.fa.pull-left {
+  margin-right: .3em;
+}
+
+.fa.pull-right {
+  margin-left: .3em;
+}
+
+.fa-spin {
+  -webkit-animation: fa-spin 2s infinite linear;
+  animation: fa-spin 2s infinite linear;
+}
+
+.fa-pulse {
+  -webkit-animation: fa-spin 1s infinite steps(8);
+  animation: fa-spin 1s infinite steps(8);
+}
+
+@-webkit-keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+
+@keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+
+.fa-rotate-90 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
+  -webkit-transform: rotate(90deg);
+  -ms-transform: rotate(90deg);
+  transform: rotate(90deg);
+}
+
+.fa-rotate-180 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
+  -webkit-transform: rotate(180deg);
+  -ms-transform: rotate(180deg);
+  transform: rotate(180deg);
+}
+
+.fa-rotate-270 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
+  -webkit-transform: rotate(270deg);
+  -ms-transform: rotate(270deg);
+  transform: rotate(270deg);
+}
+
+.fa-flip-horizontal {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
+  -webkit-transform: scale(-1, 1);
+  -ms-transform: scale(-1, 1);
+  transform: scale(-1, 1);
+}
+
+.fa-flip-vertical {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+  -webkit-transform: scale(1, -1);
+  -ms-transform: scale(1, -1);
+  transform: scale(1, -1);
+}
+
+:root .fa-rotate-90,
+:root .fa-rotate-180,
+:root .fa-rotate-270,
+:root .fa-flip-horizontal,
+:root .fa-flip-vertical {
+  filter: none;
+}
+
+.fa-stack {
+  position: relative;
+  display: inline-block;
+  width: 2em;
+  height: 2em;
+  line-height: 2em;
+  vertical-align: middle;
+}
+
+.fa-stack-1x,
+.fa-stack-2x {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  text-align: center;
+}
+
+.fa-stack-1x {
+  line-height: inherit;
+}
+
+.fa-stack-2x {
+  font-size: 2em;
+}
+
+.fa-inverse {
+  color: #fff;
+}
+
+.fa-glass:before {
+  content: "\f000";
+}
+
+.fa-music:before {
+  content: "\f001";
+}
+
+.fa-search:before {
+  content: "\f002";
+}
+
+.fa-envelope-o:before {
+  content: "\f003";
+}
+
+.fa-heart:before {
+  content: "\f004";
+}
+
+.fa-star:before {
+  content: "\f005";
+}
+
+.fa-star-o:before {
+  content: "\f006";
+}
+
+.fa-user:before {
+  content: "\f007";
+}
+
+.fa-film:before {
+  content: "\f008";
+}
+
+.fa-th-large:before {
+  content: "\f009";
+}
+
+.fa-th:before {
+  content: "\f00a";
+}
+
+.fa-th-list:before {
+  content: "\f00b";
+}
+
+.fa-check:before {
+  content: "\f00c";
+}
+
+.fa-remove:before,
+.fa-close:before,
+.fa-times:before {
+  content: "\f00d";
+}
+
+.fa-search-plus:before {
+  content: "\f00e";
+}
+
+.fa-search-minus:before {
+  content: "\f010";
+}
+
+.fa-power-off:before {
+  content: "\f011";
+}
+
+.fa-signal:before {
+  content: "\f012";
+}
+
+.fa-gear:before,
+.fa-cog:before {
+  content: "\f013";
+}
+
+.fa-trash-o:before {
+  content: "\f014";
+}
+
+.fa-home:before {
+  content: "\f015";
+}
+
+.fa-file-o:before {
+  content: "\f016";
+}
+
+.fa-clock-o:before {
+  content: "\f017";
+}
+
+.fa-road:before {
+  content: "\f018";
+}
+
+.fa-download:before {
+  content: "\f019";
+}
+
+.fa-arrow-circle-o-down:before {
+  content: "\f01a";
+}
+
+.fa-arrow-circle-o-up:before {
+  content: "\f01b";
+}
+
+.fa-inbox:before {
+  content: "\f01c";
+}
+
+.fa-play-circle-o:before {
+  content: "\f01d";
+}
+
+.fa-rotate-right:before,
+.fa-repeat:before {
+  content: "\f01e";
+}
+
+.fa-refresh:before {
+  content: "\f021";
+}
+
+.fa-list-alt:before {
+  content: "\f022";
+}
+
+.fa-lock:before {
+  content: "\f023";
+}
+
+.fa-flag:before {
+  content: "\f024";
+}
+
+.fa-headphones:before {
+  content: "\f025";
+}
+
+.fa-volume-off:before {
+  content: "\f026";
+}
+
+.fa-volume-down:before {
+  content: "\f027";
+}
+
+.fa-volume-up:before {
+  content: "\f028";
+}
+
+.fa-qrcode:before {
+  content: "\f029";
+}
+
+.fa-barcode:before {
+  content: "\f02a";
+}
+
+.fa-tag:before {
+  content: "\f02b";
+}
+
+.fa-tags:before {
+  content: "\f02c";
+}
+
+.fa-book:before {
+  content: "\f02d";
+}
+
+.fa-bookmark:before {
+  content: "\f02e";
+}
+
+.fa-print:before {
+  content: "\f02f";
+}
+
+.fa-camera:before {
+  content: "\f030";
+}
+
+.fa-font:before {
+  content: "\f031";
+}
+
+.fa-bold:before {
+  content: "\f032";
+}
+
+.fa-italic:before {
+  content: "\f033";
+}
+
+.fa-text-height:before {
+  content: "\f034";
+}
+
+.fa-text-width:before {
+  content: "\f035";
+}
+
+.fa-align-left:before {
+  content: "\f036";
+}
+
+.fa-align-center:before {
+  content: "\f037";
+}
+
+.fa-align-right:before {
+  content: "\f038";
+}
+
+.fa-align-justify:before {
+  content: "\f039";
+}
+
+.fa-list:before {
+  content: "\f03a";
+}
+
+.fa-dedent:before,
+.fa-outdent:before {
+  content: "\f03b";
+}
+
+.fa-indent:before {
+  content: "\f03c";
+}
+
+.fa-video-camera:before {
+  content: "\f03d";
+}
+
+.fa-photo:before,
+.fa-image:before,
+.fa-picture-o:before {
+  content: "\f03e";
+}
+
+.fa-pencil:before {
+  content: "\f040";
+}
+
+.fa-map-marker:before {
+  content: "\f041";
+}
+
+.fa-adjust:before {
+  content: "\f042";
+}
+
+.fa-tint:before {
+  content: "\f043";
+}
+
+.fa-edit:before,
+.fa-pencil-square-o:before {
+  content: "\f044";
+}
+
+.fa-share-square-o:before {
+  content: "\f045";
+}
+
+.fa-check-square-o:before {
+  content: "\f046";
+}
+
+.fa-arrows:before {
+  content: "\f047";
+}
+
+.fa-step-backward:before {
+  content: "\f048";
+}
+
+.fa-fast-backward:before {
+  content: "\f049";
+}
+
+.fa-backward:before {
+  content: "\f04a";
+}
+
+.fa-play:before {
+  content: "\f04b";
+}
+
+.fa-pause:before {
+  content: "\f04c";
+}
+
+.fa-stop:before {
+  content: "\f04d";
+}
+
+.fa-forward:before {
+  content: "\f04e";
+}
+
+.fa-fast-forward:before {
+  content: "\f050";
+}
+
+.fa-step-forward:before {
+  content: "\f051";
+}
+
+.fa-eject:before {
+  content: "\f052";
+}
+
+.fa-chevron-left:before {
+  content: "\f053";
+}
+
+.fa-chevron-right:before {
+  content: "\f054";
+}
+
+.fa-plus-circle:before {
+  content: "\f055";
+}
+
+.fa-minus-circle:before {
+  content: "\f056";
+}
+
+.fa-times-circle:before {
+  content: "\f057";
+}
+
+.fa-check-circle:before {
+  content: "\f058";
+}
+
+.fa-question-circle:before {
+  content: "\f059";
+}
+
+.fa-info-circle:before {
+  content: "\f05a";
+}
+
+.fa-crosshairs:before {
+  content: "\f05b";
+}
+
+.fa-times-circle-o:before {
+  content: "\f05c";
+}
+
+.fa-check-circle-o:before {
+  content: "\f05d";
+}
+
+.fa-ban:before {
+  content: "\f05e";
+}
+
+.fa-arrow-left:before {
+  content: "\f060";
+}
+
+.fa-arrow-right:before {
+  content: "\f061";
+}
+
+.fa-arrow-up:before {
+  content: "\f062";
+}
+
+.fa-arrow-down:before {
+  content: "\f063";
+}
+
+.fa-mail-forward:before,
+.fa-share:before {
+  content: "\f064";
+}
+
+.fa-expand:before {
+  content: "\f065";
+}
+
+.fa-compress:before {
+  content: "\f066";
+}
+
+.fa-plus:before {
+  content: "\f067";
+}
+
+.fa-minus:before {
+  content: "\f068";
+}
+
+.fa-asterisk:before {
+  content: "\f069";
+}
+
+.fa-exclamation-circle:before {
+  content: "\f06a";
+}
+
+.fa-gift:before {
+  content: "\f06b";
+}
+
+.fa-leaf:before {
+  content: "\f06c";
+}
+
+.fa-fire:before {
+  content: "\f06d";
+}
+
+.fa-eye:before {
+  content: "\f06e";
+}
+
+.fa-eye-slash:before {
+  content: "\f070";
+}
+
+.fa-warning:before,
+.fa-exclamation-triangle:before {
+  content: "\f071";
+}
+
+.fa-plane:before {
+  content: "\f072";
+}
+
+.fa-calendar:before {
+  content: "\f073";
+}
+
+.fa-random:before {
+  content: "\f074";
+}
+
+.fa-comment:before {
+  content: "\f075";
+}
+
+.fa-magnet:before {
+  content: "\f076";
+}
+
+.fa-chevron-up:before {
+  content: "\f077";
+}
+
+.fa-chevron-down:before {
+  content: "\f078";
+}
+
+.fa-retweet:before {
+  content: "\f079";
+}
+
+.fa-shopping-cart:before {
+  content: "\f07a";
+}
+
+.fa-folder:before {
+  content: "\f07b";
+}
+
+.fa-folder-open:before {
+  content: "\f07c";
+}
+
+.fa-arrows-v:before {
+  content: "\f07d";
+}
+
+.fa-arrows-h:before {
+  content: "\f07e";
+}
+
+.fa-bar-chart-o:before,
+.fa-bar-chart:before {
+  content: "\f080";
+}
+
+.fa-twitter-square:before {
+  content: "\f081";
+}
+
+.fa-facebook-square:before {
+  content: "\f082";
+}
+
+.fa-camera-retro:before {
+  content: "\f083";
+}
+
+.fa-key:before {
+  content: "\f084";
+}
+
+.fa-gears:before,
+.fa-cogs:before {
+  content: "\f085";
+}
+
+.fa-comments:before {
+  content: "\f086";
+}
+
+.fa-thumbs-o-up:before {
+  content: "\f087";
+}
+
+.fa-thumbs-o-down:before {
+  content: "\f088";
+}
+
+.fa-star-half:before {
+  content: "\f089";
+}
+
+.fa-heart-o:before {
+  content: "\f08a";
+}
+
+.fa-sign-out:before {
+  content: "\f08b";
+}
+
+.fa-linkedin-square:before {
+  content: "\f08c";
+}
+
+.fa-thumb-tack:before {
+  content: "\f08d";
+}
+
+.fa-external-link:before {
+  content: "\f08e";
+}
+
+.fa-sign-in:before {
+  content: "\f090";
+}
+
+.fa-trophy:before {
+  content: "\f091";
+}
+
+.fa-github-square:before {
+  content: "\f092";
+}
+
+.fa-upload:before {
+  content: "\f093";
+}
+
+.fa-lemon-o:before {
+  content: "\f094";
+}
+
+.fa-phone:before {
+  content: "\f095";
+}
+
+.fa-square-o:before {
+  content: "\f096";
+}
+
+.fa-bookmark-o:before {
+  content: "\f097";
+}
+
+.fa-phone-square:before {
+  content: "\f098";
+}
+
+.fa-twitter:before {
+  content: "\f099";
+}
+
+.fa-facebook-f:before,
+.fa-facebook:before {
+  content: "\f09a";
+}
+
+.fa-github:before {
+  content: "\f09b";
+}
+
+.fa-unlock:before {
+  content: "\f09c";
+}
+
+.fa-credit-card:before {
+  content: "\f09d";
+}
+
+.fa-feed:before,
+.fa-rss:before {
+  content: "\f09e";
+}
+
+.fa-hdd-o:before {
+  content: "\f0a0";
+}
+
+.fa-bullhorn:before {
+  content: "\f0a1";
+}
+
+.fa-bell:before {
+  content: "\f0f3";
+}
+
+.fa-certificate:before {
+  content: "\f0a3";
+}
+
+.fa-hand-o-right:before {
+  content: "\f0a4";
+}
+
+.fa-hand-o-left:before {
+  content: "\f0a5";
+}
+
+.fa-hand-o-up:before {
+  content: "\f0a6";
+}
+
+.fa-hand-o-down:before {
+  content: "\f0a7";
+}
+
+.fa-arrow-circle-left:before {
+  content: "\f0a8";
+}
+
+.fa-arrow-circle-right:before {
+  content: "\f0a9";
+}
+
+.fa-arrow-circle-up:before {
+  content: "\f0aa";
+}
+
+.fa-arrow-circle-down:before {
+  content: "\f0ab";
+}
+
+.fa-globe:before {
+  content: "\f0ac";
+}
+
+.fa-wrench:before {
+  content: "\f0ad";
+}
+
+.fa-tasks:before {
+  content: "\f0ae";
+}
+
+.fa-filter:before {
+  content: "\f0b0";
+}
+
+.fa-briefcase:before {
+  content: "\f0b1";
+}
+
+.fa-arrows-alt:before {
+  content: "\f0b2";
+}
+
+.fa-group:before,
+.fa-users:before {
+  content: "\f0c0";
+}
+
+.fa-chain:before,
+.fa-link:before {
+  content: "\f0c1";
+}
+
+.fa-cloud:before {
+  content: "\f0c2";
+}
+
+.fa-flask:before {
+  content: "\f0c3";
+}
+
+.fa-cut:before,
+.fa-scissors:before {
+  content: "\f0c4";
+}
+
+.fa-copy:before,
+.fa-files-o:before {
+  content: "\f0c5";
+}
+
+.fa-paperclip:before {
+  content: "\f0c6";
+}
+
+.fa-save:before,
+.fa-floppy-o:before {
+  content: "\f0c7";
+}
+
+.fa-square:before {
+  content: "\f0c8";
+}
+
+.fa-navicon:before,
+.fa-reorder:before,
+.fa-bars:before {
+  content: "\f0c9";
+}
+
+.fa-list-ul:before {
+  content: "\f0ca";
+}
+
+.fa-list-ol:before {
+  content: "\f0cb";
+}
+
+.fa-strikethrough:before {
+  content: "\f0cc";
+}
+
+.fa-underline:before {
+  content: "\f0cd";
+}
+
+.fa-table:before {
+  content: "\f0ce";
+}
+
+.fa-magic:before {
+  content: "\f0d0";
+}
+
+.fa-truck:before {
+  content: "\f0d1";
+}
+
+.fa-pinterest:before {
+  content: "\f0d2";
+}
+
+.fa-pinterest-square:before {
+  content: "\f0d3";
+}
+
+.fa-google-plus-square:before {
+  content: "\f0d4";
+}
+
+.fa-google-plus:before {
+  content: "\f0d5";
+}
+
+.fa-money:before {
+  content: "\f0d6";
+}
+
+.fa-caret-down:before {
+  content: "\f0d7";
+}
+
+.fa-caret-up:before {
+  content: "\f0d8";
+}
+
+.fa-caret-left:before {
+  content: "\f0d9";
+}
+
+.fa-caret-right:before {
+  content: "\f0da";
+}
+
+.fa-columns:before {
+  content: "\f0db";
+}
+
+.fa-unsorted:before,
+.fa-sort:before {
+  content: "\f0dc";
+}
+
+.fa-sort-down:before,
+.fa-sort-desc:before {
+  content: "\f0dd";
+}
+
+.fa-sort-up:before,
+.fa-sort-asc:before {
+  content: "\f0de";
+}
+
+.fa-envelope:before {
+  content: "\f0e0";
+}
+
+.fa-linkedin:before {
+  content: "\f0e1";
+}
+
+.fa-rotate-left:before,
+.fa-undo:before {
+  content: "\f0e2";
+}
+
+.fa-legal:before,
+.fa-gavel:before {
+  content: "\f0e3";
+}
+
+.fa-dashboard:before,
+.fa-tachometer:before {
+  content: "\f0e4";
+}
+
+.fa-comment-o:before {
+  content: "\f0e5";
+}
+
+.fa-comments-o:before {
+  content: "\f0e6";
+}
+
+.fa-flash:before,
+.fa-bolt:before {
+  content: "\f0e7";
+}
+
+.fa-sitemap:before {
+  content: "\f0e8";
+}
+
+.fa-umbrella:before {
+  content: "\f0e9";
+}
+
+.fa-paste:before,
+.fa-clipboard:before {
+  content: "\f0ea";
+}
+
+.fa-lightbulb-o:before {
+  content: "\f0eb";
+}
+
+.fa-exchange:before {
+  content: "\f0ec";
+}
+
+.fa-cloud-download:before {
+  content: "\f0ed";
+}
+
+.fa-cloud-upload:before {
+  content: "\f0ee";
+}
+
+.fa-user-md:before {
+  content: "\f0f0";
+}
+
+.fa-stethoscope:before {
+  content: "\f0f1";
+}
+
+.fa-suitcase:before {
+  content: "\f0f2";
+}
+
+.fa-bell-o:before {
+  content: "\f0a2";
+}
+
+.fa-coffee:before {
+  content: "\f0f4";
+}
+
+.fa-cutlery:before {
+  content: "\f0f5";
+}
+
+.fa-file-text-o:before {
+  content: "\f0f6";
+}
+
+.fa-building-o:before {
+  content: "\f0f7";
+}
+
+.fa-hospital-o:before {
+  content: "\f0f8";
+}
+
+.fa-ambulance:before {
+  content: "\f0f9";
+}
+
+.fa-medkit:before {
+  content: "\f0fa";
+}
+
+.fa-fighter-jet:before {
+  content: "\f0fb";
+}
+
+.fa-beer:before {
+  content: "\f0fc";
+}
+
+.fa-h-square:before {
+  content: "\f0fd";
+}
+
+.fa-plus-square:before {
+  content: "\f0fe";
+}
+
+.fa-angle-double-left:before {
+  content: "\f100";
+}
+
+.fa-angle-double-right:before {
+  content: "\f101";
+}
+
+.fa-angle-double-up:before {
+  content: "\f102";
+}
+
+.fa-angle-double-down:before {
+  content: "\f103";
+}
+
+.fa-angle-left:before {
+  content: "\f104";
+}
+
+.fa-angle-right:before {
+  content: "\f105";
+}
+
+.fa-angle-up:before {
+  content: "\f106";
+}
+
+.fa-angle-down:before {
+  content: "\f107";
+}
+
+.fa-desktop:before {
+  content: "\f108";
+}
+
+.fa-laptop:before {
+  content: "\f109";
+}
+
+.fa-tablet:before {
+  content: "\f10a";
+}
+
+.fa-mobile-phone:before,
+.fa-mobile:before {
+  content: "\f10b";
+}
+
+.fa-circle-o:before {
+  content: "\f10c";
+}
+
+.fa-quote-left:before {
+  content: "\f10d";
+}
+
+.fa-quote-right:before {
+  content: "\f10e";
+}
+
+.fa-spinner:before {
+  content: "\f110";
+}
+
+.fa-circle:before {
+  content: "\f111";
+}
+
+.fa-mail-reply:before,
+.fa-reply:before {
+  content: "\f112";
+}
+
+.fa-github-alt:before {
+  content: "\f113";
+}
+
+.fa-folder-o:before {
+  content: "\f114";
+}
+
+.fa-folder-open-o:before {
+  content: "\f115";
+}
+
+.fa-smile-o:before {
+  content: "\f118";
+}
+
+.fa-frown-o:before {
+  content: "\f119";
+}
+
+.fa-meh-o:before {
+  content: "\f11a";
+}
+
+.fa-gamepad:before {
+  content: "\f11b";
+}
+
+.fa-keyboard-o:before {
+  content: "\f11c";
+}
+
+.fa-flag-o:before {
+  content: "\f11d";
+}
+
+.fa-flag-checkered:before {
+  content: "\f11e";
+}
+
+.fa-terminal:before {
+  content: "\f120";
+}
+
+.fa-code:before {
+  content: "\f121";
+}
+
+.fa-mail-reply-all:before,
+.fa-reply-all:before {
+  content: "\f122";
+}
+
+.fa-star-half-empty:before,
+.fa-star-half-full:before,
+.fa-star-half-o:before {
+  content: "\f123";
+}
+
+.fa-location-arrow:before {
+  content: "\f124";
+}
+
+.fa-crop:before {
+  content: "\f125";
+}
+
+.fa-code-fork:before {
+  content: "\f126";
+}
+
+.fa-unlink:before,
+.fa-chain-broken:before {
+  content: "\f127";
+}
+
+.fa-question:before {
+  content: "\f128";
+}
+
+.fa-info:before {
+  content: "\f129";
+}
+
+.fa-exclamation:before {
+  content: "\f12a";
+}
+
+.fa-superscript:before {
+  content: "\f12b";
+}
+
+.fa-subscript:before {
+  content: "\f12c";
+}
+
+.fa-eraser:before {
+  content: "\f12d";
+}
+
+.fa-puzzle-piece:before {
+  content: "\f12e";
+}
+
+.fa-microphone:before {
+  content: "\f130";
+}
+
+.fa-microphone-slash:before {
+  content: "\f131";
+}
+
+.fa-shield:before {
+  content: "\f132";
+}
+
+.fa-calendar-o:before {
+  content: "\f133";
+}
+
+.fa-fire-extinguisher:before {
+  content: "\f134";
+}
+
+.fa-rocket:before {
+  content: "\f135";
+}
+
+.fa-maxcdn:before {
+  content: "\f136";
+}
+
+.fa-chevron-circle-left:before {
+  content: "\f137";
+}
+
+.fa-chevron-circle-right:before {
+  content: "\f138";
+}
+
+.fa-chevron-circle-up:before {
+  content: "\f139";
+}
+
+.fa-chevron-circle-down:before {
+  content: "\f13a";
+}
+
+.fa-html5:before {
+  content: "\f13b";
+}
+
+.fa-css3:before {
+  content: "\f13c";
+}
+
+.fa-anchor:before {
+  content: "\f13d";
+}
+
+.fa-unlock-alt:before {
+  content: "\f13e";
+}
+
+.fa-bullseye:before {
+  content: "\f140";
+}
+
+.fa-ellipsis-h:before {
+  content: "\f141";
+}
+
+.fa-ellipsis-v:before {
+  content: "\f142";
+}
+
+.fa-rss-square:before {
+  content: "\f143";
+}
+
+.fa-play-circle:before {
+  content: "\f144";
+}
+
+.fa-ticket:before {
+  content: "\f145";
+}
+
+.fa-minus-square:before {
+  content: "\f146";
+}
+
+.fa-minus-square-o:before {
+  content: "\f147";
+}
+
+.fa-level-up:before {
+  content: "\f148";
+}
+
+.fa-level-down:before {
+  content: "\f149";
+}
+
+.fa-check-square:before {
+  content: "\f14a";
+}
+
+.fa-pencil-square:before {
+  content: "\f14b";
+}
+
+.fa-external-link-square:before {
+  content: "\f14c";
+}
+
+.fa-share-square:before {
+  content: "\f14d";
+}
+
+.fa-compass:before {
+  content: "\f14e";
+}
+
+.fa-toggle-down:before,
+.fa-caret-square-o-down:before {
+  content: "\f150";
+}
+
+.fa-toggle-up:before,
+.fa-caret-square-o-up:before {
+  content: "\f151";
+}
+
+.fa-toggle-right:before,
+.fa-caret-square-o-right:before {
+  content: "\f152";
+}
+
+.fa-euro:before,
+.fa-eur:before {
+  content: "\f153";
+}
+
+.fa-gbp:before {
+  content: "\f154";
+}
+
+.fa-dollar:before,
+.fa-usd:before {
+  content: "\f155";
+}
+
+.fa-rupee:before,
+.fa-inr:before {
+  content: "\f156";
+}
+
+.fa-cny:before,
+.fa-rmb:before,
+.fa-yen:before,
+.fa-jpy:before {
+  content: "\f157";
+}
+
+.fa-ruble:before,
+.fa-rouble:before,
+.fa-rub:before {
+  content: "\f158";
+}
+
+.fa-won:before,
+.fa-krw:before {
+  content: "\f159";
+}
+
+.fa-bitcoin:before,
+.fa-btc:before {
+  content: "\f15a";
+}
+
+.fa-file:before {
+  content: "\f15b";
+}
+
+.fa-file-text:before {
+  content: "\f15c";
+}
+
+.fa-sort-alpha-asc:before {
+  content: "\f15d";
+}
+
+.fa-sort-alpha-desc:before {
+  content: "\f15e";
+}
+
+.fa-sort-amount-asc:before {
+  content: "\f160";
+}
+
+.fa-sort-amount-desc:before {
+  content: "\f161";
+}
+
+.fa-sort-numeric-asc:before {
+  content: "\f162";
+}
+
+.fa-sort-numeric-desc:before {
+  content: "\f163";
+}
+
+.fa-thumbs-up:before {
+  content: "\f164";
+}
+
+.fa-thumbs-down:before {
+  content: "\f165";
+}
+
+.fa-youtube-square:before {
+  content: "\f166";
+}
+
+.fa-youtube:before {
+  content: "\f167";
+}
+
+.fa-xing:before {
+  content: "\f168";
+}
+
+.fa-xing-square:before {
+  content: "\f169";
+}
+
+.fa-youtube-play:before {
+  content: "\f16a";
+}
+
+.fa-dropbox:before {
+  content: "\f16b";
+}
+
+.fa-stack-overflow:before {
+  content: "\f16c";
+}
+
+.fa-instagram:before {
+  content: "\f16d";
+}
+
+.fa-flickr:before {
+  content: "\f16e";
+}
+
+.fa-adn:before {
+  content: "\f170";
+}
+
+.fa-bitbucket:before {
+  content: "\f171";
+}
+
+.fa-bitbucket-square:before {
+  content: "\f172";
+}
+
+.fa-tumblr:before {
+  content: "\f173";
+}
+
+.fa-tumblr-square:before {
+  content: "\f174";
+}
+
+.fa-long-arrow-down:before {
+  content: "\f175";
+}
+
+.fa-long-arrow-up:before {
+  content: "\f176";
+}
+
+.fa-long-arrow-left:before {
+  content: "\f177";
+}
+
+.fa-long-arrow-right:before {
+  content: "\f178";
+}
+
+.fa-apple:before {
+  content: "\f179";
+}
+
+.fa-windows:before {
+  content: "\f17a";
+}
+
+.fa-android:before {
+  content: "\f17b";
+}
+
+.fa-linux:before {
+  content: "\f17c";
+}
+
+.fa-dribbble:before {
+  content: "\f17d";
+}
+
+.fa-skype:before {
+  content: "\f17e";
+}
+
+.fa-foursquare:before {
+  content: "\f180";
+}
+
+.fa-trello:before {
+  content: "\f181";
+}
+
+.fa-female:before {
+  content: "\f182";
+}
+
+.fa-male:before {
+  content: "\f183";
+}
+
+.fa-gittip:before,
+.fa-gratipay:before {
+  content: "\f184";
+}
+
+.fa-sun-o:before {
+  content: "\f185";
+}
+
+.fa-moon-o:before {
+  content: "\f186";
+}
+
+.fa-archive:before {
+  content: "\f187";
+}
+
+.fa-bug:before {
+  content: "\f188";
+}
+
+.fa-vk:before {
+  content: "\f189";
+}
+
+.fa-weibo:before {
+  content: "\f18a";
+}
+
+.fa-renren:before {
+  content: "\f18b";
+}
+
+.fa-pagelines:before {
+  content: "\f18c";
+}
+
+.fa-stack-exchange:before {
+  content: "\f18d";
+}
+
+.fa-arrow-circle-o-right:before {
+  content: "\f18e";
+}
+
+.fa-arrow-circle-o-left:before {
+  content: "\f190";
+}
+
+.fa-toggle-left:before,
+.fa-caret-square-o-left:before {
+  content: "\f191";
+}
+
+.fa-dot-circle-o:before {
+  content: "\f192";
+}
+
+.fa-wheelchair:before {
+  content: "\f193";
+}
+
+.fa-vimeo-square:before {
+  content: "\f194";
+}
+
+.fa-turkish-lira:before,
+.fa-try:before {
+  content: "\f195";
+}
+
+.fa-plus-square-o:before {
+  content: "\f196";
+}
+
+.fa-space-shuttle:before {
+  content: "\f197";
+}
+
+.fa-slack:before {
+  content: "\f198";
+}
+
+.fa-envelope-square:before {
+  content: "\f199";
+}
+
+.fa-wordpress:before {
+  content: "\f19a";
+}
+
+.fa-openid:before {
+  content: "\f19b";
+}
+
+.fa-institution:before,
+.fa-bank:before,
+.fa-university:before {
+  content: "\f19c";
+}
+
+.fa-mortar-board:before,
+.fa-graduation-cap:before {
+  content: "\f19d";
+}
+
+.fa-yahoo:before {
+  content: "\f19e";
+}
+
+.fa-google:before {
+  content: "\f1a0";
+}
+
+.fa-reddit:before {
+  content: "\f1a1";
+}
+
+.fa-reddit-square:before {
+  content: "\f1a2";
+}
+
+.fa-stumbleupon-circle:before {
+  content: "\f1a3";
+}
+
+.fa-stumbleupon:before {
+  content: "\f1a4";
+}
+
+.fa-delicious:before {
+  content: "\f1a5";
+}
+
+.fa-digg:before {
+  content: "\f1a6";
+}
+
+.fa-pied-piper-pp:before {
+  content: "\f1a7";
+}
+
+.fa-pied-piper-alt:before {
+  content: "\f1a8";
+}
+
+.fa-drupal:before {
+  content: "\f1a9";
+}
+
+.fa-joomla:before {
+  content: "\f1aa";
+}
+
+.fa-language:before {
+  content: "\f1ab";
+}
+
+.fa-fax:before {
+  content: "\f1ac";
+}
+
+.fa-building:before {
+  content: "\f1ad";
+}
+
+.fa-child:before {
+  content: "\f1ae";
+}
+
+.fa-paw:before {
+  content: "\f1b0";
+}
+
+.fa-spoon:before {
+  content: "\f1b1";
+}
+
+.fa-cube:before {
+  content: "\f1b2";
+}
+
+.fa-cubes:before {
+  content: "\f1b3";
+}
+
+.fa-behance:before {
+  content: "\f1b4";
+}
+
+.fa-behance-square:before {
+  content: "\f1b5";
+}
+
+.fa-steam:before {
+  content: "\f1b6";
+}
+
+.fa-steam-square:before {
+  content: "\f1b7";
+}
+
+.fa-recycle:before {
+  content: "\f1b8";
+}
+
+.fa-automobile:before,
+.fa-car:before {
+  content: "\f1b9";
+}
+
+.fa-cab:before,
+.fa-taxi:before {
+  content: "\f1ba";
+}
+
+.fa-tree:before {
+  content: "\f1bb";
+}
+
+.fa-spotify:before {
+  content: "\f1bc";
+}
+
+.fa-deviantart:before {
+  content: "\f1bd";
+}
+
+.fa-soundcloud:before {
+  content: "\f1be";
+}
+
+.fa-database:before {
+  content: "\f1c0";
+}
+
+.fa-file-pdf-o:before {
+  content: "\f1c1";
+}
+
+.fa-file-word-o:before {
+  content: "\f1c2";
+}
+
+.fa-file-excel-o:before {
+  content: "\f1c3";
+}
+
+.fa-file-powerpoint-o:before {
+  content: "\f1c4";
+}
+
+.fa-file-photo-o:before,
+.fa-file-picture-o:before,
+.fa-file-image-o:before {
+  content: "\f1c5";
+}
+
+.fa-file-zip-o:before,
+.fa-file-archive-o:before {
+  content: "\f1c6";
+}
+
+.fa-file-sound-o:before,
+.fa-file-audio-o:before {
+  content: "\f1c7";
+}
+
+.fa-file-movie-o:before,
+.fa-file-video-o:before {
+  content: "\f1c8";
+}
+
+.fa-file-code-o:before {
+  content: "\f1c9";
+}
+
+.fa-vine:before {
+  content: "\f1ca";
+}
+
+.fa-codepen:before {
+  content: "\f1cb";
+}
+
+.fa-jsfiddle:before {
+  content: "\f1cc";
+}
+
+.fa-life-bouy:before,
+.fa-life-buoy:before,
+.fa-life-saver:before,
+.fa-support:before,
+.fa-life-ring:before {
+  content: "\f1cd";
+}
+
+.fa-circle-o-notch:before {
+  content: "\f1ce";
+}
+
+.fa-ra:before,
+.fa-resistance:before,
+.fa-rebel:before {
+  content: "\f1d0";
+}
+
+.fa-ge:before,
+.fa-empire:before {
+  content: "\f1d1";
+}
+
+.fa-git-square:before {
+  content: "\f1d2";
+}
+
+.fa-git:before {
+  content: "\f1d3";
+}
+
+.fa-y-combinator-square:before,
+.fa-yc-square:before,
+.fa-hacker-news:before {
+  content: "\f1d4";
+}
+
+.fa-tencent-weibo:before {
+  content: "\f1d5";
+}
+
+.fa-qq:before {
+  content: "\f1d6";
+}
+
+.fa-wechat:before,
+.fa-weixin:before {
+  content: "\f1d7";
+}
+
+.fa-send:before,
+.fa-paper-plane:before {
+  content: "\f1d8";
+}
+
+.fa-send-o:before,
+.fa-paper-plane-o:before {
+  content: "\f1d9";
+}
+
+.fa-history:before {
+  content: "\f1da";
+}
+
+.fa-circle-thin:before {
+  content: "\f1db";
+}
+
+.fa-header:before {
+  content: "\f1dc";
+}
+
+.fa-paragraph:before {
+  content: "\f1dd";
+}
+
+.fa-sliders:before {
+  content: "\f1de";
+}
+
+.fa-share-alt:before {
+  content: "\f1e0";
+}
+
+.fa-share-alt-square:before {
+  content: "\f1e1";
+}
+
+.fa-bomb:before {
+  content: "\f1e2";
+}
+
+.fa-soccer-ball-o:before,
+.fa-futbol-o:before {
+  content: "\f1e3";
+}
+
+.fa-tty:before {
+  content: "\f1e4";
+}
+
+.fa-binoculars:before {
+  content: "\f1e5";
+}
+
+.fa-plug:before {
+  content: "\f1e6";
+}
+
+.fa-slideshare:before {
+  content: "\f1e7";
+}
+
+.fa-twitch:before {
+  content: "\f1e8";
+}
+
+.fa-yelp:before {
+  content: "\f1e9";
+}
+
+.fa-newspaper-o:before {
+  content: "\f1ea";
+}
+
+.fa-wifi:before {
+  content: "\f1eb";
+}
+
+.fa-calculator:before {
+  content: "\f1ec";
+}
+
+.fa-paypal:before {
+  content: "\f1ed";
+}
+
+.fa-google-wallet:before {
+  content: "\f1ee";
+}
+
+.fa-cc-visa:before {
+  content: "\f1f0";
+}
+
+.fa-cc-mastercard:before {
+  content: "\f1f1";
+}
+
+.fa-cc-discover:before {
+  content: "\f1f2";
+}
+
+.fa-cc-amex:before {
+  content: "\f1f3";
+}
+
+.fa-cc-paypal:before {
+  content: "\f1f4";
+}
+
+.fa-cc-stripe:before {
+  content: "\f1f5";
+}
+
+.fa-bell-slash:before {
+  content: "\f1f6";
+}
+
+.fa-bell-slash-o:before {
+  content: "\f1f7";
+}
+
+.fa-trash:before {
+  content: "\f1f8";
+}
+
+.fa-copyright:before {
+  content: "\f1f9";
+}
+
+.fa-at:before {
+  content: "\f1fa";
+}
+
+.fa-eyedropper:before {
+  content: "\f1fb";
+}
+
+.fa-paint-brush:before {
+  content: "\f1fc";
+}
+
+.fa-birthday-cake:before {
+  content: "\f1fd";
+}
+
+.fa-area-chart:before {
+  content: "\f1fe";
+}
+
+.fa-pie-chart:before {
+  content: "\f200";
+}
+
+.fa-line-chart:before {
+  content: "\f201";
+}
+
+.fa-lastfm:before {
+  content: "\f202";
+}
+
+.fa-lastfm-square:before {
+  content: "\f203";
+}
+
+.fa-toggle-off:before {
+  content: "\f204";
+}
+
+.fa-toggle-on:before {
+  content: "\f205";
+}
+
+.fa-bicycle:before {
+  content: "\f206";
+}
+
+.fa-bus:before {
+  content: "\f207";
+}
+
+.fa-ioxhost:before {
+  content: "\f208";
+}
+
+.fa-angellist:before {
+  content: "\f209";
+}
+
+.fa-cc:before {
+  content: "\f20a";
+}
+
+.fa-shekel:before,
+.fa-sheqel:before,
+.fa-ils:before {
+  content: "\f20b";
+}
+
+.fa-meanpath:before {
+  content: "\f20c";
+}
+
+.fa-buysellads:before {
+  content: "\f20d";
+}
+
+.fa-connectdevelop:before {
+  content: "\f20e";
+}
+
+.fa-dashcube:before {
+  content: "\f210";
+}
+
+.fa-forumbee:before {
+  content: "\f211";
+}
+
+.fa-leanpub:before {
+  content: "\f212";
+}
+
+.fa-sellsy:before {
+  content: "\f213";
+}
+
+.fa-shirtsinbulk:before {
+  content: "\f214";
+}
+
+.fa-simplybuilt:before {
+  content: "\f215";
+}
+
+.fa-skyatlas:before {
+  content: "\f216";
+}
+
+.fa-cart-plus:before {
+  content: "\f217";
+}
+
+.fa-cart-arrow-down:before {
+  content: "\f218";
+}
+
+.fa-diamond:before {
+  content: "\f219";
+}
+
+.fa-ship:before {
+  content: "\f21a";
+}
+
+.fa-user-secret:before {
+  content: "\f21b";
+}
+
+.fa-motorcycle:before {
+  content: "\f21c";
+}
+
+.fa-street-view:before {
+  content: "\f21d";
+}
+
+.fa-heartbeat:before {
+  content: "\f21e";
+}
+
+.fa-venus:before {
+  content: "\f221";
+}
+
+.fa-mars:before {
+  content: "\f222";
+}
+
+.fa-mercury:before {
+  content: "\f223";
+}
+
+.fa-intersex:before,
+.fa-transgender:before {
+  content: "\f224";
+}
+
+.fa-transgender-alt:before {
+  content: "\f225";
+}
+
+.fa-venus-double:before {
+  content: "\f226";
+}
+
+.fa-mars-double:before {
+  content: "\f227";
+}
+
+.fa-venus-mars:before {
+  content: "\f228";
+}
+
+.fa-mars-stroke:before {
+  content: "\f229";
+}
+
+.fa-mars-stroke-v:before {
+  content: "\f22a";
+}
+
+.fa-mars-stroke-h:before {
+  content: "\f22b";
+}
+
+.fa-neuter:before {
+  content: "\f22c";
+}
+
+.fa-genderless:before {
+  content: "\f22d";
+}
+
+.fa-facebook-official:before {
+  content: "\f230";
+}
+
+.fa-pinterest-p:before {
+  content: "\f231";
+}
+
+.fa-whatsapp:before {
+  content: "\f232";
+}
+
+.fa-server:before {
+  content: "\f233";
+}
+
+.fa-user-plus:before {
+  content: "\f234";
+}
+
+.fa-user-times:before {
+  content: "\f235";
+}
+
+.fa-hotel:before,
+.fa-bed:before {
+  content: "\f236";
+}
+
+.fa-viacoin:before {
+  content: "\f237";
+}
+
+.fa-train:before {
+  content: "\f238";
+}
+
+.fa-subway:before {
+  content: "\f239";
+}
+
+.fa-medium:before {
+  content: "\f23a";
+}
+
+.fa-yc:before,
+.fa-y-combinator:before {
+  content: "\f23b";
+}
+
+.fa-optin-monster:before {
+  content: "\f23c";
+}
+
+.fa-opencart:before {
+  content: "\f23d";
+}
+
+.fa-expeditedssl:before {
+  content: "\f23e";
+}
+
+.fa-battery-4:before,
+.fa-battery:before,
+.fa-battery-full:before {
+  content: "\f240";
+}
+
+.fa-battery-3:before,
+.fa-battery-three-quarters:before {
+  content: "\f241";
+}
+
+.fa-battery-2:before,
+.fa-battery-half:before {
+  content: "\f242";
+}
+
+.fa-battery-1:before,
+.fa-battery-quarter:before {
+  content: "\f243";
+}
+
+.fa-battery-0:before,
+.fa-battery-empty:before {
+  content: "\f244";
+}
+
+.fa-mouse-pointer:before {
+  content: "\f245";
+}
+
+.fa-i-cursor:before {
+  content: "\f246";
+}
+
+.fa-object-group:before {
+  content: "\f247";
+}
+
+.fa-object-ungroup:before {
+  content: "\f248";
+}
+
+.fa-sticky-note:before {
+  content: "\f249";
+}
+
+.fa-sticky-note-o:before {
+  content: "\f24a";
+}
+
+.fa-cc-jcb:before {
+  content: "\f24b";
+}
+
+.fa-cc-diners-club:before {
+  content: "\f24c";
+}
+
+.fa-clone:before {
+  content: "\f24d";
+}
+
+.fa-balance-scale:before {
+  content: "\f24e";
+}
+
+.fa-hourglass-o:before {
+  content: "\f250";
+}
+
+.fa-hourglass-1:before,
+.fa-hourglass-start:before {
+  content: "\f251";
+}
+
+.fa-hourglass-2:before,
+.fa-hourglass-half:before {
+  content: "\f252";
+}
+
+.fa-hourglass-3:before,
+.fa-hourglass-end:before {
+  content: "\f253";
+}
+
+.fa-hourglass:before {
+  content: "\f254";
+}
+
+.fa-hand-grab-o:before,
+.fa-hand-rock-o:before {
+  content: "\f255";
+}
+
+.fa-hand-stop-o:before,
+.fa-hand-paper-o:before {
+  content: "\f256";
+}
+
+.fa-hand-scissors-o:before {
+  content: "\f257";
+}
+
+.fa-hand-lizard-o:before {
+  content: "\f258";
+}
+
+.fa-hand-spock-o:before {
+  content: "\f259";
+}
+
+.fa-hand-pointer-o:before {
+  content: "\f25a";
+}
+
+.fa-hand-peace-o:before {
+  content: "\f25b";
+}
+
+.fa-trademark:before {
+  content: "\f25c";
+}
+
+.fa-registered:before {
+  content: "\f25d";
+}
+
+.fa-creative-commons:before {
+  content: "\f25e";
+}
+
+.fa-gg:before {
+  content: "\f260";
+}
+
+.fa-gg-circle:before {
+  content: "\f261";
+}
+
+.fa-tripadvisor:before {
+  content: "\f262";
+}
+
+.fa-odnoklassniki:before {
+  content: "\f263";
+}
+
+.fa-odnoklassniki-square:before {
+  content: "\f264";
+}
+
+.fa-get-pocket:before {
+  content: "\f265";
+}
+
+.fa-wikipedia-w:before {
+  content: "\f266";
+}
+
+.fa-safari:before {
+  content: "\f267";
+}
+
+.fa-chrome:before {
+  content: "\f268";
+}
+
+.fa-firefox:before {
+  content: "\f269";
+}
+
+.fa-opera:before {
+  content: "\f26a";
+}
+
+.fa-internet-explorer:before {
+  content: "\f26b";
+}
+
+.fa-tv:before,
+.fa-television:before {
+  content: "\f26c";
+}
+
+.fa-contao:before {
+  content: "\f26d";
+}
+
+.fa-500px:before {
+  content: "\f26e";
+}
+
+.fa-amazon:before {
+  content: "\f270";
+}
+
+.fa-calendar-plus-o:before {
+  content: "\f271";
+}
+
+.fa-calendar-minus-o:before {
+  content: "\f272";
+}
+
+.fa-calendar-times-o:before {
+  content: "\f273";
+}
+
+.fa-calendar-check-o:before {
+  content: "\f274";
+}
+
+.fa-industry:before {
+  content: "\f275";
+}
+
+.fa-map-pin:before {
+  content: "\f276";
+}
+
+.fa-map-signs:before {
+  content: "\f277";
+}
+
+.fa-map-o:before {
+  content: "\f278";
+}
+
+.fa-map:before {
+  content: "\f279";
+}
+
+.fa-commenting:before {
+  content: "\f27a";
+}
+
+.fa-commenting-o:before {
+  content: "\f27b";
+}
+
+.fa-houzz:before {
+  content: "\f27c";
+}
+
+.fa-vimeo:before {
+  content: "\f27d";
+}
+
+.fa-black-tie:before {
+  content: "\f27e";
+}
+
+.fa-fonticons:before {
+  content: "\f280";
+}
+
+.fa-reddit-alien:before {
+  content: "\f281";
+}
+
+.fa-edge:before {
+  content: "\f282";
+}
+
+.fa-credit-card-alt:before {
+  content: "\f283";
+}
+
+.fa-codiepie:before {
+  content: "\f284";
+}
+
+.fa-modx:before {
+  content: "\f285";
+}
+
+.fa-fort-awesome:before {
+  content: "\f286";
+}
+
+.fa-usb:before {
+  content: "\f287";
+}
+
+.fa-product-hunt:before {
+  content: "\f288";
+}
+
+.fa-mixcloud:before {
+  content: "\f289";
+}
+
+.fa-scribd:before {
+  content: "\f28a";
+}
+
+.fa-pause-circle:before {
+  content: "\f28b";
+}
+
+.fa-pause-circle-o:before {
+  content: "\f28c";
+}
+
+.fa-stop-circle:before {
+  content: "\f28d";
+}
+
+.fa-stop-circle-o:before {
+  content: "\f28e";
+}
+
+.fa-shopping-bag:before {
+  content: "\f290";
+}
+
+.fa-shopping-basket:before {
+  content: "\f291";
+}
+
+.fa-hashtag:before {
+  content: "\f292";
+}
+
+.fa-bluetooth:before {
+  content: "\f293";
+}
+
+.fa-bluetooth-b:before {
+  content: "\f294";
+}
+
+.fa-percent:before {
+  content: "\f295";
+}
+
+.fa-gitlab:before {
+  content: "\f296";
+}
+
+.fa-wpbeginner:before {
+  content: "\f297";
+}
+
+.fa-wpforms:before {
+  content: "\f298";
+}
+
+.fa-envira:before {
+  content: "\f299";
+}
+
+.fa-universal-access:before {
+  content: "\f29a";
+}
+
+.fa-wheelchair-alt:before {
+  content: "\f29b";
+}
+
+.fa-question-circle-o:before {
+  content: "\f29c";
+}
+
+.fa-blind:before {
+  content: "\f29d";
+}
+
+.fa-audio-description:before {
+  content: "\f29e";
+}
+
+.fa-volume-control-phone:before {
+  content: "\f2a0";
+}
+
+.fa-braille:before {
+  content: "\f2a1";
+}
+
+.fa-assistive-listening-systems:before {
+  content: "\f2a2";
+}
+
+.fa-asl-interpreting:before,
+.fa-american-sign-language-interpreting:before {
+  content: "\f2a3";
+}
+
+.fa-deafness:before,
+.fa-hard-of-hearing:before,
+.fa-deaf:before {
+  content: "\f2a4";
+}
+
+.fa-glide:before {
+  content: "\f2a5";
+}
+
+.fa-glide-g:before {
+  content: "\f2a6";
+}
+
+.fa-signing:before,
+.fa-sign-language:before {
+  content: "\f2a7";
+}
+
+.fa-low-vision:before {
+  content: "\f2a8";
+}
+
+.fa-viadeo:before {
+  content: "\f2a9";
+}
+
+.fa-viadeo-square:before {
+  content: "\f2aa";
+}
+
+.fa-snapchat:before {
+  content: "\f2ab";
+}
+
+.fa-snapchat-ghost:before {
+  content: "\f2ac";
+}
+
+.fa-snapchat-square:before {
+  content: "\f2ad";
+}
+
+.fa-pied-piper:before {
+  content: "\f2ae";
+}
+
+.fa-first-order:before {
+  content: "\f2b0";
+}
+
+.fa-yoast:before {
+  content: "\f2b1";
+}
+
+.fa-themeisle:before {
+  content: "\f2b2";
+}
+
+.fa-google-plus-circle:before,
+.fa-google-plus-official:before {
+  content: "\f2b3";
+}
+
+.fa-fa:before,
+.fa-font-awesome:before {
+  content: "\f2b4";
+}
+
+.fa-handshake-o:before {
+  content: "\f2b5";
+}
+
+.fa-envelope-open:before {
+  content: "\f2b6";
+}
+
+.fa-envelope-open-o:before {
+  content: "\f2b7";
+}
+
+.fa-linode:before {
+  content: "\f2b8";
+}
+
+.fa-address-book:before {
+  content: "\f2b9";
+}
+
+.fa-address-book-o:before {
+  content: "\f2ba";
+}
+
+.fa-vcard:before,
+.fa-address-card:before {
+  content: "\f2bb";
+}
+
+.fa-vcard-o:before,
+.fa-address-card-o:before {
+  content: "\f2bc";
+}
+
+.fa-user-circle:before {
+  content: "\f2bd";
+}
+
+.fa-user-circle-o:before {
+  content: "\f2be";
+}
+
+.fa-user-o:before {
+  content: "\f2c0";
+}
+
+.fa-id-badge:before {
+  content: "\f2c1";
+}
+
+.fa-drivers-license:before,
+.fa-id-card:before {
+  content: "\f2c2";
+}
+
+.fa-drivers-license-o:before,
+.fa-id-card-o:before {
+  content: "\f2c3";
+}
+
+.fa-quora:before {
+  content: "\f2c4";
+}
+
+.fa-free-code-camp:before {
+  content: "\f2c5";
+}
+
+.fa-telegram:before {
+  content: "\f2c6";
+}
+
+.fa-thermometer-4:before,
+.fa-thermometer:before,
+.fa-thermometer-full:before {
+  content: "\f2c7";
+}
+
+.fa-thermometer-3:before,
+.fa-thermometer-three-quarters:before {
+  content: "\f2c8";
+}
+
+.fa-thermometer-2:before,
+.fa-thermometer-half:before {
+  content: "\f2c9";
+}
+
+.fa-thermometer-1:before,
+.fa-thermometer-quarter:before {
+  content: "\f2ca";
+}
+
+.fa-thermometer-0:before,
+.fa-thermometer-empty:before {
+  content: "\f2cb";
+}
+
+.fa-shower:before {
+  content: "\f2cc";
+}
+
+.fa-bathtub:before,
+.fa-s15:before,
+.fa-bath:before {
+  content: "\f2cd";
+}
+
+.fa-podcast:before {
+  content: "\f2ce";
+}
+
+.fa-window-maximize:before {
+  content: "\f2d0";
+}
+
+.fa-window-minimize:before {
+  content: "\f2d1";
+}
+
+.fa-window-restore:before {
+  content: "\f2d2";
+}
+
+.fa-times-rectangle:before,
+.fa-window-close:before {
+  content: "\f2d3";
+}
+
+.fa-times-rectangle-o:before,
+.fa-window-close-o:before {
+  content: "\f2d4";
+}
+
+.fa-bandcamp:before {
+  content: "\f2d5";
+}
+
+.fa-grav:before {
+  content: "\f2d6";
+}
+
+.fa-etsy:before {
+  content: "\f2d7";
+}
+
+.fa-imdb:before {
+  content: "\f2d8";
+}
+
+.fa-ravelry:before {
+  content: "\f2d9";
+}
+
+.fa-eercast:before {
+  content: "\f2da";
+}
+
+.fa-microchip:before {
+  content: "\f2db";
+}
+
+.fa-snowflake-o:before {
+  content: "\f2dc";
+}
+
+.fa-superpowers:before {
+  content: "\f2dd";
+}
+
+.fa-wpexplorer:before {
+  content: "\f2de";
+}
+
+.fa-meetup:before {
+  content: "\f2e0";
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+}
+/*!
+ * Bootstrap v3.3.7 (http://getbootstrap.com)
+ * Copyright 2011-2016 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+
+html {
+  font-family: sans-serif;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+
+body {
+  margin: 0;
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block;
+}
+
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  vertical-align: baseline;
+}
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+[hidden],
+template {
+  display: none;
+}
+
+a {
+  background-color: transparent;
+}
+
+a:active,
+a:hover {
+  outline: 0;
+}
+
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+
+b,
+strong {
+  font-weight: 700;
+}
+
+dfn {
+  font-style: italic;
+}
+
+h1 {
+  margin: .67em 0;
+  font-size: 2em;
+}
+
+mark {
+  color: #000;
+  background: #ff0;
+}
+
+small {
+  font-size: 80%;
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sup {
+  top: -.5em;
+}
+
+sub {
+  bottom: -.25em;
+}
+
+img {
+  border: 0;
+}
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+figure {
+  margin: 1em 40px;
+}
+
+hr {
+  height: 0;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+
+pre {
+  overflow: auto;
+}
+
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace,monospace;
+  font-size: 1em;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  margin: 0;
+  font: inherit;
+  color: inherit;
+}
+
+button {
+  overflow: visible;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+button,
+html input[type=button],
+input[type=reset],
+input[type=submit] {
+  -webkit-appearance: button;
+  cursor: pointer;
+}
+
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  padding: 0;
+  border: 0;
+}
+
+input {
+  line-height: normal;
+}
+
+input[type=checkbox],
+input[type=radio] {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0;
+}
+
+input[type=number]::-webkit-inner-spin-button,
+input[type=number]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+input[type=search] {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  -webkit-appearance: textfield;
+}
+
+input[type=search]::-webkit-search-cancel-button,
+input[type=search]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+fieldset {
+  padding: .35em .625em .75em;
+  margin: 0 2px;
+  border: 1px solid silver;
+}
+
+legend {
+  padding: 0;
+  border: 0;
+}
+
+textarea {
+  overflow: auto;
+}
+
+optgroup {
+  font-weight: 700;
+}
+
+table {
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+td,
+th {
+  padding: 0;
+}
+
+/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
+
+@media print {
+  *,
+  :after,
+  :before {
+    color: #000!important;
+    text-shadow: none!important;
+    background: 0 0!important;
+    -webkit-box-shadow: none!important;
+    box-shadow: none!important;
+  }
+
+  a,
+  a:visited {
+    text-decoration: underline;
+  }
+
+  a[href]:after {
+    content: " (" attr(href) ")";
+  }
+
+  abbr[title]:after {
+    content: " (" attr(title) ")";
+  }
+
+  a[href^="javascript:"]:after,
+  a[href^="#"]:after {
+    content: "";
+  }
+
+  blockquote,
+  pre {
+    border: 1px solid #999;
+    page-break-inside: avoid;
+  }
+
+  thead {
+    display: table-header-group;
+  }
+
+  img,
+  tr {
+    page-break-inside: avoid;
+  }
+
+  img {
+    max-width: 100%!important;
+  }
+
+  h2,
+  h3,
+  p {
+    orphans: 3;
+    widows: 3;
+  }
+
+  h2,
+  h3 {
+    page-break-after: avoid;
+  }
+
+  .navbar {
+    display: none;
+  }
+
+  .btn>.caret,
+  .dropup>.btn>.caret {
+    border-top-color: #000!important;
+  }
+
+  .label {
+    border: 1px solid #000;
+  }
+
+  .table {
+    border-collapse: collapse!important;
+  }
+
+  .table td,
+  .table th {
+    background-color: #fff!important;
+  }
+
+  .table-bordered td,
+  .table-bordered th {
+    border: 1px solid #ddd!important;
+  }
+}
+
+@font-face {
+  font-family: 'Glyphicons Halflings';
+  src: url(../fonts/glyphicons-halflings-regular.eot);
+  src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
+}
+
+.glyphicon {
+  position: relative;
+  top: 1px;
+  display: inline-block;
+  font-family: 'Glyphicons Halflings';
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.glyphicon-asterisk:before {
+  content: "\002a";
+}
+
+.glyphicon-plus:before {
+  content: "\002b";
+}
+
+.glyphicon-eur:before,
+.glyphicon-euro:before {
+  content: "\20ac";
+}
+
+.glyphicon-minus:before {
+  content: "\2212";
+}
+
+.glyphicon-cloud:before {
+  content: "\2601";
+}
+
+.glyphicon-envelope:before {
+  content: "\2709";
+}
+
+.glyphicon-pencil:before {
+  content: "\270f";
+}
+
+.glyphicon-glass:before {
+  content: "\e001";
+}
+
+.glyphicon-music:before {
+  content: "\e002";
+}
+
+.glyphicon-search:before {
+  content: "\e003";
+}
+
+.glyphicon-heart:before {
+  content: "\e005";
+}
+
+.glyphicon-star:before {
+  content: "\e006";
+}
+
+.glyphicon-star-empty:before {
+  content: "\e007";
+}
+
+.glyphicon-user:before {
+  content: "\e008";
+}
+
+.glyphicon-film:before {
+  content: "\e009";
+}
+
+.glyphicon-th-large:before {
+  content: "\e010";
+}
+
+.glyphicon-th:before {
+  content: "\e011";
+}
+
+.glyphicon-th-list:before {
+  content: "\e012";
+}
+
+.glyphicon-ok:before {
+  content: "\e013";
+}
+
+.glyphicon-remove:before {
+  content: "\e014";
+}
+
+.glyphicon-zoom-in:before {
+  content: "\e015";
+}
+
+.glyphicon-zoom-out:before {
+  content: "\e016";
+}
+
+.glyphicon-off:before {
+  content: "\e017";
+}
+
+.glyphicon-signal:before {
+  content: "\e018";
+}
+
+.glyphicon-cog:before {
+  content: "\e019";
+}
+
+.glyphicon-trash:before {
+  content: "\e020";
+}
+
+.glyphicon-home:before {
+  content: "\e021";
+}
+
+.glyphicon-file:before {
+  content: "\e022";
+}
+
+.glyphicon-time:before {
+  content: "\e023";
+}
+
+.glyphicon-road:before {
+  content: "\e024";
+}
+
+.glyphicon-download-alt:before {
+  content: "\e025";
+}
+
+.glyphicon-download:before {
+  content: "\e026";
+}
+
+.glyphicon-upload:before {
+  content: "\e027";
+}
+
+.glyphicon-inbox:before {
+  content: "\e028";
+}
+
+.glyphicon-play-circle:before {
+  content: "\e029";
+}
+
+.glyphicon-repeat:before {
+  content: "\e030";
+}
+
+.glyphicon-refresh:before {
+  content: "\e031";
+}
+
+.glyphicon-list-alt:before {
+  content: "\e032";
+}
+
+.glyphicon-lock:before {
+  content: "\e033";
+}
+
+.glyphicon-flag:before {
+  content: "\e034";
+}
+
+.glyphicon-headphones:before {
+  content: "\e035";
+}
+
+.glyphicon-volume-off:before {
+  content: "\e036";
+}
+
+.glyphicon-volume-down:before {
+  content: "\e037";
+}
+
+.glyphicon-volume-up:before {
+  content: "\e038";
+}
+
+.glyphicon-qrcode:before {
+  content: "\e039";
+}
+
+.glyphicon-barcode:before {
+  content: "\e040";
+}
+
+.glyphicon-tag:before {
+  content: "\e041";
+}
+
+.glyphicon-tags:before {
+  content: "\e042";
+}
+
+.glyphicon-book:before {
+  content: "\e043";
+}
+
+.glyphicon-bookmark:before {
+  content: "\e044";
+}
+
+.glyphicon-print:before {
+  content: "\e045";
+}
+
+.glyphicon-camera:before {
+  content: "\e046";
+}
+
+.glyphicon-font:before {
+  content: "\e047";
+}
+
+.glyphicon-bold:before {
+  content: "\e048";
+}
+
+.glyphicon-italic:before {
+  content: "\e049";
+}
+
+.glyphicon-text-height:before {
+  content: "\e050";
+}
+
+.glyphicon-text-width:before {
+  content: "\e051";
+}
+
+.glyphicon-align-left:before {
+  content: "\e052";
+}
+
+.glyphicon-align-center:before {
+  content: "\e053";
+}
+
+.glyphicon-align-right:before {
+  content: "\e054";
+}
+
+.glyphicon-align-justify:before {
+  content: "\e055";
+}
+
+.glyphicon-list:before {
+  content: "\e056";
+}
+
+.glyphicon-indent-left:before {
+  content: "\e057";
+}
+
+.glyphicon-indent-right:before {
+  content: "\e058";
+}
+
+.glyphicon-facetime-video:before {
+  content: "\e059";
+}
+
+.glyphicon-picture:before {
+  content: "\e060";
+}
+
+.glyphicon-map-marker:before {
+  content: "\e062";
+}
+
+.glyphicon-adjust:before {
+  content: "\e063";
+}
+
+.glyphicon-tint:before {
+  content: "\e064";
+}
+
+.glyphicon-edit:before {
+  content: "\e065";
+}
+
+.glyphicon-share:before {
+  content: "\e066";
+}
+
+.glyphicon-check:before {
+  content: "\e067";
+}
+
+.glyphicon-move:before {
+  content: "\e068";
+}
+
+.glyphicon-step-backward:before {
+  content: "\e069";
+}
+
+.glyphicon-fast-backward:before {
+  content: "\e070";
+}
+
+.glyphicon-backward:before {
+  content: "\e071";
+}
+
+.glyphicon-play:before {
+  content: "\e072";
+}
+
+.glyphicon-pause:before {
+  content: "\e073";
+}
+
+.glyphicon-stop:before {
+  content: "\e074";
+}
+
+.glyphicon-forward:before {
+  content: "\e075";
+}
+
+.glyphicon-fast-forward:before {
+  content: "\e076";
+}
+
+.glyphicon-step-forward:before {
+  content: "\e077";
+}
+
+.glyphicon-eject:before {
+  content: "\e078";
+}
+
+.glyphicon-chevron-left:before {
+  content: "\e079";
+}
+
+.glyphicon-chevron-right:before {
+  content: "\e080";
+}
+
+.glyphicon-plus-sign:before {
+  content: "\e081";
+}
+
+.glyphicon-minus-sign:before {
+  content: "\e082";
+}
+
+.glyphicon-remove-sign:before {
+  content: "\e083";
+}
+
+.glyphicon-ok-sign:before {
+  content: "\e084";
+}
+
+.glyphicon-question-sign:before {
+  content: "\e085";
+}
+
+.glyphicon-info-sign:before {
+  content: "\e086";
+}
+
+.glyphicon-screenshot:before {
+  content: "\e087";
+}
+
+.glyphicon-remove-circle:before {
+  content: "\e088";
+}
+
+.glyphicon-ok-circle:before {
+  content: "\e089";
+}
+
+.glyphicon-ban-circle:before {
+  content: "\e090";
+}
+
+.glyphicon-arrow-left:before {
+  content: "\e091";
+}
+
+.glyphicon-arrow-right:before {
+  content: "\e092";
+}
+
+.glyphicon-arrow-up:before {
+  content: "\e093";
+}
+
+.glyphicon-arrow-down:before {
+  content: "\e094";
+}
+
+.glyphicon-share-alt:before {
+  content: "\e095";
+}
+
+.glyphicon-resize-full:before {
+  content: "\e096";
+}
+
+.glyphicon-resize-small:before {
+  content: "\e097";
+}
+
+.glyphicon-exclamation-sign:before {
+  content: "\e101";
+}
+
+.glyphicon-gift:before {
+  content: "\e102";
+}
+
+.glyphicon-leaf:before {
+  content: "\e103";
+}
+
+.glyphicon-fire:before {
+  content: "\e104";
+}
+
+.glyphicon-eye-open:before {
+  content: "\e105";
+}
+
+.glyphicon-eye-close:before {
+  content: "\e106";
+}
+
+.glyphicon-warning-sign:before {
+  content: "\e107";
+}
+
+.glyphicon-plane:before {
+  content: "\e108";
+}
+
+.glyphicon-calendar:before {
+  content: "\e109";
+}
+
+.glyphicon-random:before {
+  content: "\e110";
+}
+
+.glyphicon-comment:before {
+  content: "\e111";
+}
+
+.glyphicon-magnet:before {
+  content: "\e112";
+}
+
+.glyphicon-chevron-up:before {
+  content: "\e113";
+}
+
+.glyphicon-chevron-down:before {
+  content: "\e114";
+}
+
+.glyphicon-retweet:before {
+  content: "\e115";
+}
+
+.glyphicon-shopping-cart:before {
+  content: "\e116";
+}
+
+.glyphicon-folder-close:before {
+  content: "\e117";
+}
+
+.glyphicon-folder-open:before {
+  content: "\e118";
+}
+
+.glyphicon-resize-vertical:before {
+  content: "\e119";
+}
+
+.glyphicon-resize-horizontal:before {
+  content: "\e120";
+}
+
+.glyphicon-hdd:before {
+  content: "\e121";
+}
+
+.glyphicon-bullhorn:before {
+  content: "\e122";
+}
+
+.glyphicon-bell:before {
+  content: "\e123";
+}
+
+.glyphicon-certificate:before {
+  content: "\e124";
+}
+
+.glyphicon-thumbs-up:before {
+  content: "\e125";
+}
+
+.glyphicon-thumbs-down:before {
+  content: "\e126";
+}
+
+.glyphicon-hand-right:before {
+  content: "\e127";
+}
+
+.glyphicon-hand-left:before {
+  content: "\e128";
+}
+
+.glyphicon-hand-up:before {
+  content: "\e129";
+}
+
+.glyphicon-hand-down:before {
+  content: "\e130";
+}
+
+.glyphicon-circle-arrow-right:before {
+  content: "\e131";
+}
+
+.glyphicon-circle-arrow-left:before {
+  content: "\e132";
+}
+
+.glyphicon-circle-arrow-up:before {
+  content: "\e133";
+}
+
+.glyphicon-circle-arrow-down:before {
+  content: "\e134";
+}
+
+.glyphicon-globe:before {
+  content: "\e135";
+}
+
+.glyphicon-wrench:before {
+  content: "\e136";
+}
+
+.glyphicon-tasks:before {
+  content: "\e137";
+}
+
+.glyphicon-filter:before {
+  content: "\e138";
+}
+
+.glyphicon-briefcase:before {
+  content: "\e139";
+}
+
+.glyphicon-fullscreen:before {
+  content: "\e140";
+}
+
+.glyphicon-dashboard:before {
+  content: "\e141";
+}
+
+.glyphicon-paperclip:before {
+  content: "\e142";
+}
+
+.glyphicon-heart-empty:before {
+  content: "\e143";
+}
+
+.glyphicon-link:before {
+  content: "\e144";
+}
+
+.glyphicon-phone:before {
+  content: "\e145";
+}
+
+.glyphicon-pushpin:before {
+  content: "\e146";
+}
+
+.glyphicon-usd:before {
+  content: "\e148";
+}
+
+.glyphicon-gbp:before {
+  content: "\e149";
+}
+
+.glyphicon-sort:before {
+  content: "\e150";
+}
+
+.glyphicon-sort-by-alphabet:before {
+  content: "\e151";
+}
+
+.glyphicon-sort-by-alphabet-alt:before {
+  content: "\e152";
+}
+
+.glyphicon-sort-by-order:before {
+  content: "\e153";
+}
+
+.glyphicon-sort-by-order-alt:before {
+  content: "\e154";
+}
+
+.glyphicon-sort-by-attributes:before {
+  content: "\e155";
+}
+
+.glyphicon-sort-by-attributes-alt:before {
+  content: "\e156";
+}
+
+.glyphicon-unchecked:before {
+  content: "\e157";
+}
+
+.glyphicon-expand:before {
+  content: "\e158";
+}
+
+.glyphicon-collapse-down:before {
+  content: "\e159";
+}
+
+.glyphicon-collapse-up:before {
+  content: "\e160";
+}
+
+.glyphicon-log-in:before {
+  content: "\e161";
+}
+
+.glyphicon-flash:before {
+  content: "\e162";
+}
+
+.glyphicon-log-out:before {
+  content: "\e163";
+}
+
+.glyphicon-new-window:before {
+  content: "\e164";
+}
+
+.glyphicon-record:before {
+  content: "\e165";
+}
+
+.glyphicon-save:before {
+  content: "\e166";
+}
+
+.glyphicon-open:before {
+  content: "\e167";
+}
+
+.glyphicon-saved:before {
+  content: "\e168";
+}
+
+.glyphicon-import:before {
+  content: "\e169";
+}
+
+.glyphicon-export:before {
+  content: "\e170";
+}
+
+.glyphicon-send:before {
+  content: "\e171";
+}
+
+.glyphicon-floppy-disk:before {
+  content: "\e172";
+}
+
+.glyphicon-floppy-saved:before {
+  content: "\e173";
+}
+
+.glyphicon-floppy-remove:before {
+  content: "\e174";
+}
+
+.glyphicon-floppy-save:before {
+  content: "\e175";
+}
+
+.glyphicon-floppy-open:before {
+  content: "\e176";
+}
+
+.glyphicon-credit-card:before {
+  content: "\e177";
+}
+
+.glyphicon-transfer:before {
+  content: "\e178";
+}
+
+.glyphicon-cutlery:before {
+  content: "\e179";
+}
+
+.glyphicon-header:before {
+  content: "\e180";
+}
+
+.glyphicon-compressed:before {
+  content: "\e181";
+}
+
+.glyphicon-earphone:before {
+  content: "\e182";
+}
+
+.glyphicon-phone-alt:before {
+  content: "\e183";
+}
+
+.glyphicon-tower:before {
+  content: "\e184";
+}
+
+.glyphicon-stats:before {
+  content: "\e185";
+}
+
+.glyphicon-sd-video:before {
+  content: "\e186";
+}
+
+.glyphicon-hd-video:before {
+  content: "\e187";
+}
+
+.glyphicon-subtitles:before {
+  content: "\e188";
+}
+
+.glyphicon-sound-stereo:before {
+  content: "\e189";
+}
+
+.glyphicon-sound-dolby:before {
+  content: "\e190";
+}
+
+.glyphicon-sound-5-1:before {
+  content: "\e191";
+}
+
+.glyphicon-sound-6-1:before {
+  content: "\e192";
+}
+
+.glyphicon-sound-7-1:before {
+  content: "\e193";
+}
+
+.glyphicon-copyright-mark:before {
+  content: "\e194";
+}
+
+.glyphicon-registration-mark:before {
+  content: "\e195";
+}
+
+.glyphicon-cloud-download:before {
+  content: "\e197";
+}
+
+.glyphicon-cloud-upload:before {
+  content: "\e198";
+}
+
+.glyphicon-tree-conifer:before {
+  content: "\e199";
+}
+
+.glyphicon-tree-deciduous:before {
+  content: "\e200";
+}
+
+.glyphicon-cd:before {
+  content: "\e201";
+}
+
+.glyphicon-save-file:before {
+  content: "\e202";
+}
+
+.glyphicon-open-file:before {
+  content: "\e203";
+}
+
+.glyphicon-level-up:before {
+  content: "\e204";
+}
+
+.glyphicon-copy:before {
+  content: "\e205";
+}
+
+.glyphicon-paste:before {
+  content: "\e206";
+}
+
+.glyphicon-alert:before {
+  content: "\e209";
+}
+
+.glyphicon-equalizer:before {
+  content: "\e210";
+}
+
+.glyphicon-king:before {
+  content: "\e211";
+}
+
+.glyphicon-queen:before {
+  content: "\e212";
+}
+
+.glyphicon-pawn:before {
+  content: "\e213";
+}
+
+.glyphicon-bishop:before {
+  content: "\e214";
+}
+
+.glyphicon-knight:before {
+  content: "\e215";
+}
+
+.glyphicon-baby-formula:before {
+  content: "\e216";
+}
+
+.glyphicon-tent:before {
+  content: "\26fa";
+}
+
+.glyphicon-blackboard:before {
+  content: "\e218";
+}
+
+.glyphicon-bed:before {
+  content: "\e219";
+}
+
+.glyphicon-apple:before {
+  content: "\f8ff";
+}
+
+.glyphicon-erase:before {
+  content: "\e221";
+}
+
+.glyphicon-hourglass:before {
+  content: "\231b";
+}
+
+.glyphicon-lamp:before {
+  content: "\e223";
+}
+
+.glyphicon-duplicate:before {
+  content: "\e224";
+}
+
+.glyphicon-piggy-bank:before {
+  content: "\e225";
+}
+
+.glyphicon-scissors:before {
+  content: "\e226";
+}
+
+.glyphicon-bitcoin:before {
+  content: "\e227";
+}
+
+.glyphicon-btc:before {
+  content: "\e227";
+}
+
+.glyphicon-xbt:before {
+  content: "\e227";
+}
+
+.glyphicon-yen:before {
+  content: "\00a5";
+}
+
+.glyphicon-jpy:before {
+  content: "\00a5";
+}
+
+.glyphicon-ruble:before {
+  content: "\20bd";
+}
+
+.glyphicon-rub:before {
+  content: "\20bd";
+}
+
+.glyphicon-scale:before {
+  content: "\e230";
+}
+
+.glyphicon-ice-lolly:before {
+  content: "\e231";
+}
+
+.glyphicon-ice-lolly-tasted:before {
+  content: "\e232";
+}
+
+.glyphicon-education:before {
+  content: "\e233";
+}
+
+.glyphicon-option-horizontal:before {
+  content: "\e234";
+}
+
+.glyphicon-option-vertical:before {
+  content: "\e235";
+}
+
+.glyphicon-menu-hamburger:before {
+  content: "\e236";
+}
+
+.glyphicon-modal-window:before {
+  content: "\e237";
+}
+
+.glyphicon-oil:before {
+  content: "\e238";
+}
+
+.glyphicon-grain:before {
+  content: "\e239";
+}
+
+.glyphicon-sunglasses:before {
+  content: "\e240";
+}
+
+.glyphicon-text-size:before {
+  content: "\e241";
+}
+
+.glyphicon-text-color:before {
+  content: "\e242";
+}
+
+.glyphicon-text-background:before {
+  content: "\e243";
+}
+
+.glyphicon-object-align-top:before {
+  content: "\e244";
+}
+
+.glyphicon-object-align-bottom:before {
+  content: "\e245";
+}
+
+.glyphicon-object-align-horizontal:before {
+  content: "\e246";
+}
+
+.glyphicon-object-align-left:before {
+  content: "\e247";
+}
+
+.glyphicon-object-align-vertical:before {
+  content: "\e248";
+}
+
+.glyphicon-object-align-right:before {
+  content: "\e249";
+}
+
+.glyphicon-triangle-right:before {
+  content: "\e250";
+}
+
+.glyphicon-triangle-left:before {
+  content: "\e251";
+}
+
+.glyphicon-triangle-bottom:before {
+  content: "\e252";
+}
+
+.glyphicon-triangle-top:before {
+  content: "\e253";
+}
+
+.glyphicon-console:before {
+  content: "\e254";
+}
+
+.glyphicon-superscript:before {
+  content: "\e255";
+}
+
+.glyphicon-subscript:before {
+  content: "\e256";
+}
+
+.glyphicon-menu-left:before {
+  content: "\e257";
+}
+
+.glyphicon-menu-right:before {
+  content: "\e258";
+}
+
+.glyphicon-menu-down:before {
+  content: "\e259";
+}
+
+.glyphicon-menu-up:before {
+  content: "\e260";
+}
+
+* {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+:after,
+:before {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+html {
+  font-size: 10px;
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+
+body {
+  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+  font-size: 14px;
+  line-height: 1.42857143;
+  color: #333;
+  background-color: #fff;
+}
+
+button,
+input,
+select,
+textarea {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+a {
+  color: #337ab7;
+  text-decoration: none;
+}
+
+a:focus,
+a:hover {
+  color: #23527c;
+  text-decoration: underline;
+}
+
+a:focus {
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+
+figure {
+  margin: 0;
+}
+
+img {
+  vertical-align: middle;
+}
+
+.carousel-inner>.item>a>img,
+.carousel-inner>.item>img,
+.img-responsive,
+.thumbnail a>img,
+.thumbnail>img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+
+.img-rounded {
+  border-radius: 6px;
+}
+
+.img-thumbnail {
+  display: inline-block;
+  max-width: 100%;
+  height: auto;
+  padding: 4px;
+  line-height: 1.42857143;
+  background-color: #fff;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  -webkit-transition: all .2s ease-in-out;
+  -o-transition: all .2s ease-in-out;
+  transition: all .2s ease-in-out;
+}
+
+.img-circle {
+  border-radius: 50%;
+}
+
+hr {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  border: 0;
+  border-top: 1px solid #eee;
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0,0,0,0);
+  border: 0;
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: inherit;
+  font-weight: 500;
+  line-height: 1.1;
+  color: inherit;
+}
+
+.h1 .small,
+.h1 small,
+.h2 .small,
+.h2 small,
+.h3 .small,
+.h3 small,
+.h4 .small,
+.h4 small,
+.h5 .small,
+.h5 small,
+.h6 .small,
+.h6 small,
+h1 .small,
+h1 small,
+h2 .small,
+h2 small,
+h3 .small,
+h3 small,
+h4 .small,
+h4 small,
+h5 .small,
+h5 small,
+h6 .small,
+h6 small {
+  font-weight: 400;
+  line-height: 1;
+  color: #777;
+}
+
+.h1,
+.h2,
+.h3,
+h1,
+h2,
+h3 {
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
+
+.h1 .small,
+.h1 small,
+.h2 .small,
+.h2 small,
+.h3 .small,
+.h3 small,
+h1 .small,
+h1 small,
+h2 .small,
+h2 small,
+h3 .small,
+h3 small {
+  font-size: 65%;
+}
+
+.h4,
+.h5,
+.h6,
+h4,
+h5,
+h6 {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+.h4 .small,
+.h4 small,
+.h5 .small,
+.h5 small,
+.h6 .small,
+.h6 small,
+h4 .small,
+h4 small,
+h5 .small,
+h5 small,
+h6 .small,
+h6 small {
+  font-size: 75%;
+}
+
+.h1,
+h1 {
+  font-size: 36px;
+}
+
+.h2,
+h2 {
+  font-size: 30px;
+}
+
+.h3,
+h3 {
+  font-size: 24px;
+}
+
+.h4,
+h4 {
+  font-size: 18px;
+}
+
+.h5,
+h5 {
+  font-size: 14px;
+}
+
+.h6,
+h6 {
+  font-size: 12px;
+}
+
+p {
+  margin: 0 0 10px;
+}
+
+.lead {
+  margin-bottom: 20px;
+  font-size: 16px;
+  font-weight: 300;
+  line-height: 1.4;
+}
+
+@media (min-width:768px) {
+  .lead {
+    font-size: 21px;
+  }
+}
+
+.small,
+small {
+  font-size: 85%;
+}
+
+.mark,
+mark {
+  padding: .2em;
+  background-color: #fcf8e3;
+}
+
+.text-left {
+  text-align: left;
+}
+
+.text-right {
+  text-align: right;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-justify {
+  text-align: justify;
+}
+
+.text-nowrap {
+  white-space: nowrap;
+}
+
+.text-lowercase {
+  text-transform: lowercase;
+}
+
+.text-uppercase {
+  text-transform: uppercase;
+}
+
+.text-capitalize {
+  text-transform: capitalize;
+}
+
+.text-muted {
+  color: #777;
+}
+
+.text-primary {
+  color: #337ab7;
+}
+
+a.text-primary:focus,
+a.text-primary:hover {
+  color: #286090;
+}
+
+.text-success {
+  color: #3c763d;
+}
+
+a.text-success:focus,
+a.text-success:hover {
+  color: #2b542c;
+}
+
+.text-info {
+  color: #31708f;
+}
+
+a.text-info:focus,
+a.text-info:hover {
+  color: #245269;
+}
+
+.text-warning {
+  color: #8a6d3b;
+}
+
+a.text-warning:focus,
+a.text-warning:hover {
+  color: #66512c;
+}
+
+.text-danger {
+  color: #a94442;
+}
+
+a.text-danger:focus,
+a.text-danger:hover {
+  color: #843534;
+}
+
+.bg-primary {
+  color: #fff;
+  background-color: #337ab7;
+}
+
+a.bg-primary:focus,
+a.bg-primary:hover {
+  background-color: #286090;
+}
+
+.bg-success {
+  background-color: #dff0d8;
+}
+
+a.bg-success:focus,
+a.bg-success:hover {
+  background-color: #c1e2b3;
+}
+
+.bg-info {
+  background-color: #d9edf7;
+}
+
+a.bg-info:focus,
+a.bg-info:hover {
+  background-color: #afd9ee;
+}
+
+.bg-warning {
+  background-color: #fcf8e3;
+}
+
+a.bg-warning:focus,
+a.bg-warning:hover {
+  background-color: #f7ecb5;
+}
+
+.bg-danger {
+  background-color: #f2dede;
+}
+
+a.bg-danger:focus,
+a.bg-danger:hover {
+  background-color: #e4b9b9;
+}
+
+.page-header {
+  padding-bottom: 9px;
+  margin: 40px 0 20px;
+  border-bottom: 1px solid #eee;
+}
+
+ol,
+ul {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+
+ol ol,
+ol ul,
+ul ol,
+ul ul {
+  margin-bottom: 0;
+}
+
+.list-unstyled {
+  padding-left: 0;
+  list-style: none;
+}
+
+.list-inline {
+  padding-left: 0;
+  margin-left: -5px;
+  list-style: none;
+}
+
+.list-inline>li {
+  display: inline-block;
+  padding-right: 5px;
+  padding-left: 5px;
+}
+
+dl {
+  margin-top: 0;
+  margin-bottom: 20px;
+}
+
+dd,
+dt {
+  line-height: 1.42857143;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-left: 0;
+}
+
+@media (min-width:768px) {
+  .dl-horizontal dt {
+    float: left;
+    width: 160px;
+    overflow: hidden;
+    clear: left;
+    text-align: right;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .dl-horizontal dd {
+    margin-left: 180px;
+  }
+}
+
+abbr[data-original-title],
+abbr[title] {
+  cursor: help;
+  border-bottom: 1px dotted #777;
+}
+
+.initialism {
+  font-size: 90%;
+  text-transform: uppercase;
+}
+
+blockquote {
+  padding: 10px 20px;
+  margin: 0 0 20px;
+  font-size: 17.5px;
+  border-left: 5px solid #eee;
+}
+
+blockquote ol:last-child,
+blockquote p:last-child,
+blockquote ul:last-child {
+  margin-bottom: 0;
+}
+
+blockquote .small,
+blockquote footer,
+blockquote small {
+  display: block;
+  font-size: 80%;
+  line-height: 1.42857143;
+  color: #777;
+}
+
+blockquote .small:before,
+blockquote footer:before,
+blockquote small:before {
+  content: '\2014 \00A0';
+}
+
+.blockquote-reverse,
+blockquote.pull-right {
+  padding-right: 15px;
+  padding-left: 0;
+  text-align: right;
+  border-right: 5px solid #eee;
+  border-left: 0;
+}
+
+.blockquote-reverse .small:before,
+.blockquote-reverse footer:before,
+.blockquote-reverse small:before,
+blockquote.pull-right .small:before,
+blockquote.pull-right footer:before,
+blockquote.pull-right small:before {
+  content: '';
+}
+
+.blockquote-reverse .small:after,
+.blockquote-reverse footer:after,
+.blockquote-reverse small:after,
+blockquote.pull-right .small:after,
+blockquote.pull-right footer:after,
+blockquote.pull-right small:after {
+  content: '\00A0 \2014';
+}
+
+address {
+  margin-bottom: 20px;
+  font-style: normal;
+  line-height: 1.42857143;
+}
+
+code,
+kbd,
+pre,
+samp {
+  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
+}
+
+code {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: #c7254e;
+  background-color: #f9f2f4;
+  border-radius: 4px;
+}
+
+kbd {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: #fff;
+  background-color: #333;
+  border-radius: 3px;
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
+  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
+}
+
+kbd kbd {
+  padding: 0;
+  font-size: 100%;
+  font-weight: 700;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+pre {
+  display: block;
+  padding: 9.5px;
+  margin: 0 0 10px;
+  font-size: 13px;
+  line-height: 1.42857143;
+  color: #333;
+  word-break: break-all;
+  word-wrap: break-word;
+  background-color: #f5f5f5;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+
+pre code {
+  padding: 0;
+  font-size: inherit;
+  color: inherit;
+  white-space: pre-wrap;
+  background-color: transparent;
+  border-radius: 0;
+}
+
+.pre-scrollable {
+  max-height: 340px;
+  overflow-y: scroll;
+}
+
+.container {
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+@media (min-width:768px) {
+  .container {
+    width: 750px;
+  }
+}
+
+@media (min-width:992px) {
+  .container {
+    width: 970px;
+  }
+}
+
+@media (min-width:1200px) {
+  .container {
+    width: 1170px;
+  }
+}
+
+.container-fluid {
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.row {
+  margin-right: -15px;
+  margin-left: -15px;
+}
+
+.col-lg-1,
+.col-lg-10,
+.col-lg-11,
+.col-lg-12,
+.col-lg-2,
+.col-lg-3,
+.col-lg-4,
+.col-lg-5,
+.col-lg-6,
+.col-lg-7,
+.col-lg-8,
+.col-lg-9,
+.col-md-1,
+.col-md-10,
+.col-md-11,
+.col-md-12,
+.col-md-2,
+.col-md-3,
+.col-md-4,
+.col-md-5,
+.col-md-6,
+.col-md-7,
+.col-md-8,
+.col-md-9,
+.col-sm-1,
+.col-sm-10,
+.col-sm-11,
+.col-sm-12,
+.col-sm-2,
+.col-sm-3,
+.col-sm-4,
+.col-sm-5,
+.col-sm-6,
+.col-sm-7,
+.col-sm-8,
+.col-sm-9,
+.col-xs-1,
+.col-xs-10,
+.col-xs-11,
+.col-xs-12,
+.col-xs-2,
+.col-xs-3,
+.col-xs-4,
+.col-xs-5,
+.col-xs-6,
+.col-xs-7,
+.col-xs-8,
+.col-xs-9 {
+  position: relative;
+  min-height: 1px;
+  padding-right: 15px;
+  padding-left: 15px;
+}
+
+.col-xs-1,
+.col-xs-10,
+.col-xs-11,
+.col-xs-12,
+.col-xs-2,
+.col-xs-3,
+.col-xs-4,
+.col-xs-5,
+.col-xs-6,
+.col-xs-7,
+.col-xs-8,
+.col-xs-9 {
+  float: left;
+}
+
+.col-xs-12 {
+  width: 100%;
+}
+
+.col-xs-11 {
+  width: 91.66666667%;
+}
+
+.col-xs-10 {
+  width: 83.33333333%;
+}
+
+.col-xs-9 {
+  width: 75%;
+}
+
+.col-xs-8 {
+  width: 66.66666667%;
+}
+
+.col-xs-7 {
+  width: 58.33333333%;
+}
+
+.col-xs-6 {
+  width: 50%;
+}
+
+.col-xs-5 {
+  width: 41.66666667%;
+}
+
+.col-xs-4 {
+  width: 33.33333333%;
+}
+
+.col-xs-3 {
+  width: 25%;
+}
+
+.col-xs-2 {
+  width: 16.66666667%;
+}
+
+.col-xs-1 {
+  width: 8.33333333%;
+}
+
+.col-xs-pull-12 {
+  right: 100%;
+}
+
+.col-xs-pull-11 {
+  right: 91.66666667%;
+}
+
+.col-xs-pull-10 {
+  right: 83.33333333%;
+}
+
+.col-xs-pull-9 {
+  right: 75%;
+}
+
+.col-xs-pull-8 {
+  right: 66.66666667%;
+}
+
+.col-xs-pull-7 {
+  right: 58.33333333%;
+}
+
+.col-xs-pull-6 {
+  right: 50%;
+}
+
+.col-xs-pull-5 {
+  right: 41.66666667%;
+}
+
+.col-xs-pull-4 {
+  right: 33.33333333%;
+}
+
+.col-xs-pull-3 {
+  right: 25%;
+}
+
+.col-xs-pull-2 {
+  right: 16.66666667%;
+}
+
+.col-xs-pull-1 {
+  right: 8.33333333%;
+}
+
+.col-xs-pull-0 {
+  right: auto;
+}
+
+.col-xs-push-12 {
+  left: 100%;
+}
+
+.col-xs-push-11 {
+  left: 91.66666667%;
+}
+
+.col-xs-push-10 {
+  left: 83.33333333%;
+}
+
+.col-xs-push-9 {
+  left: 75%;
+}
+
+.col-xs-push-8 {
+  left: 66.66666667%;
+}
+
+.col-xs-push-7 {
+  left: 58.33333333%;
+}
+
+.col-xs-push-6 {
+  left: 50%;
+}
+
+.col-xs-push-5 {
+  left: 41.66666667%;
+}
+
+.col-xs-push-4 {
+  left: 33.33333333%;
+}
+
+.col-xs-push-3 {
+  left: 25%;
+}
+
+.col-xs-push-2 {
+  left: 16.66666667%;
+}
+
+.col-xs-push-1 {
+  left: 8.33333333%;
+}
+
+.col-xs-push-0 {
+  left: auto;
+}
+
+.col-xs-offset-12 {
+  margin-left: 100%;
+}
+
+.col-xs-offset-11 {
+  margin-left: 91.66666667%;
+}
+
+.col-xs-offset-10 {
+  margin-left: 83.33333333%;
+}
+
+.col-xs-offset-9 {
+  margin-left: 75%;
+}
+
+.col-xs-offset-8 {
+  margin-left: 66.66666667%;
+}
+
+.col-xs-offset-7 {
+  margin-left: 58.33333333%;
+}
+
+.col-xs-offset-6 {
+  margin-left: 50%;
+}
+
+.col-xs-offset-5 {
+  margin-left: 41.66666667%;
+}
+
+.col-xs-offset-4 {
+  margin-left: 33.33333333%;
+}
+
+.col-xs-offset-3 {
+  margin-left: 25%;
+}
+
+.col-xs-offset-2 {
+  margin-left: 16.66666667%;
+}
+
+.col-xs-offset-1 {
+  margin-left: 8.33333333%;
+}
+
+.col-xs-offset-0 {
+  margin-left: 0;
+}
+
+@media (min-width:768px) {
+  .col-sm-1,
+  .col-sm-10,
+  .col-sm-11,
+  .col-sm-12,
+  .col-sm-2,
+  .col-sm-3,
+  .col-sm-4,
+  .col-sm-5,
+  .col-sm-6,
+  .col-sm-7,
+  .col-sm-8,
+  .col-sm-9 {
+    float: left;
+  }
+
+  .col-sm-12 {
+    width: 100%;
+  }
+
+  .col-sm-11 {
+    width: 91.66666667%;
+  }
+
+  .col-sm-10 {
+    width: 83.33333333%;
+  }
+
+  .col-sm-9 {
+    width: 75%;
+  }
+
+  .col-sm-8 {
+    width: 66.66666667%;
+  }
+
+  .col-sm-7 {
+    width: 58.33333333%;
+  }
+
+  .col-sm-6 {
+    width: 50%;
+  }
+
+  .col-sm-5 {
+    width: 41.66666667%;
+  }
+
+  .col-sm-4 {
+    width: 33.33333333%;
+  }
+
+  .col-sm-3 {
+    width: 25%;
+  }
+
+  .col-sm-2 {
+    width: 16.66666667%;
+  }
+
+  .col-sm-1 {
+    width: 8.33333333%;
+  }
+
+  .col-sm-pull-12 {
+    right: 100%;
+  }
+
+  .col-sm-pull-11 {
+    right: 91.66666667%;
+  }
+
+  .col-sm-pull-10 {
+    right: 83.33333333%;
+  }
+
+  .col-sm-pull-9 {
+    right: 75%;
+  }
+
+  .col-sm-pull-8 {
+    right: 66.66666667%;
+  }
+
+  .col-sm-pull-7 {
+    right: 58.33333333%;
+  }
+
+  .col-sm-pull-6 {
+    right: 50%;
+  }
+
+  .col-sm-pull-5 {
+    right: 41.66666667%;
+  }
+
+  .col-sm-pull-4 {
+    right: 33.33333333%;
+  }
+
+  .col-sm-pull-3 {
+    right: 25%;
+  }
+
+  .col-sm-pull-2 {
+    right: 16.66666667%;
+  }
+
+  .col-sm-pull-1 {
+    right: 8.33333333%;
+  }
+
+  .col-sm-pull-0 {
+    right: auto;
+  }
+
+  .col-sm-push-12 {
+    left: 100%;
+  }
+
+  .col-sm-push-11 {
+    left: 91.66666667%;
+  }
+
+  .col-sm-push-10 {
+    left: 83.33333333%;
+  }
+
+  .col-sm-push-9 {
+    left: 75%;
+  }
+
+  .col-sm-push-8 {
+    left: 66.66666667%;
+  }
+
+  .col-sm-push-7 {
+    left: 58.33333333%;
+  }
+
+  .col-sm-push-6 {
+    left: 50%;
+  }
+
+  .col-sm-push-5 {
+    left: 41.66666667%;
+  }
+
+  .col-sm-push-4 {
+    left: 33.33333333%;
+  }
+
+  .col-sm-push-3 {
+    left: 25%;
+  }
+
+  .col-sm-push-2 {
+    left: 16.66666667%;
+  }
+
+  .col-sm-push-1 {
+    left: 8.33333333%;
+  }
+
+  .col-sm-push-0 {
+    left: auto;
+  }
+
+  .col-sm-offset-12 {
+    margin-left: 100%;
+  }
+
+  .col-sm-offset-11 {
+    margin-left: 91.66666667%;
+  }
+
+  .col-sm-offset-10 {
+    margin-left: 83.33333333%;
+  }
+
+  .col-sm-offset-9 {
+    margin-left: 75%;
+  }
+
+  .col-sm-offset-8 {
+    margin-left: 66.66666667%;
+  }
+
+  .col-sm-offset-7 {
+    margin-left: 58.33333333%;
+  }
+
+  .col-sm-offset-6 {
+    margin-left: 50%;
+  }
+
+  .col-sm-offset-5 {
+    margin-left: 41.66666667%;
+  }
+
+  .col-sm-offset-4 {
+    margin-left: 33.33333333%;
+  }
+
+  .col-sm-offset-3 {
+    margin-left: 25%;
+  }
+
+  .col-sm-offset-2 {
+    margin-left: 16.66666667%;
+  }
+
+  .col-sm-offset-1 {
+    margin-left: 8.33333333%;
+  }
+
+  .col-sm-offset-0 {
+    margin-left: 0;
+  }
+}
+
+@media (min-width:992px) {
+  .col-md-1,
+  .col-md-10,
+  .col-md-11,
+  .col-md-12,
+  .col-md-2,
+  .col-md-3,
+  .col-md-4,
+  .col-md-5,
+  .col-md-6,
+  .col-md-7,
+  .col-md-8,
+  .col-md-9 {
+    float: left;
+  }
+
+  .col-md-12 {
+    width: 100%;
+  }
+
+  .col-md-11 {
+    width: 91.66666667%;
+  }
+
+  .col-md-10 {
+    width: 83.33333333%;
+  }
+
+  .col-md-9 {
+    width: 75%;
+  }
+
+  .col-md-8 {
+    width: 66.66666667%;
+  }
+
+  .col-md-7 {
+    width: 58.33333333%;
+  }
+
+  .col-md-6 {
+    width: 50%;
+  }
+
+  .col-md-5 {
+    width: 41.66666667%;
+  }
+
+  .col-md-4 {
+    width: 33.33333333%;
+  }
+
+  .col-md-3 {
+    width: 25%;
+  }
+
+  .col-md-2 {
+    width: 16.66666667%;
+  }
+
+  .col-md-1 {
+    width: 8.33333333%;
+  }
+
+  .col-md-pull-12 {
+    right: 100%;
+  }
+
+  .col-md-pull-11 {
+    right: 91.66666667%;
+  }
+
+  .col-md-pull-10 {
+    right: 83.33333333%;
+  }
+
+  .col-md-pull-9 {
+    right: 75%;
+  }
+
+  .col-md-pull-8 {
+    right: 66.66666667%;
+  }
+
+  .col-md-pull-7 {
+    right: 58.33333333%;
+  }
+
+  .col-md-pull-6 {
+    right: 50%;
+  }
+
+  .col-md-pull-5 {
+    right: 41.66666667%;
+  }
+
+  .col-md-pull-4 {
+    right: 33.33333333%;
+  }
+
+  .col-md-pull-3 {
+    right: 25%;
+  }
+
+  .col-md-pull-2 {
+    right: 16.66666667%;
+  }
+
+  .col-md-pull-1 {
+    right: 8.33333333%;
+  }
+
+  .col-md-pull-0 {
+    right: auto;
+  }
+
+  .col-md-push-12 {
+    left: 100%;
+  }
+
+  .col-md-push-11 {
+    left: 91.66666667%;
+  }
+
+  .col-md-push-10 {
+    left: 83.33333333%;
+  }
+
+  .col-md-push-9 {
+    left: 75%;
+  }
+
+  .col-md-push-8 {
+    left: 66.66666667%;
+  }
+
+  .col-md-push-7 {
+    left: 58.33333333%;
+  }
+
+  .col-md-push-6 {
+    left: 50%;
+  }
+
+  .col-md-push-5 {
+    left: 41.66666667%;
+  }
+
+  .col-md-push-4 {
+    left: 33.33333333%;
+  }
+
+  .col-md-push-3 {
+    left: 25%;
+  }
+
+  .col-md-push-2 {
+    left: 16.66666667%;
+  }
+
+  .col-md-push-1 {
+    left: 8.33333333%;
+  }
+
+  .col-md-push-0 {
+    left: auto;
+  }
+
+  .col-md-offset-12 {
+    margin-left: 100%;
+  }
+
+  .col-md-offset-11 {
+    margin-left: 91.66666667%;
+  }
+
+  .col-md-offset-10 {
+    margin-left: 83.33333333%;
+  }
+
+  .col-md-offset-9 {
+    margin-left: 75%;
+  }
+
+  .col-md-offset-8 {
+    margin-left: 66.66666667%;
+  }
+
+  .col-md-offset-7 {
+    margin-left: 58.33333333%;
+  }
+
+  .col-md-offset-6 {
+    margin-left: 50%;
+  }
+
+  .col-md-offset-5 {
+    margin-left: 41.66666667%;
+  }
+
+  .col-md-offset-4 {
+    margin-left: 33.33333333%;
+  }
+
+  .col-md-offset-3 {
+    margin-left: 25%;
+  }
+
+  .col-md-offset-2 {
+    margin-left: 16.66666667%;
+  }
+
+  .col-md-offset-1 {
+    margin-left: 8.33333333%;
+  }
+
+  .col-md-offset-0 {
+    margin-left: 0;
+  }
+}
+
+@media (min-width:1200px) {
+  .col-lg-1,
+  .col-lg-10,
+  .col-lg-11,
+  .col-lg-12,
+  .col-lg-2,
+  .col-lg-3,
+  .col-lg-4,
+  .col-lg-5,
+  .col-lg-6,
+  .col-lg-7,
+  .col-lg-8,
+  .col-lg-9 {
+    float: left;
+  }
+
+  .col-lg-12 {
+    width: 100%;
+  }
+
+  .col-lg-11 {
+    width: 91.66666667%;
+  }
+
+  .col-lg-10 {
+    width: 83.33333333%;
+  }
+
+  .col-lg-9 {
+    width: 75%;
+  }
+
+  .col-lg-8 {
+    width: 66.66666667%;
+  }
+
+  .col-lg-7 {
+    width: 58.33333333%;
+  }
+
+  .col-lg-6 {
+    width: 50%;
+  }
+
+  .col-lg-5 {
+    width: 41.66666667%;
+  }
+
+  .col-lg-4 {
+    width: 33.33333333%;
+  }
+
+  .col-lg-3 {
+    width: 25%;
+  }
+
+  .col-lg-2 {
+    width: 16.66666667%;
+  }
+
+  .col-lg-1 {
+    width: 8.33333333%;
+  }
+
+  .col-lg-pull-12 {
+    right: 100%;
+  }
+
+  .col-lg-pull-11 {
+    right: 91.66666667%;
+  }
+
+  .col-lg-pull-10 {
+    right: 83.33333333%;
+  }
+
+  .col-lg-pull-9 {
+    right: 75%;
+  }
+
+  .col-lg-pull-8 {
+    right: 66.66666667%;
+  }
+
+  .col-lg-pull-7 {
+    right: 58.33333333%;
+  }
+
+  .col-lg-pull-6 {
+    right: 50%;
+  }
+
+  .col-lg-pull-5 {
+    right: 41.66666667%;
+  }
+
+  .col-lg-pull-4 {
+    right: 33.33333333%;
+  }
+
+  .col-lg-pull-3 {
+    right: 25%;
+  }
+
+  .col-lg-pull-2 {
+    right: 16.66666667%;
+  }
+
+  .col-lg-pull-1 {
+    right: 8.33333333%;
+  }
+
+  .col-lg-pull-0 {
+    right: auto;
+  }
+
+  .col-lg-push-12 {
+    left: 100%;
+  }
+
+  .col-lg-push-11 {
+    left: 91.66666667%;
+  }
+
+  .col-lg-push-10 {
+    left: 83.33333333%;
+  }
+
+  .col-lg-push-9 {
+    left: 75%;
+  }
+
+  .col-lg-push-8 {
+    left: 66.66666667%;
+  }
+
+  .col-lg-push-7 {
+    left: 58.33333333%;
+  }
+
+  .col-lg-push-6 {
+    left: 50%;
+  }
+
+  .col-lg-push-5 {
+    left: 41.66666667%;
+  }
+
+  .col-lg-push-4 {
+    left: 33.33333333%;
+  }
+
+  .col-lg-push-3 {
+    left: 25%;
+  }
+
+  .col-lg-push-2 {
+    left: 16.66666667%;
+  }
+
+  .col-lg-push-1 {
+    left: 8.33333333%;
+  }
+
+  .col-lg-push-0 {
+    left: auto;
+  }
+
+  .col-lg-offset-12 {
+    margin-left: 100%;
+  }
+
+  .col-lg-offset-11 {
+    margin-left: 91.66666667%;
+  }
+
+  .col-lg-offset-10 {
+    margin-left: 83.33333333%;
+  }
+
+  .col-lg-offset-9 {
+    margin-left: 75%;
+  }
+
+  .col-lg-offset-8 {
+    margin-left: 66.66666667%;
+  }
+
+  .col-lg-offset-7 {
+    margin-left: 58.33333333%;
+  }
+
+  .col-lg-offset-6 {
+    margin-left: 50%;
+  }
+
+  .col-lg-offset-5 {
+    margin-left: 41.66666667%;
+  }
+
+  .col-lg-offset-4 {
+    margin-left: 33.33333333%;
+  }
+
+  .col-lg-offset-3 {
+    margin-left: 25%;
+  }
+
+  .col-lg-offset-2 {
+    margin-left: 16.66666667%;
+  }
+
+  .col-lg-offset-1 {
+    margin-left: 8.33333333%;
+  }
+
+  .col-lg-offset-0 {
+    margin-left: 0;
+  }
+}
+
+table {
+  background-color: transparent;
+}
+
+caption {
+  padding-top: 8px;
+  padding-bottom: 8px;
+  color: #777;
+  text-align: left;
+}
+
+th {
+  text-align: left;
+}
+
+.table {
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 20px;
+}
+
+.table>tbody>tr>td,
+.table>tbody>tr>th,
+.table>tfoot>tr>td,
+.table>tfoot>tr>th,
+.table>thead>tr>td,
+.table>thead>tr>th {
+  padding: 8px;
+  line-height: 1.42857143;
+  vertical-align: top;
+  border-top: 1px solid #ddd;
+}
+
+.table>thead>tr>th {
+  vertical-align: bottom;
+  border-bottom: 2px solid #ddd;
+}
+
+.table>caption+thead>tr:first-child>td,
+.table>caption+thead>tr:first-child>th,
+.table>colgroup+thead>tr:first-child>td,
+.table>colgroup+thead>tr:first-child>th,
+.table>thead:first-child>tr:first-child>td,
+.table>thead:first-child>tr:first-child>th {
+  border-top: 0;
+}
+
+.table>tbody+tbody {
+  border-top: 2px solid #ddd;
+}
+
+.table .table {
+  background-color: #fff;
+}
+
+.table-condensed>tbody>tr>td,
+.table-condensed>tbody>tr>th,
+.table-condensed>tfoot>tr>td,
+.table-condensed>tfoot>tr>th,
+.table-condensed>thead>tr>td,
+.table-condensed>thead>tr>th {
+  padding: 5px;
+}
+
+.table-bordered {
+  border: 1px solid #ddd;
+}
+
+.table-bordered>tbody>tr>td,
+.table-bordered>tbody>tr>th,
+.table-bordered>tfoot>tr>td,
+.table-bordered>tfoot>tr>th,
+.table-bordered>thead>tr>td,
+.table-bordered>thead>tr>th {
+  border: 1px solid #ddd;
+}
+
+.table-bordered>thead>tr>td,
+.table-bordered>thead>tr>th {
+  border-bottom-width: 2px;
+}
+
+.table-striped>tbody>tr:nth-of-type(odd) {
+  background-color: #f9f9f9;
+}
+
+.table-hover>tbody>tr:hover {
+  background-color: #f5f5f5;
+}
+
+table col[class*=col-] {
+  position: static;
+  display: table-column;
+  float: none;
+}
+
+table td[class*=col-],
+table th[class*=col-] {
+  position: static;
+  display: table-cell;
+  float: none;
+}
+
+.table>tbody>tr.active>td,
+.table>tbody>tr.active>th,
+.table>tbody>tr>td.active,
+.table>tbody>tr>th.active,
+.table>tfoot>tr.active>td,
+.table>tfoot>tr.active>th,
+.table>tfoot>tr>td.active,
+.table>tfoot>tr>th.active,
+.table>thead>tr.active>td,
+.table>thead>tr.active>th,
+.table>thead>tr>td.active,
+.table>thead>tr>th.active {
+  background-color: #f5f5f5;
+}
+
+.table-hover>tbody>tr.active:hover>td,
+.table-hover>tbody>tr.active:hover>th,
+.table-hover>tbody>tr:hover>.active,
+.table-hover>tbody>tr>td.active:hover,
+.table-hover>tbody>tr>th.active:hover {
+  background-color: #e8e8e8;
+}
+
+.table>tbody>tr.success>td,
+.table>tbody>tr.success>th,
+.table>tbody>tr>td.success,
+.table>tbody>tr>th.success,
+.table>tfoot>tr.success>td,
+.table>tfoot>tr.success>th,
+.table>tfoot>tr>td.success,
+.table>tfoot>tr>th.success,
+.table>thead>tr.success>td,
+.table>thead>tr.success>th,
+.table>thead>tr>td.success,
+.table>thead>tr>th.success {
+  background-color: #dff0d8;
+}
+
+.table-hover>tbody>tr.success:hover>td,
+.table-hover>tbody>tr.success:hover>th,
+.table-hover>tbody>tr:hover>.success,
+.table-hover>tbody>tr>td.success:hover,
+.table-hover>tbody>tr>th.success:hover {
+  background-color: #d0e9c6;
+}
+
+.table>tbody>tr.info>td,
+.table>tbody>tr.info>th,
+.table>tbody>tr>td.info,
+.table>tbody>tr>th.info,
+.table>tfoot>tr.info>td,
+.table>tfoot>tr.info>th,
+.table>tfoot>tr>td.info,
+.table>tfoot>tr>th.info,
+.table>thead>tr.info>td,
+.table>thead>tr.info>th,
+.table>thead>tr>td.info,
+.table>thead>tr>th.info {
+  background-color: #d9edf7;
+}
+
+.table-hover>tbody>tr.info:hover>td,
+.table-hover>tbody>tr.info:hover>th,
+.table-hover>tbody>tr:hover>.info,
+.table-hover>tbody>tr>td.info:hover,
+.table-hover>tbody>tr>th.info:hover {
+  background-color: #c4e3f3;
+}
+
+.table>tbody>tr.warning>td,
+.table>tbody>tr.warning>th,
+.table>tbody>tr>td.warning,
+.table>tbody>tr>th.warning,
+.table>tfoot>tr.warning>td,
+.table>tfoot>tr.warning>th,
+.table>tfoot>tr>td.warning,
+.table>tfoot>tr>th.warning,
+.table>thead>tr.warning>td,
+.table>thead>tr.warning>th,
+.table>thead>tr>td.warning,
+.table>thead>tr>th.warning {
+  background-color: #fcf8e3;
+}
+
+.table-hover>tbody>tr.warning:hover>td,
+.table-hover>tbody>tr.warning:hover>th,
+.table-hover>tbody>tr:hover>.warning,
+.table-hover>tbody>tr>td.warning:hover,
+.table-hover>tbody>tr>th.warning:hover {
+  background-color: #faf2cc;
+}
+
+.table>tbody>tr.danger>td,
+.table>tbody>tr.danger>th,
+.table>tbody>tr>td.danger,
+.table>tbody>tr>th.danger,
+.table>tfoot>tr.danger>td,
+.table>tfoot>tr.danger>th,
+.table>tfoot>tr>td.danger,
+.table>tfoot>tr>th.danger,
+.table>thead>tr.danger>td,
+.table>thead>tr.danger>th,
+.table>thead>tr>td.danger,
+.table>thead>tr>th.danger {
+  background-color: #f2dede;
+}
+
+.table-hover>tbody>tr.danger:hover>td,
+.table-hover>tbody>tr.danger:hover>th,
+.table-hover>tbody>tr:hover>.danger,
+.table-hover>tbody>tr>td.danger:hover,
+.table-hover>tbody>tr>th.danger:hover {
+  background-color: #ebcccc;
+}
+
+.table-responsive {
+  min-height: .01%;
+  overflow-x: auto;
+}
+
+@media screen and (max-width:767px) {
+  .table-responsive {
+    width: 100%;
+    margin-bottom: 15px;
+    overflow-y: hidden;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+    border: 1px solid #ddd;
+  }
+
+  .table-responsive>.table {
+    margin-bottom: 0;
+  }
+
+  .table-responsive>.table>tbody>tr>td,
+  .table-responsive>.table>tbody>tr>th,
+  .table-responsive>.table>tfoot>tr>td,
+  .table-responsive>.table>tfoot>tr>th,
+  .table-responsive>.table>thead>tr>td,
+  .table-responsive>.table>thead>tr>th {
+    white-space: nowrap;
+  }
+
+  .table-responsive>.table-bordered {
+    border: 0;
+  }
+
+  .table-responsive>.table-bordered>tbody>tr>td:first-child,
+  .table-responsive>.table-bordered>tbody>tr>th:first-child,
+  .table-responsive>.table-bordered>tfoot>tr>td:first-child,
+  .table-responsive>.table-bordered>tfoot>tr>th:first-child,
+  .table-responsive>.table-bordered>thead>tr>td:first-child,
+  .table-responsive>.table-bordered>thead>tr>th:first-child {
+    border-left: 0;
+  }
+
+  .table-responsive>.table-bordered>tbody>tr>td:last-child,
+  .table-responsive>.table-bordered>tbody>tr>th:last-child,
+  .table-responsive>.table-bordered>tfoot>tr>td:last-child,
+  .table-responsive>.table-bordered>tfoot>tr>th:last-child,
+  .table-responsive>.table-bordered>thead>tr>td:last-child,
+  .table-responsive>.table-bordered>thead>tr>th:last-child {
+    border-right: 0;
+  }
+
+  .table-responsive>.table-bordered>tbody>tr:last-child>td,
+  .table-responsive>.table-bordered>tbody>tr:last-child>th,
+  .table-responsive>.table-bordered>tfoot>tr:last-child>td,
+  .table-responsive>.table-bordered>tfoot>tr:last-child>th {
+    border-bottom: 0;
+  }
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  display: block;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 20px;
+  font-size: 21px;
+  line-height: inherit;
+  color: #333;
+  border: 0;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+label {
+  display: inline-block;
+  max-width: 100%;
+  margin-bottom: 5px;
+  font-weight: 700;
+}
+
+input[type=search] {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+input[type=checkbox],
+input[type=radio] {
+  margin: 4px 0 0;
+  margin-top: 1px\9;
+  line-height: normal;
+}
+
+input[type=file] {
+  display: block;
+}
+
+input[type=range] {
+  display: block;
+  width: 100%;
+}
+
+select[multiple],
+select[size] {
+  height: auto;
+}
+
+input[type=file]:focus,
+input[type=checkbox]:focus,
+input[type=radio]:focus {
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+
+output {
+  display: block;
+  padding-top: 7px;
+  font-size: 14px;
+  line-height: 1.42857143;
+  color: #555;
+}
+
+.form-control {
+  display: block;
+  width: 100%;
+  height: 34px;
+  padding: 6px 12px;
+  font-size: 14px;
+  line-height: 1.42857143;
+  color: #555;
+  background-color: #fff;
+  background-image: none;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
+  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+}
+
+.form-control:focus {
+  border-color: #66afe9;
+  outline: 0;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
+}
+
+.form-control::-moz-placeholder {
+  color: #999;
+  opacity: 1;
+}
+
+.form-control:-ms-input-placeholder {
+  color: #999;
+}
+
+.form-control::-webkit-input-placeholder {
+  color: #999;
+}
+
+.form-control::-ms-expand {
+  background-color: transparent;
+  border: 0;
+}
+
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  background-color: #eee;
+  opacity: 1;
+}
+
+.form-control[disabled],
+fieldset[disabled] .form-control {
+  cursor: not-allowed;
+}
+
+textarea.form-control {
+  height: auto;
+}
+
+input[type=search] {
+  -webkit-appearance: none;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  input[type=date].form-control,
+  input[type=time].form-control,
+  input[type=datetime-local].form-control,
+  input[type=month].form-control {
+    line-height: 34px;
+  }
+
+  .input-group-sm input[type=date],
+  .input-group-sm input[type=time],
+  .input-group-sm input[type=datetime-local],
+  .input-group-sm input[type=month],
+  input[type=date].input-sm,
+  input[type=time].input-sm,
+  input[type=datetime-local].input-sm,
+  input[type=month].input-sm {
+    line-height: 30px;
+  }
+
+  .input-group-lg input[type=date],
+  .input-group-lg input[type=time],
+  .input-group-lg input[type=datetime-local],
+  .input-group-lg input[type=month],
+  input[type=date].input-lg,
+  input[type=time].input-lg,
+  input[type=datetime-local].input-lg,
+  input[type=month].input-lg {
+    line-height: 46px;
+  }
+}
+
+.form-group {
+  margin-bottom: 15px;
+}
+
+.checkbox,
+.radio {
+  position: relative;
+  display: block;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+.checkbox label,
+.radio label {
+  min-height: 20px;
+  padding-left: 20px;
+  margin-bottom: 0;
+  font-weight: 400;
+  cursor: pointer;
+}
+
+.checkbox input[type=checkbox],
+.checkbox-inline input[type=checkbox],
+.radio input[type=radio],
+.radio-inline input[type=radio] {
+  position: absolute;
+  margin-top: 4px\9;
+  margin-left: -20px;
+}
+
+.checkbox+.checkbox,
+.radio+.radio {
+  margin-top: -5px;
+}
+
+.checkbox-inline,
+.radio-inline {
+  position: relative;
+  display: inline-block;
+  padding-left: 20px;
+  margin-bottom: 0;
+  font-weight: 400;
+  vertical-align: middle;
+  cursor: pointer;
+}
+
+.checkbox-inline+.checkbox-inline,
+.radio-inline+.radio-inline {
+  margin-top: 0;
+  margin-left: 10px;
+}
+
+fieldset[disabled] input[type=checkbox],
+fieldset[disabled] input[type=radio],
+input[type=checkbox].disabled,
+input[type=checkbox][disabled],
+input[type=radio].disabled,
+input[type=radio][disabled] {
+  cursor: not-allowed;
+}
+
+.checkbox-inline.disabled,
+.radio-inline.disabled,
+fieldset[disabled] .checkbox-inline,
+fieldset[disabled] .radio-inline {
+  cursor: not-allowed;
+}
+
+.checkbox.disabled label,
+.radio.disabled label,
+fieldset[disabled] .checkbox label,
+fieldset[disabled] .radio label {
+  cursor: not-allowed;
+}
+
+.form-control-static {
+  min-height: 34px;
+  padding-top: 7px;
+  padding-bottom: 7px;
+  margin-bottom: 0;
+}
+
+.form-control-static.input-lg,
+.form-control-static.input-sm {
+  padding-right: 0;
+  padding-left: 0;
+}
+
+.input-sm {
+  height: 30px;
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+
+select.input-sm {
+  height: 30px;
+  line-height: 30px;
+}
+
+select[multiple].input-sm,
+textarea.input-sm {
+  height: auto;
+}
+
+.form-group-sm .form-control {
+  height: 30px;
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+
+.form-group-sm select.form-control {
+  height: 30px;
+  line-height: 30px;
+}
+
+.form-group-sm select[multiple].form-control,
+.form-group-sm textarea.form-control {
+  height: auto;
+}
+
+.form-group-sm .form-control-static {
+  height: 30px;
+  min-height: 32px;
+  padding: 6px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.input-lg {
+  height: 46px;
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+  border-radius: 6px;
+}
+
+select.input-lg {
+  height: 46px;
+  line-height: 46px;
+}
+
+select[multiple].input-lg,
+textarea.input-lg {
+  height: auto;
+}
+
+.form-group-lg .form-control {
+  height: 46px;
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+  border-radius: 6px;
+}
+
+.form-group-lg select.form-control {
+  height: 46px;
+  line-height: 46px;
+}
+
+.form-group-lg select[multiple].form-control,
+.form-group-lg textarea.form-control {
+  height: auto;
+}
+
+.form-group-lg .form-control-static {
+  height: 46px;
+  min-height: 38px;
+  padding: 11px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+}
+
+.has-feedback {
+  position: relative;
+}
+
+.has-feedback .form-control {
+  padding-right: 42.5px;
+}
+
+.form-control-feedback {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+  display: block;
+  width: 34px;
+  height: 34px;
+  line-height: 34px;
+  text-align: center;
+  pointer-events: none;
+}
+
+.form-group-lg .form-control+.form-control-feedback,
+.input-group-lg+.form-control-feedback,
+.input-lg+.form-control-feedback {
+  width: 46px;
+  height: 46px;
+  line-height: 46px;
+}
+
+.form-group-sm .form-control+.form-control-feedback,
+.input-group-sm+.form-control-feedback,
+.input-sm+.form-control-feedback {
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+}
+
+.has-success .checkbox,
+.has-success .checkbox-inline,
+.has-success .control-label,
+.has-success .help-block,
+.has-success .radio,
+.has-success .radio-inline,
+.has-success.checkbox label,
+.has-success.checkbox-inline label,
+.has-success.radio label,
+.has-success.radio-inline label {
+  color: #3c763d;
+}
+
+.has-success .form-control {
+  border-color: #3c763d;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+}
+
+.has-success .form-control:focus {
+  border-color: #2b542c;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
+}
+
+.has-success .input-group-addon {
+  color: #3c763d;
+  background-color: #dff0d8;
+  border-color: #3c763d;
+}
+
+.has-success .form-control-feedback {
+  color: #3c763d;
+}
+
+.has-warning .checkbox,
+.has-warning .checkbox-inline,
+.has-warning .control-label,
+.has-warning .help-block,
+.has-warning .radio,
+.has-warning .radio-inline,
+.has-warning.checkbox label,
+.has-warning.checkbox-inline label,
+.has-warning.radio label,
+.has-warning.radio-inline label {
+  color: #8a6d3b;
+}
+
+.has-warning .form-control {
+  border-color: #8a6d3b;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+}
+
+.has-warning .form-control:focus {
+  border-color: #66512c;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
+}
+
+.has-warning .input-group-addon {
+  color: #8a6d3b;
+  background-color: #fcf8e3;
+  border-color: #8a6d3b;
+}
+
+.has-warning .form-control-feedback {
+  color: #8a6d3b;
+}
+
+.has-error .checkbox,
+.has-error .checkbox-inline,
+.has-error .control-label,
+.has-error .help-block,
+.has-error .radio,
+.has-error .radio-inline,
+.has-error.checkbox label,
+.has-error.checkbox-inline label,
+.has-error.radio label,
+.has-error.radio-inline label {
+  color: #a94442;
+}
+
+.has-error .form-control {
+  border-color: #a94442;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+}
+
+.has-error .form-control:focus {
+  border-color: #843534;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
+}
+
+.has-error .input-group-addon {
+  color: #a94442;
+  background-color: #f2dede;
+  border-color: #a94442;
+}
+
+.has-error .form-control-feedback {
+  color: #a94442;
+}
+
+.has-feedback label~.form-control-feedback {
+  top: 25px;
+}
+
+.has-feedback label.sr-only~.form-control-feedback {
+  top: 0;
+}
+
+.help-block {
+  display: block;
+  margin-top: 5px;
+  margin-bottom: 10px;
+  color: #737373;
+}
+
+@media (min-width:768px) {
+  .form-inline .form-group {
+    display: inline-block;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+
+  .form-inline .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle;
+  }
+
+  .form-inline .form-control-static {
+    display: inline-block;
+  }
+
+  .form-inline .input-group {
+    display: inline-table;
+    vertical-align: middle;
+  }
+
+  .form-inline .input-group .form-control,
+  .form-inline .input-group .input-group-addon,
+  .form-inline .input-group .input-group-btn {
+    width: auto;
+  }
+
+  .form-inline .input-group>.form-control {
+    width: 100%;
+  }
+
+  .form-inline .control-label {
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+
+  .form-inline .checkbox,
+  .form-inline .radio {
+    display: inline-block;
+    margin-top: 0;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+
+  .form-inline .checkbox label,
+  .form-inline .radio label {
+    padding-left: 0;
+  }
+
+  .form-inline .checkbox input[type=checkbox],
+  .form-inline .radio input[type=radio] {
+    position: relative;
+    margin-left: 0;
+  }
+
+  .form-inline .has-feedback .form-control-feedback {
+    top: 0;
+  }
+}
+
+.form-horizontal .checkbox,
+.form-horizontal .checkbox-inline,
+.form-horizontal .radio,
+.form-horizontal .radio-inline {
+  padding-top: 7px;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.form-horizontal .checkbox,
+.form-horizontal .radio {
+  min-height: 27px;
+}
+
+.form-horizontal .form-group {
+  margin-right: -15px;
+  margin-left: -15px;
+}
+
+@media (min-width:768px) {
+  .form-horizontal .control-label {
+    padding-top: 7px;
+    margin-bottom: 0;
+    text-align: right;
+  }
+}
+
+.form-horizontal .has-feedback .form-control-feedback {
+  right: 15px;
+}
+
+@media (min-width:768px) {
+  .form-horizontal .form-group-lg .control-label {
+    padding-top: 11px;
+    font-size: 18px;
+  }
+}
+
+@media (min-width:768px) {
+  .form-horizontal .form-group-sm .control-label {
+    padding-top: 6px;
+    font-size: 12px;
+  }
+}
+
+.btn {
+  display: inline-block;
+  padding: 6px 12px;
+  margin-bottom: 0;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1.42857143;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  -ms-touch-action: manipulation;
+  touch-action: manipulation;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  background-image: none;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+
+.btn.active.focus,
+.btn.active:focus,
+.btn.focus,
+.btn:active.focus,
+.btn:active:focus,
+.btn:focus {
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+
+.btn.focus,
+.btn:focus,
+.btn:hover {
+  color: #333;
+  text-decoration: none;
+}
+
+.btn.active,
+.btn:active {
+  background-image: none;
+  outline: 0;
+  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
+  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
+}
+
+.btn.disabled,
+.btn[disabled],
+fieldset[disabled] .btn {
+  cursor: not-allowed;
+  filter: alpha(opacity=65);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  opacity: .65;
+}
+
+a.btn.disabled,
+fieldset[disabled] a.btn {
+  pointer-events: none;
+}
+
+.btn-default {
+  color: #333;
+  background-color: #fff;
+  border-color: #ccc;
+}
+
+.btn-default.focus,
+.btn-default:focus {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #8c8c8c;
+}
+
+.btn-default:hover {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #adadad;
+}
+
+.btn-default.active,
+.btn-default:active,
+.open>.dropdown-toggle.btn-default {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #adadad;
+}
+
+.btn-default.active.focus,
+.btn-default.active:focus,
+.btn-default.active:hover,
+.btn-default:active.focus,
+.btn-default:active:focus,
+.btn-default:active:hover,
+.open>.dropdown-toggle.btn-default.focus,
+.open>.dropdown-toggle.btn-default:focus,
+.open>.dropdown-toggle.btn-default:hover {
+  color: #333;
+  background-color: #d4d4d4;
+  border-color: #8c8c8c;
+}
+
+.btn-default.active,
+.btn-default:active,
+.open>.dropdown-toggle.btn-default {
+  background-image: none;
+}
+
+.btn-default.disabled.focus,
+.btn-default.disabled:focus,
+.btn-default.disabled:hover,
+.btn-default[disabled].focus,
+.btn-default[disabled]:focus,
+.btn-default[disabled]:hover,
+fieldset[disabled] .btn-default.focus,
+fieldset[disabled] .btn-default:focus,
+fieldset[disabled] .btn-default:hover {
+  background-color: #fff;
+  border-color: #ccc;
+}
+
+.btn-default .badge {
+  color: #fff;
+  background-color: #333;
+}
+
+.btn-primary {
+  color: #fff;
+  background-color: #337ab7;
+  border-color: #2e6da4;
+}
+
+.btn-primary.focus,
+.btn-primary:focus {
+  color: #fff;
+  background-color: #286090;
+  border-color: #122b40;
+}
+
+.btn-primary:hover {
+  color: #fff;
+  background-color: #286090;
+  border-color: #204d74;
+}
+
+.btn-primary.active,
+.btn-primary:active,
+.open>.dropdown-toggle.btn-primary {
+  color: #fff;
+  background-color: #286090;
+  border-color: #204d74;
+}
+
+.btn-primary.active.focus,
+.btn-primary.active:focus,
+.btn-primary.active:hover,
+.btn-primary:active.focus,
+.btn-primary:active:focus,
+.btn-primary:active:hover,
+.open>.dropdown-toggle.btn-primary.focus,
+.open>.dropdown-toggle.btn-primary:focus,
+.open>.dropdown-toggle.btn-primary:hover {
+  color: #fff;
+  background-color: #204d74;
+  border-color: #122b40;
+}
+
+.btn-primary.active,
+.btn-primary:active,
+.open>.dropdown-toggle.btn-primary {
+  background-image: none;
+}
+
+.btn-primary.disabled.focus,
+.btn-primary.disabled:focus,
+.btn-primary.disabled:hover,
+.btn-primary[disabled].focus,
+.btn-primary[disabled]:focus,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary.focus,
+fieldset[disabled] .btn-primary:focus,
+fieldset[disabled] .btn-primary:hover {
+  background-color: #337ab7;
+  border-color: #2e6da4;
+}
+
+.btn-primary .badge {
+  color: #337ab7;
+  background-color: #fff;
+}
+
+.btn-success {
+  color: #fff;
+  background-color: #5cb85c;
+  border-color: #4cae4c;
+}
+
+.btn-success.focus,
+.btn-success:focus {
+  color: #fff;
+  background-color: #449d44;
+  border-color: #255625;
+}
+
+.btn-success:hover {
+  color: #fff;
+  background-color: #449d44;
+  border-color: #398439;
+}
+
+.btn-success.active,
+.btn-success:active,
+.open>.dropdown-toggle.btn-success {
+  color: #fff;
+  background-color: #449d44;
+  border-color: #398439;
+}
+
+.btn-success.active.focus,
+.btn-success.active:focus,
+.btn-success.active:hover,
+.btn-success:active.focus,
+.btn-success:active:focus,
+.btn-success:active:hover,
+.open>.dropdown-toggle.btn-success.focus,
+.open>.dropdown-toggle.btn-success:focus,
+.open>.dropdown-toggle.btn-success:hover {
+  color: #fff;
+  background-color: #398439;
+  border-color: #255625;
+}
+
+.btn-success.active,
+.btn-success:active,
+.open>.dropdown-toggle.btn-success {
+  background-image: none;
+}
+
+.btn-success.disabled.focus,
+.btn-success.disabled:focus,
+.btn-success.disabled:hover,
+.btn-success[disabled].focus,
+.btn-success[disabled]:focus,
+.btn-success[disabled]:hover,
+fieldset[disabled] .btn-success.focus,
+fieldset[disabled] .btn-success:focus,
+fieldset[disabled] .btn-success:hover {
+  background-color: #5cb85c;
+  border-color: #4cae4c;
+}
+
+.btn-success .badge {
+  color: #5cb85c;
+  background-color: #fff;
+}
+
+.btn-info {
+  color: #fff;
+  background-color: #5bc0de;
+  border-color: #46b8da;
+}
+
+.btn-info.focus,
+.btn-info:focus {
+  color: #fff;
+  background-color: #31b0d5;
+  border-color: #1b6d85;
+}
+
+.btn-info:hover {
+  color: #fff;
+  background-color: #31b0d5;
+  border-color: #269abc;
+}
+
+.btn-info.active,
+.btn-info:active,
+.open>.dropdown-toggle.btn-info {
+  color: #fff;
+  background-color: #31b0d5;
+  border-color: #269abc;
+}
+
+.btn-info.active.focus,
+.btn-info.active:focus,
+.btn-info.active:hover,
+.btn-info:active.focus,
+.btn-info:active:focus,
+.btn-info:active:hover,
+.open>.dropdown-toggle.btn-info.focus,
+.open>.dropdown-toggle.btn-info:focus,
+.open>.dropdown-toggle.btn-info:hover {
+  color: #fff;
+  background-color: #269abc;
+  border-color: #1b6d85;
+}
+
+.btn-info.active,
+.btn-info:active,
+.open>.dropdown-toggle.btn-info {
+  background-image: none;
+}
+
+.btn-info.disabled.focus,
+.btn-info.disabled:focus,
+.btn-info.disabled:hover,
+.btn-info[disabled].focus,
+.btn-info[disabled]:focus,
+.btn-info[disabled]:hover,
+fieldset[disabled] .btn-info.focus,
+fieldset[disabled] .btn-info:focus,
+fieldset[disabled] .btn-info:hover {
+  background-color: #5bc0de;
+  border-color: #46b8da;
+}
+
+.btn-info .badge {
+  color: #5bc0de;
+  background-color: #fff;
+}
+
+.btn-warning {
+  color: #fff;
+  background-color: #f0ad4e;
+  border-color: #eea236;
+}
+
+.btn-warning.focus,
+.btn-warning:focus {
+  color: #fff;
+  background-color: #ec971f;
+  border-color: #985f0d;
+}
+
+.btn-warning:hover {
+  color: #fff;
+  background-color: #ec971f;
+  border-color: #d58512;
+}
+
+.btn-warning.active,
+.btn-warning:active,
+.open>.dropdown-toggle.btn-warning {
+  color: #fff;
+  background-color: #ec971f;
+  border-color: #d58512;
+}
+
+.btn-warning.active.focus,
+.btn-warning.active:focus,
+.btn-warning.active:hover,
+.btn-warning:active.focus,
+.btn-warning:active:focus,
+.btn-warning:active:hover,
+.open>.dropdown-toggle.btn-warning.focus,
+.open>.dropdown-toggle.btn-warning:focus,
+.open>.dropdown-toggle.btn-warning:hover {
+  color: #fff;
+  background-color: #d58512;
+  border-color: #985f0d;
+}
+
+.btn-warning.active,
+.btn-warning:active,
+.open>.dropdown-toggle.btn-warning {
+  background-image: none;
+}
+
+.btn-warning.disabled.focus,
+.btn-warning.disabled:focus,
+.btn-warning.disabled:hover,
+.btn-warning[disabled].focus,
+.btn-warning[disabled]:focus,
+.btn-warning[disabled]:hover,
+fieldset[disabled] .btn-warning.focus,
+fieldset[disabled] .btn-warning:focus,
+fieldset[disabled] .btn-warning:hover {
+  background-color: #f0ad4e;
+  border-color: #eea236;
+}
+
+.btn-warning .badge {
+  color: #f0ad4e;
+  background-color: #fff;
+}
+
+.btn-danger {
+  color: #fff;
+  background-color: #d9534f;
+  border-color: #d43f3a;
+}
+
+.btn-danger.focus,
+.btn-danger:focus {
+  color: #fff;
+  background-color: #c9302c;
+  border-color: #761c19;
+}
+
+.btn-danger:hover {
+  color: #fff;
+  background-color: #c9302c;
+  border-color: #ac2925;
+}
+
+.btn-danger.active,
+.btn-danger:active,
+.open>.dropdown-toggle.btn-danger {
+  color: #fff;
+  background-color: #c9302c;
+  border-color: #ac2925;
+}
+
+.btn-danger.active.focus,
+.btn-danger.active:focus,
+.btn-danger.active:hover,
+.btn-danger:active.focus,
+.btn-danger:active:focus,
+.btn-danger:active:hover,
+.open>.dropdown-toggle.btn-danger.focus,
+.open>.dropdown-toggle.btn-danger:focus,
+.open>.dropdown-toggle.btn-danger:hover {
+  color: #fff;
+  background-color: #ac2925;
+  border-color: #761c19;
+}
+
+.btn-danger.active,
+.btn-danger:active,
+.open>.dropdown-toggle.btn-danger {
+  background-image: none;
+}
+
+.btn-danger.disabled.focus,
+.btn-danger.disabled:focus,
+.btn-danger.disabled:hover,
+.btn-danger[disabled].focus,
+.btn-danger[disabled]:focus,
+.btn-danger[disabled]:hover,
+fieldset[disabled] .btn-danger.focus,
+fieldset[disabled] .btn-danger:focus,
+fieldset[disabled] .btn-danger:hover {
+  background-color: #d9534f;
+  border-color: #d43f3a;
+}
+
+.btn-danger .badge {
+  color: #d9534f;
+  background-color: #fff;
+}
+
+.btn-link {
+  font-weight: 400;
+  color: #337ab7;
+  border-radius: 0;
+}
+
+.btn-link,
+.btn-link.active,
+.btn-link:active,
+.btn-link[disabled],
+fieldset[disabled] .btn-link {
+  background-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+.btn-link,
+.btn-link:active,
+.btn-link:focus,
+.btn-link:hover {
+  border-color: transparent;
+}
+
+.btn-link:focus,
+.btn-link:hover {
+  color: #23527c;
+  text-decoration: underline;
+  background-color: transparent;
+}
+
+.btn-link[disabled]:focus,
+.btn-link[disabled]:hover,
+fieldset[disabled] .btn-link:focus,
+fieldset[disabled] .btn-link:hover {
+  color: #777;
+  text-decoration: none;
+}
+
+.btn-group-lg>.btn,
+.btn-lg {
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+  border-radius: 6px;
+}
+
+.btn-group-sm>.btn,
+.btn-sm {
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+
+.btn-group-xs>.btn,
+.btn-xs {
+  padding: 1px 5px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+
+.btn-block {
+  display: block;
+  width: 100%;
+}
+
+.btn-block+.btn-block {
+  margin-top: 5px;
+}
+
+input[type=button].btn-block,
+input[type=reset].btn-block,
+input[type=submit].btn-block {
+  width: 100%;
+}
+
+.fade {
+  opacity: 0;
+  -webkit-transition: opacity .15s linear;
+  -o-transition: opacity .15s linear;
+  transition: opacity .15s linear;
+}
+
+.fade.in {
+  opacity: 1;
+}
+
+.collapse {
+  display: none;
+}
+
+.collapse.in {
+  display: block;
+}
+
+tr.collapse.in {
+  display: table-row;
+}
+
+tbody.collapse.in {
+  display: table-row-group;
+}
+
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  -webkit-transition-timing-function: ease;
+  -o-transition-timing-function: ease;
+  transition-timing-function: ease;
+  -webkit-transition-duration: .35s;
+  -o-transition-duration: .35s;
+  transition-duration: .35s;
+  -webkit-transition-property: height,visibility;
+  -o-transition-property: height,visibility;
+  transition-property: height,visibility;
+}
+
+.caret {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  margin-left: 2px;
+  vertical-align: middle;
+  border-top: 4px dashed;
+  border-top: 4px solid\9;
+  border-right: 4px solid transparent;
+  border-left: 4px solid transparent;
+}
+
+.dropdown,
+.dropup {
+  position: relative;
+}
+
+.dropdown-toggle:focus {
+  outline: 0;
+}
+
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  display: none;
+  float: left;
+  min-width: 160px;
+  padding: 5px 0;
+  margin: 2px 0 0;
+  font-size: 14px;
+  text-align: left;
+  list-style: none;
+  background-color: #fff;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0,0,0,.15);
+  border-radius: 4px;
+  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
+  box-shadow: 0 6px 12px rgba(0,0,0,.175);
+}
+
+.dropdown-menu.pull-right {
+  right: 0;
+  left: auto;
+}
+
+.dropdown-menu .divider {
+  height: 1px;
+  margin: 9px 0;
+  overflow: hidden;
+  background-color: #e5e5e5;
+}
+
+.dropdown-menu>li>a {
+  display: block;
+  padding: 3px 20px;
+  clear: both;
+  font-weight: 400;
+  line-height: 1.42857143;
+  color: #333;
+  white-space: nowrap;
+}
+
+.dropdown-menu>li>a:focus,
+.dropdown-menu>li>a:hover {
+  color: #262626;
+  text-decoration: none;
+  background-color: #f5f5f5;
+}
+
+.dropdown-menu>.active>a,
+.dropdown-menu>.active>a:focus,
+.dropdown-menu>.active>a:hover {
+  color: #fff;
+  text-decoration: none;
+  background-color: #337ab7;
+  outline: 0;
+}
+
+.dropdown-menu>.disabled>a,
+.dropdown-menu>.disabled>a:focus,
+.dropdown-menu>.disabled>a:hover {
+  color: #777;
+}
+
+.dropdown-menu>.disabled>a:focus,
+.dropdown-menu>.disabled>a:hover {
+  text-decoration: none;
+  cursor: not-allowed;
+  background-color: transparent;
+  background-image: none;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+
+.open>.dropdown-menu {
+  display: block;
+}
+
+.open>a {
+  outline: 0;
+}
+
+.dropdown-menu-right {
+  right: 0;
+  left: auto;
+}
+
+.dropdown-menu-left {
+  right: auto;
+  left: 0;
+}
+
+.dropdown-header {
+  display: block;
+  padding: 3px 20px;
+  font-size: 12px;
+  line-height: 1.42857143;
+  color: #777;
+  white-space: nowrap;
+}
+
+.dropdown-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 990;
+}
+
+.pull-right>.dropdown-menu {
+  right: 0;
+  left: auto;
+}
+
+.dropup .caret,
+.navbar-fixed-bottom .dropdown .caret {
+  content: "";
+  border-top: 0;
+  border-bottom: 4px dashed;
+  border-bottom: 4px solid\9;
+}
+
+.dropup .dropdown-menu,
+.navbar-fixed-bottom .dropdown .dropdown-menu {
+  top: auto;
+  bottom: 100%;
+  margin-bottom: 2px;
+}
+
+@media (min-width:768px) {
+  .navbar-right .dropdown-menu {
+    right: 0;
+    left: auto;
+  }
+
+  .navbar-right .dropdown-menu-left {
+    right: auto;
+    left: 0;
+  }
+}
+
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.btn-group-vertical>.btn,
+.btn-group>.btn {
+  position: relative;
+  float: left;
+}
+
+.btn-group-vertical>.btn.active,
+.btn-group-vertical>.btn:active,
+.btn-group-vertical>.btn:focus,
+.btn-group-vertical>.btn:hover,
+.btn-group>.btn.active,
+.btn-group>.btn:active,
+.btn-group>.btn:focus,
+.btn-group>.btn:hover {
+  z-index: 2;
+}
+
+.btn-group .btn+.btn,
+.btn-group .btn+.btn-group,
+.btn-group .btn-group+.btn,
+.btn-group .btn-group+.btn-group {
+  margin-left: -1px;
+}
+
+.btn-toolbar {
+  margin-left: -5px;
+}
+
+.btn-toolbar .btn,
+.btn-toolbar .btn-group,
+.btn-toolbar .input-group {
+  float: left;
+}
+
+.btn-toolbar>.btn,
+.btn-toolbar>.btn-group,
+.btn-toolbar>.input-group {
+  margin-left: 5px;
+}
+
+.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+  border-radius: 0;
+}
+
+.btn-group>.btn:first-child {
+  margin-left: 0;
+}
+
+.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.btn-group>.btn:last-child:not(:first-child),
+.btn-group>.dropdown-toggle:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.btn-group>.btn-group {
+  float: left;
+}
+
+.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
+  border-radius: 0;
+}
+
+.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
+.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.btn-group .dropdown-toggle:active,
+.btn-group.open .dropdown-toggle {
+  outline: 0;
+}
+
+.btn-group>.btn+.dropdown-toggle {
+  padding-right: 8px;
+  padding-left: 8px;
+}
+
+.btn-group>.btn-lg+.dropdown-toggle {
+  padding-right: 12px;
+  padding-left: 12px;
+}
+
+.btn-group.open .dropdown-toggle {
+  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
+  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
+}
+
+.btn-group.open .dropdown-toggle.btn-link {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+.btn .caret {
+  margin-left: 0;
+}
+
+.btn-lg .caret {
+  border-width: 5px 5px 0;
+  border-bottom-width: 0;
+}
+
+.dropup .btn-lg .caret {
+  border-width: 0 5px 5px;
+}
+
+.btn-group-vertical>.btn,
+.btn-group-vertical>.btn-group,
+.btn-group-vertical>.btn-group>.btn {
+  display: block;
+  float: none;
+  width: 100%;
+  max-width: 100%;
+}
+
+.btn-group-vertical>.btn-group>.btn {
+  float: none;
+}
+
+.btn-group-vertical>.btn+.btn,
+.btn-group-vertical>.btn+.btn-group,
+.btn-group-vertical>.btn-group+.btn,
+.btn-group-vertical>.btn-group+.btn-group {
+  margin-top: -1px;
+  margin-left: 0;
+}
+
+.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
+  border-radius: 0;
+}
+
+.btn-group-vertical>.btn:first-child:not(:last-child) {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.btn-group-vertical>.btn:last-child:not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
+.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
+  border-radius: 0;
+}
+
+.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
+.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.btn-group-justified {
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: separate;
+}
+
+.btn-group-justified>.btn,
+.btn-group-justified>.btn-group {
+  display: table-cell;
+  float: none;
+  width: 1%;
+}
+
+.btn-group-justified>.btn-group .btn {
+  width: 100%;
+}
+
+.btn-group-justified>.btn-group .dropdown-menu {
+  left: auto;
+}
+
+[data-toggle=buttons]>.btn input[type=checkbox],
+[data-toggle=buttons]>.btn input[type=radio],
+[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
+[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
+  position: absolute;
+  clip: rect(0,0,0,0);
+  pointer-events: none;
+}
+
+.input-group {
+  position: relative;
+  display: table;
+  border-collapse: separate;
+}
+
+.input-group[class*=col-] {
+  float: none;
+  padding-right: 0;
+  padding-left: 0;
+}
+
+.input-group .form-control {
+  position: relative;
+  z-index: 2;
+  float: left;
+  width: 100%;
+  margin-bottom: 0;
+}
+
+.input-group .form-control:focus {
+  z-index: 3;
+}
+
+.input-group-lg>.form-control,
+.input-group-lg>.input-group-addon,
+.input-group-lg>.input-group-btn>.btn {
+  height: 46px;
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+  border-radius: 6px;
+}
+
+select.input-group-lg>.form-control,
+select.input-group-lg>.input-group-addon,
+select.input-group-lg>.input-group-btn>.btn {
+  height: 46px;
+  line-height: 46px;
+}
+
+select[multiple].input-group-lg>.form-control,
+select[multiple].input-group-lg>.input-group-addon,
+select[multiple].input-group-lg>.input-group-btn>.btn,
+textarea.input-group-lg>.form-control,
+textarea.input-group-lg>.input-group-addon,
+textarea.input-group-lg>.input-group-btn>.btn {
+  height: auto;
+}
+
+.input-group-sm>.form-control,
+.input-group-sm>.input-group-addon,
+.input-group-sm>.input-group-btn>.btn {
+  height: 30px;
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+
+select.input-group-sm>.form-control,
+select.input-group-sm>.input-group-addon,
+select.input-group-sm>.input-group-btn>.btn {
+  height: 30px;
+  line-height: 30px;
+}
+
+select[multiple].input-group-sm>.form-control,
+select[multiple].input-group-sm>.input-group-addon,
+select[multiple].input-group-sm>.input-group-btn>.btn,
+textarea.input-group-sm>.form-control,
+textarea.input-group-sm>.input-group-addon,
+textarea.input-group-sm>.input-group-btn>.btn {
+  height: auto;
+}
+
+.input-group .form-control,
+.input-group-addon,
+.input-group-btn {
+  display: table-cell;
+}
+
+.input-group .form-control:not(:first-child):not(:last-child),
+.input-group-addon:not(:first-child):not(:last-child),
+.input-group-btn:not(:first-child):not(:last-child) {
+  border-radius: 0;
+}
+
+.input-group-addon,
+.input-group-btn {
+  width: 1%;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+
+.input-group-addon {
+  padding: 6px 12px;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1;
+  color: #555;
+  text-align: center;
+  background-color: #eee;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+
+.input-group-addon.input-sm {
+  padding: 5px 10px;
+  font-size: 12px;
+  border-radius: 3px;
+}
+
+.input-group-addon.input-lg {
+  padding: 10px 16px;
+  font-size: 18px;
+  border-radius: 6px;
+}
+
+.input-group-addon input[type=checkbox],
+.input-group-addon input[type=radio] {
+  margin-top: 0;
+}
+
+.input-group .form-control:first-child,
+.input-group-addon:first-child,
+.input-group-btn:first-child>.btn,
+.input-group-btn:first-child>.btn-group>.btn,
+.input-group-btn:first-child>.dropdown-toggle,
+.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
+.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group-addon:first-child {
+  border-right: 0;
+}
+
+.input-group .form-control:last-child,
+.input-group-addon:last-child,
+.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
+.input-group-btn:first-child>.btn:not(:first-child),
+.input-group-btn:last-child>.btn,
+.input-group-btn:last-child>.btn-group>.btn,
+.input-group-btn:last-child>.dropdown-toggle {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.input-group-addon:last-child {
+  border-left: 0;
+}
+
+.input-group-btn {
+  position: relative;
+  font-size: 0;
+  white-space: nowrap;
+}
+
+.input-group-btn>.btn {
+  position: relative;
+}
+
+.input-group-btn>.btn+.btn {
+  margin-left: -1px;
+}
+
+.input-group-btn>.btn:active,
+.input-group-btn>.btn:focus,
+.input-group-btn>.btn:hover {
+  z-index: 2;
+}
+
+.input-group-btn:first-child>.btn,
+.input-group-btn:first-child>.btn-group {
+  margin-right: -1px;
+}
+
+.input-group-btn:last-child>.btn,
+.input-group-btn:last-child>.btn-group {
+  z-index: 2;
+  margin-left: -1px;
+}
+
+.nav {
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+}
+
+.nav>li {
+  position: relative;
+  display: block;
+}
+
+.nav>li>a {
+  position: relative;
+  display: block;
+  padding: 10px 15px;
+}
+
+.nav>li>a:focus,
+.nav>li>a:hover {
+  text-decoration: none;
+  background-color: #eee;
+}
+
+.nav>li.disabled>a {
+  color: #777;
+}
+
+.nav>li.disabled>a:focus,
+.nav>li.disabled>a:hover {
+  color: #777;
+  text-decoration: none;
+  cursor: not-allowed;
+  background-color: transparent;
+}
+
+.nav .open>a,
+.nav .open>a:focus,
+.nav .open>a:hover {
+  background-color: #eee;
+  border-color: #337ab7;
+}
+
+.nav .nav-divider {
+  height: 1px;
+  margin: 9px 0;
+  overflow: hidden;
+  background-color: #e5e5e5;
+}
+
+.nav>li>a>img {
+  max-width: none;
+}
+
+.nav-tabs {
+  border-bottom: 1px solid #ddd;
+}
+
+.nav-tabs>li {
+  float: left;
+  margin-bottom: -1px;
+}
+
+.nav-tabs>li>a {
+  margin-right: 2px;
+  line-height: 1.42857143;
+  border: 1px solid transparent;
+  border-radius: 4px 4px 0 0;
+}
+
+.nav-tabs>li>a:hover {
+  border-color: #eee #eee #ddd;
+}
+
+.nav-tabs>li.active>a,
+.nav-tabs>li.active>a:focus,
+.nav-tabs>li.active>a:hover {
+  color: #555;
+  cursor: default;
+  background-color: #fff;
+  border: 1px solid #ddd;
+  border-bottom-color: transparent;
+}
+
+.nav-tabs.nav-justified {
+  width: 100%;
+  border-bottom: 0;
+}
+
+.nav-tabs.nav-justified>li {
+  float: none;
+}
+
+.nav-tabs.nav-justified>li>a {
+  margin-bottom: 5px;
+  text-align: center;
+}
+
+.nav-tabs.nav-justified>.dropdown .dropdown-menu {
+  top: auto;
+  left: auto;
+}
+
+@media (min-width:768px) {
+  .nav-tabs.nav-justified>li {
+    display: table-cell;
+    width: 1%;
+  }
+
+  .nav-tabs.nav-justified>li>a {
+    margin-bottom: 0;
+  }
+}
+
+.nav-tabs.nav-justified>li>a {
+  margin-right: 0;
+  border-radius: 4px;
+}
+
+.nav-tabs.nav-justified>.active>a,
+.nav-tabs.nav-justified>.active>a:focus,
+.nav-tabs.nav-justified>.active>a:hover {
+  border: 1px solid #ddd;
+}
+
+@media (min-width:768px) {
+  .nav-tabs.nav-justified>li>a {
+    border-bottom: 1px solid #ddd;
+    border-radius: 4px 4px 0 0;
+  }
+
+  .nav-tabs.nav-justified>.active>a,
+  .nav-tabs.nav-justified>.active>a:focus,
+  .nav-tabs.nav-justified>.active>a:hover {
+    border-bottom-color: #fff;
+  }
+}
+
+.nav-pills>li {
+  float: left;
+}
+
+.nav-pills>li>a {
+  border-radius: 4px;
+}
+
+.nav-pills>li+li {
+  margin-left: 2px;
+}
+
+.nav-pills>li.active>a,
+.nav-pills>li.active>a:focus,
+.nav-pills>li.active>a:hover {
+  color: #fff;
+  background-color: #337ab7;
+}
+
+.nav-stacked>li {
+  float: none;
+}
+
+.nav-stacked>li+li {
+  margin-top: 2px;
+  margin-left: 0;
+}
+
+.nav-justified {
+  width: 100%;
+}
+
+.nav-justified>li {
+  float: none;
+}
+
+.nav-justified>li>a {
+  margin-bottom: 5px;
+  text-align: center;
+}
+
+.nav-justified>.dropdown .dropdown-menu {
+  top: auto;
+  left: auto;
+}
+
+@media (min-width:768px) {
+  .nav-justified>li {
+    display: table-cell;
+    width: 1%;
+  }
+
+  .nav-justified>li>a {
+    margin-bottom: 0;
+  }
+}
+
+.nav-tabs-justified {
+  border-bottom: 0;
+}
+
+.nav-tabs-justified>li>a {
+  margin-right: 0;
+  border-radius: 4px;
+}
+
+.nav-tabs-justified>.active>a,
+.nav-tabs-justified>.active>a:focus,
+.nav-tabs-justified>.active>a:hover {
+  border: 1px solid #ddd;
+}
+
+@media (min-width:768px) {
+  .nav-tabs-justified>li>a {
+    border-bottom: 1px solid #ddd;
+    border-radius: 4px 4px 0 0;
+  }
+
+  .nav-tabs-justified>.active>a,
+  .nav-tabs-justified>.active>a:focus,
+  .nav-tabs-justified>.active>a:hover {
+    border-bottom-color: #fff;
+  }
+}
+
+.tab-content>.tab-pane {
+  display: none;
+}
+
+.tab-content>.active {
+  display: block;
+}
+
+.nav-tabs .dropdown-menu {
+  margin-top: -1px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.navbar {
+  position: relative;
+  min-height: 50px;
+  margin-bottom: 20px;
+  border: 1px solid transparent;
+}
+
+@media (min-width:768px) {
+  .navbar {
+    border-radius: 4px;
+  }
+}
+
+@media (min-width:768px) {
+  .navbar-header {
+    float: left;
+  }
+}
+
+.navbar-collapse {
+  padding-right: 15px;
+  padding-left: 15px;
+  overflow-x: visible;
+  -webkit-overflow-scrolling: touch;
+  border-top: 1px solid transparent;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
+  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
+}
+
+.navbar-collapse.in {
+  overflow-y: auto;
+}
+
+@media (min-width:768px) {
+  .navbar-collapse {
+    width: auto;
+    border-top: 0;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+
+  .navbar-collapse.collapse {
+    display: block!important;
+    height: auto!important;
+    padding-bottom: 0;
+    overflow: visible!important;
+  }
+
+  .navbar-collapse.in {
+    overflow-y: visible;
+  }
+
+  .navbar-fixed-bottom .navbar-collapse,
+  .navbar-fixed-top .navbar-collapse,
+  .navbar-static-top .navbar-collapse {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+.navbar-fixed-bottom .navbar-collapse,
+.navbar-fixed-top .navbar-collapse {
+  max-height: 340px;
+}
+
+@media (max-device-width:480px) and (orientation:landscape) {
+  .navbar-fixed-bottom .navbar-collapse,
+  .navbar-fixed-top .navbar-collapse {
+    max-height: 200px;
+  }
+}
+
+.container-fluid>.navbar-collapse,
+.container-fluid>.navbar-header,
+.container>.navbar-collapse,
+.container>.navbar-header {
+  margin-right: -15px;
+  margin-left: -15px;
+}
+
+@media (min-width:768px) {
+  .container-fluid>.navbar-collapse,
+  .container-fluid>.navbar-header,
+  .container>.navbar-collapse,
+  .container>.navbar-header {
+    margin-right: 0;
+    margin-left: 0;
+  }
+}
+
+.navbar-static-top {
+  z-index: 1000;
+  border-width: 0 0 1px;
+}
+
+@media (min-width:768px) {
+  .navbar-static-top {
+    border-radius: 0;
+  }
+}
+
+.navbar-fixed-bottom,
+.navbar-fixed-top {
+  position: fixed;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+}
+
+@media (min-width:768px) {
+  .navbar-fixed-bottom,
+  .navbar-fixed-top {
+    border-radius: 0;
+  }
+}
+
+.navbar-fixed-top {
+  top: 0;
+  border-width: 0 0 1px;
+}
+
+.navbar-fixed-bottom {
+  bottom: 0;
+  margin-bottom: 0;
+  border-width: 1px 0 0;
+}
+
+.navbar-brand {
+  float: left;
+  height: 50px;
+  padding: 15px 15px;
+  font-size: 18px;
+  line-height: 20px;
+}
+
+.navbar-brand:focus,
+.navbar-brand:hover {
+  text-decoration: none;
+}
+
+.navbar-brand>img {
+  display: block;
+}
+
+@media (min-width:768px) {
+  .navbar>.container .navbar-brand,
+  .navbar>.container-fluid .navbar-brand {
+    margin-left: -15px;
+  }
+}
+
+.navbar-toggle {
+  position: relative;
+  float: right;
+  padding: 9px 10px;
+  margin-top: 8px;
+  margin-right: 15px;
+  margin-bottom: 8px;
+  background-color: transparent;
+  background-image: none;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+
+.navbar-toggle:focus {
+  outline: 0;
+}
+
+.navbar-toggle .icon-bar {
+  display: block;
+  width: 22px;
+  height: 2px;
+  border-radius: 1px;
+}
+
+.navbar-toggle .icon-bar+.icon-bar {
+  margin-top: 4px;
+}
+
+@media (min-width:768px) {
+  .navbar-toggle {
+    display: none;
+  }
+}
+
+.navbar-nav {
+  margin: 7.5px -15px;
+}
+
+.navbar-nav>li>a {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  line-height: 20px;
+}
+
+@media (max-width:767px) {
+  .navbar-nav .open .dropdown-menu {
+    position: static;
+    float: none;
+    width: auto;
+    margin-top: 0;
+    background-color: transparent;
+    border: 0;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+
+  .navbar-nav .open .dropdown-menu .dropdown-header,
+  .navbar-nav .open .dropdown-menu>li>a {
+    padding: 5px 15px 5px 25px;
+  }
+
+  .navbar-nav .open .dropdown-menu>li>a {
+    line-height: 20px;
+  }
+
+  .navbar-nav .open .dropdown-menu>li>a:focus,
+  .navbar-nav .open .dropdown-menu>li>a:hover {
+    background-image: none;
+  }
+}
+
+@media (min-width:768px) {
+  .navbar-nav {
+    float: left;
+    margin: 0;
+  }
+
+  .navbar-nav>li {
+    float: left;
+  }
+
+  .navbar-nav>li>a {
+    padding-top: 15px;
+    padding-bottom: 15px;
+  }
+}
+
+.navbar-form {
+  padding: 10px 15px;
+  margin-top: 8px;
+  margin-right: -15px;
+  margin-bottom: 8px;
+  margin-left: -15px;
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
+  box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
+}
+
+@media (min-width:768px) {
+  .navbar-form .form-group {
+    display: inline-block;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+
+  .navbar-form .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle;
+  }
+
+  .navbar-form .form-control-static {
+    display: inline-block;
+  }
+
+  .navbar-form .input-group {
+    display: inline-table;
+    vertical-align: middle;
+  }
+
+  .navbar-form .input-group .form-control,
+  .navbar-form .input-group .input-group-addon,
+  .navbar-form .input-group .input-group-btn {
+    width: auto;
+  }
+
+  .navbar-form .input-group>.form-control {
+    width: 100%;
+  }
+
+  .navbar-form .control-label {
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+
+  .navbar-form .checkbox,
+  .navbar-form .radio {
+    display: inline-block;
+    margin-top: 0;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+
+  .navbar-form .checkbox label,
+  .navbar-form .radio label {
+    padding-left: 0;
+  }
+
+  .navbar-form .checkbox input[type=checkbox],
+  .navbar-form .radio input[type=radio] {
+    position: relative;
+    margin-left: 0;
+  }
+
+  .navbar-form .has-feedback .form-control-feedback {
+    top: 0;
+  }
+}
+
+@media (max-width:767px) {
+  .navbar-form .form-group {
+    margin-bottom: 5px;
+  }
+
+  .navbar-form .form-group:last-child {
+    margin-bottom: 0;
+  }
+}
+
+@media (min-width:768px) {
+  .navbar-form {
+    width: auto;
+    padding-top: 0;
+    padding-bottom: 0;
+    margin-right: 0;
+    margin-left: 0;
+    border: 0;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+}
+
+.navbar-nav>li>.dropdown-menu {
+  margin-top: 0;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
+  margin-bottom: 0;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.navbar-btn {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.navbar-btn.btn-sm {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+.navbar-btn.btn-xs {
+  margin-top: 14px;
+  margin-bottom: 14px;
+}
+
+.navbar-text {
+  margin-top: 15px;
+  margin-bottom: 15px;
+}
+
+@media (min-width:768px) {
+  .navbar-text {
+    float: left;
+    margin-right: 15px;
+    margin-left: 15px;
+  }
+}
+
+@media (min-width:768px) {
+  .navbar-left {
+    float: left!important;
+  }
+
+  .navbar-right {
+    float: right!important;
+    margin-right: -15px;
+  }
+
+  .navbar-right~.navbar-right {
+    margin-right: 0;
+  }
+}
+
+.navbar-default {
+  background-color: #f8f8f8;
+  border-color: #e7e7e7;
+}
+
+.navbar-default .navbar-brand {
+  color: #777;
+}
+
+.navbar-default .navbar-brand:focus,
+.navbar-default .navbar-brand:hover {
+  color: #5e5e5e;
+  background-color: transparent;
+}
+
+.navbar-default .navbar-text {
+  color: #777;
+}
+
+.navbar-default .navbar-nav>li>a {
+  color: #777;
+}
+
+.navbar-default .navbar-nav>li>a:focus,
+.navbar-default .navbar-nav>li>a:hover {
+  color: #333;
+  background-color: transparent;
+}
+
+.navbar-default .navbar-nav>.active>a,
+.navbar-default .navbar-nav>.active>a:focus,
+.navbar-default .navbar-nav>.active>a:hover {
+  color: #555;
+  background-color: #e7e7e7;
+}
+
+.navbar-default .navbar-nav>.disabled>a,
+.navbar-default .navbar-nav>.disabled>a:focus,
+.navbar-default .navbar-nav>.disabled>a:hover {
+  color: #ccc;
+  background-color: transparent;
+}
+
+.navbar-default .navbar-toggle {
+  border-color: #ddd;
+}
+
+.navbar-default .navbar-toggle:focus,
+.navbar-default .navbar-toggle:hover {
+  background-color: #ddd;
+}
+
+.navbar-default .navbar-toggle .icon-bar {
+  background-color: #888;
+}
+
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+  border-color: #e7e7e7;
+}
+
+.navbar-default .navbar-nav>.open>a,
+.navbar-default .navbar-nav>.open>a:focus,
+.navbar-default .navbar-nav>.open>a:hover {
+  color: #555;
+  background-color: #e7e7e7;
+}
+
+@media (max-width:767px) {
+  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
+    color: #777;
+  }
+
+  .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
+  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
+    color: #333;
+    background-color: transparent;
+  }
+
+  .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
+  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
+  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
+    color: #555;
+    background-color: #e7e7e7;
+  }
+
+  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
+  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
+  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
+    color: #ccc;
+    background-color: transparent;
+  }
+}
+
+.navbar-default .navbar-link {
+  color: #777;
+}
+
+.navbar-default .navbar-link:hover {
+  color: #333;
+}
+
+.navbar-default .btn-link {
+  color: #777;
+}
+
+.navbar-default .btn-link:focus,
+.navbar-default .btn-link:hover {
+  color: #333;
+}
+
+.navbar-default .btn-link[disabled]:focus,
+.navbar-default .btn-link[disabled]:hover,
+fieldset[disabled] .navbar-default .btn-link:focus,
+fieldset[disabled] .navbar-default .btn-link:hover {
+  color: #ccc;
+}
+
+.navbar-inverse {
+  background-color: #222;
+  border-color: #080808;
+}
+
+.navbar-inverse .navbar-brand {
+  color: #9d9d9d;
+}
+
+.navbar-inverse .navbar-brand:focus,
+.navbar-inverse .navbar-brand:hover {
+  color: #fff;
+  background-color: transparent;
+}
+
+.navbar-inverse .navbar-text {
+  color: #9d9d9d;
+}
+
+.navbar-inverse .navbar-nav>li>a {
+  color: #9d9d9d;
+}
+
+.navbar-inverse .navbar-nav>li>a:focus,
+.navbar-inverse .navbar-nav>li>a:hover {
+  color: #fff;
+  background-color: transparent;
+}
+
+.navbar-inverse .navbar-nav>.active>a,
+.navbar-inverse .navbar-nav>.active>a:focus,
+.navbar-inverse .navbar-nav>.active>a:hover {
+  color: #fff;
+  background-color: #080808;
+}
+
+.navbar-inverse .navbar-nav>.disabled>a,
+.navbar-inverse .navbar-nav>.disabled>a:focus,
+.navbar-inverse .navbar-nav>.disabled>a:hover {
+  color: #444;
+  background-color: transparent;
+}
+
+.navbar-inverse .navbar-toggle {
+  border-color: #333;
+}
+
+.navbar-inverse .navbar-toggle:focus,
+.navbar-inverse .navbar-toggle:hover {
+  background-color: #333;
+}
+
+.navbar-inverse .navbar-toggle .icon-bar {
+  background-color: #fff;
+}
+
+.navbar-inverse .navbar-collapse,
+.navbar-inverse .navbar-form {
+  border-color: #101010;
+}
+
+.navbar-inverse .navbar-nav>.open>a,
+.navbar-inverse .navbar-nav>.open>a:focus,
+.navbar-inverse .navbar-nav>.open>a:hover {
+  color: #fff;
+  background-color: #080808;
+}
+
+@media (max-width:767px) {
+  .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
+    border-color: #080808;
+  }
+
+  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
+    background-color: #080808;
+  }
+
+  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
+    color: #9d9d9d;
+  }
+
+  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
+  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
+    color: #fff;
+    background-color: transparent;
+  }
+
+  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
+  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
+  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
+    color: #fff;
+    background-color: #080808;
+  }
+
+  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
+  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
+  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
+    color: #444;
+    background-color: transparent;
+  }
+}
+
+.navbar-inverse .navbar-link {
+  color: #9d9d9d;
+}
+
+.navbar-inverse .navbar-link:hover {
+  color: #fff;
+}
+
+.navbar-inverse .btn-link {
+  color: #9d9d9d;
+}
+
+.navbar-inverse .btn-link:focus,
+.navbar-inverse .btn-link:hover {
+  color: #fff;
+}
+
+.navbar-inverse .btn-link[disabled]:focus,
+.navbar-inverse .btn-link[disabled]:hover,
+fieldset[disabled] .navbar-inverse .btn-link:focus,
+fieldset[disabled] .navbar-inverse .btn-link:hover {
+  color: #444;
+}
+
+.breadcrumb {
+  padding: 8px 15px;
+  margin-bottom: 20px;
+  list-style: none;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+}
+
+.breadcrumb>li {
+  display: inline-block;
+}
+
+.breadcrumb>li+li:before {
+  padding: 0 5px;
+  color: #ccc;
+  content: "/\00a0";
+}
+
+.breadcrumb>.active {
+  color: #777;
+}
+
+.pagination {
+  display: inline-block;
+  padding-left: 0;
+  margin: 20px 0;
+  border-radius: 4px;
+}
+
+.pagination>li {
+  display: inline;
+}
+
+.pagination>li>a,
+.pagination>li>span {
+  position: relative;
+  float: left;
+  padding: 6px 12px;
+  margin-left: -1px;
+  line-height: 1.42857143;
+  color: #337ab7;
+  text-decoration: none;
+  background-color: #fff;
+  border: 1px solid #ddd;
+}
+
+.pagination>li:first-child>a,
+.pagination>li:first-child>span {
+  margin-left: 0;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
+.pagination>li:last-child>a,
+.pagination>li:last-child>span {
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+.pagination>li>a:focus,
+.pagination>li>a:hover,
+.pagination>li>span:focus,
+.pagination>li>span:hover {
+  z-index: 2;
+  color: #23527c;
+  background-color: #eee;
+  border-color: #ddd;
+}
+
+.pagination>.active>a,
+.pagination>.active>a:focus,
+.pagination>.active>a:hover,
+.pagination>.active>span,
+.pagination>.active>span:focus,
+.pagination>.active>span:hover {
+  z-index: 3;
+  color: #fff;
+  cursor: default;
+  background-color: #337ab7;
+  border-color: #337ab7;
+}
+
+.pagination>.disabled>a,
+.pagination>.disabled>a:focus,
+.pagination>.disabled>a:hover,
+.pagination>.disabled>span,
+.pagination>.disabled>span:focus,
+.pagination>.disabled>span:hover {
+  color: #777;
+  cursor: not-allowed;
+  background-color: #fff;
+  border-color: #ddd;
+}
+
+.pagination-lg>li>a,
+.pagination-lg>li>span {
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+}
+
+.pagination-lg>li:first-child>a,
+.pagination-lg>li:first-child>span {
+  border-top-left-radius: 6px;
+  border-bottom-left-radius: 6px;
+}
+
+.pagination-lg>li:last-child>a,
+.pagination-lg>li:last-child>span {
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}
+
+.pagination-sm>li>a,
+.pagination-sm>li>span {
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.pagination-sm>li:first-child>a,
+.pagination-sm>li:first-child>span {
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+
+.pagination-sm>li:last-child>a,
+.pagination-sm>li:last-child>span {
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+}
+
+.pager {
+  padding-left: 0;
+  margin: 20px 0;
+  text-align: center;
+  list-style: none;
+}
+
+.pager li {
+  display: inline;
+}
+
+.pager li>a,
+.pager li>span {
+  display: inline-block;
+  padding: 5px 14px;
+  background-color: #fff;
+  border: 1px solid #ddd;
+  border-radius: 15px;
+}
+
+.pager li>a:focus,
+.pager li>a:hover {
+  text-decoration: none;
+  background-color: #eee;
+}
+
+.pager .next>a,
+.pager .next>span {
+  float: right;
+}
+
+.pager .previous>a,
+.pager .previous>span {
+  float: left;
+}
+
+.pager .disabled>a,
+.pager .disabled>a:focus,
+.pager .disabled>a:hover,
+.pager .disabled>span {
+  color: #777;
+  cursor: not-allowed;
+  background-color: #fff;
+}
+
+.label {
+  display: inline;
+  padding: .2em .6em .3em;
+  font-size: 75%;
+  font-weight: 700;
+  line-height: 1;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: .25em;
+}
+
+a.label:focus,
+a.label:hover {
+  color: #fff;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.label:empty {
+  display: none;
+}
+
+.btn .label {
+  position: relative;
+  top: -1px;
+}
+
+.label-default {
+  background-color: #777;
+}
+
+.label-default[href]:focus,
+.label-default[href]:hover {
+  background-color: #5e5e5e;
+}
+
+.label-primary {
+  background-color: #337ab7;
+}
+
+.label-primary[href]:focus,
+.label-primary[href]:hover {
+  background-color: #286090;
+}
+
+.label-success {
+  background-color: #5cb85c;
+}
+
+.label-success[href]:focus,
+.label-success[href]:hover {
+  background-color: #449d44;
+}
+
+.label-info {
+  background-color: #5bc0de;
+}
+
+.label-info[href]:focus,
+.label-info[href]:hover {
+  background-color: #31b0d5;
+}
+
+.label-warning {
+  background-color: #f0ad4e;
+}
+
+.label-warning[href]:focus,
+.label-warning[href]:hover {
+  background-color: #ec971f;
+}
+
+.label-danger {
+  background-color: #d9534f;
+}
+
+.label-danger[href]:focus,
+.label-danger[href]:hover {
+  background-color: #c9302c;
+}
+
+.badge {
+  display: inline-block;
+  min-width: 10px;
+  padding: 3px 7px;
+  font-size: 12px;
+  font-weight: 700;
+  line-height: 1;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  background-color: #777;
+  border-radius: 10px;
+}
+
+.badge:empty {
+  display: none;
+}
+
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+
+.btn-group-xs>.btn .badge,
+.btn-xs .badge {
+  top: 0;
+  padding: 1px 5px;
+}
+
+a.badge:focus,
+a.badge:hover {
+  color: #fff;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.list-group-item.active>.badge,
+.nav-pills>.active>a>.badge {
+  color: #337ab7;
+  background-color: #fff;
+}
+
+.list-group-item>.badge {
+  float: right;
+}
+
+.list-group-item>.badge+.badge {
+  margin-right: 5px;
+}
+
+.nav-pills>li>a>.badge {
+  margin-left: 3px;
+}
+
+.jumbotron {
+  padding-top: 30px;
+  padding-bottom: 30px;
+  margin-bottom: 30px;
+  color: inherit;
+  background-color: #eee;
+}
+
+.jumbotron .h1,
+.jumbotron h1 {
+  color: inherit;
+}
+
+.jumbotron p {
+  margin-bottom: 15px;
+  font-size: 21px;
+  font-weight: 200;
+}
+
+.jumbotron>hr {
+  border-top-color: #d5d5d5;
+}
+
+.container .jumbotron,
+.container-fluid .jumbotron {
+  padding-right: 15px;
+  padding-left: 15px;
+  border-radius: 6px;
+}
+
+.jumbotron .container {
+  max-width: 100%;
+}
+
+@media screen and (min-width:768px) {
+  .jumbotron {
+    padding-top: 48px;
+    padding-bottom: 48px;
+  }
+
+  .container .jumbotron,
+  .container-fluid .jumbotron {
+    padding-right: 60px;
+    padding-left: 60px;
+  }
+
+  .jumbotron .h1,
+  .jumbotron h1 {
+    font-size: 63px;
+  }
+}
+
+.thumbnail {
+  display: block;
+  padding: 4px;
+  margin-bottom: 20px;
+  line-height: 1.42857143;
+  background-color: #fff;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  -webkit-transition: border .2s ease-in-out;
+  -o-transition: border .2s ease-in-out;
+  transition: border .2s ease-in-out;
+}
+
+.thumbnail a>img,
+.thumbnail>img {
+  margin-right: auto;
+  margin-left: auto;
+}
+
+a.thumbnail.active,
+a.thumbnail:focus,
+a.thumbnail:hover {
+  border-color: #337ab7;
+}
+
+.thumbnail .caption {
+  padding: 9px;
+  color: #333;
+}
+
+.alert {
+  padding: 15px;
+  margin-bottom: 20px;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+
+.alert h4 {
+  margin-top: 0;
+  color: inherit;
+}
+
+.alert .alert-link {
+  font-weight: 700;
+}
+
+.alert>p,
+.alert>ul {
+  margin-bottom: 0;
+}
+
+.alert>p+p {
+  margin-top: 5px;
+}
+
+.alert-dismissable,
+.alert-dismissible {
+  padding-right: 35px;
+}
+
+.alert-dismissable .close,
+.alert-dismissible .close {
+  position: relative;
+  top: -2px;
+  right: -21px;
+  color: inherit;
+}
+
+.alert-success {
+  color: #3c763d;
+  background-color: #dff0d8;
+  border-color: #d6e9c6;
+}
+
+.alert-success hr {
+  border-top-color: #c9e2b3;
+}
+
+.alert-success .alert-link {
+  color: #2b542c;
+}
+
+.alert-info {
+  color: #31708f;
+  background-color: #d9edf7;
+  border-color: #bce8f1;
+}
+
+.alert-info hr {
+  border-top-color: #a6e1ec;
+}
+
+.alert-info .alert-link {
+  color: #245269;
+}
+
+.alert-warning {
+  color: #8a6d3b;
+  background-color: #fcf8e3;
+  border-color: #faebcc;
+}
+
+.alert-warning hr {
+  border-top-color: #f7e1b5;
+}
+
+.alert-warning .alert-link {
+  color: #66512c;
+}
+
+.alert-danger {
+  color: #a94442;
+  background-color: #f2dede;
+  border-color: #ebccd1;
+}
+
+.alert-danger hr {
+  border-top-color: #e4b9c0;
+}
+
+.alert-danger .alert-link {
+  color: #843534;
+}
+
+@-webkit-keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+
+  to {
+    background-position: 0 0;
+  }
+}
+
+@-o-keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+
+  to {
+    background-position: 0 0;
+  }
+}
+
+@keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+
+  to {
+    background-position: 0 0;
+  }
+}
+
+.progress {
+  height: 20px;
+  margin-bottom: 20px;
+  overflow: hidden;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
+  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
+}
+
+.progress-bar {
+  float: left;
+  width: 0;
+  height: 100%;
+  font-size: 12px;
+  line-height: 20px;
+  color: #fff;
+  text-align: center;
+  background-color: #337ab7;
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
+  box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
+  -webkit-transition: width .6s ease;
+  -o-transition: width .6s ease;
+  transition: width .6s ease;
+}
+
+.progress-bar-striped,
+.progress-striped .progress-bar {
+  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
+  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
+  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
+  -webkit-background-size: 40px 40px;
+  background-size: 40px 40px;
+}
+
+.progress-bar.active,
+.progress.active .progress-bar {
+  -webkit-animation: progress-bar-stripes 2s linear infinite;
+  -o-animation: progress-bar-stripes 2s linear infinite;
+  animation: progress-bar-stripes 2s linear infinite;
+}
+
+.progress-bar-success {
+  background-color: #5cb85c;
+}
+
+.progress-striped .progress-bar-success {
+  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
+  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
+  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
+}
+
+.progress-bar-info {
+  background-color: #5bc0de;
+}
+
+.progress-striped .progress-bar-info {
+  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
+  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
+  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
+}
+
+.progress-bar-warning {
+  background-color: #f0ad4e;
+}
+
+.progress-striped .progress-bar-warning {
+  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
+  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
+  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
+}
+
+.progress-bar-danger {
+  background-color: #d9534f;
+}
+
+.progress-striped .progress-bar-danger {
+  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
+  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
+  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
+}
+
+.media {
+  margin-top: 15px;
+}
+
+.media:first-child {
+  margin-top: 0;
+}
+
+.media,
+.media-body {
+  overflow: hidden;
+  zoom: 1;
+}
+
+.media-body {
+  width: 10000px;
+}
+
+.media-object {
+  display: block;
+}
+
+.media-object.img-thumbnail {
+  max-width: none;
+}
+
+.media-right,
+.media>.pull-right {
+  padding-left: 10px;
+}
+
+.media-left,
+.media>.pull-left {
+  padding-right: 10px;
+}
+
+.media-body,
+.media-left,
+.media-right {
+  display: table-cell;
+  vertical-align: top;
+}
+
+.media-middle {
+  vertical-align: middle;
+}
+
+.media-bottom {
+  vertical-align: bottom;
+}
+
+.media-heading {
+  margin-top: 0;
+  margin-bottom: 5px;
+}
+
+.media-list {
+  padding-left: 0;
+  list-style: none;
+}
+
+.list-group {
+  padding-left: 0;
+  margin-bottom: 20px;
+}
+
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: 10px 15px;
+  margin-bottom: -1px;
+  background-color: #fff;
+  border: 1px solid #ddd;
+}
+
+.list-group-item:first-child {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
+.list-group-item:last-child {
+  margin-bottom: 0;
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
+a.list-group-item,
+button.list-group-item {
+  color: #555;
+}
+
+a.list-group-item .list-group-item-heading,
+button.list-group-item .list-group-item-heading {
+  color: #333;
+}
+
+a.list-group-item:focus,
+a.list-group-item:hover,
+button.list-group-item:focus,
+button.list-group-item:hover {
+  color: #555;
+  text-decoration: none;
+  background-color: #f5f5f5;
+}
+
+button.list-group-item {
+  width: 100%;
+  text-align: left;
+}
+
+.list-group-item.disabled,
+.list-group-item.disabled:focus,
+.list-group-item.disabled:hover {
+  color: #777;
+  cursor: not-allowed;
+  background-color: #eee;
+}
+
+.list-group-item.disabled .list-group-item-heading,
+.list-group-item.disabled:focus .list-group-item-heading,
+.list-group-item.disabled:hover .list-group-item-heading {
+  color: inherit;
+}
+
+.list-group-item.disabled .list-group-item-text,
+.list-group-item.disabled:focus .list-group-item-text,
+.list-group-item.disabled:hover .list-group-item-text {
+  color: #777;
+}
+
+.list-group-item.active,
+.list-group-item.active:focus,
+.list-group-item.active:hover {
+  z-index: 2;
+  color: #fff;
+  background-color: #337ab7;
+  border-color: #337ab7;
+}
+
+.list-group-item.active .list-group-item-heading,
+.list-group-item.active .list-group-item-heading>.small,
+.list-group-item.active .list-group-item-heading>small,
+.list-group-item.active:focus .list-group-item-heading,
+.list-group-item.active:focus .list-group-item-heading>.small,
+.list-group-item.active:focus .list-group-item-heading>small,
+.list-group-item.active:hover .list-group-item-heading,
+.list-group-item.active:hover .list-group-item-heading>.small,
+.list-group-item.active:hover .list-group-item-heading>small {
+  color: inherit;
+}
+
+.list-group-item.active .list-group-item-text,
+.list-group-item.active:focus .list-group-item-text,
+.list-group-item.active:hover .list-group-item-text {
+  color: #c7ddef;
+}
+
+.list-group-item-success {
+  color: #3c763d;
+  background-color: #dff0d8;
+}
+
+a.list-group-item-success,
+button.list-group-item-success {
+  color: #3c763d;
+}
+
+a.list-group-item-success .list-group-item-heading,
+button.list-group-item-success .list-group-item-heading {
+  color: inherit;
+}
+
+a.list-group-item-success:focus,
+a.list-group-item-success:hover,
+button.list-group-item-success:focus,
+button.list-group-item-success:hover {
+  color: #3c763d;
+  background-color: #d0e9c6;
+}
+
+a.list-group-item-success.active,
+a.list-group-item-success.active:focus,
+a.list-group-item-success.active:hover,
+button.list-group-item-success.active,
+button.list-group-item-success.active:focus,
+button.list-group-item-success.active:hover {
+  color: #fff;
+  background-color: #3c763d;
+  border-color: #3c763d;
+}
+
+.list-group-item-info {
+  color: #31708f;
+  background-color: #d9edf7;
+}
+
+a.list-group-item-info,
+button.list-group-item-info {
+  color: #31708f;
+}
+
+a.list-group-item-info .list-group-item-heading,
+button.list-group-item-info .list-group-item-heading {
+  color: inherit;
+}
+
+a.list-group-item-info:focus,
+a.list-group-item-info:hover,
+button.list-group-item-info:focus,
+button.list-group-item-info:hover {
+  color: #31708f;
+  background-color: #c4e3f3;
+}
+
+a.list-group-item-info.active,
+a.list-group-item-info.active:focus,
+a.list-group-item-info.active:hover,
+button.list-group-item-info.active,
+button.list-group-item-info.active:focus,
+button.list-group-item-info.active:hover {
+  color: #fff;
+  background-color: #31708f;
+  border-color: #31708f;
+}
+
+.list-group-item-warning {
+  color: #8a6d3b;
+  background-color: #fcf8e3;
+}
+
+a.list-group-item-warning,
+button.list-group-item-warning {
+  color: #8a6d3b;
+}
+
+a.list-group-item-warning .list-group-item-heading,
+button.list-group-item-warning .list-group-item-heading {
+  color: inherit;
+}
+
+a.list-group-item-warning:focus,
+a.list-group-item-warning:hover,
+button.list-group-item-warning:focus,
+button.list-group-item-warning:hover {
+  color: #8a6d3b;
+  background-color: #faf2cc;
+}
+
+a.list-group-item-warning.active,
+a.list-group-item-warning.active:focus,
+a.list-group-item-warning.active:hover,
+button.list-group-item-warning.active,
+button.list-group-item-warning.active:focus,
+button.list-group-item-warning.active:hover {
+  color: #fff;
+  background-color: #8a6d3b;
+  border-color: #8a6d3b;
+}
+
+.list-group-item-danger {
+  color: #a94442;
+  background-color: #f2dede;
+}
+
+a.list-group-item-danger,
+button.list-group-item-danger {
+  color: #a94442;
+}
+
+a.list-group-item-danger .list-group-item-heading,
+button.list-group-item-danger .list-group-item-heading {
+  color: inherit;
+}
+
+a.list-group-item-danger:focus,
+a.list-group-item-danger:hover,
+button.list-group-item-danger:focus,
+button.list-group-item-danger:hover {
+  color: #a94442;
+  background-color: #ebcccc;
+}
+
+a.list-group-item-danger.active,
+a.list-group-item-danger.active:focus,
+a.list-group-item-danger.active:hover,
+button.list-group-item-danger.active,
+button.list-group-item-danger.active:focus,
+button.list-group-item-danger.active:hover {
+  color: #fff;
+  background-color: #a94442;
+  border-color: #a94442;
+}
+
+.list-group-item-heading {
+  margin-top: 0;
+  margin-bottom: 5px;
+}
+
+.list-group-item-text {
+  margin-bottom: 0;
+  line-height: 1.3;
+}
+
+.panel {
+  margin-bottom: 20px;
+  background-color: #fff;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
+  box-shadow: 0 1px 1px rgba(0,0,0,.05);
+}
+
+.panel-body {
+  padding: 15px;
+}
+
+.panel-heading {
+  padding: 10px 15px;
+  border-bottom: 1px solid transparent;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+}
+
+.panel-heading>.dropdown .dropdown-toggle {
+  color: inherit;
+}
+
+.panel-title {
+  margin-top: 0;
+  margin-bottom: 0;
+  font-size: 16px;
+  color: inherit;
+}
+
+.panel-title>.small,
+.panel-title>.small>a,
+.panel-title>a,
+.panel-title>small,
+.panel-title>small>a {
+  color: inherit;
+}
+
+.panel-footer {
+  padding: 10px 15px;
+  background-color: #f5f5f5;
+  border-top: 1px solid #ddd;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+
+.panel>.list-group,
+.panel>.panel-collapse>.list-group {
+  margin-bottom: 0;
+}
+
+.panel>.list-group .list-group-item,
+.panel>.panel-collapse>.list-group .list-group-item {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+.panel>.list-group:first-child .list-group-item:first-child,
+.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
+  border-top: 0;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+}
+
+.panel>.list-group:last-child .list-group-item:last-child,
+.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
+  border-bottom: 0;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+
+.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.panel-heading+.list-group .list-group-item:first-child {
+  border-top-width: 0;
+}
+
+.list-group+.panel-footer {
+  border-top-width: 0;
+}
+
+.panel>.panel-collapse>.table,
+.panel>.table,
+.panel>.table-responsive>.table {
+  margin-bottom: 0;
+}
+
+.panel>.panel-collapse>.table caption,
+.panel>.table caption,
+.panel>.table-responsive>.table caption {
+  padding-right: 15px;
+  padding-left: 15px;
+}
+
+.panel>.table-responsive:first-child>.table:first-child,
+.panel>.table:first-child {
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+}
+
+.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
+.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
+.panel>.table:first-child>tbody:first-child>tr:first-child,
+.panel>.table:first-child>thead:first-child>tr:first-child {
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+}
+
+.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
+.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
+.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
+.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
+.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
+.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
+.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
+.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
+  border-top-left-radius: 3px;
+}
+
+.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
+.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
+.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
+.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
+.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
+.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
+.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
+.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
+  border-top-right-radius: 3px;
+}
+
+.panel>.table-responsive:last-child>.table:last-child,
+.panel>.table:last-child {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+
+.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
+.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
+.panel>.table:last-child>tbody:last-child>tr:last-child,
+.panel>.table:last-child>tfoot:last-child>tr:last-child {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+
+.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
+.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
+.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
+.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
+.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
+.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
+.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
+.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
+  border-bottom-left-radius: 3px;
+}
+
+.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
+.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
+.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
+.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
+.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
+.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
+.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
+.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
+  border-bottom-right-radius: 3px;
+}
+
+.panel>.panel-body+.table,
+.panel>.panel-body+.table-responsive,
+.panel>.table+.panel-body,
+.panel>.table-responsive+.panel-body {
+  border-top: 1px solid #ddd;
+}
+
+.panel>.table>tbody:first-child>tr:first-child td,
+.panel>.table>tbody:first-child>tr:first-child th {
+  border-top: 0;
+}
+
+.panel>.table-bordered,
+.panel>.table-responsive>.table-bordered {
+  border: 0;
+}
+
+.panel>.table-bordered>tbody>tr>td:first-child,
+.panel>.table-bordered>tbody>tr>th:first-child,
+.panel>.table-bordered>tfoot>tr>td:first-child,
+.panel>.table-bordered>tfoot>tr>th:first-child,
+.panel>.table-bordered>thead>tr>td:first-child,
+.panel>.table-bordered>thead>tr>th:first-child,
+.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
+.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
+.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
+.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
+.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
+.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
+  border-left: 0;
+}
+
+.panel>.table-bordered>tbody>tr>td:last-child,
+.panel>.table-bordered>tbody>tr>th:last-child,
+.panel>.table-bordered>tfoot>tr>td:last-child,
+.panel>.table-bordered>tfoot>tr>th:last-child,
+.panel>.table-bordered>thead>tr>td:last-child,
+.panel>.table-bordered>thead>tr>th:last-child,
+.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
+.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
+.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
+.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
+.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
+.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
+  border-right: 0;
+}
+
+.panel>.table-bordered>tbody>tr:first-child>td,
+.panel>.table-bordered>tbody>tr:first-child>th,
+.panel>.table-bordered>thead>tr:first-child>td,
+.panel>.table-bordered>thead>tr:first-child>th,
+.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
+.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
+.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
+.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
+  border-bottom: 0;
+}
+
+.panel>.table-bordered>tbody>tr:last-child>td,
+.panel>.table-bordered>tbody>tr:last-child>th,
+.panel>.table-bordered>tfoot>tr:last-child>td,
+.panel>.table-bordered>tfoot>tr:last-child>th,
+.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
+.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
+.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
+.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
+  border-bottom: 0;
+}
+
+.panel>.table-responsive {
+  margin-bottom: 0;
+  border: 0;
+}
+
+.panel-group {
+  margin-bottom: 20px;
+}
+
+.panel-group .panel {
+  margin-bottom: 0;
+  border-radius: 4px;
+}
+
+.panel-group .panel+.panel {
+  margin-top: 5px;
+}
+
+.panel-group .panel-heading {
+  border-bottom: 0;
+}
+
+.panel-group .panel-heading+.panel-collapse>.list-group,
+.panel-group .panel-heading+.panel-collapse>.panel-body {
+  border-top: 1px solid #ddd;
+}
+
+.panel-group .panel-footer {
+  border-top: 0;
+}
+
+.panel-group .panel-footer+.panel-collapse .panel-body {
+  border-bottom: 1px solid #ddd;
+}
+
+.panel-default {
+  border-color: #ddd;
+}
+
+.panel-default>.panel-heading {
+  color: #333;
+  background-color: #f5f5f5;
+  border-color: #ddd;
+}
+
+.panel-default>.panel-heading+.panel-collapse>.panel-body {
+  border-top-color: #ddd;
+}
+
+.panel-default>.panel-heading .badge {
+  color: #f5f5f5;
+  background-color: #333;
+}
+
+.panel-default>.panel-footer+.panel-collapse>.panel-body {
+  border-bottom-color: #ddd;
+}
+
+.panel-primary {
+  border-color: #337ab7;
+}
+
+.panel-primary>.panel-heading {
+  color: #fff;
+  background-color: #337ab7;
+  border-color: #337ab7;
+}
+
+.panel-primary>.panel-heading+.panel-collapse>.panel-body {
+  border-top-color: #337ab7;
+}
+
+.panel-primary>.panel-heading .badge {
+  color: #337ab7;
+  background-color: #fff;
+}
+
+.panel-primary>.panel-footer+.panel-collapse>.panel-body {
+  border-bottom-color: #337ab7;
+}
+
+.panel-success {
+  border-color: #d6e9c6;
+}
+
+.panel-success>.panel-heading {
+  color: #3c763d;
+  background-color: #dff0d8;
+  border-color: #d6e9c6;
+}
+
+.panel-success>.panel-heading+.panel-collapse>.panel-body {
+  border-top-color: #d6e9c6;
+}
+
+.panel-success>.panel-heading .badge {
+  color: #dff0d8;
+  background-color: #3c763d;
+}
+
+.panel-success>.panel-footer+.panel-collapse>.panel-body {
+  border-bottom-color: #d6e9c6;
+}
+
+.panel-info {
+  border-color: #bce8f1;
+}
+
+.panel-info>.panel-heading {
+  color: #31708f;
+  background-color: #d9edf7;
+  border-color: #bce8f1;
+}
+
+.panel-info>.panel-heading+.panel-collapse>.panel-body {
+  border-top-color: #bce8f1;
+}
+
+.panel-info>.panel-heading .badge {
+  color: #d9edf7;
+  background-color: #31708f;
+}
+
+.panel-info>.panel-footer+.panel-collapse>.panel-body {
+  border-bottom-color: #bce8f1;
+}
+
+.panel-warning {
+  border-color: #faebcc;
+}
+
+.panel-warning>.panel-heading {
+  color: #8a6d3b;
+  background-color: #fcf8e3;
+  border-color: #faebcc;
+}
+
+.panel-warning>.panel-heading+.panel-collapse>.panel-body {
+  border-top-color: #faebcc;
+}
+
+.panel-warning>.panel-heading .badge {
+  color: #fcf8e3;
+  background-color: #8a6d3b;
+}
+
+.panel-warning>.panel-footer+.panel-collapse>.panel-body {
+  border-bottom-color: #faebcc;
+}
+
+.panel-danger {
+  border-color: #ebccd1;
+}
+
+.panel-danger>.panel-heading {
+  color: #a94442;
+  background-color: #f2dede;
+  border-color: #ebccd1;
+}
+
+.panel-danger>.panel-heading+.panel-collapse>.panel-body {
+  border-top-color: #ebccd1;
+}
+
+.panel-danger>.panel-heading .badge {
+  color: #f2dede;
+  background-color: #a94442;
+}
+
+.panel-danger>.panel-footer+.panel-collapse>.panel-body {
+  border-bottom-color: #ebccd1;
+}
+
+.embed-responsive {
+  position: relative;
+  display: block;
+  height: 0;
+  padding: 0;
+  overflow: hidden;
+}
+
+.embed-responsive .embed-responsive-item,
+.embed-responsive embed,
+.embed-responsive iframe,
+.embed-responsive object,
+.embed-responsive video {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: 0;
+}
+
+.embed-responsive-16by9 {
+  padding-bottom: 56.25%;
+}
+
+.embed-responsive-4by3 {
+  padding-bottom: 75%;
+}
+
+.well {
+  min-height: 20px;
+  padding: 19px;
+  margin-bottom: 20px;
+  background-color: #f5f5f5;
+  border: 1px solid #e3e3e3;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
+}
+
+.well blockquote {
+  border-color: #ddd;
+  border-color: rgba(0,0,0,.15);
+}
+
+.well-lg {
+  padding: 24px;
+  border-radius: 6px;
+}
+
+.well-sm {
+  padding: 9px;
+  border-radius: 3px;
+}
+
+.close {
+  float: right;
+  font-size: 21px;
+  font-weight: 700;
+  line-height: 1;
+  color: #000;
+  text-shadow: 0 1px 0 #fff;
+  filter: alpha(opacity=20);
+  opacity: .2;
+}
+
+.close:focus,
+.close:hover {
+  color: #000;
+  text-decoration: none;
+  cursor: pointer;
+  filter: alpha(opacity=50);
+  opacity: .5;
+}
+
+button.close {
+  -webkit-appearance: none;
+  padding: 0;
+  cursor: pointer;
+  background: 0 0;
+  border: 0;
+}
+
+.modal-open {
+  overflow: hidden;
+}
+
+.modal {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1050;
+  display: none;
+  overflow: hidden;
+  -webkit-overflow-scrolling: touch;
+  outline: 0;
+}
+
+.modal.fade .modal-dialog {
+  -webkit-transition: -webkit-transform .3s ease-out;
+  -o-transition: -o-transform .3s ease-out;
+  transition: transform .3s ease-out;
+  -webkit-transform: translate(0,-25%);
+  -ms-transform: translate(0,-25%);
+  -o-transform: translate(0,-25%);
+  transform: translate(0,-25%);
+}
+
+.modal.in .modal-dialog {
+  -webkit-transform: translate(0,0);
+  -ms-transform: translate(0,0);
+  -o-transform: translate(0,0);
+  transform: translate(0,0);
+}
+
+.modal-open .modal {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: 10px;
+}
+
+.modal-content {
+  position: relative;
+  background-color: #fff;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  border: 1px solid #999;
+  border: 1px solid rgba(0,0,0,.2);
+  border-radius: 6px;
+  outline: 0;
+  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
+  box-shadow: 0 3px 9px rgba(0,0,0,.5);
+}
+
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  background-color: #000;
+}
+
+.modal-backdrop.fade {
+  filter: alpha(opacity=0);
+  opacity: 0;
+}
+
+.modal-backdrop.in {
+  filter: alpha(opacity=50);
+  opacity: .5;
+}
+
+.modal-header {
+  padding: 15px;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.modal-header .close {
+  margin-top: -2px;
+}
+
+.modal-title {
+  margin: 0;
+  line-height: 1.42857143;
+}
+
+.modal-body {
+  position: relative;
+  padding: 15px;
+}
+
+.modal-footer {
+  padding: 15px;
+  text-align: right;
+  border-top: 1px solid #e5e5e5;
+}
+
+.modal-footer .btn+.btn {
+  margin-bottom: 0;
+  margin-left: 5px;
+}
+
+.modal-footer .btn-group .btn+.btn {
+  margin-left: -1px;
+}
+
+.modal-footer .btn-block+.btn-block {
+  margin-left: 0;
+}
+
+.modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll;
+}
+
+@media (min-width:768px) {
+  .modal-dialog {
+    width: 600px;
+    margin: 30px auto;
+  }
+
+  .modal-content {
+    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
+    box-shadow: 0 5px 15px rgba(0,0,0,.5);
+  }
+
+  .modal-sm {
+    width: 300px;
+  }
+}
+
+@media (min-width:992px) {
+  .modal-lg {
+    width: 900px;
+  }
+}
+
+.tooltip {
+  position: absolute;
+  z-index: 1070;
+  display: block;
+  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.42857143;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  word-spacing: normal;
+  word-wrap: normal;
+  white-space: normal;
+  filter: alpha(opacity=0);
+  opacity: 0;
+  line-break: auto;
+}
+
+.tooltip.in {
+  filter: alpha(opacity=90);
+  opacity: .9;
+}
+
+.tooltip.top {
+  padding: 5px 0;
+  margin-top: -3px;
+}
+
+.tooltip.right {
+  padding: 0 5px;
+  margin-left: 3px;
+}
+
+.tooltip.bottom {
+  padding: 5px 0;
+  margin-top: 3px;
+}
+
+.tooltip.left {
+  padding: 0 5px;
+  margin-left: -3px;
+}
+
+.tooltip-inner {
+  max-width: 200px;
+  padding: 3px 8px;
+  color: #fff;
+  text-align: center;
+  background-color: #000;
+  border-radius: 4px;
+}
+
+.tooltip-arrow {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+
+.tooltip.top .tooltip-arrow {
+  bottom: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px 5px 0;
+  border-top-color: #000;
+}
+
+.tooltip.top-left .tooltip-arrow {
+  right: 5px;
+  bottom: 0;
+  margin-bottom: -5px;
+  border-width: 5px 5px 0;
+  border-top-color: #000;
+}
+
+.tooltip.top-right .tooltip-arrow {
+  bottom: 0;
+  left: 5px;
+  margin-bottom: -5px;
+  border-width: 5px 5px 0;
+  border-top-color: #000;
+}
+
+.tooltip.right .tooltip-arrow {
+  top: 50%;
+  left: 0;
+  margin-top: -5px;
+  border-width: 5px 5px 5px 0;
+  border-right-color: #000;
+}
+
+.tooltip.left .tooltip-arrow {
+  top: 50%;
+  right: 0;
+  margin-top: -5px;
+  border-width: 5px 0 5px 5px;
+  border-left-color: #000;
+}
+
+.tooltip.bottom .tooltip-arrow {
+  top: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 0 5px 5px;
+  border-bottom-color: #000;
+}
+
+.tooltip.bottom-left .tooltip-arrow {
+  top: 0;
+  right: 5px;
+  margin-top: -5px;
+  border-width: 0 5px 5px;
+  border-bottom-color: #000;
+}
+
+.tooltip.bottom-right .tooltip-arrow {
+  top: 0;
+  left: 5px;
+  margin-top: -5px;
+  border-width: 0 5px 5px;
+  border-bottom-color: #000;
+}
+
+.popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1060;
+  display: none;
+  max-width: 276px;
+  padding: 1px;
+  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.42857143;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  word-spacing: normal;
+  word-wrap: normal;
+  white-space: normal;
+  background-color: #fff;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0,0,0,.2);
+  border-radius: 6px;
+  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
+  box-shadow: 0 5px 10px rgba(0,0,0,.2);
+  line-break: auto;
+}
+
+.popover.top {
+  margin-top: -10px;
+}
+
+.popover.right {
+  margin-left: 10px;
+}
+
+.popover.bottom {
+  margin-top: 10px;
+}
+
+.popover.left {
+  margin-left: -10px;
+}
+
+.popover-title {
+  padding: 8px 14px;
+  margin: 0;
+  font-size: 14px;
+  background-color: #f7f7f7;
+  border-bottom: 1px solid #ebebeb;
+  border-radius: 5px 5px 0 0;
+}
+
+.popover-content {
+  padding: 9px 14px;
+}
+
+.popover>.arrow,
+.popover>.arrow:after {
+  position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+
+.popover>.arrow {
+  border-width: 11px;
+}
+
+.popover>.arrow:after {
+  content: "";
+  border-width: 10px;
+}
+
+.popover.top>.arrow {
+  bottom: -11px;
+  left: 50%;
+  margin-left: -11px;
+  border-top-color: #999;
+  border-top-color: rgba(0,0,0,.25);
+  border-bottom-width: 0;
+}
+
+.popover.top>.arrow:after {
+  bottom: 1px;
+  margin-left: -10px;
+  content: " ";
+  border-top-color: #fff;
+  border-bottom-width: 0;
+}
+
+.popover.right>.arrow {
+  top: 50%;
+  left: -11px;
+  margin-top: -11px;
+  border-right-color: #999;
+  border-right-color: rgba(0,0,0,.25);
+  border-left-width: 0;
+}
+
+.popover.right>.arrow:after {
+  bottom: -10px;
+  left: 1px;
+  content: " ";
+  border-right-color: #fff;
+  border-left-width: 0;
+}
+
+.popover.bottom>.arrow {
+  top: -11px;
+  left: 50%;
+  margin-left: -11px;
+  border-top-width: 0;
+  border-bottom-color: #999;
+  border-bottom-color: rgba(0,0,0,.25);
+}
+
+.popover.bottom>.arrow:after {
+  top: 1px;
+  margin-left: -10px;
+  content: " ";
+  border-top-width: 0;
+  border-bottom-color: #fff;
+}
+
+.popover.left>.arrow {
+  top: 50%;
+  right: -11px;
+  margin-top: -11px;
+  border-right-width: 0;
+  border-left-color: #999;
+  border-left-color: rgba(0,0,0,.25);
+}
+
+.popover.left>.arrow:after {
+  right: 1px;
+  bottom: -10px;
+  content: " ";
+  border-right-width: 0;
+  border-left-color: #fff;
+}
+
+.carousel {
+  position: relative;
+}
+
+.carousel-inner {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+}
+
+.carousel-inner>.item {
+  position: relative;
+  display: none;
+  -webkit-transition: .6s ease-in-out left;
+  -o-transition: .6s ease-in-out left;
+  transition: .6s ease-in-out left;
+}
+
+.carousel-inner>.item>a>img,
+.carousel-inner>.item>img {
+  line-height: 1;
+}
+
+@media all and (transform-3d),(-webkit-transform-3d) {
+  .carousel-inner>.item {
+    -webkit-transition: -webkit-transform .6s ease-in-out;
+    -o-transition: -o-transform .6s ease-in-out;
+    transition: transform .6s ease-in-out;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    -webkit-perspective: 1000px;
+    perspective: 1000px;
+  }
+
+  .carousel-inner>.item.active.right,
+  .carousel-inner>.item.next {
+    left: 0;
+    -webkit-transform: translate3d(100%,0,0);
+    transform: translate3d(100%,0,0);
+  }
+
+  .carousel-inner>.item.active.left,
+  .carousel-inner>.item.prev {
+    left: 0;
+    -webkit-transform: translate3d(-100%,0,0);
+    transform: translate3d(-100%,0,0);
+  }
+
+  .carousel-inner>.item.active,
+  .carousel-inner>.item.next.left,
+  .carousel-inner>.item.prev.right {
+    left: 0;
+    -webkit-transform: translate3d(0,0,0);
+    transform: translate3d(0,0,0);
+  }
+}
+
+.carousel-inner>.active,
+.carousel-inner>.next,
+.carousel-inner>.prev {
+  display: block;
+}
+
+.carousel-inner>.active {
+  left: 0;
+}
+
+.carousel-inner>.next,
+.carousel-inner>.prev {
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+
+.carousel-inner>.next {
+  left: 100%;
+}
+
+.carousel-inner>.prev {
+  left: -100%;
+}
+
+.carousel-inner>.next.left,
+.carousel-inner>.prev.right {
+  left: 0;
+}
+
+.carousel-inner>.active.left {
+  left: -100%;
+}
+
+.carousel-inner>.active.right {
+  left: 100%;
+}
+
+.carousel-control {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 15%;
+  font-size: 20px;
+  color: #fff;
+  text-align: center;
+  text-shadow: 0 1px 2px rgba(0,0,0,.6);
+  background-color: rgba(0,0,0,0);
+  filter: alpha(opacity=50);
+  opacity: .5;
+}
+
+.carousel-control.left {
+  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
+  background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
+  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
+  background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
+  background-repeat: repeat-x;
+}
+
+.carousel-control.right {
+  right: 0;
+  left: auto;
+  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
+  background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
+  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
+  background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
+  background-repeat: repeat-x;
+}
+
+.carousel-control:focus,
+.carousel-control:hover {
+  color: #fff;
+  text-decoration: none;
+  filter: alpha(opacity=90);
+  outline: 0;
+  opacity: .9;
+}
+
+.carousel-control .glyphicon-chevron-left,
+.carousel-control .glyphicon-chevron-right,
+.carousel-control .icon-next,
+.carousel-control .icon-prev {
+  position: absolute;
+  top: 50%;
+  z-index: 5;
+  display: inline-block;
+  margin-top: -10px;
+}
+
+.carousel-control .glyphicon-chevron-left,
+.carousel-control .icon-prev {
+  left: 50%;
+  margin-left: -10px;
+}
+
+.carousel-control .glyphicon-chevron-right,
+.carousel-control .icon-next {
+  right: 50%;
+  margin-right: -10px;
+}
+
+.carousel-control .icon-next,
+.carousel-control .icon-prev {
+  width: 20px;
+  height: 20px;
+  font-family: serif;
+  line-height: 1;
+}
+
+.carousel-control .icon-prev:before {
+  content: '\2039';
+}
+
+.carousel-control .icon-next:before {
+  content: '\203a';
+}
+
+.carousel-indicators {
+  position: absolute;
+  bottom: 10px;
+  left: 50%;
+  z-index: 15;
+  width: 60%;
+  padding-left: 0;
+  margin-left: -30%;
+  text-align: center;
+  list-style: none;
+}
+
+.carousel-indicators li {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  margin: 1px;
+  text-indent: -999px;
+  cursor: pointer;
+  background-color: #000\9;
+  background-color: rgba(0,0,0,0);
+  border: 1px solid #fff;
+  border-radius: 10px;
+}
+
+.carousel-indicators .active {
+  width: 12px;
+  height: 12px;
+  margin: 0;
+  background-color: #fff;
+}
+
+.carousel-caption {
+  position: absolute;
+  right: 15%;
+  bottom: 20px;
+  left: 15%;
+  z-index: 10;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  color: #fff;
+  text-align: center;
+  text-shadow: 0 1px 2px rgba(0,0,0,.6);
+}
+
+.carousel-caption .btn {
+  text-shadow: none;
+}
+
+@media screen and (min-width:768px) {
+  .carousel-control .glyphicon-chevron-left,
+  .carousel-control .glyphicon-chevron-right,
+  .carousel-control .icon-next,
+  .carousel-control .icon-prev {
+    width: 30px;
+    height: 30px;
+    margin-top: -10px;
+    font-size: 30px;
+  }
+
+  .carousel-control .glyphicon-chevron-left,
+  .carousel-control .icon-prev {
+    margin-left: -10px;
+  }
+
+  .carousel-control .glyphicon-chevron-right,
+  .carousel-control .icon-next {
+    margin-right: -10px;
+  }
+
+  .carousel-caption {
+    right: 20%;
+    left: 20%;
+    padding-bottom: 30px;
+  }
+
+  .carousel-indicators {
+    bottom: 20px;
+  }
+}
+
+.btn-group-vertical>.btn-group:after,
+.btn-group-vertical>.btn-group:before,
+.btn-toolbar:after,
+.btn-toolbar:before,
+.clearfix:after,
+.clearfix:before,
+.container-fluid:after,
+.container-fluid:before,
+.container:after,
+.container:before,
+.dl-horizontal dd:after,
+.dl-horizontal dd:before,
+.form-horizontal .form-group:after,
+.form-horizontal .form-group:before,
+.modal-footer:after,
+.modal-footer:before,
+.modal-header:after,
+.modal-header:before,
+.nav:after,
+.nav:before,
+.navbar-collapse:after,
+.navbar-collapse:before,
+.navbar-header:after,
+.navbar-header:before,
+.navbar:after,
+.navbar:before,
+.pager:after,
+.pager:before,
+.panel-body:after,
+.panel-body:before,
+.row:after,
+.row:before {
+  display: table;
+  content: " ";
+}
+
+.btn-group-vertical>.btn-group:after,
+.btn-toolbar:after,
+.clearfix:after,
+.container-fluid:after,
+.container:after,
+.dl-horizontal dd:after,
+.form-horizontal .form-group:after,
+.modal-footer:after,
+.modal-header:after,
+.nav:after,
+.navbar-collapse:after,
+.navbar-header:after,
+.navbar:after,
+.pager:after,
+.panel-body:after,
+.row:after {
+  clear: both;
+}
+
+.center-block {
+  display: block;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.pull-right {
+  float: right!important;
+}
+
+.pull-left {
+  float: left!important;
+}
+
+.hide {
+  display: none!important;
+}
+
+.show {
+  display: block!important;
+}
+
+.invisible {
+  visibility: hidden;
+}
+
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+
+.hidden {
+  display: none!important;
+}
+
+.affix {
+  position: fixed;
+}
+
+@-ms-viewport {
+  width: device-width;
+}
+
+.visible-lg,
+.visible-md,
+.visible-sm,
+.visible-xs {
+  display: none!important;
+}
+
+.visible-lg-block,
+.visible-lg-inline,
+.visible-lg-inline-block,
+.visible-md-block,
+.visible-md-inline,
+.visible-md-inline-block,
+.visible-sm-block,
+.visible-sm-inline,
+.visible-sm-inline-block,
+.visible-xs-block,
+.visible-xs-inline,
+.visible-xs-inline-block {
+  display: none!important;
+}
+
+@media (max-width:767px) {
+  .visible-xs {
+    display: block!important;
+  }
+
+  table.visible-xs {
+    display: table!important;
+  }
+
+  tr.visible-xs {
+    display: table-row!important;
+  }
+
+  td.visible-xs,
+  th.visible-xs {
+    display: table-cell!important;
+  }
+}
+
+@media (max-width:767px) {
+  .visible-xs-block {
+    display: block!important;
+  }
+}
+
+@media (max-width:767px) {
+  .visible-xs-inline {
+    display: inline!important;
+  }
+}
+
+@media (max-width:767px) {
+  .visible-xs-inline-block {
+    display: inline-block!important;
+  }
+}
+
+@media (min-width:768px) and (max-width:991px) {
+  .visible-sm {
+    display: block!important;
+  }
+
+  table.visible-sm {
+    display: table!important;
+  }
+
+  tr.visible-sm {
+    display: table-row!important;
+  }
+
+  td.visible-sm,
+  th.visible-sm {
+    display: table-cell!important;
+  }
+}
+
+@media (min-width:768px) and (max-width:991px) {
+  .visible-sm-block {
+    display: block!important;
+  }
+}
+
+@media (min-width:768px) and (max-width:991px) {
+  .visible-sm-inline {
+    display: inline!important;
+  }
+}
+
+@media (min-width:768px) and (max-width:991px) {
+  .visible-sm-inline-block {
+    display: inline-block!important;
+  }
+}
+
+@media (min-width:992px) and (max-width:1199px) {
+  .visible-md {
+    display: block!important;
+  }
+
+  table.visible-md {
+    display: table!important;
+  }
+
+  tr.visible-md {
+    display: table-row!important;
+  }
+
+  td.visible-md,
+  th.visible-md {
+    display: table-cell!important;
+  }
+}
+
+@media (min-width:992px) and (max-width:1199px) {
+  .visible-md-block {
+    display: block!important;
+  }
+}
+
+@media (min-width:992px) and (max-width:1199px) {
+  .visible-md-inline {
+    display: inline!important;
+  }
+}
+
+@media (min-width:992px) and (max-width:1199px) {
+  .visible-md-inline-block {
+    display: inline-block!important;
+  }
+}
+
+@media (min-width:1200px) {
+  .visible-lg {
+    display: block!important;
+  }
+
+  table.visible-lg {
+    display: table!important;
+  }
+
+  tr.visible-lg {
+    display: table-row!important;
+  }
+
+  td.visible-lg,
+  th.visible-lg {
+    display: table-cell!important;
+  }
+}
+
+@media (min-width:1200px) {
+  .visible-lg-block {
+    display: block!important;
+  }
+}
+
+@media (min-width:1200px) {
+  .visible-lg-inline {
+    display: inline!important;
+  }
+}
+
+@media (min-width:1200px) {
+  .visible-lg-inline-block {
+    display: inline-block!important;
+  }
+}
+
+@media (max-width:767px) {
+  .hidden-xs {
+    display: none!important;
+  }
+}
+
+@media (min-width:768px) and (max-width:991px) {
+  .hidden-sm {
+    display: none!important;
+  }
+}
+
+@media (min-width:992px) and (max-width:1199px) {
+  .hidden-md {
+    display: none!important;
+  }
+}
+
+@media (min-width:1200px) {
+  .hidden-lg {
+    display: none!important;
+  }
+}
+
+.visible-print {
+  display: none!important;
+}
+
+@media print {
+  .visible-print {
+    display: block!important;
+  }
+
+  table.visible-print {
+    display: table!important;
+  }
+
+  tr.visible-print {
+    display: table-row!important;
+  }
+
+  td.visible-print,
+  th.visible-print {
+    display: table-cell!important;
+  }
+}
+
+.visible-print-block {
+  display: none!important;
+}
+
+@media print {
+  .visible-print-block {
+    display: block!important;
+  }
+}
+
+.visible-print-inline {
+  display: none!important;
+}
+
+@media print {
+  .visible-print-inline {
+    display: inline!important;
+  }
+}
+
+.visible-print-inline-block {
+  display: none!important;
+}
+
+@media print {
+  .visible-print-inline-block {
+    display: inline-block!important;
+  }
+}
+
+@media print {
+  .hidden-print {
+    display: none!important;
+  }
+}
+
+/*# sourceMappingURL=bootstrap.min.css.map */
+.bootstrap-dialog .modal-header {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
+.bootstrap-dialog .bootstrap-dialog-title {
+  color: #fff;
+  display: inline-block;
+  font-size: 16px;
+}
+
+.bootstrap-dialog .bootstrap-dialog-message {
+  font-size: 14px;
+}
+
+.bootstrap-dialog .bootstrap-dialog-button-icon {
+  margin-right: 3px;
+}
+
+.bootstrap-dialog .bootstrap-dialog-close-button {
+  font-size: 20px;
+  float: right;
+  opacity: .9;
+  filter: alpha(opacity=90);
+}
+
+.bootstrap-dialog .bootstrap-dialog-close-button:hover {
+  cursor: pointer;
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+
+.bootstrap-dialog.type-default .modal-header {
+  background-color: #fff;
+}
+
+.bootstrap-dialog.type-default .bootstrap-dialog-title {
+  color: #333;
+}
+
+.bootstrap-dialog.type-info .modal-header {
+  background-color: #5bc0de;
+}
+
+.bootstrap-dialog.type-primary .modal-header {
+  background-color: #337ab7;
+}
+
+.bootstrap-dialog.type-success .modal-header {
+  background-color: #5cb85c;
+}
+
+.bootstrap-dialog.type-warning .modal-header {
+  background-color: #f0ad4e;
+}
+
+.bootstrap-dialog.type-danger .modal-header {
+  background-color: #d9534f;
+}
+
+.bootstrap-dialog.size-large .bootstrap-dialog-title {
+  font-size: 24px;
+}
+
+.bootstrap-dialog.size-large .bootstrap-dialog-close-button {
+  font-size: 30px;
+}
+
+.bootstrap-dialog.size-large .bootstrap-dialog-message {
+  font-size: 18px;
+}
+
+.bootstrap-dialog .icon-spin {
+  display: inline-block;
+  -moz-animation: spin 2s infinite linear;
+  -o-animation: spin 2s infinite linear;
+  -webkit-animation: spin 2s infinite linear;
+  animation: spin 2s infinite linear;
+}
+
+@-moz-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+  }
+}
+
+@-webkit-keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate(359deg);
+  }
+}
+
+@-o-keyframes spin {
+  0% {
+    -o-transform: rotate(0deg);
+  }
+
+  100% {
+    -o-transform: rotate(359deg);
+  }
+}
+
+@-ms-keyframes spin {
+  0% {
+    -ms-transform: rotate(0deg);
+  }
+
+  100% {
+    -ms-transform: rotate(359deg);
+  }
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(359deg);
+  }
+}
+/*!
+ * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
+ *
+ * Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Built for http://www.improvely.com
+ */
+
+.daterangepicker.dropdown-menu {
+  max-width: none;
+  z-index: 3000;
+}
+
+.daterangepicker.opensleft .ranges,
+.daterangepicker.opensleft .calendar {
+  float: left;
+  margin: 4px;
+}
+
+.daterangepicker.opensright .ranges,
+.daterangepicker.opensright .calendar {
+  float: right;
+  margin: 4px;
+}
+
+.daterangepicker .ranges {
+  width: 160px;
+  text-align: left;
+}
+
+.daterangepicker .ranges .range_inputs>div {
+  float: left;
+}
+
+.daterangepicker .ranges .range_inputs>div:nth-child(2) {
+  padding-left: 11px;
+}
+
+.daterangepicker .calendar {
+  display: none;
+  max-width: 270px;
+}
+
+.daterangepicker.show-calendar .calendar {
+  display: block;
+}
+
+.daterangepicker .calendar.single .calendar-date {
+  border: none;
+}
+
+.daterangepicker .calendar th,
+.daterangepicker .calendar td {
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  white-space: nowrap;
+  text-align: center;
+  min-width: 32px;
+}
+
+.daterangepicker .daterangepicker_start_input label,
+.daterangepicker .daterangepicker_end_input label {
+  color: #333;
+  display: block;
+  font-size: 11px;
+  font-weight: normal;
+  height: 20px;
+  line-height: 20px;
+  margin-bottom: 2px;
+  text-shadow: #fff 1px 1px 0px;
+  text-transform: uppercase;
+  width: 74px;
+}
+
+.daterangepicker .ranges input {
+  font-size: 11px;
+}
+
+.daterangepicker .ranges .input-mini {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  color: #555;
+  display: block;
+  font-size: 11px;
+  height: 30px;
+  line-height: 30px;
+  vertical-align: middle;
+  margin: 0 0 10px 0;
+  padding: 0 6px;
+  width: 74px;
+}
+
+.daterangepicker .ranges ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.daterangepicker .ranges li {
+  font-size: 13px;
+  background: #f5f5f5;
+  border: 1px solid #f5f5f5;
+  color: #08c;
+  padding: 3px 12px;
+  margin-bottom: 8px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  cursor: pointer;
+}
+
+.daterangepicker .ranges li.active,
+.daterangepicker .ranges li:hover {
+  background: #08c;
+  border: 1px solid #08c;
+  color: #fff;
+}
+
+.daterangepicker .calendar-date {
+  border: 1px solid #ddd;
+  padding: 4px;
+  border-radius: 4px;
+  background: #fff;
+}
+
+.daterangepicker .calendar-time {
+  text-align: center;
+  margin: 8px auto 0 auto;
+  line-height: 30px;
+}
+
+.daterangepicker {
+  position: absolute;
+  background: #fff;
+  top: 100px;
+  left: 20px;
+  padding: 4px;
+  margin-top: 1px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+.daterangepicker.opensleft:before {
+  position: absolute;
+  top: -7px;
+  right: 9px;
+  display: inline-block;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-left: 7px solid transparent;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  content: '';
+}
+
+.daterangepicker.opensleft:after {
+  position: absolute;
+  top: -6px;
+  right: 10px;
+  display: inline-block;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #fff;
+  border-left: 6px solid transparent;
+  content: '';
+}
+
+.daterangepicker.opensright:before {
+  position: absolute;
+  top: -7px;
+  left: 9px;
+  display: inline-block;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-left: 7px solid transparent;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  content: '';
+}
+
+.daterangepicker.opensright:after {
+  position: absolute;
+  top: -6px;
+  left: 10px;
+  display: inline-block;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #fff;
+  border-left: 6px solid transparent;
+  content: '';
+}
+
+.daterangepicker table {
+  width: 100%;
+  margin: 0;
+}
+
+.daterangepicker td,
+.daterangepicker th {
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+.daterangepicker td.off {
+  color: #999;
+}
+
+.daterangepicker td.disabled {
+  color: #999;
+}
+
+.daterangepicker td.available:hover,
+.daterangepicker th.available:hover {
+  background: #eee;
+}
+
+.daterangepicker td.in-range {
+  background: #ebf4f8;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+}
+
+.daterangepicker td.available + td.start-date {
+  -webkit-border-radius: 4px 0 0 4px;
+  -moz-border-radius: 4px 0 0 4px;
+  border-radius: 4px 0 0 4px;
+}
+
+.daterangepicker td.in-range + td.end-date {
+  -webkit-border-radius: 0 4px 4px 0;
+  -moz-border-radius: 0 4px 4px 0;
+  border-radius: 0 4px 4px 0;
+}
+
+.daterangepicker td.start-date.end-date {
+  -webkit-border-radius: 4px !important;
+  -moz-border-radius: 4px !important;
+  border-radius: 4px !important;
+}
+
+.daterangepicker td.active,
+.daterangepicker td.active:hover {
+  background-color: #357ebd;
+  border-color: #3071a9;
+  color: #fff;
+}
+
+.daterangepicker td.week,
+.daterangepicker th.week {
+  font-size: 80%;
+  color: #ccc;
+}
+
+.daterangepicker select.monthselect,
+.daterangepicker select.yearselect {
+  font-size: 12px;
+  padding: 1px;
+  height: auto;
+  margin: 0;
+  cursor: default;
+}
+
+.daterangepicker select.monthselect {
+  margin-right: 2%;
+  width: 56%;
+}
+
+.daterangepicker select.yearselect {
+  width: 40%;
+}
+
+.daterangepicker select.hourselect,
+.daterangepicker select.minuteselect,
+.daterangepicker select.ampmselect {
+  width: 50px;
+  margin-bottom: 0;
+}
+
+.daterangepicker_start_input {
+  float: left;
+}
+
+.daterangepicker_end_input {
+  float: left;
+  padding-left: 11px;
+}
+
+.daterangepicker th.month {
+  width: auto;
+}
+div.dataTables_length label {
+  font-weight: normal;
+  text-align: left;
+  white-space: nowrap;
+}
+
+div.dataTables_length select {
+  width: 75px;
+  display: inline-block;
+}
+
+div.dataTables_filter {
+  text-align: right;
+}
+
+div.dataTables_filter label {
+  font-weight: normal;
+  white-space: nowrap;
+  text-align: left;
+}
+
+div.dataTables_filter input {
+  margin-left: 0.5em;
+  display: inline-block;
+}
+
+div.dataTables_info {
+  padding-top: 8px;
+  white-space: nowrap;
+}
+
+div.dataTables_paginate {
+  margin: 0;
+  white-space: nowrap;
+  text-align: right;
+}
+
+div.dataTables_paginate ul.pagination {
+  margin: 2px 0;
+  white-space: nowrap;
+}
+
+@media screen and (max-width: 767px) {
+  div.dataTables_length,
+  div.dataTables_filter,
+  div.dataTables_info,
+  div.dataTables_paginate {
+    text-align: center;
+  }
+}
+
+table.dataTable td,
+table.dataTable th {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+
+table.dataTable {
+  clear: both;
+  margin-top: 6px !important;
+  margin-bottom: 6px !important;
+  max-width: none !important;
+}
+
+table.dataTable thead .sorting,
+table.dataTable thead .sorting_asc,
+table.dataTable thead .sorting_desc,
+table.dataTable thead .sorting_asc_disabled,
+table.dataTable thead .sorting_desc_disabled {
+  cursor: pointer;
+}
+
+table.dataTable thead .sorting {
+  background: url('../images/sort_both.png') no-repeat center right;
+}
+
+table.dataTable thead .sorting_asc {
+  background: url('../images/sort_asc.png') no-repeat center right;
+}
+
+table.dataTable thead .sorting_desc {
+  background: url('../images/sort_desc.png') no-repeat center right;
+}
+
+table.dataTable thead .sorting_asc_disabled {
+  background: url('../images/sort_asc_disabled.png') no-repeat center right;
+}
+
+table.dataTable thead .sorting_desc_disabled {
+  background: url('../images/sort_desc_disabled.png') no-repeat center right;
+}
+
+table.dataTable thead > tr > th {
+  padding-left: 18px;
+  padding-right: 18px;
+}
+
+table.dataTable th:active {
+  outline: none;
+}
+
+/* Scrolling */
+
+div.dataTables_scrollHead table {
+  margin-bottom: 0 !important;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+div.dataTables_scrollHead table thead tr:last-child th:first-child,
+div.dataTables_scrollHead table thead tr:last-child td:first-child {
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
+div.dataTables_scrollBody table {
+  border-top: none;
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+
+div.dataTables_scrollBody tbody tr:first-child th,
+div.dataTables_scrollBody tbody tr:first-child td {
+  border-top: none;
+}
+
+div.dataTables_scrollFoot table {
+  margin-top: 0 !important;
+  border-top: none;
+}
+
+/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
+   width calculations when using scrolling impossible to align columns. We have
+   to use separate
+ */
+
+table.table-bordered.dataTable {
+  border-collapse: separate !important;
+}
+
+table.table-bordered thead th,
+table.table-bordered thead td {
+  border-left-width: 0;
+  border-top-width: 0;
+}
+
+table.table-bordered tbody th,
+table.table-bordered tbody td {
+  border-left-width: 0;
+  border-bottom-width: 0;
+}
+
+table.table-bordered th:last-child,
+table.table-bordered td:last-child {
+  border-right-width: 0;
+}
+
+div.dataTables_scrollHead table.table-bordered {
+  border-bottom-width: 0;
+}
+
+/*
+ * TableTools styles
+ */
+
+.table.dataTable tbody tr.active td,
+.table.dataTable tbody tr.active th {
+  background-color: #08C;
+  color: white;
+}
+
+.table.dataTable tbody tr.active:hover td,
+.table.dataTable tbody tr.active:hover th {
+  background-color: #0075b0 !important;
+}
+
+.table.dataTable tbody tr.active th > a,
+.table.dataTable tbody tr.active td > a {
+  color: white;
+}
+
+.table-striped.dataTable tbody tr.active:nth-child(odd) td,
+.table-striped.dataTable tbody tr.active:nth-child(odd) th {
+  background-color: #017ebc;
+}
+
+table.DTTT_selectable tbody tr {
+  cursor: pointer;
+}
+
+div.DTTT .btn:hover {
+  text-decoration: none !important;
+}
+
+ul.DTTT_dropdown.dropdown-menu {
+  z-index: 2003;
+}
+
+ul.DTTT_dropdown.dropdown-menu a {
+  color: #333 !important;
+  /* needed only when demo_page.css is included */
+}
+
+ul.DTTT_dropdown.dropdown-menu li {
+  position: relative;
+}
+
+ul.DTTT_dropdown.dropdown-menu li:hover a {
+  background-color: #0088cc;
+  color: white !important;
+}
+
+div.DTTT_collection_background {
+  z-index: 2002;
+}
+
+/* TableTools information display */
+
+div.DTTT_print_info {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  width: 400px;
+  height: 150px;
+  margin-left: -200px;
+  margin-top: -75px;
+  text-align: center;
+  color: #333;
+  padding: 10px 30px;
+  opacity: 0.95;
+  background-color: white;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 6px;
+  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
+  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
+}
+
+div.DTTT_print_info h6 {
+  font-weight: normal;
+  font-size: 28px;
+  line-height: 28px;
+  margin: 1em;
+}
+
+div.DTTT_print_info p {
+  font-size: 14px;
+  line-height: 20px;
+}
+
+div.dataTables_processing {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 100%;
+  height: 60px;
+  margin-left: -50%;
+  margin-top: -25px;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  text-align: center;
+  font-size: 1.2em;
+  background-color: white;
+  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
+  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
+  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
+  background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
+  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
+  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
+}
+
+/*
+ * FixedColumns styles
+ */
+
+div.DTFC_LeftHeadWrapper table,
+div.DTFC_LeftFootWrapper table,
+div.DTFC_RightHeadWrapper table,
+div.DTFC_RightFootWrapper table,
+table.DTFC_Cloned tr.even {
+  background-color: white;
+  margin-bottom: 0;
+}
+
+div.DTFC_RightHeadWrapper table,
+div.DTFC_LeftHeadWrapper table {
+  border-bottom: none !important;
+  margin-bottom: 0 !important;
+  border-top-right-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
+div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
+div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
+div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
+div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
+div.DTFC_RightBodyWrapper table,
+div.DTFC_LeftBodyWrapper table {
+  border-top: none;
+  margin: 0 !important;
+}
+
+div.DTFC_RightBodyWrapper tbody tr:first-child th,
+div.DTFC_RightBodyWrapper tbody tr:first-child td,
+div.DTFC_LeftBodyWrapper tbody tr:first-child th,
+div.DTFC_LeftBodyWrapper tbody tr:first-child td {
+  border-top: none;
+}
+
+div.DTFC_RightFootWrapper table,
+div.DTFC_LeftFootWrapper table {
+  border-top: none;
+  margin-top: 0 !important;
+}
+
+/*
+ * FixedHeader styles
+ */
+
+div.FixedHeader_Cloned table {
+  margin: 0 !important;
+}
+table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
+table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
+table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
+  cursor: default !important;
+}
+
+table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
+table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
+table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
+  display: none !important;
+}
+
+table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
+table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
+  position: relative;
+  padding-left: 30px;
+  cursor: pointer;
+}
+
+table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
+table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
+  top: 8px;
+  left: 4px;
+  height: 16px;
+  width: 16px;
+  display: block;
+  position: absolute;
+  color: white;
+  border: 2px solid white;
+  border-radius: 16px;
+  box-shadow: 0 0 3px #444;
+  box-sizing: content-box;
+  text-align: left;
+  font-family: 'Courier New', Courier, monospace;
+  text-indent: 4px;
+  line-height: 16px;
+  content: '+';
+  background-color: #31b131;
+}
+
+table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
+table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
+  content: '-';
+  background-color: #d33333;
+}
+
+table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
+  display: none;
+}
+
+table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
+table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
+  padding-left: 27px;
+}
+
+table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
+table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
+  top: 5px;
+  left: 4px;
+  height: 14px;
+  width: 14px;
+  border-radius: 14px;
+  line-height: 14px;
+  text-indent: 3px;
+}
+
+table.dataTable.dtr-column > tbody > tr > td.control,
+table.dataTable.dtr-column > tbody > tr > th.control {
+  position: relative;
+  cursor: pointer;
+}
+
+table.dataTable.dtr-column > tbody > tr > td.control:before,
+table.dataTable.dtr-column > tbody > tr > th.control:before {
+  top: 50%;
+  left: 50%;
+  height: 16px;
+  width: 16px;
+  margin-top: -10px;
+  margin-left: -10px;
+  display: block;
+  position: absolute;
+  color: white;
+  border: 2px solid white;
+  border-radius: 16px;
+  box-shadow: 0 0 3px #444;
+  box-sizing: content-box;
+  text-align: left;
+  font-family: 'Courier New', Courier, monospace;
+  text-indent: 4px;
+  line-height: 16px;
+  content: '+';
+  background-color: #31b131;
+}
+
+table.dataTable.dtr-column > tbody > tr.parent td.control:before,
+table.dataTable.dtr-column > tbody > tr.parent th.control:before {
+  content: '-';
+  background-color: #d33333;
+}
+
+table.dataTable > tbody > tr.child {
+  padding: 0.5em 1em;
+}
+
+table.dataTable > tbody > tr.child:hover {
+  background: transparent !important;
+}
+
+table.dataTable > tbody > tr.child ul {
+  display: inline-block;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+table.dataTable > tbody > tr.child ul li {
+  border-bottom: 1px solid #efefef;
+  padding: 0.5em 0;
+}
+
+table.dataTable > tbody > tr.child ul li:first-child {
+  padding-top: 0;
+}
+
+table.dataTable > tbody > tr.child ul li:last-child {
+  border-bottom: none;
+}
+
+table.dataTable > tbody > tr.child span.dtr-title {
+  display: inline-block;
+  min-width: 75px;
+  font-weight: bold;
+}
+
+div.dtr-modal {
+  position: fixed;
+  box-sizing: border-box;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  z-index: 100;
+  padding: 10em 1em;
+}
+
+div.dtr-modal div.dtr-modal-display {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  width: 50%;
+  height: 50%;
+  overflow: auto;
+  margin: auto;
+  z-index: 102;
+  overflow: auto;
+  background-color: #f5f5f7;
+  border: 1px solid black;
+  border-radius: 0.5em;
+  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
+}
+
+div.dtr-modal div.dtr-modal-content {
+  position: relative;
+  padding: 1em;
+}
+
+div.dtr-modal div.dtr-modal-close {
+  position: absolute;
+  top: 6px;
+  right: 6px;
+  width: 22px;
+  height: 22px;
+  border: 1px solid #eaeaea;
+  background-color: #f9f9f9;
+  text-align: center;
+  border-radius: 3px;
+  cursor: pointer;
+  z-index: 12;
+}
+
+div.dtr-modal div.dtr-modal-close:hover {
+  background-color: #eaeaea;
+}
+
+div.dtr-modal div.dtr-modal-background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 101;
+  background: rgba(0, 0, 0, 0.6);
+}
+
+@media screen and (max-width: 767px) {
+  div.dtr-modal div.dtr-modal-display {
+    width: 95%;
+  }
+}
+.select2-container {
+  box-sizing: border-box;
+  display: inline-block;
+  margin: 0;
+  position: relative;
+  vertical-align: middle;
+}
+
+.select2-container .select2-selection--single {
+  box-sizing: border-box;
+  cursor: pointer;
+  display: block;
+  height: 28px;
+  user-select: none;
+  -webkit-user-select: none;
+}
+
+.select2-container .select2-selection--single .select2-selection__rendered {
+  display: block;
+  padding-left: 8px;
+  padding-right: 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
+  padding-right: 8px;
+  padding-left: 20px;
+}
+
+.select2-container .select2-selection--multiple {
+  box-sizing: border-box;
+  cursor: pointer;
+  display: block;
+  min-height: 32px;
+  user-select: none;
+  -webkit-user-select: none;
+}
+
+.select2-container .select2-selection--multiple .select2-selection__rendered {
+  display: inline-block;
+  overflow: hidden;
+  padding-left: 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.select2-container .select2-search--inline {
+  float: left;
+}
+
+.select2-container .select2-search--inline .select2-search__field {
+  box-sizing: border-box;
+  border: none;
+  font-size: 100%;
+  margin-top: 5px;
+}
+
+.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+}
+
+.select2-dropdown {
+  background-color: white;
+  border: 1px solid #aaa;
+  border-radius: 4px;
+  box-sizing: border-box;
+  display: block;
+  position: absolute;
+  left: -100000px;
+  width: 100%;
+  z-index: 1051;
+}
+
+.select2-results {
+  display: block;
+}
+
+.select2-results__options {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.select2-results__option {
+  padding: 6px;
+  user-select: none;
+  -webkit-user-select: none;
+}
+
+.select2-results__option[aria-selected] {
+  cursor: pointer;
+}
+
+.select2-container--open .select2-dropdown {
+  left: 0;
+}
+
+.select2-container--open .select2-dropdown--above {
+  border-bottom: none;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.select2-container--open .select2-dropdown--below {
+  border-top: none;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.select2-search--dropdown {
+  display: block;
+  padding: 4px;
+}
+
+.select2-search--dropdown .select2-search__field {
+  padding: 4px;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+}
+
+.select2-search--dropdown.select2-search--hide {
+  display: none;
+}
+
+.select2-close-mask {
+  border: 0;
+  margin: 0;
+  padding: 0;
+  display: block;
+  position: fixed;
+  left: 0;
+  top: 0;
+  min-height: 100%;
+  min-width: 100%;
+  height: auto;
+  width: auto;
+  opacity: 0;
+  z-index: 99;
+  background-color: #fff;
+  filter: alpha(opacity=0);
+}
+
+.select2-hidden-accessible {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+.select2-container--default .select2-selection--single {
+  background-color: #fff;
+  border: 1px solid #aaa;
+  border-radius: 4px;
+}
+
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+  color: #444;
+  line-height: 28px;
+}
+
+.select2-container--default .select2-selection--single .select2-selection__clear {
+  cursor: pointer;
+  float: right;
+  font-weight: bold;
+}
+
+.select2-container--default .select2-selection--single .select2-selection__placeholder {
+  color: #999;
+}
+
+.select2-container--default .select2-selection--single .select2-selection__arrow {
+  height: 26px;
+  position: absolute;
+  top: 1px;
+  right: 1px;
+  width: 20px;
+}
+
+.select2-container--default .select2-selection--single .select2-selection__arrow b {
+  border-color: #888 transparent transparent transparent;
+  border-style: solid;
+  border-width: 5px 4px 0 4px;
+  height: 0;
+  left: 50%;
+  margin-left: -4px;
+  margin-top: -2px;
+  position: absolute;
+  top: 50%;
+  width: 0;
+}
+
+.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
+  float: left;
+}
+
+.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
+  left: 1px;
+  right: auto;
+}
+
+.select2-container--default.select2-container--disabled .select2-selection--single {
+  background-color: #eee;
+  cursor: default;
+}
+
+.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
+  display: none;
+}
+
+.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
+  border-color: transparent transparent #888 transparent;
+  border-width: 0 4px 5px 4px;
+}
+
+.select2-container--default .select2-selection--multiple {
+  background-color: white;
+  border: 1px solid #aaa;
+  border-radius: 4px;
+  cursor: text;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__rendered {
+  box-sizing: border-box;
+  list-style: none;
+  margin: 0;
+  padding: 0 5px;
+  width: 100%;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
+  color: #999;
+  margin-top: 5px;
+  float: left;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__clear {
+  cursor: pointer;
+  float: right;
+  font-weight: bold;
+  margin-top: 5px;
+  margin-right: 10px;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+  background-color: #e4e4e4;
+  border: 1px solid #aaa;
+  border-radius: 4px;
+  cursor: default;
+  float: left;
+  margin-right: 5px;
+  margin-top: 5px;
+  padding: 0 5px;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+  color: #999;
+  cursor: pointer;
+  display: inline-block;
+  font-weight: bold;
+  margin-right: 2px;
+}
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #333;
+}
+
+.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
+.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
+  float: right;
+}
+
+.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
+  margin-left: 5px;
+  margin-right: auto;
+}
+
+.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
+  margin-left: 2px;
+  margin-right: auto;
+}
+
+.select2-container--default.select2-container--focus .select2-selection--multiple {
+  border: solid black 1px;
+  outline: 0;
+}
+
+.select2-container--default.select2-container--disabled .select2-selection--multiple {
+  background-color: #eee;
+  cursor: default;
+}
+
+.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
+  display: none;
+}
+
+.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
+.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
+.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.select2-container--default .select2-search--dropdown .select2-search__field {
+  border: 1px solid #aaa;
+}
+
+.select2-container--default .select2-search--inline .select2-search__field {
+  background: transparent;
+  border: none;
+  outline: 0;
+}
+
+.select2-container--default .select2-results>.select2-results__options {
+  max-height: 200px;
+  overflow-y: auto;
+}
+
+.select2-container--default .select2-results__option[role=group] {
+  padding: 0;
+}
+
+.select2-container--default .select2-results__option[aria-disabled=true] {
+  color: #999;
+}
+
+.select2-container--default .select2-results__option[aria-selected=true] {
+  background-color: #ddd;
+}
+
+.select2-container--default .select2-results__option .select2-results__option {
+  padding-left: 1em;
+}
+
+.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
+  padding-left: 0;
+}
+
+.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
+  margin-left: -1em;
+  padding-left: 2em;
+}
+
+.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
+  margin-left: -2em;
+  padding-left: 3em;
+}
+
+.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
+  margin-left: -3em;
+  padding-left: 4em;
+}
+
+.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
+  margin-left: -4em;
+  padding-left: 5em;
+}
+
+.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
+  margin-left: -5em;
+  padding-left: 6em;
+}
+
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+  background-color: #5897fb;
+  color: white;
+}
+
+.select2-container--default .select2-results__group {
+  cursor: default;
+  display: block;
+  padding: 6px;
+}
+
+.select2-container--classic .select2-selection--single {
+  background-color: #f6f6f6;
+  border: 1px solid #aaa;
+  border-radius: 4px;
+  outline: 0;
+  background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
+  background-image: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
+  background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
+}
+
+.select2-container--classic .select2-selection--single:focus {
+  border: 1px solid #5897fb;
+}
+
+.select2-container--classic .select2-selection--single .select2-selection__rendered {
+  color: #444;
+  line-height: 28px;
+}
+
+.select2-container--classic .select2-selection--single .select2-selection__clear {
+  cursor: pointer;
+  float: right;
+  font-weight: bold;
+  margin-right: 10px;
+}
+
+.select2-container--classic .select2-selection--single .select2-selection__placeholder {
+  color: #999;
+}
+
+.select2-container--classic .select2-selection--single .select2-selection__arrow {
+  background-color: #ddd;
+  border: none;
+  border-left: 1px solid #aaa;
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+  height: 26px;
+  position: absolute;
+  top: 1px;
+  right: 1px;
+  width: 20px;
+  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
+  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
+  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
+}
+
+.select2-container--classic .select2-selection--single .select2-selection__arrow b {
+  border-color: #888 transparent transparent transparent;
+  border-style: solid;
+  border-width: 5px 4px 0 4px;
+  height: 0;
+  left: 50%;
+  margin-left: -4px;
+  margin-top: -2px;
+  position: absolute;
+  top: 50%;
+  width: 0;
+}
+
+.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
+  float: left;
+}
+
+.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
+  border: none;
+  border-right: 1px solid #aaa;
+  border-radius: 0;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+  left: 1px;
+  right: auto;
+}
+
+.select2-container--classic.select2-container--open .select2-selection--single {
+  border: 1px solid #5897fb;
+}
+
+.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
+  background: transparent;
+  border: none;
+}
+
+.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
+  border-color: transparent transparent #888 transparent;
+  border-width: 0 4px 5px 4px;
+}
+
+.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
+  border-top: none;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
+  background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
+  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
+}
+
+.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
+  border-bottom: none;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
+  background-image: -o-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
+  background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
+}
+
+.select2-container--classic .select2-selection--multiple {
+  background-color: white;
+  border: 1px solid #aaa;
+  border-radius: 4px;
+  cursor: text;
+  outline: 0;
+}
+
+.select2-container--classic .select2-selection--multiple:focus {
+  border: 1px solid #5897fb;
+}
+
+.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
+  list-style: none;
+  margin: 0;
+  padding: 0 5px;
+}
+
+.select2-container--classic .select2-selection--multiple .select2-selection__clear {
+  display: none;
+}
+
+.select2-container--classic .select2-selection--multiple .select2-selection__choice {
+  background-color: #e4e4e4;
+  border: 1px solid #aaa;
+  border-radius: 4px;
+  cursor: default;
+  float: left;
+  margin-right: 5px;
+  margin-top: 5px;
+  padding: 0 5px;
+}
+
+.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
+  color: #888;
+  cursor: pointer;
+  display: inline-block;
+  font-weight: bold;
+  margin-right: 2px;
+}
+
+.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
+  color: #555;
+}
+
+.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
+  float: right;
+}
+
+.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
+  margin-left: 5px;
+  margin-right: auto;
+}
+
+.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
+  margin-left: 2px;
+  margin-right: auto;
+}
+
+.select2-container--classic.select2-container--open .select2-selection--multiple {
+  border: 1px solid #5897fb;
+}
+
+.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
+  border-top: none;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
+  border-bottom: none;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.select2-container--classic .select2-search--dropdown .select2-search__field {
+  border: 1px solid #aaa;
+  outline: 0;
+}
+
+.select2-container--classic .select2-search--inline .select2-search__field {
+  outline: 0;
+}
+
+.select2-container--classic .select2-dropdown {
+  background-color: white;
+  border: 1px solid transparent;
+}
+
+.select2-container--classic .select2-dropdown--above {
+  border-bottom: none;
+}
+
+.select2-container--classic .select2-dropdown--below {
+  border-top: none;
+}
+
+.select2-container--classic .select2-results>.select2-results__options {
+  max-height: 200px;
+  overflow-y: auto;
+}
+
+.select2-container--classic .select2-results__option[role=group] {
+  padding: 0;
+}
+
+.select2-container--classic .select2-results__option[aria-disabled=true] {
+  color: grey;
+}
+
+.select2-container--classic .select2-results__option--highlighted[aria-selected] {
+  background-color: #3875d7;
+  color: white;
+}
+
+.select2-container--classic .select2-results__group {
+  cursor: default;
+  display: block;
+  padding: 6px;
+}
+
+.select2-container--classic.select2-container--open .select2-dropdown {
+  border-color: #5897fb;
+}
+/*! Select2 Bootstrap 3 CSS v1.4.6 | MIT License | github.com/t0m/select2-bootstrap-css */
+
+.select2-container.form-control {
+  background: transparent;
+  box-shadow: none;
+  border: 0;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+
+.select2-container .select2-choices .select2-search-field input,
+.select2-container .select2-choice,
+.select2-container .select2-choices {
+  background: 0;
+  padding: 0;
+  border-color: #ccc;
+  border-radius: 4px;
+  color: #555;
+  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+  background-color: white;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+}
+
+.select2-search input {
+  border-color: #ccc;
+  border-radius: 4px;
+  color: #555;
+  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+  background-color: white;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+}
+
+.select2-container .select2-choices .select2-search-field input {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+.select2-container .select2-choice {
+  height: 34px;
+  line-height: 1.42857;
+}
+
+.select2-container.select2-container-multi.form-control {
+  height: auto;
+}
+
+.select2-container.input-sm .select2-choice,
+.input-group-sm .select2-container .select2-choice {
+  height: 30px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+
+.select2-container.input-lg .select2-choice,
+.input-group-lg .select2-container .select2-choice {
+  height: 46px;
+  line-height: 1.33333;
+  border-radius: 6px;
+}
+
+.select2-container-multi .select2-choices .select2-search-field input {
+  height: 32px;
+}
+
+.select2-container-multi.input-sm .select2-choices .select2-search-field input,
+.input-group-sm .select2-container-multi .select2-choices .select2-search-field input {
+  height: 28px;
+}
+
+.select2-container-multi.input-lg .select2-choices .select2-search-field input,
+.input-group-lg .select2-container-multi .select2-choices .select2-search-field input {
+  height: 44px;
+}
+
+.select2-container-multi .select2-choices .select2-search-field input {
+  margin: 0;
+}
+
+.select2-chosen,
+.select2-choice>span:first-child,
+.select2-container .select2-choices .select2-search-field input {
+  padding: 6px 12px;
+}
+
+.input-sm .select2-chosen,
+.input-group-sm .select2-chosen,
+.input-sm .select2-choice>span:first-child,
+.input-group-sm .select2-choice>span:first-child,
+.input-sm .select2-choices .select2-search-field input,
+.input-group-sm .select2-choices .select2-search-field input {
+  padding: 5px 10px;
+}
+
+.input-lg .select2-chosen,
+.input-group-lg .select2-chosen,
+.input-lg .select2-choice>span:first-child,
+.input-group-lg .select2-choice>span:first-child,
+.input-lg .select2-choices .select2-search-field input,
+.input-group-lg .select2-choices .select2-search-field input {
+  padding: 10px 16px;
+}
+
+.select2-container-multi .select2-choices .select2-search-choice {
+  margin-top: 5px;
+  margin-bottom: 3px;
+}
+
+.select2-container-multi.input-sm .select2-choices .select2-search-choice,
+.input-group-sm .select2-container-multi .select2-choices .select2-search-choice {
+  margin-top: 3px;
+  margin-bottom: 2px;
+}
+
+.select2-container-multi.input-lg .select2-choices .select2-search-choice,
+.input-group-lg .select2-container-multi .select2-choices .select2-search-choice {
+  line-height: 24px;
+}
+
+.select2-container .select2-choice .select2-arrow,
+.select2-container .select2-choice div {
+  border-left: none;
+  background: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+
+.select2-dropdown-open .select2-choice .select2-arrow,
+.select2-dropdown-open .select2-choice div {
+  border-left-color: transparent;
+  background: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+
+.select2-container .select2-choice .select2-arrow b,
+.select2-container .select2-choice div b {
+  background-position: 0 3px;
+}
+
+.select2-dropdown-open .select2-choice .select2-arrow b,
+.select2-dropdown-open .select2-choice div b {
+  background-position: -18px 3px;
+}
+
+.select2-container.input-sm .select2-choice .select2-arrow b,
+.input-group-sm .select2-container .select2-choice .select2-arrow b,
+.select2-container.input-sm .select2-choice div b,
+.input-group-sm .select2-container .select2-choice div b {
+  background-position: 0 1px;
+}
+
+.select2-dropdown-open.input-sm .select2-choice .select2-arrow b,
+.input-group-sm .select2-dropdown-open .select2-choice .select2-arrow b,
+.select2-dropdown-open.input-sm .select2-choice div b,
+.input-group-sm .select2-dropdown-open .select2-choice div b {
+  background-position: -18px 1px;
+}
+
+.select2-container.input-lg .select2-choice .select2-arrow b,
+.input-group-lg .select2-container .select2-choice .select2-arrow b,
+.select2-container.input-lg .select2-choice div b,
+.input-group-lg .select2-container .select2-choice div b {
+  background-position: 0 9px;
+}
+
+.select2-dropdown-open.input-lg .select2-choice .select2-arrow b,
+.input-group-lg .select2-dropdown-open .select2-choice .select2-arrow b,
+.select2-dropdown-open.input-lg .select2-choice div b,
+.input-group-lg .select2-dropdown-open .select2-choice div b {
+  background-position: -18px 9px;
+}
+
+.has-warning .select2-choice,
+.has-warning .select2-choices {
+  border-color: #8a6d3b;
+}
+
+.has-warning .select2-container-active .select2-choice,
+.has-warning .select2-container-multi.select2-container-active .select2-choices {
+  border-color: #66512c;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;
+  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;
+}
+
+.has-warning.select2-drop-active {
+  border-color: #66512c;
+}
+
+.has-warning.select2-drop-active.select2-drop.select2-drop-above {
+  border-top-color: #66512c;
+}
+
+.has-error .select2-choice,
+.has-error .select2-choices {
+  border-color: #a94442;
+}
+
+.has-error .select2-container-active .select2-choice,
+.has-error .select2-container-multi.select2-container-active .select2-choices {
+  border-color: #843534;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;
+  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;
+}
+
+.has-error.select2-drop-active {
+  border-color: #843534;
+}
+
+.has-error.select2-drop-active.select2-drop.select2-drop-above {
+  border-top-color: #843534;
+}
+
+.has-success .select2-choice,
+.has-success .select2-choices {
+  border-color: #3c763d;
+}
+
+.has-success .select2-container-active .select2-choice,
+.has-success .select2-container-multi.select2-container-active .select2-choices {
+  border-color: #2b542c;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;
+  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;
+}
+
+.has-success.select2-drop-active {
+  border-color: #2b542c;
+}
+
+.has-success.select2-drop-active.select2-drop.select2-drop-above {
+  border-top-color: #2b542c;
+}
+
+.select2-container-active .select2-choice,
+.select2-container-multi.select2-container-active .select2-choices {
+  border-color: #66afe9;
+  outline: 0;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
+  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
+  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+}
+
+.select2-drop-active {
+  border-color: #66afe9;
+}
+
+.select2-drop-auto-width,
+.select2-drop.select2-drop-above.select2-drop-active {
+  border-top-color: #66afe9;
+}
+
+.input-group.select2-bootstrap-prepend [class^="select2-choice"] {
+  border-bottom-left-radius: 0!important;
+  border-top-left-radius: 0!important;
+}
+
+.input-group.select2-bootstrap-append [class^="select2-choice"] {
+  border-bottom-right-radius: 0!important;
+  border-top-right-radius: 0!important;
+}
+
+.select2-dropdown-open [class^="select2-choice"] {
+  border-bottom-right-radius: 0!important;
+  border-bottom-left-radius: 0!important;
+}
+
+.select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
+  border-top-right-radius: 0!important;
+  border-top-left-radius: 0!important;
+  border-bottom-right-radius: 4px!important;
+  border-bottom-left-radius: 4px!important;
+  background: white;
+  filter: none;
+}
+
+.input-group.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
+  border-bottom-left-radius: 0!important;
+  border-top-left-radius: 0!important;
+}
+
+.input-group.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
+  border-bottom-right-radius: 0!important;
+  border-top-right-radius: 0!important;
+}
+
+.input-group.input-group-sm.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
+  border-bottom-right-radius: 3px!important;
+}
+
+.input-group.input-group-lg.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
+  border-bottom-right-radius: 6px!important;
+}
+
+.input-group.input-group-sm.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
+  border-bottom-left-radius: 3px!important;
+}
+
+.input-group.input-group-lg.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
+  border-bottom-left-radius: 6px!important;
+}
+
+.select2-results .select2-highlighted {
+  color: white;
+  background-color: #337ab7;
+}
+
+.select2-bootstrap-append .select2-container-multiple,
+.select2-bootstrap-append .input-group-btn,
+.select2-bootstrap-append .input-group-btn .btn,
+.select2-bootstrap-prepend .select2-container-multiple,
+.select2-bootstrap-prepend .input-group-btn,
+.select2-bootstrap-prepend .input-group-btn .btn {
+  vertical-align: top;
+}
+
+.select2-container-multi .select2-choices .select2-search-choice {
+  color: #555;
+  background: white;
+  border-color: #ccc;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+.select2-container-multi .select2-choices .select2-search-choice-focus {
+  background: #ebebeb;
+  border-color: #adadad;
+  color: #333;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+
+.select2-search-choice-close {
+  margin-top: -7px;
+  top: 50%;
+}
+
+.select2-container .select2-choice abbr {
+  top: 50%;
+}
+
+.select2-results .select2-no-results,
+.select2-results .select2-searching,
+.select2-results .select2-selection-limit {
+  background-color: #fcf8e3;
+  color: #8a6d3b;
+}
+
+.select2-container.select2-container-disabled .select2-choice,
+.select2-container.select2-container-disabled .select2-choices {
+  cursor: not-allowed;
+  background-color: #eee;
+  border-color: #ccc;
+}
+
+.select2-container.select2-container-disabled .select2-choice .select2-arrow,
+.select2-container.select2-container-disabled .select2-choice div,
+.select2-container.select2-container-disabled .select2-choices .select2-arrow,
+.select2-container.select2-container-disabled .select2-choices div {
+  background-color: transparent;
+  border-left: 1px solid transparent;
+}
+
+.select2-search input.select2-active,
+.select2-container-multi .select2-choices .select2-search-field input.select2-active,
+.select2-more-results.select2-active {
+  background-position: 99%;
+  background-position: right 4px center;
+}
+
+.select2-offscreen,
+.select2-offscreen:focus {
+  width: 1px!important;
+  height: 1px!important;
+  position: absolute!important;
+}
+/* iCheck plugin Square skin, blue
+----------------------------------- */
+
+.icheckbox_square-blue,
+.iradio_square-blue {
+  display: inline-block;
+  *display: inline;
+  vertical-align: middle;
+  margin: 0;
+  padding: 0;
+  width: 22px;
+  height: 22px;
+  background: url(blue.png) no-repeat;
+  border: none;
+  cursor: pointer;
+}
+
+.icheckbox_square-blue {
+  background-position: 0 0;
+}
+
+.icheckbox_square-blue.hover {
+  background-position: -24px 0;
+}
+
+.icheckbox_square-blue.checked {
+  background-position: -48px 0;
+}
+
+.icheckbox_square-blue.disabled {
+  background-position: -72px 0;
+  cursor: default;
+}
+
+.icheckbox_square-blue.checked.disabled {
+  background-position: -96px 0;
+}
+
+.iradio_square-blue {
+  background-position: -120px 0;
+}
+
+.iradio_square-blue.hover {
+  background-position: -144px 0;
+}
+
+.iradio_square-blue.checked {
+  background-position: -168px 0;
+}
+
+.iradio_square-blue.disabled {
+  background-position: -192px 0;
+  cursor: default;
+}
+
+.iradio_square-blue.checked.disabled {
+  background-position: -216px 0;
+}
+
+/* HiDPI support */
+
+@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
+  .icheckbox_square-blue,
+  .iradio_square-blue {
+    background-image: url(blue@2x.png);
+    -webkit-background-size: 240px 24px;
+    background-size: 240px 24px;
+  }
+}
+/*! X-editable - v1.5.1
+* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
+* http://github.com/vitalets/x-editable
+* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */
+
+.editableform {
+  margin-bottom: 0;
+  /* overwrites bootstrap margin */
+}
+
+.editableform .control-group {
+  margin-bottom: 0;
+  /* overwrites bootstrap margin */
+  white-space: nowrap;
+  /* prevent wrapping buttons on new line */
+  line-height: 20px;
+  /* overwriting bootstrap line-height. See #133 */
+}
+
+/*
+  BS3 width:1005 for inputs breaks editable form in popup
+  See: https://github.com/vitalets/x-editable/issues/393
+*/
+
+.editableform .form-control {
+  width: auto;
+}
+
+.editable-buttons {
+  display: inline-block;
+  /* should be inline to take effect of parent's white-space: nowrap */
+  vertical-align: top;
+  margin-left: 7px;
+  /* inline-block emulation for IE7*/
+  zoom: 1;
+  *display: inline;
+}
+
+.editable-buttons.editable-buttons-bottom {
+  display: block;
+  margin-top: 7px;
+  margin-left: 0;
+}
+
+.editable-input {
+  vertical-align: top;
+  display: inline-block;
+  /* should be inline to take effect of parent's white-space: nowrap */
+  width: auto;
+  /* bootstrap-responsive has width: 100% that breakes layout */
+  white-space: normal;
+  /* reset white-space decalred in parent*/
+  /* display-inline emulation for IE7*/
+  zoom: 1;
+  *display: inline;
+}
+
+.editable-buttons .editable-cancel {
+  margin-left: 7px;
+}
+
+/*for jquery-ui buttons need set height to look more pretty*/
+
+.editable-buttons button.ui-button-icon-only {
+  height: 24px;
+  width: 30px;
+}
+
+.editableform-loading {
+  background: url('../img/loading.gif') center center no-repeat;
+  height: 25px;
+  width: auto;
+  min-width: 25px;
+}
+
+.editable-inline .editableform-loading {
+  background-position: left 5px;
+}
+
+.editable-error-block {
+  max-width: 300px;
+  margin: 5px 0 0 0;
+  width: auto;
+  white-space: normal;
+}
+
+/*add padding for jquery ui*/
+
+.editable-error-block.ui-state-error {
+  padding: 3px;
+}
+
+.editable-error {
+  color: red;
+}
+
+/* ---- For specific types ---- */
+
+.editableform .editable-date {
+  padding: 0;
+  margin: 0;
+  float: left;
+}
+
+/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
+
+.editable-inline .add-on .icon-th {
+  margin-top: 3px;
+  margin-left: 1px;
+}
+
+/* checklist vertical alignment */
+
+.editable-checklist label input[type="checkbox"],
+.editable-checklist label span {
+  vertical-align: middle;
+  margin: 0;
+}
+
+.editable-checklist label {
+  white-space: nowrap;
+}
+
+/* set exact width of textarea to fit buttons toolbar */
+
+.editable-wysihtml5 {
+  width: 566px;
+  height: 250px;
+}
+
+/* clear button shown as link in date inputs */
+
+.editable-clear {
+  clear: both;
+  font-size: 0.9em;
+  text-decoration: none;
+  text-align: right;
+}
+
+/* IOS-style clear button for text inputs */
+
+.editable-clear-x {
+  background: url('../img/clear.png') center center no-repeat;
+  display: block;
+  width: 13px;
+  height: 13px;
+  position: absolute;
+  opacity: 0.6;
+  z-index: 100;
+  top: 50%;
+  right: 6px;
+  margin-top: -6px;
+}
+
+.editable-clear-x:hover {
+  opacity: 1;
+}
+
+.editable-pre-wrapped {
+  white-space: pre-wrap;
+}
+
+.editable-container.editable-popup {
+  max-width: none !important;
+  /* without this rule poshytip/tooltip does not stretch */
+}
+
+.editable-container.popover {
+  width: auto;
+  /* without this rule popover does not stretch */
+}
+
+.editable-container.editable-inline {
+  display: inline-block;
+  vertical-align: middle;
+  width: auto;
+  /* inline-block emulation for IE7*/
+  zoom: 1;
+  *display: inline;
+}
+
+.editable-container.ui-widget {
+  font-size: inherit;
+  /* jqueryui widget font 1.1em too big, overwrite it */
+  z-index: 9990;
+  /* should be less than select2 dropdown z-index to close dropdown first when click */
+}
+
+.editable-click,
+a.editable-click,
+a.editable-click:hover {
+  text-decoration: none;
+  border-bottom: dashed 1px #0088cc;
+}
+
+.editable-click.editable-disabled,
+a.editable-click.editable-disabled,
+a.editable-click.editable-disabled:hover {
+  color: #585858;
+  cursor: default;
+  border-bottom: none;
+}
+
+.editable-empty,
+.editable-empty:hover,
+.editable-empty:focus {
+  font-style: italic;
+  color: #DD1144;
+  /* border-bottom: none; */
+  text-decoration: none;
+}
+
+.editable-unsaved {
+  font-weight: bold;
+}
+
+.editable-unsaved:after {
+  /*    content: '*'*/
+}
+
+.editable-bg-transition {
+  -webkit-transition: background-color 1400ms ease-out;
+  -moz-transition: background-color 1400ms ease-out;
+  -o-transition: background-color 1400ms ease-out;
+  -ms-transition: background-color 1400ms ease-out;
+  transition: background-color 1400ms ease-out;
+}
+
+/*see https://github.com/vitalets/x-editable/issues/139 */
+
+.form-horizontal .editable {
+  padding-top: 5px;
+  display: inline-block;
+}
+
+.input-append.date .add-on i,
+.input-prepend.date .add-on i {
+  display: block;
+  cursor: pointer;
+  width: 16px;
+  height: 16px;
+}
+
+.input-daterange input {
+  text-align: center;
+}
+
+.input-daterange input:first-child {
+  -webkit-border-radius: 3px 0 0 3px;
+  -moz-border-radius: 3px 0 0 3px;
+  border-radius: 3px 0 0 3px;
+}
+
+.input-daterange input:last-child {
+  -webkit-border-radius: 0 3px 3px 0;
+  -moz-border-radius: 0 3px 3px 0;
+  border-radius: 0 3px 3px 0;
+}
+
+.input-daterange .add-on {
+  display: inline-block;
+  width: auto;
+  min-width: 16px;
+  height: 18px;
+  padding: 4px 5px;
+  font-weight: normal;
+  line-height: 18px;
+  text-align: center;
+  text-shadow: 0 1px 0 #ffffff;
+  vertical-align: middle;
+  background-color: #eeeeee;
+  border: 1px solid #ccc;
+  margin-left: -5px;
+  margin-right: -5px;
+}
+/*!
+ * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
+ * Code licensed under the Apache License v2.0.
+ * For details, see http://www.apache.org/licenses/LICENSE-2.0.
+ */
+
+/* Global Styles */
+
+body {
+  font-family: Open Sans;
+  margin-top: 50px;
+}
+
+#wrapper {
+  padding-left: 0;
+}
+
+#page-wrapper {
+  width: 100%;
+  padding: 0;
+  background-color: #fff;
+}
+
+.huge {
+  font-size: 50px;
+  line-height: normal;
+}
+
+@media (min-width: 768px) {
+  #wrapper {
+    padding-left: 225px;
+  }
+}
+
+/* Top Navigation */
+
+.navbar-maquetacion {
+  background-color: #ddd !important;
+}
+
+.top-nav {
+  padding: 0 15px;
+}
+
+.top-nav > li {
+  display: inline-block;
+  float: left;
+}
+
+.top-nav > li > a {
+  line-height: 20px;
+  padding-top: 15px;
+  padding-bottom: 15px;
+  color: #999;
+}
+
+.top-nav > li > a:hover,
+.top-nav > li > a:focus,
+.top-nav > .open > a,
+.top-nav > .open > a:hover,
+.top-nav > .open > a:focus {
+  color: #fff;
+  background-color: #000;
+}
+
+.top-nav > .open > .dropdown-menu {
+  position: absolute;
+  float: left;
+  margin-top: 0;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  background-color: #fff;
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+}
+
+.top-nav > .open > .dropdown-menu > li > a {
+  white-space: normal;
+}
+
+.top-nav-left {
+  display: none;
+}
+
+@media (min-width: 768px) {
+  .top-nav-left {
+    display: inline;
+    margin-left: 95px;
+  }
+}
+
+ul.message-dropdown {
+  overflow-x: hidden;
+  overflow-y: auto;
+  max-height: 250px;
+  padding: 0;
+}
+
+li.message-preview {
+  width: 275px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
+}
+
+li.message-preview > a {
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
+
+li.message-footer {
+  margin: 5px 0;
+}
+
+ul.alert-dropdown {
+  width: 200px;
+}
+
+/* Side Navigation */
+
+@media (min-width: 768px) {
+  .side-nav {
+    position: fixed;
+    top: 51px;
+    left: 225px;
+    overflow-y: auto;
+    width: 225px;
+    margin-left: -225px;
+    border: none;
+    border-radius: 0;
+  }
+
+  .side-nav.produccion {
+    background-color: #000000;
+  }
+
+  .side-nav.desarrollo {
+    background-color: #006847;
+    border-color: #006847;
+  }
+
+  .side-nav.local {
+    background-color: #2E70A5;
+    border-color: #2E70A5;
+  }
+
+  .side-nav > li > a {
+    width: 225px;
+  }
+
+  .side-nav li a:hover,
+  .side-nav li a:focus {
+    outline: none;
+    background-color: #000 !important;
+  }
+}
+
+.side-nav > li > ul {
+  padding: 0;
+}
+
+.side-nav > li > ul > li > a {
+  display: block;
+  padding: 10px 15px 10px 38px;
+  text-decoration: none;
+  color: #999;
+}
+
+.side-nav > li > ul > li > a:hover {
+  color: #fff;
+}
+
+/* Flot Chart Containers */
+
+.flot-chart {
+  display: block;
+  height: 400px;
+}
+
+.flot-chart-content {
+  width: 100%;
+  height: 100%;
+}
+
+/* Custom Colored Panels */
+
+.huge {
+  font-size: 40px;
+}
+
+.panel-green {
+  border-color: #abc335;
+}
+
+.panel-green .panel-heading {
+  color: #fff;
+  border-color: #abc335;
+  background-color: #abc335;
+}
+
+.panel-green a {
+  color: #abc335;
+}
+
+.panel-green a:hover {
+  color: #3d8b3d;
+}
+
+.panel-red {
+  border-color: #d9534f;
+}
+
+.panel-red .panel-heading {
+  color: #fff;
+  border-color: #d9534f;
+  background-color: #d9534f;
+}
+
+.panel-red a {
+  color: #d9534f;
+}
+
+.panel-red a:hover {
+  color: #b52b27;
+}
+
+.panel-yellow {
+  border-color: #e1a31a;
+}
+
+.panel-yellow .panel-heading {
+  color: #fff;
+  border-color: #e1a31a;
+  background-color: #e1a31a;
+}
+
+.panel-yellow a {
+  color: #e1a31a;
+}
+
+.panel-yellow a:hover {
+  color: #df8a13;
+}
+
+.page-header {
+  margin: 10px 0 10px;
+}
+
+.breadcrumb {
+  margin-bottom: 10px;
+}
+
+.right {
+  text-align: right;
+}
+
+.details-control {
+  position: relative;
+  cursor: pointer;
+}
+
+tr.details td.details-control {
+  background: url('/assets/images/details_close.png') no-repeat center center;
+}
+
+td.details-control {
+  cursor: pointer;
+  background: url('/assets/images/details_open.png') no-repeat center center;
+}
+
+.panel.inside-table .panel-body {
+  /* padding: 0px; */
+}
+
+.inside-table .table-responsive {
+  margin-bottom: 10px;
+}
+
+.inside-table .table-responsive table {
+  margin-bottom: 0;
+}
+
+textarea.code {
+  font-family: monospace;
+  min-height: 400px;
+}
+
+.table-responsive {
+  overflow-x: visible;
+}
+
+.green {
+  color: green;
+}
+
+.red {
+  color: red;
+}
+
+.blue {
+  color: blue;
+}
+
+.incidencia {
+  background: #EBC22E;
+}
+
+.right {
+  text-align: right !important;
+}
+
+.no-margin {
+  margin: 0;
+}
+
+.no-pl {
+  padding-left: 0 !important;
+}
+
+.no-pr {
+  padding-right: 0 !important;
+}
+
+.panel-user .huge {
+  font-size: 30px;
+}
+
+.container-fluid.maquina {
+  padding-top: 10px;
+}
+
+.dropzone {
+  width: 100%;
+  height: 100%;
+  padding: 20px;
+  text-align: center;
+}
+
+.navbar-brand {
+  display: block;
+  width: 225px;
+  padding-left: 120px;
+  height: 50px;
+  text-indent: -9999px;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.navbar-brand.safekat-erp {
+  background-image: url('../images/logo-login-safekat-erp.png');
+  background-size: 115px;
+}
+
+.navbar-inverse.produccion {
+  background-color: #000000;
+}
+
+.navbar-inverse.desarrollo {
+  background-color: #006847;
+  border-color: #006847;
+}
+
+.navbar-inverse.local {
+  background-color: #2E70A5;
+  border-color: #2E70A5;
+}
+
+.navbar ul.top-nav-left {
+  margin-left: 0;
+}
+
+.navbar ul.top-nav-left.produccion {
+  background-color: #000000;
+}
+
+.navbar ul.top-nav-left.produccion li > a {
+  background-color: #000000;
+  color: #fff;
+}
+
+.navbar ul.top-nav-left.produccion li > a:hover,
+.navbar ul.top-nav-left.produccion li > a:focus {
+  color: #9d9d9d;
+  background-color: #000000;
+}
+
+.navbar ul.top-nav-left.produccion .active > a,
+.navbar ul.top-nav-left.produccion .active > a:focus,
+.navbar ul.top-nav-left.produccion .active > a:hover {
+  color: #9d9d9d;
+  background-color: #000000;
+}
+
+.navbar ul.top-nav-left.desarrollo {
+  background-color: #006847;
+}
+
+.navbar ul.top-nav-left.desarrollo li > a {
+  background-color: #006847;
+  color: #fff;
+}
+
+.navbar ul.top-nav-left.desarrollo li > a:hover,
+.navbar ul.top-nav-left.desarrollo li > a:focus {
+  background-color: #015037;
+  color: #9d9d9d;
+}
+
+.navbar ul.top-nav-left.desarrollo .active > a,
+.navbar ul.top-nav-left.desarrollo .active > a:focus,
+.navbar ul.top-nav-left.desarrollo .active > a:hover {
+  background-color: #015037;
+  color: #9d9d9d;
+}
+
+.navbar ul.top-nav-left.local {
+  background-color: #2E70A5;
+}
+
+.navbar ul.top-nav-left.local li > a {
+  background-color: #2E70A5;
+  color: #fff;
+}
+
+.navbar ul.top-nav-left.local li > a:hover,
+.navbar ul.top-nav-left.local li > a:focus {
+  background-color: #0f2dcd;
+  color: #9d9d9d;
+}
+
+.navbar ul.top-nav-left.local .active > a,
+.navbar ul.top-nav-left.local .active > a:focus,
+.navbar ul.top-nav-left.local .active > a:hover {
+  background-color: #0f2dcd;
+  color: #9d9d9d;
+}
+
+.text-area-height-100 {
+  height: 100px !important;
+}
+
+.text-area-height-150 {
+  height: 150px !important;
+}
+
+ul.navbar-right .open > .dropdown-menu > li > a {
+  color: #000000;
+}
+
+ul.navbar-right .open > .dropdown-menu > li > a:hover {
+  color: #fff;
+}
+
+ul.navbar-right.produccion li > a {
+  line-height: 20px;
+  padding-top: 15px;
+  padding-bottom: 15px;
+  color: #fff;
+}
+
+ul.navbar-right.produccion .open > .dropdown-menu > li > a {
+  color: #000000;
+}
+
+ul.navbar-right.produccion li > a:hover,
+ul.navbar-right.produccion li > a:focus,
+ul.navbar-right.produccion .open > a,
+ul.navbar-right.produccion .open > a:hover,
+ul.navbar-right.produccion .open > a:focus {
+  color: #9d9d9d;
+  background-color: #000000;
+}
+
+ul.navbar-right.desarrollo li > a {
+  line-height: 20px;
+  padding-top: 15px;
+  padding-bottom: 15px;
+  color: #fff;
+}
+
+ul.navbar-right.desarrollo .open > .dropdown-menu > li > a {
+  color: #000000;
+}
+
+ul.navbar-right.desarrollo li > a:hover,
+ul.navbar-right.desarrollo li > a:focus,
+ul.navbar-right.desarrollo .open > a,
+ul.navbar-right.desarrollo .open > a:hover,
+ul.navbar-right.desarrollo .open > a:focus {
+  color: #9d9d9d;
+  background-color: #006847;
+}
+
+ul.navbar-right.local li > a {
+  line-height: 20px;
+  padding-top: 15px;
+  padding-bottom: 15px;
+  color: #fff;
+}
+
+ul.navbar-right.local .open > .dropdown-menu > li > a {
+  color: #0e38d0;
+}
+
+ul.navbar-right.local li > a:hover,
+ul.navbar-right.local li > a:focus,
+ul.navbar-right.local .open > a,
+ul.navbar-right.local .open > a:hover,
+ul.navbar-right.local .open > a:focus {
+  color: #9d9d9d;
+  background-color: #2E70A5;
+}
+
+ul.hidden-xs li.messages-count {
+  width: 50px;
+}
+
+ul.hidden-xs li.messages-count > a {
+  color: #fff;
+}
+
+ul.hidden-xs li.messages-count > a:hover,
+ul.hidden-xs li.messages-count > a:focus {
+  color: #9d9d9d;
+}
+
+.navbar-nav {
+  overflow-y: auto;
+  height: 100%;
+}
+
+.navbar-nav span.bubble {
+  font: bold 12px Tahoma;
+  position: absolute;
+  top: 10px;
+  left: 25px;
+  padding: 1px 3px 1px 2px;
+  color: #fff;
+  border-width: 1px;
+  border-color: #e23923 #d83722 #c0311e;
+  border-left: 1px solid #d83722;
+  border-radius: 3px;
+  background-color: #e44c34;
+  box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.25);
+}
+
+.side-nav {
+  position: fixed;
+  top: 51px;
+  left: 225px;
+  overflow-y: auto;
+  width: 225px;
+  margin-left: -225px;
+  border-radius: 0;
+}
+
+.side-nav.produccion {
+  background: #000000 top left repeat;
+}
+
+.side-nav.produccion li {
+  margin-bottom: 0;
+  background-color: #000000;
+  color: #fff;
+}
+
+.side-nav.produccion li > a {
+  width: 225px;
+  color: #fff;
+  background-color: #000000;
+}
+
+.side-nav.produccion li a:hover,
+.side-nav.produccion li a:focus {
+  outline: none;
+  color: #999;
+  background-color: #000000 !important;
+}
+
+.side-nav.produccion li.panel.active > a,
+.side-nav.produccion li.panel.active > a:focus,
+.side-nav.produccion li.panel.active > a:hover {
+  color: #9d9d9d;
+  background-color: #000000;
+}
+
+.side-nav.produccion li > ul {
+  padding: 0;
+}
+
+.side-nav.produccion li > ul > li > a {
+  display: block;
+  padding: 10px 15px 10px 38px;
+  text-decoration: none;
+  color: #fff;
+  background-color: #000000;
+}
+
+.side-nav.produccion li > ul > li > a:hover {
+  color: #999;
+  background-color: #000000;
+}
+
+.side-nav.produccion.colapsed-menu {
+  width: 0;
+  background: transparent;
+}
+
+.side-nav.desarrollo {
+  background: #006847 top left repeat;
+}
+
+.side-nav.desarrollo li {
+  margin-bottom: 0;
+  background-color: #006847;
+  color: #fff;
+}
+
+.side-nav.desarrollo li > a {
+  width: 225px;
+  color: #fff;
+  background-color: #006847;
+}
+
+.side-nav.desarrollo li a:hover,
+.side-nav.desarrollo li a:focus {
+  outline: none;
+  color: #999;
+  background-color: #006847 !important;
+  border: none;
+}
+
+.side-nav.desarrollo li.panel.active > a,
+.side-nav.desarrollo li.panel.active > a:focus,
+.side-nav.desarrollo li.panel.active > a:hover {
+  color: #9d9d9d;
+  background-color: #006847;
+}
+
+.side-nav.desarrollo li > ul {
+  padding: 0;
+}
+
+.side-nav.desarrollo li > ul > li > a {
+  display: block;
+  padding: 10px 15px 10px 38px;
+  text-decoration: none;
+  color: #fff;
+  background-color: #006847;
+}
+
+.side-nav.desarrollo li > ul > li > a:hover {
+  color: #999;
+  background-color: #006847;
+}
+
+.side-nav.local {
+  background: #2E70A5 top left repeat;
+}
+
+.side-nav.local li {
+  margin-bottom: 0;
+  background-color: #2E70A5;
+  color: #fff;
+}
+
+.side-nav.local li > a {
+  width: 225px;
+  color: #fff;
+  background-color: #2E70A5;
+}
+
+.side-nav.local li a:hover,
+.side-nav.local li a:focus {
+  outline: none;
+  color: #999;
+  background-color: #2E70A5 !important;
+}
+
+.side-nav.local li.panel.active > a,
+.side-nav.local li.panel.active > a:focus,
+.side-nav.local li.panel.active > a:hover {
+  color: #9d9d9d;
+  background-color: #2E70A5;
+}
+
+.side-nav.local li > ul {
+  padding: 0;
+}
+
+.side-nav.local li > ul > li > a {
+  display: block;
+  padding: 10px 15px 10px 38px;
+  text-decoration: none;
+  color: #fff;
+  background-color: #2E70A5;
+}
+
+.side-nav.local li > ul > li > a:hover {
+  color: #999;
+  background-color: #2E70A5;
+}
+
+.side-nav.local.colapsed-menu {
+  background-color: transparent;
+  width: 0;
+}
+
+.side-nav.colapsed-menu {
+  background-color: transparent;
+  width: 0;
+}
+
+@media (max-width: 1171px) {
+  .navbar-inverse .nav > li > a {
+    padding: 15px 10px;
+  }
+}
+
+@media (max-width: 768px) {
+  .side-nav {
+    display: none;
+  }
+}
+
+#page-wrapper pre {
+  overflow-y: scroll;
+}
+
+.navbar-header {
+  color: white;
+}
+
+.navbar-header.produccion {
+  background-color: #000000;
+}
+
+.navbar-header.desarrollo {
+  background-color: gray;
+}
+
+.navbar-header.local {
+  background-color: #2E70A5;
+}
+
+.nav-pills {
+  margin-bottom: 10px;
+}
+
+.nav-pills .with-menssages {
+  font-weight: bolder;
+}
+
+.nav-pills.warning li.active a {
+  background-color: #f0ad4e;
+}
+
+.bootstrap-dialog.type-primary .modal-header {
+  background-color: #373a3d;
+}
+
+.center {
+  text-align: center;
+}
+
+.link-disabled {
+  cursor: default;
+  pointer-events: none;
+}
+
+.select2-container .select2-selection--single {
+  height: 34px;
+}
+
+.spinner {
+  width: 100px;
+}
+
+.spinner input {
+  padding-right: 3px;
+  padding-left: 3px;
+  text-align: right;
+  border-top-left-radius: 4px !important;
+  border-bottom-left-radius: 4px !important;
+}
+
+.input-group-btn-vertical {
+  position: relative;
+  display: table-cell;
+  width: 1%;
+  vertical-align: middle;
+  white-space: nowrap;
+}
+
+.input-group-btn-vertical > .btn {
+  position: relative;
+  display: block;
+  float: none;
+  width: 100%;
+  max-width: 100%;
+  margin-left: -1px;
+  padding: 8px;
+  border-radius: 0;
+}
+
+.input-group-btn-vertical > .btn:first-child {
+  border-top-right-radius: 4px;
+}
+
+.input-group-btn-vertical > .btn:last-child {
+  margin-top: -2px;
+  border-bottom-right-radius: 4px;
+}
+
+.input-group-btn-vertical i {
+  position: absolute;
+  top: 0;
+  left: 4px;
+}
+
+.pedido-files .dropzone-cover {
+  margin-top: 15px;
+}
+
+.pedido-files .resume-upload {
+  height: 40px;
+  margin-top: 5px;
+}
+
+.pedido-files .resume-upload p {
+  display: block;
+  float: left;
+}
+
+.pedido-files .resume-upload button {
+  float: right;
+}
+
+table .Select {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+
+table.totales-pedido {
+  width: 100%;
+}
+
+table.totales-pedido tr.margen .input,
+table.totales-pedido tr.descuento .input {
+  float: right;
+  padding-right: 0;
+}
+
+table.totales-pedido tr.margen .input input,
+table.totales-pedido tr.descuento .input input {
+  height: 25px;
+}
+
+table.totales-pedido tr.total {
+  font-size: 2em;
+}
+
+table.mostrar-albaran {
+  width: 100%;
+}
+
+table.mostrar-albaran td.boton {
+  padding-right: 2px;
+  width: 48%;
+}
+
+table.papeles-por-defecto tr.c1 td {
+  background-color: rgba(0, 68, 204, 0.15);
+}
+
+table.papeles-por-defecto tr.c2 td {
+  background-color: rgba(128, 128, 128, 0.3);
+}
+
+table tr.presupuesto {
+  background-color: #a6a6a6;
+}
+
+table tr.aceptado {
+  background-color: #74a174;
+}
+
+table tr.validado {
+  background-color: #94bcbc;
+}
+
+table tr.validado.in_production {
+  background-color: #a7c7b4;
+}
+
+table.dataTable {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+table.dataTable thead .table-search {
+  width: 100%;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+table.dataTable thead .table-search .Select {
+  padding: 0;
+}
+
+table.dataTable thead .table-search .Select .Select-control,
+table.dataTable thead .table-search .Select .Select-placeholder,
+table.dataTable thead .table-search .Select .Select-input,
+table.dataTable thead .table-search .Select input {
+  height: 26px;
+}
+
+table.dataTable thead .table-search .Select .Select-placeholder,
+table.dataTable thead .table-search .Select .Select-value {
+  text-align: left;
+}
+
+table.dataTable thead .table-search.form-group,
+table.dataTable thead .table-search .form-group,
+table.dataTable thead .table-search .form-control {
+  width: 100%;
+}
+
+table.dataTable thead .datatable-input-search {
+  font-size: 12px;
+  font-weight: normal;
+  width: 80px;
+  height: 30px;
+  padding: 5px;
+  text-align: center;
+}
+
+table.dataTable thead .datatable-input-search.range {
+  width: 120px;
+}
+
+table.dataTable thead tr.filter th {
+  padding-right: 0;
+  padding-left: 0;
+}
+
+table.dataTable thead tr.filter td {
+  border-bottom: 2px solid #ddd;
+}
+
+table.dataTable thead th.checkbox-table-all {
+  padding-left: 9px;
+}
+
+table.dataTable span.id-maquina {
+  font-size: 13px;
+  font-weight: bolder;
+  position: relative;
+  left: -21px;
+  padding-right: 1px;
+  padding-left: 1px;
+  border: 1px solid black;
+  background-color: white;
+}
+
+table.dataTable span.id-maquina-twice {
+  top: -25px;
+  left: 5px;
+}
+
+table.dataTable td span.edit {
+  cursor: pointer;
+}
+
+table.dataTable td span.edit span:hover {
+  text-decoration: underline;
+}
+
+table.dataTable td span.edit div.form-group {
+  width: 100%;
+}
+
+table.dataTable td span.edit div.form-group div.Select {
+  width: 100%;
+  min-height: 38px;
+  padding: 0;
+}
+
+table.dataTable input.checkbox-table-select {
+  width: 25px;
+}
+
+div.dataTables_wrapper .dataTables_paginate a {
+  height: 30px;
+  padding-top: 4px;
+}
+
+.s2-multi-drop {
+  font-size: 10px;
+}
+
+.s2-multi {
+  font-size: 10px;
+}
+
+body.auth {
+  background: #222 url(../images/darkpattern.png) top left repeat;
+}
+
+body.pedido-detail .panel-body {
+  padding-bottom: 0;
+}
+
+body.pedido-detail .panel-body h4 {
+  margin-top: 0;
+  margin-bottom: 20px;
+  text-decoration: underline;
+  text-transform: uppercase;
+}
+
+body.pedido-detail .panel-body .actions {
+  margin-bottom: 10px;
+}
+
+body.plantilla .panel-heading {
+  background-color: rgba(255, 255, 165, 0.38);
+}
+
+body.papel-compra-detail a.big {
+  font-size: 25px;
+}
+
+body.papel-compra-detail div.generate {
+  padding: 10px;
+  border: 1px solid gray;
+}
+
+body.papel-compra-detail table.formatos td,
+body.papel-compra-detail table.formatos th {
+  text-align: center;
+  vertical-align: middle;
+}
+
+body.papel-compra-detail table.formatos tr.formas {
+  font-size: 10px;
+}
+
+body.papel-compra-detail table.formatos span.size {
+  font-size: 10px;
+}
+
+body.cliente-form .address_comunidad .select2-selection {
+  height: 30px;
+}
+
+body.cliente-form .new-contact .form-group {
+  margin-bottom: 0;
+}
+
+body.cliente-form .new-contact .buttons {
+  margin-top: 31px;
+}
+
+body.config-tamanios-papeles .title {
+  text-decoration: underline;
+}
+
+body.config-tamanios-papeles th p {
+  font-weight: normal;
+  margin-bottom: 0;
+}
+
+body.config-tamanios-papeles .papeles_compra_contenedor p {
+  margin-bottom: 2px;
+  text-align: right;
+}
+
+body.config-tamanios-papeles select {
+  height: 22px;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+body.config-tamanios-papeles tr.papeles_compra ul {
+  margin-bottom: 0;
+  margin-left: 0;
+  padding-left: 18px;
+}
+
+body.config-tamanios-papeles tr.papeles_compra ul select {
+  padding: 0;
+}
+
+body.permisos tr.noborder td {
+  border-top: 0;
+}
+
+.chat-body {
+  margin-bottom: 5px;
+  padding-bottom: 5px;
+  border-bottom: 1px solid #ccc;
+}
+
+ul.chat {
+  padding-left: 0;
+  list-style: none;
+}
+
+ul.chat div.header {
+  margin-bottom: 5px;
+}
+
+.mensajes select,
+.mensajes input {
+  width: 100%;
+}
+
+.pedido-mensajes .participants-list .participant {
+  float: left;
+  width: 40px;
+  margin-right: 5px;
+}
+
+.pedido-mensajes .popup-chat {
+  padding: 35px;
+  padding-top: 15px;
+}
+
+.pedido-mensajes .popup-chat h3 {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+
+.pedido-mensajes .panel-body {
+  padding-top: 20px;
+}
+
+.pedido-mensajes .panel-body .messages {
+  margin-bottom: 10px !important;
+}
+
+.pedido-mensajes .panel-body .form-send-message {
+  margin-bottom: 0;
+}
+
+.pedido-mensajes .panel-body .input-send-message {
+  min-height: 90px;
+  max-height: 90px;
+}
+
+.pedido-mensajes .alert-danger {
+  padding: 2px;
+}
+
+.pedido-mensajes .btn-new-message {
+  margin-bottom: 15px;
+}
+
+.header {
+  padding: 5px;
+  margin: 5px;
+  color: black;
+}
+
+.header.rojo {
+  background: red;
+  color: white;
+}
+
+.header.ferro {
+  background: #d2d2d2;
+}
+
+.header.pod {
+  background: #6cff6c;
+}
+
+.header.incidencia {
+  background: #ebc22e;
+}
+
+.header .title-customer.fecha {
+  color: white;
+}
+
+.header .title-customer.sin-fecha {
+  color: #666666;
+}
+
+.header .progreso {
+  font-size: 30px;
+}
+
+.header .goto {
+  text-align: right;
+}
+
+.no-bottom-margin {
+  margin-bottom: 0;
+}
+
+body.panel-control td.facturacion_mes_corriente {
+  font-weight: bolder;
+}
+
+.app-loading,
+.app-alert {
+  font-size: 30px;
+  display: table;
+  width: 400px;
+  height: 300px;
+  text-align: center;
+}
+
+.app-loading span,
+.app-alert span {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.app-loading span .spinner,
+.app-alert span .spinner {
+  margin-top: 20px;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.app-loading span .spinner .bounce1,
+.app-alert span .spinner .bounce1 {
+  background-color: #999;
+}
+
+.app-loading span .spinner .bounce2,
+.app-alert span .spinner .bounce2 {
+  background-color: #777;
+}
+
+.app-loading span .spinner .bounce3,
+.app-alert span .spinner .bounce3 {
+  background-color: #555;
+}
+
+.app-loading p.q,
+.app-alert p.q {
+  font-size: 20px;
+  margin-top: 30px;
+  margin-left: 10px;
+}
+
+.app-loading .buttons button,
+.app-alert .buttons button {
+  width: 100px;
+  margin-right: 10px;
+}
+
+.app-alert {
+  font-size: 15px;
+  padding: 15px;
+  text-align: left;
+}
+
+.app-alert .buttons {
+  text-align: right;
+}
+
+.app-popup-content {
+  width: 100%;
+  height: 100%;
+  padding: 20px;
+}
+
+.app-popup-content .app-popup-btn {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  padding-right: 10px;
+  padding-bottom: 10px;
+  padding-left: 10px;
+}
+
+.app-popup-content .app-popup-btn .align-rigth {
+  float: right;
+}
+
+.dataTables_wrapper .dt-buttons {
+  float: left;
+  margin-right: 10px;
+}
+
+.dataTables_wrapper .dataTables_length {
+  float: left;
+}
+
+.dataTables_wrapper .dataTables_paginate {
+  float: right;
+  margin-left: 20px;
+}
+
+.dataTables_wrapper .dataTables_filter {
+  float: right;
+  margin-top: 2px;
+}
+
+.btn-colapse-menu {
+  position: fixed;
+  bottom: 0;
+  padding: 5px;
+}
+
+.btn-colapse-menu button {
+  display: block;
+  float: right;
+  color: #ddd;
+  border: 1px solid #ddd;
+  background-color: #1a1a1a;
+}
+
+.colapsed-wrapper {
+  padding-left: 0 !important;
+}
+
+.panel.panel-primary .panel-heading a {
+  color: white;
+}
+
+.panel.panel-login .panel-body {
+  text-align: center;
+}
+
+.panel.panel-login .panel-body img.logo {
+  margin-bottom: 15px;
+}
+
+.react-bs-table {
+  margin-right: 0;
+  margin-left: 0;
+}
+
+.react-file-uploader .uploader-input {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  visibility: hidden;
+  width: 100%;
+  height: 100%;
+}
+
+.react-file-uploader .uploader-label {
+  font-size: 14px;
+  position: relative;
+  display: inline-block;
+  margin-bottom: 10px;
+  padding: 5px 10px;
+  cursor: pointer;
+  color: #383838;
+  border: 1px solid #ddd;
+  border-radius: 3px;
+  background-color: #eee;
+}
+
+.react-file-uploader .uploader-progress {
+  position: relative;
+  display: block;
+  overflow: hidden;
+  border-radius: 5px;
+}
+
+.libro-catalogo-panelcontrol {
+  background-color: #eee;
+  border-radius: 6px;
+  padding: 20px;
+  margin-bottom: 10px;
+}
+
+.libro-catalogo-panelcontrol a {
+  width: 100%;
+  display: block;
+}
+
+.libro-catalogo-panelcontrol a img.cover {
+  width: 75px;
+  height: 100px;
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 20px;
+  display: block;
+}
+
+.libro-catalogo-panelcontrol a p.titulo {
+  margin-bottom: 0;
+}
+
+.float {
+  float: right;
+}
+
+@media (max-width: 1100px) {
+  .navbar-brand {
+    width: 50px;
+    background-image: url('../images/logoerp4.png');
+  }
+}
\ No newline at end of file
diff --git a/httpdocs/themes/vuexy/css/font-pdf.css b/httpdocs/themes/vuexy/css/font-pdf.css
new file mode 100644
index 00000000..726bd4b0
--- /dev/null
+++ b/httpdocs/themes/vuexy/css/font-pdf.css
@@ -0,0 +1,144 @@
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
+  unicode-range: U+0370-03FF;
+}
+/* hebrew */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
+  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
+  unicode-range: U+0370-03FF;
+}
+/* hebrew */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
+  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  font-stretch: 100%;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
diff --git a/httpdocs/themes/vuexy/css/pdf.presupuesto.css b/httpdocs/themes/vuexy/css/pdf.presupuesto.css
new file mode 100644
index 00000000..a817b597
--- /dev/null
+++ b/httpdocs/themes/vuexy/css/pdf.presupuesto.css
@@ -0,0 +1,755 @@
+/* Presupuesto Safekat */
+
+body {
+  font-family: 'Open Sans', sans-serif;
+}
+
+body table.logo {
+  width: 100%;
+  color: black;
+}
+
+body table.logo td.logo img {
+  width: 100%;
+}
+
+body table.presupuesto-data {
+  width: 100%;
+  font-size: 12px;
+}
+
+body table.presupuesto-data th {
+  background: black;
+  color: white;
+  padding: 6px;
+}
+
+body table.presupuesto-data th.intro_presupuesto {
+  width: 20%;
+  padding-left: 15px;
+}
+
+body table.presupuesto-data th.num_presupuesto {
+  width: 10%;
+  font-weight: lighter;
+}
+
+body table.presupuesto-data th.intro_cliente {
+  width: 11%;
+  padding-left: 15px;
+}
+
+body table.presupuesto-data th.letra {
+  font-size: 9px;
+}
+
+body table.presupuesto-data th.cliente {
+  width: 38%;
+  font-weight: lighter;
+  text-transform: uppercase;
+}
+
+body table.presupuesto-data th.intro_fecha {
+  width: 10%;
+}
+
+body table.presupuesto-data th.fecha {
+  width: 10%;
+  text-align: right;
+  font-weight: lighter;
+}
+
+body table.presupuesto-data td {
+  background: #e3e4e7;
+  padding-left: 15px;
+}
+
+body table.presupuesto-data td.titulo {
+  padding-top: 5px;
+}
+
+body table.presupuesto-data td div.intro-coleccion,
+body table.presupuesto-data td div.intro_autor {
+  font-weight: bold;
+  padding-bottom: 10px;
+}
+
+body table.presupuesto-data td.coleccion,
+body table.presupuesto-data td.autor {
+  padding-top: 3px;
+  padding-bottom: 10px;
+}
+
+body table.impresion {
+  width: 100%;
+  font-size: 11px;
+  margin-bottom: 9px;
+  margin-top: 8px;
+}
+
+body table.impresion th {
+  color: white;
+  font-size: 12px;
+  font-weight: lighter;
+  background: #8ac948;
+  padding: 3px;
+  padding-left: 8px;
+}
+
+body table.impresion td {
+  border-bottom: 1px dotted black;
+  padding: 3px;
+  font-family: 'Open Sans', sans-serif;
+}
+
+body table.impresion td.t {
+  width: 18%;
+  font-weight: bold;
+  border-right: 1px dotted black;
+}
+
+body table.impresion td.t-first {
+  width: 8%;
+  font-weight: bold;
+  border-left: 1px dotted black;
+  border-right: 1px dotted black;
+}
+
+body table.impresion td.t-second {
+  width: 11%;
+  font-weight: bold;
+  border-left: 1px dotted black;
+  border-right: 1px dotted black;
+}
+
+body table.impresion td.v {
+  width: 12%;
+}
+
+body table.impresion td.v-second {
+  width: 11%;
+}
+
+body table.impresion td.v-first {
+  width: 40%;
+}
+
+body table.cubierta {
+  width: 100%;
+  font-size: 11px;
+  margin-bottom: 9px;
+}
+
+body table.cubierta th {
+  background: #0C2C84;
+  color: white;
+  font-size: 12px;
+  font-weight: lighter;
+  padding: 3px;
+  padding-left: 8px;
+}
+
+body table.cubierta td {
+  border-bottom: 1px dotted black;
+  padding: 3px;
+}
+
+body table.cubierta td.t {
+  width: 18%;
+  font-weight: bold;
+  border-right: 1px dotted black;
+}
+
+body table.cubierta td.t-first,
+body table.cubierta td.t-second,
+body table.cubierta td.t-third,
+body table.cubierta tdv.second {
+  width: 8%;
+  font-weight: bold;
+  border-left: 1px dotted black;
+  border-right: 1px dotted black;
+}
+
+body table.cubierta td.v {
+  width: 10%;
+}
+
+body table.cubierta td.v-third {
+  width: 12%;
+}
+
+body table.cubierta td.v-first {
+  width: 28%;
+}
+
+body table.encuadernacion {
+  width: 100%;
+  font-size: 11px;
+  margin-bottom: 9px;
+}
+
+body table.encuadernacion th {
+  color: white;
+  font-size: 12px;
+  font-weight: lighter;
+  background: #8ac948;
+  padding: 3px;
+  padding-left: 8px;
+}
+
+body table.encuadernacion td {
+  border-bottom: 1px dotted black;
+  padding: 3px;
+}
+
+body table.encuadernacion td.t {
+  width: 18%;
+  font-weight: bold;
+  border-right: 1px dotted black;
+}
+
+body table.encuadernacion td.v {
+  width: 46%;
+}
+
+body table.encuadernacion td.v-first {
+  width: 7%;
+  border-left: 1px dotted black;
+  border-right: 1px dotted black;
+}
+
+body table.encuadernacion tdv.second {
+  width: 8%;
+  border-left: 1px dotted black;
+  border-right: 1px dotted black;
+}
+
+body table.encuadernacion td.t-first {
+  width: 8%;
+  font-weight: bold;
+  border-left: 1px dotted black;
+  border-right: 1px dotted black;
+}
+
+body table.encuadernacion td.t-second {
+  width: 9%;
+  font-weight: bold;
+  border-right: 1px dotted black;
+}
+
+body table.extras {
+  width: 100%;
+  font-size: 11px;
+  margin-bottom: 9px;
+}
+
+body table.extras th {
+  color: white;
+  font-size: 12px;
+  font-weight: lighter;
+  background: #0C2C84;
+  padding: 3px;
+  padding-left: 8px;
+}
+
+body table.extras td {
+  border-bottom: 1px dotted black;
+  padding: 3px;
+}
+
+body table.extras td.t {
+  width: 18%;
+  font-weight: bold;
+  border-right: 1px dotted black;
+}
+
+body table.envio {
+  width: 100%;
+  font-size: 11px;
+  margin-bottom: 9px;
+}
+
+body table.envio th {
+  color: white;
+  font-size: 12px;
+  font-weight: lighter;
+  background: #8ac948;
+  padding: 3px;
+  padding-left: 8px;
+}
+
+body table.envio td {
+  border-bottom: 1px dotted black;
+  padding: 3px;
+}
+
+body table.envio td.v {
+  width: 12%;
+  border-right: 1px dotted black;
+}
+
+body table.envio td.t-ejemplares,
+body table.envio td.t {
+  width: 9%;
+  font-weight: bold;
+  border-right: 1px dotted black;
+}
+
+body table.envio td.t-second {
+  width: 4%;
+  border-right: 1px dotted black;
+  font-weight: bold;
+}
+
+body table.envio td.v-second {
+  width: 5%;
+}
+
+body table.envio td.v-first,
+body table.envio td.v-third {
+  width: 12%;
+  border-right: 1px dotted black;
+}
+
+body table.envio td.v-third {
+  width: 16%;
+  border-right: 1px dotted black;
+}
+
+body table.envio td.t-first,
+body table.envio td.t-third,
+body table.envio td.t-fourth,
+body table.envio td.t-first-direccion,
+body table.envio td.t-first {
+  width: 8%;
+  font-weight: bold;
+  border-left: 1px dotted black;
+  border-right: 1px dotted black;
+}
+
+body table.totales {
+  width: 64%;
+  text-align: center;
+}
+
+body table.totales th {
+  width: 12%;
+  font-weight: bold;
+  font-size: 12px;
+  text-align: center;
+  color: white;
+  background: #0C2C84;
+  padding: 3px;
+}
+
+body table.totales th.u_envio_21 {
+  width: 16%;
+}
+
+body table.totales th.hidden {
+  background: none;
+}
+
+body table.totales td {
+  font-size: 12px;
+  font-weight: bold;
+  text-align: center;
+  border: 1px dotted #4e4e4e;
+  border-top: none;
+  padding: 3px;
+}
+
+body table.totales td.tirada {
+  width: 12%;
+  border-left: none;
+}
+
+body table.totales td.precio,
+body table.totales td.u_impresion_4 {
+  width: 12%;
+}
+
+body table.totales td.precio_ud {
+  width: 12%;
+  border-right: none;
+}
+
+body table.totales td.iva {
+  border: none;
+  text-align: right;
+  font-size: 10px;
+}
+
+body table.totales td.hidden {
+  border: none !important;
+}
+
+/* Presupuesto Manual */
+
+table.presupuesto-data td {
+  background: #e3e4e7;
+  padding-left: 15px;
+}
+
+table.presupuesto-data td.descripcion {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+table.presupuesto-manual-lineas {
+  width: 100%;
+  margin-top: 20px;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+table.presupuesto-manual-lineas tr.head-lineas-manual {
+  background: #688BC0;
+  color: white;
+}
+
+table.presupuesto-manual-lineas th {
+  font-size: 11pt;
+  font-weight: lighter;
+  padding: 5px !important;
+  color: white;
+  border-right: 1px solid white;
+}
+
+table.presupuesto-manual-lineas td {
+  padding: 10px !important;
+  font-size: 9pt;
+  color: black;
+  border: 1px dotted #4e4e4e;
+  border-top: none;
+}
+
+table.presupuesto-manual-lineas td.num_unidades {
+  border-left: none;
+}
+
+table.presupuesto-manual-lineas td.concepto {
+  border-right: none;
+}
+
+table.presupuesto-manual-lineas td.precio_unidad {
+  text-align: right;
+}
+
+table.presupuesto-manual-lineas td.total {
+  border-right: none;
+  text-align: right;
+}
+
+table.totales-manual {
+  width: 25%;
+  margin-top: 15px;
+  text-align: center;
+  padding: 3px;
+}
+
+table.totales-manual th {
+  font-weight: lighter;
+  font-size: 10pt;
+  padding: 5px;
+  text-align: center;
+  color: white;
+  background: #688BC0;
+  border-right: 1px solid white;
+}
+
+table.totales-manual td {
+  font-size: 9pt;
+  padding: 5px;
+  text-align: center;
+  border: 1px dotted #4e4e4e;
+  border-top: none;
+}
+
+table.totales-manual td.precio {
+  border-left: none;
+  border-right: none;
+}
+
+table.totales-manual td.iva {
+  border: none;
+  text-align: right;
+  font-size: 8pt;
+}
+
+.observaciones {
+  color: #0C2C84;
+  font-weight: bold;
+  margin-bottom: 0px;
+}
+
+div.comentarios {
+  font-size: 9pt;
+  border: 1px solid #ddd;
+  margin-top: 5px;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+div.footer {
+  font-size: 10pt;
+  text-align: left;
+}
+
+div.footer .texto-email {
+  font-weight: bold;
+}
+
+div.footer .texto-asteriscos {
+  font-size: 11px;
+}
+
+div.footer .texto-presupuesto {
+  color: black;
+  margin-top: 10px;
+  font-size: 7pt;
+}
+
+div.footer.servicios {
+  margin-top: 20px;
+}
+
+div.footer.tirada {
+  margin-top: 0px;
+}
+
+div.footer.sin-servicios {
+  margin-top: 82px;
+}
+
+/* Presup. y pedido maquetacion */
+
+table.pedido-maquetacion-lineas {
+  width: 100%;
+}
+
+table.pedido-maquetacion-lineas td {
+  padding: 3px;
+}
+
+table.pedido-maquetacion-totales {
+  margin-top: 10px;
+  margin-bottom: 60px;
+}
+
+table.pedido-maquetacion-totales td.iva_right {
+  font-size: 10px;
+  margin-top: 2px;
+}
+
+#tablacentral {
+  border-top-width: 0;
+  border-left-width: 1px;
+  border-right-width: 1px;
+  border-bottom-width: 0;
+  text-align: center;
+  font-size: 9pt;
+}
+
+#tablanoborde {
+  border-top-width: 0;
+  border-left-width: 0;
+  border-right-width: 0;
+  border-bottom-width: 0;
+}
+
+#tabla {
+  border-style: solid;
+  border-top-width: 1px;
+  border-right-width: 1px;
+  border-bottom-width: 1px;
+  border-left-width: 1px;
+  font-size: 7pt;
+  font-weight: bold;
+}
+
+#tabladato {
+  font-size: 9pt;
+  font-weight: normal;
+  float: center;
+}
+
+#tablaesquina {
+  border-style: solid;
+  border-top-width: 0;
+  border-right-width: 1px;
+  border-bottom-width: 1px;
+  border-left-width: 0;
+}
+
+#tdinteriorabajo {
+  border-top: none;
+  border-bottom: 1px solid;
+  border-left: 1px solid;
+  border-right: 1px solid;
+  text-align: center;
+  font-size: 10px;
+  height: -40px;
+}
+
+#tdinteriorarriba {
+  border-bottom: none;
+  border-top: 1px solid;
+  border-left: 1px solid;
+  border-right: 1px solid;
+  font-weight: bold;
+  font-size: 12px;
+  height: -40px;
+  padding-left: 2px;
+  padding-top: 1px;
+}
+
+#tdinteriorarribacliente {
+  border-top: 1px solid;
+  border-left: 1px solid;
+  border-bottom: 1px solid;
+  border-right: none;
+  font-weight: bold;
+  font-size: 12px;
+  height: -40px;
+  padding-left: 2px;
+  padding-top: 1px;
+}
+
+#tdinteriorarribaclientedato {
+  border-top: 1px solid;
+  border-left: none;
+  border-bottom: 1px solid;
+  border-right: 1px solid;
+  font-size: 12px;
+  height: -40px;
+  padding-left: 2px;
+  padding-top: 1px;
+}
+
+#tdniarribaniabajo {
+  border-bottom: none;
+  border-top: none;
+  border-left: 1px solid;
+  border-right: 1px solid;
+  font-size: 12px;
+  text-align: center;
+}
+
+#tdniarribaniabajoopciones {
+  border-bottom: none;
+  border-top: none;
+  border-left: 1px solid;
+  border-right: 1px solid;
+  font-size: 10px;
+}
+
+#tdniarribaniabajo2 {
+  border-bottom: none;
+  border-top: 1px solid;
+  border-left: 1px solid;
+  border-right: 1px solid;
+  font-size: 12px;
+  text-align: center;
+  font-weight: bold;
+}
+
+#tdniarribaniabajo3 {
+  border-bottom: 1px solid;
+  border-top: none;
+  border-left: 1px solid;
+  border-right: 1px solid;
+  font-size: 12px;
+  text-align: center;
+}
+
+#subtdabajocentro {
+  border-bottom: 1px solid;
+  border-top: none;
+  border-left: 1px solid;
+  border-right: 1px solid;
+  text-align: center;
+  font-size: 9pt;
+}
+
+#subtd {
+  border-top: none;
+  border-bottom: 1px solid;
+  border-left: 1px solid;
+  border-right: 1px solid;
+  text-align: center;
+  font-size: 12px;
+}
+
+#subtdcen {
+  border-top: none;
+  border-bottom: 1px solid #919191;
+  border-left: 1px solid #919191;
+  border-right: 1px solid #919191;
+  text-align: center;
+  font-size: 12px;
+  background-color: #77B2D0;
+  color: white;
+}
+
+#subtdizq {
+  border-top: none;
+  border-bottom: 1px solid #919191;
+  border-right: 1px solid #919191;
+  text-align: center;
+  font-size: 12px;
+  color: white;
+  background-color: #77B2D0;
+}
+
+#subtdder {
+  border-top: none;
+  border-bottom: 1px solid #919191;
+  border-left: 1px solid #919191;
+  text-align: center;
+  font-size: 12px;
+  color: white;
+  background-color: #77B2D0;
+}
+
+#tdarriba {
+  border-bottom: none;
+  border-top: 1px solid;
+  border-left: 1px solid;
+  border-right: 1px solid;
+  font-size: 12px;
+}
+
+#tdarribaopciones {
+  border-bottom: none;
+  border-top: 1px solid;
+  border-left: 1px solid;
+  border-right: 1px solid;
+  font-size: 10px;
+}
+
+#tdabajo {
+  border-bottom: 1px solid;
+  border-top: none;
+  border-left: 1px solid;
+  border-right: 1px solid;
+  font-size: 12px;
+}
+
+#dato {
+  text-align: center;
+  font-size: 9pt;
+}
+
+#subrayado {
+  font-size: 9pt;
+  border-bottom: 1px solid;
+}
+
+#td {
+  font-size: 12px;
+}
+
+#tdopciones {
+  font-size: 10px;
+}
\ No newline at end of file
diff --git a/httpdocs/themes/vuexy/css/sk-datatables.css b/httpdocs/themes/vuexy/css/sk-datatables.css
index 00678af4..391c2e1c 100644
--- a/httpdocs/themes/vuexy/css/sk-datatables.css
+++ b/httpdocs/themes/vuexy/css/sk-datatables.css
@@ -40,4 +40,59 @@ table.dataTable.table-hover>tbody>tr.selected:hover>* {
 
 .comparator-table td.dt-result-value {
     text-align: left;
-}
\ No newline at end of file
+}
+
+
+.lp-cell {    
+    padding-left: 1px; 
+    padding-right: 1px; 
+    margin:0;
+}
+
+.lp-input {
+    text-align: center;
+    min-width: 50px;
+    width: 100%;
+    border-radius: 0.25rem !important;
+}
+
+.lp-select {
+    padding-top: 2px;
+    padding-bottom: 2px;
+    width: 100%;
+    font-size:0.7rem !important;
+}
+
+.lp-td {
+    padding-left: 1px; 
+    padding-right: 1px; 
+    margin:0 !important;
+}
+
+.lp-header {    
+    text-align: center !important;
+    padding-left: 1px !important; 
+    padding-right: 1px !important; 
+    padding-top: 1px !important; 
+    padding-bottom: 5px !important; 
+    margin:0 !important;
+}
+
+.lp-cell-disabled {
+    background-color: Gainsboro;
+}
+
+.lp-button{
+    font-size: 1.1em;
+    padding-left: 3px;
+    padding-right: 3px;
+    width: 100%;
+    height: 25px;
+    margin-top: 6px;
+}
+
+div.draw-shapes {
+    width: 95%;
+    height: 500px;
+    margin: 2.5% auto;
+}
diff --git a/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_bn.png b/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_bn.png
new file mode 100644
index 00000000..06760f58
Binary files /dev/null and b/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_bn.png differ
diff --git a/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_bnhq.png b/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_bnhq.png
new file mode 100644
index 00000000..048d8f5c
Binary files /dev/null and b/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_bnhq.png differ
diff --git a/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_color.png b/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_color.png
new file mode 100644
index 00000000..f6998df1
Binary files /dev/null and b/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_color.png differ
diff --git a/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_colorhq.png b/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_colorhq.png
new file mode 100644
index 00000000..ded1346f
Binary files /dev/null and b/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_colorhq.png differ
diff --git a/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_cubierta.png b/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_cubierta.png
new file mode 100644
index 00000000..04eecc28
Binary files /dev/null and b/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_cubierta.png differ
diff --git a/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_rotativa_bn.png b/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_rotativa_bn.png
new file mode 100644
index 00000000..5ddc5005
Binary files /dev/null and b/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_rotativa_bn.png differ
diff --git a/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_rotativa_color.png b/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_rotativa_color.png
new file mode 100644
index 00000000..5eed3901
Binary files /dev/null and b/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_rotativa_color.png differ
diff --git a/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_sobrecubierta.png b/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_sobrecubierta.png
new file mode 100644
index 00000000..910a26ca
Binary files /dev/null and b/httpdocs/themes/vuexy/img/safekat/presupuestos/icon_sobrecubierta.png differ
diff --git a/httpdocs/themes/vuexy/vendor/libs/two/two.js b/httpdocs/themes/vuexy/vendor/libs/two/two.js
new file mode 100644
index 00000000..72a57d29
--- /dev/null
+++ b/httpdocs/themes/vuexy/vendor/libs/two/two.js
@@ -0,0 +1,10675 @@
+/*
+MIT License
+
+Copyright (c) 2012 - 2021 @jonobr1 / http://jono.fyi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+*/
+var Two = (() => {
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __export = (target, all) => {
+    for (var name in all)
+      __defProp(target, name, { get: all[name], enumerable: true });
+  };
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toCommonJS = (mod2) => __copyProps(__defProp({}, "__esModule", { value: true }), mod2);
+  var __publicField = (obj, key, value) => {
+    __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+    return value;
+  };
+
+  // src/two.js
+  var two_exports = {};
+  __export(two_exports, {
+    default: () => Two
+  });
+
+  // src/utils/path-commands.js
+  var Commands = {
+    move: "M",
+    line: "L",
+    curve: "C",
+    arc: "A",
+    close: "Z"
+  };
+
+  // src/utils/math.js
+  var math_exports = {};
+  __export(math_exports, {
+    HALF_PI: () => HALF_PI,
+    NumArray: () => NumArray,
+    TWO_PI: () => TWO_PI,
+    decomposeMatrix: () => decomposeMatrix,
+    getComputedMatrix: () => getComputedMatrix,
+    getPoT: () => getPoT,
+    lerp: () => lerp,
+    mod: () => mod,
+    setMatrix: () => setMatrix,
+    toFixed: () => toFixed
+  });
+
+  // src/utils/root.js
+  var root;
+  if (typeof window !== "undefined") {
+    root = window;
+  } else if (typeof global !== "undefined") {
+    root = global;
+  } else if (typeof self !== "undefined") {
+    root = self;
+  }
+
+  // src/utils/math.js
+  var Matrix;
+  var TWO_PI = Math.PI * 2;
+  var HALF_PI = Math.PI * 0.5;
+  function decomposeMatrix(matrix, b, c, d, e, f) {
+    let a;
+    if (arguments.length <= 1) {
+      a = matrix.a;
+      b = matrix.b;
+      c = matrix.c;
+      d = matrix.d;
+      e = matrix.e;
+      f = matrix.f;
+    } else {
+      a = matrix;
+    }
+    return {
+      translateX: e,
+      translateY: f,
+      scaleX: Math.sqrt(a * a + b * b),
+      scaleY: Math.sqrt(c * c + d * d),
+      rotation: 180 * Math.atan2(b, a) / Math.PI
+    };
+  }
+  function setMatrix(matrix) {
+    Matrix = matrix;
+  }
+  function getComputedMatrix(object, matrix) {
+    matrix = matrix && matrix.identity() || new Matrix();
+    let parent = object;
+    const matrices = [];
+    while (parent && parent._matrix) {
+      matrices.push(parent._matrix);
+      parent = parent.parent;
+    }
+    matrices.reverse();
+    for (let i = 0; i < matrices.length; i++) {
+      const m = matrices[i];
+      const e = m.elements;
+      matrix.multiply(
+        e[0],
+        e[1],
+        e[2],
+        e[3],
+        e[4],
+        e[5],
+        e[6],
+        e[7],
+        e[8],
+        e[9]
+      );
+    }
+    return matrix;
+  }
+  function lerp(a, b, t) {
+    return t * (b - a) + a;
+  }
+  var pots = [2, 4, 8, 16, 32, 64, 128, 256, 512, 1024, 2048, 4096];
+  function getPoT(value) {
+    let i = 0;
+    while (pots[i] && pots[i] < value) {
+      i++;
+    }
+    return pots[i];
+  }
+  function mod(v, l) {
+    while (v < 0) {
+      v += l;
+    }
+    return v % l;
+  }
+  var NumArray = root.Float32Array || Array;
+  var floor = Math.floor;
+  function toFixed(v) {
+    return floor(v * 1e6) / 1e6;
+  }
+
+  // src/utils/curves.js
+  var curves_exports = {};
+  __export(curves_exports, {
+    Curve: () => Curve,
+    getAnchorsFromArcData: () => getAnchorsFromArcData,
+    getComponentOnCubicBezier: () => getComponentOnCubicBezier,
+    getControlPoints: () => getControlPoints,
+    getCurveBoundingBox: () => getCurveBoundingBox,
+    getCurveFromPoints: () => getCurveFromPoints,
+    getCurveLength: () => getCurveLength,
+    getReflection: () => getReflection,
+    integrate: () => integrate,
+    subdivide: () => subdivide
+  });
+
+  // src/events.js
+  var Events = class {
+    _events = {};
+    _bound = false;
+    constructor() {
+    }
+    addEventListener(name, handler) {
+      const list = this._events[name] || (this._events[name] = []);
+      list.push(handler);
+      this._bound = true;
+      return this;
+    }
+    on() {
+      return this.addEventListener.apply(this, arguments);
+    }
+    bind() {
+      return this.addEventListener.apply(this, arguments);
+    }
+    removeEventListener(name, handler) {
+      if (!this._events) {
+        return this;
+      }
+      if (!name && !handler) {
+        this._events = {};
+        this._bound = false;
+        return this;
+      }
+      const names = name ? [name] : Object.keys(this._events);
+      for (let i = 0, l = names.length; i < l; i++) {
+        name = names[i];
+        let list = this._events[name];
+        if (list) {
+          let events = [];
+          if (handler) {
+            for (let j = 0, k = list.length; j < k; j++) {
+              let e = list[j];
+              e = e.handler ? e.handler : e;
+              if (handler !== e) {
+                events.push(e);
+              }
+            }
+          }
+          this._events[name] = events;
+        }
+      }
+      return this;
+    }
+    off() {
+      return this.removeEventListener.apply(this, arguments);
+    }
+    unbind() {
+      return this.removeEventListener.apply(this, arguments);
+    }
+    dispatchEvent(name) {
+      if (!this._events) {
+        return this;
+      }
+      const args = Array.prototype.slice.call(arguments, 1);
+      const events = this._events[name];
+      if (events) {
+        for (let i = 0; i < events.length; i++) {
+          events[i].call(this, ...args);
+        }
+      }
+      return this;
+    }
+    trigger() {
+      return this.dispatchEvent.apply(this, arguments);
+    }
+    listen(obj, name, handler) {
+      const scope = this;
+      if (obj) {
+        e.obj = obj;
+        e.name = name;
+        e.handler = handler;
+        obj.on(name, e);
+      }
+      function e() {
+        handler.apply(scope, arguments);
+      }
+      return scope;
+    }
+    ignore(obj, name, handler) {
+      obj.off(name, handler);
+      return this;
+    }
+  };
+  __publicField(Events, "Types", {
+    play: "play",
+    pause: "pause",
+    update: "update",
+    render: "render",
+    resize: "resize",
+    change: "change",
+    remove: "remove",
+    insert: "insert",
+    order: "order",
+    load: "load"
+  });
+  __publicField(Events, "Methods", [
+    "addEventListener",
+    "on",
+    "removeEventListener",
+    "off",
+    "unbind",
+    "dispatchEvent",
+    "trigger",
+    "listen",
+    "ignore"
+  ]);
+
+  // src/vector.js
+  var proto = {
+    x: {
+      enumerable: true,
+      get: function() {
+        return this._x;
+      },
+      set: function(v) {
+        if (this._x !== v) {
+          this._x = v;
+          if (this._bound) {
+            this.dispatchEvent(Events.Types.change);
+          }
+        }
+      }
+    },
+    y: {
+      enumerable: true,
+      get: function() {
+        return this._y;
+      },
+      set: function(v) {
+        if (this._y !== v) {
+          this._y = v;
+          if (this._bound) {
+            this.dispatchEvent(Events.Types.change);
+          }
+        }
+      }
+    }
+  };
+  var _Vector = class extends Events {
+    _x = 0;
+    _y = 0;
+    constructor(x = 0, y = 0) {
+      super();
+      for (let prop in proto) {
+        Object.defineProperty(this, prop, proto[prop]);
+      }
+      this.x = x;
+      this.y = y;
+    }
+    static add(v1, v2) {
+      return new _Vector(v1.x + v2.x, v1.y + v2.y);
+    }
+    static sub(v1, v2) {
+      return new _Vector(v1.x - v2.x, v1.y - v2.y);
+    }
+    static subtract(v1, v2) {
+      return _Vector.sub(v1, v2);
+    }
+    static ratioBetween(v1, v2) {
+      return (v1.x * v2.x + v1.y * v2.y) / (v1.length() * v2.length());
+    }
+    static angleBetween(v1, v2) {
+      if (arguments.length >= 4) {
+        const dx2 = arguments[0] - arguments[2];
+        const dy2 = arguments[1] - arguments[3];
+        return Math.atan2(dy2, dx2);
+      }
+      const dx = v1.x - v2.x;
+      const dy = v1.y - v2.y;
+      return Math.atan2(dy, dx);
+    }
+    static distanceBetween(v1, v2) {
+      return Math.sqrt(_Vector.distanceBetweenSquared(v1, v2));
+    }
+    static distanceBetweenSquared(v1, v2) {
+      const dx = v1.x - v2.x;
+      const dy = v1.y - v2.y;
+      return dx * dx + dy * dy;
+    }
+    set(x, y) {
+      this.x = x;
+      this.y = y;
+      return this;
+    }
+    copy(v) {
+      this.x = v.x;
+      this.y = v.y;
+      return this;
+    }
+    clear() {
+      this.x = 0;
+      this.y = 0;
+      return this;
+    }
+    clone() {
+      return new _Vector(this.x, this.y);
+    }
+    add(x, y) {
+      if (arguments.length <= 0) {
+        return this;
+      } else if (arguments.length <= 1) {
+        if (typeof x === "number") {
+          this.x += x;
+          this.y += x;
+        } else if (x && typeof x.x === "number" && typeof x.y === "number") {
+          this.x += x.x;
+          this.y += x.y;
+        }
+      } else {
+        this.x += x;
+        this.y += y;
+      }
+      return this;
+    }
+    addSelf(v) {
+      return this.add.apply(this, arguments);
+    }
+    sub(x, y) {
+      if (arguments.length <= 0) {
+        return this;
+      } else if (arguments.length <= 1) {
+        if (typeof x === "number") {
+          this.x -= x;
+          this.y -= x;
+        } else if (x && typeof x.x === "number" && typeof x.y === "number") {
+          this.x -= x.x;
+          this.y -= x.y;
+        }
+      } else {
+        this.x -= x;
+        this.y -= y;
+      }
+      return this;
+    }
+    subtract() {
+      return this.sub.apply(this, arguments);
+    }
+    subSelf(v) {
+      return this.sub.apply(this, arguments);
+    }
+    subtractSelf(v) {
+      return this.sub.apply(this, arguments);
+    }
+    multiply(x, y) {
+      if (arguments.length <= 0) {
+        return this;
+      } else if (arguments.length <= 1) {
+        if (typeof x === "number") {
+          this.x *= x;
+          this.y *= x;
+        } else if (x && typeof x.x === "number" && typeof x.y === "number") {
+          this.x *= x.x;
+          this.y *= x.y;
+        }
+      } else {
+        this.x *= x;
+        this.y *= y;
+      }
+      return this;
+    }
+    multiplySelf(v) {
+      return this.multiply.apply(this, arguments);
+    }
+    multiplyScalar(s) {
+      return this.multiply(s);
+    }
+    divide(x, y) {
+      if (arguments.length <= 0) {
+        return this;
+      } else if (arguments.length <= 1) {
+        if (typeof x === "number") {
+          this.x /= x;
+          this.y /= x;
+        } else if (x && typeof x.x === "number" && typeof x.y === "number") {
+          this.x /= x.x;
+          this.y /= x.y;
+        }
+      } else {
+        this.x /= x;
+        this.y /= y;
+      }
+      if (isNaN(this.x)) {
+        this.x = 0;
+      }
+      if (isNaN(this.y)) {
+        this.y = 0;
+      }
+      return this;
+    }
+    divideSelf(v) {
+      return this.divide.apply(this, arguments);
+    }
+    divideScalar(s) {
+      return this.divide(s);
+    }
+    negate() {
+      return this.multiply(-1);
+    }
+    dot(v) {
+      return this.x * v.x + this.y * v.y;
+    }
+    length() {
+      return Math.sqrt(this.lengthSquared());
+    }
+    lengthSquared() {
+      return this.x * this.x + this.y * this.y;
+    }
+    normalize() {
+      return this.divideScalar(this.length());
+    }
+    distanceTo(v) {
+      return Math.sqrt(this.distanceToSquared(v));
+    }
+    distanceToSquared(v) {
+      const dx = this.x - v.x;
+      const dy = this.y - v.y;
+      return dx * dx + dy * dy;
+    }
+    setLength(l) {
+      return this.normalize().multiplyScalar(l);
+    }
+    equals(v, eps) {
+      eps = typeof eps === "undefined" ? 1e-4 : eps;
+      return this.distanceTo(v) < eps;
+    }
+    lerp(v, t) {
+      const x = (v.x - this.x) * t + this.x;
+      const y = (v.y - this.y) * t + this.y;
+      return this.set(x, y);
+    }
+    isZero(eps) {
+      eps = typeof eps === "undefined" ? 1e-4 : eps;
+      return this.length() < eps;
+    }
+    toString() {
+      return this.x + ", " + this.y;
+    }
+    toObject() {
+      return { x: this.x, y: this.y };
+    }
+    rotate(radians) {
+      const x = this.x;
+      const y = this.y;
+      const cos7 = Math.cos(radians);
+      const sin7 = Math.sin(radians);
+      this.x = x * cos7 - y * sin7;
+      this.y = x * sin7 + y * cos7;
+      return this;
+    }
+  };
+  var Vector = _Vector;
+  __publicField(Vector, "zero", new _Vector());
+  __publicField(Vector, "left", new _Vector(-1, 0));
+  __publicField(Vector, "right", new _Vector(1, 0));
+  __publicField(Vector, "up", new _Vector(0, -1));
+  __publicField(Vector, "down", new _Vector(0, 1));
+
+  // src/anchor.js
+  var Anchor = class extends Vector {
+    controls = {
+      left: new Vector(),
+      right: new Vector()
+    };
+    _command = Commands.move;
+    _relative = true;
+    _rx = 0;
+    _ry = 0;
+    _xAxisRotation = 0;
+    _largeArcFlag = 0;
+    _sweepFlag = 1;
+    constructor(x = 0, y = 0, ax = 0, ay = 0, bx = 0, by = 0, command = Commands.move) {
+      super(x, y);
+      for (let prop in proto2) {
+        Object.defineProperty(this, prop, proto2[prop]);
+      }
+      this.command = command;
+      this.relative = true;
+      const broadcast = Anchor.makeBroadcast(this);
+      this.controls.left.set(ax, ay).addEventListener(Events.Types.change, broadcast);
+      this.controls.right.set(bx, by).addEventListener(Events.Types.change, broadcast);
+    }
+    static makeBroadcast(scope) {
+      return broadcast;
+      function broadcast() {
+        if (scope._bound) {
+          scope.dispatchEvent(Events.Types.change);
+        }
+      }
+    }
+    copy(v) {
+      this.x = v.x;
+      this.y = v.y;
+      if (typeof v.command === "string") {
+        this.command = v.command;
+      }
+      if (v.controls) {
+        if (v.controls.left) {
+          this.controls.left.copy(v.controls.left);
+        }
+        if (v.controls.right) {
+          this.controls.right.copy(v.controls.right);
+        }
+      }
+      if (typeof v.relative === "boolean") {
+        this.relative = v.relative;
+      }
+      if (typeof v.rx === "number") {
+        this.rx = v.rx;
+      }
+      if (typeof v.ry === "number") {
+        this.ry = v.ry;
+      }
+      if (typeof v.xAxisRotation === "number") {
+        this.xAxisRotation = v.xAxisRotation;
+      }
+      if (typeof v.largeArcFlag === "number") {
+        this.largeArcFlag = v.largeArcFlag;
+      }
+      if (typeof v.sweepFlag === "number") {
+        this.sweepFlag = v.sweepFlag;
+      }
+      return this;
+    }
+    clone() {
+      return new Anchor().copy(this);
+    }
+    toObject() {
+      return {
+        x: this.x,
+        y: this.y,
+        command: this.command,
+        relative: this.relative,
+        controls: {
+          left: this.controls.left.toObject(),
+          right: this.controls.right.toObject()
+        },
+        rx: this.rx,
+        ry: this.ry,
+        xAxisRotation: this.xAxisRotation,
+        largeArcFlag: this.largeArcFlag,
+        sweepFlag: this.sweepFlag
+      };
+    }
+    toString() {
+      return JSON.stringify(this.toObject());
+    }
+  };
+  var proto2 = {
+    command: {
+      enumerable: true,
+      get: function() {
+        return this._command;
+      },
+      set: function(command) {
+        if (this._command !== command) {
+          this._command = command;
+          if (this._bound) {
+            this.dispatchEvent(Events.Types.change);
+          }
+        }
+      }
+    },
+    relative: {
+      enumerable: true,
+      get: function() {
+        return this._relative;
+      },
+      set: function(relative) {
+        if (this._relative !== !!relative) {
+          this._relative = !!relative;
+          if (this._bound) {
+            this.dispatchEvent(Events.Types.change);
+          }
+        }
+      }
+    },
+    rx: {
+      enumerable: true,
+      get: function() {
+        return this._rx;
+      },
+      set: function(rx) {
+        if (this._rx !== rx) {
+          this._rx = rx;
+          if (this._bound) {
+            this.dispatchEvent(Events.Types.change);
+          }
+        }
+      }
+    },
+    ry: {
+      enumerable: true,
+      get: function() {
+        return this._ry;
+      },
+      set: function(ry) {
+        if (this._ry !== ry) {
+          this._ry = ry;
+          if (this._bound) {
+            this.dispatchEvent(Events.Types.change);
+          }
+        }
+      }
+    },
+    xAxisRotation: {
+      enumerable: true,
+      get: function() {
+        return this._xAxisRotation;
+      },
+      set: function(xAxisRotation) {
+        if (this._xAxisRotation !== xAxisRotation) {
+          this._xAxisRotation = xAxisRotation;
+          if (this._bound) {
+            this.dispatchEvent(Events.Types.change);
+          }
+        }
+      }
+    },
+    largeArcFlag: {
+      enumerable: true,
+      get: function() {
+        return this._largeArcFlag;
+      },
+      set: function(largeArcFlag) {
+        if (this._largeArcFlag !== largeArcFlag) {
+          this._largeArcFlag = largeArcFlag;
+          if (this._bound) {
+            this.dispatchEvent(Events.Types.change);
+          }
+        }
+      }
+    },
+    sweepFlag: {
+      get: function() {
+        return this._sweepFlag;
+      },
+      set: function(sweepFlag) {
+        if (this._sweepFlag !== sweepFlag) {
+          this._sweepFlag = sweepFlag;
+          if (this._bound) {
+            this.dispatchEvent(Events.Types.change);
+          }
+        }
+      }
+    }
+  };
+
+  // src/constants.js
+  var count = 0;
+  var Constants = {
+    nextFrameID: null,
+    Types: {
+      webgl: "WebGLRenderer",
+      svg: "SVGRenderer",
+      canvas: "CanvasRenderer"
+    },
+    Version: "v0.8.12",
+    PublishDate: "2023-10-16T17:55:26.551Z",
+    Identifier: "two-",
+    Resolution: 12,
+    AutoCalculateImportedMatrices: true,
+    Instances: [],
+    uniqueId: function() {
+      return count++;
+    }
+  };
+
+  // src/utils/curves.js
+  var Curve = {
+    CollinearityEpsilon: Math.pow(10, -30),
+    RecursionLimit: 16,
+    CuspLimit: 0,
+    Tolerance: {
+      distance: 0.25,
+      angle: 0,
+      epsilon: Number.EPSILON
+    },
+    abscissas: [
+      [0.5773502691896257],
+      [0, 0.7745966692414834],
+      [0.33998104358485626, 0.8611363115940526],
+      [0, 0.5384693101056831, 0.906179845938664],
+      [0.2386191860831969, 0.6612093864662645, 0.932469514203152],
+      [0, 0.4058451513773972, 0.7415311855993945, 0.9491079123427585],
+      [0.1834346424956498, 0.525532409916329, 0.7966664774136267, 0.9602898564975363],
+      [0, 0.3242534234038089, 0.6133714327005904, 0.8360311073266358, 0.9681602395076261],
+      [0.14887433898163122, 0.4333953941292472, 0.6794095682990244, 0.8650633666889845, 0.9739065285171717],
+      [0, 0.26954315595234496, 0.5190961292068118, 0.7301520055740494, 0.8870625997680953, 0.978228658146057],
+      [0.1252334085114689, 0.3678314989981802, 0.5873179542866175, 0.7699026741943047, 0.9041172563704749, 0.9815606342467192],
+      [0, 0.2304583159551348, 0.44849275103644687, 0.6423493394403402, 0.8015780907333099, 0.9175983992229779, 0.9841830547185881],
+      [0.10805494870734367, 0.31911236892788974, 0.5152486363581541, 0.6872929048116855, 0.827201315069765, 0.9284348836635735, 0.9862838086968123],
+      [0, 0.20119409399743451, 0.3941513470775634, 0.5709721726085388, 0.7244177313601701, 0.8482065834104272, 0.937273392400706, 0.9879925180204854],
+      [0.09501250983763744, 0.2816035507792589, 0.45801677765722737, 0.6178762444026438, 0.755404408355003, 0.8656312023878318, 0.9445750230732326, 0.9894009349916499]
+    ],
+    weights: [
+      [1],
+      [0.8888888888888888, 0.5555555555555556],
+      [0.6521451548625461, 0.34785484513745385],
+      [0.5688888888888889, 0.47862867049936647, 0.23692688505618908],
+      [0.46791393457269104, 0.3607615730481386, 0.17132449237917036],
+      [0.4179591836734694, 0.3818300505051189, 0.27970539148927664, 0.1294849661688697],
+      [0.362683783378362, 0.31370664587788727, 0.22238103445337448, 0.10122853629037626],
+      [0.3302393550012598, 0.31234707704000286, 0.26061069640293544, 0.1806481606948574, 0.08127438836157441],
+      [0.29552422471475287, 0.26926671930999635, 0.21908636251598204, 0.1494513491505806, 0.06667134430868814],
+      [0.2729250867779006, 0.26280454451024665, 0.23319376459199048, 0.18629021092773426, 0.1255803694649046, 0.05566856711617366],
+      [0.24914704581340277, 0.2334925365383548, 0.20316742672306592, 0.16007832854334622, 0.10693932599531843, 0.04717533638651183],
+      [0.2325515532308739, 0.22628318026289723, 0.2078160475368885, 0.17814598076194574, 0.13887351021978725, 0.09212149983772845, 0.04048400476531588],
+      [0.2152638534631578, 0.2051984637212956, 0.18553839747793782, 0.15720316715819355, 0.12151857068790319, 0.08015808715976021, 0.03511946033175186],
+      [0.2025782419255613, 0.19843148532711158, 0.1861610000155622, 0.16626920581699392, 0.13957067792615432, 0.10715922046717194, 0.07036604748810812, 0.03075324199611727],
+      [0.1894506104550685, 0.18260341504492358, 0.16915651939500254, 0.14959598881657674, 0.12462897125553388, 0.09515851168249279, 0.062253523938647894, 0.027152459411754096]
+    ]
+  };
+  function getComponentOnCubicBezier(t, a, b, c, d) {
+    const k = 1 - t;
+    return k * k * k * a + 3 * k * k * t * b + 3 * k * t * t * c + t * t * t * d;
+  }
+  function subdivide(x1, y1, x2, y2, x3, y3, x4, y4, limit) {
+    limit = limit || Curve.RecursionLimit;
+    const amount = limit + 1;
+    if (Math.abs(x1 - x4) < 1e-3 && Math.abs(y1 - y4) < 1e-3) {
+      return [new Anchor(x4, y4)];
+    }
+    const result = [];
+    for (let i = 0; i < amount; i++) {
+      const t = i / amount;
+      const x = getComponentOnCubicBezier(t, x1, x2, x3, x4);
+      const y = getComponentOnCubicBezier(t, y1, y2, y3, y4);
+      result.push(new Anchor(x, y));
+    }
+    return result;
+  }
+  function getCurveLength(x1, y1, x2, y2, x3, y3, x4, y4, limit) {
+    if (x1 === x2 && y1 === y2 && x3 === x4 && y3 === y4) {
+      const dx = x4 - x1;
+      const dy = y4 - y1;
+      return Math.sqrt(dx * dx + dy * dy);
+    }
+    const ax = 9 * (x2 - x3) + 3 * (x4 - x1), bx = 6 * (x1 + x3) - 12 * x2, cx = 3 * (x2 - x1), ay = 9 * (y2 - y3) + 3 * (y4 - y1), by = 6 * (y1 + y3) - 12 * y2, cy = 3 * (y2 - y1);
+    function integrand(t) {
+      const dx = (ax * t + bx) * t + cx, dy = (ay * t + by) * t + cy;
+      return Math.sqrt(dx * dx + dy * dy);
+    }
+    return integrate(
+      integrand,
+      0,
+      1,
+      limit || Curve.RecursionLimit
+    );
+  }
+  function getCurveBoundingBox(x1, y1, x2, y2, x3, y3, x4, y4) {
+    const tvalues = [];
+    const bounds = [[], []];
+    let a, b, c, t, t1, t2, b2ac, sqrtb2ac;
+    for (let i = 0; i < 2; ++i) {
+      if (i == 0) {
+        b = 6 * x1 - 12 * x2 + 6 * x3;
+        a = -3 * x1 + 9 * x2 - 9 * x3 + 3 * x4;
+        c = 3 * x2 - 3 * x1;
+      } else {
+        b = 6 * y1 - 12 * y2 + 6 * y3;
+        a = -3 * y1 + 9 * y2 - 9 * y3 + 3 * y4;
+        c = 3 * y2 - 3 * y1;
+      }
+      if (Math.abs(a) < 1e-12) {
+        if (Math.abs(b) < 1e-12) {
+          continue;
+        }
+        t = -c / b;
+        if (0 < t && t < 1) {
+          tvalues.push(t);
+        }
+        continue;
+      }
+      b2ac = b * b - 4 * c * a;
+      sqrtb2ac = Math.sqrt(b2ac);
+      if (b2ac < 0) {
+        continue;
+      }
+      t1 = (-b + sqrtb2ac) / (2 * a);
+      if (0 < t1 && t1 < 1) {
+        tvalues.push(t1);
+      }
+      t2 = (-b - sqrtb2ac) / (2 * a);
+      if (0 < t2 && t2 < 1) {
+        tvalues.push(t2);
+      }
+    }
+    let j = tvalues.length;
+    let jlen = j;
+    let mt;
+    while (j--) {
+      t = tvalues[j];
+      mt = 1 - t;
+      bounds[0][j] = mt * mt * mt * x1 + 3 * mt * mt * t * x2 + 3 * mt * t * t * x3 + t * t * t * x4;
+      bounds[1][j] = mt * mt * mt * y1 + 3 * mt * mt * t * y2 + 3 * mt * t * t * y3 + t * t * t * y4;
+    }
+    bounds[0][jlen] = x1;
+    bounds[1][jlen] = y1;
+    bounds[0][jlen + 1] = x4;
+    bounds[1][jlen + 1] = y4;
+    bounds[0].length = bounds[1].length = jlen + 2;
+    return {
+      min: { x: Math.min.apply(0, bounds[0]), y: Math.min.apply(0, bounds[1]) },
+      max: { x: Math.max.apply(0, bounds[0]), y: Math.max.apply(0, bounds[1]) }
+    };
+  }
+  function integrate(f, a, b, n) {
+    let x = Curve.abscissas[n - 2], w = Curve.weights[n - 2], A = 0.5 * (b - a), B = A + a, i = 0, m = n + 1 >> 1, sum = n & 1 ? w[i++] * f(B) : 0;
+    while (i < m) {
+      const Ax = A * x[i];
+      sum += w[i++] * (f(B + Ax) + f(B - Ax));
+    }
+    return A * sum;
+  }
+  function getCurveFromPoints(points, closed2) {
+    const l = points.length, last = l - 1;
+    for (let i = 0; i < l; i++) {
+      const point = points[i];
+      const prev = closed2 ? mod(i - 1, l) : Math.max(i - 1, 0);
+      const next = closed2 ? mod(i + 1, l) : Math.min(i + 1, last);
+      const a = points[prev];
+      const b = point;
+      const c = points[next];
+      getControlPoints(a, b, c);
+      b.command = i === 0 ? Commands.move : Commands.curve;
+    }
+  }
+  function getControlPoints(a, b, c) {
+    const a1 = Vector.angleBetween(a, b);
+    const a2 = Vector.angleBetween(c, b);
+    let d1 = Vector.distanceBetween(a, b);
+    let d2 = Vector.distanceBetween(c, b);
+    let mid = (a1 + a2) / 2;
+    if (d1 < 1e-4 || d2 < 1e-4) {
+      if (typeof b.relative === "boolean" && !b.relative) {
+        b.controls.left.copy(b);
+        b.controls.right.copy(b);
+      }
+      return b;
+    }
+    d1 *= 0.33;
+    d2 *= 0.33;
+    if (a2 < a1) {
+      mid += HALF_PI;
+    } else {
+      mid -= HALF_PI;
+    }
+    b.controls.left.x = Math.cos(mid) * d1;
+    b.controls.left.y = Math.sin(mid) * d1;
+    mid -= Math.PI;
+    b.controls.right.x = Math.cos(mid) * d2;
+    b.controls.right.y = Math.sin(mid) * d2;
+    if (typeof b.relative === "boolean" && !b.relative) {
+      b.controls.left.x += b.x;
+      b.controls.left.y += b.y;
+      b.controls.right.x += b.x;
+      b.controls.right.y += b.y;
+    }
+    return b;
+  }
+  function getReflection(a, b, relative) {
+    return new Vector(
+      2 * a.x - (b.x + a.x) - (relative ? a.x : 0),
+      2 * a.y - (b.y + a.y) - (relative ? a.y : 0)
+    );
+  }
+  function getAnchorsFromArcData(center, xAxisRotation, rx, ry, ts, td, ccw) {
+    const resolution = Constants.Resolution;
+    const anchors = [];
+    for (let i = 0; i < resolution; i++) {
+      let pct = (i + 1) / resolution;
+      if (ccw) {
+        pct = 1 - pct;
+      }
+      const theta = pct * td + ts;
+      const x = rx * Math.cos(theta);
+      const y = ry * Math.sin(theta);
+      const anchor2 = new Anchor(x, y);
+      anchor2.command = Commands.line;
+      anchors.push(anchor2);
+    }
+  }
+
+  // src/utils/device-pixel-ratio.js
+  var devicePixelRatio = root.devicePixelRatio || 1;
+  function getBackingStoreRatio(ctx) {
+    return ctx.webkitBackingStorePixelRatio || ctx.mozBackingStorePixelRatio || ctx.msBackingStorePixelRatio || ctx.oBackingStorePixelRatio || ctx.backingStorePixelRatio || 1;
+  }
+  function getRatio(ctx) {
+    return devicePixelRatio / getBackingStoreRatio(ctx);
+  }
+
+  // src/utils/underscore.js
+  var slice = Array.prototype.slice;
+  function isArrayLike(collection) {
+    if (collection === null || collection === void 0)
+      return false;
+    const length = collection.length;
+    return typeof length == "number" && length >= 0 && length < 4294967296;
+  }
+  var _ = {
+    isNaN: function(obj) {
+      return typeof obj === "number" && obj !== +obj;
+    },
+    isElement: function(obj) {
+      return !!(obj && obj.nodeType === 1);
+    },
+    isObject: function(obj) {
+      const type = typeof obj;
+      return type === "function" || type === "object" && !!obj;
+    },
+    extend: function(base) {
+      const sources = slice.call(arguments, 1);
+      for (let i = 0; i < sources.length; i++) {
+        const obj = sources[i];
+        for (let k in obj) {
+          base[k] = obj[k];
+        }
+      }
+      return base;
+    },
+    defaults: function(base) {
+      const sources = slice.call(arguments, 1);
+      for (let i = 0; i < sources.length; i++) {
+        const obj = sources[i];
+        for (let k in obj) {
+          if (base[k] === void 0) {
+            base[k] = obj[k];
+          }
+        }
+      }
+      return base;
+    },
+    each: function(obj, iteratee, context) {
+      const ctx = context || this;
+      const keys = !isArrayLike(obj) && Object.keys(obj);
+      const length = (keys || obj).length;
+      for (let i = 0; i < length; i++) {
+        const k = keys ? keys[i] : i;
+        iteratee.call(ctx, obj[k], k, obj);
+      }
+      return obj;
+    },
+    performance: root.performance && root.performance.now ? root.performance : Date
+  };
+
+  // src/element.js
+  var Element = class extends Events {
+    _flagId = false;
+    _flagClassName = false;
+    _renderer = {};
+    _id = "";
+    _className = "";
+    classList = [];
+    constructor() {
+      super();
+      for (let prop in proto3) {
+        Object.defineProperty(this, prop, proto3[prop]);
+      }
+    }
+    flagReset() {
+      this._flagId = this._flagClassName = false;
+    }
+  };
+  var proto3 = {
+    renderer: {
+      enumerable: false,
+      get: function() {
+        return this._renderer;
+      }
+    },
+    id: {
+      enumerable: true,
+      get: function() {
+        return this._id;
+      },
+      set: function(v) {
+        const id = this._id;
+        if (v === this._id) {
+          return;
+        }
+        this._id = v;
+        this._flagId = true;
+        if (this.parent) {
+          delete this.parent.children.ids[id];
+          this.parent.children.ids[this._id] = this;
+        }
+      }
+    },
+    className: {
+      enumerable: true,
+      get: function() {
+        return this._className;
+      },
+      set: function(v) {
+        if (this._className !== v) {
+          this._flagClassName = true;
+          this.classList = v.split(/\s+?/);
+          this._className = v;
+        }
+      }
+    }
+  };
+
+  // src/matrix.js
+  var cos = Math.cos;
+  var sin = Math.sin;
+  var tan = Math.tan;
+  var array = [];
+  var _Matrix = class extends Events {
+    elements = new NumArray(9);
+    manual = false;
+    constructor(a, b, c, d, e, f) {
+      super();
+      let elements = a;
+      if (!Array.isArray(elements)) {
+        elements = Array.prototype.slice.call(arguments);
+      }
+      this.identity();
+      if (elements.length > 0) {
+        this.set(elements);
+      }
+    }
+    static Multiply(A, B, C) {
+      if (B.length <= 3) {
+        const e = A;
+        let x, y, z;
+        const a = B[0] || 0, b = B[1] || 0, c = B[2] || 0;
+        x = e[0] * a + e[1] * b + e[2] * c;
+        y = e[3] * a + e[4] * b + e[5] * c;
+        z = e[6] * a + e[7] * b + e[8] * c;
+        return [x, y, z];
+      }
+      const A0 = A[0], A1 = A[1], A2 = A[2];
+      const A3 = A[3], A4 = A[4], A5 = A[5];
+      const A6 = A[6], A7 = A[7], A8 = A[8];
+      const B0 = B[0], B1 = B[1], B2 = B[2];
+      const B3 = B[3], B4 = B[4], B5 = B[5];
+      const B6 = B[6], B7 = B[7], B8 = B[8];
+      C = C || new NumArray(9);
+      C[0] = A0 * B0 + A1 * B3 + A2 * B6;
+      C[1] = A0 * B1 + A1 * B4 + A2 * B7;
+      C[2] = A0 * B2 + A1 * B5 + A2 * B8;
+      C[3] = A3 * B0 + A4 * B3 + A5 * B6;
+      C[4] = A3 * B1 + A4 * B4 + A5 * B7;
+      C[5] = A3 * B2 + A4 * B5 + A5 * B8;
+      C[6] = A6 * B0 + A7 * B3 + A8 * B6;
+      C[7] = A6 * B1 + A7 * B4 + A8 * B7;
+      C[8] = A6 * B2 + A7 * B5 + A8 * B8;
+      return C;
+    }
+    set(a, b, c, d, e, f, g, h, i) {
+      if (typeof b === "undefined") {
+        const elements = a;
+        a = elements[0];
+        b = elements[1];
+        c = elements[2];
+        d = elements[3];
+        e = elements[4];
+        f = elements[5];
+        g = elements[6];
+        h = elements[7];
+        i = elements[8];
+      }
+      this.elements[0] = a;
+      this.elements[1] = b;
+      this.elements[2] = c;
+      this.elements[3] = d;
+      this.elements[4] = e;
+      this.elements[5] = f;
+      this.elements[6] = g;
+      this.elements[7] = h;
+      this.elements[8] = i;
+      return this.trigger(Events.Types.change);
+    }
+    copy(m) {
+      this.elements[0] = m.elements[0];
+      this.elements[1] = m.elements[1];
+      this.elements[2] = m.elements[2];
+      this.elements[3] = m.elements[3];
+      this.elements[4] = m.elements[4];
+      this.elements[5] = m.elements[5];
+      this.elements[6] = m.elements[6];
+      this.elements[7] = m.elements[7];
+      this.elements[8] = m.elements[8];
+      this.manual = m.manual;
+      return this.trigger(Events.Types.change);
+    }
+    identity() {
+      this.elements[0] = _Matrix.Identity[0];
+      this.elements[1] = _Matrix.Identity[1];
+      this.elements[2] = _Matrix.Identity[2];
+      this.elements[3] = _Matrix.Identity[3];
+      this.elements[4] = _Matrix.Identity[4];
+      this.elements[5] = _Matrix.Identity[5];
+      this.elements[6] = _Matrix.Identity[6];
+      this.elements[7] = _Matrix.Identity[7];
+      this.elements[8] = _Matrix.Identity[8];
+      return this.trigger(Events.Types.change);
+    }
+    multiply(a, b, c, d, e, f, g, h, i) {
+      if (typeof b === "undefined") {
+        this.elements[0] *= a;
+        this.elements[1] *= a;
+        this.elements[2] *= a;
+        this.elements[3] *= a;
+        this.elements[4] *= a;
+        this.elements[5] *= a;
+        this.elements[6] *= a;
+        this.elements[7] *= a;
+        this.elements[8] *= a;
+        return this.trigger(Events.Types.change);
+      }
+      if (typeof c === "undefined") {
+        c = 1;
+      }
+      if (typeof d === "undefined") {
+        a = a || 0;
+        b = b || 0;
+        c = c || 0;
+        e = this.elements;
+        const x = e[0] * a + e[1] * b + e[2] * c;
+        const y = e[3] * a + e[4] * b + e[5] * c;
+        const z = e[6] * a + e[7] * b + e[8] * c;
+        return [x, y, z];
+      }
+      const A = this.elements;
+      const B = [a, b, c, d, e, f, g, h, i];
+      const A0 = A[0], A1 = A[1], A2 = A[2];
+      const A3 = A[3], A4 = A[4], A5 = A[5];
+      const A6 = A[6], A7 = A[7], A8 = A[8];
+      const B0 = B[0], B1 = B[1], B2 = B[2];
+      const B3 = B[3], B4 = B[4], B5 = B[5];
+      const B6 = B[6], B7 = B[7], B8 = B[8];
+      this.elements[0] = A0 * B0 + A1 * B3 + A2 * B6;
+      this.elements[1] = A0 * B1 + A1 * B4 + A2 * B7;
+      this.elements[2] = A0 * B2 + A1 * B5 + A2 * B8;
+      this.elements[3] = A3 * B0 + A4 * B3 + A5 * B6;
+      this.elements[4] = A3 * B1 + A4 * B4 + A5 * B7;
+      this.elements[5] = A3 * B2 + A4 * B5 + A5 * B8;
+      this.elements[6] = A6 * B0 + A7 * B3 + A8 * B6;
+      this.elements[7] = A6 * B1 + A7 * B4 + A8 * B7;
+      this.elements[8] = A6 * B2 + A7 * B5 + A8 * B8;
+      return this.trigger(Events.Types.change);
+    }
+    inverse(out) {
+      const a = this.elements;
+      out = out || new _Matrix();
+      const a00 = a[0], a01 = a[1], a02 = a[2];
+      const a10 = a[3], a11 = a[4], a12 = a[5];
+      const a20 = a[6], a21 = a[7], a22 = a[8];
+      const b01 = a22 * a11 - a12 * a21;
+      const b11 = -a22 * a10 + a12 * a20;
+      const b21 = a21 * a10 - a11 * a20;
+      let det = a00 * b01 + a01 * b11 + a02 * b21;
+      if (!det) {
+        return null;
+      }
+      det = 1 / det;
+      out.elements[0] = b01 * det;
+      out.elements[1] = (-a22 * a01 + a02 * a21) * det;
+      out.elements[2] = (a12 * a01 - a02 * a11) * det;
+      out.elements[3] = b11 * det;
+      out.elements[4] = (a22 * a00 - a02 * a20) * det;
+      out.elements[5] = (-a12 * a00 + a02 * a10) * det;
+      out.elements[6] = b21 * det;
+      out.elements[7] = (-a21 * a00 + a01 * a20) * det;
+      out.elements[8] = (a11 * a00 - a01 * a10) * det;
+      return out;
+    }
+    scale(sx, sy) {
+      const l = arguments.length;
+      if (l <= 1) {
+        sy = sx;
+      }
+      return this.multiply(sx, 0, 0, 0, sy, 0, 0, 0, 1);
+    }
+    rotate(Number2) {
+      const c = cos(Number2);
+      const s = sin(Number2);
+      return this.multiply(c, -s, 0, s, c, 0, 0, 0, 1);
+    }
+    translate(x, y) {
+      return this.multiply(1, 0, x, 0, 1, y, 0, 0, 1);
+    }
+    skewX(Number2) {
+      const a = tan(Number2);
+      return this.multiply(1, a, 0, 0, 1, 0, 0, 0, 1);
+    }
+    skewY(Number2) {
+      const a = tan(Number2);
+      return this.multiply(1, 0, 0, a, 1, 0, 0, 0, 1);
+    }
+    toString(fullMatrix) {
+      array.length = 0;
+      this.toTransformArray(fullMatrix, array);
+      return array.map(toFixed).join(" ");
+    }
+    toTransformArray(fullMatrix, output) {
+      const elements = this.elements;
+      const hasOutput = !!output;
+      const a = elements[0];
+      const b = elements[1];
+      const c = elements[2];
+      const d = elements[3];
+      const e = elements[4];
+      const f = elements[5];
+      if (fullMatrix) {
+        const g = elements[6];
+        const h = elements[7];
+        const i = elements[8];
+        if (hasOutput) {
+          output[0] = a;
+          output[1] = d;
+          output[2] = g;
+          output[3] = b;
+          output[4] = e;
+          output[5] = h;
+          output[6] = c;
+          output[7] = f;
+          output[8] = i;
+          return;
+        }
+        return [
+          a,
+          d,
+          g,
+          b,
+          e,
+          h,
+          c,
+          f,
+          i
+        ];
+      }
+      if (hasOutput) {
+        output[0] = a;
+        output[1] = d;
+        output[2] = b;
+        output[3] = e;
+        output[4] = c;
+        output[5] = f;
+        return;
+      }
+      return [
+        a,
+        d,
+        b,
+        e,
+        c,
+        f
+      ];
+    }
+    toArray(fullMatrix, output) {
+      const elements = this.elements;
+      const hasOutput = !!output;
+      const a = elements[0];
+      const b = elements[1];
+      const c = elements[2];
+      const d = elements[3];
+      const e = elements[4];
+      const f = elements[5];
+      if (fullMatrix) {
+        const g = elements[6];
+        const h = elements[7];
+        const i = elements[8];
+        if (hasOutput) {
+          output[0] = a;
+          output[1] = b;
+          output[2] = c;
+          output[3] = d;
+          output[4] = e;
+          output[5] = f;
+          output[6] = g;
+          output[7] = h;
+          output[8] = i;
+          return;
+        }
+        return [
+          a,
+          b,
+          c,
+          d,
+          e,
+          f,
+          g,
+          h,
+          i
+        ];
+      }
+      if (hasOutput) {
+        output[0] = a;
+        output[1] = b;
+        output[2] = c;
+        output[3] = d;
+        output[4] = e;
+        output[5] = f;
+        return;
+      }
+      return [
+        a,
+        b,
+        c,
+        d,
+        e,
+        f
+      ];
+    }
+    toObject() {
+      return {
+        elements: this.toArray(true),
+        manual: !!this.manual
+      };
+    }
+    clone() {
+      return new _Matrix().copy(this);
+    }
+  };
+  var Matrix2 = _Matrix;
+  __publicField(Matrix2, "Identity", [
+    1,
+    0,
+    0,
+    0,
+    1,
+    0,
+    0,
+    0,
+    1
+  ]);
+  setMatrix(Matrix2);
+
+  // src/shape.js
+  var Shape = class extends Element {
+    _flagMatrix = true;
+    _flagScale = false;
+    _matrix = null;
+    _worldMatrix = null;
+    _position = null;
+    _rotation = 0;
+    _scale = 1;
+    _skewX = 0;
+    _skewY = 0;
+    constructor() {
+      super();
+      for (let prop in proto4) {
+        Object.defineProperty(this, prop, proto4[prop]);
+      }
+      this._renderer.flagMatrix = FlagMatrix.bind(this);
+      this.isShape = true;
+      this.id = Constants.Identifier + Constants.uniqueId();
+      this.matrix = new Matrix2();
+      this.worldMatrix = new Matrix2();
+      this.position = new Vector();
+      this.rotation = 0;
+      this.scale = 1;
+      this.skewX = 0;
+      this.skewY = 0;
+    }
+    get renderer() {
+      return this._renderer;
+    }
+    set renderer(v) {
+      this._renderer = v;
+    }
+    get translation() {
+      return proto4.position.get.apply(this, arguments);
+    }
+    set translation(v) {
+      proto4.position.set.apply(this, arguments);
+    }
+    addTo(group) {
+      group.add(this);
+      return this;
+    }
+    remove() {
+      if (!this.parent) {
+        return this;
+      }
+      this.parent.remove(this);
+      return this;
+    }
+    clone(parent) {
+      const clone = new Shape();
+      clone.position.copy(this.position);
+      clone.rotation = this.rotation;
+      clone.scale = this.scale;
+      clone.skewX = this.skewX;
+      clone.skewY = this.skewY;
+      if (this.matrix.manual) {
+        clone.matrix.copy(this.matrix);
+      }
+      if (parent) {
+        parent.add(clone);
+      }
+      return clone._update();
+    }
+    _update(bubbles) {
+      if (!this._matrix.manual && this._flagMatrix) {
+        this._matrix.identity().translate(this.position.x, this.position.y);
+        if (this._scale instanceof Vector) {
+          this._matrix.scale(this._scale.x, this._scale.y);
+        } else {
+          this._matrix.scale(this._scale);
+        }
+        this._matrix.rotate(this.rotation);
+        this._matrix.skewX(this.skewX);
+        this._matrix.skewY(this.skewY);
+      }
+      if (bubbles) {
+        if (this.parent && this.parent._update) {
+          this.parent._update();
+        }
+      }
+      return this;
+    }
+    flagReset() {
+      this._flagMatrix = this._flagScale = false;
+      super.flagReset.call(this);
+      return this;
+    }
+  };
+  var proto4 = {
+    position: {
+      enumerable: true,
+      get: function() {
+        return this._position;
+      },
+      set: function(v) {
+        if (this._position) {
+          this._position.unbind(Events.Types.change, this._renderer.flagMatrix);
+        }
+        this._position = v;
+        this._position.bind(Events.Types.change, this._renderer.flagMatrix);
+        FlagMatrix.call(this);
+      }
+    },
+    rotation: {
+      enumerable: true,
+      get: function() {
+        return this._rotation;
+      },
+      set: function(v) {
+        this._rotation = v;
+        this._flagMatrix = true;
+      }
+    },
+    scale: {
+      enumerable: true,
+      get: function() {
+        return this._scale;
+      },
+      set: function(v) {
+        if (this._scale instanceof Vector) {
+          this._scale.unbind(Events.Types.change, this._renderer.flagMatrix);
+        }
+        this._scale = v;
+        if (this._scale instanceof Vector) {
+          this._scale.bind(Events.Types.change, this._renderer.flagMatrix);
+        }
+        this._flagMatrix = true;
+        this._flagScale = true;
+      }
+    },
+    skewX: {
+      enumerable: true,
+      get: function() {
+        return this._skewX;
+      },
+      set: function(v) {
+        this._skewX = v;
+        this._flagMatrix = true;
+      }
+    },
+    skewY: {
+      enumerable: true,
+      get: function() {
+        return this._skewY;
+      },
+      set: function(v) {
+        this._skewY = v;
+        this._flagMatrix = true;
+      }
+    },
+    matrix: {
+      enumerable: true,
+      get: function() {
+        return this._matrix;
+      },
+      set: function(v) {
+        this._matrix = v;
+        this._flagMatrix = true;
+      }
+    },
+    worldMatrix: {
+      enumerable: true,
+      get: function() {
+        getComputedMatrix(this, this._worldMatrix);
+        return this._worldMatrix;
+      },
+      set: function(v) {
+        this._worldMatrix = v;
+      }
+    }
+  };
+  function FlagMatrix() {
+    this._flagMatrix = true;
+  }
+
+  // src/collection.js
+  var Collection = class extends Array {
+    _events = new Events();
+    get _bound() {
+      return this._events._bound;
+    }
+    set _bound(v) {
+      this._events._bound = v;
+    }
+    addEventListener() {
+      return this._events.addEventListener.apply(this, arguments);
+    }
+    on() {
+      return this._events.on.apply(this, arguments);
+    }
+    bind() {
+      return this._events.bind.apply(this, arguments);
+    }
+    removeEventListener() {
+      return this._events.removeEventListener.apply(this, arguments);
+    }
+    off() {
+      return this._events.off.apply(this, arguments);
+    }
+    unbind() {
+      return this._events.unbind.apply(this, arguments);
+    }
+    dispatchEvent() {
+      return this._events.dispatchEvent.apply(this, arguments);
+    }
+    trigger() {
+      return this._events.trigger.apply(this, arguments);
+    }
+    listen() {
+      return this._events.listen.apply(this, arguments);
+    }
+    ignore() {
+      return this._events.ignore.apply(this, arguments);
+    }
+    constructor() {
+      super();
+      if (arguments[0] && Array.isArray(arguments[0])) {
+        if (arguments[0].length > 0) {
+          this.push.apply(this, arguments[0]);
+        }
+      } else if (arguments.length > 0) {
+        this.push.apply(this, arguments);
+      }
+    }
+    pop() {
+      const popped = super.pop.apply(this, arguments);
+      this.trigger(Events.Types.remove, [popped]);
+      return popped;
+    }
+    shift() {
+      const shifted = super.shift.apply(this, arguments);
+      this.trigger(Events.Types.remove, [shifted]);
+      return shifted;
+    }
+    push() {
+      const pushed = super.push.apply(this, arguments);
+      this.trigger(Events.Types.insert, arguments);
+      return pushed;
+    }
+    unshift() {
+      const unshifted = super.unshift.apply(this, arguments);
+      this.trigger(Events.Types.insert, arguments);
+      return unshifted;
+    }
+    splice() {
+      const spliced = super.splice.apply(this, arguments);
+      this.trigger(Events.Types.remove, spliced);
+      if (arguments.length > 2) {
+        const inserted = this.slice(arguments[0], arguments[0] + arguments.length - 2);
+        this.trigger(Events.Types.insert, inserted);
+        this.trigger(Events.Types.order);
+      }
+      return spliced;
+    }
+    sort() {
+      super.sort.apply(this, arguments);
+      this.trigger(Events.Types.order);
+      return this;
+    }
+    reverse() {
+      super.reverse.apply(this, arguments);
+      this.trigger(Events.Types.order);
+      return this;
+    }
+    indexOf() {
+      return super.indexOf.apply(this, arguments);
+    }
+    map(func, scope) {
+      const results = [];
+      for (let key = 0; key < this.length; key++) {
+        const value = this[key];
+        let result;
+        if (scope) {
+          result = func.call(scope, value, key);
+        } else {
+          result = func(value, key);
+        }
+        results.push(result);
+      }
+      return results;
+    }
+  };
+
+  // src/children.js
+  var Children = class extends Collection {
+    ids = {};
+    constructor(children) {
+      children = Array.isArray(children) ? children : Array.prototype.slice.call(arguments);
+      super(children);
+      this.attach(children);
+      this.on(Events.Types.insert, this.attach);
+      this.on(Events.Types.remove, this.detach);
+    }
+    attach(children) {
+      for (let i = 0; i < children.length; i++) {
+        const child = children[i];
+        if (child && child.id) {
+          this.ids[child.id] = child;
+        }
+      }
+      return this;
+    }
+    detach(children) {
+      for (let i = 0; i < children.length; i++) {
+        delete this.ids[children[i].id];
+      }
+      return this;
+    }
+  };
+
+  // src/group.js
+  var min = Math.min;
+  var max = Math.max;
+  var _Group = class extends Shape {
+    _flagAdditions = false;
+    _flagSubtractions = false;
+    _flagOrder = false;
+    _flagOpacity = true;
+    _flagBeginning = false;
+    _flagEnding = false;
+    _flagLength = false;
+    _flagMask = false;
+    _fill = "#fff";
+    _stroke = "#000";
+    _linewidth = 1;
+    _opacity = 1;
+    _visible = true;
+    _cap = "round";
+    _join = "round";
+    _miter = 4;
+    _closed = true;
+    _curved = false;
+    _automatic = true;
+    _beginning = 0;
+    _ending = 1;
+    _length = 0;
+    _mask = null;
+    constructor(children) {
+      super();
+      for (let prop in proto5) {
+        Object.defineProperty(this, prop, proto5[prop]);
+      }
+      this._renderer.type = "group";
+      this.additions = [];
+      this.subtractions = [];
+      this.children = Array.isArray(children) ? children : Array.prototype.slice.call(arguments);
+    }
+    static InsertChildren(children) {
+      for (let i = 0; i < children.length; i++) {
+        replaceParent.call(this, children[i], this);
+      }
+    }
+    static RemoveChildren(children) {
+      for (let i = 0; i < children.length; i++) {
+        replaceParent.call(this, children[i]);
+      }
+    }
+    static OrderChildren(children) {
+      this._flagOrder = true;
+    }
+    clone(parent) {
+      const clone = new _Group();
+      const children = this.children.map(function(child) {
+        return child.clone();
+      });
+      clone.add(children);
+      clone.opacity = this.opacity;
+      if (this.mask) {
+        clone.mask = this.mask;
+      }
+      clone.translation.copy(this.translation);
+      clone.rotation = this.rotation;
+      clone.scale = this.scale;
+      clone.className = this.className;
+      if (this.matrix.manual) {
+        clone.matrix.copy(this.matrix);
+      }
+      if (parent) {
+        parent.add(clone);
+      }
+      return clone._update();
+    }
+    toObject() {
+      const result = {
+        children: [],
+        translation: this.translation.toObject(),
+        rotation: this.rotation,
+        scale: this.scale instanceof Vector ? this.scale.toObject() : this.scale,
+        opacity: this.opacity,
+        className: this.className,
+        mask: this.mask ? this.mask.toObject() : null
+      };
+      if (this.matrix.manual) {
+        result.matrix = this.matrix.toObject();
+      }
+      _.each(this.children, function(child, i) {
+        result.children[i] = child.toObject();
+      }, this);
+      return result;
+    }
+    corner() {
+      const rect = this.getBoundingClientRect(true);
+      for (let i = 0; i < this.children.length; i++) {
+        const child = this.children[i];
+        child.translation.x -= rect.left;
+        child.translation.y -= rect.top;
+      }
+      if (this.mask) {
+        this.mask.translation.x -= rect.left;
+        this.mask.translation.y -= rect.top;
+      }
+      return this;
+    }
+    center() {
+      const rect = this.getBoundingClientRect(true);
+      const cx = rect.left + rect.width / 2 - this.translation.x;
+      const cy = rect.top + rect.height / 2 - this.translation.y;
+      for (let i = 0; i < this.children.length; i++) {
+        const child = this.children[i];
+        if (child.isShape) {
+          child.translation.x -= cx;
+          child.translation.y -= cy;
+        }
+      }
+      if (this.mask) {
+        this.mask.translation.x -= cx;
+        this.mask.translation.y -= cy;
+      }
+      return this;
+    }
+    getById(id) {
+      let found = null;
+      function search(node) {
+        if (node.id === id) {
+          return node;
+        } else if (node.children) {
+          for (let i = 0; i < node.children.length; i++) {
+            found = search(node.children[i]);
+            if (found) {
+              return found;
+            }
+          }
+        }
+        return null;
+      }
+      return search(this);
+    }
+    getByClassName(className) {
+      const found = [];
+      function search(node) {
+        if (Array.prototype.indexOf.call(node.classList, className) >= 0) {
+          found.push(node);
+        }
+        if (node.children) {
+          for (let i = 0; i < node.children.length; i++) {
+            const child = node.children[i];
+            search(child);
+          }
+        }
+        return found;
+      }
+      return search(this);
+    }
+    getByType(type) {
+      const found = [];
+      function search(node) {
+        if (node instanceof type) {
+          found.push(node);
+        }
+        if (node.children) {
+          for (let i = 0; i < node.children.length; i++) {
+            const child = node.children[i];
+            search(child);
+          }
+        }
+        return found;
+      }
+      return search(this);
+    }
+    add(objects) {
+      if (!(objects instanceof Array)) {
+        objects = Array.prototype.slice.call(arguments);
+      } else {
+        objects = objects.slice();
+      }
+      for (let i = 0; i < objects.length; i++) {
+        const child = objects[i];
+        if (!(child && child.id)) {
+          continue;
+        }
+        const index = Array.prototype.indexOf.call(this.children, child);
+        if (index >= 0) {
+          this.children.splice(index, 1);
+        }
+        this.children.push(child);
+      }
+      return this;
+    }
+    remove(objects) {
+      const l = arguments.length, grandparent = this.parent;
+      if (l <= 0 && grandparent) {
+        grandparent.remove(this);
+        return this;
+      }
+      if (!(objects instanceof Array)) {
+        objects = Array.prototype.slice.call(arguments);
+      } else {
+        objects = objects.slice();
+      }
+      for (let i = 0; i < objects.length; i++) {
+        const object = objects[i];
+        if (!object || !this.children.ids[object.id]) {
+          continue;
+        }
+        const index = this.children.indexOf(object);
+        if (index >= 0) {
+          this.children.splice(index, 1);
+        }
+      }
+      return this;
+    }
+    getBoundingClientRect(shallow) {
+      let rect, matrix, tc, lc, rc, bc;
+      this._update(true);
+      let left = Infinity, right = -Infinity, top = Infinity, bottom = -Infinity;
+      const regex3 = /texture|gradient/i;
+      matrix = shallow ? this.matrix : this.worldMatrix;
+      for (let i = 0; i < this.children.length; i++) {
+        const child = this.children[i];
+        if (!child.visible || regex3.test(child._renderer.type)) {
+          continue;
+        }
+        rect = child.getBoundingClientRect(shallow);
+        tc = typeof rect.top !== "number" || _.isNaN(rect.top) || !isFinite(rect.top);
+        lc = typeof rect.left !== "number" || _.isNaN(rect.left) || !isFinite(rect.left);
+        rc = typeof rect.right !== "number" || _.isNaN(rect.right) || !isFinite(rect.right);
+        bc = typeof rect.bottom !== "number" || _.isNaN(rect.bottom) || !isFinite(rect.bottom);
+        if (tc || lc || rc || bc) {
+          continue;
+        }
+        if (shallow) {
+          const [ax, ay] = matrix.multiply(rect.left, rect.top);
+          const [bx, by] = matrix.multiply(rect.right, rect.top);
+          const [cx, cy] = matrix.multiply(rect.left, rect.bottom);
+          const [dx, dy] = matrix.multiply(rect.right, rect.bottom);
+          top = min(ay, by, cy, dy);
+          left = min(ax, bx, cx, dx);
+          right = max(ax, bx, cx, dx);
+          bottom = max(ay, by, cy, dy);
+        } else {
+          top = min(rect.top, top);
+          left = min(rect.left, left);
+          right = max(rect.right, right);
+          bottom = max(rect.bottom, bottom);
+        }
+      }
+      return {
+        top,
+        left,
+        right,
+        bottom,
+        width: right - left,
+        height: bottom - top
+      };
+    }
+    noFill() {
+      this.children.forEach(function(child) {
+        child.noFill();
+      });
+      return this;
+    }
+    noStroke() {
+      this.children.forEach(function(child) {
+        child.noStroke();
+      });
+      return this;
+    }
+    subdivide() {
+      const args = arguments;
+      this.children.forEach(function(child) {
+        child.subdivide.apply(child, args);
+      });
+      return this;
+    }
+    _update() {
+      let i, l, child;
+      if (this._flagBeginning || this._flagEnding) {
+        const beginning = Math.min(this._beginning, this._ending);
+        const ending = Math.max(this._beginning, this._ending);
+        const length = this.length;
+        let sum = 0;
+        const bd = beginning * length;
+        const ed = ending * length;
+        for (i = 0; i < this.children.length; i++) {
+          child = this.children[i];
+          l = child.length;
+          if (bd > sum + l) {
+            child.beginning = 1;
+            child.ending = 1;
+          } else if (ed < sum) {
+            child.beginning = 0;
+            child.ending = 0;
+          } else if (bd > sum && bd < sum + l) {
+            child.beginning = (bd - sum) / l;
+            child.ending = 1;
+          } else if (ed > sum && ed < sum + l) {
+            child.beginning = 0;
+            child.ending = (ed - sum) / l;
+          } else {
+            child.beginning = 0;
+            child.ending = 1;
+          }
+          sum += l;
+        }
+      }
+      return super._update.apply(this, arguments);
+    }
+    flagReset() {
+      if (this._flagAdditions) {
+        this.additions.length = 0;
+        this._flagAdditions = false;
+      }
+      if (this._flagSubtractions) {
+        this.subtractions.length = 0;
+        this._flagSubtractions = false;
+      }
+      this._flagOrder = this._flagMask = this._flagOpacity = this._flagBeginning = this._flagEnding = false;
+      super.flagReset.call(this);
+      return this;
+    }
+  };
+  var Group = _Group;
+  __publicField(Group, "Children", Children);
+  __publicField(Group, "Properties", [
+    "fill",
+    "stroke",
+    "linewidth",
+    "cap",
+    "join",
+    "miter",
+    "closed",
+    "curved",
+    "automatic"
+  ]);
+  var proto5 = {
+    visible: {
+      enumerable: true,
+      get: function() {
+        return this._visible;
+      },
+      set: function(v) {
+        this._flagVisible = this._visible !== v || this._flagVisible;
+        this._visible = v;
+      }
+    },
+    opacity: {
+      enumerable: true,
+      get: function() {
+        return this._opacity;
+      },
+      set: function(v) {
+        this._flagOpacity = this._opacity !== v || this._flagOpacity;
+        this._opacity = v;
+      }
+    },
+    beginning: {
+      enumerable: true,
+      get: function() {
+        return this._beginning;
+      },
+      set: function(v) {
+        this._flagBeginning = this._beginning !== v || this._flagBeginning;
+        this._beginning = v;
+      }
+    },
+    ending: {
+      enumerable: true,
+      get: function() {
+        return this._ending;
+      },
+      set: function(v) {
+        this._flagEnding = this._ending !== v || this._flagEnding;
+        this._ending = v;
+      }
+    },
+    length: {
+      enumerable: true,
+      get: function() {
+        if (this._flagLength || this._length <= 0) {
+          this._length = 0;
+          if (!this.children) {
+            return this._length;
+          }
+          for (let i = 0; i < this.children.length; i++) {
+            const child = this.children[i];
+            this._length += child.length;
+          }
+        }
+        return this._length;
+      }
+    },
+    fill: {
+      enumerable: true,
+      get: function() {
+        return this._fill;
+      },
+      set: function(v) {
+        this._fill = v;
+        for (let i = 0; i < this.children.length; i++) {
+          const child = this.children[i];
+          child.fill = v;
+        }
+      }
+    },
+    stroke: {
+      enumerable: true,
+      get: function() {
+        return this._stroke;
+      },
+      set: function(v) {
+        this._stroke = v;
+        for (let i = 0; i < this.children.length; i++) {
+          const child = this.children[i];
+          child.stroke = v;
+        }
+      }
+    },
+    linewidth: {
+      enumerable: true,
+      get: function() {
+        return this._linewidth;
+      },
+      set: function(v) {
+        this._linewidth = v;
+        for (let i = 0; i < this.children.length; i++) {
+          const child = this.children[i];
+          child.linewidth = v;
+        }
+      }
+    },
+    join: {
+      enumerable: true,
+      get: function() {
+        return this._join;
+      },
+      set: function(v) {
+        this._join = v;
+        for (let i = 0; i < this.children.length; i++) {
+          const child = this.children[i];
+          child.join = v;
+        }
+      }
+    },
+    miter: {
+      enumerable: true,
+      get: function() {
+        return this._miter;
+      },
+      set: function(v) {
+        this._miter = v;
+        for (let i = 0; i < this.children.length; i++) {
+          const child = this.children[i];
+          child.miter = v;
+        }
+      }
+    },
+    cap: {
+      enumerable: true,
+      get: function() {
+        return this._cap;
+      },
+      set: function(v) {
+        this._cap = v;
+        for (let i = 0; i < this.children.length; i++) {
+          const child = this.children[i];
+          child.cap = v;
+        }
+      }
+    },
+    closed: {
+      enumerable: true,
+      get: function() {
+        return this._closed;
+      },
+      set: function(v) {
+        this._closed = v;
+        for (let i = 0; i < this.children.length; i++) {
+          const child = this.children[i];
+          child.closed = v;
+        }
+      }
+    },
+    curved: {
+      enumerable: true,
+      get: function() {
+        return this._curved;
+      },
+      set: function(v) {
+        this._curved = v;
+        for (let i = 0; i < this.children.length; i++) {
+          const child = this.children[i];
+          child.curved = v;
+        }
+      }
+    },
+    automatic: {
+      enumerable: true,
+      get: function() {
+        return this._automatic;
+      },
+      set: function(v) {
+        this._automatic = v;
+        for (let i = 0; i < this.children.length; i++) {
+          const child = this.children[i];
+          child.automatic = v;
+        }
+      }
+    },
+    children: {
+      enumerable: true,
+      get: function() {
+        return this._children;
+      },
+      set: function(children) {
+        const insertChildren = Group.InsertChildren.bind(this);
+        const removeChildren = Group.RemoveChildren.bind(this);
+        const orderChildren = Group.OrderChildren.bind(this);
+        if (this._children) {
+          this._children.unbind();
+          if (this._children.length > 0) {
+            removeChildren(this._children);
+          }
+        }
+        this._children = new Children(children);
+        this._children.bind(Events.Types.insert, insertChildren);
+        this._children.bind(Events.Types.remove, removeChildren);
+        this._children.bind(Events.Types.order, orderChildren);
+        if (children.length > 0) {
+          insertChildren(children);
+        }
+      }
+    },
+    mask: {
+      enumerable: true,
+      get: function() {
+        return this._mask;
+      },
+      set: function(v) {
+        this._mask = v;
+        this._flagMask = true;
+        if (_.isObject(v) && !v.clip) {
+          v.clip = true;
+        }
+      }
+    }
+  };
+  function replaceParent(child, newParent) {
+    const parent = child.parent;
+    let index;
+    if (parent === newParent) {
+      add();
+      return;
+    }
+    if (parent && parent.children.ids[child.id]) {
+      index = Array.prototype.indexOf.call(parent.children, child);
+      parent.children.splice(index, 1);
+      splice();
+    }
+    if (newParent) {
+      add();
+      return;
+    }
+    splice();
+    if (parent._flagAdditions && parent.additions.length === 0) {
+      parent._flagAdditions = false;
+    }
+    if (parent._flagSubtractions && parent.subtractions.length === 0) {
+      parent._flagSubtractions = false;
+    }
+    delete child.parent;
+    function add() {
+      if (newParent.subtractions.length > 0) {
+        index = Array.prototype.indexOf.call(newParent.subtractions, child);
+        if (index >= 0) {
+          newParent.subtractions.splice(index, 1);
+        }
+      }
+      if (newParent.additions.length > 0) {
+        index = Array.prototype.indexOf.call(newParent.additions, child);
+        if (index >= 0) {
+          newParent.additions.splice(index, 1);
+        }
+      }
+      child.parent = newParent;
+      newParent.additions.push(child);
+      newParent._flagAdditions = true;
+    }
+    function splice() {
+      index = Array.prototype.indexOf.call(parent.additions, child);
+      if (index >= 0) {
+        parent.additions.splice(index, 1);
+      }
+      index = Array.prototype.indexOf.call(parent.subtractions, child);
+      if (index < 0) {
+        parent.subtractions.push(child);
+        parent._flagSubtractions = true;
+      }
+    }
+  }
+
+  // src/renderers/canvas.js
+  var emptyArray = [];
+  var max2 = Math.max;
+  var min2 = Math.min;
+  var abs = Math.abs;
+  var sin2 = Math.sin;
+  var cos2 = Math.cos;
+  var acos = Math.acos;
+  var sqrt = Math.sqrt;
+  var canvas = {
+    isHidden: /(undefined|none|transparent)/i,
+    alignments: {
+      left: "start",
+      middle: "center",
+      right: "end"
+    },
+    shim: function(elem, name) {
+      elem.tagName = elem.nodeName = name || "canvas";
+      elem.nodeType = 1;
+      elem.getAttribute = function(prop) {
+        return this[prop];
+      };
+      elem.setAttribute = function(prop, val) {
+        this[prop] = val;
+        return this;
+      };
+      return elem;
+    },
+    group: {
+      renderChild: function(child) {
+        canvas[child._renderer.type].render.call(child, this.ctx, true, this.clip);
+      },
+      render: function(ctx) {
+        if (!this._visible) {
+          return this;
+        }
+        this._update();
+        const matrix = this._matrix.elements;
+        const parent = this.parent;
+        this._renderer.opacity = this._opacity * (parent && parent._renderer ? parent._renderer.opacity : 1);
+        const mask = this._mask;
+        const defaultMatrix = isDefaultMatrix(matrix);
+        const shouldIsolate = !defaultMatrix || !!mask;
+        if (!this._renderer.context) {
+          this._renderer.context = {};
+        }
+        this._renderer.context.ctx = ctx;
+        if (shouldIsolate) {
+          ctx.save();
+          if (!defaultMatrix) {
+            ctx.transform(
+              matrix[0],
+              matrix[3],
+              matrix[1],
+              matrix[4],
+              matrix[2],
+              matrix[5]
+            );
+          }
+        }
+        if (mask) {
+          canvas[mask._renderer.type].render.call(mask, ctx, true);
+        }
+        if (this._opacity > 0 && this._scale !== 0) {
+          for (let i = 0; i < this.children.length; i++) {
+            const child = this.children[i];
+            canvas[child._renderer.type].render.call(child, ctx);
+          }
+        }
+        if (shouldIsolate) {
+          ctx.restore();
+        }
+        return this.flagReset();
+      }
+    },
+    path: {
+      render: function(ctx, forced, parentClipped) {
+        let matrix, stroke, linewidth, fill, opacity, visible, cap, join, miter, closed2, commands, length, last, prev, a, b, c, d, ux, uy, vx, vy, ar, bl, br, cl, x, y, mask, clip, defaultMatrix, isOffset, dashes, po;
+        po = this.parent && this.parent._renderer ? this.parent._renderer.opacity : 1;
+        mask = this._mask;
+        clip = this._clip;
+        opacity = this._opacity * (po || 1);
+        visible = this._visible;
+        if (!forced && (!visible || clip || opacity === 0)) {
+          return this;
+        }
+        this._update();
+        matrix = this._matrix.elements;
+        stroke = this._stroke;
+        linewidth = this._linewidth;
+        fill = this._fill;
+        cap = this._cap;
+        join = this._join;
+        miter = this._miter;
+        closed2 = this._closed;
+        commands = this._renderer.vertices;
+        length = commands.length;
+        last = length - 1;
+        defaultMatrix = isDefaultMatrix(matrix);
+        dashes = this.dashes;
+        if (!defaultMatrix) {
+          ctx.save();
+          ctx.transform(matrix[0], matrix[3], matrix[1], matrix[4], matrix[2], matrix[5]);
+        }
+        if (mask) {
+          canvas[mask._renderer.type].render.call(mask, ctx, true);
+        }
+        if (fill) {
+          if (typeof fill === "string") {
+            ctx.fillStyle = fill;
+          } else {
+            canvas[fill._renderer.type].render.call(fill, ctx, this);
+            ctx.fillStyle = fill._renderer.effect;
+          }
+        }
+        if (stroke) {
+          if (typeof stroke === "string") {
+            ctx.strokeStyle = stroke;
+          } else {
+            canvas[stroke._renderer.type].render.call(stroke, ctx, this);
+            ctx.strokeStyle = stroke._renderer.effect;
+          }
+          if (linewidth) {
+            ctx.lineWidth = linewidth;
+          }
+          if (miter) {
+            ctx.miterLimit = miter;
+          }
+          if (join) {
+            ctx.lineJoin = join;
+          }
+          if (!closed2 && cap) {
+            ctx.lineCap = cap;
+          }
+        }
+        if (typeof opacity === "number") {
+          ctx.globalAlpha = opacity;
+        }
+        if (dashes && dashes.length > 0) {
+          ctx.lineDashOffset = dashes.offset || 0;
+          ctx.setLineDash(dashes);
+        }
+        ctx.beginPath();
+        let rx, ry, xAxisRotation, largeArcFlag, sweepFlag, ax, ay;
+        for (let i = 0; i < length; i++) {
+          b = commands[i];
+          x = b.x;
+          y = b.y;
+          switch (b.command) {
+            case Commands.close:
+              ctx.closePath();
+              break;
+            case Commands.arc:
+              rx = b.rx;
+              ry = b.ry;
+              xAxisRotation = b.xAxisRotation;
+              largeArcFlag = b.largeArcFlag;
+              sweepFlag = b.sweepFlag;
+              prev = closed2 ? mod(i - 1, length) : max2(i - 1, 0);
+              a = commands[prev];
+              ax = a.x;
+              ay = a.y;
+              canvas.renderSvgArcCommand(
+                ctx,
+                ax,
+                ay,
+                rx,
+                ry,
+                largeArcFlag,
+                sweepFlag,
+                xAxisRotation,
+                x,
+                y
+              );
+              break;
+            case Commands.curve:
+              prev = closed2 ? mod(i - 1, length) : Math.max(i - 1, 0);
+              a = commands[prev];
+              ar = a.controls && a.controls.right || Vector.zero;
+              bl = b.controls && b.controls.left || Vector.zero;
+              if (a._relative) {
+                vx = ar.x + a.x;
+                vy = ar.y + a.y;
+              } else {
+                vx = ar.x;
+                vy = ar.y;
+              }
+              if (b._relative) {
+                ux = bl.x + b.x;
+                uy = bl.y + b.y;
+              } else {
+                ux = bl.x;
+                uy = bl.y;
+              }
+              ctx.bezierCurveTo(vx, vy, ux, uy, x, y);
+              if (i >= last && closed2) {
+                c = d;
+                br = b.controls && b.controls.right || Vector.zero;
+                cl = c.controls && c.controls.left || Vector.zero;
+                if (b._relative) {
+                  vx = br.x + b.x;
+                  vy = br.y + b.y;
+                } else {
+                  vx = br.x;
+                  vy = br.y;
+                }
+                if (c._relative) {
+                  ux = cl.x + c.x;
+                  uy = cl.y + c.y;
+                } else {
+                  ux = cl.x;
+                  uy = cl.y;
+                }
+                x = c.x;
+                y = c.y;
+                ctx.bezierCurveTo(vx, vy, ux, uy, x, y);
+              }
+              break;
+            case Commands.line:
+              ctx.lineTo(x, y);
+              break;
+            case Commands.move:
+              d = b;
+              ctx.moveTo(x, y);
+              break;
+          }
+        }
+        if (closed2) {
+          ctx.closePath();
+        }
+        if (!clip && !parentClipped) {
+          if (!canvas.isHidden.test(fill)) {
+            isOffset = fill._renderer && fill._renderer.offset;
+            if (isOffset) {
+              ctx.save();
+              ctx.translate(
+                -fill._renderer.offset.x,
+                -fill._renderer.offset.y
+              );
+              ctx.scale(fill._renderer.scale.x, fill._renderer.scale.y);
+            }
+            ctx.fill();
+            if (isOffset) {
+              ctx.restore();
+            }
+          }
+          if (!canvas.isHidden.test(stroke)) {
+            isOffset = stroke._renderer && stroke._renderer.offset;
+            if (isOffset) {
+              ctx.save();
+              ctx.translate(
+                -stroke._renderer.offset.x,
+                -stroke._renderer.offset.y
+              );
+              ctx.scale(stroke._renderer.scale.x, stroke._renderer.scale.y);
+              ctx.lineWidth = linewidth / stroke._renderer.scale.x;
+            }
+            ctx.stroke();
+            if (isOffset) {
+              ctx.restore();
+            }
+          }
+        }
+        if (!defaultMatrix) {
+          ctx.restore();
+        }
+        if (clip && !parentClipped) {
+          ctx.clip();
+        }
+        if (dashes && dashes.length > 0) {
+          ctx.setLineDash(emptyArray);
+        }
+        return this.flagReset();
+      }
+    },
+    points: {
+      render: function(ctx, forced, parentClipped) {
+        let me, stroke, linewidth, fill, opacity, visible, size, commands, length, b, x, y, defaultMatrix, isOffset, dashes, po;
+        po = this.parent && this.parent._renderer ? this.parent._renderer.opacity : 1;
+        opacity = this._opacity * (po || 1);
+        visible = this._visible;
+        if (!forced && (!visible || opacity === 0)) {
+          return this;
+        }
+        this._update();
+        me = this._matrix.elements;
+        stroke = this._stroke;
+        linewidth = this._linewidth;
+        fill = this._fill;
+        commands = this._renderer.collection;
+        length = commands.length;
+        defaultMatrix = isDefaultMatrix(me);
+        dashes = this.dashes;
+        size = this._size;
+        if (!defaultMatrix) {
+          ctx.save();
+          ctx.transform(me[0], me[3], me[1], me[4], me[2], me[5]);
+        }
+        if (fill) {
+          if (typeof fill === "string") {
+            ctx.fillStyle = fill;
+          } else {
+            canvas[fill._renderer.type].render.call(fill, ctx, this);
+            ctx.fillStyle = fill._renderer.effect;
+          }
+        }
+        if (stroke) {
+          if (typeof stroke === "string") {
+            ctx.strokeStyle = stroke;
+          } else {
+            canvas[stroke._renderer.type].render.call(stroke, ctx, this);
+            ctx.strokeStyle = stroke._renderer.effect;
+          }
+          if (linewidth) {
+            ctx.lineWidth = linewidth;
+          }
+        }
+        if (typeof opacity === "number") {
+          ctx.globalAlpha = opacity;
+        }
+        if (dashes && dashes.length > 0) {
+          ctx.lineDashOffset = dashes.offset || 0;
+          ctx.setLineDash(dashes);
+        }
+        ctx.beginPath();
+        let radius = size * 0.5, m;
+        if (!this._sizeAttenuation) {
+          m = this.worldMatrix.elements;
+          m = decomposeMatrix(m[0], m[3], m[1], m[4], m[2], m[5]);
+          radius /= Math.max(m.scaleX, m.scaleY);
+        }
+        for (let i = 0; i < length; i++) {
+          b = commands[i];
+          x = b.x;
+          y = b.y;
+          ctx.moveTo(x + radius, y);
+          ctx.arc(x, y, radius, 0, TWO_PI);
+        }
+        if (!parentClipped) {
+          if (!canvas.isHidden.test(fill)) {
+            isOffset = fill._renderer && fill._renderer.offset;
+            if (isOffset) {
+              ctx.save();
+              ctx.translate(
+                -fill._renderer.offset.x,
+                -fill._renderer.offset.y
+              );
+              ctx.scale(fill._renderer.scale.x, fill._renderer.scale.y);
+            }
+            ctx.fill();
+            if (isOffset) {
+              ctx.restore();
+            }
+          }
+          if (!canvas.isHidden.test(stroke)) {
+            isOffset = stroke._renderer && stroke._renderer.offset;
+            if (isOffset) {
+              ctx.save();
+              ctx.translate(
+                -stroke._renderer.offset.x,
+                -stroke._renderer.offset.y
+              );
+              ctx.scale(stroke._renderer.scale.x, stroke._renderer.scale.y);
+              ctx.lineWidth = linewidth / stroke._renderer.scale.x;
+            }
+            ctx.stroke();
+            if (isOffset) {
+              ctx.restore();
+            }
+          }
+        }
+        if (!defaultMatrix) {
+          ctx.restore();
+        }
+        if (dashes && dashes.length > 0) {
+          ctx.setLineDash(emptyArray);
+        }
+        return this.flagReset();
+      }
+    },
+    text: {
+      render: function(ctx, forced, parentClipped) {
+        const po = this.parent && this.parent._renderer ? this.parent._renderer.opacity : 1;
+        const opacity = this._opacity * po;
+        const visible = this._visible;
+        const mask = this._mask;
+        const clip = this._clip;
+        if (!forced && (!visible || clip || opacity === 0)) {
+          return this;
+        }
+        this._update();
+        const matrix = this._matrix.elements;
+        const stroke = this._stroke;
+        const linewidth = this._linewidth;
+        const fill = this._fill;
+        const decoration = this._decoration;
+        const defaultMatrix = isDefaultMatrix(matrix);
+        const isOffset = fill._renderer && fill._renderer.offset && stroke._renderer && stroke._renderer.offset;
+        const dashes = this.dashes;
+        const alignment = canvas.alignments[this._alignment] || this._alignment;
+        const baseline = this._baseline;
+        let a, b, c, d, e, sx, sy, x1, y1, x2, y2;
+        if (!defaultMatrix) {
+          ctx.save();
+          ctx.transform(matrix[0], matrix[3], matrix[1], matrix[4], matrix[2], matrix[5]);
+        }
+        if (mask) {
+          canvas[mask._renderer.type].render.call(mask, ctx, true);
+        }
+        if (!isOffset) {
+          ctx.font = [this._style, this._weight, this._size + "px/" + this._leading + "px", this._family].join(" ");
+        }
+        ctx.textAlign = alignment;
+        ctx.textBaseline = baseline;
+        if (fill) {
+          if (typeof fill === "string") {
+            ctx.fillStyle = fill;
+          } else {
+            canvas[fill._renderer.type].render.call(fill, ctx, this);
+            ctx.fillStyle = fill._renderer.effect;
+          }
+        }
+        if (stroke) {
+          if (typeof stroke === "string") {
+            ctx.strokeStyle = stroke;
+          } else {
+            canvas[stroke._renderer.type].render.call(stroke, ctx, this);
+            ctx.strokeStyle = stroke._renderer.effect;
+          }
+          if (linewidth) {
+            ctx.lineWidth = linewidth;
+          }
+        }
+        if (typeof opacity === "number") {
+          ctx.globalAlpha = opacity;
+        }
+        if (dashes && dashes.length > 0) {
+          ctx.lineDashOffset = dashes.offset || 0;
+          ctx.setLineDash(dashes);
+        }
+        if (!clip && !parentClipped) {
+          if (!canvas.isHidden.test(fill)) {
+            if (fill._renderer && fill._renderer.offset) {
+              sx = fill._renderer.scale.x;
+              sy = fill._renderer.scale.y;
+              ctx.save();
+              ctx.translate(
+                -fill._renderer.offset.x,
+                -fill._renderer.offset.y
+              );
+              ctx.scale(sx, sy);
+              a = this._size / fill._renderer.scale.y;
+              b = this._leading / fill._renderer.scale.y;
+              ctx.font = [
+                this._style,
+                this._weight,
+                a + "px/",
+                b + "px",
+                this._family
+              ].join(" ");
+              c = fill._renderer.offset.x / fill._renderer.scale.x;
+              d = fill._renderer.offset.y / fill._renderer.scale.y;
+              ctx.fillText(this.value, c, d);
+              ctx.restore();
+            } else {
+              ctx.fillText(this.value, 0, 0);
+            }
+          }
+          if (!canvas.isHidden.test(stroke)) {
+            if (stroke._renderer && stroke._renderer.offset) {
+              sx = stroke._renderer.scale.x;
+              sy = stroke._renderer.scale.y;
+              ctx.save();
+              ctx.translate(
+                -stroke._renderer.offset.x,
+                -stroke._renderer.offset.y
+              );
+              ctx.scale(sx, sy);
+              a = this._size / stroke._renderer.scale.y;
+              b = this._leading / stroke._renderer.scale.y;
+              ctx.font = [
+                this._style,
+                this._weight,
+                a + "px/",
+                b + "px",
+                this._family
+              ].join(" ");
+              c = stroke._renderer.offset.x / stroke._renderer.scale.x;
+              d = stroke._renderer.offset.y / stroke._renderer.scale.y;
+              e = linewidth / stroke._renderer.scale.x;
+              ctx.lineWidth = e;
+              ctx.strokeText(this.value, c, d);
+              ctx.restore();
+            } else {
+              ctx.strokeText(this.value, 0, 0);
+            }
+          }
+        }
+        if (/(underline|strikethrough)/i.test(decoration)) {
+          const metrics = ctx.measureText(this.value);
+          let scalar = 1;
+          switch (decoration) {
+            case "underline":
+              y1 = metrics.actualBoundingBoxAscent;
+              y2 = metrics.actualBoundingBoxAscent;
+              break;
+            case "strikethrough":
+              y1 = 0;
+              y2 = 0;
+              scalar = 0.5;
+              break;
+          }
+          switch (baseline) {
+            case "top":
+              y1 += this._size * scalar;
+              y2 += this._size * scalar;
+              break;
+            case "baseline":
+            case "bottom":
+              y1 -= this._size * scalar;
+              y2 -= this._size * scalar;
+              break;
+          }
+          switch (alignment) {
+            case "left":
+            case "start":
+              x1 = 0;
+              x2 = metrics.width;
+              break;
+            case "right":
+            case "end":
+              x1 = -metrics.width;
+              x2 = 0;
+              break;
+            default:
+              x1 = -metrics.width / 2;
+              x2 = metrics.width / 2;
+          }
+          ctx.lineWidth = Math.max(Math.floor(this._size / 15), 1);
+          ctx.strokeStyle = ctx.fillStyle;
+          ctx.beginPath();
+          ctx.moveTo(x1, y1);
+          ctx.lineTo(x2, y2);
+          ctx.stroke();
+        }
+        if (!defaultMatrix) {
+          ctx.restore();
+        }
+        if (clip && !parentClipped) {
+          ctx.clip();
+        }
+        if (dashes && dashes.length > 0) {
+          ctx.setLineDash(emptyArray);
+        }
+        return this.flagReset();
+      }
+    },
+    "linear-gradient": {
+      render: function(ctx, parent) {
+        if (!parent) {
+          return;
+        }
+        this._update();
+        if (!this._renderer.effect || this._flagEndPoints || this._flagStops || this._flagUnits) {
+          let rect;
+          let lx = this.left._x;
+          let ly = this.left._y;
+          let rx = this.right._x;
+          let ry = this.right._y;
+          if (/objectBoundingBox/i.test(this._units)) {
+            rect = parent.getBoundingClientRect(true);
+            lx = (lx - 0.5) * rect.width;
+            ly = (ly - 0.5) * rect.height;
+            rx = (rx - 0.5) * rect.width;
+            ry = (ry - 0.5) * rect.height;
+          }
+          this._renderer.effect = ctx.createLinearGradient(lx, ly, rx, ry);
+          for (let i = 0; i < this.stops.length; i++) {
+            const stop = this.stops[i];
+            this._renderer.effect.addColorStop(stop._offset, stop._color);
+          }
+        }
+        return this.flagReset();
+      }
+    },
+    "radial-gradient": {
+      render: function(ctx, parent) {
+        if (!parent) {
+          return;
+        }
+        this._update();
+        if (!this._renderer.effect || this._flagCenter || this._flagFocal || this._flagRadius || this._flagStops || this._flagUnits) {
+          let rect;
+          let cx = this.center._x;
+          let cy = this.center._y;
+          let fx = this.focal._x;
+          let fy = this.focal._y;
+          let radius = this._radius;
+          if (/objectBoundingBox/i.test(this._units)) {
+            rect = parent.getBoundingClientRect(true);
+            cx = cx * rect.width * 0.5;
+            cy = cy * rect.height * 0.5;
+            fx = fx * rect.width * 0.5;
+            fy = fy * rect.height * 0.5;
+            radius *= Math.min(rect.width, rect.height) * 0.5;
+          }
+          this._renderer.effect = ctx.createRadialGradient(
+            cx,
+            cy,
+            0,
+            fx,
+            fy,
+            radius
+          );
+          for (let i = 0; i < this.stops.length; i++) {
+            const stop = this.stops[i];
+            this._renderer.effect.addColorStop(stop._offset, stop._color);
+          }
+        }
+        return this.flagReset();
+      }
+    },
+    texture: {
+      render: function(ctx) {
+        this._update();
+        const image = this.image;
+        if (!this._renderer.effect || (this._flagLoaded || this._flagImage || this._flagVideo || this._flagRepeat) && this.loaded) {
+          this._renderer.effect = ctx.createPattern(this.image, this._repeat);
+        }
+        if (this._flagOffset || this._flagLoaded || this._flagScale) {
+          if (!(this._renderer.offset instanceof Vector)) {
+            this._renderer.offset = new Vector();
+          }
+          this._renderer.offset.x = -this._offset.x;
+          this._renderer.offset.y = -this._offset.y;
+          if (image) {
+            this._renderer.offset.x += image.width / 2;
+            this._renderer.offset.y += image.height / 2;
+            if (this._scale instanceof Vector) {
+              this._renderer.offset.x *= this._scale.x;
+              this._renderer.offset.y *= this._scale.y;
+            } else {
+              this._renderer.offset.x *= this._scale;
+              this._renderer.offset.y *= this._scale;
+            }
+          }
+        }
+        if (this._flagScale || this._flagLoaded) {
+          if (!(this._renderer.scale instanceof Vector)) {
+            this._renderer.scale = new Vector();
+          }
+          if (this._scale instanceof Vector) {
+            this._renderer.scale.copy(this._scale);
+          } else {
+            this._renderer.scale.set(this._scale, this._scale);
+          }
+        }
+        return this.flagReset();
+      }
+    },
+    renderSvgArcCommand: function(ctx, ax, ay, rx, ry, largeArcFlag, sweepFlag, xAxisRotation, x, y) {
+      xAxisRotation = xAxisRotation * Math.PI / 180;
+      rx = abs(rx);
+      ry = abs(ry);
+      const dx2 = (ax - x) / 2;
+      const dy2 = (ay - y) / 2;
+      const x1p = cos2(xAxisRotation) * dx2 + sin2(xAxisRotation) * dy2;
+      const y1p = -sin2(xAxisRotation) * dx2 + cos2(xAxisRotation) * dy2;
+      const x1ps = x1p * x1p;
+      const y1ps = y1p * y1p;
+      let rxs = rx * rx;
+      let rys = ry * ry;
+      const cr = x1ps / rxs + y1ps / rys;
+      if (cr > 1) {
+        const s = sqrt(cr);
+        rx = s * rx;
+        ry = s * ry;
+        rxs = rx * rx;
+        rys = ry * ry;
+      }
+      const dq = rxs * y1ps + rys * x1ps;
+      const pq = (rxs * rys - dq) / dq;
+      let q = sqrt(max2(0, pq));
+      if (largeArcFlag === sweepFlag)
+        q = -q;
+      const cxp = q * rx * y1p / ry;
+      const cyp = -q * ry * x1p / rx;
+      const cx = cos2(xAxisRotation) * cxp - sin2(xAxisRotation) * cyp + (ax + x) / 2;
+      const cy = sin2(xAxisRotation) * cxp + cos2(xAxisRotation) * cyp + (ay + y) / 2;
+      const startAngle = svgAngle(1, 0, (x1p - cxp) / rx, (y1p - cyp) / ry);
+      const delta = svgAngle(
+        (x1p - cxp) / rx,
+        (y1p - cyp) / ry,
+        (-x1p - cxp) / rx,
+        (-y1p - cyp) / ry
+      ) % TWO_PI;
+      const endAngle = startAngle + delta;
+      const clockwise = sweepFlag === 0;
+      renderArcEstimate(
+        ctx,
+        cx,
+        cy,
+        rx,
+        ry,
+        startAngle,
+        endAngle,
+        clockwise,
+        xAxisRotation
+      );
+    }
+  };
+  var Renderer = class extends Events {
+    constructor(params) {
+      super();
+      const smoothing = params.smoothing !== false;
+      this.domElement = params.domElement || document.createElement("canvas");
+      this.ctx = this.domElement.getContext("2d");
+      this.overdraw = params.overdraw || false;
+      if (typeof this.ctx.imageSmoothingEnabled !== "undefined") {
+        this.ctx.imageSmoothingEnabled = smoothing;
+      }
+      this.scene = new Group();
+      this.scene.parent = this;
+    }
+    setSize(width, height, ratio) {
+      this.width = width;
+      this.height = height;
+      this.ratio = typeof ratio === "undefined" ? getRatio(this.ctx) : ratio;
+      this.domElement.width = width * this.ratio;
+      this.domElement.height = height * this.ratio;
+      if (this.domElement.style) {
+        _.extend(this.domElement.style, {
+          width: width + "px",
+          height: height + "px"
+        });
+      }
+      return this.trigger(Events.Types.resize, width, height, ratio);
+    }
+    render() {
+      const isOne = this.ratio === 1;
+      if (!isOne) {
+        this.ctx.save();
+        this.ctx.scale(this.ratio, this.ratio);
+      }
+      if (!this.overdraw) {
+        this.ctx.clearRect(0, 0, this.width, this.height);
+      }
+      canvas.group.render.call(this.scene, this.ctx);
+      if (!isOne) {
+        this.ctx.restore();
+      }
+      return this;
+    }
+  };
+  __publicField(Renderer, "Utils", canvas);
+  function renderArcEstimate(ctx, ox, oy, rx, ry, startAngle, endAngle, clockwise, xAxisRotation) {
+    const delta = endAngle - startAngle;
+    const epsilon = Curve.Tolerance.epsilon;
+    const samePoints = Math.abs(delta) < epsilon;
+    let deltaAngle = mod(delta, TWO_PI);
+    if (deltaAngle < epsilon) {
+      if (samePoints) {
+        deltaAngle = 0;
+      } else {
+        deltaAngle = TWO_PI;
+      }
+    }
+    if (clockwise === true && !samePoints) {
+      if (deltaAngle === TWO_PI) {
+        deltaAngle = -TWO_PI;
+      } else {
+        deltaAngle = deltaAngle - TWO_PI;
+      }
+    }
+    for (let i = 0; i < Constants.Resolution; i++) {
+      const t = i / (Constants.Resolution - 1);
+      const angle = startAngle + t * deltaAngle;
+      let x = ox + rx * Math.cos(angle);
+      let y = oy + ry * Math.sin(angle);
+      if (xAxisRotation !== 0) {
+        const cos7 = Math.cos(xAxisRotation);
+        const sin7 = Math.sin(xAxisRotation);
+        const tx = x - ox;
+        const ty = y - oy;
+        x = tx * cos7 - ty * sin7 + ox;
+        y = tx * sin7 + ty * cos7 + oy;
+      }
+      ctx.lineTo(x, y);
+    }
+  }
+  function svgAngle(ux, uy, vx, vy) {
+    const dot = ux * vx + uy * vy;
+    const len = sqrt(ux * ux + uy * uy) * sqrt(vx * vx + vy * vy);
+    let ang = acos(max2(-1, min2(1, dot / len)));
+    if (ux * vy - uy * vx < 0) {
+      ang = -ang;
+    }
+    return ang;
+  }
+  function isDefaultMatrix(m) {
+    return m[0] == 1 && m[3] == 0 && m[1] == 0 && m[4] == 1 && m[2] == 0 && m[5] == 0;
+  }
+
+  // src/utils/canvas-shim.js
+  var CanvasShim = {
+    Image: null,
+    isHeadless: false,
+    shim: function(canvas3, Image) {
+      Renderer.Utils.shim(canvas3);
+      if (typeof Image !== "undefined") {
+        CanvasShim.Image = Image;
+      }
+      CanvasShim.isHeadless = true;
+      return canvas3;
+    }
+  };
+
+  // src/utils/dom.js
+  var dom = {
+    hasEventListeners: typeof root.addEventListener === "function",
+    bind: function(elem, event, func, bool) {
+      if (this.hasEventListeners) {
+        elem.addEventListener(event, func, !!bool);
+      } else {
+        elem.attachEvent("on" + event, func);
+      }
+      return dom;
+    },
+    unbind: function(elem, event, func, bool) {
+      if (dom.hasEventListeners) {
+        elem.removeEventListeners(event, func, !!bool);
+      } else {
+        elem.detachEvent("on" + event, func);
+      }
+      return dom;
+    },
+    getRequestAnimationFrame: function() {
+      const vendors = ["ms", "moz", "webkit", "o"];
+      let lastTime = 0;
+      let request = root.requestAnimationFrame;
+      if (!request) {
+        for (let i = 0; i < vendors.length; i++) {
+          request = root[vendors[i] + "RequestAnimationFrame"] || request;
+        }
+        request = request || fallbackRequest;
+      }
+      function fallbackRequest(callback, element) {
+        const currTime = new Date().getTime();
+        const timeToCall = Math.max(0, 16 - (currTime - lastTime));
+        const id = root.setTimeout(nextRequest, timeToCall);
+        lastTime = currTime + timeToCall;
+        function nextRequest() {
+          callback(currTime + timeToCall);
+        }
+        return id;
+      }
+      return request;
+    }
+  };
+  var temp = root.document ? root.document.createElement("div") : {};
+  temp.id = "help-two-load";
+  Object.defineProperty(dom, "temp", {
+    enumerable: true,
+    get: function() {
+      if (_.isElement(temp) && !root.document.head.contains(temp)) {
+        temp.style.display = "none";
+        root.document.head.appendChild(temp);
+      }
+      return temp;
+    }
+  });
+
+  // src/utils/error.js
+  var TwoError = class extends Error {
+    name = "Two.js";
+    message;
+    constructor(message) {
+      super();
+      this.message = message;
+    }
+  };
+
+  // src/registry.js
+  var Registry = class {
+    map = {};
+    constructor() {
+    }
+    add(id, obj) {
+      this.map[id] = obj;
+      return this;
+    }
+    remove(id) {
+      delete this.map[id];
+      return this;
+    }
+    get(id) {
+      return this.map[id];
+    }
+    contains(id) {
+      return id in this.map;
+    }
+  };
+
+  // src/utils/shape.js
+  function contains(path, t) {
+    if (t === 0 || t === 1) {
+      return true;
+    }
+    const length = path._length;
+    const target = length * t;
+    let elapsed = 0;
+    for (let i = 0; i < path._lengths.length; i++) {
+      const dist = path._lengths[i];
+      if (elapsed >= target) {
+        return target - elapsed >= 0;
+      }
+      elapsed += dist;
+    }
+    return false;
+  }
+  function getIdByLength(path, target) {
+    const total = path._length;
+    if (target <= 0) {
+      return 0;
+    } else if (target >= total) {
+      return path._lengths.length - 1;
+    }
+    for (let i = 0, sum = 0; i < path._lengths.length; i++) {
+      if (sum + path._lengths[i] >= target) {
+        target -= sum;
+        return Math.max(i - 1, 0) + target / path._lengths[i];
+      }
+      sum += path._lengths[i];
+    }
+    return -1;
+  }
+  function getCurveLength2(a, b, limit) {
+    let x1, x2, x3, x4, y1, y2, y3, y4;
+    const right = b.controls && b.controls.right;
+    const left = a.controls && a.controls.left;
+    x1 = b.x;
+    y1 = b.y;
+    x2 = (right || b).x;
+    y2 = (right || b).y;
+    x3 = (left || a).x;
+    y3 = (left || a).y;
+    x4 = a.x;
+    y4 = a.y;
+    if (right && b._relative) {
+      x2 += b.x;
+      y2 += b.y;
+    }
+    if (left && a._relative) {
+      x3 += a.x;
+      y3 += a.y;
+    }
+    return getCurveLength(x1, y1, x2, y2, x3, y3, x4, y4, limit);
+  }
+  function getSubdivisions(a, b, limit) {
+    let x1, x2, x3, x4, y1, y2, y3, y4;
+    const right = b.controls && b.controls.right;
+    const left = a.controls && a.controls.left;
+    x1 = b.x;
+    y1 = b.y;
+    x2 = (right || b).x;
+    y2 = (right || b).y;
+    x3 = (left || a).x;
+    y3 = (left || a).y;
+    x4 = a.x;
+    y4 = a.y;
+    if (right && b._relative) {
+      x2 += b.x;
+      y2 += b.y;
+    }
+    if (left && a._relative) {
+      x3 += a.x;
+      y3 += a.y;
+    }
+    return subdivide(x1, y1, x2, y2, x3, y3, x4, y4, limit);
+  }
+
+  // src/effects/stop.js
+  var _Stop = class extends Element {
+    _flagOffset = true;
+    _flagOpacity = true;
+    _flagColor = true;
+    _offset = 0;
+    _opacity = 1;
+    _color = "#fff";
+    constructor(offset, color, opacity) {
+      super();
+      for (let prop in proto6) {
+        Object.defineProperty(this, prop, proto6[prop]);
+      }
+      this._renderer.type = "stop";
+      this.offset = typeof offset === "number" ? offset : _Stop.Index <= 0 ? 0 : 1;
+      this.opacity = typeof opacity === "number" ? opacity : 1;
+      this.color = typeof color === "string" ? color : _Stop.Index <= 0 ? "#fff" : "#000";
+      _Stop.Index = (_Stop.Index + 1) % 2;
+    }
+    clone(parent) {
+      const clone = new _Stop();
+      _.each(_Stop.Properties, function(property) {
+        clone[property] = this[property];
+      }, this);
+      if (parent && parent.stops) {
+        parent.stops.push(clone);
+      }
+      return clone;
+    }
+    toObject() {
+      const result = {};
+      _.each(_Stop.Properties, function(k) {
+        result[k] = this[k];
+      }, this);
+      return result;
+    }
+    flagReset() {
+      this._flagOffset = this._flagColor = this._flagOpacity = false;
+      super.flagReset.call(this);
+      return this;
+    }
+  };
+  var Stop = _Stop;
+  __publicField(Stop, "Index", 0);
+  __publicField(Stop, "Properties", ["offset", "opacity", "color"]);
+  var proto6 = {
+    offset: {
+      enumerable: true,
+      get: function() {
+        return this._offset;
+      },
+      set: function(v) {
+        this._offset = v;
+        this._flagOffset = true;
+        if (this.parent) {
+          this.parent._flagStops = true;
+        }
+      }
+    },
+    opacity: {
+      enumerable: true,
+      get: function() {
+        return this._opacity;
+      },
+      set: function(v) {
+        this._opacity = v;
+        this._flagOpacity = true;
+        if (this.parent) {
+          this.parent._flagStops = true;
+        }
+      }
+    },
+    color: {
+      enumerable: true,
+      get: function() {
+        return this._color;
+      },
+      set: function(v) {
+        this._color = v;
+        this._flagColor = true;
+        if (this.parent) {
+          this.parent._flagStops = true;
+        }
+      }
+    }
+  };
+
+  // src/effects/gradient.js
+  var _Gradient = class extends Element {
+    _flagStops = false;
+    _flagSpread = false;
+    _flagUnits = false;
+    _spread = "";
+    _units = "";
+    constructor(stops) {
+      super();
+      for (let prop in proto7) {
+        Object.defineProperty(this, prop, proto7[prop]);
+      }
+      this._renderer.type = "gradient";
+      this.id = Constants.Identifier + Constants.uniqueId();
+      this.classList = [];
+      this._renderer.flagStops = FlagStops.bind(this);
+      this._renderer.bindStops = BindStops.bind(this);
+      this._renderer.unbindStops = UnbindStops.bind(this);
+      this.spread = "pad";
+      this.units = "objectBoundingBox";
+      if (stops) {
+        this.stops = stops;
+      }
+    }
+    clone(parent) {
+      const stops = this.stops.map(function(s) {
+        return s.clone();
+      });
+      const clone = new _Gradient(stops);
+      _.each(_Gradient.Properties, function(k) {
+        clone[k] = this[k];
+      }, this);
+      if (parent) {
+        parent.add(clone);
+      }
+      return clone;
+    }
+    toObject() {
+      const result = {
+        stops: this.stops.map(function(s) {
+          return s.toObject();
+        })
+      };
+      _.each(_Gradient.Properties, function(k) {
+        result[k] = this[k];
+      }, this);
+      return result;
+    }
+    _update() {
+      if (this._flagSpread || this._flagStops) {
+        this.trigger(Events.Types.change);
+      }
+      return this;
+    }
+    flagReset() {
+      this._flagSpread = this._flagUnits = this._flagStops = false;
+      super.flagReset.call(this);
+      return this;
+    }
+  };
+  var Gradient = _Gradient;
+  __publicField(Gradient, "Stop", Stop);
+  __publicField(Gradient, "Properties", ["spread", "stops", "renderer", "units"]);
+  var proto7 = {
+    spread: {
+      enumerable: true,
+      get: function() {
+        return this._spread;
+      },
+      set: function(v) {
+        this._spread = v;
+        this._flagSpread = true;
+      }
+    },
+    units: {
+      enumerable: true,
+      get: function() {
+        return this._units;
+      },
+      set: function(v) {
+        this._units = v;
+        this._flagUnits = true;
+      }
+    },
+    stops: {
+      enumerable: true,
+      get: function() {
+        return this._stops;
+      },
+      set: function(stops) {
+        const bindStops = this._renderer.bindStops;
+        const unbindStops = this._renderer.unbindStops;
+        if (this._stops) {
+          this._stops.unbind(Events.Types.insert, bindStops).unbind(Events.Types.remove, unbindStops);
+        }
+        this._stops = new Collection((stops || []).slice(0));
+        this._stops.bind(Events.Types.insert, bindStops).bind(Events.Types.remove, unbindStops);
+        bindStops(this._stops);
+      }
+    }
+  };
+  function FlagStops() {
+    this._flagStops = true;
+  }
+  function BindStops(items) {
+    let i = items.length;
+    while (i--) {
+      items[i].bind(Events.Types.change, this._renderer.flagStops);
+      items[i].parent = this;
+    }
+    this._renderer.flagStops();
+  }
+  function UnbindStops(items) {
+    let i = items.length;
+    while (i--) {
+      items[i].unbind(Events.Types.change, this._renderer.flagStops);
+      delete items[i].parent;
+    }
+    this._renderer.flagStops();
+  }
+
+  // src/effects/linear-gradient.js
+  var _LinearGradient = class extends Gradient {
+    _flagEndPoints = false;
+    _left = null;
+    _right = null;
+    constructor(x1, y1, x2, y2, stops) {
+      super(stops);
+      for (let prop in proto8) {
+        Object.defineProperty(this, prop, proto8[prop]);
+      }
+      this._renderer.type = "linear-gradient";
+      this._renderer.flagEndPoints = FlagEndPoints.bind(this);
+      this.left = new Vector();
+      this.right = new Vector();
+      if (typeof x1 === "number") {
+        this.left.x = x1;
+      }
+      if (typeof y1 === "number") {
+        this.left.y = y1;
+      }
+      if (typeof x2 === "number") {
+        this.right.x = x2;
+      }
+      if (typeof y2 === "number") {
+        this.right.y = y2;
+      }
+    }
+    clone(parent) {
+      const stops = this.stops.map(function(stop) {
+        return stop.clone();
+      });
+      const clone = new _LinearGradient(
+        this.left._x,
+        this.left._y,
+        this.right._x,
+        this.right._y,
+        stops
+      );
+      _.each(Gradient.Properties, function(k) {
+        clone[k] = this[k];
+      }, this);
+      if (parent) {
+        parent.add(clone);
+      }
+      return clone;
+    }
+    toObject() {
+      const result = super.toObject.call(this);
+      result.left = this.left.toObject();
+      result.right = this.right.toObject();
+      return result;
+    }
+    _update() {
+      if (this._flagEndPoints || this._flagSpread || this._flagStops) {
+        this.trigger(Events.Types.change);
+      }
+      return this;
+    }
+    flagReset() {
+      this._flagEndPoints = false;
+      super.flagReset.call(this);
+      return this;
+    }
+  };
+  var LinearGradient = _LinearGradient;
+  __publicField(LinearGradient, "Properties", ["left", "right"]);
+  __publicField(LinearGradient, "Stop", Stop);
+  var proto8 = {
+    left: {
+      enumerable: true,
+      get: function() {
+        return this._left;
+      },
+      set: function(v) {
+        if (this._left instanceof Vector) {
+          this._left.unbind(Events.Types.change, this._renderer.flagEndPoints);
+        }
+        this._left = v;
+        this._left.bind(Events.Types.change, this._renderer.flagEndPoints);
+        this._flagEndPoints = true;
+      }
+    },
+    right: {
+      enumerable: true,
+      get: function() {
+        return this._right;
+      },
+      set: function(v) {
+        if (this._right instanceof Vector) {
+          this._right.unbind(Events.Types.change, this._renderer.flagEndPoints);
+        }
+        this._right = v;
+        this._right.bind(Events.Types.change, this._renderer.flagEndPoints);
+        this._flagEndPoints = true;
+      }
+    }
+  };
+  function FlagEndPoints() {
+    this._flagEndPoints = true;
+  }
+
+  // src/effects/radial-gradient.js
+  var _RadialGradient = class extends Gradient {
+    _flagRadius = false;
+    _flagCenter = false;
+    _flagFocal = false;
+    _radius = 0;
+    _center = null;
+    _focal = null;
+    constructor(cx, cy, r, stops, fx, fy) {
+      super(stops);
+      for (let prop in proto9) {
+        Object.defineProperty(this, prop, proto9[prop]);
+      }
+      this._renderer.type = "radial-gradient";
+      this._renderer.flagCenter = FlagCenter.bind(this);
+      this._renderer.flagFocal = FlagFocal.bind(this);
+      this.center = new Vector();
+      this.radius = typeof r === "number" ? r : 1;
+      this.focal = new Vector();
+      if (typeof cx === "number") {
+        this.center.x = cx;
+      }
+      if (typeof cy === "number") {
+        this.center.y = cy;
+      }
+      this.focal.copy(this.center);
+      if (typeof fx === "number") {
+        this.focal.x = fx;
+      }
+      if (typeof fy === "number") {
+        this.focal.y = fy;
+      }
+    }
+    clone(parent) {
+      const stops = this.stops.map(function(stop) {
+        return stop.clone();
+      });
+      const clone = new _RadialGradient(
+        this.center._x,
+        this.center._y,
+        this._radius,
+        stops,
+        this.focal._x,
+        this.focal._y
+      );
+      _.each(Gradient.Properties.concat(_RadialGradient.Properties), function(k) {
+        clone[k] = this[k];
+      }, this);
+      if (parent) {
+        parent.add(clone);
+      }
+      return clone;
+    }
+    toObject() {
+      const result = super.toObject.call(this);
+      _.each(_RadialGradient.Properties, function(k) {
+        result[k] = this[k];
+      }, this);
+      result.center = this.center.toObject();
+      result.focal = this.focal.toObject();
+      return result;
+    }
+    _update() {
+      if (this._flagRadius || this._flatCenter || this._flagFocal || this._flagSpread || this._flagStops) {
+        this.trigger(Events.Types.change);
+      }
+      return this;
+    }
+    flagReset() {
+      this._flagRadius = this._flagCenter = this._flagFocal = false;
+      super.flagReset.call(this);
+      return this;
+    }
+  };
+  var RadialGradient = _RadialGradient;
+  __publicField(RadialGradient, "Stop", Stop);
+  __publicField(RadialGradient, "Properties", ["center", "radius", "focal"]);
+  var proto9 = {
+    radius: {
+      enumerable: true,
+      get: function() {
+        return this._radius;
+      },
+      set: function(v) {
+        this._radius = v;
+        this._flagRadius = true;
+      }
+    },
+    center: {
+      enumerable: true,
+      get: function() {
+        return this._center;
+      },
+      set: function(v) {
+        if (this._center) {
+          this._center.unbind(Events.Types.change, this._renderer.flagCenter);
+        }
+        this._center = v;
+        this._center.bind(Events.Types.change, this._renderer.flagCenter);
+        this._flagCenter = true;
+      }
+    },
+    focal: {
+      enumerable: true,
+      get: function() {
+        return this._focal;
+      },
+      set: function(v) {
+        if (this._focal) {
+          this._focal.unbind(Events.Types.change, this._renderer.flagFocal);
+        }
+        this._focal = v;
+        this._focal.bind(Events.Types.change, this._renderer.flagFocal);
+        this._flagFocal = true;
+      }
+    }
+  };
+  function FlagCenter() {
+    this._flagCenter = true;
+  }
+  function FlagFocal() {
+    this._flagFocal = true;
+  }
+
+  // src/effects/texture.js
+  var anchor;
+  var regex = {
+    video: /\.(mp4|webm|ogg)$/i,
+    image: /\.(jpe?g|png|gif|tiff|webp)$/i,
+    effect: /texture|gradient/i
+  };
+  if (root.document) {
+    anchor = document.createElement("a");
+  }
+  var _Texture = class extends Element {
+    _flagSrc = false;
+    _flagImage = false;
+    _flagVideo = false;
+    _flagLoaded = false;
+    _flagRepeat = false;
+    _flagOffset = false;
+    _flagScale = false;
+    _src = "";
+    _image = null;
+    _loaded = false;
+    _repeat = "no-repeat";
+    _scale = 1;
+    _offset = null;
+    constructor(src, callback) {
+      super();
+      this._renderer = {};
+      for (let prop in proto10) {
+        Object.defineProperty(this, prop, proto10[prop]);
+      }
+      this._renderer.type = "texture";
+      this._renderer.flagOffset = FlagOffset.bind(this);
+      this._renderer.flagScale = FlagScale.bind(this);
+      this.id = Constants.Identifier + Constants.uniqueId();
+      this.classList = [];
+      this.loaded = false;
+      this.repeat = "no-repeat";
+      this.offset = new Vector();
+      if (typeof callback === "function") {
+        const loaded = function() {
+          this.unbind(Events.Types.load, loaded);
+          if (typeof callback === "function") {
+            callback();
+          }
+        }.bind(this);
+        this.bind(Events.Types.load, loaded);
+      }
+      if (typeof src === "string") {
+        this.src = src;
+      } else if (typeof src === "object") {
+        const elemString = Object.prototype.toString.call(src);
+        if (elemString === "[object HTMLImageElement]" || elemString === "[object HTMLCanvasElement]" || elemString === "[object HTMLVideoElement]" || elemString === "[object Image]") {
+          this.image = src;
+        }
+      }
+      this._update();
+    }
+    static getAbsoluteURL(path) {
+      if (!anchor) {
+        return path;
+      }
+      anchor.href = path;
+      return anchor.href;
+    }
+    static loadHeadlessBuffer(texture, loaded) {
+      texture.image.onload = loaded;
+      texture.image.src = texture.src;
+    }
+    static getTag(image) {
+      return image && image.nodeName && image.nodeName.toLowerCase() || "img";
+    }
+    static getImage(src) {
+      const absoluteSrc = _Texture.getAbsoluteURL(src);
+      if (_Texture.ImageRegistry.contains(absoluteSrc)) {
+        return _Texture.ImageRegistry.get(absoluteSrc);
+      }
+      let image;
+      if (CanvasShim.Image) {
+        image = new CanvasShim.Image();
+        Renderer.Utils.shim(image, "img");
+      } else if (root.document) {
+        if (regex.video.test(absoluteSrc)) {
+          image = document.createElement("video");
+        } else {
+          image = document.createElement("img");
+        }
+      } else {
+        console.warn("Two.js: no prototypical image defined for Two.Texture");
+      }
+      image.crossOrigin = "anonymous";
+      image.referrerPolicy = "no-referrer";
+      return image;
+    }
+    static load(texture, callback) {
+      let image = texture.image;
+      let tag = _Texture.getTag(image);
+      if (texture._flagImage) {
+        if (/canvas/i.test(tag)) {
+          _Texture.Register.canvas(texture, callback);
+        } else {
+          texture._src = !CanvasShim.isHeadless && image.getAttribute("two-src") || image.src;
+          _Texture.Register[tag](texture, callback);
+        }
+      }
+      if (texture._flagSrc) {
+        if (!image) {
+          image = _Texture.getImage(texture.src);
+          texture.image = image;
+        }
+        tag = _Texture.getTag(image);
+        _Texture.Register[tag](texture, callback);
+      }
+    }
+    clone() {
+      const clone = new _Texture(this.src);
+      clone.repeat = this.repeat;
+      clone.offset.copy(this.origin);
+      clone.scale = this.scale;
+      return clone;
+    }
+    toObject() {
+      return {
+        src: this.src,
+        repeat: this.repeat,
+        origin: this.origin.toObject(),
+        scale: typeof this.scale === "number" ? this.scale : this.scale.toObject()
+      };
+    }
+    _update() {
+      if (this._flagSrc || this._flagImage) {
+        this.trigger(Events.Types.change);
+        if (this._flagSrc || this._flagImage) {
+          this.loaded = false;
+          _Texture.load(this, function() {
+            this.loaded = true;
+            this.trigger(Events.Types.change).trigger(Events.Types.load);
+          }.bind(this));
+        }
+      }
+      if (this._image && this._image.readyState >= 4) {
+        this._flagVideo = true;
+      }
+      return this;
+    }
+    flagReset() {
+      this._flagSrc = this._flagImage = this._flagLoaded = this._flagRepeat = this._flagVideo = this._flagScale = this._flagOffset = false;
+      super.flagReset.call(this);
+      return this;
+    }
+  };
+  var Texture = _Texture;
+  __publicField(Texture, "Properties", [
+    "src",
+    "loaded",
+    "repeat",
+    "scale",
+    "offset",
+    "image"
+  ]);
+  __publicField(Texture, "RegularExpressions", regex);
+  __publicField(Texture, "ImageRegistry", new Registry());
+  __publicField(Texture, "Register", {
+    canvas: function(texture, callback) {
+      texture._src = "#" + texture.id;
+      _Texture.ImageRegistry.add(texture.src, texture.image);
+      if (typeof callback === "function") {
+        callback();
+      }
+    },
+    img: function(texture, callback) {
+      const image = texture.image;
+      const loaded = function(e) {
+        if (!CanvasShim.isHeadless && image.removeEventListener && typeof image.removeEventListener === "function") {
+          image.removeEventListener("load", loaded, false);
+          image.removeEventListener("error", error, false);
+        }
+        if (typeof callback === "function") {
+          callback();
+        }
+      };
+      const error = function(e) {
+        if (!CanvasShim.isHeadless && typeof image.removeEventListener === "function") {
+          image.removeEventListener("load", loaded, false);
+          image.removeEventListener("error", error, false);
+        }
+        throw new TwoError("unable to load " + texture.src);
+      };
+      if (typeof image.width === "number" && image.width > 0 && typeof image.height === "number" && image.height > 0) {
+        loaded();
+      } else if (!CanvasShim.isHeadless && typeof image.addEventListener === "function") {
+        image.addEventListener("load", loaded, false);
+        image.addEventListener("error", error, false);
+      }
+      texture._src = _Texture.getAbsoluteURL(texture._src);
+      if (!CanvasShim.isHeadless && image && image.getAttribute("two-src")) {
+        return;
+      }
+      if (!CanvasShim.isHeadless) {
+        image.setAttribute("two-src", texture.src);
+      }
+      _Texture.ImageRegistry.add(texture.src, image);
+      if (CanvasShim.isHeadless) {
+        _Texture.loadHeadlessBuffer(texture, loaded);
+      } else {
+        texture.image.src = texture.src;
+      }
+    },
+    video: function(texture, callback) {
+      if (CanvasShim.isHeadless) {
+        throw new TwoError("video textures are not implemented in headless environments.");
+      }
+      const loaded = function(e) {
+        texture.image.removeEventListener("canplaythrough", loaded, false);
+        texture.image.removeEventListener("error", error, false);
+        texture.image.width = texture.image.videoWidth;
+        texture.image.height = texture.image.videoHeight;
+        if (typeof callback === "function") {
+          callback();
+        }
+      };
+      const error = function(e) {
+        texture.image.removeEventListener("canplaythrough", loaded, false);
+        texture.image.removeEventListener("error", error, false);
+        throw new TwoError("unable to load " + texture.src);
+      };
+      texture._src = _Texture.getAbsoluteURL(texture._src);
+      if (!texture.image.getAttribute("two-src")) {
+        texture.image.setAttribute("two-src", texture.src);
+        _Texture.ImageRegistry.add(texture.src, texture.image);
+      }
+      if (texture.image.readyState >= 4) {
+        loaded();
+      } else {
+        texture.image.addEventListener("canplaythrough", loaded, false);
+        texture.image.addEventListener("error", error, false);
+        texture.image.src = texture.src;
+        texture.image.load();
+      }
+    }
+  });
+  var proto10 = {
+    src: {
+      enumerable: true,
+      get: function() {
+        return this._src;
+      },
+      set: function(v) {
+        this._src = v;
+        this._flagSrc = true;
+      }
+    },
+    loaded: {
+      enumerable: true,
+      get: function() {
+        return this._loaded;
+      },
+      set: function(v) {
+        this._loaded = v;
+        this._flagLoaded = true;
+      }
+    },
+    repeat: {
+      enumerable: true,
+      get: function() {
+        return this._repeat;
+      },
+      set: function(v) {
+        this._repeat = v;
+        this._flagRepeat = true;
+      }
+    },
+    image: {
+      enumerable: true,
+      get: function() {
+        return this._image;
+      },
+      set: function(image) {
+        const tag = Texture.getTag(image);
+        let index;
+        switch (tag) {
+          case "canvas":
+            index = "#" + image.id;
+            break;
+          default:
+            index = image.src;
+        }
+        if (Texture.ImageRegistry.contains(index)) {
+          this._image = Texture.ImageRegistry.get(image.src);
+        } else {
+          this._image = image;
+        }
+        this._flagImage = true;
+      }
+    },
+    offset: {
+      enumerable: true,
+      get: function() {
+        return this._offset;
+      },
+      set: function(v) {
+        if (this._offset) {
+          this._offset.unbind(Events.Types.change, this._renderer.flagOffset);
+        }
+        this._offset = v;
+        this._offset.bind(Events.Types.change, this._renderer.flagOffset);
+        this._flagOffset = true;
+      }
+    },
+    scale: {
+      enumerable: true,
+      get: function() {
+        return this._scale;
+      },
+      set: function(v) {
+        if (this._scale instanceof Vector) {
+          this._scale.unbind(Events.Types.change, this._renderer.flagScale);
+        }
+        this._scale = v;
+        if (this._scale instanceof Vector) {
+          this._scale.bind(Events.Types.change, this._renderer.flagScale);
+        }
+        this._flagScale = true;
+      }
+    }
+  };
+  function FlagOffset() {
+    this._flagOffset = true;
+  }
+  function FlagScale() {
+    this._flagScale = true;
+  }
+
+  // src/path.js
+  var min3 = Math.min;
+  var max3 = Math.max;
+  var ceil = Math.ceil;
+  var floor2 = Math.floor;
+  var vector = new Vector();
+  var _Path = class extends Shape {
+    _flagVertices = true;
+    _flagLength = true;
+    _flagFill = true;
+    _flagStroke = true;
+    _flagLinewidth = true;
+    _flagOpacity = true;
+    _flagVisible = true;
+    _flagCap = true;
+    _flagJoin = true;
+    _flagMiter = true;
+    _flagMask = false;
+    _flagClip = false;
+    _length = 0;
+    _fill = "#fff";
+    _stroke = "#000";
+    _linewidth = 1;
+    _opacity = 1;
+    _visible = true;
+    _cap = "round";
+    _join = "round";
+    _miter = 4;
+    _closed = true;
+    _curved = false;
+    _automatic = true;
+    _beginning = 0;
+    _ending = 1;
+    _mask = null;
+    _clip = false;
+    _dashes = null;
+    constructor(vertices, closed2, curved, manual) {
+      super();
+      for (let prop in proto11) {
+        Object.defineProperty(this, prop, proto11[prop]);
+      }
+      this._renderer.type = "path";
+      this._renderer.flagVertices = FlagVertices.bind(this);
+      this._renderer.bindVertices = BindVertices.bind(this);
+      this._renderer.unbindVertices = UnbindVertices.bind(this);
+      this._renderer.flagFill = FlagFill.bind(this);
+      this._renderer.flagStroke = FlagStroke.bind(this);
+      this._renderer.vertices = [];
+      this._renderer.collection = [];
+      this.closed = !!closed2;
+      this.curved = !!curved;
+      this.beginning = 0;
+      this.ending = 1;
+      this.fill = "#fff";
+      this.stroke = "#000";
+      this.linewidth = 1;
+      this.opacity = 1;
+      this.className = "";
+      this.visible = true;
+      this.cap = "butt";
+      this.join = "miter";
+      this.miter = 4;
+      this.vertices = vertices;
+      this.automatic = !manual;
+      this.dashes = [];
+      this.dashes.offset = 0;
+    }
+    clone(parent) {
+      const clone = new _Path();
+      for (let j = 0; j < this.vertices.length; j++) {
+        clone.vertices.push(this.vertices[j].clone());
+      }
+      for (let i = 0; i < _Path.Properties.length; i++) {
+        const k = _Path.Properties[i];
+        clone[k] = this[k];
+      }
+      clone.className = this.className;
+      clone.translation.copy(this.translation);
+      clone.rotation = this.rotation;
+      clone.scale = this.scale;
+      clone.skewX = this.skewX;
+      clone.skewY = this.skewY;
+      if (this.matrix.manual) {
+        clone.matrix.copy(this.matrix);
+      }
+      if (parent) {
+        parent.add(clone);
+      }
+      return clone._update();
+    }
+    toObject() {
+      const result = {
+        vertices: this.vertices.map(function(v) {
+          return v.toObject();
+        })
+      };
+      _.each(_Path.Properties, function(k) {
+        if (typeof this[k] !== "undefined") {
+          if (this[k].toObject) {
+            result[k] = this[k].toObject();
+          } else {
+            result[k] = this[k];
+          }
+        }
+      }, this);
+      result.className = this.className;
+      result.translation = this.translation.toObject();
+      result.rotation = this.rotation;
+      result.scale = this.scale instanceof Vector ? this.scale.toObject() : this.scale;
+      result.skewX = this.skewX;
+      result.skewY = this.skewY;
+      if (this.matrix.manual) {
+        result.matrix = this.matrix.toObject();
+      }
+      return result;
+    }
+    noFill() {
+      this.fill = "none";
+      return this;
+    }
+    noStroke() {
+      this.stroke = "none";
+      return this;
+    }
+    corner() {
+      const rect = this.getBoundingClientRect(true);
+      const hw = rect.width / 2;
+      const hh = rect.height / 2;
+      const cx = rect.left + rect.width / 2;
+      const cy = rect.top + rect.height / 2;
+      for (let i = 0; i < this.vertices.length; i++) {
+        const v = this.vertices[i];
+        v.x -= cx;
+        v.y -= cy;
+        v.x += hw;
+        v.y += hh;
+      }
+      if (this.mask) {
+        this.mask.translation.x -= cx;
+        this.mask.translation.x += hw;
+        this.mask.translation.y -= cy;
+        this.mask.translation.y += hh;
+      }
+      return this;
+    }
+    center() {
+      const rect = this.getBoundingClientRect(true);
+      const cx = rect.left + rect.width / 2 - this.translation.x;
+      const cy = rect.top + rect.height / 2 - this.translation.y;
+      for (let i = 0; i < this.vertices.length; i++) {
+        const v = this.vertices[i];
+        v.x -= cx;
+        v.y -= cy;
+      }
+      if (this.mask) {
+        this.mask.translation.x -= cx;
+        this.mask.translation.y -= cy;
+      }
+      return this;
+    }
+    getBoundingClientRect(shallow) {
+      let matrix, border, l, i, v0, v1;
+      let left = Infinity, right = -Infinity, top = Infinity, bottom = -Infinity;
+      this._update(true);
+      matrix = shallow ? this.matrix : this.worldMatrix;
+      border = (this.linewidth || 0) / 2;
+      l = this._renderer.vertices.length;
+      if (this.linewidth > 0 || this.stroke && !/(transparent|none)/i.test(this.stroke)) {
+        if (this.matrix.manual) {
+          const { scaleX, scaleY } = decomposeMatrix(
+            matrix.elements[0],
+            matrix.elements[3],
+            matrix.elements[1],
+            matrix.elements[4],
+            matrix.elements[2],
+            matrix.elements[5]
+          );
+          if (typeof scaleX === "number" && typeof scaleY === "number") {
+            border = Math.max(scaleX, scaleY) * (this.linewidth || 0) / 2;
+          }
+        } else {
+          border *= typeof this.scale === "number" ? this.scale : Math.max(this.scale.x, this.scale.y);
+        }
+      }
+      if (l <= 0) {
+        return {
+          width: 0,
+          height: 0
+        };
+      }
+      for (i = 0; i < l; i++) {
+        v1 = this._renderer.vertices[i];
+        v0 = this._renderer.vertices[(i + l - 1) % l];
+        const [v0x, v0y] = matrix.multiply(v0.x, v0.y);
+        const [v1x, v1y] = matrix.multiply(v1.x, v1.y);
+        if (v0.controls && v1.controls) {
+          let rx = v0.controls.right.x;
+          let ry = v0.controls.right.y;
+          if (v0.relative) {
+            rx += v0.x;
+            ry += v0.y;
+          }
+          let [c0x, c0y] = matrix.multiply(rx, ry);
+          let lx = v1.controls.left.x;
+          let ly = v1.controls.left.y;
+          if (v1.relative) {
+            lx += v1.x;
+            ly += v1.y;
+          }
+          let [c1x, c1y] = matrix.multiply(lx, ly);
+          const bb = getCurveBoundingBox(
+            v0x,
+            v0y,
+            c0x,
+            c0y,
+            c1x,
+            c1y,
+            v1x,
+            v1y
+          );
+          top = min3(bb.min.y - border, top);
+          left = min3(bb.min.x - border, left);
+          right = max3(bb.max.x + border, right);
+          bottom = max3(bb.max.y + border, bottom);
+        } else {
+          if (i <= 1) {
+            top = min3(v0y - border, top);
+            left = min3(v0x - border, left);
+            right = max3(v0x + border, right);
+            bottom = max3(v0y + border, bottom);
+          }
+          top = min3(v1y - border, top);
+          left = min3(v1x - border, left);
+          right = max3(v1x + border, right);
+          bottom = max3(v1y + border, bottom);
+        }
+      }
+      return {
+        top,
+        left,
+        right,
+        bottom,
+        width: right - left,
+        height: bottom - top
+      };
+    }
+    getPointAt(t, obj) {
+      let ia, ib, result;
+      let x, x1, x2, x3, x4, y, y1, y2, y3, y4, left, right;
+      let target = this.length * Math.min(Math.max(t, 0), 1);
+      const length = this.vertices.length;
+      const last = length - 1;
+      let a = null;
+      let b = null;
+      for (let i = 0, l = this._lengths.length, sum = 0; i < l; i++) {
+        if (sum + this._lengths[i] >= target) {
+          if (this._closed) {
+            ia = mod(i, length);
+            ib = mod(i - 1, length);
+            if (i === 0) {
+              ia = ib;
+              ib = i;
+            }
+          } else {
+            ia = i;
+            ib = Math.min(Math.max(i - 1, 0), last);
+          }
+          a = this.vertices[ia];
+          b = this.vertices[ib];
+          target -= sum;
+          if (this._lengths[i] !== 0) {
+            t = target / this._lengths[i];
+          } else {
+            t = 0;
+          }
+          break;
+        }
+        sum += this._lengths[i];
+      }
+      if (a === null || b === null) {
+        return null;
+      }
+      if (!a) {
+        return b;
+      } else if (!b) {
+        return a;
+      }
+      right = b.controls && b.controls.right;
+      left = a.controls && a.controls.left;
+      x1 = b.x;
+      y1 = b.y;
+      x2 = (right || b).x;
+      y2 = (right || b).y;
+      x3 = (left || a).x;
+      y3 = (left || a).y;
+      x4 = a.x;
+      y4 = a.y;
+      if (right && b.relative) {
+        x2 += b.x;
+        y2 += b.y;
+      }
+      if (left && a.relative) {
+        x3 += a.x;
+        y3 += a.y;
+      }
+      x = getComponentOnCubicBezier(t, x1, x2, x3, x4);
+      y = getComponentOnCubicBezier(t, y1, y2, y3, y4);
+      const t1x = lerp(x1, x2, t);
+      const t1y = lerp(y1, y2, t);
+      const t2x = lerp(x2, x3, t);
+      const t2y = lerp(y2, y3, t);
+      const t3x = lerp(x3, x4, t);
+      const t3y = lerp(y3, y4, t);
+      const brx = lerp(t1x, t2x, t);
+      const bry = lerp(t1y, t2y, t);
+      const alx = lerp(t2x, t3x, t);
+      const aly = lerp(t2y, t3y, t);
+      if (_.isObject(obj)) {
+        obj.x = x;
+        obj.y = y;
+        if (obj instanceof Anchor) {
+          obj.controls.left.x = brx;
+          obj.controls.left.y = bry;
+          obj.controls.right.x = alx;
+          obj.controls.right.y = aly;
+          if (!(typeof obj.relative === "boolean") || obj.relative) {
+            obj.controls.left.x -= x;
+            obj.controls.left.y -= y;
+            obj.controls.right.x -= x;
+            obj.controls.right.y -= y;
+          }
+        }
+        obj.t = t;
+        return obj;
+      }
+      result = new Anchor(
+        x,
+        y,
+        brx - x,
+        bry - y,
+        alx - x,
+        aly - y,
+        this._curved ? Commands.curve : Commands.line
+      );
+      result.t = t;
+      return result;
+    }
+    plot() {
+      if (this.curved) {
+        getCurveFromPoints(this._collection, this.closed);
+        return this;
+      }
+      for (let i = 0; i < this._collection.length; i++) {
+        this._collection[i].command = i === 0 ? Commands.move : Commands.line;
+      }
+      return this;
+    }
+    subdivide(limit) {
+      this._update();
+      const last = this.vertices.length - 1;
+      const closed2 = this._closed || this.vertices[last]._command === Commands.close;
+      let b = this.vertices[last];
+      let points = [], verts;
+      _.each(this.vertices, function(a, i) {
+        if (i <= 0 && !closed2) {
+          b = a;
+          return;
+        }
+        if (a.command === Commands.move) {
+          points.push(new Anchor(b.x, b.y));
+          if (i > 0) {
+            points[points.length - 1].command = Commands.line;
+          }
+          b = a;
+          return;
+        }
+        verts = getSubdivisions(a, b, limit);
+        points = points.concat(verts);
+        _.each(verts, function(v, i2) {
+          if (i2 <= 0 && b.command === Commands.move) {
+            v.command = Commands.move;
+          } else {
+            v.command = Commands.line;
+          }
+        });
+        if (i >= last) {
+          if (this._closed && this._automatic) {
+            b = a;
+            verts = getSubdivisions(a, b, limit);
+            points = points.concat(verts);
+            _.each(verts, function(v, i2) {
+              if (i2 <= 0 && b.command === Commands.move) {
+                v.command = Commands.move;
+              } else {
+                v.command = Commands.line;
+              }
+            });
+          } else if (closed2) {
+            points.push(new Anchor(a.x, a.y));
+          }
+          points[points.length - 1].command = closed2 ? Commands.close : Commands.line;
+        }
+        b = a;
+      }, this);
+      this._automatic = false;
+      this._curved = false;
+      this.vertices = points;
+      return this;
+    }
+    _updateLength(limit, silent) {
+      if (!silent) {
+        this._update();
+      }
+      const length = this.vertices.length;
+      const last = length - 1;
+      const closed2 = false;
+      let b = this.vertices[last];
+      let sum = 0;
+      if (typeof this._lengths === "undefined") {
+        this._lengths = [];
+      }
+      _.each(this.vertices, function(a, i) {
+        if (i <= 0 && !closed2 || a.command === Commands.move) {
+          b = a;
+          this._lengths[i] = 0;
+          return;
+        }
+        this._lengths[i] = getCurveLength2(a, b, limit);
+        sum += this._lengths[i];
+        if (i >= last && closed2) {
+          b = this.vertices[(i + 1) % length];
+          this._lengths[i + 1] = getCurveLength2(a, b, limit);
+          sum += this._lengths[i + 1];
+        }
+        b = a;
+      }, this);
+      this._length = sum;
+      this._flagLength = false;
+      return this;
+    }
+    _update() {
+      if (this._flagVertices) {
+        if (this._automatic) {
+          this.plot();
+        }
+        if (this._flagLength) {
+          this._updateLength(void 0, true);
+        }
+        const l = this._collection.length;
+        const closed2 = this._closed;
+        const beginning = Math.min(this._beginning, this._ending);
+        const ending = Math.max(this._beginning, this._ending);
+        const bid = getIdByLength(this, beginning * this._length);
+        const eid = getIdByLength(this, ending * this._length);
+        const low = ceil(bid);
+        const high = floor2(eid);
+        let left, right, prev, next, v, i;
+        this._renderer.vertices.length = 0;
+        for (i = 0; i < l; i++) {
+          if (this._renderer.collection.length <= i) {
+            this._renderer.collection.push(new Anchor());
+          }
+          if (i > high && !right) {
+            v = this._renderer.collection[i].copy(this._collection[i]);
+            this.getPointAt(ending, v);
+            v.command = this._renderer.collection[i].command;
+            this._renderer.vertices.push(v);
+            right = v;
+            prev = this._collection[i - 1];
+            if (prev && prev.controls) {
+              if (v.relative) {
+                v.controls.right.clear();
+              } else {
+                v.controls.right.copy(v);
+              }
+              if (prev.relative) {
+                this._renderer.collection[i - 1].controls.right.copy(prev.controls.right).lerp(Vector.zero, 1 - v.t);
+              } else {
+                this._renderer.collection[i - 1].controls.right.copy(prev.controls.right).lerp(prev, 1 - v.t);
+              }
+            }
+          } else if (i >= low && i <= high) {
+            v = this._renderer.collection[i].copy(this._collection[i]);
+            this._renderer.vertices.push(v);
+            if (i === high && contains(this, ending)) {
+              right = v;
+              if (!closed2 && right.controls) {
+                if (right.relative) {
+                  right.controls.right.clear();
+                } else {
+                  right.controls.right.copy(right);
+                }
+              }
+            } else if (i === low && contains(this, beginning)) {
+              left = v;
+              left.command = Commands.move;
+              if (!closed2 && left.controls) {
+                if (left.relative) {
+                  left.controls.left.clear();
+                } else {
+                  left.controls.left.copy(left);
+                }
+              }
+            }
+          }
+        }
+        if (low > 0 && !left) {
+          i = low - 1;
+          v = this._renderer.collection[i].copy(this._collection[i]);
+          this.getPointAt(beginning, v);
+          v.command = Commands.move;
+          this._renderer.vertices.unshift(v);
+          next = this._collection[i + 1];
+          if (next && next.controls) {
+            v.controls.left.clear();
+            if (next.relative) {
+              this._renderer.collection[i + 1].controls.left.copy(next.controls.left).lerp(Vector.zero, v.t);
+            } else {
+              vector.copy(next);
+              this._renderer.collection[i + 1].controls.left.copy(next.controls.left).lerp(next, v.t);
+            }
+          }
+        }
+      }
+      Shape.prototype._update.apply(this, arguments);
+      return this;
+    }
+    flagReset() {
+      this._flagVertices = this._flagLength = this._flagFill = this._flagStroke = this._flagLinewidth = this._flagOpacity = this._flagVisible = this._flagCap = this._flagJoin = this._flagMiter = this._flagClip = false;
+      Shape.prototype.flagReset.call(this);
+      return this;
+    }
+  };
+  var Path = _Path;
+  __publicField(Path, "Properties", [
+    "fill",
+    "stroke",
+    "linewidth",
+    "opacity",
+    "visible",
+    "cap",
+    "join",
+    "miter",
+    "closed",
+    "curved",
+    "automatic",
+    "beginning",
+    "ending"
+  ]);
+  __publicField(Path, "Utils", {
+    getCurveLength: getCurveLength2
+  });
+  var proto11 = {
+    linewidth: {
+      enumerable: true,
+      get: function() {
+        return this._linewidth;
+      },
+      set: function(v) {
+        this._linewidth = v;
+        this._flagLinewidth = true;
+      }
+    },
+    opacity: {
+      enumerable: true,
+      get: function() {
+        return this._opacity;
+      },
+      set: function(v) {
+        this._opacity = v;
+        this._flagOpacity = true;
+      }
+    },
+    visible: {
+      enumerable: true,
+      get: function() {
+        return this._visible;
+      },
+      set: function(v) {
+        this._visible = v;
+        this._flagVisible = true;
+      }
+    },
+    cap: {
+      enumerable: true,
+      get: function() {
+        return this._cap;
+      },
+      set: function(v) {
+        this._cap = v;
+        this._flagCap = true;
+      }
+    },
+    join: {
+      enumerable: true,
+      get: function() {
+        return this._join;
+      },
+      set: function(v) {
+        this._join = v;
+        this._flagJoin = true;
+      }
+    },
+    miter: {
+      enumerable: true,
+      get: function() {
+        return this._miter;
+      },
+      set: function(v) {
+        this._miter = v;
+        this._flagMiter = true;
+      }
+    },
+    fill: {
+      enumerable: true,
+      get: function() {
+        return this._fill;
+      },
+      set: function(f) {
+        if (this._fill instanceof Gradient || this._fill instanceof LinearGradient || this._fill instanceof RadialGradient || this._fill instanceof Texture) {
+          this._fill.unbind(Events.Types.change, this._renderer.flagFill);
+        }
+        this._fill = f;
+        this._flagFill = true;
+        if (this._fill instanceof Gradient || this._fill instanceof LinearGradient || this._fill instanceof RadialGradient || this._fill instanceof Texture) {
+          this._fill.bind(Events.Types.change, this._renderer.flagFill);
+        }
+      }
+    },
+    stroke: {
+      enumerable: true,
+      get: function() {
+        return this._stroke;
+      },
+      set: function(f) {
+        if (this._stroke instanceof Gradient || this._stroke instanceof LinearGradient || this._stroke instanceof RadialGradient || this._stroke instanceof Texture) {
+          this._stroke.unbind(Events.Types.change, this._renderer.flagStroke);
+        }
+        this._stroke = f;
+        this._flagStroke = true;
+        if (this._stroke instanceof Gradient || this._stroke instanceof LinearGradient || this._stroke instanceof RadialGradient || this._stroke instanceof Texture) {
+          this._stroke.bind(Events.Types.change, this._renderer.flagStroke);
+        }
+      }
+    },
+    length: {
+      get: function() {
+        if (this._flagLength) {
+          this._updateLength();
+        }
+        return this._length;
+      }
+    },
+    closed: {
+      enumerable: true,
+      get: function() {
+        return this._closed;
+      },
+      set: function(v) {
+        this._closed = !!v;
+        this._flagVertices = true;
+      }
+    },
+    curved: {
+      enumerable: true,
+      get: function() {
+        return this._curved;
+      },
+      set: function(v) {
+        this._curved = !!v;
+        this._flagVertices = true;
+      }
+    },
+    automatic: {
+      enumerable: true,
+      get: function() {
+        return this._automatic;
+      },
+      set: function(v) {
+        if (v === this._automatic) {
+          return;
+        }
+        this._automatic = !!v;
+        const method = this._automatic ? "ignore" : "listen";
+        _.each(this.vertices, function(v2) {
+          v2[method]();
+        });
+      }
+    },
+    beginning: {
+      enumerable: true,
+      get: function() {
+        return this._beginning;
+      },
+      set: function(v) {
+        this._beginning = v;
+        this._flagVertices = true;
+      }
+    },
+    ending: {
+      enumerable: true,
+      get: function() {
+        return this._ending;
+      },
+      set: function(v) {
+        this._ending = v;
+        this._flagVertices = true;
+      }
+    },
+    vertices: {
+      enumerable: true,
+      get: function() {
+        return this._collection;
+      },
+      set: function(vertices) {
+        const bindVertices = this._renderer.bindVertices;
+        const unbindVertices = this._renderer.unbindVertices;
+        if (this._collection) {
+          this._collection.unbind(Events.Types.insert, bindVertices).unbind(Events.Types.remove, unbindVertices);
+        }
+        if (vertices instanceof Collection) {
+          this._collection = vertices;
+        } else {
+          this._collection = new Collection(vertices || []);
+        }
+        this._collection.bind(Events.Types.insert, bindVertices).bind(Events.Types.remove, unbindVertices);
+        bindVertices(this._collection);
+      }
+    },
+    mask: {
+      enumerable: true,
+      get: function() {
+        return this._mask;
+      },
+      set: function(v) {
+        this._mask = v;
+        this._flagMask = true;
+        if (_.isObject(v) && !v.clip) {
+          v.clip = true;
+        }
+      }
+    },
+    clip: {
+      enumerable: true,
+      get: function() {
+        return this._clip;
+      },
+      set: function(v) {
+        this._clip = v;
+        this._flagClip = true;
+      }
+    },
+    dashes: {
+      enumerable: true,
+      get: function() {
+        return this._dashes;
+      },
+      set: function(v) {
+        if (typeof v.offset !== "number") {
+          v.offset = this.dashes && this._dashes.offset || 0;
+        }
+        this._dashes = v;
+      }
+    }
+  };
+  function FlagVertices() {
+    this._flagVertices = true;
+    this._flagLength = true;
+    if (this.parent) {
+      this.parent._flagLength = true;
+    }
+  }
+  function BindVertices(items) {
+    let i = items.length;
+    while (i--) {
+      items[i].bind(Events.Types.change, this._renderer.flagVertices);
+    }
+    this._renderer.flagVertices();
+  }
+  function UnbindVertices(items) {
+    let i = items.length;
+    while (i--) {
+      items[i].unbind(Events.Types.change, this._renderer.flagVertices);
+    }
+    this._renderer.flagVertices();
+  }
+  function FlagFill() {
+    this._flagFill = true;
+  }
+  function FlagStroke() {
+    this._flagStroke = true;
+  }
+
+  // src/shapes/rectangle.js
+  var _Rectangle = class extends Path {
+    constructor(x, y, width, height) {
+      const points = [
+        new Anchor(),
+        new Anchor(),
+        new Anchor(),
+        new Anchor()
+      ];
+      super(points, true, false, true);
+      for (let prop in proto12) {
+        Object.defineProperty(this, prop, proto12[prop]);
+      }
+      this.width = typeof width === "number" ? width : 1;
+      this.height = typeof height === "number" ? height : 1;
+      this.origin = new Vector();
+      if (typeof x === "number") {
+        this.translation.x = x;
+      }
+      if (typeof y === "number") {
+        this.translation.y = y;
+      }
+      this._update();
+    }
+    _flagWidth = 0;
+    _flagHeight = 0;
+    _width = 0;
+    _height = 0;
+    _origin = null;
+    _update() {
+      if (this._flagVertices || this._flagWidth || this._flagHeight) {
+        const xr = this._width / 2;
+        const yr = this._height / 2;
+        if (!this._closed && this.vertices.length === 4) {
+          this.vertices.push(new Anchor());
+        }
+        this.vertices[0].set(-xr, -yr).sub(this._origin).command = Commands.move;
+        this.vertices[1].set(xr, -yr).sub(this._origin).command = Commands.line;
+        this.vertices[2].set(xr, yr).sub(this._origin).command = Commands.line;
+        this.vertices[3].set(-xr, yr).sub(this._origin).command = Commands.line;
+        if (this.vertices[4]) {
+          this.vertices[4].set(-xr, -yr).sub(this._origin).command = Commands.line;
+        }
+      }
+      super._update.call(this);
+      return this;
+    }
+    flagReset() {
+      this._flagWidth = this._flagHeight = false;
+      super.flagReset.call(this);
+      return this;
+    }
+    clone(parent) {
+      const clone = new _Rectangle(0, 0, this.width, this.height);
+      clone.translation.copy(this.translation);
+      clone.rotation = this.rotation;
+      clone.scale = this.scale;
+      clone.skewX = this.skewX;
+      clone.skewY = this.skewY;
+      if (this.matrix.manual) {
+        clone.matrix.copy(this.matrix);
+      }
+      for (let i = 0; i < Path.Properties.length; i++) {
+        const k = Path.Properties[i];
+        clone[k] = this[k];
+      }
+      if (parent) {
+        parent.add(clone);
+      }
+      return clone;
+    }
+    toObject() {
+      const object = super.toObject.call(this);
+      object.width = this.width;
+      object.height = this.height;
+      object.origin = this.origin.toObject();
+      return object;
+    }
+  };
+  var Rectangle = _Rectangle;
+  __publicField(Rectangle, "Properties", ["width", "height"]);
+  var proto12 = {
+    width: {
+      enumerable: true,
+      get: function() {
+        return this._width;
+      },
+      set: function(v) {
+        this._width = v;
+        this._flagWidth = true;
+      }
+    },
+    height: {
+      enumerable: true,
+      get: function() {
+        return this._height;
+      },
+      set: function(v) {
+        this._height = v;
+        this._flagHeight = true;
+      }
+    },
+    origin: {
+      enumerable: true,
+      get: function() {
+        return this._origin;
+      },
+      set: function(v) {
+        if (this._origin) {
+          this._origin.unbind(Events.Types.change, this._renderer.flagVertices);
+        }
+        this._origin = v;
+        this._origin.bind(Events.Types.change, this._renderer.flagVertices);
+        this._renderer.flagVertices();
+      }
+    }
+  };
+
+  // src/effects/sprite.js
+  var _Sprite = class extends Rectangle {
+    _flagTexture = false;
+    _flagColumns = false;
+    _flagRows = false;
+    _flagFrameRate = false;
+    _flagIndex = false;
+    _amount = 1;
+    _duration = 0;
+    _startTime = 0;
+    _playing = false;
+    _firstFrame = 0;
+    _lastFrame = 0;
+    _loop = true;
+    _texture = null;
+    _columns = 1;
+    _rows = 1;
+    _frameRate = 0;
+    _index = 0;
+    _origin = null;
+    constructor(path, ox, oy, cols, rows, frameRate) {
+      super(ox, oy, 0, 0);
+      for (let prop in proto13) {
+        Object.defineProperty(this, prop, proto13[prop]);
+      }
+      this.noStroke();
+      this.noFill();
+      if (path instanceof Texture) {
+        this.texture = path;
+      } else if (typeof path === "string") {
+        this.texture = new Texture(path);
+      }
+      this.origin = new Vector();
+      this._update();
+      if (typeof cols === "number") {
+        this.columns = cols;
+      }
+      if (typeof rows === "number") {
+        this.rows = rows;
+      }
+      if (typeof frameRate === "number") {
+        this.frameRate = frameRate;
+      }
+      this.index = 0;
+    }
+    play(firstFrame, lastFrame, onLastFrame) {
+      this._playing = true;
+      this._firstFrame = 0;
+      this._lastFrame = this.amount - 1;
+      this._startTime = _.performance.now();
+      if (typeof firstFrame === "number") {
+        this._firstFrame = firstFrame;
+      }
+      if (typeof lastFrame === "number") {
+        this._lastFrame = lastFrame;
+      }
+      if (typeof onLastFrame === "function") {
+        this._onLastFrame = onLastFrame;
+      } else {
+        delete this._onLastFrame;
+      }
+      if (this._index !== this._firstFrame) {
+        this._startTime -= 1e3 * Math.abs(this._index - this._firstFrame) / this._frameRate;
+      }
+      return this;
+    }
+    pause() {
+      this._playing = false;
+      return this;
+    }
+    stop() {
+      this._playing = false;
+      this._index = 0;
+      return this;
+    }
+    clone(parent) {
+      const clone = new _Sprite(
+        this.texture,
+        this.translation.x,
+        this.translation.y,
+        this.columns,
+        this.rows,
+        this.frameRate
+      );
+      if (this.playing) {
+        clone.play(this._firstFrame, this._lastFrame);
+        clone._loop = this._loop;
+      }
+      if (parent) {
+        parent.add(clone);
+      }
+      return clone;
+    }
+    toObject() {
+      const object = super.toObject.call(this);
+      object.texture = this.texture.toObject();
+      object.columns = this.columns;
+      object.rows = this.rows;
+      object.frameRate = this.frameRate;
+      object.index = this.index;
+      object._firstFrame = this._firstFrame;
+      object._lastFrame = this._lastFrame;
+      object._loop = this._loop;
+      return object;
+    }
+    _update() {
+      const effect = this._texture;
+      const cols = this._columns;
+      const rows = this._rows;
+      let width, height, elapsed, amount, duration;
+      let index, iw, ih, frames;
+      if (effect) {
+        if (this._flagColumns || this._flagRows) {
+          this._amount = this._columns * this._rows;
+        }
+        if (this._flagFrameRate) {
+          this._duration = 1e3 * this._amount / this._frameRate;
+        }
+        if (this._flagTexture) {
+          this.fill = effect;
+        }
+        if (effect.loaded) {
+          iw = effect.image.width;
+          ih = effect.image.height;
+          width = iw / cols;
+          height = ih / rows;
+          amount = this._amount;
+          if (this.width !== width) {
+            this.width = width;
+          }
+          if (this.height !== height) {
+            this.height = height;
+          }
+          if (this._playing && this._frameRate > 0) {
+            if (_.isNaN(this._lastFrame)) {
+              this._lastFrame = amount - 1;
+            }
+            elapsed = _.performance.now() - this._startTime;
+            frames = this._lastFrame + 1;
+            duration = 1e3 * (frames - this._firstFrame) / this._frameRate;
+            if (this._loop) {
+              elapsed = elapsed % duration;
+            } else {
+              elapsed = Math.min(elapsed, duration);
+            }
+            index = lerp(this._firstFrame, frames, elapsed / duration);
+            index = Math.floor(index);
+            if (index !== this._index) {
+              this._index = index;
+              if (index >= this._lastFrame - 1 && this._onLastFrame) {
+                this._onLastFrame();
+              }
+            }
+          }
+          const col = this._index % cols;
+          const row = Math.floor(this._index / cols);
+          const ox = -width * col + (iw - width) / 2;
+          const oy = -height * row + (ih - height) / 2;
+          if (ox !== effect.offset.x) {
+            effect.offset.x = ox;
+          }
+          if (oy !== effect.offset.y) {
+            effect.offset.y = oy;
+          }
+        }
+      }
+      super._update.call(this);
+      return this;
+    }
+    flagReset() {
+      this._flagTexture = this._flagColumns = this._flagRows = this._flagFrameRate = false;
+      super.flagReset.call(this);
+      return this;
+    }
+  };
+  var Sprite = _Sprite;
+  __publicField(Sprite, "Properties", [
+    "texture",
+    "columns",
+    "rows",
+    "frameRate",
+    "index"
+  ]);
+  var proto13 = {
+    texture: {
+      enumerable: true,
+      get: function() {
+        return this._texture;
+      },
+      set: function(v) {
+        this._texture = v;
+        this._flagTexture = true;
+      }
+    },
+    columns: {
+      enumerable: true,
+      get: function() {
+        return this._columns;
+      },
+      set: function(v) {
+        this._columns = v;
+        this._flagColumns = true;
+      }
+    },
+    rows: {
+      enumerable: true,
+      get: function() {
+        return this._rows;
+      },
+      set: function(v) {
+        this._rows = v;
+        this._flagRows = true;
+      }
+    },
+    frameRate: {
+      enumerable: true,
+      get: function() {
+        return this._frameRate;
+      },
+      set: function(v) {
+        this._frameRate = v;
+        this._flagFrameRate = true;
+      }
+    },
+    index: {
+      enumerable: true,
+      get: function() {
+        return this._index;
+      },
+      set: function(v) {
+        this._index = v;
+        this._flagIndex = true;
+      }
+    }
+  };
+
+  // src/shapes/circle.js
+  var cos3 = Math.cos;
+  var sin3 = Math.sin;
+  var _Circle = class extends Path {
+    _flagRadius = false;
+    _radius = 0;
+    constructor(ox, oy, r, resolution) {
+      const amount = resolution ? Math.max(resolution, 2) : 4;
+      const points = [];
+      for (let i = 0; i < amount; i++) {
+        points.push(new Anchor(0, 0, 0, 0, 0, 0));
+      }
+      super(points, true, true, true);
+      for (let prop in proto14) {
+        Object.defineProperty(this, prop, proto14[prop]);
+      }
+      if (typeof r === "number") {
+        this.radius = r;
+      }
+      this._update();
+      if (typeof ox === "number") {
+        this.translation.x = ox;
+      }
+      if (typeof oy === "number") {
+        this.translation.y = oy;
+      }
+    }
+    _update() {
+      if (this._flagVertices || this._flagRadius) {
+        let length = this.vertices.length;
+        if (!this._closed && length > 2) {
+          length -= 1;
+        }
+        const c = 4 / 3 * Math.tan(Math.PI / (length * 2));
+        const radius = this._radius;
+        const rc = radius * c;
+        for (let i = 0; i < this.vertices.length; i++) {
+          const pct = i / length;
+          const theta = pct * TWO_PI;
+          const x = radius * cos3(theta);
+          const y = radius * sin3(theta);
+          const lx = rc * cos3(theta - HALF_PI);
+          const ly = rc * sin3(theta - HALF_PI);
+          const rx = rc * cos3(theta + HALF_PI);
+          const ry = rc * sin3(theta + HALF_PI);
+          const v = this.vertices[i];
+          v.command = i === 0 ? Commands.move : Commands.curve;
+          v.set(x, y);
+          v.controls.left.set(lx, ly);
+          v.controls.right.set(rx, ry);
+        }
+      }
+      super._update.call(this);
+      return this;
+    }
+    flagReset() {
+      this._flagRadius = false;
+      super.flagReset.call(this);
+      return this;
+    }
+    clone(parent) {
+      const clone = new _Circle(0, 0, this.radius, this.vertices.length);
+      clone.translation.copy(this.translation);
+      clone.rotation = this.rotation;
+      clone.scale = this.scale;
+      clone.skewX = this.skewX;
+      clone.skewY = this.skewY;
+      if (this.matrix.manual) {
+        clone.matrix.copy(this.matrix);
+      }
+      for (let i = 0; i < Path.Properties.length; i++) {
+        const k = Path.Properties[i];
+        clone[k] = this[k];
+      }
+      if (parent) {
+        parent.add(clone);
+      }
+      return clone;
+    }
+    toObject() {
+      const object = super.toObject.call(this);
+      for (let i = 0; i < _Circle.Properties.length; i++) {
+        const k = _Circle.Properties[i];
+        object[k] = this[k];
+      }
+      return object;
+    }
+  };
+  var Circle = _Circle;
+  __publicField(Circle, "Properties", ["radius"]);
+  var proto14 = {
+    radius: {
+      enumerable: true,
+      get: function() {
+        return this._radius;
+      },
+      set: function(v) {
+        this._radius = v;
+        this._flagRadius = true;
+      }
+    }
+  };
+
+  // src/shapes/ellipse.js
+  var cos4 = Math.cos;
+  var sin4 = Math.sin;
+  var _Ellipse = class extends Path {
+    _flagWidth = false;
+    _flagHeight = false;
+    _width = 0;
+    _height = 0;
+    constructor(x, y, rx, ry, resolution) {
+      if (typeof ry !== "number" && typeof rx === "number") {
+        ry = rx;
+      }
+      const amount = resolution ? Math.max(resolution, 2) : 4;
+      const points = [];
+      for (let i = 0; i < amount; i++) {
+        points.push(new Anchor());
+      }
+      super(points, true, true, true);
+      for (let prop in proto15) {
+        Object.defineProperty(this, prop, proto15[prop]);
+      }
+      if (typeof rx === "number") {
+        this.width = rx * 2;
+      }
+      if (typeof ry === "number") {
+        this.height = ry * 2;
+      }
+      this._update();
+      if (typeof x === "number") {
+        this.translation.x = x;
+      }
+      if (typeof y === "number") {
+        this.translation.y = y;
+      }
+    }
+    _update() {
+      if (this._flagVertices || this._flagWidth || this._flagHeight) {
+        let length = this.vertices.length;
+        if (!this._closed && length > 2) {
+          length -= 1;
+        }
+        const c = 4 / 3 * Math.tan(Math.PI / (this.vertices.length * 2));
+        const radiusX = this._width / 2;
+        const radiusY = this._height / 2;
+        for (let i = 0; i < this.vertices.length; i++) {
+          const pct = i / length;
+          const theta = pct * TWO_PI;
+          const x = radiusX * cos4(theta);
+          const y = radiusY * sin4(theta);
+          const lx = radiusX * c * cos4(theta - HALF_PI);
+          const ly = radiusY * c * sin4(theta - HALF_PI);
+          const rx = radiusX * c * cos4(theta + HALF_PI);
+          const ry = radiusY * c * sin4(theta + HALF_PI);
+          const v = this.vertices[i];
+          v.command = i === 0 ? Commands.move : Commands.curve;
+          v.set(x, y);
+          v.controls.left.set(lx, ly);
+          v.controls.right.set(rx, ry);
+        }
+      }
+      super._update.call(this);
+      return this;
+    }
+    flagReset() {
+      this._flagWidth = this._flagHeight = false;
+      super.flagReset.call(this);
+      return this;
+    }
+    clone(parent) {
+      const rx = this.width / 2;
+      const ry = this.height / 2;
+      const resolution = this.vertices.length;
+      const clone = new _Ellipse(0, 0, rx, ry, resolution);
+      clone.translation.copy(this.translation);
+      clone.rotation = this.rotation;
+      clone.scale = this.scale;
+      clone.skewX = this.skewX;
+      clone.skewY = this.skewY;
+      if (this.matrix.manual) {
+        clone.matrix.copy(this.matrix);
+      }
+      for (let i = 0; i < Path.Properties.length; i++) {
+        const k = Path.Properties[i];
+        clone[k] = this[k];
+      }
+      if (parent) {
+        parent.add(clone);
+      }
+      return clone;
+    }
+    toObject() {
+      const object = super.toObject.call(this);
+      for (let i = 0; i < _Ellipse.Properties.length; i++) {
+        const k = _Ellipse.Properties[i];
+        object[k] = this[k];
+      }
+      return object;
+    }
+  };
+  var Ellipse = _Ellipse;
+  __publicField(Ellipse, "Properties", ["width", "height"]);
+  var proto15 = {
+    width: {
+      enumerable: true,
+      get: function() {
+        return this._width;
+      },
+      set: function(v) {
+        this._width = v;
+        this._flagWidth = true;
+      }
+    },
+    height: {
+      enumerable: true,
+      get: function() {
+        return this._height;
+      },
+      set: function(v) {
+        this._height = v;
+        this._flagHeight = true;
+      }
+    }
+  };
+
+  // src/shapes/line.js
+  var Line = class extends Path {
+    constructor(x1, y1, x2, y2) {
+      const points = [
+        new Anchor(x1, y1),
+        new Anchor(x2, y2)
+      ];
+      super(points);
+      for (let prop in proto16) {
+        Object.defineProperty(this, prop, proto16[prop]);
+      }
+      this.vertices[0].command = Commands.move;
+      this.vertices[1].command = Commands.line;
+      this.automatic = false;
+    }
+  };
+  var proto16 = {
+    left: {
+      enumerable: true,
+      get: function() {
+        return this.vertices[0];
+      },
+      set: function(v) {
+        if (_.isObject(v)) {
+          this.vertices.splice(0, 1, v);
+        } else {
+          const error = new TwoError("Two.Line.x argument is not an object.");
+          console.warn(error.name, error.message);
+        }
+      }
+    },
+    right: {
+      enumerable: true,
+      get: function() {
+        return this.vertices[1];
+      },
+      set: function(v) {
+        if (_.isObject(v)) {
+          this.vertices.splice(1, 1, v);
+        } else {
+          const error = new TwoError("Two.Line.y argument is not an object.");
+          console.warn(error.name, error.message);
+        }
+      }
+    }
+  };
+
+  // src/shapes/rounded-rectangle.js
+  var _RoundedRectangle = class extends Path {
+    _flagWidth = false;
+    _flagHeight = false;
+    _flagRadius = false;
+    _width = 0;
+    _height = 0;
+    _radius = 12;
+    constructor(x, y, width, height, radius) {
+      if (typeof radius === "undefined" && typeof width === "number" && typeof height === "number") {
+        radius = Math.floor(Math.min(width, height) / 12);
+      }
+      const points = [];
+      for (let i = 0; i < 10; i++) {
+        points.push(
+          new Anchor(
+            0,
+            0,
+            0,
+            0,
+            0,
+            0,
+            i === 0 ? Commands.move : Commands.curve
+          )
+        );
+      }
+      super(points);
+      for (let prop in proto17) {
+        Object.defineProperty(this, prop, proto17[prop]);
+      }
+      this.closed = true;
+      this.automatic = false;
+      this._renderer.flagRadius = FlagRadius.bind(this);
+      if (typeof width === "number") {
+        this.width = width;
+      }
+      if (typeof height === "number") {
+        this.height = height;
+      }
+      if (typeof radius === "number") {
+        this.radius = radius;
+      }
+      this._update();
+      if (typeof x === "number") {
+        this.translation.x = x;
+      }
+      if (typeof y === "number") {
+        this.translation.y = y;
+      }
+    }
+    _update() {
+      if (this._flagVertices || this._flagWidth || this._flagHeight || this._flagRadius) {
+        const width = this._width;
+        const height = this._height;
+        let rx, ry;
+        if (this._radius instanceof Vector) {
+          rx = this._radius.x;
+          ry = this._radius.y;
+        } else {
+          rx = this._radius;
+          ry = this._radius;
+        }
+        let v;
+        let w = width / 2;
+        let h = height / 2;
+        v = this.vertices[0];
+        v.x = -(w - rx);
+        v.y = -h;
+        v = this.vertices[1];
+        v.x = w - rx;
+        v.y = -h;
+        v.controls.left.clear();
+        v.controls.right.x = rx;
+        v.controls.right.y = 0;
+        v = this.vertices[2];
+        v.x = w;
+        v.y = -(h - ry);
+        v.controls.right.clear();
+        v.controls.left.clear();
+        v = this.vertices[3];
+        v.x = w;
+        v.y = h - ry;
+        v.controls.left.clear();
+        v.controls.right.x = 0;
+        v.controls.right.y = ry;
+        v = this.vertices[4];
+        v.x = w - rx;
+        v.y = h;
+        v.controls.right.clear();
+        v.controls.left.clear();
+        v = this.vertices[5];
+        v.x = -(w - rx);
+        v.y = h;
+        v.controls.left.clear();
+        v.controls.right.x = -rx;
+        v.controls.right.y = 0;
+        v = this.vertices[6];
+        v.x = -w;
+        v.y = h - ry;
+        v.controls.left.clear();
+        v.controls.right.clear();
+        v = this.vertices[7];
+        v.x = -w;
+        v.y = -(h - ry);
+        v.controls.left.clear();
+        v.controls.right.x = 0;
+        v.controls.right.y = -ry;
+        v = this.vertices[8];
+        v.x = -(w - rx);
+        v.y = -h;
+        v.controls.left.clear();
+        v.controls.right.clear();
+        v = this.vertices[9];
+        v.copy(this.vertices[8]);
+      }
+      super._update.call(this);
+      return this;
+    }
+    flagReset() {
+      this._flagWidth = this._flagHeight = this._flagRadius = false;
+      super.flagReset.call(this);
+      return this;
+    }
+    clone(parent) {
+      const width = this.width;
+      const height = this.height;
+      const radius = this.radius;
+      const clone = new _RoundedRectangle(0, 0, width, height, radius);
+      clone.translation.copy(this.translation);
+      clone.rotation = this.rotation;
+      clone.scale = this.scale;
+      clone.skewX = this.skewX;
+      clone.skewY = this.skewY;
+      if (this.matrix.manual) {
+        clone.matrix.copy(this.matrix);
+      }
+      for (let i = 0; i < Path.Properties.length; i++) {
+        const k = Path.Properties[i];
+        clone[k] = this[k];
+      }
+      if (parent) {
+        parent.add(clone);
+      }
+      return clone;
+    }
+    toObject() {
+      const object = super.toObject.call(this);
+      for (let i = 0; i < _RoundedRectangle.Properties.length; i++) {
+        const k = _RoundedRectangle.Properties[i];
+        object[k] = this[k];
+      }
+      object.radius = typeof this.radius === "number" ? this.radius : this.radius.toObject();
+      return object;
+    }
+  };
+  var RoundedRectangle = _RoundedRectangle;
+  __publicField(RoundedRectangle, "Properties", ["width", "height", "radius"]);
+  var proto17 = {
+    width: {
+      enumerable: true,
+      get: function() {
+        return this._width;
+      },
+      set: function(v) {
+        this._width = v;
+        this._flagWidth = true;
+      }
+    },
+    height: {
+      enumerable: true,
+      get: function() {
+        return this._height;
+      },
+      set: function(v) {
+        this._height = v;
+        this._flagHeight = true;
+      }
+    },
+    radius: {
+      enumerable: true,
+      get: function() {
+        return this._radius;
+      },
+      set: function(v) {
+        if (this._radius instanceof Vector) {
+          this._radius.unbind(Events.Types.change, this._renderer.flagRadius);
+        }
+        this._radius = v;
+        if (this._radius instanceof Vector) {
+          this._radius.bind(Events.Types.change, this._renderer.flagRadius);
+        }
+        this._flagRadius = true;
+      }
+    }
+  };
+  function FlagRadius() {
+    this._flagRadius = true;
+  }
+
+  // src/text.js
+  var canvas2;
+  var min4 = Math.min;
+  var max4 = Math.max;
+  if (root.document) {
+    canvas2 = document.createElement("canvas");
+  }
+  var _Text = class extends Shape {
+    _flagValue = true;
+    _flagFamily = true;
+    _flagSize = true;
+    _flagLeading = true;
+    _flagAlignment = true;
+    _flagBaseline = true;
+    _flagStyle = true;
+    _flagWeight = true;
+    _flagDecoration = true;
+    _flagFill = true;
+    _flagStroke = true;
+    _flagLinewidth = true;
+    _flagOpacity = true;
+    _flagVisible = true;
+    _flagMask = false;
+    _flagClip = false;
+    _value = "";
+    _family = "sans-serif";
+    _size = 13;
+    _leading = 17;
+    _alignment = "center";
+    _baseline = "middle";
+    _style = "normal";
+    _weight = 500;
+    _decoration = "none";
+    _fill = "#000";
+    _stroke = "none";
+    _linewidth = 1;
+    _opacity = 1;
+    _visible = true;
+    _mask = null;
+    _clip = false;
+    _dashes = null;
+    constructor(message, x, y, styles) {
+      super();
+      for (let prop in proto18) {
+        Object.defineProperty(this, prop, proto18[prop]);
+      }
+      this._renderer.type = "text";
+      this._renderer.flagFill = FlagFill2.bind(this);
+      this._renderer.flagStroke = FlagStroke2.bind(this);
+      this.value = message;
+      if (typeof x === "number") {
+        this.translation.x = x;
+      }
+      if (typeof y === "number") {
+        this.translation.y = y;
+      }
+      this.dashes = [];
+      this.dashes.offset = 0;
+      if (!_.isObject(styles)) {
+        return this;
+      }
+      for (let i = 0; i < _Text.Properties.length; i++) {
+        const property = _Text.Properties[i];
+        if (property in styles) {
+          this[property] = styles[property];
+        }
+      }
+    }
+    static Measure(text) {
+      if (canvas2) {
+        const ctx = canvas2.getContext("2d");
+        ctx.font = [
+          text._style,
+          text._weight,
+          `${text._size}px/${text._leading}px`,
+          text._family
+        ].join(" ");
+        const metrics = ctx.measureText(text.value, 0, 0);
+        const height = metrics.actualBoundingBoxDescent + metrics.actualBoundingBoxAscent;
+        return {
+          width: metrics.width,
+          height
+        };
+      } else {
+        const width = this.value.length * this.size * _Text.Ratio;
+        const height = this.leading;
+        console.warn("Two.Text: unable to accurately measure text, so using an approximation.");
+        return {
+          width,
+          height
+        };
+      }
+    }
+    clone(parent) {
+      const clone = new _Text(this.value);
+      clone.translation.copy(this.translation);
+      clone.rotation = this.rotation;
+      clone.scale = this.scale;
+      for (let i = 0; i < _Text.Properties.length; i++) {
+        const prop = _Text.Properties[i];
+        clone[prop] = this[prop];
+      }
+      if (this.matrix.manual) {
+        clone.matrix.copy(this.matrix);
+      }
+      if (parent) {
+        parent.add(clone);
+      }
+      return clone._update();
+    }
+    toObject() {
+      const result = {
+        translation: this.translation.toObject(),
+        rotation: this.rotation,
+        scale: this.scale
+      };
+      if (this.matrix.manual) {
+        result.matrix = this.matrix.toObject();
+      }
+      for (let i = 0; i < _Text.Properties.length; i++) {
+        const prop = _Text.Properties[i];
+        result[prop] = this[prop];
+      }
+      return result;
+    }
+    noFill() {
+      this.fill = "none";
+      return this;
+    }
+    noStroke() {
+      this.stroke = "none";
+      this.linewidth = 0;
+      return this;
+    }
+    getBoundingClientRect(shallow) {
+      let matrix;
+      let left, right, top, bottom;
+      this._update(true);
+      matrix = shallow ? this.matrix : this.worldMatrix;
+      const { width, height } = _Text.Measure(this);
+      const border = (this._linewidth || 0) / 2;
+      switch (this.alignment) {
+        case "left":
+          left = -border;
+          right = width + border;
+          break;
+        case "right":
+          left = -(width + border);
+          right = border;
+          break;
+        default:
+          left = -(width / 2 + border);
+          right = width / 2 + border;
+      }
+      switch (this.baseline) {
+        case "middle":
+          top = -(height / 2 + border);
+          bottom = height / 2 + border;
+          break;
+        default:
+          top = -(height + border);
+          bottom = border;
+      }
+      const [ax, ay] = matrix.multiply(left, top);
+      const [bx, by] = matrix.multiply(left, bottom);
+      const [cx, cy] = matrix.multiply(right, top);
+      const [dx, dy] = matrix.multiply(right, bottom);
+      top = min4(ay, by, cy, dy);
+      left = min4(ax, bx, cx, dx);
+      right = max4(ax, bx, cx, dx);
+      bottom = max4(ay, by, cy, dy);
+      return {
+        top,
+        left,
+        right,
+        bottom,
+        width: right - left,
+        height: bottom - top
+      };
+    }
+    flagReset() {
+      super.flagReset.call(this);
+      this._flagValue = this._flagFamily = this._flagSize = this._flagLeading = this._flagAlignment = this._flagFill = this._flagStroke = this._flagLinewidth = this._flagOpacity = this._flagVisible = this._flagClip = this._flagDecoration = this._flagClassName = this._flagBaseline = this._flagWeight = this._flagStyle = false;
+      return this;
+    }
+  };
+  var Text = _Text;
+  __publicField(Text, "Ratio", 0.6);
+  __publicField(Text, "Properties", [
+    "value",
+    "family",
+    "size",
+    "leading",
+    "alignment",
+    "linewidth",
+    "style",
+    "weight",
+    "decoration",
+    "baseline",
+    "opacity",
+    "visible",
+    "fill",
+    "stroke"
+  ]);
+  var proto18 = {
+    value: {
+      enumerable: true,
+      get: function() {
+        return this._value;
+      },
+      set: function(v) {
+        this._value = v;
+        this._flagValue = true;
+      }
+    },
+    family: {
+      enumerable: true,
+      get: function() {
+        return this._family;
+      },
+      set: function(v) {
+        this._family = v;
+        this._flagFamily = true;
+      }
+    },
+    size: {
+      enumerable: true,
+      get: function() {
+        return this._size;
+      },
+      set: function(v) {
+        this._size = v;
+        this._flagSize = true;
+      }
+    },
+    leading: {
+      enumerable: true,
+      get: function() {
+        return this._leading;
+      },
+      set: function(v) {
+        this._leading = v;
+        this._flagLeading = true;
+      }
+    },
+    alignment: {
+      enumerable: true,
+      get: function() {
+        return this._alignment;
+      },
+      set: function(v) {
+        this._alignment = v;
+        this._flagAlignment = true;
+      }
+    },
+    linewidth: {
+      enumerable: true,
+      get: function() {
+        return this._linewidth;
+      },
+      set: function(v) {
+        this._linewidth = v;
+        this._flagLinewidth = true;
+      }
+    },
+    style: {
+      enumerable: true,
+      get: function() {
+        return this._style;
+      },
+      set: function(v) {
+        this._style = v;
+        this._flagStyle = true;
+      }
+    },
+    weight: {
+      enumerable: true,
+      get: function() {
+        return this._weight;
+      },
+      set: function(v) {
+        this._weight = v;
+        this._flagWeight = true;
+      }
+    },
+    decoration: {
+      enumerable: true,
+      get: function() {
+        return this._decoration;
+      },
+      set: function(v) {
+        this._decoration = v;
+        this._flagDecoration = true;
+      }
+    },
+    baseline: {
+      enumerable: true,
+      get: function() {
+        return this._baseline;
+      },
+      set: function(v) {
+        this._baseline = v;
+        this._flagBaseline = true;
+      }
+    },
+    opacity: {
+      enumerable: true,
+      get: function() {
+        return this._opacity;
+      },
+      set: function(v) {
+        this._opacity = v;
+        this._flagOpacity = true;
+      }
+    },
+    visible: {
+      enumerable: true,
+      get: function() {
+        return this._visible;
+      },
+      set: function(v) {
+        this._visible = v;
+        this._flagVisible = true;
+      }
+    },
+    fill: {
+      enumerable: true,
+      get: function() {
+        return this._fill;
+      },
+      set: function(f) {
+        if (this._fill instanceof Gradient || this._fill instanceof LinearGradient || this._fill instanceof RadialGradient || this._fill instanceof Texture) {
+          this._fill.unbind(Events.Types.change, this._renderer.flagFill);
+        }
+        this._fill = f;
+        this._flagFill = true;
+        if (this._fill instanceof Gradient || this._fill instanceof LinearGradient || this._fill instanceof RadialGradient || this._fill instanceof Texture) {
+          this._fill.bind(Events.Types.change, this._renderer.flagFill);
+        }
+      }
+    },
+    stroke: {
+      enumerable: true,
+      get: function() {
+        return this._stroke;
+      },
+      set: function(f) {
+        if (this._stroke instanceof Gradient || this._stroke instanceof LinearGradient || this._stroke instanceof RadialGradient || this._stroke instanceof Texture) {
+          this._stroke.unbind(Events.Types.change, this._renderer.flagStroke);
+        }
+        this._stroke = f;
+        this._flagStroke = true;
+        if (this._stroke instanceof Gradient || this._stroke instanceof LinearGradient || this._stroke instanceof RadialGradient || this._stroke instanceof Texture) {
+          this._stroke.bind(Events.Types.change, this._renderer.flagStroke);
+        }
+      }
+    },
+    mask: {
+      enumerable: true,
+      get: function() {
+        return this._mask;
+      },
+      set: function(v) {
+        this._mask = v;
+        this._flagMask = true;
+        if (_.isObject(v) && !v.clip) {
+          v.clip = true;
+        }
+      }
+    },
+    clip: {
+      enumerable: true,
+      get: function() {
+        return this._clip;
+      },
+      set: function(v) {
+        this._clip = v;
+        this._flagClip = true;
+      }
+    },
+    dashes: {
+      enumerable: true,
+      get: function() {
+        return this._dashes;
+      },
+      set: function(v) {
+        if (typeof v.offset !== "number") {
+          v.offset = this.dashes && this._dashes.offset || 0;
+        }
+        this._dashes = v;
+      }
+    }
+  };
+  function FlagFill2() {
+    this._flagFill = true;
+  }
+  function FlagStroke2() {
+    this._flagStroke = true;
+  }
+
+  // src/utils/interpret-svg.js
+  var regex2 = {
+    path: /[+-]?(?:\d*\.\d+|\d+)(?:[eE][+-]\d+)?/g,
+    cssBackgroundImage: /url\(['"]?#([\w\d-_]*)['"]?\)/i,
+    unitSuffix: /[a-zA-Z%]*/i
+  };
+  var alignments = {
+    start: "left",
+    middle: "center",
+    end: "right"
+  };
+  var reservedAttributesToRemove = ["id", "class", "transform", "xmlns", "viewBox"];
+  var overwriteAttrs = ["x", "y", "width", "height", "href", "xlink:href"];
+  function getAlignment(anchor2) {
+    return alignments[anchor2];
+  }
+  function getBaseline(node) {
+    const a = node.getAttribute("dominant-baseline");
+    const b = node.getAttribute("alignment-baseline");
+    return a || b;
+  }
+  function getTagName(tag) {
+    return tag.replace(/svg:/ig, "").toLowerCase();
+  }
+  function applyTransformsToVector(transforms, vector2) {
+    vector2.x += transforms.translateX;
+    vector2.y += transforms.translateY;
+    vector2.x *= transforms.scaleX;
+    vector2.y *= transforms.scaleY;
+    if (transforms.rotation !== 0) {
+      const l = vector2.length();
+      vector2.x = l * Math.cos(transforms.rotation);
+      vector2.y = l * Math.sin(transforms.rotation);
+    }
+  }
+  function extractCSSText(text, styles) {
+    if (!styles) {
+      styles = {};
+    }
+    const commands = text.split(";");
+    for (let i = 0; i < commands.length; i++) {
+      const command = commands[i].split(":");
+      const name = command[0];
+      const value = command[1];
+      if (typeof name === "undefined" || typeof value === "undefined") {
+        continue;
+      }
+      styles[name] = value.replace(/\s/, "");
+    }
+    return styles;
+  }
+  function getSvgStyles(node) {
+    const styles = {};
+    const attributes = getSvgAttributes(node);
+    const length = Math.max(attributes.length, node.style.length);
+    for (let i = 0; i < length; i++) {
+      const command = node.style[i];
+      const attribute = attributes[i];
+      if (command) {
+        styles[command] = node.style[command];
+      }
+      if (attribute) {
+        styles[attribute] = node.getAttribute(attribute);
+      }
+    }
+    return styles;
+  }
+  function getSvgAttributes(node) {
+    const attributes = node.getAttributeNames();
+    for (let i = 0; i < reservedAttributesToRemove.length; i++) {
+      const keyword = reservedAttributesToRemove[i];
+      const index = Array.prototype.indexOf.call(attributes, keyword);
+      if (index >= 0) {
+        attributes.splice(index, 1);
+      }
+    }
+    return attributes;
+  }
+  function applySvgViewBox(node, value) {
+    const elements = value.split(/[\s,]/);
+    const x = -parseFloat(elements[0]);
+    const y = -parseFloat(elements[1]);
+    const width = parseFloat(elements[2]);
+    const height = parseFloat(elements[3]);
+    if (x && y) {
+      for (let i = 0; i < node.children.length; i++) {
+        const child = node.children[i];
+        if ("translation" in child) {
+          child.translation.add(x, y);
+        } else if ("x" in child) {
+          child.x = x;
+        } else if ("y" in child) {
+          child.y = y;
+        }
+      }
+    }
+    const xExists = typeof node.x === "number";
+    const yExists = typeof node.y === "number";
+    const widthExists = typeof node.width === "number";
+    const heightExists = typeof node.height === "number";
+    if (xExists) {
+      node.translation.x += node.x;
+    }
+    if (yExists) {
+      node.translation.y += node.y;
+    }
+    if (widthExists || heightExists) {
+      node.scale = new Vector(1, 1);
+    }
+    if (widthExists) {
+      node.scale.x = node.width / width;
+    }
+    if (heightExists) {
+      node.scale.y = node.height / height;
+    }
+    node.mask = new Rectangle(0, 0, width, height);
+    node.mask.origin.set(-width / 2, -height / 2);
+    return node;
+  }
+  function applySvgAttributes(node, elem, parentStyles) {
+    const styles = {}, attributes = {}, extracted = {};
+    let i, m, key, value, prop, attr;
+    let transforms, x, y;
+    let id, scene, ref, tagName;
+    let ca, cb, cc, error;
+    if (node === null) {
+      return styles;
+    }
+    if (root.getComputedStyle) {
+      const computedStyles = root.getComputedStyle(node);
+      i = computedStyles.length;
+      while (i--) {
+        key = computedStyles[i];
+        value = computedStyles[key];
+        if (typeof value !== "undefined") {
+          styles[key] = value;
+        }
+      }
+    }
+    for (i = 0; i < node.attributes.length; i++) {
+      attr = node.attributes[i];
+      if (/style/i.test(attr.nodeName)) {
+        extractCSSText(attr.value, extracted);
+      } else {
+        attributes[attr.nodeName] = attr.value;
+      }
+    }
+    if (typeof styles.opacity !== "undefined") {
+      styles["stroke-opacity"] = styles.opacity;
+      styles["fill-opacity"] = styles.opacity;
+      delete styles.opacity;
+    }
+    if (parentStyles) {
+      _.defaults(styles, parentStyles);
+    }
+    _.extend(styles, extracted, attributes);
+    styles.visible = !(typeof styles.display === "undefined" && /none/i.test(styles.display)) || typeof styles.visibility === "undefined" && /hidden/i.test(styles.visibility);
+    for (key in styles) {
+      value = styles[key];
+      switch (key) {
+        case "gradientTransform":
+          if (/none/i.test(value))
+            break;
+          m = node.gradientTransform && node.gradientTransform.baseVal && node.gradientTransform.baseVal.length > 0 ? node.gradientTransform.baseVal[0].matrix : node.getCTM ? node.getCTM() : null;
+          if (m === null)
+            break;
+          transforms = decomposeMatrix(m);
+          switch (elem._renderer.type) {
+            case "linear-gradient":
+              applyTransformsToVector(transforms, elem.left);
+              applyTransformsToVector(transforms, elem.right);
+              break;
+            case "radial-gradient":
+              elem.center.x += transforms.translateX;
+              elem.center.y += transforms.translateY;
+              elem.focal.x += transforms.translateX;
+              elem.focal.y += transforms.translateY;
+              elem.radius *= Math.max(transforms.scaleX, transforms.scaleY);
+              break;
+          }
+          break;
+        case "transform":
+          if (/none/i.test(value))
+            break;
+          m = node.transform && node.transform.baseVal && node.transform.baseVal.length > 0 ? node.transform.baseVal[0].matrix : node.getCTM ? node.getCTM() : null;
+          if (m === null)
+            break;
+          if (Constants.AutoCalculateImportedMatrices) {
+            transforms = decomposeMatrix(m);
+            elem.translation.set(transforms.translateX, transforms.translateY);
+            elem.rotation = Math.PI * (transforms.rotation / 180);
+            elem.scale = new Vector(transforms.scaleX, transforms.scaleY);
+            x = parseFloat((styles.x + "").replace("px"));
+            y = parseFloat((styles.y + "").replace("px"));
+            if (x) {
+              elem.translation.x = x;
+            }
+            if (y) {
+              elem.translation.y = y;
+            }
+          } else {
+            m = node.getCTM();
+            elem._matrix.manual = true;
+            elem._matrix.set(m.a, m.b, m.c, m.d, m.e, m.f);
+          }
+          break;
+        case "visible":
+          if (elem instanceof Group) {
+            elem._visible = value;
+            break;
+          }
+          elem.visible = value;
+          break;
+        case "stroke-linecap":
+          if (elem instanceof Group) {
+            elem._cap = value;
+            break;
+          }
+          elem.cap = value;
+          break;
+        case "stroke-linejoin":
+          if (elem instanceof Group) {
+            elem._join = value;
+            break;
+          }
+          elem.join = value;
+          break;
+        case "stroke-miterlimit":
+          if (elem instanceof Group) {
+            elem._miter = value;
+            break;
+          }
+          elem.miter = value;
+          break;
+        case "stroke-width":
+          if (elem instanceof Group) {
+            elem._linewidth = parseFloat(value);
+            break;
+          }
+          elem.linewidth = parseFloat(value);
+          break;
+        case "opacity":
+        case "stroke-opacity":
+        case "fill-opacity":
+          if (elem instanceof Group) {
+            elem._opacity = parseFloat(value);
+            break;
+          }
+          elem.opacity = parseFloat(value);
+          break;
+        case "clip-path":
+          if (regex2.cssBackgroundImage.test(value)) {
+            id = value.replace(regex2.cssBackgroundImage, "$1");
+            if (read.defs.current && read.defs.current.contains(id)) {
+              ref = read.defs.current.get(id);
+              if (ref && ref.childNodes.length > 0) {
+                ref = ref.childNodes[0];
+                tagName = getTagName(ref.nodeName);
+                elem.mask = read[tagName].call(this, ref, {});
+                switch (elem._renderer.type) {
+                  case "text":
+                  case "path":
+                    elem.position.add(elem.mask.position);
+                    elem.mask.position.clear();
+                    break;
+                }
+              }
+            }
+          }
+          break;
+        case "fill":
+        case "stroke":
+          prop = (elem instanceof Group ? "_" : "") + key;
+          if (regex2.cssBackgroundImage.test(value)) {
+            id = value.replace(regex2.cssBackgroundImage, "$1");
+            if (read.defs.current && read.defs.current.contains(id)) {
+              ref = read.defs.current.get(id);
+              if (!ref.object) {
+                tagName = getTagName(ref.nodeName);
+                ref.object = read[tagName].call(this, ref, {});
+              }
+              ref = ref.object;
+            } else {
+              scene = getScene(this);
+              ref = scene.getById(id);
+            }
+            elem[prop] = ref;
+          } else {
+            elem[prop] = value;
+          }
+          break;
+        case "id":
+          elem.id = value;
+          break;
+        case "class":
+        case "className":
+          elem.classList = value.split(" ");
+          elem._flagClassName = true;
+          break;
+        case "x":
+        case "y":
+          ca = elem instanceof Gradient;
+          cb = elem instanceof LinearGradient;
+          cc = elem instanceof RadialGradient;
+          if (ca || cb || cc) {
+            break;
+          }
+          if (value.match("[a-z%]$") && !value.endsWith("px")) {
+            error = new TwoError(
+              "only pixel values are supported with the " + key + " attribute."
+            );
+            console.warn(error.name, error.message);
+          }
+          elem.translation[key] = parseFloat(value);
+          break;
+        case "font-family":
+          if (elem instanceof Text) {
+            elem.family = value;
+          }
+          break;
+        case "font-size":
+          if (elem instanceof Text) {
+            elem.size = value;
+          }
+          break;
+        case "font-weight":
+          if (elem instanceof Text) {
+            elem.weight = value;
+          }
+          break;
+        case "font-style":
+          if (elem instanceof Text) {
+            elem.style = value;
+          }
+          break;
+        case "text-decoration":
+          if (elem instanceof Text) {
+            elem.decoration = value;
+          }
+          break;
+        case "line-height":
+          if (elem instanceof Text) {
+            elem.leading = value;
+          }
+          break;
+      }
+    }
+    if (Object.keys(node.dataset).length)
+      elem.dataset = node.dataset;
+    return styles;
+  }
+  function updateDefsCache(node, defsCache) {
+    for (let i = 0, l = node.childNodes.length; i < l; i++) {
+      const n = node.childNodes[i];
+      if (!n.id)
+        continue;
+      const tagName = getTagName(node.nodeName);
+      if (tagName === "#text")
+        continue;
+      defsCache.add(n.id, n);
+    }
+  }
+  function getScene(node) {
+    while (node.parent) {
+      node = node.parent;
+    }
+    return node.scene;
+  }
+  var read = {
+    svg: function(node) {
+      const defs = read.defs.current = new Registry();
+      const elements = node.getElementsByTagName("defs");
+      for (let i = 0; i < elements.length; i++) {
+        updateDefsCache(elements[i], defs);
+      }
+      const svg2 = read.g.call(this, node);
+      const viewBox = node.getAttribute("viewBox");
+      const x = node.getAttribute("x");
+      const y = node.getAttribute("y");
+      const width = node.getAttribute("width");
+      const height = node.getAttribute("height");
+      svg2.defs = defs;
+      const viewBoxExists = viewBox !== null;
+      const xExists = x !== null;
+      const yExists = y !== null;
+      const widthExists = width !== null;
+      const heightExists = height !== null;
+      if (xExists) {
+        svg2.x = parseFloat(x.replace(regex2.unitSuffix, ""));
+      }
+      if (yExists) {
+        svg2.y = parseFloat(y.replace(regex2.unitSuffix, ""));
+      }
+      if (widthExists) {
+        svg2.width = parseFloat(width.replace(regex2.unitSuffix, ""));
+      }
+      if (heightExists) {
+        svg2.height = parseFloat(height.replace(regex2.unitSuffix, ""));
+      }
+      if (viewBoxExists) {
+        applySvgViewBox(svg2, viewBox);
+      }
+      delete read.defs.current;
+      return svg2;
+    },
+    defs: function(node) {
+      return null;
+    },
+    use: function(node, styles) {
+      let error;
+      const href = node.getAttribute("href") || node.getAttribute("xlink:href");
+      if (!href) {
+        error = new TwoError("encountered <use /> with no href.");
+        console.warn(error.name, error.message);
+        return null;
+      }
+      const id = href.slice(1);
+      if (!read.defs.current.contains(id)) {
+        error = new TwoError(
+          "unable to find element for reference " + href + "."
+        );
+        console.warn(error.name, error.message);
+        return null;
+      }
+      const template = read.defs.current.get(id);
+      const fullNode = template.cloneNode(true);
+      for (let i = 0; i < node.attributes.length; i++) {
+        const attr = node.attributes[i];
+        const ca = overwriteAttrs.includes(attr.nodeName);
+        const cb = !fullNode.hasAttribute(attr.nodeName);
+        if (ca || cb) {
+          fullNode.setAttribute(attr.nodeName, attr.value);
+        }
+      }
+      const tagName = getTagName(fullNode.nodeName);
+      return read[tagName].call(this, fullNode, styles);
+    },
+    g: function(node, parentStyles) {
+      const group = new Group();
+      applySvgAttributes.call(this, node, group, parentStyles);
+      this.add(group);
+      const styles = getSvgStyles.call(this, node);
+      for (let i = 0, l = node.childNodes.length; i < l; i++) {
+        const n = node.childNodes[i];
+        const tag = n.nodeName;
+        if (!tag)
+          return;
+        const tagName = getTagName(tag);
+        if (tagName in read) {
+          const o = read[tagName].call(group, n, styles);
+          if (!!o && !o.parent) {
+            group.add(o);
+          }
+        }
+      }
+      return group;
+    },
+    polygon: function(node, parentStyles) {
+      let points;
+      if (typeof node === "string") {
+        points = node;
+      } else {
+        points = node.getAttribute("points");
+      }
+      const verts = [];
+      points.replace(/(-?[\d.eE-]+)[,|\s](-?[\d.eE-]+)/g, function(match, p1, p2) {
+        verts.push(new Anchor(parseFloat(p1), parseFloat(p2)));
+      });
+      const poly = new Path(verts, true).noStroke();
+      poly.fill = "black";
+      applySvgAttributes.call(this, node, poly, parentStyles);
+      return poly;
+    },
+    polyline: function(node, parentStyles) {
+      const poly = read.polygon.call(this, node, parentStyles);
+      poly.closed = false;
+      return poly;
+    },
+    path: function(node, parentStyles) {
+      let path;
+      if (typeof node === "string") {
+        path = node;
+        node = null;
+      } else {
+        path = node.getAttribute("d");
+      }
+      let points = [];
+      let closed2 = false, relative = false;
+      if (path) {
+        let coord = new Anchor();
+        let control, coords;
+        let commands = path.match(/[a-df-z][^a-df-z]*/ig);
+        const last = commands.length - 1;
+        _.each(commands.slice(0), function(command, i) {
+          const items = command.slice(1).trim().match(regex2.path);
+          const type = command[0];
+          const lower = type.toLowerCase();
+          let bin, j, l, ct, times;
+          const result = [];
+          if (i === 0) {
+            commands = [];
+          }
+          switch (lower) {
+            case "h":
+            case "v":
+              if (items.length > 1) {
+                bin = 1;
+              }
+              break;
+            case "m":
+            case "l":
+            case "t":
+              if (items.length > 2) {
+                bin = 2;
+              }
+              break;
+            case "s":
+            case "q":
+              if (items.length > 4) {
+                bin = 4;
+              }
+              break;
+            case "c":
+              if (items.length > 6) {
+                bin = 6;
+              }
+              break;
+            case "a":
+              if (items.length > 7) {
+                bin = 7;
+              }
+              break;
+          }
+          if (bin) {
+            for (j = 0, l = items.length, times = 0; j < l; j += bin) {
+              ct = type;
+              if (times > 0) {
+                switch (type) {
+                  case "m":
+                    ct = "l";
+                    break;
+                  case "M":
+                    ct = "L";
+                    break;
+                }
+              }
+              result.push(ct + items.slice(j, j + bin).join(" "));
+              times++;
+            }
+            commands = Array.prototype.concat.apply(commands, result);
+          } else {
+            commands.push(command);
+          }
+        });
+        _.each(commands, function(command, i) {
+          let result, x, y;
+          const type = command[0];
+          const lower = type.toLowerCase();
+          coords = command.slice(1).trim().match(regex2.path);
+          relative = type === lower;
+          let x1, y1, x2, y2, x3, y3, x4, y4, reflection;
+          let a, b;
+          let anchor2, rx, ry, xAxisRotation, largeArcFlag, sweepFlag;
+          switch (lower) {
+            case "z":
+              if (i >= last) {
+                closed2 = true;
+              } else {
+                x = coord.x;
+                y = coord.y;
+                result = new Anchor(
+                  x,
+                  y,
+                  void 0,
+                  void 0,
+                  void 0,
+                  void 0,
+                  Commands.close
+                );
+                for (let j = points.length - 1; j >= 0; j--) {
+                  const point = points[j];
+                  if (/m/i.test(point.command)) {
+                    coord = point;
+                    break;
+                  }
+                }
+              }
+              break;
+            case "m":
+            case "l":
+              control = void 0;
+              x = parseFloat(coords[0]);
+              y = parseFloat(coords[1]);
+              result = new Anchor(
+                x,
+                y,
+                void 0,
+                void 0,
+                void 0,
+                void 0,
+                /m/i.test(lower) ? Commands.move : Commands.line
+              );
+              if (relative) {
+                result.addSelf(coord);
+              }
+              coord = result;
+              break;
+            case "h":
+            case "v":
+              a = /h/i.test(lower) ? "x" : "y";
+              b = /x/i.test(a) ? "y" : "x";
+              result = new Anchor(
+                void 0,
+                void 0,
+                void 0,
+                void 0,
+                void 0,
+                void 0,
+                Commands.line
+              );
+              result[a] = parseFloat(coords[0]);
+              result[b] = coord[b];
+              if (relative) {
+                result[a] += coord[a];
+              }
+              coord = result;
+              break;
+            case "c":
+            case "s":
+              x1 = coord.x;
+              y1 = coord.y;
+              if (!control) {
+                control = new Vector();
+              }
+              if (/c/i.test(lower)) {
+                x2 = parseFloat(coords[0]);
+                y2 = parseFloat(coords[1]);
+                x3 = parseFloat(coords[2]);
+                y3 = parseFloat(coords[3]);
+                x4 = parseFloat(coords[4]);
+                y4 = parseFloat(coords[5]);
+              } else {
+                reflection = getReflection(coord, control, relative);
+                x2 = reflection.x;
+                y2 = reflection.y;
+                x3 = parseFloat(coords[0]);
+                y3 = parseFloat(coords[1]);
+                x4 = parseFloat(coords[2]);
+                y4 = parseFloat(coords[3]);
+              }
+              if (relative) {
+                x2 += x1;
+                y2 += y1;
+                x3 += x1;
+                y3 += y1;
+                x4 += x1;
+                y4 += y1;
+              }
+              coord.controls.right.set(x2 - coord.x, y2 - coord.y);
+              result = new Anchor(
+                x4,
+                y4,
+                x3 - x4,
+                y3 - y4,
+                void 0,
+                void 0,
+                Commands.curve
+              );
+              coord = result;
+              control = result.controls.left;
+              break;
+            case "t":
+            case "q":
+              x1 = coord.x;
+              y1 = coord.y;
+              if (!control) {
+                control = new Vector();
+              }
+              if (/q/i.test(lower)) {
+                x2 = parseFloat(coords[0]);
+                y2 = parseFloat(coords[1]);
+                x3 = parseFloat(coords[0]);
+                y3 = parseFloat(coords[1]);
+                x4 = parseFloat(coords[2]);
+                y4 = parseFloat(coords[3]);
+              } else {
+                reflection = getReflection(coord, control, relative);
+                x2 = reflection.x;
+                y2 = reflection.y;
+                x3 = reflection.x;
+                y3 = reflection.y;
+                x4 = parseFloat(coords[0]);
+                y4 = parseFloat(coords[1]);
+              }
+              if (relative) {
+                x2 += x1;
+                y2 += y1;
+                x3 += x1;
+                y3 += y1;
+                x4 += x1;
+                y4 += y1;
+              }
+              coord.controls.right.set(
+                (x2 - coord.x) * 0.33,
+                (y2 - coord.y) * 0.33
+              );
+              result = new Anchor(
+                x4,
+                y4,
+                x3 - x4,
+                y3 - y4,
+                void 0,
+                void 0,
+                Commands.curve
+              );
+              coord = result;
+              control = result.controls.left;
+              break;
+            case "a":
+              x1 = coord.x;
+              y1 = coord.y;
+              rx = parseFloat(coords[0]);
+              ry = parseFloat(coords[1]);
+              xAxisRotation = parseFloat(coords[2]);
+              largeArcFlag = parseFloat(coords[3]);
+              sweepFlag = parseFloat(coords[4]);
+              x4 = parseFloat(coords[5]);
+              y4 = parseFloat(coords[6]);
+              if (relative) {
+                x4 += x1;
+                y4 += y1;
+              }
+              anchor2 = new Anchor(x4, y4);
+              anchor2.command = Commands.arc;
+              anchor2.rx = rx;
+              anchor2.ry = ry;
+              anchor2.xAxisRotation = xAxisRotation;
+              anchor2.largeArcFlag = largeArcFlag;
+              anchor2.sweepFlag = sweepFlag;
+              result = anchor2;
+              coord = anchor2;
+              control = void 0;
+              break;
+          }
+          if (result) {
+            if (Array.isArray(result)) {
+              points = points.concat(result);
+            } else {
+              points.push(result);
+            }
+          }
+        });
+      }
+      path = new Path(points, closed2, void 0, true).noStroke();
+      path.fill = "black";
+      const rect = path.getBoundingClientRect(true);
+      rect.centroid = {
+        x: rect.left + rect.width / 2,
+        y: rect.top + rect.height / 2
+      };
+      _.each(path.vertices, function(v) {
+        v.subSelf(rect.centroid);
+      });
+      applySvgAttributes.call(this, node, path, parentStyles);
+      path.translation.addSelf(rect.centroid);
+      return path;
+    },
+    circle: function(node, parentStyles) {
+      const x = parseFloat(node.getAttribute("cx"));
+      const y = parseFloat(node.getAttribute("cy"));
+      const r = parseFloat(node.getAttribute("r"));
+      const circle = new Circle(0, 0, r).noStroke();
+      circle.fill = "black";
+      applySvgAttributes.call(this, node, circle, parentStyles);
+      circle.translation.x = x;
+      circle.translation.y = y;
+      return circle;
+    },
+    ellipse: function(node, parentStyles) {
+      const x = parseFloat(node.getAttribute("cx"));
+      const y = parseFloat(node.getAttribute("cy"));
+      const width = parseFloat(node.getAttribute("rx"));
+      const height = parseFloat(node.getAttribute("ry"));
+      const ellipse = new Ellipse(0, 0, width, height).noStroke();
+      ellipse.fill = "black";
+      applySvgAttributes.call(this, node, ellipse, parentStyles);
+      ellipse.translation.x = x;
+      ellipse.translation.y = y;
+      return ellipse;
+    },
+    rect: function(node, parentStyles) {
+      const rx = parseFloat(node.getAttribute("rx"));
+      const ry = parseFloat(node.getAttribute("ry"));
+      if (!_.isNaN(rx) || !_.isNaN(ry)) {
+        return read["rounded-rect"](node);
+      }
+      const width = parseFloat(node.getAttribute("width"));
+      const height = parseFloat(node.getAttribute("height"));
+      const w2 = width / 2;
+      const h2 = height / 2;
+      const rect = new Rectangle(0, 0, width, height).noStroke();
+      rect.fill = "black";
+      applySvgAttributes.call(this, node, rect, parentStyles);
+      rect.translation.x += w2;
+      rect.translation.y += h2;
+      return rect;
+    },
+    "rounded-rect": function(node, parentStyles) {
+      const rx = parseFloat(node.getAttribute("rx")) || 0;
+      const ry = parseFloat(node.getAttribute("ry")) || 0;
+      const width = parseFloat(node.getAttribute("width"));
+      const height = parseFloat(node.getAttribute("height"));
+      const w2 = width / 2;
+      const h2 = height / 2;
+      const radius = new Vector(rx, ry);
+      const rect = new RoundedRectangle(0, 0, width, height, radius).noStroke();
+      rect.fill = "black";
+      applySvgAttributes.call(this, node, rect, parentStyles);
+      rect.translation.x += w2;
+      rect.translation.y += h2;
+      return rect;
+    },
+    line: function(node, parentStyles) {
+      const x1 = parseFloat(node.getAttribute("x1"));
+      const y1 = parseFloat(node.getAttribute("y1"));
+      const x2 = parseFloat(node.getAttribute("x2"));
+      const y2 = parseFloat(node.getAttribute("y2"));
+      const line = new Line(x1, y1, x2, y2).noFill();
+      applySvgAttributes.call(this, node, line, parentStyles);
+      return line;
+    },
+    lineargradient: function(node, parentStyles) {
+      let units = node.getAttribute("gradientUnits");
+      let spread = node.getAttribute("spreadMethod");
+      if (!units) {
+        units = "objectBoundingBox";
+      }
+      if (!spread) {
+        spread = "pad";
+      }
+      let x1 = parseFloat(node.getAttribute("x1") || 0);
+      let y1 = parseFloat(node.getAttribute("y1") || 0);
+      let x2 = parseFloat(node.getAttribute("x2") || 0);
+      let y2 = parseFloat(node.getAttribute("y2") || 0);
+      const ox = (x2 + x1) / 2;
+      const oy = (y2 + y1) / 2;
+      if (/userSpaceOnUse/i.test(units)) {
+        x1 -= ox;
+        y1 -= oy;
+        x2 -= ox;
+        y2 -= oy;
+      }
+      const stops = [];
+      for (let i = 0; i < node.children.length; i++) {
+        const child = node.children[i];
+        let offset = child.getAttribute("offset");
+        if (/%/ig.test(offset)) {
+          offset = parseFloat(offset.replace(/%/ig, "")) / 100;
+        }
+        offset = parseFloat(offset);
+        let color = child.getAttribute("stop-color");
+        let opacity = child.getAttribute("stop-opacity");
+        let style = child.getAttribute("style");
+        let matches;
+        if (color === null) {
+          matches = style ? style.match(/stop-color:\s?([#a-fA-F0-9]*)/) : false;
+          color = matches && matches.length > 1 ? matches[1] : void 0;
+        }
+        if (opacity === null) {
+          matches = style ? style.match(/stop-opacity:\s?([0-9.-]*)/) : false;
+          opacity = matches && matches.length > 1 ? parseFloat(matches[1]) : 1;
+        } else {
+          opacity = parseFloat(opacity);
+        }
+        stops.push(new Stop(offset, color, opacity));
+      }
+      const gradient = new LinearGradient(x1, y1, x2, y2, stops);
+      gradient.spread = spread;
+      gradient.units = units;
+      applySvgAttributes.call(this, node, gradient, parentStyles);
+      return gradient;
+    },
+    radialgradient: function(node, parentStyles) {
+      let units = node.getAttribute("gradientUnits");
+      let spread = node.getAttribute("spreadMethod");
+      if (!units) {
+        units = "objectBoundingBox";
+      }
+      if (!spread) {
+        spread = "pad";
+      }
+      let cx = parseFloat(node.getAttribute("cx")) || 0;
+      let cy = parseFloat(node.getAttribute("cy")) || 0;
+      let r = parseFloat(node.getAttribute("r"));
+      let fx = parseFloat(node.getAttribute("fx"));
+      let fy = parseFloat(node.getAttribute("fy"));
+      if (_.isNaN(fx)) {
+        fx = cx;
+      }
+      if (_.isNaN(fy)) {
+        fy = cy;
+      }
+      const ox = Math.abs(cx + fx) / 2;
+      const oy = Math.abs(cy + fy) / 2;
+      if (/userSpaceOnUse/i.test(units)) {
+        cx -= ox;
+        cy -= oy;
+        fx -= ox;
+        fy -= oy;
+      }
+      const stops = [];
+      for (let i = 0; i < node.children.length; i++) {
+        const child = node.children[i];
+        let offset = child.getAttribute("offset");
+        if (/%/ig.test(offset)) {
+          offset = parseFloat(offset.replace(/%/ig, "")) / 100;
+        }
+        offset = parseFloat(offset);
+        let color = child.getAttribute("stop-color");
+        let opacity = child.getAttribute("stop-opacity");
+        let style = child.getAttribute("style");
+        let matches;
+        if (color === null) {
+          matches = style ? style.match(/stop-color:\s?([#a-fA-F0-9]*)/) : false;
+          color = matches && matches.length > 1 ? matches[1] : void 0;
+        }
+        if (opacity === null) {
+          matches = style ? style.match(/stop-opacity:\s?([0-9.-]*)/) : false;
+          opacity = matches && matches.length > 1 ? parseFloat(matches[1]) : 1;
+        } else {
+          opacity = parseFloat(opacity);
+        }
+        stops.push(new Stop(offset, color, opacity));
+      }
+      const gradient = new RadialGradient(cx, cy, r, stops, fx, fy);
+      gradient.spread = spread;
+      gradient.units = units;
+      applySvgAttributes.call(this, node, gradient, parentStyles);
+      return gradient;
+    },
+    text: function(node, parentStyles) {
+      const alignment = getAlignment(node.getAttribute("text-anchor")) || "left";
+      const baseline = getBaseline(node) || "baseline";
+      const message = node.textContent;
+      const text = new Text(message);
+      applySvgAttributes.call(this, node, text, parentStyles);
+      text.alignment = alignment;
+      text.baseline = baseline;
+      return text;
+    },
+    clippath: function(node, parentStyles) {
+      if (read.defs.current && !read.defs.current.contains(node.id)) {
+        read.defs.current.add(node.id, node);
+      }
+      return null;
+    },
+    image: function(node, parentStyles) {
+      let error;
+      const href = node.getAttribute("href") || node.getAttribute("xlink:href");
+      if (!href) {
+        error = new TwoError("encountered <image /> with no href.");
+        console.warn(error.name, error.message);
+        return null;
+      }
+      const x = parseFloat(node.getAttribute("x")) || 0;
+      const y = parseFloat(node.getAttribute("y")) || 0;
+      const width = parseFloat(node.getAttribute("width"));
+      const height = parseFloat(node.getAttribute("height"));
+      const sprite = new Sprite(href, x, y);
+      if (!_.isNaN(width)) {
+        sprite.width = width;
+      }
+      if (!_.isNaN(height)) {
+        sprite.height = height;
+      }
+      applySvgAttributes.call(this, node, sprite, parentStyles);
+      return sprite;
+    }
+  };
+
+  // src/utils/xhr.js
+  function xhr(path, callback) {
+    const xhr2 = new XMLHttpRequest();
+    xhr2.open("GET", path);
+    xhr2.onreadystatechange = function() {
+      if (xhr2.readyState === 4 && xhr2.status === 200) {
+        callback(xhr2.responseText);
+      }
+    };
+    xhr2.send();
+    return xhr2;
+  }
+
+  // src/effects/image-sequence.js
+  var _ImageSequence = class extends Rectangle {
+    _flagTextures = false;
+    _flagFrameRate = false;
+    _flagIndex = false;
+    _amount = 1;
+    _duration = 0;
+    _index = 0;
+    _startTime = 0;
+    _playing = false;
+    _firstFrame = 0;
+    _lastFrame = 0;
+    _loop = true;
+    _textures = null;
+    _frameRate = 0;
+    _origin = null;
+    constructor(paths, ox, oy, frameRate) {
+      super(ox, oy, 0, 0);
+      for (let prop in proto19) {
+        Object.defineProperty(this, prop, proto19[prop]);
+      }
+      this._renderer.flagTextures = FlagTextures.bind(this);
+      this._renderer.bindTextures = BindTextures.bind(this);
+      this._renderer.unbindTextures = UnbindTextures.bind(this);
+      this.noStroke();
+      this.noFill();
+      if (Array.isArray(paths)) {
+        this.textures = paths.map(GenerateTexture.bind(this));
+      } else {
+        this.textures = [GenerateTexture(paths)];
+      }
+      this.origin = new Vector();
+      this._update();
+      if (typeof frameRate === "number") {
+        this.frameRate = frameRate;
+      } else {
+        this.frameRate = _ImageSequence.DefaultFrameRate;
+      }
+      this.index = 0;
+    }
+    play(firstFrame, lastFrame, onLastFrame) {
+      this._playing = true;
+      this._firstFrame = 0;
+      this._lastFrame = this.amount - 1;
+      this._startTime = _.performance.now();
+      if (typeof firstFrame === "number") {
+        this._firstFrame = firstFrame;
+      }
+      if (typeof lastFrame === "number") {
+        this._lastFrame = lastFrame;
+      }
+      if (typeof onLastFrame === "function") {
+        this._onLastFrame = onLastFrame;
+      } else {
+        delete this._onLastFrame;
+      }
+      if (this._index !== this._firstFrame) {
+        this._startTime -= 1e3 * Math.abs(this._index - this._firstFrame) / this._frameRate;
+      }
+      return this;
+    }
+    pause() {
+      this._playing = false;
+      return this;
+    }
+    stop() {
+      this._playing = false;
+      this._index = this._firstFrame;
+      return this;
+    }
+    clone(parent) {
+      const clone = new _ImageSequence(
+        this.textures,
+        this.translation.x,
+        this.translation.y,
+        this.frameRate
+      );
+      clone._loop = this._loop;
+      if (this._playing) {
+        clone.play();
+      }
+      if (parent) {
+        parent.add(clone);
+      }
+      return clone;
+    }
+    toObject() {
+      const object = super.toObject.call(this);
+      object.textures = this.textures.map(function(texture) {
+        return texture.toObject();
+      });
+      object.frameRate = this.frameRate;
+      object.index = this.index;
+      object._firstFrame = this._firstFrame;
+      object._lastFrame = this._lastFrame;
+      object._loop = this._loop;
+      return object;
+    }
+    _update() {
+      const effect = this._textures;
+      let width, height, elapsed, amount, duration, texture;
+      let index, frames;
+      if (effect) {
+        if (this._flagTextures) {
+          this._amount = effect.length;
+        }
+        if (this._flagFrameRate) {
+          this._duration = 1e3 * this._amount / this._frameRate;
+        }
+        if (this._playing && this._frameRate > 0) {
+          amount = this._amount;
+          if (_.isNaN(this._lastFrame)) {
+            this._lastFrame = amount - 1;
+          }
+          elapsed = _.performance.now() - this._startTime;
+          frames = this._lastFrame + 1;
+          duration = 1e3 * (frames - this._firstFrame) / this._frameRate;
+          if (this._loop) {
+            elapsed = elapsed % duration;
+          } else {
+            elapsed = Math.min(elapsed, duration);
+          }
+          index = lerp(this._firstFrame, frames, elapsed / duration);
+          index = Math.floor(index);
+          if (index !== this._index) {
+            this._index = index;
+            texture = effect[this._index];
+            if (texture.loaded) {
+              width = texture.image.width;
+              height = texture.image.height;
+              if (this.width !== width) {
+                this.width = width;
+              }
+              if (this.height !== height) {
+                this.height = height;
+              }
+              this.fill = texture;
+              if (index >= this._lastFrame - 1 && this._onLastFrame) {
+                this._onLastFrame();
+              }
+            }
+          }
+        } else if (this._flagIndex || !(this.fill instanceof Texture)) {
+          texture = effect[this._index];
+          if (texture.loaded) {
+            width = texture.image.width;
+            height = texture.image.height;
+            if (this.width !== width) {
+              this.width = width;
+            }
+            if (this.height !== height) {
+              this.height = height;
+            }
+          }
+          this.fill = texture;
+        }
+      }
+      super._update.call(this);
+      return this;
+    }
+    flagReset() {
+      this._flagTextures = this._flagFrameRate = false;
+      super.flagReset.call(this);
+      return this;
+    }
+  };
+  var ImageSequence = _ImageSequence;
+  __publicField(ImageSequence, "Properties", [
+    "textures",
+    "frameRate",
+    "index"
+  ]);
+  __publicField(ImageSequence, "DefaultFrameRate", 30);
+  var proto19 = {
+    frameRate: {
+      enumerable: true,
+      get: function() {
+        return this._frameRate;
+      },
+      set: function(v) {
+        this._frameRate = v;
+        this._flagFrameRate = true;
+      }
+    },
+    index: {
+      enumerable: true,
+      get: function() {
+        return this._index;
+      },
+      set: function(v) {
+        this._index = v;
+        this._flagIndex = true;
+      }
+    },
+    textures: {
+      enumerable: true,
+      get: function() {
+        return this._textures;
+      },
+      set: function(textures) {
+        const bindTextures = this._renderer.bindTextures;
+        const unbindTextures = this._renderer.unbindTextures;
+        if (this._textures) {
+          this._textures.unbind(Events.Types.insert, bindTextures).unbind(Events.Types.remove, unbindTextures);
+        }
+        this._textures = new Collection((textures || []).slice(0));
+        this._textures.bind(Events.Types.insert, bindTextures).bind(Events.Types.remove, unbindTextures);
+        bindTextures(this._textures);
+      }
+    }
+  };
+  function FlagTextures() {
+    this._flagTextures = true;
+  }
+  function BindTextures(items) {
+    let i = items.length;
+    while (i--) {
+      items[i].bind(Events.Types.change, this._renderer.flagTextures);
+    }
+    this._renderer.flagTextures();
+  }
+  function UnbindTextures(items) {
+    let i = items.length;
+    while (i--) {
+      items[i].unbind(Events.Types.change, this._renderer.flagTextures);
+    }
+    this._renderer.flagTextures();
+  }
+  function GenerateTexture(obj) {
+    if (obj instanceof Texture) {
+      return obj;
+    } else if (typeof obj === "string") {
+      return new Texture(obj);
+    }
+  }
+
+  // src/shapes/arc-segment.js
+  var _ArcSegment = class extends Path {
+    _flagStartAngle = false;
+    _flagEndAngle = false;
+    _flagInnerRadius = false;
+    _flagOuterRadius = false;
+    _startAngle = 0;
+    _endAngle = TWO_PI;
+    _innerRadius = 0;
+    _outerRadius = 0;
+    constructor(x, y, ir, or, sa, ea, res) {
+      const amount = res || Constants.Resolution * 3;
+      const points = [];
+      for (let i = 0; i < amount; i++) {
+        points.push(new Anchor());
+      }
+      super(points, true, false, true);
+      for (let prop in proto20) {
+        Object.defineProperty(this, prop, proto20[prop]);
+      }
+      if (typeof ir === "number") {
+        this.innerRadius = ir;
+      }
+      if (typeof or === "number") {
+        this.outerRadius = or;
+      }
+      if (typeof sa === "number") {
+        this.startAngle = sa;
+      }
+      if (typeof ea === "number") {
+        this.endAngle = ea;
+      }
+      this._update();
+      if (typeof x === "number") {
+        this.translation.x = x;
+      }
+      if (typeof y === "number") {
+        this.translation.y = y;
+      }
+    }
+    _update() {
+      if (this._flagVertices || this._flagStartAngle || this._flagEndAngle || this._flagInnerRadius || this._flagOuterRadius) {
+        const sa = this._startAngle;
+        const ea = this._endAngle;
+        const ir = this._innerRadius;
+        const or = this._outerRadius;
+        const connected = mod(sa, TWO_PI) === mod(ea, TWO_PI);
+        const punctured = ir > 0;
+        const vertices = this.vertices;
+        let length = punctured ? vertices.length / 2 : vertices.length;
+        let command, id = 0;
+        let i, last, pct, v, theta, step, x, y, amp;
+        if (connected) {
+          length--;
+        } else if (!punctured) {
+          length -= 2;
+        }
+        for (i = 0, last = length - 1; i < length; i++) {
+          pct = i / last;
+          v = vertices[id];
+          theta = pct * (ea - sa) + sa;
+          step = (ea - sa) / length;
+          x = or * Math.cos(theta);
+          y = or * Math.sin(theta);
+          switch (i) {
+            case 0:
+              command = Commands.move;
+              break;
+            default:
+              command = Commands.curve;
+          }
+          v.command = command;
+          v.x = x;
+          v.y = y;
+          v.controls.left.clear();
+          v.controls.right.clear();
+          if (v.command === Commands.curve) {
+            amp = or * step / Math.PI;
+            v.controls.left.x = amp * Math.cos(theta - HALF_PI);
+            v.controls.left.y = amp * Math.sin(theta - HALF_PI);
+            v.controls.right.x = amp * Math.cos(theta + HALF_PI);
+            v.controls.right.y = amp * Math.sin(theta + HALF_PI);
+            if (i === 1) {
+              v.controls.left.multiplyScalar(2);
+            }
+            if (i === last) {
+              v.controls.right.multiplyScalar(2);
+            }
+          }
+          id++;
+        }
+        if (punctured) {
+          if (connected) {
+            vertices[id].command = Commands.close;
+            id++;
+          } else {
+            length--;
+            last = length - 1;
+          }
+          for (i = 0; i < length; i++) {
+            pct = i / last;
+            v = vertices[id];
+            theta = (1 - pct) * (ea - sa) + sa;
+            step = (ea - sa) / length;
+            x = ir * Math.cos(theta);
+            y = ir * Math.sin(theta);
+            command = Commands.curve;
+            if (i <= 0) {
+              command = connected ? Commands.move : Commands.line;
+            }
+            v.command = command;
+            v.x = x;
+            v.y = y;
+            v.controls.left.clear();
+            v.controls.right.clear();
+            if (v.command === Commands.curve) {
+              amp = ir * step / Math.PI;
+              v.controls.left.x = amp * Math.cos(theta + HALF_PI);
+              v.controls.left.y = amp * Math.sin(theta + HALF_PI);
+              v.controls.right.x = amp * Math.cos(theta - HALF_PI);
+              v.controls.right.y = amp * Math.sin(theta - HALF_PI);
+              if (i === 1) {
+                v.controls.left.multiplyScalar(2);
+              }
+              if (i === last) {
+                v.controls.right.multiplyScalar(2);
+              }
+            }
+            id++;
+          }
+          vertices[id].copy(vertices[0]);
+          vertices[id].command = Commands.line;
+        } else if (!connected) {
+          vertices[id].command = Commands.line;
+          vertices[id].x = 0;
+          vertices[id].y = 0;
+          id++;
+          vertices[id].copy(vertices[0]);
+          vertices[id].command = Commands.line;
+        }
+      }
+      super._update.call(this);
+      return this;
+    }
+    flagReset() {
+      super.flagReset.call(this);
+      this._flagStartAngle = this._flagEndAngle = this._flagInnerRadius = this._flagOuterRadius = false;
+      return this;
+    }
+    clone(parent) {
+      const ir = this.innerRadius;
+      const or = this.outerRadius;
+      const sa = this.startAngle;
+      const ea = this.endAngle;
+      const resolution = this.vertices.length;
+      const clone = new _ArcSegment(0, 0, ir, or, sa, ea, resolution);
+      clone.translation.copy(this.translation);
+      clone.rotation = this.rotation;
+      clone.scale = this.scale;
+      clone.skewX = this.skewX;
+      clone.skewY = this.skewY;
+      if (this.matrix.manual) {
+        clone.matrix.copy(this.matrix);
+      }
+      for (let i = 0; i < Path.Properties.length; i++) {
+        const k = Path.Properties[i];
+        clone[k] = this[k];
+      }
+      if (parent) {
+        parent.add(clone);
+      }
+      return clone;
+    }
+    toObject() {
+      const object = super.toObject.call(this);
+      for (let i = 0; i < _ArcSegment.Properties.length; i++) {
+        const k = _ArcSegment.Properties[i];
+        object[k] = this[k];
+      }
+      return object;
+    }
+  };
+  var ArcSegment = _ArcSegment;
+  __publicField(ArcSegment, "Properties", ["startAngle", "endAngle", "innerRadius", "outerRadius"]);
+  var proto20 = {
+    startAngle: {
+      enumerable: true,
+      get: function() {
+        return this._startAngle;
+      },
+      set: function(v) {
+        this._startAngle = v;
+        this._flagStartAngle = true;
+      }
+    },
+    endAngle: {
+      enumerable: true,
+      get: function() {
+        return this._endAngle;
+      },
+      set: function(v) {
+        this._endAngle = v;
+        this._flagEndAngle = true;
+      }
+    },
+    innerRadius: {
+      enumerable: true,
+      get: function() {
+        return this._innerRadius;
+      },
+      set: function(v) {
+        this._innerRadius = v;
+        this._flagInnerRadius = true;
+      }
+    },
+    outerRadius: {
+      enumerable: true,
+      get: function() {
+        return this._outerRadius;
+      },
+      set: function(v) {
+        this._outerRadius = v;
+        this._flagOuterRadius = true;
+      }
+    }
+  };
+
+  // src/shapes/points.js
+  var ceil2 = Math.ceil;
+  var floor3 = Math.floor;
+  var _Points = class extends Shape {
+    _flagVertices = true;
+    _flagLength = true;
+    _flagFill = true;
+    _flagStroke = true;
+    _flagLinewidth = true;
+    _flagOpacity = true;
+    _flagVisible = true;
+    _flagSize = true;
+    _flagSizeAttenuation = true;
+    _length = 0;
+    _fill = "#fff";
+    _stroke = "#000";
+    _linewidth = 1;
+    _opacity = 1;
+    _visible = true;
+    _size = 1;
+    _sizeAttenuation = false;
+    _beginning = 0;
+    _ending = 1;
+    _dashes = null;
+    constructor(vertices) {
+      super();
+      for (let prop in proto21) {
+        Object.defineProperty(this, prop, proto21[prop]);
+      }
+      this._renderer.type = "points";
+      this._renderer.flagVertices = FlagVertices.bind(this);
+      this._renderer.bindVertices = BindVertices.bind(this);
+      this._renderer.unbindVertices = UnbindVertices.bind(this);
+      this._renderer.flagFill = FlagFill.bind(this);
+      this._renderer.flagStroke = FlagStroke.bind(this);
+      this._renderer.vertices = null;
+      this._renderer.collection = null;
+      this.sizeAttenuation = false;
+      this.beginning = 0;
+      this.ending = 1;
+      this.fill = "#fff";
+      this.stroke = "#000";
+      this.className = "";
+      this.visible = true;
+      this.vertices = vertices;
+      this.dashes = [];
+      this.dashes.offset = 0;
+    }
+    clone(parent) {
+      const clone = new _Points();
+      for (let j = 0; j < this.vertices.length; j++) {
+        clone.vertices.push(this.vertices[j].clone());
+      }
+      for (let i = 0; i < _Points.Properties.length; i++) {
+        const k = _Points.Properties[i];
+        clone[k] = this[k];
+      }
+      clone.className = this.className;
+      clone.translation.copy(this.translation);
+      clone.rotation = this.rotation;
+      clone.scale = this.scale;
+      clone.skewX = this.skewX;
+      clone.skewY = this.skewY;
+      if (this.matrix.manual) {
+        clone.matrix.copy(this.matrix);
+      }
+      if (parent) {
+        parent.add(clone);
+      }
+      return clone._update();
+    }
+    toObject() {
+      const result = {
+        vertices: this.vertices.map(function(v) {
+          return v.toObject();
+        })
+      };
+      _.each(_Points.Properties, function(k) {
+        result[k] = this[k];
+      }, this);
+      result.className = this.className;
+      result.translation = this.translation.toObject();
+      result.rotation = this.rotation;
+      result.scale = this.scale instanceof Vector ? this.scale.toObject() : this.scale;
+      result.skewX = this.skewX;
+      result.skewY = this.skewY;
+      if (this.matrix.manual) {
+        result.matrix = this.matrix.toObject();
+      }
+      return result;
+    }
+    noFill = Path.prototype.noFill;
+    noStroke = Path.prototype.noStroke;
+    corner = Path.prototype.corner;
+    center = Path.prototype.center;
+    getBoundingClientRect = Path.prototype.getBoundingClientRect;
+    subdivide(limit) {
+      this._update();
+      let points = [];
+      for (let i = 0; i < this.vertices.length; i++) {
+        const a = this.vertices[i];
+        const b = this.vertices[i - 1];
+        if (!b) {
+          continue;
+        }
+        const x1 = a.x;
+        const y1 = a.y;
+        const x2 = b.x;
+        const y2 = b.y;
+        const subdivisions = subdivide(x1, y1, x1, y1, x2, y2, x2, y2, limit);
+        points = points.concat(subdivisions);
+      }
+      this.vertices = points;
+      return this;
+    }
+    _updateLength = Path.prototype._updateLength;
+    _update() {
+      if (this._flagVertices) {
+        if (this._flagLength) {
+          this._updateLength(void 0, true);
+        }
+        const beginning = Math.min(this._beginning, this._ending);
+        const ending = Math.max(this._beginning, this._ending);
+        const bid = getIdByLength(this, beginning * this._length);
+        const eid = getIdByLength(this, ending * this._length);
+        const low = ceil2(bid);
+        const high = floor3(eid);
+        let j = 0, v;
+        this._renderer.vertices = [];
+        this._renderer.collection = [];
+        for (let i = 0; i < this._collection.length; i++) {
+          if (i >= low && i <= high) {
+            v = this._collection[i];
+            this._renderer.collection.push(v);
+            this._renderer.vertices[j * 2 + 0] = v.x;
+            this._renderer.vertices[j * 2 + 1] = v.y;
+            j++;
+          }
+        }
+      }
+      super._update.apply(this, arguments);
+      return this;
+    }
+    flagReset() {
+      this._flagVertices = this._flagLength = this._flagFill = this._flagStroke = this._flagLinewidth = this._flagOpacity = this._flagVisible = this._flagSize = this._flagSizeAttenuation = false;
+      super.flagReset.call(this);
+      return this;
+    }
+  };
+  var Points = _Points;
+  __publicField(Points, "Properties", [
+    "fill",
+    "stroke",
+    "linewidth",
+    "opacity",
+    "visible",
+    "size",
+    "sizeAttenuation",
+    "beginning",
+    "ending"
+  ]);
+  var proto21 = {
+    linewidth: {
+      enumerable: true,
+      get: function() {
+        return this._linewidth;
+      },
+      set: function(v) {
+        this._linewidth = v;
+        this._flagLinewidth = true;
+      }
+    },
+    opacity: {
+      enumerable: true,
+      get: function() {
+        return this._opacity;
+      },
+      set: function(v) {
+        this._opacity = v;
+        this._flagOpacity = true;
+      }
+    },
+    visible: {
+      enumerable: true,
+      get: function() {
+        return this._visible;
+      },
+      set: function(v) {
+        this._visible = v;
+        this._flagVisible = true;
+      }
+    },
+    size: {
+      enumerable: true,
+      get: function() {
+        return this._size;
+      },
+      set: function(v) {
+        this._size = v;
+        this._flagSize = true;
+      }
+    },
+    sizeAttenuation: {
+      enumerable: true,
+      get: function() {
+        return this._sizeAttenuation;
+      },
+      set: function(v) {
+        this._sizeAttenuation = v;
+        this._flagSizeAttenuation = true;
+      }
+    },
+    fill: {
+      enumerable: true,
+      get: function() {
+        return this._fill;
+      },
+      set: function(f) {
+        if (this._fill instanceof Gradient || this._fill instanceof LinearGradient || this._fill instanceof RadialGradient || this._fill instanceof Texture) {
+          this._fill.unbind(Events.Types.change, this._renderer.flagFill);
+        }
+        this._fill = f;
+        this._flagFill = true;
+        if (this._fill instanceof Gradient || this._fill instanceof LinearGradient || this._fill instanceof RadialGradient || this._fill instanceof Texture) {
+          this._fill.bind(Events.Types.change, this._renderer.flagFill);
+        }
+      }
+    },
+    stroke: {
+      enumerable: true,
+      get: function() {
+        return this._stroke;
+      },
+      set: function(f) {
+        if (this._stroke instanceof Gradient || this._stroke instanceof LinearGradient || this._stroke instanceof RadialGradient || this._stroke instanceof Texture) {
+          this._stroke.unbind(Events.Types.change, this._renderer.flagStroke);
+        }
+        this._stroke = f;
+        this._flagStroke = true;
+        if (this._stroke instanceof Gradient || this._stroke instanceof LinearGradient || this._stroke instanceof RadialGradient || this._stroke instanceof Texture) {
+          this._stroke.bind(Events.Types.change, this._renderer.flagStroke);
+        }
+      }
+    },
+    length: {
+      get: function() {
+        if (this._flagLength) {
+          this._updateLength();
+        }
+        return this._length;
+      }
+    },
+    beginning: {
+      enumerable: true,
+      get: function() {
+        return this._beginning;
+      },
+      set: function(v) {
+        this._beginning = v;
+        this._flagVertices = true;
+      }
+    },
+    ending: {
+      enumerable: true,
+      get: function() {
+        return this._ending;
+      },
+      set: function(v) {
+        this._ending = v;
+        this._flagVertices = true;
+      }
+    },
+    vertices: {
+      enumerable: true,
+      get: function() {
+        return this._collection;
+      },
+      set: function(vertices) {
+        const bindVertices = this._renderer.bindVertices;
+        const unbindVertices = this._renderer.unbindVertices;
+        if (this._collection) {
+          this._collection.unbind(Events.Types.insert, bindVertices).unbind(Events.Types.remove, unbindVertices);
+        }
+        if (vertices instanceof Collection) {
+          this._collection = vertices;
+        } else {
+          this._collection = new Collection(vertices || []);
+        }
+        this._collection.bind(Events.Types.insert, bindVertices).bind(Events.Types.remove, unbindVertices);
+        bindVertices(this._collection);
+      }
+    },
+    dashes: {
+      enumerable: true,
+      get: function() {
+        return this._dashes;
+      },
+      set: function(v) {
+        if (typeof v.offset !== "number") {
+          v.offset = this.dashes && this._dashes.offset || 0;
+        }
+        this._dashes = v;
+      }
+    }
+  };
+
+  // src/shapes/polygon.js
+  var cos5 = Math.cos;
+  var sin5 = Math.sin;
+  var _Polygon = class extends Path {
+    _flagWidth = false;
+    _flagHeight = false;
+    _flagSides = false;
+    _radius = 0;
+    _width = 0;
+    _height = 0;
+    _sides = 0;
+    constructor(x, y, radius, sides) {
+      sides = Math.max(sides || 0, 3);
+      super();
+      for (let prop in proto22) {
+        Object.defineProperty(this, prop, proto22[prop]);
+      }
+      this.closed = true;
+      this.automatic = false;
+      if (typeof radius === "number") {
+        this.radius = radius;
+      }
+      if (typeof sides === "number") {
+        this.sides = sides;
+      }
+      this._update();
+      if (typeof x === "number") {
+        this.translation.x = x;
+      }
+      if (typeof y === "number") {
+        this.translation.y = y;
+      }
+    }
+    _update() {
+      if (this._flagVertices || this._flagWidth || this._flagHeight || this._flagSides) {
+        const sides = this._sides;
+        const amount = sides + 1;
+        let length = this.vertices.length;
+        if (length > sides) {
+          this.vertices.splice(sides - 1, length - sides);
+          length = sides;
+        }
+        for (let i = 0; i < amount; i++) {
+          const pct = (i + 0.5) / sides;
+          const theta = TWO_PI * pct + Math.PI / 2;
+          const x = this._width * cos5(theta) / 2;
+          const y = this._height * sin5(theta) / 2;
+          if (i >= length) {
+            this.vertices.push(new Anchor(x, y));
+          } else {
+            this.vertices[i].set(x, y);
+          }
+          this.vertices[i].command = i === 0 ? Commands.move : Commands.line;
+        }
+      }
+      super._update.call(this);
+      return this;
+    }
+    flagReset() {
+      this._flagWidth = this._flagHeight = this._flagSides = false;
+      super.flagReset.call(this);
+      return this;
+    }
+    clone(parent) {
+      const clone = new _Polygon(0, 0, 0, this.sides);
+      clone.translation.copy(this.translation);
+      clone.rotation = this.rotation;
+      clone.scale = this.scale;
+      clone.skewX = this.skewX;
+      clone.skewY = this.skewY;
+      clone.width = this.width;
+      clone.height = this.height;
+      if (this.matrix.manual) {
+        clone.matrix.copy(this.matrix);
+      }
+      for (let i = 0; i < Path.Properties.length; i++) {
+        const k = Path.Properties[i];
+        clone[k] = this[k];
+      }
+      if (parent) {
+        parent.add(clone);
+      }
+      return clone;
+    }
+    toObject() {
+      const object = super.toObject.call(this);
+      for (let i = 0; i < _Polygon.Properties.length; i++) {
+        const k = _Polygon.Properties[i];
+        object[k] = this[k];
+      }
+      return object;
+    }
+  };
+  var Polygon = _Polygon;
+  __publicField(Polygon, "Properties", ["width", "height", "sides"]);
+  var proto22 = {
+    radius: {
+      enumerable: true,
+      get: function() {
+        return this._radius;
+      },
+      set: function(v) {
+        this._radius = v;
+        this.width = v * 2;
+        this.height = v * 2;
+      }
+    },
+    width: {
+      enumerable: true,
+      get: function() {
+        return this._width;
+      },
+      set: function(v) {
+        this._width = v;
+        this._flagWidth = true;
+        this._radius = Math.max(this.width, this.height) / 2;
+      }
+    },
+    height: {
+      enumerable: true,
+      get: function() {
+        return this._height;
+      },
+      set: function(v) {
+        this._height = v;
+        this._flagHeight = true;
+        this._radius = Math.max(this.width, this.height) / 2;
+      }
+    },
+    sides: {
+      enumerable: true,
+      get: function() {
+        return this._sides;
+      },
+      set: function(v) {
+        this._sides = v;
+        this._flagSides = true;
+      }
+    }
+  };
+
+  // src/shapes/star.js
+  var cos6 = Math.cos;
+  var sin6 = Math.sin;
+  var _Star = class extends Path {
+    _flagInnerRadius = false;
+    _flagOuterRadius = false;
+    _flagSides = false;
+    _innerRadius = 0;
+    _outerRadius = 0;
+    _sides = 0;
+    constructor(x, y, innerRadius, outerRadius, sides) {
+      if (arguments.length <= 3) {
+        outerRadius = innerRadius;
+        innerRadius = outerRadius / 2;
+      }
+      if (typeof sides !== "number" || sides <= 0) {
+        sides = 5;
+      }
+      super();
+      for (let prop in proto23) {
+        Object.defineProperty(this, prop, proto23[prop]);
+      }
+      this.closed = true;
+      this.automatic = false;
+      if (typeof innerRadius === "number") {
+        this.innerRadius = innerRadius;
+      }
+      if (typeof outerRadius === "number") {
+        this.outerRadius = outerRadius;
+      }
+      if (typeof sides === "number") {
+        this.sides = sides;
+      }
+      this._update();
+      if (typeof x === "number") {
+        this.translation.x = x;
+      }
+      if (typeof y === "number") {
+        this.translation.y = y;
+      }
+    }
+    _update() {
+      if (this._flagVertices || this._flagInnerRadius || this._flagOuterRadius || this._flagSides) {
+        const sides = this._sides * 2;
+        const amount = sides + 1;
+        let length = this.vertices.length;
+        if (length > sides) {
+          this.vertices.splice(sides - 1, length - sides);
+          length = sides;
+        }
+        for (let i = 0; i < amount; i++) {
+          const pct = (i + 0.5) / sides;
+          const theta = TWO_PI * pct;
+          const r = (!(i % 2) ? this._innerRadius : this._outerRadius) / 2;
+          const x = r * cos6(theta);
+          const y = r * sin6(theta);
+          if (i >= length) {
+            this.vertices.push(new Anchor(x, y));
+          } else {
+            this.vertices[i].set(x, y);
+          }
+          this.vertices[i].command = i === 0 ? Commands.move : Commands.line;
+        }
+      }
+      super._update.call(this);
+      return this;
+    }
+    flagReset() {
+      this._flagInnerRadius = this._flagOuterRadius = this._flagSides = false;
+      super.flagReset.call(this);
+      return this;
+    }
+    clone(parent) {
+      const ir = this.innerRadius;
+      const or = this.outerRadius;
+      const sides = this.sides;
+      const clone = new _Star(0, 0, ir, or, sides);
+      clone.translation.copy(this.translation);
+      clone.rotation = this.rotation;
+      clone.scale = this.scale;
+      clone.skewX = this.skewX;
+      clone.skewY = this.skewY;
+      if (this.matrix.manual) {
+        clone.matrix.copy(this.matrix);
+      }
+      for (let i = 0; i < Path.Properties.length; i++) {
+        const k = Path.Properties[i];
+        clone[k] = this[k];
+      }
+      if (parent) {
+        parent.add(clone);
+      }
+      return clone;
+    }
+    toObject() {
+      const object = super.toObject.call(this);
+      for (let i = 0; i < _Star.Properties.length; i++) {
+        const k = _Star.Properties[i];
+        object[k] = this[k];
+      }
+      return object;
+    }
+  };
+  var Star = _Star;
+  __publicField(Star, "Properties", ["innerRadius", "outerRadius", "sides"]);
+  var proto23 = {
+    innerRadius: {
+      enumerable: true,
+      get: function() {
+        return this._innerRadius;
+      },
+      set: function(v) {
+        this._innerRadius = v;
+        this._flagInnerRadius = true;
+      }
+    },
+    outerRadius: {
+      enumerable: true,
+      get: function() {
+        return this._outerRadius;
+      },
+      set: function(v) {
+        this._outerRadius = v;
+        this._flagOuterRadius = true;
+      }
+    },
+    sides: {
+      enumerable: true,
+      get: function() {
+        return this._sides;
+      },
+      set: function(v) {
+        this._sides = v;
+        this._flagSides = true;
+      }
+    }
+  };
+
+  // src/renderers/svg.js
+  var svg = {
+    version: 1.1,
+    ns: "http://www.w3.org/2000/svg",
+    xlink: "http://www.w3.org/1999/xlink",
+    alignments: {
+      left: "start",
+      center: "middle",
+      right: "end"
+    },
+    createElement: function(name, attrs) {
+      const tag = name;
+      const elem = document.createElementNS(svg.ns, tag);
+      if (tag === "svg") {
+        attrs = _.defaults(attrs || {}, {
+          version: svg.version
+        });
+      }
+      if (attrs && Object.keys(attrs).length > 0) {
+        svg.setAttributes(elem, attrs);
+      }
+      return elem;
+    },
+    setAttributes: function(elem, attrs) {
+      const keys = Object.keys(attrs);
+      for (let i = 0; i < keys.length; i++) {
+        if (/href/.test(keys[i])) {
+          elem.setAttributeNS(svg.xlink, keys[i], attrs[keys[i]]);
+        } else {
+          elem.setAttribute(keys[i], attrs[keys[i]]);
+        }
+      }
+      return this;
+    },
+    removeAttributes: function(elem, attrs) {
+      for (let key in attrs) {
+        elem.removeAttribute(key);
+      }
+      return this;
+    },
+    toString: function(points, closed2) {
+      let l = points.length, last = l - 1, d, string = "";
+      for (let i = 0; i < l; i++) {
+        const b = points[i];
+        const prev = closed2 ? mod(i - 1, l) : Math.max(i - 1, 0);
+        const a = points[prev];
+        let command, c;
+        let vx, vy, ux, uy, ar, bl, br, cl;
+        let rx, ry, xAxisRotation, largeArcFlag, sweepFlag;
+        let x = toFixed(b.x);
+        let y = toFixed(b.y);
+        switch (b.command) {
+          case Commands.close:
+            command = Commands.close;
+            break;
+          case Commands.arc:
+            rx = b.rx;
+            ry = b.ry;
+            xAxisRotation = b.xAxisRotation;
+            largeArcFlag = b.largeArcFlag;
+            sweepFlag = b.sweepFlag;
+            command = Commands.arc + " " + rx + " " + ry + " " + xAxisRotation + " " + largeArcFlag + " " + sweepFlag + " " + x + " " + y;
+            break;
+          case Commands.curve:
+            ar = a.controls && a.controls.right || Vector.zero;
+            bl = b.controls && b.controls.left || Vector.zero;
+            if (a.relative) {
+              vx = toFixed(ar.x + a.x);
+              vy = toFixed(ar.y + a.y);
+            } else {
+              vx = toFixed(ar.x);
+              vy = toFixed(ar.y);
+            }
+            if (b.relative) {
+              ux = toFixed(bl.x + b.x);
+              uy = toFixed(bl.y + b.y);
+            } else {
+              ux = toFixed(bl.x);
+              uy = toFixed(bl.y);
+            }
+            command = (i === 0 ? Commands.move : Commands.curve) + " " + vx + " " + vy + " " + ux + " " + uy + " " + x + " " + y;
+            break;
+          case Commands.move:
+            d = b;
+            command = Commands.move + " " + x + " " + y;
+            break;
+          default:
+            command = b.command + " " + x + " " + y;
+        }
+        if (i >= last && closed2) {
+          if (b.command === Commands.curve) {
+            c = d;
+            br = b.controls && b.controls.right || b;
+            cl = c.controls && c.controls.left || c;
+            if (b.relative) {
+              vx = toFixed(br.x + b.x);
+              vy = toFixed(br.y + b.y);
+            } else {
+              vx = toFixed(br.x);
+              vy = toFixed(br.y);
+            }
+            if (c.relative) {
+              ux = toFixed(cl.x + c.x);
+              uy = toFixed(cl.y + c.y);
+            } else {
+              ux = toFixed(cl.x);
+              uy = toFixed(cl.y);
+            }
+            x = toFixed(c.x);
+            y = toFixed(c.y);
+            command += " C " + vx + " " + vy + " " + ux + " " + uy + " " + x + " " + y;
+          }
+          if (b.command !== Commands.close) {
+            command += " Z";
+          }
+        }
+        string += command + " ";
+      }
+      return string;
+    },
+    pointsToString: function(points, size) {
+      let string = "";
+      const r = size * 0.5;
+      for (let i = 0; i < points.length; i++) {
+        const x = points[i].x;
+        const y = points[i].y - r;
+        string += Commands.move + " " + x + " " + y + " ";
+        string += "a " + r + " " + r + " 0 1 0 0.001 0 Z";
+      }
+      return string;
+    },
+    getClip: function(shape, domElement) {
+      let clip = shape._renderer.clip;
+      if (!clip) {
+        clip = shape._renderer.clip = svg.createElement("clipPath", {
+          "clip-rule": "nonzero"
+        });
+      }
+      if (clip.parentNode === null) {
+        domElement.defs.appendChild(clip);
+      }
+      return clip;
+    },
+    defs: {
+      update: function(domElement) {
+        const { defs } = domElement;
+        if (defs._flagUpdate) {
+          const children = Array.prototype.slice.call(
+            defs.children,
+            0
+          );
+          for (let i = 0; i < children.length; i++) {
+            const child = children[i];
+            const id = child.id;
+            const selector = `[fill="url(#${id})"],[stroke="url(#${id})"],[clip-path="url(#${id})"]`;
+            const exists = domElement.querySelector(selector);
+            if (!exists) {
+              defs.removeChild(child);
+            }
+          }
+          defs._flagUpdate = false;
+        }
+      }
+    },
+    group: {
+      appendChild: function(object) {
+        const elem = object._renderer.elem;
+        if (!elem) {
+          return;
+        }
+        const tag = elem.nodeName;
+        if (!tag || /(radial|linear)gradient/i.test(tag) || object._clip) {
+          return;
+        }
+        this.elem.appendChild(elem);
+      },
+      removeChild: function(object) {
+        const elem = object._renderer.elem;
+        if (!elem || elem.parentNode != this.elem) {
+          return;
+        }
+        const tag = elem.nodeName;
+        if (!tag) {
+          return;
+        }
+        if (object._clip) {
+          return;
+        }
+        this.elem.removeChild(elem);
+      },
+      orderChild: function(object) {
+        this.elem.appendChild(object._renderer.elem);
+      },
+      renderChild: function(child) {
+        svg[child._renderer.type].render.call(child, this);
+      },
+      render: function(domElement) {
+        if (!this._visible && !this._flagVisible || this._opacity === 0 && !this._flagOpacity) {
+          return this;
+        }
+        this._update();
+        if (!this._renderer.elem) {
+          this._renderer.elem = svg.createElement("g", {
+            id: this.id
+          });
+          domElement.appendChild(this._renderer.elem);
+        }
+        const flagMatrix = this._matrix.manual || this._flagMatrix;
+        const context = {
+          domElement,
+          elem: this._renderer.elem
+        };
+        if (flagMatrix) {
+          this._renderer.elem.setAttribute("transform", "matrix(" + this._matrix.toString() + ")");
+        }
+        for (let i = 0; i < this.children.length; i++) {
+          const child = this.children[i];
+          svg[child._renderer.type].render.call(child, domElement);
+        }
+        if (this._flagId) {
+          this._renderer.elem.setAttribute("id", this._id);
+        }
+        if (this._flagOpacity) {
+          this._renderer.elem.setAttribute("opacity", this._opacity);
+        }
+        if (this._flagVisible) {
+          this._renderer.elem.setAttribute("display", this._visible ? "inline" : "none");
+        }
+        if (this._flagClassName) {
+          this._renderer.elem.setAttribute("class", this.classList.join(" "));
+        }
+        if (this._flagAdditions) {
+          this.additions.forEach(svg.group.appendChild, context);
+        }
+        if (this._flagSubtractions) {
+          this.subtractions.forEach(svg.group.removeChild, context);
+        }
+        if (this._flagOrder) {
+          this.children.forEach(svg.group.orderChild, context);
+        }
+        if (this._flagMask) {
+          if (this._mask) {
+            svg[this._mask._renderer.type].render.call(this._mask, domElement);
+            this._renderer.elem.setAttribute("clip-path", "url(#" + this._mask.id + ")");
+          } else {
+            this._renderer.elem.removeAttribute("clip-path");
+          }
+        }
+        if (this.dataset) {
+          Object.assign(this._renderer.elem.dataset, this.dataset);
+        }
+        return this.flagReset();
+      }
+    },
+    path: {
+      render: function(domElement) {
+        if (this._opacity === 0 && !this._flagOpacity) {
+          return this;
+        }
+        this._update();
+        const changed = {};
+        const flagMatrix = this._matrix.manual || this._flagMatrix;
+        if (flagMatrix) {
+          changed.transform = "matrix(" + this._matrix.toString() + ")";
+        }
+        if (this._flagId) {
+          changed.id = this._id;
+        }
+        if (this._flagVertices) {
+          const vertices = svg.toString(this._renderer.vertices, this._closed);
+          changed.d = vertices;
+        }
+        if (this._fill && this._fill._renderer) {
+          this._renderer.hasFillEffect = true;
+          this._fill._update();
+          svg[this._fill._renderer.type].render.call(this._fill, domElement, true);
+        }
+        if (this._flagFill) {
+          changed.fill = this._fill && this._fill.id ? "url(#" + this._fill.id + ")" : this._fill;
+          if (this._renderer.hasFillEffect && typeof this._fill.id === "undefined") {
+            domElement.defs._flagUpdate = true;
+            delete this._renderer.hasFillEffect;
+          }
+        }
+        if (this._stroke && this._stroke._renderer) {
+          this._renderer.hasStrokeEffect = true;
+          this._stroke._update();
+          svg[this._stroke._renderer.type].render.call(this._stroke, domElement, true);
+        }
+        if (this._flagStroke) {
+          changed.stroke = this._stroke && this._stroke.id ? "url(#" + this._stroke.id + ")" : this._stroke;
+          if (this._renderer.hasStrokeEffect && typeof this._stroke.id === "undefined") {
+            domElement.defs._flagUpdate = true;
+            delete this._renderer.hasStrokeEffect;
+          }
+        }
+        if (this._flagLinewidth) {
+          changed["stroke-width"] = this._linewidth;
+        }
+        if (this._flagOpacity) {
+          changed["stroke-opacity"] = this._opacity;
+          changed["fill-opacity"] = this._opacity;
+        }
+        if (this._flagClassName) {
+          changed["class"] = this.classList.join(" ");
+        }
+        if (this._flagVisible) {
+          changed.visibility = this._visible ? "visible" : "hidden";
+        }
+        if (this._flagCap) {
+          changed["stroke-linecap"] = this._cap;
+        }
+        if (this._flagJoin) {
+          changed["stroke-linejoin"] = this._join;
+        }
+        if (this._flagMiter) {
+          changed["stroke-miterlimit"] = this._miter;
+        }
+        if (this.dashes && this.dashes.length > 0) {
+          changed["stroke-dasharray"] = this.dashes.join(" ");
+          changed["stroke-dashoffset"] = this.dashes.offset || 0;
+        }
+        if (!this._renderer.elem) {
+          changed.id = this._id;
+          this._renderer.elem = svg.createElement("path", changed);
+          domElement.appendChild(this._renderer.elem);
+        } else {
+          svg.setAttributes(this._renderer.elem, changed);
+        }
+        if (this._flagClip) {
+          const clip = svg.getClip(this, domElement);
+          const elem = this._renderer.elem;
+          if (this._clip) {
+            elem.removeAttribute("id");
+            clip.setAttribute("id", this.id);
+            clip.appendChild(elem);
+          } else {
+            clip.removeAttribute("id");
+            elem.setAttribute("id", this.id);
+            this.parent._renderer.elem.appendChild(elem);
+          }
+        }
+        if (this._flagMask) {
+          if (this._mask) {
+            svg[this._mask._renderer.type].render.call(this._mask, domElement);
+            this._renderer.elem.setAttribute("clip-path", "url(#" + this._mask.id + ")");
+          } else {
+            this._renderer.elem.removeAttribute("clip-path");
+          }
+        }
+        return this.flagReset();
+      }
+    },
+    points: {
+      render: function(domElement) {
+        if (this._opacity === 0 && !this._flagOpacity) {
+          return this;
+        }
+        this._update();
+        const changed = {};
+        const flagMatrix = this._matrix.manual || this._flagMatrix;
+        if (flagMatrix) {
+          changed.transform = "matrix(" + this._matrix.toString() + ")";
+        }
+        if (this._flagId) {
+          changed.id = this._id;
+        }
+        if (this._flagVertices || this._flagSize || this._flagSizeAttenuation) {
+          let size = this._size;
+          if (!this._sizeAttenuation) {
+            const me = this.worldMatrix.elements;
+            const m = decomposeMatrix(me[0], me[3], me[1], me[4], me[2], me[5]);
+            size /= Math.max(m.scaleX, m.scaleY);
+          }
+          const vertices = svg.pointsToString(this._renderer.collection, size);
+          changed.d = vertices;
+        }
+        if (this._fill && this._fill._renderer) {
+          this._renderer.hasFillEffect = true;
+          this._fill._update();
+          svg[this._fill._renderer.type].render.call(this._fill, domElement, true);
+        }
+        if (this._flagFill) {
+          changed.fill = this._fill && this._fill.id ? "url(#" + this._fill.id + ")" : this._fill;
+          if (this._renderer.hasFillEffect && typeof this._fill.id === "undefined") {
+            domElement.defs._flagUpdate = true;
+            delete this._renderer.hasFillEffect;
+          }
+        }
+        if (this._stroke && this._stroke._renderer) {
+          this._renderer.hasStrokeEffect = true;
+          this._stroke._update();
+          svg[this._stroke._renderer.type].render.call(this._stroke, domElement, true);
+        }
+        if (this._flagStroke) {
+          changed.stroke = this._stroke && this._stroke.id ? "url(#" + this._stroke.id + ")" : this._stroke;
+          if (this._renderer.hasStrokeEffect && typeof this._stroke.id === "undefined") {
+            domElement.defs._flagUpdate = true;
+            delete this._renderer.hasStrokeEffect;
+          }
+        }
+        if (this._flagLinewidth) {
+          changed["stroke-width"] = this._linewidth;
+        }
+        if (this._flagOpacity) {
+          changed["stroke-opacity"] = this._opacity;
+          changed["fill-opacity"] = this._opacity;
+        }
+        if (this._flagClassName) {
+          changed["class"] = this.classList.join(" ");
+        }
+        if (this._flagVisible) {
+          changed.visibility = this._visible ? "visible" : "hidden";
+        }
+        if (this.dashes && this.dashes.length > 0) {
+          changed["stroke-dasharray"] = this.dashes.join(" ");
+          changed["stroke-dashoffset"] = this.dashes.offset || 0;
+        }
+        if (!this._renderer.elem) {
+          changed.id = this._id;
+          this._renderer.elem = svg.createElement("path", changed);
+          domElement.appendChild(this._renderer.elem);
+        } else {
+          svg.setAttributes(this._renderer.elem, changed);
+        }
+        return this.flagReset();
+      }
+    },
+    text: {
+      render: function(domElement) {
+        this._update();
+        const changed = {};
+        const flagMatrix = this._matrix.manual || this._flagMatrix;
+        if (flagMatrix) {
+          changed.transform = "matrix(" + this._matrix.toString() + ")";
+        }
+        if (this._flagId) {
+          changed.id = this._id;
+        }
+        if (this._flagFamily) {
+          changed["font-family"] = this._family;
+        }
+        if (this._flagSize) {
+          changed["font-size"] = this._size;
+        }
+        if (this._flagLeading) {
+          changed["line-height"] = this._leading;
+        }
+        if (this._flagAlignment) {
+          changed["text-anchor"] = svg.alignments[this._alignment] || this._alignment;
+        }
+        if (this._flagBaseline) {
+          changed["alignment-baseline"] = changed["dominant-baseline"] = this._baseline;
+        }
+        if (this._flagStyle) {
+          changed["font-style"] = this._style;
+        }
+        if (this._flagWeight) {
+          changed["font-weight"] = this._weight;
+        }
+        if (this._flagDecoration) {
+          changed["text-decoration"] = this._decoration;
+        }
+        if (this._fill && this._fill._renderer) {
+          this._renderer.hasFillEffect = true;
+          this._fill._update();
+          svg[this._fill._renderer.type].render.call(this._fill, domElement, true);
+        }
+        if (this._flagFill) {
+          changed.fill = this._fill && this._fill.id ? "url(#" + this._fill.id + ")" : this._fill;
+          if (this._renderer.hasFillEffect && typeof this._fill.id === "undefined") {
+            domElement.defs._flagUpdate = true;
+            delete this._renderer.hasFillEffect;
+          }
+        }
+        if (this._stroke && this._stroke._renderer) {
+          this._renderer.hasStrokeEffect = true;
+          this._stroke._update();
+          svg[this._stroke._renderer.type].render.call(this._stroke, domElement, true);
+        }
+        if (this._flagStroke) {
+          changed.stroke = this._stroke && this._stroke.id ? "url(#" + this._stroke.id + ")" : this._stroke;
+          if (this._renderer.hasStrokeEffect && typeof this._stroke.id === "undefined") {
+            domElement.defs._flagUpdate = true;
+            delete this._renderer.hasStrokeEffect;
+          }
+        }
+        if (this._flagLinewidth) {
+          changed["stroke-width"] = this._linewidth;
+        }
+        if (this._flagOpacity) {
+          changed.opacity = this._opacity;
+        }
+        if (this._flagClassName) {
+          changed["class"] = this.classList.join(" ");
+        }
+        if (this._flagVisible) {
+          changed.visibility = this._visible ? "visible" : "hidden";
+        }
+        if (this.dashes && this.dashes.length > 0) {
+          changed["stroke-dasharray"] = this.dashes.join(" ");
+          changed["stroke-dashoffset"] = this.dashes.offset || 0;
+        }
+        if (!this._renderer.elem) {
+          changed.id = this._id;
+          this._renderer.elem = svg.createElement("text", changed);
+          domElement.appendChild(this._renderer.elem);
+        } else {
+          svg.setAttributes(this._renderer.elem, changed);
+        }
+        if (this._flagClip) {
+          const clip = svg.getClip(this, domElement);
+          const elem = this._renderer.elem;
+          if (this._clip) {
+            elem.removeAttribute("id");
+            clip.setAttribute("id", this.id);
+            clip.appendChild(elem);
+          } else {
+            clip.removeAttribute("id");
+            elem.setAttribute("id", this.id);
+            this.parent._renderer.elem.appendChild(elem);
+          }
+        }
+        if (this._flagMask) {
+          if (this._mask) {
+            svg[this._mask._renderer.type].render.call(this._mask, domElement);
+            this._renderer.elem.setAttribute("clip-path", "url(#" + this._mask.id + ")");
+          } else {
+            this._renderer.elem.removeAttribute("clip-path");
+          }
+        }
+        if (this._flagValue) {
+          this._renderer.elem.textContent = this._value;
+        }
+        return this.flagReset();
+      }
+    },
+    "linear-gradient": {
+      render: function(domElement, silent) {
+        if (!silent) {
+          this._update();
+        }
+        const changed = {};
+        if (this._flagId) {
+          changed.id = this._id;
+        }
+        if (this._flagEndPoints) {
+          changed.x1 = this.left._x;
+          changed.y1 = this.left._y;
+          changed.x2 = this.right._x;
+          changed.y2 = this.right._y;
+        }
+        if (this._flagSpread) {
+          changed.spreadMethod = this._spread;
+        }
+        if (this._flagUnits) {
+          changed.gradientUnits = this._units;
+        }
+        if (!this._renderer.elem) {
+          changed.id = this._id;
+          this._renderer.elem = svg.createElement("linearGradient", changed);
+        } else {
+          svg.setAttributes(this._renderer.elem, changed);
+        }
+        if (this._renderer.elem.parentNode === null) {
+          domElement.defs.appendChild(this._renderer.elem);
+        }
+        if (this._flagStops) {
+          const lengthChanged = this._renderer.elem.childNodes.length !== this.stops.length;
+          if (lengthChanged) {
+            while (this._renderer.elem.lastChild) {
+              this._renderer.elem.removeChild(this._renderer.elem.lastChild);
+            }
+          }
+          for (let i = 0; i < this.stops.length; i++) {
+            const stop = this.stops[i];
+            const attrs = {};
+            if (stop._flagOffset) {
+              attrs.offset = 100 * stop._offset + "%";
+            }
+            if (stop._flagColor) {
+              attrs["stop-color"] = stop._color;
+            }
+            if (stop._flagOpacity) {
+              attrs["stop-opacity"] = stop._opacity;
+            }
+            if (!stop._renderer.elem) {
+              stop._renderer.elem = svg.createElement("stop", attrs);
+            } else {
+              svg.setAttributes(stop._renderer.elem, attrs);
+            }
+            if (lengthChanged) {
+              this._renderer.elem.appendChild(stop._renderer.elem);
+            }
+            stop.flagReset();
+          }
+        }
+        return this.flagReset();
+      }
+    },
+    "radial-gradient": {
+      render: function(domElement, silent) {
+        if (!silent) {
+          this._update();
+        }
+        const changed = {};
+        if (this._flagId) {
+          changed.id = this._id;
+        }
+        if (this._flagCenter) {
+          changed.cx = this.center._x;
+          changed.cy = this.center._y;
+        }
+        if (this._flagFocal) {
+          changed.fx = this.focal._x;
+          changed.fy = this.focal._y;
+        }
+        if (this._flagRadius) {
+          changed.r = this._radius;
+        }
+        if (this._flagSpread) {
+          changed.spreadMethod = this._spread;
+        }
+        if (this._flagUnits) {
+          changed.gradientUnits = this._units;
+        }
+        if (!this._renderer.elem) {
+          changed.id = this._id;
+          this._renderer.elem = svg.createElement("radialGradient", changed);
+        } else {
+          svg.setAttributes(this._renderer.elem, changed);
+        }
+        if (this._renderer.elem.parentNode === null) {
+          domElement.defs.appendChild(this._renderer.elem);
+        }
+        if (this._flagStops) {
+          const lengthChanged = this._renderer.elem.childNodes.length !== this.stops.length;
+          if (lengthChanged) {
+            while (this._renderer.elem.lastChild) {
+              this._renderer.elem.removeChild(this._renderer.elem.lastChild);
+            }
+          }
+          for (let i = 0; i < this.stops.length; i++) {
+            const stop = this.stops[i];
+            const attrs = {};
+            if (stop._flagOffset) {
+              attrs.offset = 100 * stop._offset + "%";
+            }
+            if (stop._flagColor) {
+              attrs["stop-color"] = stop._color;
+            }
+            if (stop._flagOpacity) {
+              attrs["stop-opacity"] = stop._opacity;
+            }
+            if (!stop._renderer.elem) {
+              stop._renderer.elem = svg.createElement("stop", attrs);
+            } else {
+              svg.setAttributes(stop._renderer.elem, attrs);
+            }
+            if (lengthChanged) {
+              this._renderer.elem.appendChild(stop._renderer.elem);
+            }
+            stop.flagReset();
+          }
+        }
+        return this.flagReset();
+      }
+    },
+    texture: {
+      render: function(domElement, silent) {
+        if (!silent) {
+          this._update();
+        }
+        const changed = {};
+        const styles = { x: 0, y: 0 };
+        const image = this.image;
+        if (this._flagId) {
+          changed.id = this._id;
+        }
+        if (this._flagLoaded && this.loaded) {
+          switch (image.nodeName.toLowerCase()) {
+            case "canvas":
+              styles.href = styles["xlink:href"] = image.toDataURL("image/png");
+              break;
+            case "img":
+            case "image":
+              styles.href = styles["xlink:href"] = this.src;
+              break;
+          }
+        }
+        if (this._flagOffset || this._flagLoaded || this._flagScale) {
+          changed.x = this._offset.x;
+          changed.y = this._offset.y;
+          if (image) {
+            changed.x -= image.width / 2;
+            changed.y -= image.height / 2;
+            if (this._scale instanceof Vector) {
+              changed.x *= this._scale.x;
+              changed.y *= this._scale.y;
+            } else {
+              changed.x *= this._scale;
+              changed.y *= this._scale;
+            }
+          }
+          if (changed.x > 0) {
+            changed.x *= -1;
+          }
+          if (changed.y > 0) {
+            changed.y *= -1;
+          }
+        }
+        if (this._flagScale || this._flagLoaded || this._flagRepeat) {
+          changed.width = 0;
+          changed.height = 0;
+          if (image) {
+            styles.width = changed.width = image.width;
+            styles.height = changed.height = image.height;
+            switch (this._repeat) {
+              case "no-repeat":
+                changed.width += 1;
+                changed.height += 1;
+                break;
+            }
+            if (this._scale instanceof Vector) {
+              changed.width *= this._scale.x;
+              changed.height *= this._scale.y;
+            } else {
+              changed.width *= this._scale;
+              changed.height *= this._scale;
+            }
+          }
+        }
+        if (this._flagScale || this._flagLoaded) {
+          if (!this._renderer.image) {
+            this._renderer.image = svg.createElement("image", styles);
+          } else {
+            svg.setAttributes(this._renderer.image, styles);
+          }
+        }
+        if (!this._renderer.elem) {
+          changed.id = this._id;
+          changed.patternUnits = "userSpaceOnUse";
+          this._renderer.elem = svg.createElement("pattern", changed);
+        } else if (Object.keys(changed).length !== 0) {
+          svg.setAttributes(this._renderer.elem, changed);
+        }
+        if (this._renderer.elem.parentNode === null) {
+          domElement.defs.appendChild(this._renderer.elem);
+        }
+        if (this._renderer.elem && this._renderer.image && !this._renderer.appended) {
+          this._renderer.elem.appendChild(this._renderer.image);
+          this._renderer.appended = true;
+        }
+        return this.flagReset();
+      }
+    }
+  };
+  var Renderer2 = class extends Events {
+    constructor(params) {
+      super();
+      this.domElement = params.domElement || svg.createElement("svg");
+      this.scene = new Group();
+      this.scene.parent = this;
+      this.defs = svg.createElement("defs");
+      this.defs._flagUpdate = false;
+      this.domElement.appendChild(this.defs);
+      this.domElement.defs = this.defs;
+      this.domElement.style.overflow = "hidden";
+    }
+    setSize(width, height) {
+      this.width = width;
+      this.height = height;
+      svg.setAttributes(this.domElement, {
+        width,
+        height
+      });
+      return this.trigger(Events.Types.resize, width, height);
+    }
+    render() {
+      svg.group.render.call(this.scene, this.domElement);
+      svg.defs.update(this.domElement);
+      return this;
+    }
+  };
+  __publicField(Renderer2, "Utils", svg);
+
+  // src/utils/shaders.js
+  var shaders = {
+    create: function(gl, source, type) {
+      const shader = gl.createShader(gl[type]);
+      gl.shaderSource(shader, source);
+      gl.compileShader(shader);
+      const compiled = gl.getShaderParameter(shader, gl.COMPILE_STATUS);
+      if (!compiled) {
+        const error = gl.getShaderInfoLog(shader);
+        gl.deleteShader(shader);
+        throw new TwoError("unable to compile shader " + shader + ": " + error);
+      }
+      return shader;
+    },
+    types: {
+      vertex: "VERTEX_SHADER",
+      fragment: "FRAGMENT_SHADER"
+    },
+    path: {
+      vertex: `
+      precision mediump float;
+      attribute vec2 a_position;
+
+      uniform mat3 u_matrix;
+      uniform vec2 u_resolution;
+      uniform vec4 u_rect;
+
+      varying vec2 v_textureCoords;
+
+      void main() {
+        vec2 rectCoords = (a_position * (u_rect.zw - u_rect.xy)) + u_rect.xy;
+        vec2 projected = (u_matrix * vec3(rectCoords, 1.0)).xy;
+        vec2 normal = projected / u_resolution;
+        vec2 clipspace = (normal * 2.0) - 1.0;
+
+        gl_Position = vec4(clipspace * vec2(1.0, -1.0), 0.0, 1.0);
+        v_textureCoords = a_position;
+      }
+    `,
+      fragment: `
+      precision mediump float;
+
+      uniform sampler2D u_image;
+      varying vec2 v_textureCoords;
+
+      void main() {
+        vec4 texel = texture2D(u_image, v_textureCoords);
+        if (texel.a == 0.0) {
+          discard;
+        }
+        gl_FragColor = texel;
+      }
+    `
+    },
+    points: {
+      vertex: `
+      precision mediump float;
+      attribute vec2 a_position;
+
+      uniform float u_size;
+      uniform mat3 u_matrix;
+      uniform vec2 u_resolution;
+
+      varying vec2 v_textureCoords;
+
+      void main() {
+        vec2 projected = (u_matrix * vec3(a_position, 1.0)).xy;
+        vec2 normal = projected / u_resolution;
+        vec2 clipspace = (normal * 2.0) - 1.0;
+
+        gl_PointSize = u_size;
+        gl_Position = vec4(clipspace * vec2(1.0, -1.0), 0.0, 1.0);
+        v_textureCoords = a_position;
+      }
+    `,
+      fragment: `
+      precision mediump float;
+
+      uniform sampler2D u_image;
+
+      void main() {
+        vec4 texel = texture2D(u_image, gl_PointCoord);
+        if (texel.a == 0.0) {
+          discard;
+        }
+        gl_FragColor = texel;
+      }
+    `
+    }
+  };
+
+  // src/renderers/webgl.js
+  var multiplyMatrix = Matrix2.Multiply;
+  var identity = [1, 0, 0, 0, 1, 0, 0, 0, 1];
+  var transformation = new NumArray(9);
+  var CanvasUtils = Renderer.Utils;
+  var quad = new NumArray([
+    0,
+    0,
+    1,
+    0,
+    0,
+    1,
+    0,
+    1,
+    1,
+    0,
+    1,
+    1
+  ]);
+  var webgl = {
+    precision: 0.9,
+    isHidden: /(undefined|none|transparent)/i,
+    canvas: root.document ? root.document.createElement("canvas") : { getContext: function() {
+    } },
+    alignments: {
+      left: "start",
+      middle: "center",
+      right: "end"
+    },
+    matrix: new Matrix2(),
+    group: {
+      removeChild: function(child, gl) {
+        if (child.children) {
+          for (let i = 0; i < child.children.length; i++) {
+            webgl.group.removeChild(child.children[i], gl);
+          }
+        }
+        if (child._renderer.texture) {
+          gl.deleteTexture(child._renderer.texture);
+          delete child._renderer.texture;
+        }
+        if (child._renderer.positionBuffer) {
+          gl.deleteBuffer(child._renderer.positionBuffer);
+          delete child._renderer.positionBuffer;
+        }
+      },
+      render: function(gl, programs) {
+        if (!this._visible) {
+          return;
+        }
+        this._update();
+        const parent = this.parent;
+        const flagParentMatrix = parent._matrix && parent._matrix.manual || parent._flagMatrix;
+        const flagMatrix = this._matrix.manual || this._flagMatrix;
+        if (flagParentMatrix || flagMatrix) {
+          if (!this._renderer.matrix) {
+            this._renderer.matrix = new NumArray(9);
+          }
+          this._matrix.toTransformArray(true, transformation);
+          multiplyMatrix(transformation, parent._renderer.matrix, this._renderer.matrix);
+          if (!(this._renderer.scale instanceof Vector)) {
+            this._renderer.scale = new Vector();
+          }
+          if (this._scale instanceof Vector) {
+            this._renderer.scale.x = this._scale.x;
+            this._renderer.scale.y = this._scale.y;
+          } else {
+            this._renderer.scale.x = this._scale;
+            this._renderer.scale.y = this._scale;
+          }
+          if (!/renderer/i.test(parent._renderer.type)) {
+            this._renderer.scale.x *= parent._renderer.scale.x;
+            this._renderer.scale.y *= parent._renderer.scale.y;
+          }
+          if (flagParentMatrix) {
+            this._flagMatrix = true;
+          }
+        }
+        if (this._mask) {
+          gl.clear(gl.STENCIL_BUFFER_BIT);
+          gl.enable(gl.STENCIL_TEST);
+          gl.stencilFunc(gl.ALWAYS, 1, 0);
+          gl.stencilOp(gl.KEEP, gl.KEEP, gl.REPLACE);
+          gl.colorMask(false, false, false, false);
+          webgl[this._mask._renderer.type].render.call(this._mask, gl, programs, this);
+          gl.stencilFunc(gl.EQUAL, 1, 255);
+          gl.stencilOp(gl.KEEP, gl.KEEP, gl.KEEP);
+          gl.colorMask(true, true, true, true);
+        }
+        this._flagOpacity = parent._flagOpacity || this._flagOpacity;
+        this._renderer.opacity = this._opacity * (parent && parent._renderer ? parent._renderer.opacity : 1);
+        let i;
+        if (this._flagSubtractions) {
+          for (i = 0; i < this.subtractions.length; i++) {
+            webgl.group.removeChild(this.subtractions[i], gl);
+          }
+        }
+        for (i = 0; i < this.children.length; i++) {
+          const child = this.children[i];
+          webgl[child._renderer.type].render.call(child, gl, programs);
+        }
+        if (this._mask) {
+          gl.disable(gl.STENCIL_TEST);
+        }
+        return this.flagReset();
+      }
+    },
+    path: {
+      updateCanvas: function(elem) {
+        let prev, a, c, ux, uy, vx, vy, ar, bl, br, cl, x, y;
+        let isOffset;
+        const commands = elem._renderer.vertices;
+        const canvas3 = this.canvas;
+        const ctx = this.ctx;
+        const scale = elem._renderer.scale;
+        const stroke = elem._stroke;
+        const linewidth = elem._linewidth;
+        const fill = elem._fill;
+        const opacity = elem._renderer.opacity || elem._opacity;
+        const cap = elem._cap;
+        const join = elem._join;
+        const miter = elem._miter;
+        const closed2 = elem._closed;
+        const dashes = elem.dashes;
+        const length = commands.length;
+        const last = length - 1;
+        canvas3.width = Math.max(Math.ceil(elem._renderer.rect.width * scale.x), 1);
+        canvas3.height = Math.max(Math.ceil(elem._renderer.rect.height * scale.y), 1);
+        const centroid = elem._renderer.rect.centroid;
+        const cx = centroid.x;
+        const cy = centroid.y;
+        ctx.clearRect(0, 0, canvas3.width, canvas3.height);
+        if (fill) {
+          if (typeof fill === "string") {
+            ctx.fillStyle = fill;
+          } else {
+            webgl[fill._renderer.type].render.call(fill, ctx, elem);
+            ctx.fillStyle = fill._renderer.effect;
+          }
+        }
+        if (stroke) {
+          if (typeof stroke === "string") {
+            ctx.strokeStyle = stroke;
+          } else {
+            webgl[stroke._renderer.type].render.call(stroke, ctx, elem);
+            ctx.strokeStyle = stroke._renderer.effect;
+          }
+          if (linewidth) {
+            ctx.lineWidth = linewidth;
+          }
+          if (miter) {
+            ctx.miterLimit = miter;
+          }
+          if (join) {
+            ctx.lineJoin = join;
+          }
+          if (!closed2 && cap) {
+            ctx.lineCap = cap;
+          }
+        }
+        if (typeof opacity === "number") {
+          ctx.globalAlpha = opacity;
+        }
+        if (dashes && dashes.length > 0) {
+          ctx.lineDashOffset = dashes.offset || 0;
+          ctx.setLineDash(dashes);
+        }
+        let d, rx, ry, xAxisRotation, largeArcFlag, sweepFlag, ax, ay;
+        ctx.save();
+        ctx.scale(scale.x, scale.y);
+        ctx.translate(cx, cy);
+        ctx.beginPath();
+        for (let i = 0; i < commands.length; i++) {
+          const b = commands[i];
+          x = b.x;
+          y = b.y;
+          switch (b.command) {
+            case Commands.close:
+              ctx.closePath();
+              break;
+            case Commands.arc:
+              rx = b.rx;
+              ry = b.ry;
+              xAxisRotation = b.xAxisRotation;
+              largeArcFlag = b.largeArcFlag;
+              sweepFlag = b.sweepFlag;
+              prev = closed2 ? mod(i - 1, length) : Math.max(i - 1, 0);
+              a = commands[prev];
+              ax = a.x;
+              ay = a.y;
+              CanvasUtils.renderSvgArcCommand(ctx, ax, ay, rx, ry, largeArcFlag, sweepFlag, xAxisRotation, x, y);
+              break;
+            case Commands.curve:
+              prev = closed2 ? mod(i - 1, length) : Math.max(i - 1, 0);
+              a = commands[prev];
+              ar = a.controls && a.controls.right || Vector.zero;
+              bl = b.controls && b.controls.left || Vector.zero;
+              if (a._relative) {
+                vx = ar.x + a.x;
+                vy = ar.y + a.y;
+              } else {
+                vx = ar.x;
+                vy = ar.y;
+              }
+              if (b._relative) {
+                ux = bl.x + b.x;
+                uy = bl.y + b.y;
+              } else {
+                ux = bl.x;
+                uy = bl.y;
+              }
+              ctx.bezierCurveTo(vx, vy, ux, uy, x, y);
+              if (i >= last && closed2) {
+                c = d;
+                br = b.controls && b.controls.right || Vector.zero;
+                cl = c.controls && c.controls.left || Vector.zero;
+                if (b._relative) {
+                  vx = br.x + b.x;
+                  vy = br.y + b.y;
+                } else {
+                  vx = br.x;
+                  vy = br.y;
+                }
+                if (c._relative) {
+                  ux = cl.x + c.x;
+                  uy = cl.y + c.y;
+                } else {
+                  ux = cl.x;
+                  uy = cl.y;
+                }
+                x = c.x;
+                y = c.y;
+                ctx.bezierCurveTo(vx, vy, ux, uy, x, y);
+              }
+              break;
+            case Commands.line:
+              ctx.lineTo(x, y);
+              break;
+            case Commands.move:
+              d = b;
+              ctx.moveTo(x, y);
+              break;
+          }
+        }
+        if (closed2) {
+          ctx.closePath();
+        }
+        if (!webgl.isHidden.test(fill)) {
+          isOffset = fill._renderer && fill._renderer.offset;
+          if (isOffset) {
+            ctx.save();
+            ctx.translate(
+              -fill._renderer.offset.x,
+              -fill._renderer.offset.y
+            );
+            ctx.scale(fill._renderer.scale.x, fill._renderer.scale.y);
+          }
+          ctx.fill();
+          if (isOffset) {
+            ctx.restore();
+          }
+        }
+        if (!webgl.isHidden.test(stroke)) {
+          isOffset = stroke._renderer && stroke._renderer.offset;
+          if (isOffset) {
+            ctx.save();
+            ctx.translate(
+              -stroke._renderer.offset.x,
+              -stroke._renderer.offset.y
+            );
+            ctx.scale(stroke._renderer.scale.x, stroke._renderer.scale.y);
+            ctx.lineWidth = linewidth / stroke._renderer.scale.x;
+          }
+          ctx.stroke();
+          if (isOffset) {
+            ctx.restore();
+          }
+        }
+        ctx.restore();
+      },
+      getBoundingClientRect: function(vertices, border, rect) {
+        let left = Infinity, right = -Infinity, top = Infinity, bottom = -Infinity, width, height;
+        vertices.forEach(function(v) {
+          const x = v.x, y = v.y, controls = v.controls;
+          let a, b, c, d, cl, cr;
+          top = Math.min(y, top);
+          left = Math.min(x, left);
+          right = Math.max(x, right);
+          bottom = Math.max(y, bottom);
+          if (!v.controls) {
+            return;
+          }
+          cl = controls.left;
+          cr = controls.right;
+          if (!cl || !cr) {
+            return;
+          }
+          a = v._relative ? cl.x + x : cl.x;
+          b = v._relative ? cl.y + y : cl.y;
+          c = v._relative ? cr.x + x : cr.x;
+          d = v._relative ? cr.y + y : cr.y;
+          if (!a || !b || !c || !d) {
+            return;
+          }
+          top = Math.min(b, d, top);
+          left = Math.min(a, c, left);
+          right = Math.max(a, c, right);
+          bottom = Math.max(b, d, bottom);
+        });
+        if (typeof border === "number") {
+          top -= border;
+          left -= border;
+          right += border;
+          bottom += border;
+        }
+        width = right - left;
+        height = bottom - top;
+        rect.top = top;
+        rect.left = left;
+        rect.right = right;
+        rect.bottom = bottom;
+        rect.width = width;
+        rect.height = height;
+        if (!rect.centroid) {
+          rect.centroid = {};
+        }
+        rect.centroid.x = -left;
+        rect.centroid.y = -top;
+      },
+      render: function(gl, programs, forcedParent) {
+        if (!this._visible || !this._opacity) {
+          return this;
+        }
+        this._update();
+        const parent = forcedParent || this.parent;
+        const program = programs[this._renderer.type];
+        const flagParentMatrix = parent._matrix.manual || parent._flagMatrix;
+        const flagMatrix = this._matrix.manual || this._flagMatrix;
+        const parentChanged = this._renderer.parent !== parent;
+        const flagTexture = this._flagVertices || this._flagFill || this._fill instanceof LinearGradient && (this._fill._flagSpread || this._fill._flagStops || this._fill._flagEndPoints) || this._fill instanceof RadialGradient && (this._fill._flagSpread || this._fill._flagStops || this._fill._flagRadius || this._fill._flagCenter || this._fill._flagFocal) || this._fill instanceof Texture && (this._fill._flagLoaded && this._fill.loaded || this._fill._flagImage || this._fill._flagVideo || this._fill._flagRepeat || this._fill._flagOffset || this._fill._flagScale) || this._stroke instanceof LinearGradient && (this._stroke._flagSpread || this._stroke._flagStops || this._stroke._flagEndPoints) || this._stroke instanceof RadialGradient && (this._stroke._flagSpread || this._stroke._flagStops || this._stroke._flagRadius || this._stroke._flagCenter || this._stroke._flagFocal) || this._stroke instanceof Texture && (this._stroke._flagLoaded && this._stroke.loaded || this._stroke._flagImage || this._stroke._flagVideo || this._stroke._flagRepeat || this._stroke._flagOffset || this._fill._flagScale) || this._flagStroke || this._flagLinewidth || this._flagOpacity || parent._flagOpacity || this._flagVisible || this._flagCap || this._flagJoin || this._flagMiter || this._flagScale || this.dashes && this.dashes.length > 0 || !this._renderer.texture;
+        if (flagParentMatrix || flagMatrix || parentChanged) {
+          if (!this._renderer.matrix) {
+            this._renderer.matrix = new NumArray(9);
+          }
+          this._matrix.toTransformArray(true, transformation);
+          multiplyMatrix(transformation, parent._renderer.matrix, this._renderer.matrix);
+          if (!(this._renderer.scale instanceof Vector)) {
+            this._renderer.scale = new Vector();
+          }
+          if (this._scale instanceof Vector) {
+            this._renderer.scale.x = this._scale.x * parent._renderer.scale.x;
+            this._renderer.scale.y = this._scale.y * parent._renderer.scale.y;
+          } else {
+            this._renderer.scale.x = this._scale * parent._renderer.scale.x;
+            this._renderer.scale.y = this._scale * parent._renderer.scale.y;
+          }
+          if (parentChanged) {
+            this._renderer.parent = parent;
+          }
+        }
+        if (this._mask) {
+          gl.clear(gl.STENCIL_BUFFER_BIT);
+          gl.enable(gl.STENCIL_TEST);
+          gl.stencilFunc(gl.ALWAYS, 1, 0);
+          gl.stencilOp(gl.KEEP, gl.KEEP, gl.REPLACE);
+          gl.colorMask(false, false, false, false);
+          webgl[this._mask._renderer.type].render.call(this._mask, gl, programs, this);
+          gl.stencilFunc(gl.EQUAL, 1, 255);
+          gl.stencilOp(gl.KEEP, gl.KEEP, gl.KEEP);
+          gl.colorMask(true, true, true, true);
+        }
+        if (flagTexture) {
+          if (!this._renderer.rect) {
+            this._renderer.rect = {};
+          }
+          this._renderer.opacity = this._opacity * parent._renderer.opacity;
+          webgl.path.getBoundingClientRect(
+            this._renderer.vertices,
+            this._linewidth,
+            this._renderer.rect
+          );
+          webgl.updateTexture.call(webgl, gl, this);
+        } else {
+          if (this._fill && this._fill._update) {
+            this._fill._update();
+          }
+          if (this._stroke && this._stroke._update) {
+            this._stroke._update();
+          }
+        }
+        if (this._clip && !forcedParent || !this._renderer.texture) {
+          return this;
+        }
+        if (programs.current !== program) {
+          gl.useProgram(program);
+          gl.bindBuffer(gl.ARRAY_BUFFER, programs.buffers.position);
+          gl.vertexAttribPointer(program.position, 2, gl.FLOAT, false, 0, 0);
+          gl.enableVertexAttribArray(program.position);
+          gl.bufferData(gl.ARRAY_BUFFER, quad, gl.STATIC_DRAW);
+          if (!programs.resolution.flagged) {
+            gl.uniform2f(
+              gl.getUniformLocation(program, "u_resolution"),
+              programs.resolution.width,
+              programs.resolution.height
+            );
+          }
+          programs.current = program;
+        }
+        if (programs.resolution.flagged) {
+          gl.uniform2f(
+            gl.getUniformLocation(program, "u_resolution"),
+            programs.resolution.width,
+            programs.resolution.height
+          );
+        }
+        gl.bindTexture(gl.TEXTURE_2D, this._renderer.texture);
+        const rect = this._renderer.rect;
+        gl.uniformMatrix3fv(program.matrix, false, this._renderer.matrix);
+        gl.uniform4f(program.rect, rect.left, rect.top, rect.right, rect.bottom);
+        gl.drawArrays(gl.TRIANGLES, 0, 6);
+        if (this._mask) {
+          gl.disable(gl.STENCIL_TEST);
+        }
+        return this.flagReset();
+      }
+    },
+    points: {
+      updateCanvas: function(elem) {
+        let isOffset;
+        const canvas3 = this.canvas;
+        const ctx = this.ctx;
+        const stroke = elem._stroke;
+        const linewidth = elem._linewidth;
+        const fill = elem._fill;
+        const opacity = elem._renderer.opacity || elem._opacity;
+        const dashes = elem.dashes;
+        const size = elem._size;
+        let dimension = size;
+        if (!webgl.isHidden.test(stroke)) {
+          dimension += linewidth;
+        }
+        canvas3.width = getPoT(dimension);
+        canvas3.height = canvas3.width;
+        const aspect = dimension / canvas3.width;
+        const cx = canvas3.width / 2;
+        const cy = canvas3.height / 2;
+        ctx.clearRect(0, 0, canvas3.width, canvas3.height);
+        if (fill) {
+          if (typeof fill === "string") {
+            ctx.fillStyle = fill;
+          } else {
+            webgl[fill._renderer.type].render.call(fill, ctx, elem);
+            ctx.fillStyle = fill._renderer.effect;
+          }
+        }
+        if (stroke) {
+          if (typeof stroke === "string") {
+            ctx.strokeStyle = stroke;
+          } else {
+            webgl[stroke._renderer.type].render.call(stroke, ctx, elem);
+            ctx.strokeStyle = stroke._renderer.effect;
+          }
+          if (linewidth) {
+            ctx.lineWidth = linewidth / aspect;
+          }
+        }
+        if (typeof opacity === "number") {
+          ctx.globalAlpha = opacity;
+        }
+        if (dashes && dashes.length > 0) {
+          ctx.lineDashOffset = dashes.offset || 0;
+          ctx.setLineDash(dashes);
+        }
+        ctx.save();
+        ctx.translate(cx, cy);
+        ctx.scale(webgl.precision, webgl.precision);
+        ctx.beginPath();
+        ctx.arc(0, 0, size / aspect * 0.5, 0, TWO_PI);
+        ctx.restore();
+        if (closed) {
+          ctx.closePath();
+        }
+        if (!webgl.isHidden.test(fill)) {
+          isOffset = fill._renderer && fill._renderer.offset;
+          if (isOffset) {
+            ctx.save();
+            ctx.translate(
+              -fill._renderer.offset.x,
+              -fill._renderer.offset.y
+            );
+            ctx.scale(fill._renderer.scale.x, fill._renderer.scale.y);
+          }
+          ctx.fill();
+          if (isOffset) {
+            ctx.restore();
+          }
+        }
+        if (!webgl.isHidden.test(stroke)) {
+          isOffset = stroke._renderer && stroke._renderer.offset;
+          if (isOffset) {
+            ctx.save();
+            ctx.translate(
+              -stroke._renderer.offset.x,
+              -stroke._renderer.offset.y
+            );
+            ctx.scale(stroke._renderer.scale.x, stroke._renderer.scale.y);
+            ctx.lineWidth = linewidth / stroke._renderer.scale.x;
+          }
+          ctx.stroke();
+          if (isOffset) {
+            ctx.restore();
+          }
+        }
+      },
+      render: function(gl, programs, forcedParent) {
+        if (!this._visible || !this._opacity) {
+          return this;
+        }
+        this._update();
+        let size = this._size;
+        const parent = forcedParent || this.parent;
+        const program = programs[this._renderer.type];
+        const sizeAttenuation = this._sizeAttenuation;
+        const stroke = this._stroke;
+        const linewidth = this._linewidth;
+        const flagParentMatrix = parent._matrix.manual || parent._flagMatrix;
+        const flagMatrix = this._matrix.manual || this._flagMatrix;
+        const parentChanged = this._renderer.parent !== parent;
+        const commands = this._renderer.vertices;
+        const length = this._renderer.collection.length;
+        const flagVertices = this._flagVertices;
+        const flagTexture = this._flagFill || this._fill instanceof LinearGradient && (this._fill._flagSpread || this._fill._flagStops || this._fill._flagEndPoints) || this._fill instanceof RadialGradient && (this._fill._flagSpread || this._fill._flagStops || this._fill._flagRadius || this._fill._flagCenter || this._fill._flagFocal) || this._fill instanceof Texture && (this._fill._flagLoaded && this._fill.loaded || this._fill._flagImage || this._fill._flagVideo || this._fill._flagRepeat || this._fill._flagOffset || this._fill._flagScale) || this._stroke instanceof LinearGradient && (this._stroke._flagSpread || this._stroke._flagStops || this._stroke._flagEndPoints) || this._stroke instanceof RadialGradient && (this._stroke._flagSpread || this._stroke._flagStops || this._stroke._flagRadius || this._stroke._flagCenter || this._stroke._flagFocal) || this._stroke instanceof Texture && (this._stroke._flagLoaded && this._stroke.loaded || this._stroke._flagImage || this._stroke._flagVideo || this._stroke._flagRepeat || this._stroke._flagOffset || this._fill._flagScale) || this._flagStroke || this._flagLinewidth || this._flagOpacity || parent._flagOpacity || this._flagVisible || this._flagScale || this.dashes && this.dashes.length > 0 || !this._renderer.texture;
+        if (flagParentMatrix || flagMatrix || parentChanged) {
+          if (!this._renderer.matrix) {
+            this._renderer.matrix = new NumArray(9);
+          }
+          this._matrix.toTransformArray(true, transformation);
+          multiplyMatrix(transformation, parent._renderer.matrix, this._renderer.matrix);
+          if (!(this._renderer.scale instanceof Vector)) {
+            this._renderer.scale = new Vector();
+          }
+          if (this._scale instanceof Vector) {
+            this._renderer.scale.x = this._scale.x * parent._renderer.scale.x;
+            this._renderer.scale.y = this._scale.y * parent._renderer.scale.y;
+          } else {
+            this._renderer.scale.x = this._scale * parent._renderer.scale.x;
+            this._renderer.scale.y = this._scale * parent._renderer.scale.y;
+          }
+          if (parentChanged) {
+            this._renderer.parent = parent;
+          }
+        }
+        if (flagVertices) {
+          const positionBuffer = this._renderer.positionBuffer;
+          if (positionBuffer) {
+            gl.deleteBuffer(positionBuffer);
+          }
+          this._renderer.positionBuffer = gl.createBuffer();
+          gl.bindBuffer(gl.ARRAY_BUFFER, this._renderer.positionBuffer);
+          gl.vertexAttribPointer(program.position, 2, gl.FLOAT, false, 0, 0);
+          gl.enableVertexAttribArray(program.position);
+          gl.bufferData(gl.ARRAY_BUFFER, commands, gl.STATIC_DRAW);
+        }
+        if (flagTexture) {
+          this._renderer.opacity = this._opacity * parent._renderer.opacity;
+          webgl.updateTexture.call(webgl, gl, this);
+        } else {
+          if (this._fill && this._fill._update) {
+            this._fill._update();
+          }
+          if (this._stroke && this._stroke._update) {
+            this._stroke._update();
+          }
+        }
+        if (this._clip && !forcedParent || !this._renderer.texture) {
+          return this;
+        }
+        if (!webgl.isHidden.test(stroke)) {
+          size += linewidth;
+        }
+        size /= webgl.precision;
+        if (sizeAttenuation) {
+          size *= Math.max(this._renderer.scale.x, this._renderer.scale.y);
+        }
+        if (programs.current !== program) {
+          gl.useProgram(program);
+          if (!programs.resolution.flagged) {
+            gl.uniform2f(
+              gl.getUniformLocation(program, "u_resolution"),
+              programs.resolution.width,
+              programs.resolution.height
+            );
+          }
+          programs.current = program;
+        }
+        if (programs.resolution.flagged) {
+          gl.uniform2f(
+            gl.getUniformLocation(program, "u_resolution"),
+            programs.resolution.width,
+            programs.resolution.height
+          );
+        }
+        gl.bindTexture(gl.TEXTURE_2D, this._renderer.texture);
+        gl.uniformMatrix3fv(program.matrix, false, this._renderer.matrix);
+        gl.uniform1f(program.size, size * programs.resolution.ratio);
+        gl.drawArrays(gl.POINTS, 0, length);
+        return this.flagReset();
+      }
+    },
+    text: {
+      updateCanvas: function(elem) {
+        const canvas3 = this.canvas;
+        const ctx = this.ctx;
+        const scale = elem._renderer.scale;
+        const stroke = elem._stroke;
+        const linewidth = elem._linewidth * scale;
+        const fill = elem._fill;
+        const opacity = elem._renderer.opacity || elem._opacity;
+        const dashes = elem.dashes;
+        const decoration = elem._decoration;
+        canvas3.width = Math.max(Math.ceil(elem._renderer.rect.width * scale.x), 1);
+        canvas3.height = Math.max(Math.ceil(elem._renderer.rect.height * scale.y), 1);
+        const centroid = elem._renderer.rect.centroid;
+        const cx = centroid.x;
+        const cy = centroid.y;
+        let a, b, c, d, e, sx, sy, x1, y1, x2, y2;
+        const isOffset = fill._renderer && fill._renderer.offset && stroke._renderer && stroke._renderer.offset;
+        ctx.clearRect(0, 0, canvas3.width, canvas3.height);
+        if (!isOffset) {
+          ctx.font = [elem._style, elem._weight, elem._size + "px/" + elem._leading + "px", elem._family].join(" ");
+        }
+        ctx.textAlign = "center";
+        ctx.textBaseline = "middle";
+        if (fill) {
+          if (typeof fill === "string") {
+            ctx.fillStyle = fill;
+          } else {
+            webgl[fill._renderer.type].render.call(fill, ctx, elem);
+            ctx.fillStyle = fill._renderer.effect;
+          }
+        }
+        if (stroke) {
+          if (typeof stroke === "string") {
+            ctx.strokeStyle = stroke;
+          } else {
+            webgl[stroke._renderer.type].render.call(stroke, ctx, elem);
+            ctx.strokeStyle = stroke._renderer.effect;
+          }
+          if (linewidth) {
+            ctx.lineWidth = linewidth;
+          }
+        }
+        if (typeof opacity === "number") {
+          ctx.globalAlpha = opacity;
+        }
+        if (dashes && dashes.length > 0) {
+          ctx.lineDashOffset = dashes.offset || 0;
+          ctx.setLineDash(dashes);
+        }
+        ctx.save();
+        ctx.scale(scale.x, scale.y);
+        ctx.translate(cx, cy);
+        if (!webgl.isHidden.test(fill)) {
+          if (fill._renderer && fill._renderer.offset) {
+            sx = fill._renderer.scale.x;
+            sy = fill._renderer.scale.y;
+            ctx.save();
+            ctx.translate(
+              -fill._renderer.offset.x,
+              -fill._renderer.offset.y
+            );
+            ctx.scale(sx, sy);
+            a = elem._size / fill._renderer.scale.y;
+            b = elem._leading / fill._renderer.scale.y;
+            ctx.font = [
+              elem._style,
+              elem._weight,
+              a + "px/",
+              b + "px",
+              elem._family
+            ].join(" ");
+            c = fill._renderer.offset.x / fill._renderer.scale.x;
+            d = fill._renderer.offset.y / fill._renderer.scale.y;
+            ctx.fillText(elem.value, c, d);
+            ctx.restore();
+          } else {
+            ctx.fillText(elem.value, 0, 0);
+          }
+        }
+        if (!webgl.isHidden.test(stroke)) {
+          if (stroke._renderer && stroke._renderer.offset) {
+            sx = stroke._renderer.scale.x;
+            sy = stroke._renderer.scale.y;
+            ctx.save();
+            ctx.translate(
+              -stroke._renderer.offset.x,
+              -stroke._renderer.offset.y
+            );
+            ctx.scale(sx, sy);
+            a = elem._size / stroke._renderer.scale.y;
+            b = elem._leading / stroke._renderer.scale.y;
+            ctx.font = [
+              elem._style,
+              elem._weight,
+              a + "px/",
+              b + "px",
+              elem._family
+            ].join(" ");
+            c = stroke._renderer.offset.x / stroke._renderer.scale.x;
+            d = stroke._renderer.offset.y / stroke._renderer.scale.y;
+            e = linewidth / stroke._renderer.scale.x;
+            ctx.lineWidth = e;
+            ctx.strokeText(elem.value, c, d);
+            ctx.restore();
+          } else {
+            ctx.strokeText(elem.value, 0, 0);
+          }
+        }
+        if (/(underline|strikethrough)/i.test(decoration)) {
+          const metrics = ctx.measureText(elem.value);
+          switch (decoration) {
+            case "underline":
+              y1 = metrics.actualBoundingBoxAscent;
+              y2 = metrics.actualBoundingBoxAscent;
+              break;
+            case "strikethrough":
+              y1 = 0;
+              y2 = 0;
+              break;
+          }
+          x1 = -metrics.width / 2;
+          x2 = metrics.width / 2;
+          ctx.lineWidth = Math.max(Math.floor(elem._size / 15), 1);
+          ctx.strokeStyle = ctx.fillStyle;
+          ctx.beginPath();
+          ctx.moveTo(x1, y1);
+          ctx.lineTo(x2, y2);
+          ctx.stroke();
+        }
+        ctx.restore();
+      },
+      getBoundingClientRect: function(elem, rect) {
+        const ctx = webgl.ctx;
+        ctx.font = [elem._style, elem._weight, elem._size + "px/" + elem._leading + "px", elem._family].join(" ");
+        ctx.textAlign = "center";
+        ctx.textBaseline = elem._baseline;
+        let width = ctx.measureText(elem._value).width * 1.25;
+        let height = Math.max(elem._size, elem._leading) * 1.25;
+        if (this._linewidth && !webgl.isHidden.test(this._stroke)) {
+          width += this._linewidth * 2;
+          height += this._linewidth * 2;
+        }
+        const w = width / 2;
+        const h = height / 2;
+        switch (webgl.alignments[elem._alignment] || elem._alignment) {
+          case webgl.alignments.left:
+            rect.left = 0;
+            rect.right = width;
+            break;
+          case webgl.alignments.right:
+            rect.left = -width;
+            rect.right = 0;
+            break;
+          default:
+            rect.left = -w;
+            rect.right = w;
+        }
+        switch (elem._baseline) {
+          case "bottom":
+            rect.top = -height;
+            rect.bottom = 0;
+            break;
+          case "top":
+            rect.top = 0;
+            rect.bottom = height;
+            break;
+          default:
+            rect.top = -h;
+            rect.bottom = h;
+        }
+        rect.width = width;
+        rect.height = height;
+        if (!rect.centroid) {
+          rect.centroid = {};
+        }
+        rect.centroid.x = w;
+        rect.centroid.y = h;
+      },
+      render: function(gl, programs, forcedParent) {
+        if (!this._visible || !this._opacity) {
+          return this;
+        }
+        this._update();
+        const parent = forcedParent || this.parent;
+        const program = programs[this._renderer.type];
+        const flagParentMatrix = parent._matrix.manual || parent._flagMatrix;
+        const flagMatrix = this._matrix.manual || this._flagMatrix;
+        const parentChanged = this._renderer.parent !== parent;
+        const flagTexture = this._flagVertices || this._flagFill || this._fill instanceof LinearGradient && (this._fill._flagSpread || this._fill._flagStops || this._fill._flagEndPoints) || this._fill instanceof RadialGradient && (this._fill._flagSpread || this._fill._flagStops || this._fill._flagRadius || this._fill._flagCenter || this._fill._flagFocal) || this._fill instanceof Texture && (this._fill._flagLoaded && this._fill.loaded || this._fill._flagImage || this._fill._flagVideo || this._fill._flagRepeat || this._fill._flagOffset || this._fill._flagScale) || this._stroke instanceof LinearGradient && (this._stroke._flagSpread || this._stroke._flagStops || this._stroke._flagEndPoints) || this._stroke instanceof RadialGradient && (this._stroke._flagSpread || this._stroke._flagStops || this._stroke._flagRadius || this._stroke._flagCenter || this._stroke._flagFocal) || this._stroke instanceof Texture && (this._stroke._flagLoaded && this._stroke.loaded || this._stroke._flagImage || this._stroke._flagVideo || this._stroke._flagRepeat || this._stroke._flagOffset || this._fill._flagScale) || this._flagStroke || this._flagLinewidth || this._flagOpacity || parent._flagOpacity || this._flagVisible || this._flagScale || this._flagValue || this._flagFamily || this._flagSize || this._flagLeading || this._flagAlignment || this._flagBaseline || this._flagStyle || this._flagWeight || this._flagDecoration || this.dashes && this.dashes.length > 0 || !this._renderer.texture;
+        if (flagParentMatrix || flagMatrix || parentChanged) {
+          if (!this._renderer.matrix) {
+            this._renderer.matrix = new NumArray(9);
+          }
+          this._matrix.toTransformArray(true, transformation);
+          multiplyMatrix(transformation, parent._renderer.matrix, this._renderer.matrix);
+          if (!(this._renderer.scale instanceof Vector)) {
+            this._renderer.scale = new Vector();
+          }
+          if (this._scale instanceof Vector) {
+            this._renderer.scale.x = this._scale.x * parent._renderer.scale.x;
+            this._renderer.scale.y = this._scale.y * parent._renderer.scale.y;
+          } else {
+            this._renderer.scale.x = this._scale * parent._renderer.scale.x;
+            this._renderer.scale.y = this._scale * parent._renderer.scale.y;
+          }
+          if (parentChanged) {
+            this._renderer.parent = parent;
+          }
+        }
+        if (this._mask) {
+          gl.clear(gl.STENCIL_BUFFER_BIT);
+          gl.enable(gl.STENCIL_TEST);
+          gl.stencilFunc(gl.ALWAYS, 1, 0);
+          gl.stencilOp(gl.KEEP, gl.KEEP, gl.REPLACE);
+          gl.colorMask(false, false, false, false);
+          webgl[this._mask._renderer.type].render.call(this._mask, gl, programs, this);
+          gl.stencilFunc(gl.EQUAL, 1, 255);
+          gl.stencilOp(gl.KEEP, gl.KEEP, gl.KEEP);
+          gl.colorMask(true, true, true, true);
+        }
+        if (flagTexture) {
+          if (!this._renderer.rect) {
+            this._renderer.rect = {};
+          }
+          this._renderer.opacity = this._opacity * parent._renderer.opacity;
+          webgl.text.getBoundingClientRect(this, this._renderer.rect);
+          webgl.updateTexture.call(webgl, gl, this);
+        } else {
+          if (this._fill && this._fill._update) {
+            this._fill._update();
+          }
+          if (this._stroke && this._stroke._update) {
+            this._stroke._update();
+          }
+        }
+        if (this._clip && !forcedParent || !this._renderer.texture) {
+          return this;
+        }
+        if (programs.current !== program) {
+          gl.useProgram(program);
+          gl.bindBuffer(gl.ARRAY_BUFFER, programs.buffers.position);
+          gl.vertexAttribPointer(program.position, 2, gl.FLOAT, false, 0, 0);
+          gl.enableVertexAttribArray(program.position);
+          gl.bufferData(gl.ARRAY_BUFFER, quad, gl.STATIC_DRAW);
+          if (!programs.resolution.flagged) {
+            gl.uniform2f(
+              gl.getUniformLocation(program, "u_resolution"),
+              programs.resolution.width,
+              programs.resolution.height
+            );
+          }
+          programs.current = program;
+        }
+        if (programs.resolution.flagged) {
+          gl.uniform2f(
+            gl.getUniformLocation(program, "u_resolution"),
+            programs.resolution.width,
+            programs.resolution.height
+          );
+        }
+        gl.bindTexture(gl.TEXTURE_2D, this._renderer.texture);
+        const rect = this._renderer.rect;
+        gl.uniformMatrix3fv(program.matrix, false, this._renderer.matrix);
+        gl.uniform4f(program.rect, rect.left, rect.top, rect.right, rect.bottom);
+        gl.drawArrays(gl.TRIANGLES, 0, 6);
+        if (this._mask) {
+          gl.disable(gl.STENCIL_TEST);
+        }
+        return this.flagReset();
+      }
+    },
+    "linear-gradient": {
+      render: function(ctx, parent) {
+        if (!ctx.canvas.getContext("2d") || !parent) {
+          return;
+        }
+        this._update();
+        if (!this._renderer.effect || this._flagEndPoints || this._flagStops || this._flagUnits) {
+          let rect;
+          let lx = this.left._x;
+          let ly = this.left._y;
+          let rx = this.right._x;
+          let ry = this.right._y;
+          if (/objectBoundingBox/i.test(this._units)) {
+            rect = parent.getBoundingClientRect(true);
+            lx = (lx - 0.5) * rect.width;
+            ly = (ly - 0.5) * rect.height;
+            rx = (rx - 0.5) * rect.width;
+            ry = (ry - 0.5) * rect.height;
+          }
+          this._renderer.effect = ctx.createLinearGradient(lx, ly, rx, ry);
+          for (let i = 0; i < this.stops.length; i++) {
+            const stop = this.stops[i];
+            this._renderer.effect.addColorStop(stop._offset, stop._color);
+          }
+        }
+        return this.flagReset();
+      }
+    },
+    "radial-gradient": {
+      render: function(ctx, parent) {
+        if (!ctx.canvas.getContext("2d") || !parent) {
+          return;
+        }
+        this._update();
+        if (!this._renderer.effect || this._flagCenter || this._flagFocal || this._flagRadius || this._flagStops || this._flagUnits) {
+          let rect;
+          let cx = this.center._x;
+          let cy = this.center._y;
+          let fx = this.focal._x;
+          let fy = this.focal._y;
+          let radius = this._radius;
+          if (/objectBoundingBox/i.test(this._units)) {
+            rect = parent.getBoundingClientRect(true);
+            cx = cx * rect.width * 0.5;
+            cy = cy * rect.height * 0.5;
+            fx = fx * rect.width * 0.5;
+            fy = fy * rect.height * 0.5;
+            radius *= Math.min(rect.width, rect.height) * 0.5;
+          }
+          this._renderer.effect = ctx.createRadialGradient(
+            cx,
+            cy,
+            0,
+            fx,
+            fy,
+            radius
+          );
+          for (let i = 0; i < this.stops.length; i++) {
+            const stop = this.stops[i];
+            this._renderer.effect.addColorStop(stop._offset, stop._color);
+          }
+        }
+        return this.flagReset();
+      }
+    },
+    texture: {
+      render: function(ctx, elem) {
+        if (!ctx.canvas.getContext("2d")) {
+          return;
+        }
+        this._update();
+        const image = this.image;
+        if ((this._flagLoaded || this._flagImage || this._flagVideo || this._flagRepeat) && this.loaded) {
+          this._renderer.effect = ctx.createPattern(image, this._repeat);
+        } else if (!this._renderer.effect) {
+          return this.flagReset();
+        }
+        if (this._flagOffset || this._flagLoaded || this._flagScale) {
+          if (!(this._renderer.offset instanceof Vector)) {
+            this._renderer.offset = new Vector();
+          }
+          this._renderer.offset.x = -this._offset.x;
+          this._renderer.offset.y = -this._offset.y;
+          if (image) {
+            this._renderer.offset.x += image.width / 2;
+            this._renderer.offset.y += image.height / 2;
+            if (this._scale instanceof Vector) {
+              this._renderer.offset.x *= this._scale.x;
+              this._renderer.offset.y *= this._scale.y;
+            } else {
+              this._renderer.offset.x *= this._scale;
+              this._renderer.offset.y *= this._scale;
+            }
+          }
+        }
+        if (this._flagScale || this._flagLoaded) {
+          if (!(this._renderer.scale instanceof Vector)) {
+            this._renderer.scale = new Vector();
+          }
+          if (this._scale instanceof Vector) {
+            this._renderer.scale.copy(this._scale);
+          } else {
+            this._renderer.scale.set(this._scale, this._scale);
+          }
+        }
+        return this.flagReset();
+      }
+    },
+    updateTexture: function(gl, elem) {
+      this[elem._renderer.type].updateCanvas.call(webgl, elem);
+      if (this.canvas.width <= 0 || this.canvas.height <= 0) {
+        if (elem._renderer.texture) {
+          gl.deleteTexture(elem._renderer.texture);
+        }
+        delete elem._renderer.texture;
+        return;
+      }
+      if (!elem._renderer.texture) {
+        elem._renderer.texture = gl.createTexture();
+      }
+      gl.bindTexture(gl.TEXTURE_2D, elem._renderer.texture);
+      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+      gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, this.canvas);
+    },
+    program: {
+      create: function(gl, shaders2) {
+        let program, linked, error;
+        program = gl.createProgram();
+        _.each(shaders2, function(s) {
+          gl.attachShader(program, s);
+        });
+        gl.linkProgram(program);
+        linked = gl.getProgramParameter(program, gl.LINK_STATUS);
+        if (!linked) {
+          error = gl.getProgramInfoLog(program);
+          gl.deleteProgram(program);
+          throw new TwoError("unable to link program: " + error);
+        }
+        return program;
+      }
+    },
+    TextureRegistry: new Registry()
+  };
+  webgl.ctx = webgl.canvas.getContext("2d");
+  var Renderer3 = class extends Events {
+    constructor(params) {
+      super();
+      let gl, program, vs, fs;
+      this.domElement = params.domElement || document.createElement("canvas");
+      if (typeof params.offscreenElement !== "undefined") {
+        webgl.canvas = params.offscreenElement;
+        webgl.ctx = webgl.canvas.getContext("2d");
+      }
+      this.scene = new Group();
+      this.scene.parent = this;
+      this._renderer = {
+        type: "renderer",
+        matrix: new NumArray(identity),
+        scale: 1,
+        opacity: 1
+      };
+      this._flagMatrix = true;
+      params = _.defaults(params || {}, {
+        antialias: false,
+        alpha: true,
+        premultipliedAlpha: true,
+        stencil: true,
+        preserveDrawingBuffer: true,
+        overdraw: false
+      });
+      this.overdraw = params.overdraw;
+      gl = this.ctx = this.domElement.getContext("webgl", params) || this.domElement.getContext("experimental-webgl", params);
+      if (!this.ctx) {
+        throw new TwoError(
+          "unable to create a webgl context. Try using another renderer."
+        );
+      }
+      vs = shaders.create(gl, shaders.path.vertex, shaders.types.vertex);
+      fs = shaders.create(gl, shaders.path.fragment, shaders.types.fragment);
+      this.programs = {
+        current: null,
+        buffers: {
+          position: gl.createBuffer()
+        },
+        resolution: {
+          width: 0,
+          height: 0,
+          ratio: 1,
+          flagged: false
+        }
+      };
+      program = this.programs.path = webgl.program.create(gl, [vs, fs]);
+      this.programs.text = this.programs.path;
+      program.position = gl.getAttribLocation(program, "a_position");
+      program.matrix = gl.getUniformLocation(program, "u_matrix");
+      program.rect = gl.getUniformLocation(program, "u_rect");
+      const positionBuffer = gl.createBuffer();
+      gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
+      gl.vertexAttribPointer(program.position, 2, gl.FLOAT, false, 0, 0);
+      gl.enableVertexAttribArray(program.position);
+      gl.bufferData(gl.ARRAY_BUFFER, quad, gl.STATIC_DRAW);
+      vs = shaders.create(gl, shaders.points.vertex, shaders.types.vertex);
+      fs = shaders.create(gl, shaders.points.fragment, shaders.types.fragment);
+      program = this.programs.points = webgl.program.create(gl, [vs, fs]);
+      program.position = gl.getAttribLocation(program, "a_position");
+      program.matrix = gl.getUniformLocation(program, "u_matrix");
+      program.size = gl.getUniformLocation(program, "u_size");
+      gl.enable(gl.BLEND);
+      gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
+      gl.blendEquation(gl.FUNC_ADD);
+      gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+    }
+    setSize(width, height, ratio) {
+      let w, h;
+      const ctx = this.ctx;
+      this.width = width;
+      this.height = height;
+      this.ratio = typeof ratio === "undefined" ? getRatio(ctx) : ratio;
+      this.domElement.width = width * this.ratio;
+      this.domElement.height = height * this.ratio;
+      if (_.isObject(this.domElement.style)) {
+        _.extend(this.domElement.style, {
+          width: width + "px",
+          height: height + "px"
+        });
+      }
+      this._renderer.matrix[0] = this._renderer.matrix[4] = this._renderer.scale = this.ratio;
+      this._flagMatrix = true;
+      w = width * this.ratio;
+      h = height * this.ratio;
+      ctx.viewport(0, 0, w, h);
+      this.programs.resolution.width = w;
+      this.programs.resolution.height = h;
+      this.programs.resolution.ratio = this.ratio;
+      this.programs.resolution.flagged = true;
+      return this.trigger(Events.Types.resize, width, height, ratio);
+    }
+    render() {
+      const gl = this.ctx;
+      if (!this.overdraw) {
+        gl.clear(gl.COLOR_BUFFER_BIT);
+      }
+      webgl.group.render.call(this.scene, gl, this.programs);
+      this._flagMatrix = false;
+      this.programs.resolution.flagged = true;
+      return this;
+    }
+  };
+  __publicField(Renderer3, "Utils", webgl);
+
+  // src/two.js
+  var Utils = _.extend({
+    Error: TwoError,
+    getRatio,
+    read,
+    xhr
+  }, _, CanvasShim, curves_exports, math_exports);
+  var _Two = class {
+    _events = new Events();
+    get _bound() {
+      return this._events._bound;
+    }
+    set _bound(v) {
+      this._events._bound = v;
+    }
+    addEventListener() {
+      return this._events.addEventListener.apply(this, arguments);
+    }
+    on() {
+      return this._events.addEventListener.apply(this, arguments);
+    }
+    bind() {
+      return this._events.addEventListener.apply(this, arguments);
+    }
+    removeEventListener() {
+      return this._events.removeEventListener.apply(this, arguments);
+    }
+    off() {
+      return this._events.removeEventListener.apply(this, arguments);
+    }
+    unbind() {
+      return this._events.removeEventListener.apply(this, arguments);
+    }
+    dispatchEvent() {
+      return this._events.dispatchEvent.apply(this, arguments);
+    }
+    trigger() {
+      return this._events.dispatchEvent.apply(this, arguments);
+    }
+    listen() {
+      return this._events.listen.apply(this, arguments);
+    }
+    ignore() {
+      return this._events.ignore.apply(this, arguments);
+    }
+    type = "";
+    renderer = null;
+    scene = null;
+    width = 0;
+    height = 0;
+    frameCount = 0;
+    timeDelta = 0;
+    playing = false;
+    constructor(options) {
+      const params = _.defaults(options || {}, {
+        fullscreen: false,
+        fitted: false,
+        width: 640,
+        height: 480,
+        type: _Two.Types.svg,
+        autostart: false
+      });
+      _.each(params, function(v, k) {
+        if (/fullscreen/i.test(k) || /autostart/i.test(k)) {
+          return;
+        }
+        this[k] = v;
+      }, this);
+      if (_.isElement(params.domElement)) {
+        const tagName = params.domElement.tagName.toLowerCase();
+        if (!/^(CanvasRenderer-canvas|WebGLRenderer-canvas|SVGRenderer-svg)$/.test(this.type + "-" + tagName)) {
+          this.type = _Two.Types[tagName];
+        }
+      }
+      this.renderer = new _Two[this.type](this);
+      this.setPlaying(params.autostart);
+      this.frameCount = 0;
+      if (params.fullscreen) {
+        this.fit = fitToWindow.bind(this);
+        this.fit.domElement = window;
+        this.fit.attached = true;
+        _.extend(document.body.style, {
+          overflow: "hidden",
+          margin: 0,
+          padding: 0,
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          position: "fixed"
+        });
+        _.extend(this.renderer.domElement.style, {
+          display: "block",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          position: "fixed"
+        });
+        dom.bind(this.fit.domElement, "resize", this.fit);
+        this.fit();
+      } else if (params.fitted) {
+        this.fit = fitToParent.bind(this);
+        _.extend(this.renderer.domElement.style, {
+          display: "block"
+        });
+      } else if (!_.isElement(params.domElement)) {
+        this.renderer.setSize(params.width, params.height, this.ratio);
+        this.width = params.width;
+        this.height = params.height;
+      }
+      this.renderer.bind(Events.Types.resize, updateDimensions.bind(this));
+      this.scene = this.renderer.scene;
+      _Two.Instances.push(this);
+      if (params.autostart) {
+        raf.init();
+      }
+    }
+    appendTo(elem) {
+      elem.appendChild(this.renderer.domElement);
+      if (this.fit) {
+        if (this.fit.domElement !== window) {
+          this.fit.domElement = elem;
+          this.fit.attached = false;
+        }
+        this.update();
+      }
+      return this;
+    }
+    play() {
+      this.playing = true;
+      raf.init();
+      return this.trigger(Events.Types.play);
+    }
+    pause() {
+      this.playing = false;
+      return this.trigger(Events.Types.pause);
+    }
+    setPlaying(p) {
+      this.playing = p;
+    }
+    release(obj) {
+      let i, v, child;
+      if (!_.isObject(obj)) {
+        return this.release(this.scene);
+      }
+      if (typeof obj.unbind === "function") {
+        obj.unbind();
+      }
+      if (obj.vertices) {
+        if (typeof obj.vertices.unbind === "function") {
+          obj.vertices.unbind();
+        }
+        for (i = 0; i < obj.vertices.length; i++) {
+          v = obj.vertices[i];
+          if (typeof v.unbind === "function") {
+            v.unbind();
+          }
+          if (v.controls) {
+            if (v.controls.left && typeof v.controls.left.unbind === "function") {
+              v.controls.left.unbind();
+            }
+            if (v.controls.right && typeof v.controls.right.unbind === "function") {
+              v.controls.right.unbind();
+            }
+          }
+        }
+      }
+      if (obj.children) {
+        for (i = 0; i < obj.children.length; i++) {
+          child = obj.children[i];
+          this.release(child);
+        }
+        if (typeof obj.children.unbind === "function") {
+          obj.children.unbind();
+        }
+      }
+      return obj;
+    }
+    update() {
+      const animated = !!this._lastFrame;
+      const now = _.performance.now();
+      if (animated) {
+        this.timeDelta = parseFloat((now - this._lastFrame).toFixed(3));
+      }
+      this._lastFrame = now;
+      if (this.fit && this.fit.domElement && !this.fit.attached) {
+        dom.bind(this.fit.domElement, "resize", this.fit);
+        this.fit.attached = true;
+        this.fit();
+      }
+      const width = this.width;
+      const height = this.height;
+      const renderer = this.renderer;
+      if (width !== renderer.width || height !== renderer.height) {
+        renderer.setSize(width, height, this.ratio);
+      }
+      this.trigger(Events.Types.update, this.frameCount, this.timeDelta);
+      return this.render();
+    }
+    render() {
+      this.renderer.render();
+      return this.trigger(Events.Types.render, this.frameCount++);
+    }
+    add(objects) {
+      if (!(objects instanceof Array)) {
+        objects = Array.prototype.slice.call(arguments);
+      }
+      this.scene.add(objects);
+      return this;
+    }
+    remove(objects) {
+      if (!(objects instanceof Array)) {
+        objects = Array.prototype.slice.call(arguments);
+      }
+      this.scene.remove(objects);
+      return this;
+    }
+    clear() {
+      this.scene.remove(this.scene.children);
+      return this;
+    }
+    makeLine(x1, y1, x2, y2) {
+      const line = new Line(x1, y1, x2, y2);
+      this.scene.add(line);
+      return line;
+    }
+    makeArrow(x1, y1, x2, y2, size) {
+      const headlen = typeof size === "number" ? size : 10;
+      const angle = Math.atan2(y2 - y1, x2 - x1);
+      const vertices = [
+        new Anchor(x1, y1, void 0, void 0, void 0, void 0, Commands.move),
+        new Anchor(x2, y2, void 0, void 0, void 0, void 0, Commands.line),
+        new Anchor(
+          x2 - headlen * Math.cos(angle - Math.PI / 4),
+          y2 - headlen * Math.sin(angle - Math.PI / 4),
+          void 0,
+          void 0,
+          void 0,
+          void 0,
+          Commands.line
+        ),
+        new Anchor(x2, y2, void 0, void 0, void 0, void 0, Commands.move),
+        new Anchor(
+          x2 - headlen * Math.cos(angle + Math.PI / 4),
+          y2 - headlen * Math.sin(angle + Math.PI / 4),
+          void 0,
+          void 0,
+          void 0,
+          void 0,
+          Commands.line
+        )
+      ];
+      const path = new Path(vertices, false, false, true);
+      path.noFill();
+      path.cap = "round";
+      path.join = "round";
+      this.scene.add(path);
+      return path;
+    }
+    makeRectangle(x, y, width, height) {
+      const rect = new Rectangle(x, y, width, height);
+      this.scene.add(rect);
+      return rect;
+    }
+    makeRoundedRectangle(x, y, width, height, sides) {
+      const rect = new RoundedRectangle(x, y, width, height, sides);
+      this.scene.add(rect);
+      return rect;
+    }
+    makeCircle(x, y, radius, resolution) {
+      const circle = new Circle(x, y, radius, resolution);
+      this.scene.add(circle);
+      return circle;
+    }
+    makeEllipse(x, y, rx, ry, resolution) {
+      const ellipse = new Ellipse(x, y, rx, ry, resolution);
+      this.scene.add(ellipse);
+      return ellipse;
+    }
+    makeStar(x, y, outerRadius, innerRadius, sides) {
+      const star = new Star(x, y, outerRadius, innerRadius, sides);
+      this.scene.add(star);
+      return star;
+    }
+    makeCurve(points) {
+      const l = arguments.length;
+      if (!Array.isArray(points)) {
+        points = [];
+        for (let i = 0; i < l; i += 2) {
+          const x = arguments[i];
+          if (typeof x !== "number") {
+            break;
+          }
+          const y = arguments[i + 1];
+          points.push(new Anchor(x, y));
+        }
+      }
+      const last = arguments[l - 1];
+      const curve = new Path(points, !(typeof last === "boolean" ? last : void 0), true);
+      const rect = curve.getBoundingClientRect();
+      curve.center().translation.set(rect.left + rect.width / 2, rect.top + rect.height / 2);
+      this.scene.add(curve);
+      return curve;
+    }
+    makePolygon(x, y, radius, sides) {
+      const poly = new Polygon(x, y, radius, sides);
+      this.scene.add(poly);
+      return poly;
+    }
+    makeArcSegment(x, y, innerRadius, outerRadius, startAngle, endAngle, resolution) {
+      const arcSegment = new ArcSegment(
+        x,
+        y,
+        innerRadius,
+        outerRadius,
+        startAngle,
+        endAngle,
+        resolution
+      );
+      this.scene.add(arcSegment);
+      return arcSegment;
+    }
+    makePoints(p) {
+      const l = arguments.length;
+      let vertices = p;
+      if (!Array.isArray(p)) {
+        vertices = [];
+        for (let i = 0; i < l; i += 2) {
+          const x = arguments[i];
+          if (typeof x !== "number") {
+            break;
+          }
+          const y = arguments[i + 1];
+          vertices.push(new Vector(x, y));
+        }
+      }
+      const points = new Points(vertices);
+      this.scene.add(points);
+      return points;
+    }
+    makePath(p) {
+      const l = arguments.length;
+      let points = p;
+      if (!Array.isArray(p)) {
+        points = [];
+        for (let i = 0; i < l; i += 2) {
+          const x = arguments[i];
+          if (typeof x !== "number") {
+            break;
+          }
+          const y = arguments[i + 1];
+          points.push(new Anchor(x, y));
+        }
+      }
+      const last = arguments[l - 1];
+      const path = new Path(points, !(typeof last === "boolean" ? last : void 0));
+      const rect = path.getBoundingClientRect();
+      if (typeof rect.top === "number" && typeof rect.left === "number" && typeof rect.right === "number" && typeof rect.bottom === "number") {
+        path.center().translation.set(rect.left + rect.width / 2, rect.top + rect.height / 2);
+      }
+      this.scene.add(path);
+      return path;
+    }
+    makeText(message, x, y, styles) {
+      const text = new Text(message, x, y, styles);
+      this.add(text);
+      return text;
+    }
+    makeLinearGradient(x1, y1, x2, y2) {
+      const stops = Array.prototype.slice.call(arguments, 4);
+      const gradient = new LinearGradient(x1, y1, x2, y2, stops);
+      this.add(gradient);
+      return gradient;
+    }
+    makeRadialGradient(x1, y1, radius) {
+      const stops = Array.prototype.slice.call(arguments, 3);
+      const gradient = new RadialGradient(x1, y1, radius, stops);
+      this.add(gradient);
+      return gradient;
+    }
+    makeSprite(pathOrTexture, x, y, columns, rows, frameRate, autostart) {
+      const sprite = new Sprite(pathOrTexture, x, y, columns, rows, frameRate);
+      if (autostart) {
+        sprite.play();
+      }
+      this.add(sprite);
+      return sprite;
+    }
+    makeImageSequence(pathsOrTextures, x, y, frameRate, autostart) {
+      const imageSequence = new ImageSequence(pathsOrTextures, x, y, frameRate);
+      if (autostart) {
+        imageSequence.play();
+      }
+      this.add(imageSequence);
+      return imageSequence;
+    }
+    makeTexture(pathOrSource, callback) {
+      const texture = new Texture(pathOrSource, callback);
+      return texture;
+    }
+    makeGroup(objects) {
+      if (!(objects instanceof Array)) {
+        objects = Array.prototype.slice.call(arguments);
+      }
+      const group = new Group();
+      this.scene.add(group);
+      group.add(objects);
+      return group;
+    }
+    interpret(svg2, shallow, add) {
+      const tag = svg2.tagName.toLowerCase();
+      add = typeof add !== "undefined" ? add : true;
+      if (!(tag in read)) {
+        return null;
+      }
+      const node = read[tag].call(this, svg2);
+      if (add) {
+        this.add(shallow && node instanceof Group ? node.children : node);
+      } else if (node.parent) {
+        node.remove();
+      }
+      return node;
+    }
+    load(pathOrSVGContent, callback) {
+      const group = new Group();
+      let elem, i, child;
+      const attach = function(data) {
+        dom.temp.innerHTML = data;
+        for (i = 0; i < dom.temp.children.length; i++) {
+          elem = dom.temp.children[i];
+          child = this.interpret(elem, false, false);
+          if (child !== null) {
+            group.add(child);
+          }
+        }
+        if (typeof callback === "function") {
+          const svg2 = dom.temp.children.length <= 1 ? dom.temp.children[0] : dom.temp.children;
+          callback(group, svg2);
+        }
+      }.bind(this);
+      if (/\.svg$/i.test(pathOrSVGContent)) {
+        xhr(pathOrSVGContent, attach);
+        return group;
+      }
+      attach(pathOrSVGContent);
+      return group;
+    }
+  };
+  var Two = _Two;
+  __publicField(Two, "nextFrameID", Constants.nextFrameID);
+  __publicField(Two, "Types", Constants.Types);
+  __publicField(Two, "Version", Constants.Version);
+  __publicField(Two, "PublishDate", Constants.PublishDate);
+  __publicField(Two, "Identifier", Constants.Identifier);
+  __publicField(Two, "Resolution", Constants.Resolution);
+  __publicField(Two, "AutoCalculateImportedMatrices", Constants.AutoCalculateImportedMatrices);
+  __publicField(Two, "Instances", Constants.Instances);
+  __publicField(Two, "uniqueId", Constants.uniqueId);
+  __publicField(Two, "Anchor", Anchor);
+  __publicField(Two, "Collection", Collection);
+  __publicField(Two, "Events", Events);
+  __publicField(Two, "Group", Group);
+  __publicField(Two, "Matrix", Matrix2);
+  __publicField(Two, "Path", Path);
+  __publicField(Two, "Registry", Registry);
+  __publicField(Two, "Shape", Shape);
+  __publicField(Two, "Text", Text);
+  __publicField(Two, "Vector", Vector);
+  __publicField(Two, "Gradient", Gradient);
+  __publicField(Two, "ImageSequence", ImageSequence);
+  __publicField(Two, "LinearGradient", LinearGradient);
+  __publicField(Two, "RadialGradient", RadialGradient);
+  __publicField(Two, "Sprite", Sprite);
+  __publicField(Two, "Stop", Stop);
+  __publicField(Two, "Texture", Texture);
+  __publicField(Two, "ArcSegment", ArcSegment);
+  __publicField(Two, "Circle", Circle);
+  __publicField(Two, "Ellipse", Ellipse);
+  __publicField(Two, "Line", Line);
+  __publicField(Two, "Points", Points);
+  __publicField(Two, "Polygon", Polygon);
+  __publicField(Two, "Rectangle", Rectangle);
+  __publicField(Two, "RoundedRectangle", RoundedRectangle);
+  __publicField(Two, "Star", Star);
+  __publicField(Two, "CanvasRenderer", Renderer);
+  __publicField(Two, "SVGRenderer", Renderer2);
+  __publicField(Two, "WebGLRenderer", Renderer3);
+  __publicField(Two, "Commands", Commands);
+  __publicField(Two, "Utils", Utils);
+  function fitToWindow() {
+    const wr = document.body.getBoundingClientRect();
+    const width = this.width = wr.width;
+    const height = this.height = wr.height;
+    this.renderer.setSize(width, height, this.ratio);
+  }
+  function fitToParent() {
+    const parent = this.renderer.domElement.parentElement;
+    if (!parent) {
+      console.warn("Two.js: Attempting to fit to parent, but no parent found.");
+      return;
+    }
+    const wr = parent.getBoundingClientRect();
+    const width = this.width = wr.width;
+    const height = this.height = wr.height;
+    this.renderer.setSize(width, height, this.ratio);
+  }
+  function updateDimensions(width, height) {
+    this.width = width;
+    this.height = height;
+    this.trigger(Events.Types.resize, width, height);
+  }
+  var raf = dom.getRequestAnimationFrame();
+  function loop() {
+    for (let i = 0; i < Two.Instances.length; i++) {
+      const t = Two.Instances[i];
+      if (t.playing) {
+        t.update();
+      }
+    }
+    Two.nextFrameID = raf(loop);
+  }
+  raf.init = function() {
+    loop();
+    raf.init = function() {
+    };
+  };
+  return __toCommonJS(two_exports);
+})().default;
+
+(function(){if(typeof exports==='object'&&typeof module!=='undefined'){module.exports=Two}})()
\ No newline at end of file
diff --git a/httpdocs/themes/vuexy/vendor/libs/two/two.min.js b/httpdocs/themes/vuexy/vendor/libs/two/two.min.js
new file mode 100644
index 00000000..fc20d934
--- /dev/null
+++ b/httpdocs/themes/vuexy/vendor/libs/two/two.min.js
@@ -0,0 +1,89 @@
+/*
+MIT License
+
+Copyright (c) 2012 - 2021 @jonobr1 / http://jono.fyi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+*/
+var Two=(()=>{var me=Object.defineProperty;var Yi=Object.getOwnPropertyDescriptor;var qi=Object.getOwnPropertyNames;var Gi=Object.prototype.hasOwnProperty;var Ki=(i,t,e)=>t in i?me(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e;var Me=(i,t)=>{for(var e in t)me(i,e,{get:t[e],enumerable:!0})},$i=(i,t,e,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of qi(t))!Gi.call(i,r)&&r!==e&&me(i,r,{get:()=>t[r],enumerable:!(s=Yi(t,r))||s.enumerable});return i};var Ji=i=>$i(me({},"__esModule",{value:!0}),i);var v=(i,t,e)=>(Ki(i,typeof t!="symbol"?t+"":t,e),e);var Gs={};Me(Gs,{default:()=>P});var w={move:"M",line:"L",curve:"C",arc:"A",close:"Z"};var Ie={};Me(Ie,{HALF_PI:()=>J,NumArray:()=>yt,TWO_PI:()=>$,decomposeMatrix:()=>St,getComputedMatrix:()=>Oe,getPoT:()=>Pe,lerp:()=>nt,mod:()=>it,setMatrix:()=>Le,toFixed:()=>K});var H;typeof window<"u"?H=window:typeof global<"u"?H=global:typeof self<"u"&&(H=self);var li,$=Math.PI*2,J=Math.PI*.5;function St(i,t,e,s,r,n){let a;return arguments.length<=1?(a=i.a,t=i.b,e=i.c,s=i.d,r=i.e,n=i.f):a=i,{translateX:r,translateY:n,scaleX:Math.sqrt(a*a+t*t),scaleY:Math.sqrt(e*e+s*s),rotation:180*Math.atan2(t,a)/Math.PI}}function Le(i){li=i}function Oe(i,t){t=t&&t.identity()||new li;let e=i,s=[];for(;e&&e._matrix;)s.push(e._matrix),e=e.parent;s.reverse();for(let r=0;r<s.length;r++){let a=s[r].elements;t.multiply(a[0],a[1],a[2],a[3],a[4],a[5],a[6],a[7],a[8],a[9])}return t}function nt(i,t,e){return e*(t-i)+i}var Ce=[2,4,8,16,32,64,128,256,512,1024,2048,4096];function Pe(i){let t=0;for(;Ce[t]&&Ce[t]<i;)t++;return Ce[t]}function it(i,t){for(;i<0;)i+=t;return i%t}var yt=H.Float32Array||Array,Zi=Math.floor;function K(i){return Zi(i*1e6)/1e6}var Ve={};Me(Ve,{Curve:()=>jt,getAnchorsFromArcData:()=>ts,getComponentOnCubicBezier:()=>Ut,getControlPoints:()=>ui,getCurveBoundingBox:()=>Ne,getCurveFromPoints:()=>je,getCurveLength:()=>Be,getReflection:()=>ye,integrate:()=>ci,subdivide:()=>se});var p=class{_events={};_bound=!1;constructor(){}addEventListener(t,e){return(this._events[t]||(this._events[t]=[])).push(e),this._bound=!0,this}on(){return this.addEventListener.apply(this,arguments)}bind(){return this.addEventListener.apply(this,arguments)}removeEventListener(t,e){if(!this._events)return this;if(!t&&!e)return this._events={},this._bound=!1,this;let s=t?[t]:Object.keys(this._events);for(let r=0,n=s.length;r<n;r++){t=s[r];let a=this._events[t];if(a){let o=[];if(e)for(let h=0,l=a.length;h<l;h++){let f=a[h];f=f.handler?f.handler:f,e!==f&&o.push(f)}this._events[t]=o}}return this}off(){return this.removeEventListener.apply(this,arguments)}unbind(){return this.removeEventListener.apply(this,arguments)}dispatchEvent(t){if(!this._events)return this;let e=Array.prototype.slice.call(arguments,1),s=this._events[t];if(s)for(let r=0;r<s.length;r++)s[r].call(this,...e);return this}trigger(){return this.dispatchEvent.apply(this,arguments)}listen(t,e,s){let r=this;t&&(n.obj=t,n.name=e,n.handler=s,t.on(e,n));function n(){s.apply(r,arguments)}return r}ignore(t,e,s){return t.off(e,s),this}};v(p,"Types",{play:"play",pause:"pause",update:"update",render:"render",resize:"resize",change:"change",remove:"remove",insert:"insert",order:"order",load:"load"}),v(p,"Methods",["addEventListener","on","removeEventListener","off","unbind","dispatchEvent","trigger","listen","ignore"]);var hi={x:{enumerable:!0,get:function(){return this._x},set:function(i){this._x!==i&&(this._x=i,this._bound&&this.dispatchEvent(p.Types.change))}},y:{enumerable:!0,get:function(){return this._y},set:function(i){this._y!==i&&(this._y=i,this._bound&&this.dispatchEvent(p.Types.change))}}},bt=class extends p{_x=0;_y=0;constructor(t=0,e=0){super();for(let s in hi)Object.defineProperty(this,s,hi[s]);this.x=t,this.y=e}static add(t,e){return new bt(t.x+e.x,t.y+e.y)}static sub(t,e){return new bt(t.x-e.x,t.y-e.y)}static subtract(t,e){return bt.sub(t,e)}static ratioBetween(t,e){return(t.x*e.x+t.y*e.y)/(t.length()*e.length())}static angleBetween(t,e){if(arguments.length>=4){let n=arguments[0]-arguments[2],a=arguments[1]-arguments[3];return Math.atan2(a,n)}let s=t.x-e.x,r=t.y-e.y;return Math.atan2(r,s)}static distanceBetween(t,e){return Math.sqrt(bt.distanceBetweenSquared(t,e))}static distanceBetweenSquared(t,e){let s=t.x-e.x,r=t.y-e.y;return s*s+r*r}set(t,e){return this.x=t,this.y=e,this}copy(t){return this.x=t.x,this.y=t.y,this}clear(){return this.x=0,this.y=0,this}clone(){return new bt(this.x,this.y)}add(t,e){return arguments.length<=0?this:(arguments.length<=1?typeof t=="number"?(this.x+=t,this.y+=t):t&&typeof t.x=="number"&&typeof t.y=="number"&&(this.x+=t.x,this.y+=t.y):(this.x+=t,this.y+=e),this)}addSelf(t){return this.add.apply(this,arguments)}sub(t,e){return arguments.length<=0?this:(arguments.length<=1?typeof t=="number"?(this.x-=t,this.y-=t):t&&typeof t.x=="number"&&typeof t.y=="number"&&(this.x-=t.x,this.y-=t.y):(this.x-=t,this.y-=e),this)}subtract(){return this.sub.apply(this,arguments)}subSelf(t){return this.sub.apply(this,arguments)}subtractSelf(t){return this.sub.apply(this,arguments)}multiply(t,e){return arguments.length<=0?this:(arguments.length<=1?typeof t=="number"?(this.x*=t,this.y*=t):t&&typeof t.x=="number"&&typeof t.y=="number"&&(this.x*=t.x,this.y*=t.y):(this.x*=t,this.y*=e),this)}multiplySelf(t){return this.multiply.apply(this,arguments)}multiplyScalar(t){return this.multiply(t)}divide(t,e){return arguments.length<=0?this:(arguments.length<=1?typeof t=="number"?(this.x/=t,this.y/=t):t&&typeof t.x=="number"&&typeof t.y=="number"&&(this.x/=t.x,this.y/=t.y):(this.x/=t,this.y/=e),isNaN(this.x)&&(this.x=0),isNaN(this.y)&&(this.y=0),this)}divideSelf(t){return this.divide.apply(this,arguments)}divideScalar(t){return this.divide(t)}negate(){return this.multiply(-1)}dot(t){return this.x*t.x+this.y*t.y}length(){return Math.sqrt(this.lengthSquared())}lengthSquared(){return this.x*this.x+this.y*this.y}normalize(){return this.divideScalar(this.length())}distanceTo(t){return Math.sqrt(this.distanceToSquared(t))}distanceToSquared(t){let e=this.x-t.x,s=this.y-t.y;return e*e+s*s}setLength(t){return this.normalize().multiplyScalar(t)}equals(t,e){return e=typeof e>"u"?1e-4:e,this.distanceTo(t)<e}lerp(t,e){let s=(t.x-this.x)*e+this.x,r=(t.y-this.y)*e+this.y;return this.set(s,r)}isZero(t){return t=typeof t>"u"?1e-4:t,this.length()<t}toString(){return this.x+", "+this.y}toObject(){return{x:this.x,y:this.y}}rotate(t){let e=this.x,s=this.y,r=Math.cos(t),n=Math.sin(t);return this.x=e*r-s*n,this.y=e*n+s*r,this}},k=bt;v(k,"zero",new bt),v(k,"left",new bt(-1,0)),v(k,"right",new bt(1,0)),v(k,"up",new bt(0,-1)),v(k,"down",new bt(0,1));var F=class extends k{controls={left:new k,right:new k};_command=w.move;_relative=!0;_rx=0;_ry=0;_xAxisRotation=0;_largeArcFlag=0;_sweepFlag=1;constructor(t=0,e=0,s=0,r=0,n=0,a=0,o=w.move){super(t,e);for(let l in fi)Object.defineProperty(this,l,fi[l]);this.command=o,this.relative=!0;let h=F.makeBroadcast(this);this.controls.left.set(s,r).addEventListener(p.Types.change,h),this.controls.right.set(n,a).addEventListener(p.Types.change,h)}static makeBroadcast(t){return e;function e(){t._bound&&t.dispatchEvent(p.Types.change)}}copy(t){return this.x=t.x,this.y=t.y,typeof t.command=="string"&&(this.command=t.command),t.controls&&(t.controls.left&&this.controls.left.copy(t.controls.left),t.controls.right&&this.controls.right.copy(t.controls.right)),typeof t.relative=="boolean"&&(this.relative=t.relative),typeof t.rx=="number"&&(this.rx=t.rx),typeof t.ry=="number"&&(this.ry=t.ry),typeof t.xAxisRotation=="number"&&(this.xAxisRotation=t.xAxisRotation),typeof t.largeArcFlag=="number"&&(this.largeArcFlag=t.largeArcFlag),typeof t.sweepFlag=="number"&&(this.sweepFlag=t.sweepFlag),this}clone(){return new F().copy(this)}toObject(){return{x:this.x,y:this.y,command:this.command,relative:this.relative,controls:{left:this.controls.left.toObject(),right:this.controls.right.toObject()},rx:this.rx,ry:this.ry,xAxisRotation:this.xAxisRotation,largeArcFlag:this.largeArcFlag,sweepFlag:this.sweepFlag}}toString(){return JSON.stringify(this.toObject())}},fi={command:{enumerable:!0,get:function(){return this._command},set:function(i){this._command!==i&&(this._command=i,this._bound&&this.dispatchEvent(p.Types.change))}},relative:{enumerable:!0,get:function(){return this._relative},set:function(i){this._relative!==!!i&&(this._relative=!!i,this._bound&&this.dispatchEvent(p.Types.change))}},rx:{enumerable:!0,get:function(){return this._rx},set:function(i){this._rx!==i&&(this._rx=i,this._bound&&this.dispatchEvent(p.Types.change))}},ry:{enumerable:!0,get:function(){return this._ry},set:function(i){this._ry!==i&&(this._ry=i,this._bound&&this.dispatchEvent(p.Types.change))}},xAxisRotation:{enumerable:!0,get:function(){return this._xAxisRotation},set:function(i){this._xAxisRotation!==i&&(this._xAxisRotation=i,this._bound&&this.dispatchEvent(p.Types.change))}},largeArcFlag:{enumerable:!0,get:function(){return this._largeArcFlag},set:function(i){this._largeArcFlag!==i&&(this._largeArcFlag=i,this._bound&&this.dispatchEvent(p.Types.change))}},sweepFlag:{get:function(){return this._sweepFlag},set:function(i){this._sweepFlag!==i&&(this._sweepFlag=i,this._bound&&this.dispatchEvent(p.Types.change))}}};var Qi=0,Y={nextFrameID:null,Types:{webgl:"WebGLRenderer",svg:"SVGRenderer",canvas:"CanvasRenderer"},Version:"v0.8.12",PublishDate:"2023-10-16T17:55:26.551Z",Identifier:"two-",Resolution:12,AutoCalculateImportedMatrices:!0,Instances:[],uniqueId:function(){return Qi++}};var jt={CollinearityEpsilon:Math.pow(10,-30),RecursionLimit:16,CuspLimit:0,Tolerance:{distance:.25,angle:0,epsilon:Number.EPSILON},abscissas:[[.5773502691896257],[0,.7745966692414834],[.33998104358485626,.8611363115940526],[0,.5384693101056831,.906179845938664],[.2386191860831969,.6612093864662645,.932469514203152],[0,.4058451513773972,.7415311855993945,.9491079123427585],[.1834346424956498,.525532409916329,.7966664774136267,.9602898564975363],[0,.3242534234038089,.6133714327005904,.8360311073266358,.9681602395076261],[.14887433898163122,.4333953941292472,.6794095682990244,.8650633666889845,.9739065285171717],[0,.26954315595234496,.5190961292068118,.7301520055740494,.8870625997680953,.978228658146057],[.1252334085114689,.3678314989981802,.5873179542866175,.7699026741943047,.9041172563704749,.9815606342467192],[0,.2304583159551348,.44849275103644687,.6423493394403402,.8015780907333099,.9175983992229779,.9841830547185881],[.10805494870734367,.31911236892788974,.5152486363581541,.6872929048116855,.827201315069765,.9284348836635735,.9862838086968123],[0,.20119409399743451,.3941513470775634,.5709721726085388,.7244177313601701,.8482065834104272,.937273392400706,.9879925180204854],[.09501250983763744,.2816035507792589,.45801677765722737,.6178762444026438,.755404408355003,.8656312023878318,.9445750230732326,.9894009349916499]],weights:[[1],[.8888888888888888,.5555555555555556],[.6521451548625461,.34785484513745385],[.5688888888888889,.47862867049936647,.23692688505618908],[.46791393457269104,.3607615730481386,.17132449237917036],[.4179591836734694,.3818300505051189,.27970539148927664,.1294849661688697],[.362683783378362,.31370664587788727,.22238103445337448,.10122853629037626],[.3302393550012598,.31234707704000286,.26061069640293544,.1806481606948574,.08127438836157441],[.29552422471475287,.26926671930999635,.21908636251598204,.1494513491505806,.06667134430868814],[.2729250867779006,.26280454451024665,.23319376459199048,.18629021092773426,.1255803694649046,.05566856711617366],[.24914704581340277,.2334925365383548,.20316742672306592,.16007832854334622,.10693932599531843,.04717533638651183],[.2325515532308739,.22628318026289723,.2078160475368885,.17814598076194574,.13887351021978725,.09212149983772845,.04048400476531588],[.2152638534631578,.2051984637212956,.18553839747793782,.15720316715819355,.12151857068790319,.08015808715976021,.03511946033175186],[.2025782419255613,.19843148532711158,.1861610000155622,.16626920581699392,.13957067792615432,.10715922046717194,.07036604748810812,.03075324199611727],[.1894506104550685,.18260341504492358,.16915651939500254,.14959598881657674,.12462897125553388,.09515851168249279,.062253523938647894,.027152459411754096]]};function Ut(i,t,e,s,r){let n=1-i;return n*n*n*t+3*n*n*i*e+3*n*i*i*s+i*i*i*r}function se(i,t,e,s,r,n,a,o,h){h=h||jt.RecursionLimit;let l=h+1;if(Math.abs(i-a)<.001&&Math.abs(t-o)<.001)return[new F(a,o)];let f=[];for(let c=0;c<l;c++){let d=c/l,_=Ut(d,i,e,r,a),u=Ut(d,t,s,n,o);f.push(new F(_,u))}return f}function Be(i,t,e,s,r,n,a,o,h){if(i===e&&t===s&&r===a&&n===o){let b=a-i,g=o-t;return Math.sqrt(b*b+g*g)}let l=9*(e-r)+3*(a-i),f=6*(i+r)-12*e,c=3*(e-i),d=9*(s-n)+3*(o-t),_=6*(t+n)-12*s,u=3*(s-t);function m(b){let g=(l*b+f)*b+c,y=(d*b+_)*b+u;return Math.sqrt(g*g+y*y)}return ci(m,0,1,h||jt.RecursionLimit)}function Ne(i,t,e,s,r,n,a,o){let h=[],l=[[],[]],f,c,d,_,u,m,b,g;for(let A=0;A<2;++A){if(A==0?(c=6*i-12*e+6*r,f=-3*i+9*e-9*r+3*a,d=3*e-3*i):(c=6*t-12*s+6*n,f=-3*t+9*s-9*n+3*o,d=3*s-3*t),Math.abs(f)<1e-12){if(Math.abs(c)<1e-12)continue;_=-d/c,0<_&&_<1&&h.push(_);continue}b=c*c-4*d*f,g=Math.sqrt(b),!(b<0)&&(u=(-c+g)/(2*f),0<u&&u<1&&h.push(u),m=(-c-g)/(2*f),0<m&&m<1&&h.push(m))}let y=h.length,x=y,S;for(;y--;)_=h[y],S=1-_,l[0][y]=S*S*S*i+3*S*S*_*e+3*S*_*_*r+_*_*_*a,l[1][y]=S*S*S*t+3*S*S*_*s+3*S*_*_*n+_*_*_*o;return l[0][x]=i,l[1][x]=t,l[0][x+1]=a,l[1][x+1]=o,l[0].length=l[1].length=x+2,{min:{x:Math.min.apply(0,l[0]),y:Math.min.apply(0,l[1])},max:{x:Math.max.apply(0,l[0]),y:Math.max.apply(0,l[1])}}}function ci(i,t,e,s){let r=jt.abscissas[s-2],n=jt.weights[s-2],a=.5*(e-t),o=a+t,h=0,l=s+1>>1,f=s&1?n[h++]*i(o):0;for(;h<l;){let c=a*r[h];f+=n[h++]*(i(o+c)+i(o-c))}return a*f}function je(i,t){let e=i.length,s=e-1;for(let r=0;r<e;r++){let n=i[r],a=t?it(r-1,e):Math.max(r-1,0),o=t?it(r+1,e):Math.min(r+1,s),h=i[a],l=n,f=i[o];ui(h,l,f),l.command=r===0?w.move:w.curve}}function ui(i,t,e){let s=k.angleBetween(i,t),r=k.angleBetween(e,t),n=k.distanceBetween(i,t),a=k.distanceBetween(e,t),o=(s+r)/2;return n<1e-4||a<1e-4?(typeof t.relative=="boolean"&&!t.relative&&(t.controls.left.copy(t),t.controls.right.copy(t)),t):(n*=.33,a*=.33,r<s?o+=J:o-=J,t.controls.left.x=Math.cos(o)*n,t.controls.left.y=Math.sin(o)*n,o-=Math.PI,t.controls.right.x=Math.cos(o)*a,t.controls.right.y=Math.sin(o)*a,typeof t.relative=="boolean"&&!t.relative&&(t.controls.left.x+=t.x,t.controls.left.y+=t.y,t.controls.right.x+=t.x,t.controls.right.y+=t.y),t)}function ye(i,t,e){return new k(2*i.x-(t.x+i.x)-(e?i.x:0),2*i.y-(t.y+i.y)-(e?i.y:0))}function ts(i,t,e,s,r,n,a){let o=Y.Resolution,h=[];for(let l=0;l<o;l++){let f=(l+1)/o;a&&(f=1-f);let c=f*n+r,d=e*Math.cos(c),_=s*Math.sin(c),u=new F(d,_);u.command=w.line,h.push(u)}}var es=H.devicePixelRatio||1;function is(i){return i.webkitBackingStorePixelRatio||i.mozBackingStorePixelRatio||i.msBackingStorePixelRatio||i.oBackingStorePixelRatio||i.backingStorePixelRatio||1}function Dt(i){return es/is(i)}var di=Array.prototype.slice;function ss(i){if(i==null)return!1;let t=i.length;return typeof t=="number"&&t>=0&&t<4294967296}var R={isNaN:function(i){return typeof i=="number"&&i!==+i},isElement:function(i){return!!(i&&i.nodeType===1)},isObject:function(i){let t=typeof i;return t==="function"||t==="object"&&!!i},extend:function(i){let t=di.call(arguments,1);for(let e=0;e<t.length;e++){let s=t[e];for(let r in s)i[r]=s[r]}return i},defaults:function(i){let t=di.call(arguments,1);for(let e=0;e<t.length;e++){let s=t[e];for(let r in s)i[r]===void 0&&(i[r]=s[r])}return i},each:function(i,t,e){let s=e||this,r=!ss(i)&&Object.keys(i),n=(r||i).length;for(let a=0;a<n;a++){let o=r?r[a]:a;t.call(s,i[o],o,i)}return i},performance:H.performance&&H.performance.now?H.performance:Date};var Rt=class extends p{_flagId=!1;_flagClassName=!1;_renderer={};_id="";_className="";classList=[];constructor(){super();for(let t in _i)Object.defineProperty(this,t,_i[t])}flagReset(){this._flagId=this._flagClassName=!1}},_i={renderer:{enumerable:!1,get:function(){return this._renderer}},id:{enumerable:!0,get:function(){return this._id},set:function(i){let t=this._id;i!==this._id&&(this._id=i,this._flagId=!0,this.parent&&(delete this.parent.children.ids[t],this.parent.children.ids[this._id]=this))}},className:{enumerable:!0,get:function(){return this._className},set:function(i){this._className!==i&&(this._flagClassName=!0,this.classList=i.split(/\s+?/),this._className=i)}}};var rs=Math.cos,ns=Math.sin,gi=Math.tan,ze=[],gt=class extends p{elements=new yt(9);manual=!1;constructor(t,e,s,r,n,a){super();let o=t;Array.isArray(o)||(o=Array.prototype.slice.call(arguments)),this.identity(),o.length>0&&this.set(o)}static Multiply(t,e,s){if(e.length<=3){let E=t,M,B,C,T=e[0]||0,j=e[1]||0,z=e[2]||0;return M=E[0]*T+E[1]*j+E[2]*z,B=E[3]*T+E[4]*j+E[5]*z,C=E[6]*T+E[7]*j+E[8]*z,[M,B,C]}let r=t[0],n=t[1],a=t[2],o=t[3],h=t[4],l=t[5],f=t[6],c=t[7],d=t[8],_=e[0],u=e[1],m=e[2],b=e[3],g=e[4],y=e[5],x=e[6],S=e[7],A=e[8];return s=s||new yt(9),s[0]=r*_+n*b+a*x,s[1]=r*u+n*g+a*S,s[2]=r*m+n*y+a*A,s[3]=o*_+h*b+l*x,s[4]=o*u+h*g+l*S,s[5]=o*m+h*y+l*A,s[6]=f*_+c*b+d*x,s[7]=f*u+c*g+d*S,s[8]=f*m+c*y+d*A,s}set(t,e,s,r,n,a,o,h,l){if(typeof e>"u"){let f=t;t=f[0],e=f[1],s=f[2],r=f[3],n=f[4],a=f[5],o=f[6],h=f[7],l=f[8]}return this.elements[0]=t,this.elements[1]=e,this.elements[2]=s,this.elements[3]=r,this.elements[4]=n,this.elements[5]=a,this.elements[6]=o,this.elements[7]=h,this.elements[8]=l,this.trigger(p.Types.change)}copy(t){return this.elements[0]=t.elements[0],this.elements[1]=t.elements[1],this.elements[2]=t.elements[2],this.elements[3]=t.elements[3],this.elements[4]=t.elements[4],this.elements[5]=t.elements[5],this.elements[6]=t.elements[6],this.elements[7]=t.elements[7],this.elements[8]=t.elements[8],this.manual=t.manual,this.trigger(p.Types.change)}identity(){return this.elements[0]=gt.Identity[0],this.elements[1]=gt.Identity[1],this.elements[2]=gt.Identity[2],this.elements[3]=gt.Identity[3],this.elements[4]=gt.Identity[4],this.elements[5]=gt.Identity[5],this.elements[6]=gt.Identity[6],this.elements[7]=gt.Identity[7],this.elements[8]=gt.Identity[8],this.trigger(p.Types.change)}multiply(t,e,s,r,n,a,o,h,l){if(typeof e>"u")return this.elements[0]*=t,this.elements[1]*=t,this.elements[2]*=t,this.elements[3]*=t,this.elements[4]*=t,this.elements[5]*=t,this.elements[6]*=t,this.elements[7]*=t,this.elements[8]*=t,this.trigger(p.Types.change);if(typeof s>"u"&&(s=1),typeof r>"u"){t=t||0,e=e||0,s=s||0,n=this.elements;let V=n[0]*t+n[1]*e+n[2]*s,ct=n[3]*t+n[4]*e+n[5]*s,ut=n[6]*t+n[7]*e+n[8]*s;return[V,ct,ut]}let f=this.elements,c=[t,e,s,r,n,a,o,h,l],d=f[0],_=f[1],u=f[2],m=f[3],b=f[4],g=f[5],y=f[6],x=f[7],S=f[8],A=c[0],E=c[1],M=c[2],B=c[3],C=c[4],T=c[5],j=c[6],z=c[7],X=c[8];return this.elements[0]=d*A+_*B+u*j,this.elements[1]=d*E+_*C+u*z,this.elements[2]=d*M+_*T+u*X,this.elements[3]=m*A+b*B+g*j,this.elements[4]=m*E+b*C+g*z,this.elements[5]=m*M+b*T+g*X,this.elements[6]=y*A+x*B+S*j,this.elements[7]=y*E+x*C+S*z,this.elements[8]=y*M+x*T+S*X,this.trigger(p.Types.change)}inverse(t){let e=this.elements;t=t||new gt;let s=e[0],r=e[1],n=e[2],a=e[3],o=e[4],h=e[5],l=e[6],f=e[7],c=e[8],d=c*o-h*f,_=-c*a+h*l,u=f*a-o*l,m=s*d+r*_+n*u;return m?(m=1/m,t.elements[0]=d*m,t.elements[1]=(-c*r+n*f)*m,t.elements[2]=(h*r-n*o)*m,t.elements[3]=_*m,t.elements[4]=(c*s-n*l)*m,t.elements[5]=(-h*s+n*a)*m,t.elements[6]=u*m,t.elements[7]=(-f*s+r*l)*m,t.elements[8]=(o*s-r*a)*m,t):null}scale(t,e){return arguments.length<=1&&(e=t),this.multiply(t,0,0,0,e,0,0,0,1)}rotate(t){let e=rs(t),s=ns(t);return this.multiply(e,-s,0,s,e,0,0,0,1)}translate(t,e){return this.multiply(1,0,t,0,1,e,0,0,1)}skewX(t){let e=gi(t);return this.multiply(1,e,0,0,1,0,0,0,1)}skewY(t){let e=gi(t);return this.multiply(1,0,0,e,1,0,0,0,1)}toString(t){return ze.length=0,this.toTransformArray(t,ze),ze.map(K).join(" ")}toTransformArray(t,e){let s=this.elements,r=!!e,n=s[0],a=s[1],o=s[2],h=s[3],l=s[4],f=s[5];if(t){let c=s[6],d=s[7],_=s[8];if(r){e[0]=n,e[1]=h,e[2]=c,e[3]=a,e[4]=l,e[5]=d,e[6]=o,e[7]=f,e[8]=_;return}return[n,h,c,a,l,d,o,f,_]}if(r){e[0]=n,e[1]=h,e[2]=a,e[3]=l,e[4]=o,e[5]=f;return}return[n,h,a,l,o,f]}toArray(t,e){let s=this.elements,r=!!e,n=s[0],a=s[1],o=s[2],h=s[3],l=s[4],f=s[5];if(t){let c=s[6],d=s[7],_=s[8];if(r){e[0]=n,e[1]=a,e[2]=o,e[3]=h,e[4]=l,e[5]=f,e[6]=c,e[7]=d,e[8]=_;return}return[n,a,o,h,l,f,c,d,_]}if(r){e[0]=n,e[1]=a,e[2]=o,e[3]=h,e[4]=l,e[5]=f;return}return[n,a,o,h,l,f]}toObject(){return{elements:this.toArray(!0),manual:!!this.manual}}clone(){return new gt().copy(this)}},xt=gt;v(xt,"Identity",[1,0,0,0,1,0,0,0,1]);Le(xt);var at=class extends Rt{_flagMatrix=!0;_flagScale=!1;_matrix=null;_worldMatrix=null;_position=null;_rotation=0;_scale=1;_skewX=0;_skewY=0;constructor(){super();for(let t in be)Object.defineProperty(this,t,be[t]);this._renderer.flagMatrix=pi.bind(this),this.isShape=!0,this.id=Y.Identifier+Y.uniqueId(),this.matrix=new xt,this.worldMatrix=new xt,this.position=new k,this.rotation=0,this.scale=1,this.skewX=0,this.skewY=0}get renderer(){return this._renderer}set renderer(t){this._renderer=t}get translation(){return be.position.get.apply(this,arguments)}set translation(t){be.position.set.apply(this,arguments)}addTo(t){return t.add(this),this}remove(){return this.parent?(this.parent.remove(this),this):this}clone(t){let e=new at;return e.position.copy(this.position),e.rotation=this.rotation,e.scale=this.scale,e.skewX=this.skewX,e.skewY=this.skewY,this.matrix.manual&&e.matrix.copy(this.matrix),t&&t.add(e),e._update()}_update(t){return!this._matrix.manual&&this._flagMatrix&&(this._matrix.identity().translate(this.position.x,this.position.y),this._scale instanceof k?this._matrix.scale(this._scale.x,this._scale.y):this._matrix.scale(this._scale),this._matrix.rotate(this.rotation),this._matrix.skewX(this.skewX),this._matrix.skewY(this.skewY)),t&&this.parent&&this.parent._update&&this.parent._update(),this}flagReset(){return this._flagMatrix=this._flagScale=!1,super.flagReset.call(this),this}},be={position:{enumerable:!0,get:function(){return this._position},set:function(i){this._position&&this._position.unbind(p.Types.change,this._renderer.flagMatrix),this._position=i,this._position.bind(p.Types.change,this._renderer.flagMatrix),pi.call(this)}},rotation:{enumerable:!0,get:function(){return this._rotation},set:function(i){this._rotation=i,this._flagMatrix=!0}},scale:{enumerable:!0,get:function(){return this._scale},set:function(i){this._scale instanceof k&&this._scale.unbind(p.Types.change,this._renderer.flagMatrix),this._scale=i,this._scale instanceof k&&this._scale.bind(p.Types.change,this._renderer.flagMatrix),this._flagMatrix=!0,this._flagScale=!0}},skewX:{enumerable:!0,get:function(){return this._skewX},set:function(i){this._skewX=i,this._flagMatrix=!0}},skewY:{enumerable:!0,get:function(){return this._skewY},set:function(i){this._skewY=i,this._flagMatrix=!0}},matrix:{enumerable:!0,get:function(){return this._matrix},set:function(i){this._matrix=i,this._flagMatrix=!0}},worldMatrix:{enumerable:!0,get:function(){return Oe(this,this._worldMatrix),this._worldMatrix},set:function(i){this._worldMatrix=i}}};function pi(){this._flagMatrix=!0}var ot=class extends Array{_events=new p;get _bound(){return this._events._bound}set _bound(t){this._events._bound=t}addEventListener(){return this._events.addEventListener.apply(this,arguments)}on(){return this._events.on.apply(this,arguments)}bind(){return this._events.bind.apply(this,arguments)}removeEventListener(){return this._events.removeEventListener.apply(this,arguments)}off(){return this._events.off.apply(this,arguments)}unbind(){return this._events.unbind.apply(this,arguments)}dispatchEvent(){return this._events.dispatchEvent.apply(this,arguments)}trigger(){return this._events.trigger.apply(this,arguments)}listen(){return this._events.listen.apply(this,arguments)}ignore(){return this._events.ignore.apply(this,arguments)}constructor(){super(),arguments[0]&&Array.isArray(arguments[0])?arguments[0].length>0&&this.push.apply(this,arguments[0]):arguments.length>0&&this.push.apply(this,arguments)}pop(){let t=super.pop.apply(this,arguments);return this.trigger(p.Types.remove,[t]),t}shift(){let t=super.shift.apply(this,arguments);return this.trigger(p.Types.remove,[t]),t}push(){let t=super.push.apply(this,arguments);return this.trigger(p.Types.insert,arguments),t}unshift(){let t=super.unshift.apply(this,arguments);return this.trigger(p.Types.insert,arguments),t}splice(){let t=super.splice.apply(this,arguments);if(this.trigger(p.Types.remove,t),arguments.length>2){let e=this.slice(arguments[0],arguments[0]+arguments.length-2);this.trigger(p.Types.insert,e),this.trigger(p.Types.order)}return t}sort(){return super.sort.apply(this,arguments),this.trigger(p.Types.order),this}reverse(){return super.reverse.apply(this,arguments),this.trigger(p.Types.order),this}indexOf(){return super.indexOf.apply(this,arguments)}map(t,e){let s=[];for(let r=0;r<this.length;r++){let n=this[r],a;e?a=t.call(e,n,r):a=t(n,r),s.push(a)}return s}};var re=class extends ot{ids={};constructor(t){t=Array.isArray(t)?t:Array.prototype.slice.call(arguments),super(t),this.attach(t),this.on(p.Types.insert,this.attach),this.on(p.Types.remove,this.detach)}attach(t){for(let e=0;e<t.length;e++){let s=t[e];s&&s.id&&(this.ids[s.id]=s)}return this}detach(t){for(let e=0;e<t.length;e++)delete this.ids[t[e].id];return this}};var xe=Math.min,ve=Math.max,Ue=class extends at{_flagAdditions=!1;_flagSubtractions=!1;_flagOrder=!1;_flagOpacity=!0;_flagBeginning=!1;_flagEnding=!1;_flagLength=!1;_flagMask=!1;_fill="#fff";_stroke="#000";_linewidth=1;_opacity=1;_visible=!0;_cap="round";_join="round";_miter=4;_closed=!0;_curved=!1;_automatic=!0;_beginning=0;_ending=1;_length=0;_mask=null;constructor(t){super();for(let e in mi)Object.defineProperty(this,e,mi[e]);this._renderer.type="group",this.additions=[],this.subtractions=[],this.children=Array.isArray(t)?t:Array.prototype.slice.call(arguments)}static InsertChildren(t){for(let e=0;e<t.length;e++)yi.call(this,t[e],this)}static RemoveChildren(t){for(let e=0;e<t.length;e++)yi.call(this,t[e])}static OrderChildren(t){this._flagOrder=!0}clone(t){let e=new Ue,s=this.children.map(function(r){return r.clone()});return e.add(s),e.opacity=this.opacity,this.mask&&(e.mask=this.mask),e.translation.copy(this.translation),e.rotation=this.rotation,e.scale=this.scale,e.className=this.className,this.matrix.manual&&e.matrix.copy(this.matrix),t&&t.add(e),e._update()}toObject(){let t={children:[],translation:this.translation.toObject(),rotation:this.rotation,scale:this.scale instanceof k?this.scale.toObject():this.scale,opacity:this.opacity,className:this.className,mask:this.mask?this.mask.toObject():null};return this.matrix.manual&&(t.matrix=this.matrix.toObject()),R.each(this.children,function(e,s){t.children[s]=e.toObject()},this),t}corner(){let t=this.getBoundingClientRect(!0);for(let e=0;e<this.children.length;e++){let s=this.children[e];s.translation.x-=t.left,s.translation.y-=t.top}return this.mask&&(this.mask.translation.x-=t.left,this.mask.translation.y-=t.top),this}center(){let t=this.getBoundingClientRect(!0),e=t.left+t.width/2-this.translation.x,s=t.top+t.height/2-this.translation.y;for(let r=0;r<this.children.length;r++){let n=this.children[r];n.isShape&&(n.translation.x-=e,n.translation.y-=s)}return this.mask&&(this.mask.translation.x-=e,this.mask.translation.y-=s),this}getById(t){let e=null;function s(r){if(r.id===t)return r;if(r.children){for(let n=0;n<r.children.length;n++)if(e=s(r.children[n]),e)return e}return null}return s(this)}getByClassName(t){let e=[];function s(r){if(Array.prototype.indexOf.call(r.classList,t)>=0&&e.push(r),r.children)for(let n=0;n<r.children.length;n++){let a=r.children[n];s(a)}return e}return s(this)}getByType(t){let e=[];function s(r){if(r instanceof t&&e.push(r),r.children)for(let n=0;n<r.children.length;n++){let a=r.children[n];s(a)}return e}return s(this)}add(t){t instanceof Array?t=t.slice():t=Array.prototype.slice.call(arguments);for(let e=0;e<t.length;e++){let s=t[e];if(!(s&&s.id))continue;let r=Array.prototype.indexOf.call(this.children,s);r>=0&&this.children.splice(r,1),this.children.push(s)}return this}remove(t){let e=arguments.length,s=this.parent;if(e<=0&&s)return s.remove(this),this;t instanceof Array?t=t.slice():t=Array.prototype.slice.call(arguments);for(let r=0;r<t.length;r++){let n=t[r];if(!n||!this.children.ids[n.id])continue;let a=this.children.indexOf(n);a>=0&&this.children.splice(a,1)}return this}getBoundingClientRect(t){let e,s,r,n,a,o;this._update(!0);let h=1/0,l=-1/0,f=1/0,c=-1/0,d=/texture|gradient/i;s=t?this.matrix:this.worldMatrix;for(let _=0;_<this.children.length;_++){let u=this.children[_];if(!(!u.visible||d.test(u._renderer.type))&&(e=u.getBoundingClientRect(t),r=typeof e.top!="number"||R.isNaN(e.top)||!isFinite(e.top),n=typeof e.left!="number"||R.isNaN(e.left)||!isFinite(e.left),a=typeof e.right!="number"||R.isNaN(e.right)||!isFinite(e.right),o=typeof e.bottom!="number"||R.isNaN(e.bottom)||!isFinite(e.bottom),!(r||n||a||o)))if(t){let[m,b]=s.multiply(e.left,e.top),[g,y]=s.multiply(e.right,e.top),[x,S]=s.multiply(e.left,e.bottom),[A,E]=s.multiply(e.right,e.bottom);f=xe(b,y,S,E),h=xe(m,g,x,A),l=ve(m,g,x,A),c=ve(b,y,S,E)}else f=xe(e.top,f),h=xe(e.left,h),l=ve(e.right,l),c=ve(e.bottom,c)}return{top:f,left:h,right:l,bottom:c,width:l-h,height:c-f}}noFill(){return this.children.forEach(function(t){t.noFill()}),this}noStroke(){return this.children.forEach(function(t){t.noStroke()}),this}subdivide(){let t=arguments;return this.children.forEach(function(e){e.subdivide.apply(e,t)}),this}_update(){let t,e,s;if(this._flagBeginning||this._flagEnding){let r=Math.min(this._beginning,this._ending),n=Math.max(this._beginning,this._ending),a=this.length,o=0,h=r*a,l=n*a;for(t=0;t<this.children.length;t++)s=this.children[t],e=s.length,h>o+e?(s.beginning=1,s.ending=1):l<o?(s.beginning=0,s.ending=0):h>o&&h<o+e?(s.beginning=(h-o)/e,s.ending=1):l>o&&l<o+e?(s.beginning=0,s.ending=(l-o)/e):(s.beginning=0,s.ending=1),o+=e}return super._update.apply(this,arguments)}flagReset(){return this._flagAdditions&&(this.additions.length=0,this._flagAdditions=!1),this._flagSubtractions&&(this.subtractions.length=0,this._flagSubtractions=!1),this._flagOrder=this._flagMask=this._flagOpacity=this._flagBeginning=this._flagEnding=!1,super.flagReset.call(this),this}},q=Ue;v(q,"Children",re),v(q,"Properties",["fill","stroke","linewidth","cap","join","miter","closed","curved","automatic"]);var mi={visible:{enumerable:!0,get:function(){return this._visible},set:function(i){this._flagVisible=this._visible!==i||this._flagVisible,this._visible=i}},opacity:{enumerable:!0,get:function(){return this._opacity},set:function(i){this._flagOpacity=this._opacity!==i||this._flagOpacity,this._opacity=i}},beginning:{enumerable:!0,get:function(){return this._beginning},set:function(i){this._flagBeginning=this._beginning!==i||this._flagBeginning,this._beginning=i}},ending:{enumerable:!0,get:function(){return this._ending},set:function(i){this._flagEnding=this._ending!==i||this._flagEnding,this._ending=i}},length:{enumerable:!0,get:function(){if(this._flagLength||this._length<=0){if(this._length=0,!this.children)return this._length;for(let i=0;i<this.children.length;i++){let t=this.children[i];this._length+=t.length}}return this._length}},fill:{enumerable:!0,get:function(){return this._fill},set:function(i){this._fill=i;for(let t=0;t<this.children.length;t++){let e=this.children[t];e.fill=i}}},stroke:{enumerable:!0,get:function(){return this._stroke},set:function(i){this._stroke=i;for(let t=0;t<this.children.length;t++){let e=this.children[t];e.stroke=i}}},linewidth:{enumerable:!0,get:function(){return this._linewidth},set:function(i){this._linewidth=i;for(let t=0;t<this.children.length;t++){let e=this.children[t];e.linewidth=i}}},join:{enumerable:!0,get:function(){return this._join},set:function(i){this._join=i;for(let t=0;t<this.children.length;t++){let e=this.children[t];e.join=i}}},miter:{enumerable:!0,get:function(){return this._miter},set:function(i){this._miter=i;for(let t=0;t<this.children.length;t++){let e=this.children[t];e.miter=i}}},cap:{enumerable:!0,get:function(){return this._cap},set:function(i){this._cap=i;for(let t=0;t<this.children.length;t++){let e=this.children[t];e.cap=i}}},closed:{enumerable:!0,get:function(){return this._closed},set:function(i){this._closed=i;for(let t=0;t<this.children.length;t++){let e=this.children[t];e.closed=i}}},curved:{enumerable:!0,get:function(){return this._curved},set:function(i){this._curved=i;for(let t=0;t<this.children.length;t++){let e=this.children[t];e.curved=i}}},automatic:{enumerable:!0,get:function(){return this._automatic},set:function(i){this._automatic=i;for(let t=0;t<this.children.length;t++){let e=this.children[t];e.automatic=i}}},children:{enumerable:!0,get:function(){return this._children},set:function(i){let t=q.InsertChildren.bind(this),e=q.RemoveChildren.bind(this),s=q.OrderChildren.bind(this);this._children&&(this._children.unbind(),this._children.length>0&&e(this._children)),this._children=new re(i),this._children.bind(p.Types.insert,t),this._children.bind(p.Types.remove,e),this._children.bind(p.Types.order,s),i.length>0&&t(i)}},mask:{enumerable:!0,get:function(){return this._mask},set:function(i){this._mask=i,this._flagMask=!0,R.isObject(i)&&!i.clip&&(i.clip=!0)}}};function yi(i,t){let e=i.parent,s;if(e===t){r();return}if(e&&e.children.ids[i.id]&&(s=Array.prototype.indexOf.call(e.children,i),e.children.splice(s,1),n()),t){r();return}n(),e._flagAdditions&&e.additions.length===0&&(e._flagAdditions=!1),e._flagSubtractions&&e.subtractions.length===0&&(e._flagSubtractions=!1),delete i.parent;function r(){t.subtractions.length>0&&(s=Array.prototype.indexOf.call(t.subtractions,i),s>=0&&t.subtractions.splice(s,1)),t.additions.length>0&&(s=Array.prototype.indexOf.call(t.additions,i),s>=0&&t.additions.splice(s,1)),i.parent=t,t.additions.push(i),t._flagAdditions=!0}function n(){s=Array.prototype.indexOf.call(e.additions,i),s>=0&&e.additions.splice(s,1),s=Array.prototype.indexOf.call(e.subtractions,i),s<0&&(e.subtractions.push(i),e._flagSubtractions=!0)}}var De=[],He=Math.max,as=Math.min,bi=Math.abs,we=Math.sin,ke=Math.cos,os=Math.acos,Se=Math.sqrt,tt={isHidden:/(undefined|none|transparent)/i,alignments:{left:"start",middle:"center",right:"end"},shim:function(i,t){return i.tagName=i.nodeName=t||"canvas",i.nodeType=1,i.getAttribute=function(e){return this[e]},i.setAttribute=function(e,s){return this[e]=s,this},i},group:{renderChild:function(i){tt[i._renderer.type].render.call(i,this.ctx,!0,this.clip)},render:function(i){if(!this._visible)return this;this._update();let t=this._matrix.elements,e=this.parent;this._renderer.opacity=this._opacity*(e&&e._renderer?e._renderer.opacity:1);let s=this._mask,r=Ae(t),n=!r||!!s;if(this._renderer.context||(this._renderer.context={}),this._renderer.context.ctx=i,n&&(i.save(),r||i.transform(t[0],t[3],t[1],t[4],t[2],t[5])),s&&tt[s._renderer.type].render.call(s,i,!0),this._opacity>0&&this._scale!==0)for(let a=0;a<this.children.length;a++){let o=this.children[a];tt[o._renderer.type].render.call(o,i)}return n&&i.restore(),this.flagReset()}},path:{render:function(i,t,e){let s,r,n,a,o,h,l,f,c,d,_,u,m,b,g,y,x,S,A,E,M,B,C,T,j,z,X,V,ct,ut,Z,dt,rt,Tt;if(Tt=this.parent&&this.parent._renderer?this.parent._renderer.opacity:1,ct=this._mask,ut=this._clip,o=this._opacity*(Tt||1),h=this._visible,!t&&(!h||ut||o===0))return this;this._update(),s=this._matrix.elements,r=this._stroke,n=this._linewidth,a=this._fill,l=this._cap,f=this._join,c=this._miter,d=this._closed,_=this._renderer.vertices,u=_.length,m=u-1,Z=Ae(s),rt=this.dashes,Z||(i.save(),i.transform(s[0],s[3],s[1],s[4],s[2],s[5])),ct&&tt[ct._renderer.type].render.call(ct,i,!0),a&&(typeof a=="string"?i.fillStyle=a:(tt[a._renderer.type].render.call(a,i,this),i.fillStyle=a._renderer.effect)),r&&(typeof r=="string"?i.strokeStyle=r:(tt[r._renderer.type].render.call(r,i,this),i.strokeStyle=r._renderer.effect),n&&(i.lineWidth=n),c&&(i.miterLimit=c),f&&(i.lineJoin=f),!d&&l&&(i.lineCap=l)),typeof o=="number"&&(i.globalAlpha=o),rt&&rt.length>0&&(i.lineDashOffset=rt.offset||0,i.setLineDash(rt)),i.beginPath();let Ct,te,ee,ie,wt,Q,oi;for(let Lt=0;Lt<u;Lt++)switch(y=_[Lt],X=y.x,V=y.y,y.command){case w.close:i.closePath();break;case w.arc:Ct=y.rx,te=y.ry,ee=y.xAxisRotation,ie=y.largeArcFlag,wt=y.sweepFlag,b=d?it(Lt-1,u):He(Lt-1,0),g=_[b],Q=g.x,oi=g.y,tt.renderSvgArcCommand(i,Q,oi,Ct,te,ie,wt,ee,X,V);break;case w.curve:b=d?it(Lt-1,u):Math.max(Lt-1,0),g=_[b],C=g.controls&&g.controls.right||k.zero,T=y.controls&&y.controls.left||k.zero,g._relative?(M=C.x+g.x,B=C.y+g.y):(M=C.x,B=C.y),y._relative?(A=T.x+y.x,E=T.y+y.y):(A=T.x,E=T.y),i.bezierCurveTo(M,B,A,E,X,V),Lt>=m&&d&&(x=S,j=y.controls&&y.controls.right||k.zero,z=x.controls&&x.controls.left||k.zero,y._relative?(M=j.x+y.x,B=j.y+y.y):(M=j.x,B=j.y),x._relative?(A=z.x+x.x,E=z.y+x.y):(A=z.x,E=z.y),X=x.x,V=x.y,i.bezierCurveTo(M,B,A,E,X,V));break;case w.line:i.lineTo(X,V);break;case w.move:S=y,i.moveTo(X,V);break}return d&&i.closePath(),!ut&&!e&&(tt.isHidden.test(a)||(dt=a._renderer&&a._renderer.offset,dt&&(i.save(),i.translate(-a._renderer.offset.x,-a._renderer.offset.y),i.scale(a._renderer.scale.x,a._renderer.scale.y)),i.fill(),dt&&i.restore()),tt.isHidden.test(r)||(dt=r._renderer&&r._renderer.offset,dt&&(i.save(),i.translate(-r._renderer.offset.x,-r._renderer.offset.y),i.scale(r._renderer.scale.x,r._renderer.scale.y),i.lineWidth=n/r._renderer.scale.x),i.stroke(),dt&&i.restore())),Z||i.restore(),ut&&!e&&i.clip(),rt&&rt.length>0&&i.setLineDash(De),this.flagReset()}},points:{render:function(i,t,e){let s,r,n,a,o,h,l,f,c,d,_,u,m,b,g,y;if(y=this.parent&&this.parent._renderer?this.parent._renderer.opacity:1,o=this._opacity*(y||1),h=this._visible,!t&&(!h||o===0))return this;this._update(),s=this._matrix.elements,r=this._stroke,n=this._linewidth,a=this._fill,f=this._renderer.collection,c=f.length,m=Ae(s),g=this.dashes,l=this._size,m||(i.save(),i.transform(s[0],s[3],s[1],s[4],s[2],s[5])),a&&(typeof a=="string"?i.fillStyle=a:(tt[a._renderer.type].render.call(a,i,this),i.fillStyle=a._renderer.effect)),r&&(typeof r=="string"?i.strokeStyle=r:(tt[r._renderer.type].render.call(r,i,this),i.strokeStyle=r._renderer.effect),n&&(i.lineWidth=n)),typeof o=="number"&&(i.globalAlpha=o),g&&g.length>0&&(i.lineDashOffset=g.offset||0,i.setLineDash(g)),i.beginPath();let x=l*.5,S;this._sizeAttenuation||(S=this.worldMatrix.elements,S=St(S[0],S[3],S[1],S[4],S[2],S[5]),x/=Math.max(S.scaleX,S.scaleY));for(let A=0;A<c;A++)d=f[A],_=d.x,u=d.y,i.moveTo(_+x,u),i.arc(_,u,x,0,$);return e||(tt.isHidden.test(a)||(b=a._renderer&&a._renderer.offset,b&&(i.save(),i.translate(-a._renderer.offset.x,-a._renderer.offset.y),i.scale(a._renderer.scale.x,a._renderer.scale.y)),i.fill(),b&&i.restore()),tt.isHidden.test(r)||(b=r._renderer&&r._renderer.offset,b&&(i.save(),i.translate(-r._renderer.offset.x,-r._renderer.offset.y),i.scale(r._renderer.scale.x,r._renderer.scale.y),i.lineWidth=n/r._renderer.scale.x),i.stroke(),b&&i.restore())),m||i.restore(),g&&g.length>0&&i.setLineDash(De),this.flagReset()}},text:{render:function(i,t,e){let s=this.parent&&this.parent._renderer?this.parent._renderer.opacity:1,r=this._opacity*s,n=this._visible,a=this._mask,o=this._clip;if(!t&&(!n||o||r===0))return this;this._update();let h=this._matrix.elements,l=this._stroke,f=this._linewidth,c=this._fill,d=this._decoration,_=Ae(h),u=c._renderer&&c._renderer.offset&&l._renderer&&l._renderer.offset,m=this.dashes,b=tt.alignments[this._alignment]||this._alignment,g=this._baseline,y,x,S,A,E,M,B,C,T,j,z;if(_||(i.save(),i.transform(h[0],h[3],h[1],h[4],h[2],h[5])),a&&tt[a._renderer.type].render.call(a,i,!0),u||(i.font=[this._style,this._weight,this._size+"px/"+this._leading+"px",this._family].join(" ")),i.textAlign=b,i.textBaseline=g,c&&(typeof c=="string"?i.fillStyle=c:(tt[c._renderer.type].render.call(c,i,this),i.fillStyle=c._renderer.effect)),l&&(typeof l=="string"?i.strokeStyle=l:(tt[l._renderer.type].render.call(l,i,this),i.strokeStyle=l._renderer.effect),f&&(i.lineWidth=f)),typeof r=="number"&&(i.globalAlpha=r),m&&m.length>0&&(i.lineDashOffset=m.offset||0,i.setLineDash(m)),!o&&!e&&(tt.isHidden.test(c)||(c._renderer&&c._renderer.offset?(M=c._renderer.scale.x,B=c._renderer.scale.y,i.save(),i.translate(-c._renderer.offset.x,-c._renderer.offset.y),i.scale(M,B),y=this._size/c._renderer.scale.y,x=this._leading/c._renderer.scale.y,i.font=[this._style,this._weight,y+"px/",x+"px",this._family].join(" "),S=c._renderer.offset.x/c._renderer.scale.x,A=c._renderer.offset.y/c._renderer.scale.y,i.fillText(this.value,S,A),i.restore()):i.fillText(this.value,0,0)),tt.isHidden.test(l)||(l._renderer&&l._renderer.offset?(M=l._renderer.scale.x,B=l._renderer.scale.y,i.save(),i.translate(-l._renderer.offset.x,-l._renderer.offset.y),i.scale(M,B),y=this._size/l._renderer.scale.y,x=this._leading/l._renderer.scale.y,i.font=[this._style,this._weight,y+"px/",x+"px",this._family].join(" "),S=l._renderer.offset.x/l._renderer.scale.x,A=l._renderer.offset.y/l._renderer.scale.y,E=f/l._renderer.scale.x,i.lineWidth=E,i.strokeText(this.value,S,A),i.restore()):i.strokeText(this.value,0,0))),/(underline|strikethrough)/i.test(d)){let X=i.measureText(this.value),V=1;switch(d){case"underline":T=X.actualBoundingBoxAscent,z=X.actualBoundingBoxAscent;break;case"strikethrough":T=0,z=0,V=.5;break}switch(g){case"top":T+=this._size*V,z+=this._size*V;break;case"baseline":case"bottom":T-=this._size*V,z-=this._size*V;break}switch(b){case"left":case"start":C=0,j=X.width;break;case"right":case"end":C=-X.width,j=0;break;default:C=-X.width/2,j=X.width/2}i.lineWidth=Math.max(Math.floor(this._size/15),1),i.strokeStyle=i.fillStyle,i.beginPath(),i.moveTo(C,T),i.lineTo(j,z),i.stroke()}return _||i.restore(),o&&!e&&i.clip(),m&&m.length>0&&i.setLineDash(De),this.flagReset()}},"linear-gradient":{render:function(i,t){if(!!t){if(this._update(),!this._renderer.effect||this._flagEndPoints||this._flagStops||this._flagUnits){let e,s=this.left._x,r=this.left._y,n=this.right._x,a=this.right._y;/objectBoundingBox/i.test(this._units)&&(e=t.getBoundingClientRect(!0),s=(s-.5)*e.width,r=(r-.5)*e.height,n=(n-.5)*e.width,a=(a-.5)*e.height),this._renderer.effect=i.createLinearGradient(s,r,n,a);for(let o=0;o<this.stops.length;o++){let h=this.stops[o];this._renderer.effect.addColorStop(h._offset,h._color)}}return this.flagReset()}}},"radial-gradient":{render:function(i,t){if(!!t){if(this._update(),!this._renderer.effect||this._flagCenter||this._flagFocal||this._flagRadius||this._flagStops||this._flagUnits){let e,s=this.center._x,r=this.center._y,n=this.focal._x,a=this.focal._y,o=this._radius;/objectBoundingBox/i.test(this._units)&&(e=t.getBoundingClientRect(!0),s=s*e.width*.5,r=r*e.height*.5,n=n*e.width*.5,a=a*e.height*.5,o*=Math.min(e.width,e.height)*.5),this._renderer.effect=i.createRadialGradient(s,r,0,n,a,o);for(let h=0;h<this.stops.length;h++){let l=this.stops[h];this._renderer.effect.addColorStop(l._offset,l._color)}}return this.flagReset()}}},texture:{render:function(i){this._update();let t=this.image;return(!this._renderer.effect||(this._flagLoaded||this._flagImage||this._flagVideo||this._flagRepeat)&&this.loaded)&&(this._renderer.effect=i.createPattern(this.image,this._repeat)),(this._flagOffset||this._flagLoaded||this._flagScale)&&(this._renderer.offset instanceof k||(this._renderer.offset=new k),this._renderer.offset.x=-this._offset.x,this._renderer.offset.y=-this._offset.y,t&&(this._renderer.offset.x+=t.width/2,this._renderer.offset.y+=t.height/2,this._scale instanceof k?(this._renderer.offset.x*=this._scale.x,this._renderer.offset.y*=this._scale.y):(this._renderer.offset.x*=this._scale,this._renderer.offset.y*=this._scale))),(this._flagScale||this._flagLoaded)&&(this._renderer.scale instanceof k||(this._renderer.scale=new k),this._scale instanceof k?this._renderer.scale.copy(this._scale):this._renderer.scale.set(this._scale,this._scale)),this.flagReset()}},renderSvgArcCommand:function(i,t,e,s,r,n,a,o,h,l){o=o*Math.PI/180,s=bi(s),r=bi(r);let f=(t-h)/2,c=(e-l)/2,d=ke(o)*f+we(o)*c,_=-we(o)*f+ke(o)*c,u=d*d,m=_*_,b=s*s,g=r*r,y=u/b+m/g;if(y>1){let V=Se(y);s=V*s,r=V*r,b=s*s,g=r*r}let x=b*m+g*u,S=(b*g-x)/x,A=Se(He(0,S));n===a&&(A=-A);let E=A*s*_/r,M=-A*r*d/s,B=ke(o)*E-we(o)*M+(t+h)/2,C=we(o)*E+ke(o)*M+(e+l)/2,T=xi(1,0,(d-E)/s,(_-M)/r),j=xi((d-E)/s,(_-M)/r,(-d-E)/s,(-_-M)/r)%$,z=T+j;ls(i,B,C,s,r,T,z,a===0,o)}},kt=class extends p{constructor(t){super();let e=t.smoothing!==!1;this.domElement=t.domElement||document.createElement("canvas"),this.ctx=this.domElement.getContext("2d"),this.overdraw=t.overdraw||!1,typeof this.ctx.imageSmoothingEnabled<"u"&&(this.ctx.imageSmoothingEnabled=e),this.scene=new q,this.scene.parent=this}setSize(t,e,s){return this.width=t,this.height=e,this.ratio=typeof s>"u"?Dt(this.ctx):s,this.domElement.width=t*this.ratio,this.domElement.height=e*this.ratio,this.domElement.style&&R.extend(this.domElement.style,{width:t+"px",height:e+"px"}),this.trigger(p.Types.resize,t,e,s)}render(){let t=this.ratio===1;return t||(this.ctx.save(),this.ctx.scale(this.ratio,this.ratio)),this.overdraw||this.ctx.clearRect(0,0,this.width,this.height),tt.group.render.call(this.scene,this.ctx),t||this.ctx.restore(),this}};v(kt,"Utils",tt);function ls(i,t,e,s,r,n,a,o,h){let l=a-n,f=jt.Tolerance.epsilon,c=Math.abs(l)<f,d=it(l,$);d<f&&(c?d=0:d=$),o===!0&&!c&&(d===$?d=-$:d=d-$);for(let _=0;_<Y.Resolution;_++){let u=_/(Y.Resolution-1),m=n+u*d,b=t+s*Math.cos(m),g=e+r*Math.sin(m);if(h!==0){let y=Math.cos(h),x=Math.sin(h),S=b-t,A=g-e;b=S*y-A*x+t,g=S*x+A*y+e}i.lineTo(b,g)}}function xi(i,t,e,s){let r=i*e+t*s,n=Se(i*i+t*t)*Se(e*e+s*s),a=os(He(-1,as(1,r/n)));return i*s-t*e<0&&(a=-a),a}function Ae(i){return i[0]==1&&i[3]==0&&i[1]==0&&i[4]==1&&i[2]==0&&i[5]==0}var lt={Image:null,isHeadless:!1,shim:function(i,t){return kt.Utils.shim(i),typeof t<"u"&&(lt.Image=t),lt.isHeadless=!0,i}};var _t={hasEventListeners:typeof H.addEventListener=="function",bind:function(i,t,e,s){return this.hasEventListeners?i.addEventListener(t,e,!!s):i.attachEvent("on"+t,e),_t},unbind:function(i,t,e,s){return _t.hasEventListeners?i.removeEventListeners(t,e,!!s):i.detachEvent("on"+t,e),_t},getRequestAnimationFrame:function(){let i=["ms","moz","webkit","o"],t=0,e=H.requestAnimationFrame;if(!e){for(let r=0;r<i.length;r++)e=H[i[r]+"RequestAnimationFrame"]||e;e=e||s}function s(r,n){let a=new Date().getTime(),o=Math.max(0,16-(a-t)),h=H.setTimeout(l,o);t=a+o;function l(){r(a+o)}return h}return e}},Ht=H.document?H.document.createElement("div"):{};Ht.id="help-two-load";Object.defineProperty(_t,"temp",{enumerable:!0,get:function(){return R.isElement(Ht)&&!H.document.head.contains(Ht)&&(Ht.style.display="none",H.document.head.appendChild(Ht)),Ht}});var et=class extends Error{name="Two.js";message;constructor(t){super(),this.message=t}};var Et=class{map={};constructor(){}add(t,e){return this.map[t]=e,this}remove(t){return delete this.map[t],this}get(t){return this.map[t]}contains(t){return t in this.map}};function We(i,t){if(t===0||t===1)return!0;let s=i._length*t,r=0;for(let n=0;n<i._lengths.length;n++){let a=i._lengths[n];if(r>=s)return s-r>=0;r+=a}return!1}function Wt(i,t){let e=i._length;if(t<=0)return 0;if(t>=e)return i._lengths.length-1;for(let s=0,r=0;s<i._lengths.length;s++){if(r+i._lengths[s]>=t)return t-=r,Math.max(s-1,0)+t/i._lengths[s];r+=i._lengths[s]}return-1}function Re(i,t,e){let s,r,n,a,o,h,l,f,c=t.controls&&t.controls.right,d=i.controls&&i.controls.left;return s=t.x,o=t.y,r=(c||t).x,h=(c||t).y,n=(d||i).x,l=(d||i).y,a=i.x,f=i.y,c&&t._relative&&(r+=t.x,h+=t.y),d&&i._relative&&(n+=i.x,l+=i.y),Be(s,o,r,h,n,l,a,f,e)}function Xe(i,t,e){let s,r,n,a,o,h,l,f,c=t.controls&&t.controls.right,d=i.controls&&i.controls.left;return s=t.x,o=t.y,r=(c||t).x,h=(c||t).y,n=(d||i).x,l=(d||i).y,a=i.x,f=i.y,c&&t._relative&&(r+=t.x,h+=t.y),d&&i._relative&&(n+=i.x,l+=i.y),se(s,o,r,h,n,l,a,f,e)}var Mt=class extends Rt{_flagOffset=!0;_flagOpacity=!0;_flagColor=!0;_offset=0;_opacity=1;_color="#fff";constructor(t,e,s){super();for(let r in vi)Object.defineProperty(this,r,vi[r]);this._renderer.type="stop",this.offset=typeof t=="number"?t:Mt.Index<=0?0:1,this.opacity=typeof s=="number"?s:1,this.color=typeof e=="string"?e:Mt.Index<=0?"#fff":"#000",Mt.Index=(Mt.Index+1)%2}clone(t){let e=new Mt;return R.each(Mt.Properties,function(s){e[s]=this[s]},this),t&&t.stops&&t.stops.push(e),e}toObject(){let t={};return R.each(Mt.Properties,function(e){t[e]=this[e]},this),t}flagReset(){return this._flagOffset=this._flagColor=this._flagOpacity=!1,super.flagReset.call(this),this}},ht=Mt;v(ht,"Index",0),v(ht,"Properties",["offset","opacity","color"]);var vi={offset:{enumerable:!0,get:function(){return this._offset},set:function(i){this._offset=i,this._flagOffset=!0,this.parent&&(this.parent._flagStops=!0)}},opacity:{enumerable:!0,get:function(){return this._opacity},set:function(i){this._opacity=i,this._flagOpacity=!0,this.parent&&(this.parent._flagStops=!0)}},color:{enumerable:!0,get:function(){return this._color},set:function(i){this._color=i,this._flagColor=!0,this.parent&&(this.parent._flagStops=!0)}}};var ne=class extends Rt{_flagStops=!1;_flagSpread=!1;_flagUnits=!1;_spread="";_units="";constructor(t){super();for(let e in wi)Object.defineProperty(this,e,wi[e]);this._renderer.type="gradient",this.id=Y.Identifier+Y.uniqueId(),this.classList=[],this._renderer.flagStops=hs.bind(this),this._renderer.bindStops=fs.bind(this),this._renderer.unbindStops=cs.bind(this),this.spread="pad",this.units="objectBoundingBox",t&&(this.stops=t)}clone(t){let e=this.stops.map(function(r){return r.clone()}),s=new ne(e);return R.each(ne.Properties,function(r){s[r]=this[r]},this),t&&t.add(s),s}toObject(){let t={stops:this.stops.map(function(e){return e.toObject()})};return R.each(ne.Properties,function(e){t[e]=this[e]},this),t}_update(){return(this._flagSpread||this._flagStops)&&this.trigger(p.Types.change),this}flagReset(){return this._flagSpread=this._flagUnits=this._flagStops=!1,super.flagReset.call(this),this}},W=ne;v(W,"Stop",ht),v(W,"Properties",["spread","stops","renderer","units"]);var wi={spread:{enumerable:!0,get:function(){return this._spread},set:function(i){this._spread=i,this._flagSpread=!0}},units:{enumerable:!0,get:function(){return this._units},set:function(i){this._units=i,this._flagUnits=!0}},stops:{enumerable:!0,get:function(){return this._stops},set:function(i){let t=this._renderer.bindStops,e=this._renderer.unbindStops;this._stops&&this._stops.unbind(p.Types.insert,t).unbind(p.Types.remove,e),this._stops=new ot((i||[]).slice(0)),this._stops.bind(p.Types.insert,t).bind(p.Types.remove,e),t(this._stops)}}};function hs(){this._flagStops=!0}function fs(i){let t=i.length;for(;t--;)i[t].bind(p.Types.change,this._renderer.flagStops),i[t].parent=this;this._renderer.flagStops()}function cs(i){let t=i.length;for(;t--;)i[t].unbind(p.Types.change,this._renderer.flagStops),delete i[t].parent;this._renderer.flagStops()}var Ye=class extends W{_flagEndPoints=!1;_left=null;_right=null;constructor(t,e,s,r,n){super(n);for(let a in ki)Object.defineProperty(this,a,ki[a]);this._renderer.type="linear-gradient",this._renderer.flagEndPoints=us.bind(this),this.left=new k,this.right=new k,typeof t=="number"&&(this.left.x=t),typeof e=="number"&&(this.left.y=e),typeof s=="number"&&(this.right.x=s),typeof r=="number"&&(this.right.y=r)}clone(t){let e=this.stops.map(function(r){return r.clone()}),s=new Ye(this.left._x,this.left._y,this.right._x,this.right._y,e);return R.each(W.Properties,function(r){s[r]=this[r]},this),t&&t.add(s),s}toObject(){let t=super.toObject.call(this);return t.left=this.left.toObject(),t.right=this.right.toObject(),t}_update(){return(this._flagEndPoints||this._flagSpread||this._flagStops)&&this.trigger(p.Types.change),this}flagReset(){return this._flagEndPoints=!1,super.flagReset.call(this),this}},U=Ye;v(U,"Properties",["left","right"]),v(U,"Stop",ht);var ki={left:{enumerable:!0,get:function(){return this._left},set:function(i){this._left instanceof k&&this._left.unbind(p.Types.change,this._renderer.flagEndPoints),this._left=i,this._left.bind(p.Types.change,this._renderer.flagEndPoints),this._flagEndPoints=!0}},right:{enumerable:!0,get:function(){return this._right},set:function(i){this._right instanceof k&&this._right.unbind(p.Types.change,this._renderer.flagEndPoints),this._right=i,this._right.bind(p.Types.change,this._renderer.flagEndPoints),this._flagEndPoints=!0}}};function us(){this._flagEndPoints=!0}var ae=class extends W{_flagRadius=!1;_flagCenter=!1;_flagFocal=!1;_radius=0;_center=null;_focal=null;constructor(t,e,s,r,n,a){super(r);for(let o in Ai)Object.defineProperty(this,o,Ai[o]);this._renderer.type="radial-gradient",this._renderer.flagCenter=ds.bind(this),this._renderer.flagFocal=_s.bind(this),this.center=new k,this.radius=typeof s=="number"?s:1,this.focal=new k,typeof t=="number"&&(this.center.x=t),typeof e=="number"&&(this.center.y=e),this.focal.copy(this.center),typeof n=="number"&&(this.focal.x=n),typeof a=="number"&&(this.focal.y=a)}clone(t){let e=this.stops.map(function(r){return r.clone()}),s=new ae(this.center._x,this.center._y,this._radius,e,this.focal._x,this.focal._y);return R.each(W.Properties.concat(ae.Properties),function(r){s[r]=this[r]},this),t&&t.add(s),s}toObject(){let t=super.toObject.call(this);return R.each(ae.Properties,function(e){t[e]=this[e]},this),t.center=this.center.toObject(),t.focal=this.focal.toObject(),t}_update(){return(this._flagRadius||this._flatCenter||this._flagFocal||this._flagSpread||this._flagStops)&&this.trigger(p.Types.change),this}flagReset(){return this._flagRadius=this._flagCenter=this._flagFocal=!1,super.flagReset.call(this),this}},D=ae;v(D,"Stop",ht),v(D,"Properties",["center","radius","focal"]);var Ai={radius:{enumerable:!0,get:function(){return this._radius},set:function(i){this._radius=i,this._flagRadius=!0}},center:{enumerable:!0,get:function(){return this._center},set:function(i){this._center&&this._center.unbind(p.Types.change,this._renderer.flagCenter),this._center=i,this._center.bind(p.Types.change,this._renderer.flagCenter),this._flagCenter=!0}},focal:{enumerable:!0,get:function(){return this._focal},set:function(i){this._focal&&this._focal.unbind(p.Types.change,this._renderer.flagFocal),this._focal=i,this._focal.bind(p.Types.change,this._renderer.flagFocal),this._flagFocal=!0}}};function ds(){this._flagCenter=!0}function _s(){this._flagFocal=!0}var Ee,Si={video:/\.(mp4|webm|ogg)$/i,image:/\.(jpe?g|png|gif|tiff|webp)$/i,effect:/texture|gradient/i};H.document&&(Ee=document.createElement("a"));var st=class extends Rt{_flagSrc=!1;_flagImage=!1;_flagVideo=!1;_flagLoaded=!1;_flagRepeat=!1;_flagOffset=!1;_flagScale=!1;_src="";_image=null;_loaded=!1;_repeat="no-repeat";_scale=1;_offset=null;constructor(t,e){super(),this._renderer={};for(let s in Ri)Object.defineProperty(this,s,Ri[s]);if(this._renderer.type="texture",this._renderer.flagOffset=gs.bind(this),this._renderer.flagScale=ps.bind(this),this.id=Y.Identifier+Y.uniqueId(),this.classList=[],this.loaded=!1,this.repeat="no-repeat",this.offset=new k,typeof e=="function"){let s=function(){this.unbind(p.Types.load,s),typeof e=="function"&&e()}.bind(this);this.bind(p.Types.load,s)}if(typeof t=="string")this.src=t;else if(typeof t=="object"){let s=Object.prototype.toString.call(t);(s==="[object HTMLImageElement]"||s==="[object HTMLCanvasElement]"||s==="[object HTMLVideoElement]"||s==="[object Image]")&&(this.image=t)}this._update()}static getAbsoluteURL(t){return Ee?(Ee.href=t,Ee.href):t}static loadHeadlessBuffer(t,e){t.image.onload=e,t.image.src=t.src}static getTag(t){return t&&t.nodeName&&t.nodeName.toLowerCase()||"img"}static getImage(t){let e=st.getAbsoluteURL(t);if(st.ImageRegistry.contains(e))return st.ImageRegistry.get(e);let s;return lt.Image?(s=new lt.Image,kt.Utils.shim(s,"img")):H.document?Si.video.test(e)?s=document.createElement("video"):s=document.createElement("img"):console.warn("Two.js: no prototypical image defined for Two.Texture"),s.crossOrigin="anonymous",s.referrerPolicy="no-referrer",s}static load(t,e){let s=t.image,r=st.getTag(s);t._flagImage&&(/canvas/i.test(r)?st.Register.canvas(t,e):(t._src=!lt.isHeadless&&s.getAttribute("two-src")||s.src,st.Register[r](t,e))),t._flagSrc&&(s||(s=st.getImage(t.src),t.image=s),r=st.getTag(s),st.Register[r](t,e))}clone(){let t=new st(this.src);return t.repeat=this.repeat,t.offset.copy(this.origin),t.scale=this.scale,t}toObject(){return{src:this.src,repeat:this.repeat,origin:this.origin.toObject(),scale:typeof this.scale=="number"?this.scale:this.scale.toObject()}}_update(){return(this._flagSrc||this._flagImage)&&(this.trigger(p.Types.change),(this._flagSrc||this._flagImage)&&(this.loaded=!1,st.load(this,function(){this.loaded=!0,this.trigger(p.Types.change).trigger(p.Types.load)}.bind(this)))),this._image&&this._image.readyState>=4&&(this._flagVideo=!0),this}flagReset(){return this._flagSrc=this._flagImage=this._flagLoaded=this._flagRepeat=this._flagVideo=this._flagScale=this._flagOffset=!1,super.flagReset.call(this),this}},N=st;v(N,"Properties",["src","loaded","repeat","scale","offset","image"]),v(N,"RegularExpressions",Si),v(N,"ImageRegistry",new Et),v(N,"Register",{canvas:function(t,e){t._src="#"+t.id,st.ImageRegistry.add(t.src,t.image),typeof e=="function"&&e()},img:function(t,e){let s=t.image,r=function(a){!lt.isHeadless&&s.removeEventListener&&typeof s.removeEventListener=="function"&&(s.removeEventListener("load",r,!1),s.removeEventListener("error",n,!1)),typeof e=="function"&&e()},n=function(a){throw!lt.isHeadless&&typeof s.removeEventListener=="function"&&(s.removeEventListener("load",r,!1),s.removeEventListener("error",n,!1)),new et("unable to load "+t.src)};typeof s.width=="number"&&s.width>0&&typeof s.height=="number"&&s.height>0?r():!lt.isHeadless&&typeof s.addEventListener=="function"&&(s.addEventListener("load",r,!1),s.addEventListener("error",n,!1)),t._src=st.getAbsoluteURL(t._src),!(!lt.isHeadless&&s&&s.getAttribute("two-src"))&&(lt.isHeadless||s.setAttribute("two-src",t.src),st.ImageRegistry.add(t.src,s),lt.isHeadless?st.loadHeadlessBuffer(t,r):t.image.src=t.src)},video:function(t,e){if(lt.isHeadless)throw new et("video textures are not implemented in headless environments.");let s=function(n){t.image.removeEventListener("canplaythrough",s,!1),t.image.removeEventListener("error",r,!1),t.image.width=t.image.videoWidth,t.image.height=t.image.videoHeight,typeof e=="function"&&e()},r=function(n){throw t.image.removeEventListener("canplaythrough",s,!1),t.image.removeEventListener("error",r,!1),new et("unable to load "+t.src)};t._src=st.getAbsoluteURL(t._src),t.image.getAttribute("two-src")||(t.image.setAttribute("two-src",t.src),st.ImageRegistry.add(t.src,t.image)),t.image.readyState>=4?s():(t.image.addEventListener("canplaythrough",s,!1),t.image.addEventListener("error",r,!1),t.image.src=t.src,t.image.load())}});var Ri={src:{enumerable:!0,get:function(){return this._src},set:function(i){this._src=i,this._flagSrc=!0}},loaded:{enumerable:!0,get:function(){return this._loaded},set:function(i){this._loaded=i,this._flagLoaded=!0}},repeat:{enumerable:!0,get:function(){return this._repeat},set:function(i){this._repeat=i,this._flagRepeat=!0}},image:{enumerable:!0,get:function(){return this._image},set:function(i){let t=N.getTag(i),e;switch(t){case"canvas":e="#"+i.id;break;default:e=i.src}N.ImageRegistry.contains(e)?this._image=N.ImageRegistry.get(i.src):this._image=i,this._flagImage=!0}},offset:{enumerable:!0,get:function(){return this._offset},set:function(i){this._offset&&this._offset.unbind(p.Types.change,this._renderer.flagOffset),this._offset=i,this._offset.bind(p.Types.change,this._renderer.flagOffset),this._flagOffset=!0}},scale:{enumerable:!0,get:function(){return this._scale},set:function(i){this._scale instanceof k&&this._scale.unbind(p.Types.change,this._renderer.flagScale),this._scale=i,this._scale instanceof k&&this._scale.bind(p.Types.change,this._renderer.flagScale),this._flagScale=!0}}};function gs(){this._flagOffset=!0}function ps(){this._flagScale=!0}var Xt=Math.min,Yt=Math.max,ms=Math.ceil,ys=Math.floor,bs=new k,qt=class extends at{_flagVertices=!0;_flagLength=!0;_flagFill=!0;_flagStroke=!0;_flagLinewidth=!0;_flagOpacity=!0;_flagVisible=!0;_flagCap=!0;_flagJoin=!0;_flagMiter=!0;_flagMask=!1;_flagClip=!1;_length=0;_fill="#fff";_stroke="#000";_linewidth=1;_opacity=1;_visible=!0;_cap="round";_join="round";_miter=4;_closed=!0;_curved=!1;_automatic=!0;_beginning=0;_ending=1;_mask=null;_clip=!1;_dashes=null;constructor(t,e,s,r){super();for(let n in Ei)Object.defineProperty(this,n,Ei[n]);this._renderer.type="path",this._renderer.flagVertices=qe.bind(this),this._renderer.bindVertices=Ge.bind(this),this._renderer.unbindVertices=Ke.bind(this),this._renderer.flagFill=$e.bind(this),this._renderer.flagStroke=Je.bind(this),this._renderer.vertices=[],this._renderer.collection=[],this.closed=!!e,this.curved=!!s,this.beginning=0,this.ending=1,this.fill="#fff",this.stroke="#000",this.linewidth=1,this.opacity=1,this.className="",this.visible=!0,this.cap="butt",this.join="miter",this.miter=4,this.vertices=t,this.automatic=!r,this.dashes=[],this.dashes.offset=0}clone(t){let e=new qt;for(let s=0;s<this.vertices.length;s++)e.vertices.push(this.vertices[s].clone());for(let s=0;s<qt.Properties.length;s++){let r=qt.Properties[s];e[r]=this[r]}return e.className=this.className,e.translation.copy(this.translation),e.rotation=this.rotation,e.scale=this.scale,e.skewX=this.skewX,e.skewY=this.skewY,this.matrix.manual&&e.matrix.copy(this.matrix),t&&t.add(e),e._update()}toObject(){let t={vertices:this.vertices.map(function(e){return e.toObject()})};return R.each(qt.Properties,function(e){typeof this[e]<"u"&&(this[e].toObject?t[e]=this[e].toObject():t[e]=this[e])},this),t.className=this.className,t.translation=this.translation.toObject(),t.rotation=this.rotation,t.scale=this.scale instanceof k?this.scale.toObject():this.scale,t.skewX=this.skewX,t.skewY=this.skewY,this.matrix.manual&&(t.matrix=this.matrix.toObject()),t}noFill(){return this.fill="none",this}noStroke(){return this.stroke="none",this}corner(){let t=this.getBoundingClientRect(!0),e=t.width/2,s=t.height/2,r=t.left+t.width/2,n=t.top+t.height/2;for(let a=0;a<this.vertices.length;a++){let o=this.vertices[a];o.x-=r,o.y-=n,o.x+=e,o.y+=s}return this.mask&&(this.mask.translation.x-=r,this.mask.translation.x+=e,this.mask.translation.y-=n,this.mask.translation.y+=s),this}center(){let t=this.getBoundingClientRect(!0),e=t.left+t.width/2-this.translation.x,s=t.top+t.height/2-this.translation.y;for(let r=0;r<this.vertices.length;r++){let n=this.vertices[r];n.x-=e,n.y-=s}return this.mask&&(this.mask.translation.x-=e,this.mask.translation.y-=s),this}getBoundingClientRect(t){let e,s,r,n,a,o,h=1/0,l=-1/0,f=1/0,c=-1/0;if(this._update(!0),e=t?this.matrix:this.worldMatrix,s=(this.linewidth||0)/2,r=this._renderer.vertices.length,this.linewidth>0||this.stroke&&!/(transparent|none)/i.test(this.stroke))if(this.matrix.manual){let{scaleX:d,scaleY:_}=St(e.elements[0],e.elements[3],e.elements[1],e.elements[4],e.elements[2],e.elements[5]);typeof d=="number"&&typeof _=="number"&&(s=Math.max(d,_)*(this.linewidth||0)/2)}else s*=typeof this.scale=="number"?this.scale:Math.max(this.scale.x,this.scale.y);if(r<=0)return{width:0,height:0};for(n=0;n<r;n++){o=this._renderer.vertices[n],a=this._renderer.vertices[(n+r-1)%r];let[d,_]=e.multiply(a.x,a.y),[u,m]=e.multiply(o.x,o.y);if(a.controls&&o.controls){let b=a.controls.right.x,g=a.controls.right.y;a.relative&&(b+=a.x,g+=a.y);let[y,x]=e.multiply(b,g),S=o.controls.left.x,A=o.controls.left.y;o.relative&&(S+=o.x,A+=o.y);let[E,M]=e.multiply(S,A),B=Ne(d,_,y,x,E,M,u,m);f=Xt(B.min.y-s,f),h=Xt(B.min.x-s,h),l=Yt(B.max.x+s,l),c=Yt(B.max.y+s,c)}else n<=1&&(f=Xt(_-s,f),h=Xt(d-s,h),l=Yt(d+s,l),c=Yt(_+s,c)),f=Xt(m-s,f),h=Xt(u-s,h),l=Yt(u+s,l),c=Yt(m+s,c)}return{top:f,left:h,right:l,bottom:c,width:l-h,height:c-f}}getPointAt(t,e){let s,r,n,a,o,h,l,f,c,d,_,u,m,b,g,y=this.length*Math.min(Math.max(t,0),1),x=this.vertices.length,S=x-1,A=null,E=null;for(let Z=0,dt=this._lengths.length,rt=0;Z<dt;Z++){if(rt+this._lengths[Z]>=y){this._closed?(s=it(Z,x),r=it(Z-1,x),Z===0&&(s=r,r=Z)):(s=Z,r=Math.min(Math.max(Z-1,0),S)),A=this.vertices[s],E=this.vertices[r],y-=rt,this._lengths[Z]!==0?t=y/this._lengths[Z]:t=0;break}rt+=this._lengths[Z]}if(A===null||E===null)return null;if(A){if(!E)return A}else return E;g=E.controls&&E.controls.right,b=A.controls&&A.controls.left,o=E.x,d=E.y,h=(g||E).x,_=(g||E).y,l=(b||A).x,u=(b||A).y,f=A.x,m=A.y,g&&E.relative&&(h+=E.x,_+=E.y),b&&A.relative&&(l+=A.x,u+=A.y),a=Ut(t,o,h,l,f),c=Ut(t,d,_,u,m);let M=nt(o,h,t),B=nt(d,_,t),C=nt(h,l,t),T=nt(_,u,t),j=nt(l,f,t),z=nt(u,m,t),X=nt(M,C,t),V=nt(B,T,t),ct=nt(C,j,t),ut=nt(T,z,t);return R.isObject(e)?(e.x=a,e.y=c,e instanceof F&&(e.controls.left.x=X,e.controls.left.y=V,e.controls.right.x=ct,e.controls.right.y=ut,(typeof e.relative!="boolean"||e.relative)&&(e.controls.left.x-=a,e.controls.left.y-=c,e.controls.right.x-=a,e.controls.right.y-=c)),e.t=t,e):(n=new F(a,c,X-a,V-c,ct-a,ut-c,this._curved?w.curve:w.line),n.t=t,n)}plot(){if(this.curved)return je(this._collection,this.closed),this;for(let t=0;t<this._collection.length;t++)this._collection[t].command=t===0?w.move:w.line;return this}subdivide(t){this._update();let e=this.vertices.length-1,s=this._closed||this.vertices[e]._command===w.close,r=this.vertices[e],n=[],a;return R.each(this.vertices,function(o,h){if(h<=0&&!s){r=o;return}if(o.command===w.move){n.push(new F(r.x,r.y)),h>0&&(n[n.length-1].command=w.line),r=o;return}a=Xe(o,r,t),n=n.concat(a),R.each(a,function(l,f){f<=0&&r.command===w.move?l.command=w.move:l.command=w.line}),h>=e&&(this._closed&&this._automatic?(r=o,a=Xe(o,r,t),n=n.concat(a),R.each(a,function(l,f){f<=0&&r.command===w.move?l.command=w.move:l.command=w.line})):s&&n.push(new F(o.x,o.y)),n[n.length-1].command=s?w.close:w.line),r=o},this),this._automatic=!1,this._curved=!1,this.vertices=n,this}_updateLength(t,e){e||this._update();let s=this.vertices.length,r=s-1,n=!1,a=this.vertices[r],o=0;return typeof this._lengths>"u"&&(this._lengths=[]),R.each(this.vertices,function(h,l){if(l<=0&&!n||h.command===w.move){a=h,this._lengths[l]=0;return}this._lengths[l]=Re(h,a,t),o+=this._lengths[l],l>=r&&n&&(a=this.vertices[(l+1)%s],this._lengths[l+1]=Re(h,a,t),o+=this._lengths[l+1]),a=h},this),this._length=o,this._flagLength=!1,this}_update(){if(this._flagVertices){this._automatic&&this.plot(),this._flagLength&&this._updateLength(void 0,!0);let t=this._collection.length,e=this._closed,s=Math.min(this._beginning,this._ending),r=Math.max(this._beginning,this._ending),n=Wt(this,s*this._length),a=Wt(this,r*this._length),o=ms(n),h=ys(a),l,f,c,d,_,u;for(this._renderer.vertices.length=0,u=0;u<t;u++)this._renderer.collection.length<=u&&this._renderer.collection.push(new F),u>h&&!f?(_=this._renderer.collection[u].copy(this._collection[u]),this.getPointAt(r,_),_.command=this._renderer.collection[u].command,this._renderer.vertices.push(_),f=_,c=this._collection[u-1],c&&c.controls&&(_.relative?_.controls.right.clear():_.controls.right.copy(_),c.relative?this._renderer.collection[u-1].controls.right.copy(c.controls.right).lerp(k.zero,1-_.t):this._renderer.collection[u-1].controls.right.copy(c.controls.right).lerp(c,1-_.t))):u>=o&&u<=h&&(_=this._renderer.collection[u].copy(this._collection[u]),this._renderer.vertices.push(_),u===h&&We(this,r)?(f=_,!e&&f.controls&&(f.relative?f.controls.right.clear():f.controls.right.copy(f))):u===o&&We(this,s)&&(l=_,l.command=w.move,!e&&l.controls&&(l.relative?l.controls.left.clear():l.controls.left.copy(l))));o>0&&!l&&(u=o-1,_=this._renderer.collection[u].copy(this._collection[u]),this.getPointAt(s,_),_.command=w.move,this._renderer.vertices.unshift(_),d=this._collection[u+1],d&&d.controls&&(_.controls.left.clear(),d.relative?this._renderer.collection[u+1].controls.left.copy(d.controls.left).lerp(k.zero,_.t):(bs.copy(d),this._renderer.collection[u+1].controls.left.copy(d.controls.left).lerp(d,_.t))))}return at.prototype._update.apply(this,arguments),this}flagReset(){return this._flagVertices=this._flagLength=this._flagFill=this._flagStroke=this._flagLinewidth=this._flagOpacity=this._flagVisible=this._flagCap=this._flagJoin=this._flagMiter=this._flagClip=!1,at.prototype.flagReset.call(this),this}},L=qt;v(L,"Properties",["fill","stroke","linewidth","opacity","visible","cap","join","miter","closed","curved","automatic","beginning","ending"]),v(L,"Utils",{getCurveLength:Re});var Ei={linewidth:{enumerable:!0,get:function(){return this._linewidth},set:function(i){this._linewidth=i,this._flagLinewidth=!0}},opacity:{enumerable:!0,get:function(){return this._opacity},set:function(i){this._opacity=i,this._flagOpacity=!0}},visible:{enumerable:!0,get:function(){return this._visible},set:function(i){this._visible=i,this._flagVisible=!0}},cap:{enumerable:!0,get:function(){return this._cap},set:function(i){this._cap=i,this._flagCap=!0}},join:{enumerable:!0,get:function(){return this._join},set:function(i){this._join=i,this._flagJoin=!0}},miter:{enumerable:!0,get:function(){return this._miter},set:function(i){this._miter=i,this._flagMiter=!0}},fill:{enumerable:!0,get:function(){return this._fill},set:function(i){(this._fill instanceof W||this._fill instanceof U||this._fill instanceof D||this._fill instanceof N)&&this._fill.unbind(p.Types.change,this._renderer.flagFill),this._fill=i,this._flagFill=!0,(this._fill instanceof W||this._fill instanceof U||this._fill instanceof D||this._fill instanceof N)&&this._fill.bind(p.Types.change,this._renderer.flagFill)}},stroke:{enumerable:!0,get:function(){return this._stroke},set:function(i){(this._stroke instanceof W||this._stroke instanceof U||this._stroke instanceof D||this._stroke instanceof N)&&this._stroke.unbind(p.Types.change,this._renderer.flagStroke),this._stroke=i,this._flagStroke=!0,(this._stroke instanceof W||this._stroke instanceof U||this._stroke instanceof D||this._stroke instanceof N)&&this._stroke.bind(p.Types.change,this._renderer.flagStroke)}},length:{get:function(){return this._flagLength&&this._updateLength(),this._length}},closed:{enumerable:!0,get:function(){return this._closed},set:function(i){this._closed=!!i,this._flagVertices=!0}},curved:{enumerable:!0,get:function(){return this._curved},set:function(i){this._curved=!!i,this._flagVertices=!0}},automatic:{enumerable:!0,get:function(){return this._automatic},set:function(i){if(i===this._automatic)return;this._automatic=!!i;let t=this._automatic?"ignore":"listen";R.each(this.vertices,function(e){e[t]()})}},beginning:{enumerable:!0,get:function(){return this._beginning},set:function(i){this._beginning=i,this._flagVertices=!0}},ending:{enumerable:!0,get:function(){return this._ending},set:function(i){this._ending=i,this._flagVertices=!0}},vertices:{enumerable:!0,get:function(){return this._collection},set:function(i){let t=this._renderer.bindVertices,e=this._renderer.unbindVertices;this._collection&&this._collection.unbind(p.Types.insert,t).unbind(p.Types.remove,e),i instanceof ot?this._collection=i:this._collection=new ot(i||[]),this._collection.bind(p.Types.insert,t).bind(p.Types.remove,e),t(this._collection)}},mask:{enumerable:!0,get:function(){return this._mask},set:function(i){this._mask=i,this._flagMask=!0,R.isObject(i)&&!i.clip&&(i.clip=!0)}},clip:{enumerable:!0,get:function(){return this._clip},set:function(i){this._clip=i,this._flagClip=!0}},dashes:{enumerable:!0,get:function(){return this._dashes},set:function(i){typeof i.offset!="number"&&(i.offset=this.dashes&&this._dashes.offset||0),this._dashes=i}}};function qe(){this._flagVertices=!0,this._flagLength=!0,this.parent&&(this.parent._flagLength=!0)}function Ge(i){let t=i.length;for(;t--;)i[t].bind(p.Types.change,this._renderer.flagVertices);this._renderer.flagVertices()}function Ke(i){let t=i.length;for(;t--;)i[t].unbind(p.Types.change,this._renderer.flagVertices);this._renderer.flagVertices()}function $e(){this._flagFill=!0}function Je(){this._flagStroke=!0}var Ze=class extends L{constructor(t,e,s,r){let n=[new F,new F,new F,new F];super(n,!0,!1,!0);for(let a in Fi)Object.defineProperty(this,a,Fi[a]);this.width=typeof s=="number"?s:1,this.height=typeof r=="number"?r:1,this.origin=new k,typeof t=="number"&&(this.translation.x=t),typeof e=="number"&&(this.translation.y=e),this._update()}_flagWidth=0;_flagHeight=0;_width=0;_height=0;_origin=null;_update(){if(this._flagVertices||this._flagWidth||this._flagHeight){let t=this._width/2,e=this._height/2;!this._closed&&this.vertices.length===4&&this.vertices.push(new F),this.vertices[0].set(-t,-e).sub(this._origin).command=w.move,this.vertices[1].set(t,-e).sub(this._origin).command=w.line,this.vertices[2].set(t,e).sub(this._origin).command=w.line,this.vertices[3].set(-t,e).sub(this._origin).command=w.line,this.vertices[4]&&(this.vertices[4].set(-t,-e).sub(this._origin).command=w.line)}return super._update.call(this),this}flagReset(){return this._flagWidth=this._flagHeight=!1,super.flagReset.call(this),this}clone(t){let e=new Ze(0,0,this.width,this.height);e.translation.copy(this.translation),e.rotation=this.rotation,e.scale=this.scale,e.skewX=this.skewX,e.skewY=this.skewY,this.matrix.manual&&e.matrix.copy(this.matrix);for(let s=0;s<L.Properties.length;s++){let r=L.Properties[s];e[r]=this[r]}return t&&t.add(e),e}toObject(){let t=super.toObject.call(this);return t.width=this.width,t.height=this.height,t.origin=this.origin.toObject(),t}},pt=Ze;v(pt,"Properties",["width","height"]);var Fi={width:{enumerable:!0,get:function(){return this._width},set:function(i){this._width=i,this._flagWidth=!0}},height:{enumerable:!0,get:function(){return this._height},set:function(i){this._height=i,this._flagHeight=!0}},origin:{enumerable:!0,get:function(){return this._origin},set:function(i){this._origin&&this._origin.unbind(p.Types.change,this._renderer.flagVertices),this._origin=i,this._origin.bind(p.Types.change,this._renderer.flagVertices),this._renderer.flagVertices()}}};var Qe=class extends pt{_flagTexture=!1;_flagColumns=!1;_flagRows=!1;_flagFrameRate=!1;_flagIndex=!1;_amount=1;_duration=0;_startTime=0;_playing=!1;_firstFrame=0;_lastFrame=0;_loop=!0;_texture=null;_columns=1;_rows=1;_frameRate=0;_index=0;_origin=null;constructor(t,e,s,r,n,a){super(e,s,0,0);for(let o in Ti)Object.defineProperty(this,o,Ti[o]);this.noStroke(),this.noFill(),t instanceof N?this.texture=t:typeof t=="string"&&(this.texture=new N(t)),this.origin=new k,this._update(),typeof r=="number"&&(this.columns=r),typeof n=="number"&&(this.rows=n),typeof a=="number"&&(this.frameRate=a),this.index=0}play(t,e,s){return this._playing=!0,this._firstFrame=0,this._lastFrame=this.amount-1,this._startTime=R.performance.now(),typeof t=="number"&&(this._firstFrame=t),typeof e=="number"&&(this._lastFrame=e),typeof s=="function"?this._onLastFrame=s:delete this._onLastFrame,this._index!==this._firstFrame&&(this._startTime-=1e3*Math.abs(this._index-this._firstFrame)/this._frameRate),this}pause(){return this._playing=!1,this}stop(){return this._playing=!1,this._index=0,this}clone(t){let e=new Qe(this.texture,this.translation.x,this.translation.y,this.columns,this.rows,this.frameRate);return this.playing&&(e.play(this._firstFrame,this._lastFrame),e._loop=this._loop),t&&t.add(e),e}toObject(){let t=super.toObject.call(this);return t.texture=this.texture.toObject(),t.columns=this.columns,t.rows=this.rows,t.frameRate=this.frameRate,t.index=this.index,t._firstFrame=this._firstFrame,t._lastFrame=this._lastFrame,t._loop=this._loop,t}_update(){let t=this._texture,e=this._columns,s=this._rows,r,n,a,o,h,l,f,c,d;if(t&&((this._flagColumns||this._flagRows)&&(this._amount=this._columns*this._rows),this._flagFrameRate&&(this._duration=1e3*this._amount/this._frameRate),this._flagTexture&&(this.fill=t),t.loaded)){f=t.image.width,c=t.image.height,r=f/e,n=c/s,o=this._amount,this.width!==r&&(this.width=r),this.height!==n&&(this.height=n),this._playing&&this._frameRate>0&&(R.isNaN(this._lastFrame)&&(this._lastFrame=o-1),a=R.performance.now()-this._startTime,d=this._lastFrame+1,h=1e3*(d-this._firstFrame)/this._frameRate,this._loop?a=a%h:a=Math.min(a,h),l=nt(this._firstFrame,d,a/h),l=Math.floor(l),l!==this._index&&(this._index=l,l>=this._lastFrame-1&&this._onLastFrame&&this._onLastFrame()));let _=this._index%e,u=Math.floor(this._index/e),m=-r*_+(f-r)/2,b=-n*u+(c-n)/2;m!==t.offset.x&&(t.offset.x=m),b!==t.offset.y&&(t.offset.y=b)}return super._update.call(this),this}flagReset(){return this._flagTexture=this._flagColumns=this._flagRows=this._flagFrameRate=!1,super.flagReset.call(this),this}},Ot=Qe;v(Ot,"Properties",["texture","columns","rows","frameRate","index"]);var Ti={texture:{enumerable:!0,get:function(){return this._texture},set:function(i){this._texture=i,this._flagTexture=!0}},columns:{enumerable:!0,get:function(){return this._columns},set:function(i){this._columns=i,this._flagColumns=!0}},rows:{enumerable:!0,get:function(){return this._rows},set:function(i){this._rows=i,this._flagRows=!0}},frameRate:{enumerable:!0,get:function(){return this._frameRate},set:function(i){this._frameRate=i,this._flagFrameRate=!0}},index:{enumerable:!0,get:function(){return this._index},set:function(i){this._index=i,this._flagIndex=!0}}};var ti=Math.cos,ei=Math.sin,oe=class extends L{_flagRadius=!1;_radius=0;constructor(t,e,s,r){let n=r?Math.max(r,2):4,a=[];for(let o=0;o<n;o++)a.push(new F(0,0,0,0,0,0));super(a,!0,!0,!0);for(let o in Mi)Object.defineProperty(this,o,Mi[o]);typeof s=="number"&&(this.radius=s),this._update(),typeof t=="number"&&(this.translation.x=t),typeof e=="number"&&(this.translation.y=e)}_update(){if(this._flagVertices||this._flagRadius){let t=this.vertices.length;!this._closed&&t>2&&(t-=1);let e=4/3*Math.tan(Math.PI/(t*2)),s=this._radius,r=s*e;for(let n=0;n<this.vertices.length;n++){let o=n/t*$,h=s*ti(o),l=s*ei(o),f=r*ti(o-J),c=r*ei(o-J),d=r*ti(o+J),_=r*ei(o+J),u=this.vertices[n];u.command=n===0?w.move:w.curve,u.set(h,l),u.controls.left.set(f,c),u.controls.right.set(d,_)}}return super._update.call(this),this}flagReset(){return this._flagRadius=!1,super.flagReset.call(this),this}clone(t){let e=new oe(0,0,this.radius,this.vertices.length);e.translation.copy(this.translation),e.rotation=this.rotation,e.scale=this.scale,e.skewX=this.skewX,e.skewY=this.skewY,this.matrix.manual&&e.matrix.copy(this.matrix);for(let s=0;s<L.Properties.length;s++){let r=L.Properties[s];e[r]=this[r]}return t&&t.add(e),e}toObject(){let t=super.toObject.call(this);for(let e=0;e<oe.Properties.length;e++){let s=oe.Properties[e];t[s]=this[s]}return t}},Pt=oe;v(Pt,"Properties",["radius"]);var Mi={radius:{enumerable:!0,get:function(){return this._radius},set:function(i){this._radius=i,this._flagRadius=!0}}};var ii=Math.cos,si=Math.sin,le=class extends L{_flagWidth=!1;_flagHeight=!1;_width=0;_height=0;constructor(t,e,s,r,n){typeof r!="number"&&typeof s=="number"&&(r=s);let a=n?Math.max(n,2):4,o=[];for(let h=0;h<a;h++)o.push(new F);super(o,!0,!0,!0);for(let h in Ci)Object.defineProperty(this,h,Ci[h]);typeof s=="number"&&(this.width=s*2),typeof r=="number"&&(this.height=r*2),this._update(),typeof t=="number"&&(this.translation.x=t),typeof e=="number"&&(this.translation.y=e)}_update(){if(this._flagVertices||this._flagWidth||this._flagHeight){let t=this.vertices.length;!this._closed&&t>2&&(t-=1);let e=4/3*Math.tan(Math.PI/(this.vertices.length*2)),s=this._width/2,r=this._height/2;for(let n=0;n<this.vertices.length;n++){let o=n/t*$,h=s*ii(o),l=r*si(o),f=s*e*ii(o-J),c=r*e*si(o-J),d=s*e*ii(o+J),_=r*e*si(o+J),u=this.vertices[n];u.command=n===0?w.move:w.curve,u.set(h,l),u.controls.left.set(f,c),u.controls.right.set(d,_)}}return super._update.call(this),this}flagReset(){return this._flagWidth=this._flagHeight=!1,super.flagReset.call(this),this}clone(t){let e=this.width/2,s=this.height/2,r=this.vertices.length,n=new le(0,0,e,s,r);n.translation.copy(this.translation),n.rotation=this.rotation,n.scale=this.scale,n.skewX=this.skewX,n.skewY=this.skewY,this.matrix.manual&&n.matrix.copy(this.matrix);for(let a=0;a<L.Properties.length;a++){let o=L.Properties[a];n[o]=this[o]}return t&&t.add(n),n}toObject(){let t=super.toObject.call(this);for(let e=0;e<le.Properties.length;e++){let s=le.Properties[e];t[s]=this[s]}return t}},It=le;v(It,"Properties",["width","height"]);var Ci={width:{enumerable:!0,get:function(){return this._width},set:function(i){this._width=i,this._flagWidth=!0}},height:{enumerable:!0,get:function(){return this._height},set:function(i){this._height=i,this._flagHeight=!0}}};var Vt=class extends L{constructor(t,e,s,r){let n=[new F(t,e),new F(s,r)];super(n);for(let a in Li)Object.defineProperty(this,a,Li[a]);this.vertices[0].command=w.move,this.vertices[1].command=w.line,this.automatic=!1}},Li={left:{enumerable:!0,get:function(){return this.vertices[0]},set:function(i){if(R.isObject(i))this.vertices.splice(0,1,i);else{let t=new et("Two.Line.x argument is not an object.");console.warn(t.name,t.message)}}},right:{enumerable:!0,get:function(){return this.vertices[1]},set:function(i){if(R.isObject(i))this.vertices.splice(1,1,i);else{let t=new et("Two.Line.y argument is not an object.");console.warn(t.name,t.message)}}}};var he=class extends L{_flagWidth=!1;_flagHeight=!1;_flagRadius=!1;_width=0;_height=0;_radius=12;constructor(t,e,s,r,n){typeof n>"u"&&typeof s=="number"&&typeof r=="number"&&(n=Math.floor(Math.min(s,r)/12));let a=[];for(let o=0;o<10;o++)a.push(new F(0,0,0,0,0,0,o===0?w.move:w.curve));super(a);for(let o in Oi)Object.defineProperty(this,o,Oi[o]);this.closed=!0,this.automatic=!1,this._renderer.flagRadius=xs.bind(this),typeof s=="number"&&(this.width=s),typeof r=="number"&&(this.height=r),typeof n=="number"&&(this.radius=n),this._update(),typeof t=="number"&&(this.translation.x=t),typeof e=="number"&&(this.translation.y=e)}_update(){if(this._flagVertices||this._flagWidth||this._flagHeight||this._flagRadius){let t=this._width,e=this._height,s,r;this._radius instanceof k?(s=this._radius.x,r=this._radius.y):(s=this._radius,r=this._radius);let n,a=t/2,o=e/2;n=this.vertices[0],n.x=-(a-s),n.y=-o,n=this.vertices[1],n.x=a-s,n.y=-o,n.controls.left.clear(),n.controls.right.x=s,n.controls.right.y=0,n=this.vertices[2],n.x=a,n.y=-(o-r),n.controls.right.clear(),n.controls.left.clear(),n=this.vertices[3],n.x=a,n.y=o-r,n.controls.left.clear(),n.controls.right.x=0,n.controls.right.y=r,n=this.vertices[4],n.x=a-s,n.y=o,n.controls.right.clear(),n.controls.left.clear(),n=this.vertices[5],n.x=-(a-s),n.y=o,n.controls.left.clear(),n.controls.right.x=-s,n.controls.right.y=0,n=this.vertices[6],n.x=-a,n.y=o-r,n.controls.left.clear(),n.controls.right.clear(),n=this.vertices[7],n.x=-a,n.y=-(o-r),n.controls.left.clear(),n.controls.right.x=0,n.controls.right.y=-r,n=this.vertices[8],n.x=-(a-s),n.y=-o,n.controls.left.clear(),n.controls.right.clear(),n=this.vertices[9],n.copy(this.vertices[8])}return super._update.call(this),this}flagReset(){return this._flagWidth=this._flagHeight=this._flagRadius=!1,super.flagReset.call(this),this}clone(t){let e=this.width,s=this.height,r=this.radius,n=new he(0,0,e,s,r);n.translation.copy(this.translation),n.rotation=this.rotation,n.scale=this.scale,n.skewX=this.skewX,n.skewY=this.skewY,this.matrix.manual&&n.matrix.copy(this.matrix);for(let a=0;a<L.Properties.length;a++){let o=L.Properties[a];n[o]=this[o]}return t&&t.add(n),n}toObject(){let t=super.toObject.call(this);for(let e=0;e<he.Properties.length;e++){let s=he.Properties[e];t[s]=this[s]}return t.radius=typeof this.radius=="number"?this.radius:this.radius.toObject(),t}},Bt=he;v(Bt,"Properties",["width","height","radius"]);var Oi={width:{enumerable:!0,get:function(){return this._width},set:function(i){this._width=i,this._flagWidth=!0}},height:{enumerable:!0,get:function(){return this._height},set:function(i){this._height=i,this._flagHeight=!0}},radius:{enumerable:!0,get:function(){return this._radius},set:function(i){this._radius instanceof k&&this._radius.unbind(p.Types.change,this._renderer.flagRadius),this._radius=i,this._radius instanceof k&&this._radius.bind(p.Types.change,this._renderer.flagRadius),this._flagRadius=!0}}};function xs(){this._flagRadius=!0}var ri,Pi=Math.min,Ii=Math.max;H.document&&(ri=document.createElement("canvas"));var At=class extends at{_flagValue=!0;_flagFamily=!0;_flagSize=!0;_flagLeading=!0;_flagAlignment=!0;_flagBaseline=!0;_flagStyle=!0;_flagWeight=!0;_flagDecoration=!0;_flagFill=!0;_flagStroke=!0;_flagLinewidth=!0;_flagOpacity=!0;_flagVisible=!0;_flagMask=!1;_flagClip=!1;_value="";_family="sans-serif";_size=13;_leading=17;_alignment="center";_baseline="middle";_style="normal";_weight=500;_decoration="none";_fill="#000";_stroke="none";_linewidth=1;_opacity=1;_visible=!0;_mask=null;_clip=!1;_dashes=null;constructor(t,e,s,r){super();for(let n in Bi)Object.defineProperty(this,n,Bi[n]);if(this._renderer.type="text",this._renderer.flagFill=vs.bind(this),this._renderer.flagStroke=ws.bind(this),this.value=t,typeof e=="number"&&(this.translation.x=e),typeof s=="number"&&(this.translation.y=s),this.dashes=[],this.dashes.offset=0,!R.isObject(r))return this;for(let n=0;n<At.Properties.length;n++){let a=At.Properties[n];a in r&&(this[a]=r[a])}}static Measure(t){if(ri){let e=ri.getContext("2d");e.font=[t._style,t._weight,`${t._size}px/${t._leading}px`,t._family].join(" ");let s=e.measureText(t.value,0,0),r=s.actualBoundingBoxDescent+s.actualBoundingBoxAscent;return{width:s.width,height:r}}else{let e=this.value.length*this.size*At.Ratio,s=this.leading;return console.warn("Two.Text: unable to accurately measure text, so using an approximation."),{width:e,height:s}}}clone(t){let e=new At(this.value);e.translation.copy(this.translation),e.rotation=this.rotation,e.scale=this.scale;for(let s=0;s<At.Properties.length;s++){let r=At.Properties[s];e[r]=this[r]}return this.matrix.manual&&e.matrix.copy(this.matrix),t&&t.add(e),e._update()}toObject(){let t={translation:this.translation.toObject(),rotation:this.rotation,scale:this.scale};this.matrix.manual&&(t.matrix=this.matrix.toObject());for(let e=0;e<At.Properties.length;e++){let s=At.Properties[e];t[s]=this[s]}return t}noFill(){return this.fill="none",this}noStroke(){return this.stroke="none",this.linewidth=0,this}getBoundingClientRect(t){let e,s,r,n,a;this._update(!0),e=t?this.matrix:this.worldMatrix;let{width:o,height:h}=At.Measure(this),l=(this._linewidth||0)/2;switch(this.alignment){case"left":s=-l,r=o+l;break;case"right":s=-(o+l),r=l;break;default:s=-(o/2+l),r=o/2+l}switch(this.baseline){case"middle":n=-(h/2+l),a=h/2+l;break;default:n=-(h+l),a=l}let[f,c]=e.multiply(s,n),[d,_]=e.multiply(s,a),[u,m]=e.multiply(r,n),[b,g]=e.multiply(r,a);return n=Pi(c,_,m,g),s=Pi(f,d,u,b),r=Ii(f,d,u,b),a=Ii(c,_,m,g),{top:n,left:s,right:r,bottom:a,width:r-s,height:a-n}}flagReset(){return super.flagReset.call(this),this._flagValue=this._flagFamily=this._flagSize=this._flagLeading=this._flagAlignment=this._flagFill=this._flagStroke=this._flagLinewidth=this._flagOpacity=this._flagVisible=this._flagClip=this._flagDecoration=this._flagClassName=this._flagBaseline=this._flagWeight=this._flagStyle=!1,this}},ft=At;v(ft,"Ratio",.6),v(ft,"Properties",["value","family","size","leading","alignment","linewidth","style","weight","decoration","baseline","opacity","visible","fill","stroke"]);var Bi={value:{enumerable:!0,get:function(){return this._value},set:function(i){this._value=i,this._flagValue=!0}},family:{enumerable:!0,get:function(){return this._family},set:function(i){this._family=i,this._flagFamily=!0}},size:{enumerable:!0,get:function(){return this._size},set:function(i){this._size=i,this._flagSize=!0}},leading:{enumerable:!0,get:function(){return this._leading},set:function(i){this._leading=i,this._flagLeading=!0}},alignment:{enumerable:!0,get:function(){return this._alignment},set:function(i){this._alignment=i,this._flagAlignment=!0}},linewidth:{enumerable:!0,get:function(){return this._linewidth},set:function(i){this._linewidth=i,this._flagLinewidth=!0}},style:{enumerable:!0,get:function(){return this._style},set:function(i){this._style=i,this._flagStyle=!0}},weight:{enumerable:!0,get:function(){return this._weight},set:function(i){this._weight=i,this._flagWeight=!0}},decoration:{enumerable:!0,get:function(){return this._decoration},set:function(i){this._decoration=i,this._flagDecoration=!0}},baseline:{enumerable:!0,get:function(){return this._baseline},set:function(i){this._baseline=i,this._flagBaseline=!0}},opacity:{enumerable:!0,get:function(){return this._opacity},set:function(i){this._opacity=i,this._flagOpacity=!0}},visible:{enumerable:!0,get:function(){return this._visible},set:function(i){this._visible=i,this._flagVisible=!0}},fill:{enumerable:!0,get:function(){return this._fill},set:function(i){(this._fill instanceof W||this._fill instanceof U||this._fill instanceof D||this._fill instanceof N)&&this._fill.unbind(p.Types.change,this._renderer.flagFill),this._fill=i,this._flagFill=!0,(this._fill instanceof W||this._fill instanceof U||this._fill instanceof D||this._fill instanceof N)&&this._fill.bind(p.Types.change,this._renderer.flagFill)}},stroke:{enumerable:!0,get:function(){return this._stroke},set:function(i){(this._stroke instanceof W||this._stroke instanceof U||this._stroke instanceof D||this._stroke instanceof N)&&this._stroke.unbind(p.Types.change,this._renderer.flagStroke),this._stroke=i,this._flagStroke=!0,(this._stroke instanceof W||this._stroke instanceof U||this._stroke instanceof D||this._stroke instanceof N)&&this._stroke.bind(p.Types.change,this._renderer.flagStroke)}},mask:{enumerable:!0,get:function(){return this._mask},set:function(i){this._mask=i,this._flagMask=!0,R.isObject(i)&&!i.clip&&(i.clip=!0)}},clip:{enumerable:!0,get:function(){return this._clip},set:function(i){this._clip=i,this._flagClip=!0}},dashes:{enumerable:!0,get:function(){return this._dashes},set:function(i){typeof i.offset!="number"&&(i.offset=this.dashes&&this._dashes.offset||0),this._dashes=i}}};function vs(){this._flagFill=!0}function ws(){this._flagStroke=!0}var Ft={path:/[+-]?(?:\d*\.\d+|\d+)(?:[eE][+-]\d+)?/g,cssBackgroundImage:/url\(['"]?#([\w\d-_]*)['"]?\)/i,unitSuffix:/[a-zA-Z%]*/i},ks={start:"left",middle:"center",end:"right"},Ni=["id","class","transform","xmlns","viewBox"],As=["x","y","width","height","href","xlink:href"];function Ss(i){return ks[i]}function Rs(i){let t=i.getAttribute("dominant-baseline"),e=i.getAttribute("alignment-baseline");return t||e}function fe(i){return i.replace(/svg:/ig,"").toLowerCase()}function ji(i,t){if(t.x+=i.translateX,t.y+=i.translateY,t.x*=i.scaleX,t.y*=i.scaleY,i.rotation!==0){let e=t.length();t.x=e*Math.cos(i.rotation),t.y=e*Math.sin(i.rotation)}}function Es(i,t){t||(t={});let e=i.split(";");for(let s=0;s<e.length;s++){let r=e[s].split(":"),n=r[0],a=r[1];typeof n>"u"||typeof a>"u"||(t[n]=a.replace(/\s/,""))}return t}function Fs(i){let t={},e=Ts(i),s=Math.max(e.length,i.style.length);for(let r=0;r<s;r++){let n=i.style[r],a=e[r];n&&(t[n]=i.style[n]),a&&(t[a]=i.getAttribute(a))}return t}function Ts(i){let t=i.getAttributeNames();for(let e=0;e<Ni.length;e++){let s=Ni[e],r=Array.prototype.indexOf.call(t,s);r>=0&&t.splice(r,1)}return t}function Ms(i,t){let e=t.split(/[\s,]/),s=-parseFloat(e[0]),r=-parseFloat(e[1]),n=parseFloat(e[2]),a=parseFloat(e[3]);if(s&&r)for(let c=0;c<i.children.length;c++){let d=i.children[c];"translation"in d?d.translation.add(s,r):"x"in d?d.x=s:"y"in d&&(d.y=r)}let o=typeof i.x=="number",h=typeof i.y=="number",l=typeof i.width=="number",f=typeof i.height=="number";return o&&(i.translation.x+=i.x),h&&(i.translation.y+=i.y),(l||f)&&(i.scale=new k(1,1)),l&&(i.scale.x=i.width/n),f&&(i.scale.y=i.height/a),i.mask=new pt(0,0,n,a),i.mask.origin.set(-n/2,-a/2),i}function vt(i,t,e){let s={},r={},n={},a,o,h,l,f,c,d,_,u,m,b,g,y,x,S,A,E;if(i===null)return s;if(H.getComputedStyle){let M=H.getComputedStyle(i);for(a=M.length;a--;)h=M[a],l=M[h],typeof l<"u"&&(s[h]=l)}for(a=0;a<i.attributes.length;a++)c=i.attributes[a],/style/i.test(c.nodeName)?Es(c.value,n):r[c.nodeName]=c.value;typeof s.opacity<"u"&&(s["stroke-opacity"]=s.opacity,s["fill-opacity"]=s.opacity,delete s.opacity),e&&R.defaults(s,e),R.extend(s,n,r),s.visible=!(typeof s.display>"u"&&/none/i.test(s.display))||typeof s.visibility>"u"&&/hidden/i.test(s.visibility);for(h in s)switch(l=s[h],h){case"gradientTransform":if(/none/i.test(l)||(o=i.gradientTransform&&i.gradientTransform.baseVal&&i.gradientTransform.baseVal.length>0?i.gradientTransform.baseVal[0].matrix:i.getCTM?i.getCTM():null,o===null))break;switch(d=St(o),t._renderer.type){case"linear-gradient":ji(d,t.left),ji(d,t.right);break;case"radial-gradient":t.center.x+=d.translateX,t.center.y+=d.translateY,t.focal.x+=d.translateX,t.focal.y+=d.translateY,t.radius*=Math.max(d.scaleX,d.scaleY);break}break;case"transform":if(/none/i.test(l)||(o=i.transform&&i.transform.baseVal&&i.transform.baseVal.length>0?i.transform.baseVal[0].matrix:i.getCTM?i.getCTM():null,o===null))break;Y.AutoCalculateImportedMatrices?(d=St(o),t.translation.set(d.translateX,d.translateY),t.rotation=Math.PI*(d.rotation/180),t.scale=new k(d.scaleX,d.scaleY),_=parseFloat((s.x+"").replace("px")),u=parseFloat((s.y+"").replace("px")),_&&(t.translation.x=_),u&&(t.translation.y=u)):(o=i.getCTM(),t._matrix.manual=!0,t._matrix.set(o.a,o.b,o.c,o.d,o.e,o.f));break;case"visible":if(t instanceof q){t._visible=l;break}t.visible=l;break;case"stroke-linecap":if(t instanceof q){t._cap=l;break}t.cap=l;break;case"stroke-linejoin":if(t instanceof q){t._join=l;break}t.join=l;break;case"stroke-miterlimit":if(t instanceof q){t._miter=l;break}t.miter=l;break;case"stroke-width":if(t instanceof q){t._linewidth=parseFloat(l);break}t.linewidth=parseFloat(l);break;case"opacity":case"stroke-opacity":case"fill-opacity":if(t instanceof q){t._opacity=parseFloat(l);break}t.opacity=parseFloat(l);break;case"clip-path":if(Ft.cssBackgroundImage.test(l)&&(m=l.replace(Ft.cssBackgroundImage,"$1"),G.defs.current&&G.defs.current.contains(m)&&(g=G.defs.current.get(m),g&&g.childNodes.length>0)))switch(g=g.childNodes[0],y=fe(g.nodeName),t.mask=G[y].call(this,g,{}),t._renderer.type){case"text":case"path":t.position.add(t.mask.position),t.mask.position.clear();break}break;case"fill":case"stroke":f=(t instanceof q?"_":"")+h,Ft.cssBackgroundImage.test(l)?(m=l.replace(Ft.cssBackgroundImage,"$1"),G.defs.current&&G.defs.current.contains(m)?(g=G.defs.current.get(m),g.object||(y=fe(g.nodeName),g.object=G[y].call(this,g,{})),g=g.object):(b=Ls(this),g=b.getById(m)),t[f]=g):t[f]=l;break;case"id":t.id=l;break;case"class":case"className":t.classList=l.split(" "),t._flagClassName=!0;break;case"x":case"y":if(x=t instanceof W,S=t instanceof U,A=t instanceof D,x||S||A)break;l.match("[a-z%]$")&&!l.endsWith("px")&&(E=new et("only pixel values are supported with the "+h+" attribute."),console.warn(E.name,E.message)),t.translation[h]=parseFloat(l);break;case"font-family":t instanceof ft&&(t.family=l);break;case"font-size":t instanceof ft&&(t.size=l);break;case"font-weight":t instanceof ft&&(t.weight=l);break;case"font-style":t instanceof ft&&(t.style=l);break;case"text-decoration":t instanceof ft&&(t.decoration=l);break;case"line-height":t instanceof ft&&(t.leading=l);break}return Object.keys(i.dataset).length&&(t.dataset=i.dataset),s}function Cs(i,t){for(let e=0,s=i.childNodes.length;e<s;e++){let r=i.childNodes[e];!r.id||fe(i.nodeName)==="#text"||t.add(r.id,r)}}function Ls(i){for(;i.parent;)i=i.parent;return i.scene}var G={svg:function(i){let t=G.defs.current=new Et,e=i.getElementsByTagName("defs");for(let u=0;u<e.length;u++)Cs(e[u],t);let s=G.g.call(this,i),r=i.getAttribute("viewBox"),n=i.getAttribute("x"),a=i.getAttribute("y"),o=i.getAttribute("width"),h=i.getAttribute("height");s.defs=t;let l=r!==null,f=n!==null,c=a!==null,d=o!==null,_=h!==null;return f&&(s.x=parseFloat(n.replace(Ft.unitSuffix,""))),c&&(s.y=parseFloat(a.replace(Ft.unitSuffix,""))),d&&(s.width=parseFloat(o.replace(Ft.unitSuffix,""))),_&&(s.height=parseFloat(h.replace(Ft.unitSuffix,""))),l&&Ms(s,r),delete G.defs.current,s},defs:function(i){return null},use:function(i,t){let e,s=i.getAttribute("href")||i.getAttribute("xlink:href");if(!s)return e=new et("encountered <use /> with no href."),console.warn(e.name,e.message),null;let r=s.slice(1);if(!G.defs.current.contains(r))return e=new et("unable to find element for reference "+s+"."),console.warn(e.name,e.message),null;let a=G.defs.current.get(r).cloneNode(!0);for(let h=0;h<i.attributes.length;h++){let l=i.attributes[h],f=As.includes(l.nodeName),c=!a.hasAttribute(l.nodeName);(f||c)&&a.setAttribute(l.nodeName,l.value)}let o=fe(a.nodeName);return G[o].call(this,a,t)},g:function(i,t){let e=new q;vt.call(this,i,e,t),this.add(e);let s=Fs.call(this,i);for(let r=0,n=i.childNodes.length;r<n;r++){let a=i.childNodes[r],o=a.nodeName;if(!o)return;let h=fe(o);if(h in G){let l=G[h].call(e,a,s);!!l&&!l.parent&&e.add(l)}}return e},polygon:function(i,t){let e;typeof i=="string"?e=i:e=i.getAttribute("points");let s=[];e.replace(/(-?[\d.eE-]+)[,|\s](-?[\d.eE-]+)/g,function(n,a,o){s.push(new F(parseFloat(a),parseFloat(o)))});let r=new L(s,!0).noStroke();return r.fill="black",vt.call(this,i,r,t),r},polyline:function(i,t){let e=G.polygon.call(this,i,t);return e.closed=!1,e},path:function(i,t){let e;typeof i=="string"?(e=i,i=null):e=i.getAttribute("d");let s=[],r=!1,n=!1;if(e){let o=new F,h,l,f=e.match(/[a-df-z][^a-df-z]*/ig),c=f.length-1;R.each(f.slice(0),function(d,_){let u=d.slice(1).trim().match(Ft.path),m=d[0],b=m.toLowerCase(),g,y,x,S,A,E=[];switch(_===0&&(f=[]),b){case"h":case"v":u.length>1&&(g=1);break;case"m":case"l":case"t":u.length>2&&(g=2);break;case"s":case"q":u.length>4&&(g=4);break;case"c":u.length>6&&(g=6);break;case"a":u.length>7&&(g=7);break}if(g){for(y=0,x=u.length,A=0;y<x;y+=g){if(S=m,A>0)switch(m){case"m":S="l";break;case"M":S="L";break}E.push(S+u.slice(y,y+g).join(" ")),A++}f=Array.prototype.concat.apply(f,E)}else f.push(d)}),R.each(f,function(d,_){let u,m,b,g=d[0],y=g.toLowerCase();l=d.slice(1).trim().match(Ft.path),n=g===y;let x,S,A,E,M,B,C,T,j,z,X,V,ct,ut,Z,dt,rt;switch(y){case"z":if(_>=c)r=!0;else{m=o.x,b=o.y,u=new F(m,b,void 0,void 0,void 0,void 0,w.close);for(let Tt=s.length-1;Tt>=0;Tt--){let Ct=s[Tt];if(/m/i.test(Ct.command)){o=Ct;break}}}break;case"m":case"l":h=void 0,m=parseFloat(l[0]),b=parseFloat(l[1]),u=new F(m,b,void 0,void 0,void 0,void 0,/m/i.test(y)?w.move:w.line),n&&u.addSelf(o),o=u;break;case"h":case"v":z=/h/i.test(y)?"x":"y",X=/x/i.test(z)?"y":"x",u=new F(void 0,void 0,void 0,void 0,void 0,void 0,w.line),u[z]=parseFloat(l[0]),u[X]=o[X],n&&(u[z]+=o[z]),o=u;break;case"c":case"s":x=o.x,S=o.y,h||(h=new k),/c/i.test(y)?(A=parseFloat(l[0]),E=parseFloat(l[1]),M=parseFloat(l[2]),B=parseFloat(l[3]),C=parseFloat(l[4]),T=parseFloat(l[5])):(j=ye(o,h,n),A=j.x,E=j.y,M=parseFloat(l[0]),B=parseFloat(l[1]),C=parseFloat(l[2]),T=parseFloat(l[3])),n&&(A+=x,E+=S,M+=x,B+=S,C+=x,T+=S),o.controls.right.set(A-o.x,E-o.y),u=new F(C,T,M-C,B-T,void 0,void 0,w.curve),o=u,h=u.controls.left;break;case"t":case"q":x=o.x,S=o.y,h||(h=new k),/q/i.test(y)?(A=parseFloat(l[0]),E=parseFloat(l[1]),M=parseFloat(l[0]),B=parseFloat(l[1]),C=parseFloat(l[2]),T=parseFloat(l[3])):(j=ye(o,h,n),A=j.x,E=j.y,M=j.x,B=j.y,C=parseFloat(l[0]),T=parseFloat(l[1])),n&&(A+=x,E+=S,M+=x,B+=S,C+=x,T+=S),o.controls.right.set((A-o.x)*.33,(E-o.y)*.33),u=new F(C,T,M-C,B-T,void 0,void 0,w.curve),o=u,h=u.controls.left;break;case"a":x=o.x,S=o.y,ct=parseFloat(l[0]),ut=parseFloat(l[1]),Z=parseFloat(l[2]),dt=parseFloat(l[3]),rt=parseFloat(l[4]),C=parseFloat(l[5]),T=parseFloat(l[6]),n&&(C+=x,T+=S),V=new F(C,T),V.command=w.arc,V.rx=ct,V.ry=ut,V.xAxisRotation=Z,V.largeArcFlag=dt,V.sweepFlag=rt,u=V,o=V,h=void 0;break}u&&(Array.isArray(u)?s=s.concat(u):s.push(u))})}e=new L(s,r,void 0,!0).noStroke(),e.fill="black";let a=e.getBoundingClientRect(!0);return a.centroid={x:a.left+a.width/2,y:a.top+a.height/2},R.each(e.vertices,function(o){o.subSelf(a.centroid)}),vt.call(this,i,e,t),e.translation.addSelf(a.centroid),e},circle:function(i,t){let e=parseFloat(i.getAttribute("cx")),s=parseFloat(i.getAttribute("cy")),r=parseFloat(i.getAttribute("r")),n=new Pt(0,0,r).noStroke();return n.fill="black",vt.call(this,i,n,t),n.translation.x=e,n.translation.y=s,n},ellipse:function(i,t){let e=parseFloat(i.getAttribute("cx")),s=parseFloat(i.getAttribute("cy")),r=parseFloat(i.getAttribute("rx")),n=parseFloat(i.getAttribute("ry")),a=new It(0,0,r,n).noStroke();return a.fill="black",vt.call(this,i,a,t),a.translation.x=e,a.translation.y=s,a},rect:function(i,t){let e=parseFloat(i.getAttribute("rx")),s=parseFloat(i.getAttribute("ry"));if(!R.isNaN(e)||!R.isNaN(s))return G["rounded-rect"](i);let r=parseFloat(i.getAttribute("width")),n=parseFloat(i.getAttribute("height")),a=r/2,o=n/2,h=new pt(0,0,r,n).noStroke();return h.fill="black",vt.call(this,i,h,t),h.translation.x+=a,h.translation.y+=o,h},"rounded-rect":function(i,t){let e=parseFloat(i.getAttribute("rx"))||0,s=parseFloat(i.getAttribute("ry"))||0,r=parseFloat(i.getAttribute("width")),n=parseFloat(i.getAttribute("height")),a=r/2,o=n/2,h=new k(e,s),l=new Bt(0,0,r,n,h).noStroke();return l.fill="black",vt.call(this,i,l,t),l.translation.x+=a,l.translation.y+=o,l},line:function(i,t){let e=parseFloat(i.getAttribute("x1")),s=parseFloat(i.getAttribute("y1")),r=parseFloat(i.getAttribute("x2")),n=parseFloat(i.getAttribute("y2")),a=new Vt(e,s,r,n).noFill();return vt.call(this,i,a,t),a},lineargradient:function(i,t){let e=i.getAttribute("gradientUnits"),s=i.getAttribute("spreadMethod");e||(e="objectBoundingBox"),s||(s="pad");let r=parseFloat(i.getAttribute("x1")||0),n=parseFloat(i.getAttribute("y1")||0),a=parseFloat(i.getAttribute("x2")||0),o=parseFloat(i.getAttribute("y2")||0),h=(a+r)/2,l=(o+n)/2;/userSpaceOnUse/i.test(e)&&(r-=h,n-=l,a-=h,o-=l);let f=[];for(let d=0;d<i.children.length;d++){let _=i.children[d],u=_.getAttribute("offset");/%/ig.test(u)&&(u=parseFloat(u.replace(/%/ig,""))/100),u=parseFloat(u);let m=_.getAttribute("stop-color"),b=_.getAttribute("stop-opacity"),g=_.getAttribute("style"),y;m===null&&(y=g?g.match(/stop-color:\s?([#a-fA-F0-9]*)/):!1,m=y&&y.length>1?y[1]:void 0),b===null?(y=g?g.match(/stop-opacity:\s?([0-9.-]*)/):!1,b=y&&y.length>1?parseFloat(y[1]):1):b=parseFloat(b),f.push(new ht(u,m,b))}let c=new U(r,n,a,o,f);return c.spread=s,c.units=e,vt.call(this,i,c,t),c},radialgradient:function(i,t){let e=i.getAttribute("gradientUnits"),s=i.getAttribute("spreadMethod");e||(e="objectBoundingBox"),s||(s="pad");let r=parseFloat(i.getAttribute("cx"))||0,n=parseFloat(i.getAttribute("cy"))||0,a=parseFloat(i.getAttribute("r")),o=parseFloat(i.getAttribute("fx")),h=parseFloat(i.getAttribute("fy"));R.isNaN(o)&&(o=r),R.isNaN(h)&&(h=n);let l=Math.abs(r+o)/2,f=Math.abs(n+h)/2;/userSpaceOnUse/i.test(e)&&(r-=l,n-=f,o-=l,h-=f);let c=[];for(let _=0;_<i.children.length;_++){let u=i.children[_],m=u.getAttribute("offset");/%/ig.test(m)&&(m=parseFloat(m.replace(/%/ig,""))/100),m=parseFloat(m);let b=u.getAttribute("stop-color"),g=u.getAttribute("stop-opacity"),y=u.getAttribute("style"),x;b===null&&(x=y?y.match(/stop-color:\s?([#a-fA-F0-9]*)/):!1,b=x&&x.length>1?x[1]:void 0),g===null?(x=y?y.match(/stop-opacity:\s?([0-9.-]*)/):!1,g=x&&x.length>1?parseFloat(x[1]):1):g=parseFloat(g),c.push(new ht(m,b,g))}let d=new D(r,n,a,c,o,h);return d.spread=s,d.units=e,vt.call(this,i,d,t),d},text:function(i,t){let e=Ss(i.getAttribute("text-anchor"))||"left",s=Rs(i)||"baseline",r=i.textContent,n=new ft(r);return vt.call(this,i,n,t),n.alignment=e,n.baseline=s,n},clippath:function(i,t){return G.defs.current&&!G.defs.current.contains(i.id)&&G.defs.current.add(i.id,i),null},image:function(i,t){let e,s=i.getAttribute("href")||i.getAttribute("xlink:href");if(!s)return e=new et("encountered <image /> with no href."),console.warn(e.name,e.message),null;let r=parseFloat(i.getAttribute("x"))||0,n=parseFloat(i.getAttribute("y"))||0,a=parseFloat(i.getAttribute("width")),o=parseFloat(i.getAttribute("height")),h=new Ot(s,r,n);return R.isNaN(a)||(h.width=a),R.isNaN(o)||(h.height=o),vt.call(this,i,h,t),h}};function ni(i,t){let e=new XMLHttpRequest;return e.open("GET",i),e.onreadystatechange=function(){e.readyState===4&&e.status===200&&t(e.responseText)},e.send(),e}var Fe=class extends pt{_flagTextures=!1;_flagFrameRate=!1;_flagIndex=!1;_amount=1;_duration=0;_index=0;_startTime=0;_playing=!1;_firstFrame=0;_lastFrame=0;_loop=!0;_textures=null;_frameRate=0;_origin=null;constructor(t,e,s,r){super(e,s,0,0);for(let n in Vi)Object.defineProperty(this,n,Vi[n]);this._renderer.flagTextures=Os.bind(this),this._renderer.bindTextures=Ps.bind(this),this._renderer.unbindTextures=Is.bind(this),this.noStroke(),this.noFill(),Array.isArray(t)?this.textures=t.map(zi.bind(this)):this.textures=[zi(t)],this.origin=new k,this._update(),typeof r=="number"?this.frameRate=r:this.frameRate=Fe.DefaultFrameRate,this.index=0}play(t,e,s){return this._playing=!0,this._firstFrame=0,this._lastFrame=this.amount-1,this._startTime=R.performance.now(),typeof t=="number"&&(this._firstFrame=t),typeof e=="number"&&(this._lastFrame=e),typeof s=="function"?this._onLastFrame=s:delete this._onLastFrame,this._index!==this._firstFrame&&(this._startTime-=1e3*Math.abs(this._index-this._firstFrame)/this._frameRate),this}pause(){return this._playing=!1,this}stop(){return this._playing=!1,this._index=this._firstFrame,this}clone(t){let e=new Fe(this.textures,this.translation.x,this.translation.y,this.frameRate);return e._loop=this._loop,this._playing&&e.play(),t&&t.add(e),e}toObject(){let t=super.toObject.call(this);return t.textures=this.textures.map(function(e){return e.toObject()}),t.frameRate=this.frameRate,t.index=this.index,t._firstFrame=this._firstFrame,t._lastFrame=this._lastFrame,t._loop=this._loop,t}_update(){let t=this._textures,e,s,r,n,a,o,h,l;return t&&(this._flagTextures&&(this._amount=t.length),this._flagFrameRate&&(this._duration=1e3*this._amount/this._frameRate),this._playing&&this._frameRate>0?(n=this._amount,R.isNaN(this._lastFrame)&&(this._lastFrame=n-1),r=R.performance.now()-this._startTime,l=this._lastFrame+1,a=1e3*(l-this._firstFrame)/this._frameRate,this._loop?r=r%a:r=Math.min(r,a),h=nt(this._firstFrame,l,r/a),h=Math.floor(h),h!==this._index&&(this._index=h,o=t[this._index],o.loaded&&(e=o.image.width,s=o.image.height,this.width!==e&&(this.width=e),this.height!==s&&(this.height=s),this.fill=o,h>=this._lastFrame-1&&this._onLastFrame&&this._onLastFrame()))):(this._flagIndex||!(this.fill instanceof N))&&(o=t[this._index],o.loaded&&(e=o.image.width,s=o.image.height,this.width!==e&&(this.width=e),this.height!==s&&(this.height=s)),this.fill=o)),super._update.call(this),this}flagReset(){return this._flagTextures=this._flagFrameRate=!1,super.flagReset.call(this),this}},zt=Fe;v(zt,"Properties",["textures","frameRate","index"]),v(zt,"DefaultFrameRate",30);var Vi={frameRate:{enumerable:!0,get:function(){return this._frameRate},set:function(i){this._frameRate=i,this._flagFrameRate=!0}},index:{enumerable:!0,get:function(){return this._index},set:function(i){this._index=i,this._flagIndex=!0}},textures:{enumerable:!0,get:function(){return this._textures},set:function(i){let t=this._renderer.bindTextures,e=this._renderer.unbindTextures;this._textures&&this._textures.unbind(p.Types.insert,t).unbind(p.Types.remove,e),this._textures=new ot((i||[]).slice(0)),this._textures.bind(p.Types.insert,t).bind(p.Types.remove,e),t(this._textures)}}};function Os(){this._flagTextures=!0}function Ps(i){let t=i.length;for(;t--;)i[t].bind(p.Types.change,this._renderer.flagTextures);this._renderer.flagTextures()}function Is(i){let t=i.length;for(;t--;)i[t].unbind(p.Types.change,this._renderer.flagTextures);this._renderer.flagTextures()}function zi(i){if(i instanceof N)return i;if(typeof i=="string")return new N(i)}var ce=class extends L{_flagStartAngle=!1;_flagEndAngle=!1;_flagInnerRadius=!1;_flagOuterRadius=!1;_startAngle=0;_endAngle=$;_innerRadius=0;_outerRadius=0;constructor(t,e,s,r,n,a,o){let h=o||Y.Resolution*3,l=[];for(let f=0;f<h;f++)l.push(new F);super(l,!0,!1,!0);for(let f in Ui)Object.defineProperty(this,f,Ui[f]);typeof s=="number"&&(this.innerRadius=s),typeof r=="number"&&(this.outerRadius=r),typeof n=="number"&&(this.startAngle=n),typeof a=="number"&&(this.endAngle=a),this._update(),typeof t=="number"&&(this.translation.x=t),typeof e=="number"&&(this.translation.y=e)}_update(){if(this._flagVertices||this._flagStartAngle||this._flagEndAngle||this._flagInnerRadius||this._flagOuterRadius){let t=this._startAngle,e=this._endAngle,s=this._innerRadius,r=this._outerRadius,n=it(t,$)===it(e,$),a=s>0,o=this.vertices,h=a?o.length/2:o.length,l,f=0,c,d,_,u,m,b,g,y,x;for(n?h--:a||(h-=2),c=0,d=h-1;c<h;c++){switch(_=c/d,u=o[f],m=_*(e-t)+t,b=(e-t)/h,g=r*Math.cos(m),y=r*Math.sin(m),c){case 0:l=w.move;break;default:l=w.curve}u.command=l,u.x=g,u.y=y,u.controls.left.clear(),u.controls.right.clear(),u.command===w.curve&&(x=r*b/Math.PI,u.controls.left.x=x*Math.cos(m-J),u.controls.left.y=x*Math.sin(m-J),u.controls.right.x=x*Math.cos(m+J),u.controls.right.y=x*Math.sin(m+J),c===1&&u.controls.left.multiplyScalar(2),c===d&&u.controls.right.multiplyScalar(2)),f++}if(a){for(n?(o[f].command=w.close,f++):(h--,d=h-1),c=0;c<h;c++)_=c/d,u=o[f],m=(1-_)*(e-t)+t,b=(e-t)/h,g=s*Math.cos(m),y=s*Math.sin(m),l=w.curve,c<=0&&(l=n?w.move:w.line),u.command=l,u.x=g,u.y=y,u.controls.left.clear(),u.controls.right.clear(),u.command===w.curve&&(x=s*b/Math.PI,u.controls.left.x=x*Math.cos(m+J),u.controls.left.y=x*Math.sin(m+J),u.controls.right.x=x*Math.cos(m-J),u.controls.right.y=x*Math.sin(m-J),c===1&&u.controls.left.multiplyScalar(2),c===d&&u.controls.right.multiplyScalar(2)),f++;o[f].copy(o[0]),o[f].command=w.line}else n||(o[f].command=w.line,o[f].x=0,o[f].y=0,f++,o[f].copy(o[0]),o[f].command=w.line)}return super._update.call(this),this}flagReset(){return super.flagReset.call(this),this._flagStartAngle=this._flagEndAngle=this._flagInnerRadius=this._flagOuterRadius=!1,this}clone(t){let e=this.innerRadius,s=this.outerRadius,r=this.startAngle,n=this.endAngle,a=this.vertices.length,o=new ce(0,0,e,s,r,n,a);o.translation.copy(this.translation),o.rotation=this.rotation,o.scale=this.scale,o.skewX=this.skewX,o.skewY=this.skewY,this.matrix.manual&&o.matrix.copy(this.matrix);for(let h=0;h<L.Properties.length;h++){let l=L.Properties[h];o[l]=this[l]}return t&&t.add(o),o}toObject(){let t=super.toObject.call(this);for(let e=0;e<ce.Properties.length;e++){let s=ce.Properties[e];t[s]=this[s]}return t}},Gt=ce;v(Gt,"Properties",["startAngle","endAngle","innerRadius","outerRadius"]);var Ui={startAngle:{enumerable:!0,get:function(){return this._startAngle},set:function(i){this._startAngle=i,this._flagStartAngle=!0}},endAngle:{enumerable:!0,get:function(){return this._endAngle},set:function(i){this._endAngle=i,this._flagEndAngle=!0}},innerRadius:{enumerable:!0,get:function(){return this._innerRadius},set:function(i){this._innerRadius=i,this._flagInnerRadius=!0}},outerRadius:{enumerable:!0,get:function(){return this._outerRadius},set:function(i){this._outerRadius=i,this._flagOuterRadius=!0}}};var Bs=Math.ceil,Ns=Math.floor,Kt=class extends at{_flagVertices=!0;_flagLength=!0;_flagFill=!0;_flagStroke=!0;_flagLinewidth=!0;_flagOpacity=!0;_flagVisible=!0;_flagSize=!0;_flagSizeAttenuation=!0;_length=0;_fill="#fff";_stroke="#000";_linewidth=1;_opacity=1;_visible=!0;_size=1;_sizeAttenuation=!1;_beginning=0;_ending=1;_dashes=null;constructor(t){super();for(let e in Di)Object.defineProperty(this,e,Di[e]);this._renderer.type="points",this._renderer.flagVertices=qe.bind(this),this._renderer.bindVertices=Ge.bind(this),this._renderer.unbindVertices=Ke.bind(this),this._renderer.flagFill=$e.bind(this),this._renderer.flagStroke=Je.bind(this),this._renderer.vertices=null,this._renderer.collection=null,this.sizeAttenuation=!1,this.beginning=0,this.ending=1,this.fill="#fff",this.stroke="#000",this.className="",this.visible=!0,this.vertices=t,this.dashes=[],this.dashes.offset=0}clone(t){let e=new Kt;for(let s=0;s<this.vertices.length;s++)e.vertices.push(this.vertices[s].clone());for(let s=0;s<Kt.Properties.length;s++){let r=Kt.Properties[s];e[r]=this[r]}return e.className=this.className,e.translation.copy(this.translation),e.rotation=this.rotation,e.scale=this.scale,e.skewX=this.skewX,e.skewY=this.skewY,this.matrix.manual&&e.matrix.copy(this.matrix),t&&t.add(e),e._update()}toObject(){let t={vertices:this.vertices.map(function(e){return e.toObject()})};return R.each(Kt.Properties,function(e){t[e]=this[e]},this),t.className=this.className,t.translation=this.translation.toObject(),t.rotation=this.rotation,t.scale=this.scale instanceof k?this.scale.toObject():this.scale,t.skewX=this.skewX,t.skewY=this.skewY,this.matrix.manual&&(t.matrix=this.matrix.toObject()),t}noFill=L.prototype.noFill;noStroke=L.prototype.noStroke;corner=L.prototype.corner;center=L.prototype.center;getBoundingClientRect=L.prototype.getBoundingClientRect;subdivide(t){this._update();let e=[];for(let s=0;s<this.vertices.length;s++){let r=this.vertices[s],n=this.vertices[s-1];if(!n)continue;let a=r.x,o=r.y,h=n.x,l=n.y,f=se(a,o,a,o,h,l,h,l,t);e=e.concat(f)}return this.vertices=e,this}_updateLength=L.prototype._updateLength;_update(){if(this._flagVertices){this._flagLength&&this._updateLength(void 0,!0);let t=Math.min(this._beginning,this._ending),e=Math.max(this._beginning,this._ending),s=Wt(this,t*this._length),r=Wt(this,e*this._length),n=Bs(s),a=Ns(r),o=0,h;this._renderer.vertices=[],this._renderer.collection=[];for(let l=0;l<this._collection.length;l++)l>=n&&l<=a&&(h=this._collection[l],this._renderer.collection.push(h),this._renderer.vertices[o*2+0]=h.x,this._renderer.vertices[o*2+1]=h.y,o++)}return super._update.apply(this,arguments),this}flagReset(){return this._flagVertices=this._flagLength=this._flagFill=this._flagStroke=this._flagLinewidth=this._flagOpacity=this._flagVisible=this._flagSize=this._flagSizeAttenuation=!1,super.flagReset.call(this),this}},$t=Kt;v($t,"Properties",["fill","stroke","linewidth","opacity","visible","size","sizeAttenuation","beginning","ending"]);var Di={linewidth:{enumerable:!0,get:function(){return this._linewidth},set:function(i){this._linewidth=i,this._flagLinewidth=!0}},opacity:{enumerable:!0,get:function(){return this._opacity},set:function(i){this._opacity=i,this._flagOpacity=!0}},visible:{enumerable:!0,get:function(){return this._visible},set:function(i){this._visible=i,this._flagVisible=!0}},size:{enumerable:!0,get:function(){return this._size},set:function(i){this._size=i,this._flagSize=!0}},sizeAttenuation:{enumerable:!0,get:function(){return this._sizeAttenuation},set:function(i){this._sizeAttenuation=i,this._flagSizeAttenuation=!0}},fill:{enumerable:!0,get:function(){return this._fill},set:function(i){(this._fill instanceof W||this._fill instanceof U||this._fill instanceof D||this._fill instanceof N)&&this._fill.unbind(p.Types.change,this._renderer.flagFill),this._fill=i,this._flagFill=!0,(this._fill instanceof W||this._fill instanceof U||this._fill instanceof D||this._fill instanceof N)&&this._fill.bind(p.Types.change,this._renderer.flagFill)}},stroke:{enumerable:!0,get:function(){return this._stroke},set:function(i){(this._stroke instanceof W||this._stroke instanceof U||this._stroke instanceof D||this._stroke instanceof N)&&this._stroke.unbind(p.Types.change,this._renderer.flagStroke),this._stroke=i,this._flagStroke=!0,(this._stroke instanceof W||this._stroke instanceof U||this._stroke instanceof D||this._stroke instanceof N)&&this._stroke.bind(p.Types.change,this._renderer.flagStroke)}},length:{get:function(){return this._flagLength&&this._updateLength(),this._length}},beginning:{enumerable:!0,get:function(){return this._beginning},set:function(i){this._beginning=i,this._flagVertices=!0}},ending:{enumerable:!0,get:function(){return this._ending},set:function(i){this._ending=i,this._flagVertices=!0}},vertices:{enumerable:!0,get:function(){return this._collection},set:function(i){let t=this._renderer.bindVertices,e=this._renderer.unbindVertices;this._collection&&this._collection.unbind(p.Types.insert,t).unbind(p.Types.remove,e),i instanceof ot?this._collection=i:this._collection=new ot(i||[]),this._collection.bind(p.Types.insert,t).bind(p.Types.remove,e),t(this._collection)}},dashes:{enumerable:!0,get:function(){return this._dashes},set:function(i){typeof i.offset!="number"&&(i.offset=this.dashes&&this._dashes.offset||0),this._dashes=i}}};var js=Math.cos,Vs=Math.sin,ue=class extends L{_flagWidth=!1;_flagHeight=!1;_flagSides=!1;_radius=0;_width=0;_height=0;_sides=0;constructor(t,e,s,r){r=Math.max(r||0,3),super();for(let n in Hi)Object.defineProperty(this,n,Hi[n]);this.closed=!0,this.automatic=!1,typeof s=="number"&&(this.radius=s),typeof r=="number"&&(this.sides=r),this._update(),typeof t=="number"&&(this.translation.x=t),typeof e=="number"&&(this.translation.y=e)}_update(){if(this._flagVertices||this._flagWidth||this._flagHeight||this._flagSides){let t=this._sides,e=t+1,s=this.vertices.length;s>t&&(this.vertices.splice(t-1,s-t),s=t);for(let r=0;r<e;r++){let n=(r+.5)/t,a=$*n+Math.PI/2,o=this._width*js(a)/2,h=this._height*Vs(a)/2;r>=s?this.vertices.push(new F(o,h)):this.vertices[r].set(o,h),this.vertices[r].command=r===0?w.move:w.line}}return super._update.call(this),this}flagReset(){return this._flagWidth=this._flagHeight=this._flagSides=!1,super.flagReset.call(this),this}clone(t){let e=new ue(0,0,0,this.sides);e.translation.copy(this.translation),e.rotation=this.rotation,e.scale=this.scale,e.skewX=this.skewX,e.skewY=this.skewY,e.width=this.width,e.height=this.height,this.matrix.manual&&e.matrix.copy(this.matrix);for(let s=0;s<L.Properties.length;s++){let r=L.Properties[s];e[r]=this[r]}return t&&t.add(e),e}toObject(){let t=super.toObject.call(this);for(let e=0;e<ue.Properties.length;e++){let s=ue.Properties[e];t[s]=this[s]}return t}},Jt=ue;v(Jt,"Properties",["width","height","sides"]);var Hi={radius:{enumerable:!0,get:function(){return this._radius},set:function(i){this._radius=i,this.width=i*2,this.height=i*2}},width:{enumerable:!0,get:function(){return this._width},set:function(i){this._width=i,this._flagWidth=!0,this._radius=Math.max(this.width,this.height)/2}},height:{enumerable:!0,get:function(){return this._height},set:function(i){this._height=i,this._flagHeight=!0,this._radius=Math.max(this.width,this.height)/2}},sides:{enumerable:!0,get:function(){return this._sides},set:function(i){this._sides=i,this._flagSides=!0}}};var zs=Math.cos,Us=Math.sin,de=class extends L{_flagInnerRadius=!1;_flagOuterRadius=!1;_flagSides=!1;_innerRadius=0;_outerRadius=0;_sides=0;constructor(t,e,s,r,n){arguments.length<=3&&(r=s,s=r/2),(typeof n!="number"||n<=0)&&(n=5),super();for(let a in Wi)Object.defineProperty(this,a,Wi[a]);this.closed=!0,this.automatic=!1,typeof s=="number"&&(this.innerRadius=s),typeof r=="number"&&(this.outerRadius=r),typeof n=="number"&&(this.sides=n),this._update(),typeof t=="number"&&(this.translation.x=t),typeof e=="number"&&(this.translation.y=e)}_update(){if(this._flagVertices||this._flagInnerRadius||this._flagOuterRadius||this._flagSides){let t=this._sides*2,e=t+1,s=this.vertices.length;s>t&&(this.vertices.splice(t-1,s-t),s=t);for(let r=0;r<e;r++){let n=(r+.5)/t,a=$*n,o=(r%2?this._outerRadius:this._innerRadius)/2,h=o*zs(a),l=o*Us(a);r>=s?this.vertices.push(new F(h,l)):this.vertices[r].set(h,l),this.vertices[r].command=r===0?w.move:w.line}}return super._update.call(this),this}flagReset(){return this._flagInnerRadius=this._flagOuterRadius=this._flagSides=!1,super.flagReset.call(this),this}clone(t){let e=this.innerRadius,s=this.outerRadius,r=this.sides,n=new de(0,0,e,s,r);n.translation.copy(this.translation),n.rotation=this.rotation,n.scale=this.scale,n.skewX=this.skewX,n.skewY=this.skewY,this.matrix.manual&&n.matrix.copy(this.matrix);for(let a=0;a<L.Properties.length;a++){let o=L.Properties[a];n[o]=this[o]}return t&&t.add(n),n}toObject(){let t=super.toObject.call(this);for(let e=0;e<de.Properties.length;e++){let s=de.Properties[e];t[s]=this[s]}return t}},Zt=de;v(Zt,"Properties",["innerRadius","outerRadius","sides"]);var Wi={innerRadius:{enumerable:!0,get:function(){return this._innerRadius},set:function(i){this._innerRadius=i,this._flagInnerRadius=!0}},outerRadius:{enumerable:!0,get:function(){return this._outerRadius},set:function(i){this._outerRadius=i,this._flagOuterRadius=!0}},sides:{enumerable:!0,get:function(){return this._sides},set:function(i){this._sides=i,this._flagSides=!0}}};var O={version:1.1,ns:"http://www.w3.org/2000/svg",xlink:"http://www.w3.org/1999/xlink",alignments:{left:"start",center:"middle",right:"end"},createElement:function(i,t){let e=i,s=document.createElementNS(O.ns,e);return e==="svg"&&(t=R.defaults(t||{},{version:O.version})),t&&Object.keys(t).length>0&&O.setAttributes(s,t),s},setAttributes:function(i,t){let e=Object.keys(t);for(let s=0;s<e.length;s++)/href/.test(e[s])?i.setAttributeNS(O.xlink,e[s],t[e[s]]):i.setAttribute(e[s],t[e[s]]);return this},removeAttributes:function(i,t){for(let e in t)i.removeAttribute(e);return this},toString:function(i,t){let e=i.length,s=e-1,r,n="";for(let a=0;a<e;a++){let o=i[a],h=t?it(a-1,e):Math.max(a-1,0),l=i[h],f,c,d,_,u,m,b,g,y,x,S,A,E,M,B,C=K(o.x),T=K(o.y);switch(o.command){case w.close:f=w.close;break;case w.arc:S=o.rx,A=o.ry,E=o.xAxisRotation,M=o.largeArcFlag,B=o.sweepFlag,f=w.arc+" "+S+" "+A+" "+E+" "+M+" "+B+" "+C+" "+T;break;case w.curve:b=l.controls&&l.controls.right||k.zero,g=o.controls&&o.controls.left||k.zero,l.relative?(d=K(b.x+l.x),_=K(b.y+l.y)):(d=K(b.x),_=K(b.y)),o.relative?(u=K(g.x+o.x),m=K(g.y+o.y)):(u=K(g.x),m=K(g.y)),f=(a===0?w.move:w.curve)+" "+d+" "+_+" "+u+" "+m+" "+C+" "+T;break;case w.move:r=o,f=w.move+" "+C+" "+T;break;default:f=o.command+" "+C+" "+T}a>=s&&t&&(o.command===w.curve&&(c=r,y=o.controls&&o.controls.right||o,x=c.controls&&c.controls.left||c,o.relative?(d=K(y.x+o.x),_=K(y.y+o.y)):(d=K(y.x),_=K(y.y)),c.relative?(u=K(x.x+c.x),m=K(x.y+c.y)):(u=K(x.x),m=K(x.y)),C=K(c.x),T=K(c.y),f+=" C "+d+" "+_+" "+u+" "+m+" "+C+" "+T),o.command!==w.close&&(f+=" Z")),n+=f+" "}return n},pointsToString:function(i,t){let e="",s=t*.5;for(let r=0;r<i.length;r++){let n=i[r].x,a=i[r].y-s;e+=w.move+" "+n+" "+a+" ",e+="a "+s+" "+s+" 0 1 0 0.001 0 Z"}return e},getClip:function(i,t){let e=i._renderer.clip;return e||(e=i._renderer.clip=O.createElement("clipPath",{"clip-rule":"nonzero"})),e.parentNode===null&&t.defs.appendChild(e),e},defs:{update:function(i){let{defs:t}=i;if(t._flagUpdate){let e=Array.prototype.slice.call(t.children,0);for(let s=0;s<e.length;s++){let r=e[s],n=r.id,a=`[fill="url(#${n})"],[stroke="url(#${n})"],[clip-path="url(#${n})"]`;i.querySelector(a)||t.removeChild(r)}t._flagUpdate=!1}}},group:{appendChild:function(i){let t=i._renderer.elem;if(!t)return;let e=t.nodeName;!e||/(radial|linear)gradient/i.test(e)||i._clip||this.elem.appendChild(t)},removeChild:function(i){let t=i._renderer.elem;!t||t.parentNode!=this.elem||!t.nodeName||i._clip||this.elem.removeChild(t)},orderChild:function(i){this.elem.appendChild(i._renderer.elem)},renderChild:function(i){O[i._renderer.type].render.call(i,this)},render:function(i){if(!this._visible&&!this._flagVisible||this._opacity===0&&!this._flagOpacity)return this;this._update(),this._renderer.elem||(this._renderer.elem=O.createElement("g",{id:this.id}),i.appendChild(this._renderer.elem));let t=this._matrix.manual||this._flagMatrix,e={domElement:i,elem:this._renderer.elem};t&&this._renderer.elem.setAttribute("transform","matrix("+this._matrix.toString()+")");for(let s=0;s<this.children.length;s++){let r=this.children[s];O[r._renderer.type].render.call(r,i)}return this._flagId&&this._renderer.elem.setAttribute("id",this._id),this._flagOpacity&&this._renderer.elem.setAttribute("opacity",this._opacity),this._flagVisible&&this._renderer.elem.setAttribute("display",this._visible?"inline":"none"),this._flagClassName&&this._renderer.elem.setAttribute("class",this.classList.join(" ")),this._flagAdditions&&this.additions.forEach(O.group.appendChild,e),this._flagSubtractions&&this.subtractions.forEach(O.group.removeChild,e),this._flagOrder&&this.children.forEach(O.group.orderChild,e),this._flagMask&&(this._mask?(O[this._mask._renderer.type].render.call(this._mask,i),this._renderer.elem.setAttribute("clip-path","url(#"+this._mask.id+")")):this._renderer.elem.removeAttribute("clip-path")),this.dataset&&Object.assign(this._renderer.elem.dataset,this.dataset),this.flagReset()}},path:{render:function(i){if(this._opacity===0&&!this._flagOpacity)return this;this._update();let t={};if((this._matrix.manual||this._flagMatrix)&&(t.transform="matrix("+this._matrix.toString()+")"),this._flagId&&(t.id=this._id),this._flagVertices){let s=O.toString(this._renderer.vertices,this._closed);t.d=s}if(this._fill&&this._fill._renderer&&(this._renderer.hasFillEffect=!0,this._fill._update(),O[this._fill._renderer.type].render.call(this._fill,i,!0)),this._flagFill&&(t.fill=this._fill&&this._fill.id?"url(#"+this._fill.id+")":this._fill,this._renderer.hasFillEffect&&typeof this._fill.id>"u"&&(i.defs._flagUpdate=!0,delete this._renderer.hasFillEffect)),this._stroke&&this._stroke._renderer&&(this._renderer.hasStrokeEffect=!0,this._stroke._update(),O[this._stroke._renderer.type].render.call(this._stroke,i,!0)),this._flagStroke&&(t.stroke=this._stroke&&this._stroke.id?"url(#"+this._stroke.id+")":this._stroke,this._renderer.hasStrokeEffect&&typeof this._stroke.id>"u"&&(i.defs._flagUpdate=!0,delete this._renderer.hasStrokeEffect)),this._flagLinewidth&&(t["stroke-width"]=this._linewidth),this._flagOpacity&&(t["stroke-opacity"]=this._opacity,t["fill-opacity"]=this._opacity),this._flagClassName&&(t.class=this.classList.join(" ")),this._flagVisible&&(t.visibility=this._visible?"visible":"hidden"),this._flagCap&&(t["stroke-linecap"]=this._cap),this._flagJoin&&(t["stroke-linejoin"]=this._join),this._flagMiter&&(t["stroke-miterlimit"]=this._miter),this.dashes&&this.dashes.length>0&&(t["stroke-dasharray"]=this.dashes.join(" "),t["stroke-dashoffset"]=this.dashes.offset||0),this._renderer.elem?O.setAttributes(this._renderer.elem,t):(t.id=this._id,this._renderer.elem=O.createElement("path",t),i.appendChild(this._renderer.elem)),this._flagClip){let s=O.getClip(this,i),r=this._renderer.elem;this._clip?(r.removeAttribute("id"),s.setAttribute("id",this.id),s.appendChild(r)):(s.removeAttribute("id"),r.setAttribute("id",this.id),this.parent._renderer.elem.appendChild(r))}return this._flagMask&&(this._mask?(O[this._mask._renderer.type].render.call(this._mask,i),this._renderer.elem.setAttribute("clip-path","url(#"+this._mask.id+")")):this._renderer.elem.removeAttribute("clip-path")),this.flagReset()}},points:{render:function(i){if(this._opacity===0&&!this._flagOpacity)return this;this._update();let t={};if((this._matrix.manual||this._flagMatrix)&&(t.transform="matrix("+this._matrix.toString()+")"),this._flagId&&(t.id=this._id),this._flagVertices||this._flagSize||this._flagSizeAttenuation){let s=this._size;if(!this._sizeAttenuation){let n=this.worldMatrix.elements,a=St(n[0],n[3],n[1],n[4],n[2],n[5]);s/=Math.max(a.scaleX,a.scaleY)}let r=O.pointsToString(this._renderer.collection,s);t.d=r}return this._fill&&this._fill._renderer&&(this._renderer.hasFillEffect=!0,this._fill._update(),O[this._fill._renderer.type].render.call(this._fill,i,!0)),this._flagFill&&(t.fill=this._fill&&this._fill.id?"url(#"+this._fill.id+")":this._fill,this._renderer.hasFillEffect&&typeof this._fill.id>"u"&&(i.defs._flagUpdate=!0,delete this._renderer.hasFillEffect)),this._stroke&&this._stroke._renderer&&(this._renderer.hasStrokeEffect=!0,this._stroke._update(),O[this._stroke._renderer.type].render.call(this._stroke,i,!0)),this._flagStroke&&(t.stroke=this._stroke&&this._stroke.id?"url(#"+this._stroke.id+")":this._stroke,this._renderer.hasStrokeEffect&&typeof this._stroke.id>"u"&&(i.defs._flagUpdate=!0,delete this._renderer.hasStrokeEffect)),this._flagLinewidth&&(t["stroke-width"]=this._linewidth),this._flagOpacity&&(t["stroke-opacity"]=this._opacity,t["fill-opacity"]=this._opacity),this._flagClassName&&(t.class=this.classList.join(" ")),this._flagVisible&&(t.visibility=this._visible?"visible":"hidden"),this.dashes&&this.dashes.length>0&&(t["stroke-dasharray"]=this.dashes.join(" "),t["stroke-dashoffset"]=this.dashes.offset||0),this._renderer.elem?O.setAttributes(this._renderer.elem,t):(t.id=this._id,this._renderer.elem=O.createElement("path",t),i.appendChild(this._renderer.elem)),this.flagReset()}},text:{render:function(i){this._update();let t={};if((this._matrix.manual||this._flagMatrix)&&(t.transform="matrix("+this._matrix.toString()+")"),this._flagId&&(t.id=this._id),this._flagFamily&&(t["font-family"]=this._family),this._flagSize&&(t["font-size"]=this._size),this._flagLeading&&(t["line-height"]=this._leading),this._flagAlignment&&(t["text-anchor"]=O.alignments[this._alignment]||this._alignment),this._flagBaseline&&(t["alignment-baseline"]=t["dominant-baseline"]=this._baseline),this._flagStyle&&(t["font-style"]=this._style),this._flagWeight&&(t["font-weight"]=this._weight),this._flagDecoration&&(t["text-decoration"]=this._decoration),this._fill&&this._fill._renderer&&(this._renderer.hasFillEffect=!0,this._fill._update(),O[this._fill._renderer.type].render.call(this._fill,i,!0)),this._flagFill&&(t.fill=this._fill&&this._fill.id?"url(#"+this._fill.id+")":this._fill,this._renderer.hasFillEffect&&typeof this._fill.id>"u"&&(i.defs._flagUpdate=!0,delete this._renderer.hasFillEffect)),this._stroke&&this._stroke._renderer&&(this._renderer.hasStrokeEffect=!0,this._stroke._update(),O[this._stroke._renderer.type].render.call(this._stroke,i,!0)),this._flagStroke&&(t.stroke=this._stroke&&this._stroke.id?"url(#"+this._stroke.id+")":this._stroke,this._renderer.hasStrokeEffect&&typeof this._stroke.id>"u"&&(i.defs._flagUpdate=!0,delete this._renderer.hasStrokeEffect)),this._flagLinewidth&&(t["stroke-width"]=this._linewidth),this._flagOpacity&&(t.opacity=this._opacity),this._flagClassName&&(t.class=this.classList.join(" ")),this._flagVisible&&(t.visibility=this._visible?"visible":"hidden"),this.dashes&&this.dashes.length>0&&(t["stroke-dasharray"]=this.dashes.join(" "),t["stroke-dashoffset"]=this.dashes.offset||0),this._renderer.elem?O.setAttributes(this._renderer.elem,t):(t.id=this._id,this._renderer.elem=O.createElement("text",t),i.appendChild(this._renderer.elem)),this._flagClip){let s=O.getClip(this,i),r=this._renderer.elem;this._clip?(r.removeAttribute("id"),s.setAttribute("id",this.id),s.appendChild(r)):(s.removeAttribute("id"),r.setAttribute("id",this.id),this.parent._renderer.elem.appendChild(r))}return this._flagMask&&(this._mask?(O[this._mask._renderer.type].render.call(this._mask,i),this._renderer.elem.setAttribute("clip-path","url(#"+this._mask.id+")")):this._renderer.elem.removeAttribute("clip-path")),this._flagValue&&(this._renderer.elem.textContent=this._value),this.flagReset()}},"linear-gradient":{render:function(i,t){t||this._update();let e={};if(this._flagId&&(e.id=this._id),this._flagEndPoints&&(e.x1=this.left._x,e.y1=this.left._y,e.x2=this.right._x,e.y2=this.right._y),this._flagSpread&&(e.spreadMethod=this._spread),this._flagUnits&&(e.gradientUnits=this._units),this._renderer.elem?O.setAttributes(this._renderer.elem,e):(e.id=this._id,this._renderer.elem=O.createElement("linearGradient",e)),this._renderer.elem.parentNode===null&&i.defs.appendChild(this._renderer.elem),this._flagStops){let s=this._renderer.elem.childNodes.length!==this.stops.length;if(s)for(;this._renderer.elem.lastChild;)this._renderer.elem.removeChild(this._renderer.elem.lastChild);for(let r=0;r<this.stops.length;r++){let n=this.stops[r],a={};n._flagOffset&&(a.offset=100*n._offset+"%"),n._flagColor&&(a["stop-color"]=n._color),n._flagOpacity&&(a["stop-opacity"]=n._opacity),n._renderer.elem?O.setAttributes(n._renderer.elem,a):n._renderer.elem=O.createElement("stop",a),s&&this._renderer.elem.appendChild(n._renderer.elem),n.flagReset()}}return this.flagReset()}},"radial-gradient":{render:function(i,t){t||this._update();let e={};if(this._flagId&&(e.id=this._id),this._flagCenter&&(e.cx=this.center._x,e.cy=this.center._y),this._flagFocal&&(e.fx=this.focal._x,e.fy=this.focal._y),this._flagRadius&&(e.r=this._radius),this._flagSpread&&(e.spreadMethod=this._spread),this._flagUnits&&(e.gradientUnits=this._units),this._renderer.elem?O.setAttributes(this._renderer.elem,e):(e.id=this._id,this._renderer.elem=O.createElement("radialGradient",e)),this._renderer.elem.parentNode===null&&i.defs.appendChild(this._renderer.elem),this._flagStops){let s=this._renderer.elem.childNodes.length!==this.stops.length;if(s)for(;this._renderer.elem.lastChild;)this._renderer.elem.removeChild(this._renderer.elem.lastChild);for(let r=0;r<this.stops.length;r++){let n=this.stops[r],a={};n._flagOffset&&(a.offset=100*n._offset+"%"),n._flagColor&&(a["stop-color"]=n._color),n._flagOpacity&&(a["stop-opacity"]=n._opacity),n._renderer.elem?O.setAttributes(n._renderer.elem,a):n._renderer.elem=O.createElement("stop",a),s&&this._renderer.elem.appendChild(n._renderer.elem),n.flagReset()}}return this.flagReset()}},texture:{render:function(i,t){t||this._update();let e={},s={x:0,y:0},r=this.image;if(this._flagId&&(e.id=this._id),this._flagLoaded&&this.loaded)switch(r.nodeName.toLowerCase()){case"canvas":s.href=s["xlink:href"]=r.toDataURL("image/png");break;case"img":case"image":s.href=s["xlink:href"]=this.src;break}if((this._flagOffset||this._flagLoaded||this._flagScale)&&(e.x=this._offset.x,e.y=this._offset.y,r&&(e.x-=r.width/2,e.y-=r.height/2,this._scale instanceof k?(e.x*=this._scale.x,e.y*=this._scale.y):(e.x*=this._scale,e.y*=this._scale)),e.x>0&&(e.x*=-1),e.y>0&&(e.y*=-1)),(this._flagScale||this._flagLoaded||this._flagRepeat)&&(e.width=0,e.height=0,r)){switch(s.width=e.width=r.width,s.height=e.height=r.height,this._repeat){case"no-repeat":e.width+=1,e.height+=1;break}this._scale instanceof k?(e.width*=this._scale.x,e.height*=this._scale.y):(e.width*=this._scale,e.height*=this._scale)}return(this._flagScale||this._flagLoaded)&&(this._renderer.image?O.setAttributes(this._renderer.image,s):this._renderer.image=O.createElement("image",s)),this._renderer.elem?Object.keys(e).length!==0&&O.setAttributes(this._renderer.elem,e):(e.id=this._id,e.patternUnits="userSpaceOnUse",this._renderer.elem=O.createElement("pattern",e)),this._renderer.elem.parentNode===null&&i.defs.appendChild(this._renderer.elem),this._renderer.elem&&this._renderer.image&&!this._renderer.appended&&(this._renderer.elem.appendChild(this._renderer.image),this._renderer.appended=!0),this.flagReset()}}},_e=class extends p{constructor(t){super(),this.domElement=t.domElement||O.createElement("svg"),this.scene=new q,this.scene.parent=this,this.defs=O.createElement("defs"),this.defs._flagUpdate=!1,this.domElement.appendChild(this.defs),this.domElement.defs=this.defs,this.domElement.style.overflow="hidden"}setSize(t,e){return this.width=t,this.height=e,O.setAttributes(this.domElement,{width:t,height:e}),this.trigger(p.Types.resize,t,e)}render(){return O.group.render.call(this.scene,this.domElement),O.defs.update(this.domElement),this}};v(_e,"Utils",O);var mt={create:function(i,t,e){let s=i.createShader(i[e]);if(i.shaderSource(s,t),i.compileShader(s),!i.getShaderParameter(s,i.COMPILE_STATUS)){let n=i.getShaderInfoLog(s);throw i.deleteShader(s),new et("unable to compile shader "+s+": "+n)}return s},types:{vertex:"VERTEX_SHADER",fragment:"FRAGMENT_SHADER"},path:{vertex:`
+      precision mediump float;
+      attribute vec2 a_position;
+
+      uniform mat3 u_matrix;
+      uniform vec2 u_resolution;
+      uniform vec4 u_rect;
+
+      varying vec2 v_textureCoords;
+
+      void main() {
+        vec2 rectCoords = (a_position * (u_rect.zw - u_rect.xy)) + u_rect.xy;
+        vec2 projected = (u_matrix * vec3(rectCoords, 1.0)).xy;
+        vec2 normal = projected / u_resolution;
+        vec2 clipspace = (normal * 2.0) - 1.0;
+
+        gl_Position = vec4(clipspace * vec2(1.0, -1.0), 0.0, 1.0);
+        v_textureCoords = a_position;
+      }
+    `,fragment:`
+      precision mediump float;
+
+      uniform sampler2D u_image;
+      varying vec2 v_textureCoords;
+
+      void main() {
+        vec4 texel = texture2D(u_image, v_textureCoords);
+        if (texel.a == 0.0) {
+          discard;
+        }
+        gl_FragColor = texel;
+      }
+    `},points:{vertex:`
+      precision mediump float;
+      attribute vec2 a_position;
+
+      uniform float u_size;
+      uniform mat3 u_matrix;
+      uniform vec2 u_resolution;
+
+      varying vec2 v_textureCoords;
+
+      void main() {
+        vec2 projected = (u_matrix * vec3(a_position, 1.0)).xy;
+        vec2 normal = projected / u_resolution;
+        vec2 clipspace = (normal * 2.0) - 1.0;
+
+        gl_PointSize = u_size;
+        gl_Position = vec4(clipspace * vec2(1.0, -1.0), 0.0, 1.0);
+        v_textureCoords = a_position;
+      }
+    `,fragment:`
+      precision mediump float;
+
+      uniform sampler2D u_image;
+
+      void main() {
+        vec4 texel = texture2D(u_image, gl_PointCoord);
+        if (texel.a == 0.0) {
+          discard;
+        }
+        gl_FragColor = texel;
+      }
+    `}};var Te=xt.Multiply,Ds=[1,0,0,0,1,0,0,0,1],Nt=new yt(9),Hs=kt.Utils,ai=new yt([0,0,1,0,0,1,0,1,1,0,1,1]),I={precision:.9,isHidden:/(undefined|none|transparent)/i,canvas:H.document?H.document.createElement("canvas"):{getContext:function(){}},alignments:{left:"start",middle:"center",right:"end"},matrix:new xt,group:{removeChild:function(i,t){if(i.children)for(let e=0;e<i.children.length;e++)I.group.removeChild(i.children[e],t);i._renderer.texture&&(t.deleteTexture(i._renderer.texture),delete i._renderer.texture),i._renderer.positionBuffer&&(t.deleteBuffer(i._renderer.positionBuffer),delete i._renderer.positionBuffer)},render:function(i,t){if(!this._visible)return;this._update();let e=this.parent,s=e._matrix&&e._matrix.manual||e._flagMatrix,r=this._matrix.manual||this._flagMatrix;(s||r)&&(this._renderer.matrix||(this._renderer.matrix=new yt(9)),this._matrix.toTransformArray(!0,Nt),Te(Nt,e._renderer.matrix,this._renderer.matrix),this._renderer.scale instanceof k||(this._renderer.scale=new k),this._scale instanceof k?(this._renderer.scale.x=this._scale.x,this._renderer.scale.y=this._scale.y):(this._renderer.scale.x=this._scale,this._renderer.scale.y=this._scale),/renderer/i.test(e._renderer.type)||(this._renderer.scale.x*=e._renderer.scale.x,this._renderer.scale.y*=e._renderer.scale.y),s&&(this._flagMatrix=!0)),this._mask&&(i.clear(i.STENCIL_BUFFER_BIT),i.enable(i.STENCIL_TEST),i.stencilFunc(i.ALWAYS,1,0),i.stencilOp(i.KEEP,i.KEEP,i.REPLACE),i.colorMask(!1,!1,!1,!1),I[this._mask._renderer.type].render.call(this._mask,i,t,this),i.stencilFunc(i.EQUAL,1,255),i.stencilOp(i.KEEP,i.KEEP,i.KEEP),i.colorMask(!0,!0,!0,!0)),this._flagOpacity=e._flagOpacity||this._flagOpacity,this._renderer.opacity=this._opacity*(e&&e._renderer?e._renderer.opacity:1);let n;if(this._flagSubtractions)for(n=0;n<this.subtractions.length;n++)I.group.removeChild(this.subtractions[n],i);for(n=0;n<this.children.length;n++){let a=this.children[n];I[a._renderer.type].render.call(a,i,t)}return this._mask&&i.disable(i.STENCIL_TEST),this.flagReset()}},path:{updateCanvas:function(i){let t,e,s,r,n,a,o,h,l,f,c,d,_,u,m=i._renderer.vertices,b=this.canvas,g=this.ctx,y=i._renderer.scale,x=i._stroke,S=i._linewidth,A=i._fill,E=i._renderer.opacity||i._opacity,M=i._cap,B=i._join,C=i._miter,T=i._closed,j=i.dashes,z=m.length,X=z-1;b.width=Math.max(Math.ceil(i._renderer.rect.width*y.x),1),b.height=Math.max(Math.ceil(i._renderer.rect.height*y.y),1);let V=i._renderer.rect.centroid,ct=V.x,ut=V.y;g.clearRect(0,0,b.width,b.height),A&&(typeof A=="string"?g.fillStyle=A:(I[A._renderer.type].render.call(A,g,i),g.fillStyle=A._renderer.effect)),x&&(typeof x=="string"?g.strokeStyle=x:(I[x._renderer.type].render.call(x,g,i),g.strokeStyle=x._renderer.effect),S&&(g.lineWidth=S),C&&(g.miterLimit=C),B&&(g.lineJoin=B),!T&&M&&(g.lineCap=M)),typeof E=="number"&&(g.globalAlpha=E),j&&j.length>0&&(g.lineDashOffset=j.offset||0,g.setLineDash(j));let Z,dt,rt,Tt,Ct,te,ee,ie;g.save(),g.scale(y.x,y.y),g.translate(ct,ut),g.beginPath();for(let wt=0;wt<m.length;wt++){let Q=m[wt];switch(d=Q.x,_=Q.y,Q.command){case w.close:g.closePath();break;case w.arc:dt=Q.rx,rt=Q.ry,Tt=Q.xAxisRotation,Ct=Q.largeArcFlag,te=Q.sweepFlag,t=T?it(wt-1,z):Math.max(wt-1,0),e=m[t],ee=e.x,ie=e.y,Hs.renderSvgArcCommand(g,ee,ie,dt,rt,Ct,te,Tt,d,_);break;case w.curve:t=T?it(wt-1,z):Math.max(wt-1,0),e=m[t],h=e.controls&&e.controls.right||k.zero,l=Q.controls&&Q.controls.left||k.zero,e._relative?(a=h.x+e.x,o=h.y+e.y):(a=h.x,o=h.y),Q._relative?(r=l.x+Q.x,n=l.y+Q.y):(r=l.x,n=l.y),g.bezierCurveTo(a,o,r,n,d,_),wt>=X&&T&&(s=Z,f=Q.controls&&Q.controls.right||k.zero,c=s.controls&&s.controls.left||k.zero,Q._relative?(a=f.x+Q.x,o=f.y+Q.y):(a=f.x,o=f.y),s._relative?(r=c.x+s.x,n=c.y+s.y):(r=c.x,n=c.y),d=s.x,_=s.y,g.bezierCurveTo(a,o,r,n,d,_));break;case w.line:g.lineTo(d,_);break;case w.move:Z=Q,g.moveTo(d,_);break}}T&&g.closePath(),I.isHidden.test(A)||(u=A._renderer&&A._renderer.offset,u&&(g.save(),g.translate(-A._renderer.offset.x,-A._renderer.offset.y),g.scale(A._renderer.scale.x,A._renderer.scale.y)),g.fill(),u&&g.restore()),I.isHidden.test(x)||(u=x._renderer&&x._renderer.offset,u&&(g.save(),g.translate(-x._renderer.offset.x,-x._renderer.offset.y),g.scale(x._renderer.scale.x,x._renderer.scale.y),g.lineWidth=S/x._renderer.scale.x),g.stroke(),u&&g.restore()),g.restore()},getBoundingClientRect:function(i,t,e){let s=1/0,r=-1/0,n=1/0,a=-1/0,o,h;i.forEach(function(l){let f=l.x,c=l.y,d=l.controls,_,u,m,b,g,y;n=Math.min(c,n),s=Math.min(f,s),r=Math.max(f,r),a=Math.max(c,a),l.controls&&(g=d.left,y=d.right,!(!g||!y)&&(_=l._relative?g.x+f:g.x,u=l._relative?g.y+c:g.y,m=l._relative?y.x+f:y.x,b=l._relative?y.y+c:y.y,!(!_||!u||!m||!b)&&(n=Math.min(u,b,n),s=Math.min(_,m,s),r=Math.max(_,m,r),a=Math.max(u,b,a))))}),typeof t=="number"&&(n-=t,s-=t,r+=t,a+=t),o=r-s,h=a-n,e.top=n,e.left=s,e.right=r,e.bottom=a,e.width=o,e.height=h,e.centroid||(e.centroid={}),e.centroid.x=-s,e.centroid.y=-n},render:function(i,t,e){if(!this._visible||!this._opacity)return this;this._update();let s=e||this.parent,r=t[this._renderer.type],n=s._matrix.manual||s._flagMatrix,a=this._matrix.manual||this._flagMatrix,o=this._renderer.parent!==s,h=this._flagVertices||this._flagFill||this._fill instanceof U&&(this._fill._flagSpread||this._fill._flagStops||this._fill._flagEndPoints)||this._fill instanceof D&&(this._fill._flagSpread||this._fill._flagStops||this._fill._flagRadius||this._fill._flagCenter||this._fill._flagFocal)||this._fill instanceof N&&(this._fill._flagLoaded&&this._fill.loaded||this._fill._flagImage||this._fill._flagVideo||this._fill._flagRepeat||this._fill._flagOffset||this._fill._flagScale)||this._stroke instanceof U&&(this._stroke._flagSpread||this._stroke._flagStops||this._stroke._flagEndPoints)||this._stroke instanceof D&&(this._stroke._flagSpread||this._stroke._flagStops||this._stroke._flagRadius||this._stroke._flagCenter||this._stroke._flagFocal)||this._stroke instanceof N&&(this._stroke._flagLoaded&&this._stroke.loaded||this._stroke._flagImage||this._stroke._flagVideo||this._stroke._flagRepeat||this._stroke._flagOffset||this._fill._flagScale)||this._flagStroke||this._flagLinewidth||this._flagOpacity||s._flagOpacity||this._flagVisible||this._flagCap||this._flagJoin||this._flagMiter||this._flagScale||this.dashes&&this.dashes.length>0||!this._renderer.texture;if((n||a||o)&&(this._renderer.matrix||(this._renderer.matrix=new yt(9)),this._matrix.toTransformArray(!0,Nt),Te(Nt,s._renderer.matrix,this._renderer.matrix),this._renderer.scale instanceof k||(this._renderer.scale=new k),this._scale instanceof k?(this._renderer.scale.x=this._scale.x*s._renderer.scale.x,this._renderer.scale.y=this._scale.y*s._renderer.scale.y):(this._renderer.scale.x=this._scale*s._renderer.scale.x,this._renderer.scale.y=this._scale*s._renderer.scale.y),o&&(this._renderer.parent=s)),this._mask&&(i.clear(i.STENCIL_BUFFER_BIT),i.enable(i.STENCIL_TEST),i.stencilFunc(i.ALWAYS,1,0),i.stencilOp(i.KEEP,i.KEEP,i.REPLACE),i.colorMask(!1,!1,!1,!1),I[this._mask._renderer.type].render.call(this._mask,i,t,this),i.stencilFunc(i.EQUAL,1,255),i.stencilOp(i.KEEP,i.KEEP,i.KEEP),i.colorMask(!0,!0,!0,!0)),h?(this._renderer.rect||(this._renderer.rect={}),this._renderer.opacity=this._opacity*s._renderer.opacity,I.path.getBoundingClientRect(this._renderer.vertices,this._linewidth,this._renderer.rect),I.updateTexture.call(I,i,this)):(this._fill&&this._fill._update&&this._fill._update(),this._stroke&&this._stroke._update&&this._stroke._update()),this._clip&&!e||!this._renderer.texture)return this;t.current!==r&&(i.useProgram(r),i.bindBuffer(i.ARRAY_BUFFER,t.buffers.position),i.vertexAttribPointer(r.position,2,i.FLOAT,!1,0,0),i.enableVertexAttribArray(r.position),i.bufferData(i.ARRAY_BUFFER,ai,i.STATIC_DRAW),t.resolution.flagged||i.uniform2f(i.getUniformLocation(r,"u_resolution"),t.resolution.width,t.resolution.height),t.current=r),t.resolution.flagged&&i.uniform2f(i.getUniformLocation(r,"u_resolution"),t.resolution.width,t.resolution.height),i.bindTexture(i.TEXTURE_2D,this._renderer.texture);let l=this._renderer.rect;return i.uniformMatrix3fv(r.matrix,!1,this._renderer.matrix),i.uniform4f(r.rect,l.left,l.top,l.right,l.bottom),i.drawArrays(i.TRIANGLES,0,6),this._mask&&i.disable(i.STENCIL_TEST),this.flagReset()}},points:{updateCanvas:function(i){let t,e=this.canvas,s=this.ctx,r=i._stroke,n=i._linewidth,a=i._fill,o=i._renderer.opacity||i._opacity,h=i.dashes,l=i._size,f=l;I.isHidden.test(r)||(f+=n),e.width=Pe(f),e.height=e.width;let c=f/e.width,d=e.width/2,_=e.height/2;s.clearRect(0,0,e.width,e.height),a&&(typeof a=="string"?s.fillStyle=a:(I[a._renderer.type].render.call(a,s,i),s.fillStyle=a._renderer.effect)),r&&(typeof r=="string"?s.strokeStyle=r:(I[r._renderer.type].render.call(r,s,i),s.strokeStyle=r._renderer.effect),n&&(s.lineWidth=n/c)),typeof o=="number"&&(s.globalAlpha=o),h&&h.length>0&&(s.lineDashOffset=h.offset||0,s.setLineDash(h)),s.save(),s.translate(d,_),s.scale(I.precision,I.precision),s.beginPath(),s.arc(0,0,l/c*.5,0,$),s.restore(),closed&&s.closePath(),I.isHidden.test(a)||(t=a._renderer&&a._renderer.offset,t&&(s.save(),s.translate(-a._renderer.offset.x,-a._renderer.offset.y),s.scale(a._renderer.scale.x,a._renderer.scale.y)),s.fill(),t&&s.restore()),I.isHidden.test(r)||(t=r._renderer&&r._renderer.offset,t&&(s.save(),s.translate(-r._renderer.offset.x,-r._renderer.offset.y),s.scale(r._renderer.scale.x,r._renderer.scale.y),s.lineWidth=n/r._renderer.scale.x),s.stroke(),t&&s.restore())},render:function(i,t,e){if(!this._visible||!this._opacity)return this;this._update();let s=this._size,r=e||this.parent,n=t[this._renderer.type],a=this._sizeAttenuation,o=this._stroke,h=this._linewidth,l=r._matrix.manual||r._flagMatrix,f=this._matrix.manual||this._flagMatrix,c=this._renderer.parent!==r,d=this._renderer.vertices,_=this._renderer.collection.length,u=this._flagVertices,m=this._flagFill||this._fill instanceof U&&(this._fill._flagSpread||this._fill._flagStops||this._fill._flagEndPoints)||this._fill instanceof D&&(this._fill._flagSpread||this._fill._flagStops||this._fill._flagRadius||this._fill._flagCenter||this._fill._flagFocal)||this._fill instanceof N&&(this._fill._flagLoaded&&this._fill.loaded||this._fill._flagImage||this._fill._flagVideo||this._fill._flagRepeat||this._fill._flagOffset||this._fill._flagScale)||this._stroke instanceof U&&(this._stroke._flagSpread||this._stroke._flagStops||this._stroke._flagEndPoints)||this._stroke instanceof D&&(this._stroke._flagSpread||this._stroke._flagStops||this._stroke._flagRadius||this._stroke._flagCenter||this._stroke._flagFocal)||this._stroke instanceof N&&(this._stroke._flagLoaded&&this._stroke.loaded||this._stroke._flagImage||this._stroke._flagVideo||this._stroke._flagRepeat||this._stroke._flagOffset||this._fill._flagScale)||this._flagStroke||this._flagLinewidth||this._flagOpacity||r._flagOpacity||this._flagVisible||this._flagScale||this.dashes&&this.dashes.length>0||!this._renderer.texture;if((l||f||c)&&(this._renderer.matrix||(this._renderer.matrix=new yt(9)),this._matrix.toTransformArray(!0,Nt),Te(Nt,r._renderer.matrix,this._renderer.matrix),this._renderer.scale instanceof k||(this._renderer.scale=new k),this._scale instanceof k?(this._renderer.scale.x=this._scale.x*r._renderer.scale.x,this._renderer.scale.y=this._scale.y*r._renderer.scale.y):(this._renderer.scale.x=this._scale*r._renderer.scale.x,this._renderer.scale.y=this._scale*r._renderer.scale.y),c&&(this._renderer.parent=r)),u){let b=this._renderer.positionBuffer;b&&i.deleteBuffer(b),this._renderer.positionBuffer=i.createBuffer(),i.bindBuffer(i.ARRAY_BUFFER,this._renderer.positionBuffer),i.vertexAttribPointer(n.position,2,i.FLOAT,!1,0,0),i.enableVertexAttribArray(n.position),i.bufferData(i.ARRAY_BUFFER,d,i.STATIC_DRAW)}return m?(this._renderer.opacity=this._opacity*r._renderer.opacity,I.updateTexture.call(I,i,this)):(this._fill&&this._fill._update&&this._fill._update(),this._stroke&&this._stroke._update&&this._stroke._update()),this._clip&&!e||!this._renderer.texture?this:(I.isHidden.test(o)||(s+=h),s/=I.precision,a&&(s*=Math.max(this._renderer.scale.x,this._renderer.scale.y)),t.current!==n&&(i.useProgram(n),t.resolution.flagged||i.uniform2f(i.getUniformLocation(n,"u_resolution"),t.resolution.width,t.resolution.height),t.current=n),t.resolution.flagged&&i.uniform2f(i.getUniformLocation(n,"u_resolution"),t.resolution.width,t.resolution.height),i.bindTexture(i.TEXTURE_2D,this._renderer.texture),i.uniformMatrix3fv(n.matrix,!1,this._renderer.matrix),i.uniform1f(n.size,s*t.resolution.ratio),i.drawArrays(i.POINTS,0,_),this.flagReset())}},text:{updateCanvas:function(i){let t=this.canvas,e=this.ctx,s=i._renderer.scale,r=i._stroke,n=i._linewidth*s,a=i._fill,o=i._renderer.opacity||i._opacity,h=i.dashes,l=i._decoration;t.width=Math.max(Math.ceil(i._renderer.rect.width*s.x),1),t.height=Math.max(Math.ceil(i._renderer.rect.height*s.y),1);let f=i._renderer.rect.centroid,c=f.x,d=f.y,_,u,m,b,g,y,x,S,A,E,M,B=a._renderer&&a._renderer.offset&&r._renderer&&r._renderer.offset;if(e.clearRect(0,0,t.width,t.height),B||(e.font=[i._style,i._weight,i._size+"px/"+i._leading+"px",i._family].join(" ")),e.textAlign="center",e.textBaseline="middle",a&&(typeof a=="string"?e.fillStyle=a:(I[a._renderer.type].render.call(a,e,i),e.fillStyle=a._renderer.effect)),r&&(typeof r=="string"?e.strokeStyle=r:(I[r._renderer.type].render.call(r,e,i),e.strokeStyle=r._renderer.effect),n&&(e.lineWidth=n)),typeof o=="number"&&(e.globalAlpha=o),h&&h.length>0&&(e.lineDashOffset=h.offset||0,e.setLineDash(h)),e.save(),e.scale(s.x,s.y),e.translate(c,d),I.isHidden.test(a)||(a._renderer&&a._renderer.offset?(y=a._renderer.scale.x,x=a._renderer.scale.y,e.save(),e.translate(-a._renderer.offset.x,-a._renderer.offset.y),e.scale(y,x),_=i._size/a._renderer.scale.y,u=i._leading/a._renderer.scale.y,e.font=[i._style,i._weight,_+"px/",u+"px",i._family].join(" "),m=a._renderer.offset.x/a._renderer.scale.x,b=a._renderer.offset.y/a._renderer.scale.y,e.fillText(i.value,m,b),e.restore()):e.fillText(i.value,0,0)),I.isHidden.test(r)||(r._renderer&&r._renderer.offset?(y=r._renderer.scale.x,x=r._renderer.scale.y,e.save(),e.translate(-r._renderer.offset.x,-r._renderer.offset.y),e.scale(y,x),_=i._size/r._renderer.scale.y,u=i._leading/r._renderer.scale.y,e.font=[i._style,i._weight,_+"px/",u+"px",i._family].join(" "),m=r._renderer.offset.x/r._renderer.scale.x,b=r._renderer.offset.y/r._renderer.scale.y,g=n/r._renderer.scale.x,e.lineWidth=g,e.strokeText(i.value,m,b),e.restore()):e.strokeText(i.value,0,0)),/(underline|strikethrough)/i.test(l)){let C=e.measureText(i.value);switch(l){case"underline":A=C.actualBoundingBoxAscent,M=C.actualBoundingBoxAscent;break;case"strikethrough":A=0,M=0;break}S=-C.width/2,E=C.width/2,e.lineWidth=Math.max(Math.floor(i._size/15),1),e.strokeStyle=e.fillStyle,e.beginPath(),e.moveTo(S,A),e.lineTo(E,M),e.stroke()}e.restore()},getBoundingClientRect:function(i,t){let e=I.ctx;e.font=[i._style,i._weight,i._size+"px/"+i._leading+"px",i._family].join(" "),e.textAlign="center",e.textBaseline=i._baseline;let s=e.measureText(i._value).width*1.25,r=Math.max(i._size,i._leading)*1.25;this._linewidth&&!I.isHidden.test(this._stroke)&&(s+=this._linewidth*2,r+=this._linewidth*2);let n=s/2,a=r/2;switch(I.alignments[i._alignment]||i._alignment){case I.alignments.left:t.left=0,t.right=s;break;case I.alignments.right:t.left=-s,t.right=0;break;default:t.left=-n,t.right=n}switch(i._baseline){case"bottom":t.top=-r,t.bottom=0;break;case"top":t.top=0,t.bottom=r;break;default:t.top=-a,t.bottom=a}t.width=s,t.height=r,t.centroid||(t.centroid={}),t.centroid.x=n,t.centroid.y=a},render:function(i,t,e){if(!this._visible||!this._opacity)return this;this._update();let s=e||this.parent,r=t[this._renderer.type],n=s._matrix.manual||s._flagMatrix,a=this._matrix.manual||this._flagMatrix,o=this._renderer.parent!==s,h=this._flagVertices||this._flagFill||this._fill instanceof U&&(this._fill._flagSpread||this._fill._flagStops||this._fill._flagEndPoints)||this._fill instanceof D&&(this._fill._flagSpread||this._fill._flagStops||this._fill._flagRadius||this._fill._flagCenter||this._fill._flagFocal)||this._fill instanceof N&&(this._fill._flagLoaded&&this._fill.loaded||this._fill._flagImage||this._fill._flagVideo||this._fill._flagRepeat||this._fill._flagOffset||this._fill._flagScale)||this._stroke instanceof U&&(this._stroke._flagSpread||this._stroke._flagStops||this._stroke._flagEndPoints)||this._stroke instanceof D&&(this._stroke._flagSpread||this._stroke._flagStops||this._stroke._flagRadius||this._stroke._flagCenter||this._stroke._flagFocal)||this._stroke instanceof N&&(this._stroke._flagLoaded&&this._stroke.loaded||this._stroke._flagImage||this._stroke._flagVideo||this._stroke._flagRepeat||this._stroke._flagOffset||this._fill._flagScale)||this._flagStroke||this._flagLinewidth||this._flagOpacity||s._flagOpacity||this._flagVisible||this._flagScale||this._flagValue||this._flagFamily||this._flagSize||this._flagLeading||this._flagAlignment||this._flagBaseline||this._flagStyle||this._flagWeight||this._flagDecoration||this.dashes&&this.dashes.length>0||!this._renderer.texture;if((n||a||o)&&(this._renderer.matrix||(this._renderer.matrix=new yt(9)),this._matrix.toTransformArray(!0,Nt),Te(Nt,s._renderer.matrix,this._renderer.matrix),this._renderer.scale instanceof k||(this._renderer.scale=new k),this._scale instanceof k?(this._renderer.scale.x=this._scale.x*s._renderer.scale.x,this._renderer.scale.y=this._scale.y*s._renderer.scale.y):(this._renderer.scale.x=this._scale*s._renderer.scale.x,this._renderer.scale.y=this._scale*s._renderer.scale.y),o&&(this._renderer.parent=s)),this._mask&&(i.clear(i.STENCIL_BUFFER_BIT),i.enable(i.STENCIL_TEST),i.stencilFunc(i.ALWAYS,1,0),i.stencilOp(i.KEEP,i.KEEP,i.REPLACE),i.colorMask(!1,!1,!1,!1),I[this._mask._renderer.type].render.call(this._mask,i,t,this),i.stencilFunc(i.EQUAL,1,255),i.stencilOp(i.KEEP,i.KEEP,i.KEEP),i.colorMask(!0,!0,!0,!0)),h?(this._renderer.rect||(this._renderer.rect={}),this._renderer.opacity=this._opacity*s._renderer.opacity,I.text.getBoundingClientRect(this,this._renderer.rect),I.updateTexture.call(I,i,this)):(this._fill&&this._fill._update&&this._fill._update(),this._stroke&&this._stroke._update&&this._stroke._update()),this._clip&&!e||!this._renderer.texture)return this;t.current!==r&&(i.useProgram(r),i.bindBuffer(i.ARRAY_BUFFER,t.buffers.position),i.vertexAttribPointer(r.position,2,i.FLOAT,!1,0,0),i.enableVertexAttribArray(r.position),i.bufferData(i.ARRAY_BUFFER,ai,i.STATIC_DRAW),t.resolution.flagged||i.uniform2f(i.getUniformLocation(r,"u_resolution"),t.resolution.width,t.resolution.height),t.current=r),t.resolution.flagged&&i.uniform2f(i.getUniformLocation(r,"u_resolution"),t.resolution.width,t.resolution.height),i.bindTexture(i.TEXTURE_2D,this._renderer.texture);let l=this._renderer.rect;return i.uniformMatrix3fv(r.matrix,!1,this._renderer.matrix),i.uniform4f(r.rect,l.left,l.top,l.right,l.bottom),i.drawArrays(i.TRIANGLES,0,6),this._mask&&i.disable(i.STENCIL_TEST),this.flagReset()}},"linear-gradient":{render:function(i,t){if(!(!i.canvas.getContext("2d")||!t)){if(this._update(),!this._renderer.effect||this._flagEndPoints||this._flagStops||this._flagUnits){let e,s=this.left._x,r=this.left._y,n=this.right._x,a=this.right._y;/objectBoundingBox/i.test(this._units)&&(e=t.getBoundingClientRect(!0),s=(s-.5)*e.width,r=(r-.5)*e.height,n=(n-.5)*e.width,a=(a-.5)*e.height),this._renderer.effect=i.createLinearGradient(s,r,n,a);for(let o=0;o<this.stops.length;o++){let h=this.stops[o];this._renderer.effect.addColorStop(h._offset,h._color)}}return this.flagReset()}}},"radial-gradient":{render:function(i,t){if(!(!i.canvas.getContext("2d")||!t)){if(this._update(),!this._renderer.effect||this._flagCenter||this._flagFocal||this._flagRadius||this._flagStops||this._flagUnits){let e,s=this.center._x,r=this.center._y,n=this.focal._x,a=this.focal._y,o=this._radius;/objectBoundingBox/i.test(this._units)&&(e=t.getBoundingClientRect(!0),s=s*e.width*.5,r=r*e.height*.5,n=n*e.width*.5,a=a*e.height*.5,o*=Math.min(e.width,e.height)*.5),this._renderer.effect=i.createRadialGradient(s,r,0,n,a,o);for(let h=0;h<this.stops.length;h++){let l=this.stops[h];this._renderer.effect.addColorStop(l._offset,l._color)}}return this.flagReset()}}},texture:{render:function(i,t){if(!i.canvas.getContext("2d"))return;this._update();let e=this.image;if((this._flagLoaded||this._flagImage||this._flagVideo||this._flagRepeat)&&this.loaded)this._renderer.effect=i.createPattern(e,this._repeat);else if(!this._renderer.effect)return this.flagReset();return(this._flagOffset||this._flagLoaded||this._flagScale)&&(this._renderer.offset instanceof k||(this._renderer.offset=new k),this._renderer.offset.x=-this._offset.x,this._renderer.offset.y=-this._offset.y,e&&(this._renderer.offset.x+=e.width/2,this._renderer.offset.y+=e.height/2,this._scale instanceof k?(this._renderer.offset.x*=this._scale.x,this._renderer.offset.y*=this._scale.y):(this._renderer.offset.x*=this._scale,this._renderer.offset.y*=this._scale))),(this._flagScale||this._flagLoaded)&&(this._renderer.scale instanceof k||(this._renderer.scale=new k),this._scale instanceof k?this._renderer.scale.copy(this._scale):this._renderer.scale.set(this._scale,this._scale)),this.flagReset()}},updateTexture:function(i,t){if(this[t._renderer.type].updateCanvas.call(I,t),this.canvas.width<=0||this.canvas.height<=0){t._renderer.texture&&i.deleteTexture(t._renderer.texture),delete t._renderer.texture;return}t._renderer.texture||(t._renderer.texture=i.createTexture()),i.bindTexture(i.TEXTURE_2D,t._renderer.texture),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_S,i.CLAMP_TO_EDGE),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_T,i.CLAMP_TO_EDGE),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MIN_FILTER,i.LINEAR),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,i.RGBA,i.UNSIGNED_BYTE,this.canvas)},program:{create:function(i,t){let e,s,r;if(e=i.createProgram(),R.each(t,function(n){i.attachShader(e,n)}),i.linkProgram(e),s=i.getProgramParameter(e,i.LINK_STATUS),!s)throw r=i.getProgramInfoLog(e),i.deleteProgram(e),new et("unable to link program: "+r);return e}},TextureRegistry:new Et};I.ctx=I.canvas.getContext("2d");var ge=class extends p{constructor(t){super();let e,s,r,n;if(this.domElement=t.domElement||document.createElement("canvas"),typeof t.offscreenElement<"u"&&(I.canvas=t.offscreenElement,I.ctx=I.canvas.getContext("2d")),this.scene=new q,this.scene.parent=this,this._renderer={type:"renderer",matrix:new yt(Ds),scale:1,opacity:1},this._flagMatrix=!0,t=R.defaults(t||{},{antialias:!1,alpha:!0,premultipliedAlpha:!0,stencil:!0,preserveDrawingBuffer:!0,overdraw:!1}),this.overdraw=t.overdraw,e=this.ctx=this.domElement.getContext("webgl",t)||this.domElement.getContext("experimental-webgl",t),!this.ctx)throw new et("unable to create a webgl context. Try using another renderer.");r=mt.create(e,mt.path.vertex,mt.types.vertex),n=mt.create(e,mt.path.fragment,mt.types.fragment),this.programs={current:null,buffers:{position:e.createBuffer()},resolution:{width:0,height:0,ratio:1,flagged:!1}},s=this.programs.path=I.program.create(e,[r,n]),this.programs.text=this.programs.path,s.position=e.getAttribLocation(s,"a_position"),s.matrix=e.getUniformLocation(s,"u_matrix"),s.rect=e.getUniformLocation(s,"u_rect");let a=e.createBuffer();e.bindBuffer(e.ARRAY_BUFFER,a),e.vertexAttribPointer(s.position,2,e.FLOAT,!1,0,0),e.enableVertexAttribArray(s.position),e.bufferData(e.ARRAY_BUFFER,ai,e.STATIC_DRAW),r=mt.create(e,mt.points.vertex,mt.types.vertex),n=mt.create(e,mt.points.fragment,mt.types.fragment),s=this.programs.points=I.program.create(e,[r,n]),s.position=e.getAttribLocation(s,"a_position"),s.matrix=e.getUniformLocation(s,"u_matrix"),s.size=e.getUniformLocation(s,"u_size"),e.enable(e.BLEND),e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL,!0),e.blendEquation(e.FUNC_ADD),e.blendFunc(e.ONE,e.ONE_MINUS_SRC_ALPHA)}setSize(t,e,s){let r,n,a=this.ctx;return this.width=t,this.height=e,this.ratio=typeof s>"u"?Dt(a):s,this.domElement.width=t*this.ratio,this.domElement.height=e*this.ratio,R.isObject(this.domElement.style)&&R.extend(this.domElement.style,{width:t+"px",height:e+"px"}),this._renderer.matrix[0]=this._renderer.matrix[4]=this._renderer.scale=this.ratio,this._flagMatrix=!0,r=t*this.ratio,n=e*this.ratio,a.viewport(0,0,r,n),this.programs.resolution.width=r,this.programs.resolution.height=n,this.programs.resolution.ratio=this.ratio,this.programs.resolution.flagged=!0,this.trigger(p.Types.resize,t,e,s)}render(){let t=this.ctx;return this.overdraw||t.clear(t.COLOR_BUFFER_BIT),I.group.render.call(this.scene,t,this.programs),this._flagMatrix=!1,this.programs.resolution.flagged=!0,this}};v(ge,"Utils",I);var Ws=R.extend({Error:et,getRatio:Dt,read:G,xhr:ni},R,lt,Ve,Ie),Qt=class{_events=new p;get _bound(){return this._events._bound}set _bound(t){this._events._bound=t}addEventListener(){return this._events.addEventListener.apply(this,arguments)}on(){return this._events.addEventListener.apply(this,arguments)}bind(){return this._events.addEventListener.apply(this,arguments)}removeEventListener(){return this._events.removeEventListener.apply(this,arguments)}off(){return this._events.removeEventListener.apply(this,arguments)}unbind(){return this._events.removeEventListener.apply(this,arguments)}dispatchEvent(){return this._events.dispatchEvent.apply(this,arguments)}trigger(){return this._events.dispatchEvent.apply(this,arguments)}listen(){return this._events.listen.apply(this,arguments)}ignore(){return this._events.ignore.apply(this,arguments)}type="";renderer=null;scene=null;width=0;height=0;frameCount=0;timeDelta=0;playing=!1;constructor(t){let e=R.defaults(t||{},{fullscreen:!1,fitted:!1,width:640,height:480,type:Qt.Types.svg,autostart:!1});if(R.each(e,function(s,r){/fullscreen/i.test(r)||/autostart/i.test(r)||(this[r]=s)},this),R.isElement(e.domElement)){let s=e.domElement.tagName.toLowerCase();/^(CanvasRenderer-canvas|WebGLRenderer-canvas|SVGRenderer-svg)$/.test(this.type+"-"+s)||(this.type=Qt.Types[s])}this.renderer=new Qt[this.type](this),this.setPlaying(e.autostart),this.frameCount=0,e.fullscreen?(this.fit=Xs.bind(this),this.fit.domElement=window,this.fit.attached=!0,R.extend(document.body.style,{overflow:"hidden",margin:0,padding:0,top:0,left:0,right:0,bottom:0,position:"fixed"}),R.extend(this.renderer.domElement.style,{display:"block",top:0,left:0,right:0,bottom:0,position:"fixed"}),_t.bind(this.fit.domElement,"resize",this.fit),this.fit()):e.fitted?(this.fit=Ys.bind(this),R.extend(this.renderer.domElement.style,{display:"block"})):R.isElement(e.domElement)||(this.renderer.setSize(e.width,e.height,this.ratio),this.width=e.width,this.height=e.height),this.renderer.bind(p.Types.resize,qs.bind(this)),this.scene=this.renderer.scene,Qt.Instances.push(this),e.autostart&&pe.init()}appendTo(t){return t.appendChild(this.renderer.domElement),this.fit&&(this.fit.domElement!==window&&(this.fit.domElement=t,this.fit.attached=!1),this.update()),this}play(){return this.playing=!0,pe.init(),this.trigger(p.Types.play)}pause(){return this.playing=!1,this.trigger(p.Types.pause)}setPlaying(t){this.playing=t}release(t){let e,s,r;if(!R.isObject(t))return this.release(this.scene);if(typeof t.unbind=="function"&&t.unbind(),t.vertices)for(typeof t.vertices.unbind=="function"&&t.vertices.unbind(),e=0;e<t.vertices.length;e++)s=t.vertices[e],typeof s.unbind=="function"&&s.unbind(),s.controls&&(s.controls.left&&typeof s.controls.left.unbind=="function"&&s.controls.left.unbind(),s.controls.right&&typeof s.controls.right.unbind=="function"&&s.controls.right.unbind());if(t.children){for(e=0;e<t.children.length;e++)r=t.children[e],this.release(r);typeof t.children.unbind=="function"&&t.children.unbind()}return t}update(){let t=!!this._lastFrame,e=R.performance.now();t&&(this.timeDelta=parseFloat((e-this._lastFrame).toFixed(3))),this._lastFrame=e,this.fit&&this.fit.domElement&&!this.fit.attached&&(_t.bind(this.fit.domElement,"resize",this.fit),this.fit.attached=!0,this.fit());let s=this.width,r=this.height,n=this.renderer;return(s!==n.width||r!==n.height)&&n.setSize(s,r,this.ratio),this.trigger(p.Types.update,this.frameCount,this.timeDelta),this.render()}render(){return this.renderer.render(),this.trigger(p.Types.render,this.frameCount++)}add(t){return t instanceof Array||(t=Array.prototype.slice.call(arguments)),this.scene.add(t),this}remove(t){return t instanceof Array||(t=Array.prototype.slice.call(arguments)),this.scene.remove(t),this}clear(){return this.scene.remove(this.scene.children),this}makeLine(t,e,s,r){let n=new Vt(t,e,s,r);return this.scene.add(n),n}makeArrow(t,e,s,r,n){let a=typeof n=="number"?n:10,o=Math.atan2(r-e,s-t),h=[new F(t,e,void 0,void 0,void 0,void 0,w.move),new F(s,r,void 0,void 0,void 0,void 0,w.line),new F(s-a*Math.cos(o-Math.PI/4),r-a*Math.sin(o-Math.PI/4),void 0,void 0,void 0,void 0,w.line),new F(s,r,void 0,void 0,void 0,void 0,w.move),new F(s-a*Math.cos(o+Math.PI/4),r-a*Math.sin(o+Math.PI/4),void 0,void 0,void 0,void 0,w.line)],l=new L(h,!1,!1,!0);return l.noFill(),l.cap="round",l.join="round",this.scene.add(l),l}makeRectangle(t,e,s,r){let n=new pt(t,e,s,r);return this.scene.add(n),n}makeRoundedRectangle(t,e,s,r,n){let a=new Bt(t,e,s,r,n);return this.scene.add(a),a}makeCircle(t,e,s,r){let n=new Pt(t,e,s,r);return this.scene.add(n),n}makeEllipse(t,e,s,r,n){let a=new It(t,e,s,r,n);return this.scene.add(a),a}makeStar(t,e,s,r,n){let a=new Zt(t,e,s,r,n);return this.scene.add(a),a}makeCurve(t){let e=arguments.length;if(!Array.isArray(t)){t=[];for(let a=0;a<e;a+=2){let o=arguments[a];if(typeof o!="number")break;let h=arguments[a+1];t.push(new F(o,h))}}let s=arguments[e-1],r=new L(t,!(typeof s=="boolean"&&s),!0),n=r.getBoundingClientRect();return r.center().translation.set(n.left+n.width/2,n.top+n.height/2),this.scene.add(r),r}makePolygon(t,e,s,r){let n=new Jt(t,e,s,r);return this.scene.add(n),n}makeArcSegment(t,e,s,r,n,a,o){let h=new Gt(t,e,s,r,n,a,o);return this.scene.add(h),h}makePoints(t){let e=arguments.length,s=t;if(!Array.isArray(t)){s=[];for(let n=0;n<e;n+=2){let a=arguments[n];if(typeof a!="number")break;let o=arguments[n+1];s.push(new k(a,o))}}let r=new $t(s);return this.scene.add(r),r}makePath(t){let e=arguments.length,s=t;if(!Array.isArray(t)){s=[];for(let o=0;o<e;o+=2){let h=arguments[o];if(typeof h!="number")break;let l=arguments[o+1];s.push(new F(h,l))}}let r=arguments[e-1],n=new L(s,!(typeof r=="boolean"&&r)),a=n.getBoundingClientRect();return typeof a.top=="number"&&typeof a.left=="number"&&typeof a.right=="number"&&typeof a.bottom=="number"&&n.center().translation.set(a.left+a.width/2,a.top+a.height/2),this.scene.add(n),n}makeText(t,e,s,r){let n=new ft(t,e,s,r);return this.add(n),n}makeLinearGradient(t,e,s,r){let n=Array.prototype.slice.call(arguments,4),a=new U(t,e,s,r,n);return this.add(a),a}makeRadialGradient(t,e,s){let r=Array.prototype.slice.call(arguments,3),n=new D(t,e,s,r);return this.add(n),n}makeSprite(t,e,s,r,n,a,o){let h=new Ot(t,e,s,r,n,a);return o&&h.play(),this.add(h),h}makeImageSequence(t,e,s,r,n){let a=new zt(t,e,s,r);return n&&a.play(),this.add(a),a}makeTexture(t,e){return new N(t,e)}makeGroup(t){t instanceof Array||(t=Array.prototype.slice.call(arguments));let e=new q;return this.scene.add(e),e.add(t),e}interpret(t,e,s){let r=t.tagName.toLowerCase();if(s=typeof s<"u"?s:!0,!(r in G))return null;let n=G[r].call(this,t);return s?this.add(e&&n instanceof q?n.children:n):n.parent&&n.remove(),n}load(t,e){let s=new q,r,n,a,o=function(h){for(_t.temp.innerHTML=h,n=0;n<_t.temp.children.length;n++)r=_t.temp.children[n],a=this.interpret(r,!1,!1),a!==null&&s.add(a);if(typeof e=="function"){let l=_t.temp.children.length<=1?_t.temp.children[0]:_t.temp.children;e(s,l)}}.bind(this);return/\.svg$/i.test(t)?(ni(t,o),s):(o(t),s)}},P=Qt;v(P,"nextFrameID",Y.nextFrameID),v(P,"Types",Y.Types),v(P,"Version",Y.Version),v(P,"PublishDate",Y.PublishDate),v(P,"Identifier",Y.Identifier),v(P,"Resolution",Y.Resolution),v(P,"AutoCalculateImportedMatrices",Y.AutoCalculateImportedMatrices),v(P,"Instances",Y.Instances),v(P,"uniqueId",Y.uniqueId),v(P,"Anchor",F),v(P,"Collection",ot),v(P,"Events",p),v(P,"Group",q),v(P,"Matrix",xt),v(P,"Path",L),v(P,"Registry",Et),v(P,"Shape",at),v(P,"Text",ft),v(P,"Vector",k),v(P,"Gradient",W),v(P,"ImageSequence",zt),v(P,"LinearGradient",U),v(P,"RadialGradient",D),v(P,"Sprite",Ot),v(P,"Stop",ht),v(P,"Texture",N),v(P,"ArcSegment",Gt),v(P,"Circle",Pt),v(P,"Ellipse",It),v(P,"Line",Vt),v(P,"Points",$t),v(P,"Polygon",Jt),v(P,"Rectangle",pt),v(P,"RoundedRectangle",Bt),v(P,"Star",Zt),v(P,"CanvasRenderer",kt),v(P,"SVGRenderer",_e),v(P,"WebGLRenderer",ge),v(P,"Commands",w),v(P,"Utils",Ws);function Xs(){let i=document.body.getBoundingClientRect(),t=this.width=i.width,e=this.height=i.height;this.renderer.setSize(t,e,this.ratio)}function Ys(){let i=this.renderer.domElement.parentElement;if(!i){console.warn("Two.js: Attempting to fit to parent, but no parent found.");return}let t=i.getBoundingClientRect(),e=this.width=t.width,s=this.height=t.height;this.renderer.setSize(e,s,this.ratio)}function qs(i,t){this.width=i,this.height=t,this.trigger(p.Types.resize,i,t)}var pe=_t.getRequestAnimationFrame();function Xi(){for(let i=0;i<P.Instances.length;i++){let t=P.Instances[i];t.playing&&t.update()}P.nextFrameID=pe(Xi)}pe.init=function(){Xi(),pe.init=function(){}};return Ji(Gs);})().default;
+
+(function(){if(typeof exports==='object'&&typeof module!=='undefined'){module.exports=Two}})()
\ No newline at end of file