papel impresion terminado a falta de añadir maquinas y revisar UI

ci4/.env

@@ -146,3 +146,4 @@ themef.path = 'themes/frontend/tivo/'
 api.return = 'json'
 demo.mode = false
 purchase.code = '1234'
+

ci4/app/Config/Routes.php

@@ -44,6 +44,7 @@ $routes->post('api/user/', 'Api::user/add');
 $routes->put('api/user/(:segment)', 'Api::user/edit/$1');
 $routes->delete('api/user/(:segment)', 'Api::user/delete/$1');
 
+
 /*
  * --------------------------------------------------------------------
  * Route Definitions
@@ -174,12 +175,23 @@ $routes->group('papelesimpresion', ['namespace' => 'App\Controllers\Configuracio
     $routes->put('(:num)/update', 'Papelesimpresion::update/$1', ['as' => 'ajaxUpdatePapelImpresion']);
     $routes->post('edit/(:num)', 'Papelesimpresion::edit/$1', ['as' => 'updatePapelImpresion']);
     $routes->post('datatable', 'Papelesimpresion::datatable', ['as' => 'dataTableOfPapelesImpresion']);
-    $routes->post('datatablePG', 'Papelesimpresion::datatablePG', ['as' => 'dataTableOfPapelesImpresionPG']);
+    $routes->post('datatable_editor', 'Papelesimpresion::datatable_editor', ['as' => 'dataTableEditor']);
+    $routes->post('fetch_single_data', 'Papelesimpresion::fetch_single_data', ['as' => 'fetchTipologia']);
     $routes->post('allmenuitems', 'Papelesimpresion::allItemsSelect', ['as' => 'select2ItemsOfPapelesImpresion']);
     $routes->post('menuitems', 'Papelesimpresion::menuItems', ['as' => 'menuItemsOfPapelesImpresion']);
 });
 $routes->resource('papelesimpresion', ['namespace'  => 'App\Controllers\Configuracion', 'controller' => 'Papelesimpresion', 'except' => 'show,new,create,update']);
 
+$routes->group('papelimpresiontipologias', ['namespace' => 'App\Controllers\Configuracion'], function ($routes) {
+    $routes->get('add', 'Papelimpresiontipologias::add', ['as' => 'newPapelImpresionTipologia']);
+	$routes->post('add', 'Papelimpresiontipologias::add', ['as' => 'createPapelImpresionTipologia']);
+	$routes->get('edit/(:num)', 'Papelimpresiontipologias::edit/$1', ['as' => 'editPapelImpresionTipologia']);
+	$routes->post('edit/(:num)', 'Papelimpresiontipologias::edit/$1', ['as' => 'updatePapelImpresionTipologia']);
+	$routes->get('delete/(:num)', 'Papelimpresiontipologias::delete/$1', ['as' => 'deletePapelImpresionTipologia']);
+});
+
+
+
 $routes->group('profile', ['namespace' => 'App\Controllers'], function ($routes) {
     $routes->get('', 'Profile::index', ['as' => 'profileList']);
     $routes->get('index', 'Profile::index', ['as' => 'profileIndex']);

ci4/app/Controllers/Configuracion/Papelesimpresion.php

@@ -5,14 +5,35 @@ namespace App\Controllers\Configuracion;
 
 use App\Controllers\GoBaseResourceController;
 
+// DataTables PHP library
+
+ 
+// Alias Editor classes so they are easy to use
+use
+    DataTables\Editor,
+    DataTables\Database,
+    DataTables\Editor\Field,
+    DataTables\Editor\Format,
+    DataTables\Editor\Mjoin,
+    DataTables\Editor\Options,
+    DataTables\Editor\Upload,
+    DataTables\Editor\Validate,
+    DataTables\Editor\ValidateOptions;
+
+
 use App\Models\Collection;
 
+
+
 use App\Entities\Configuracion\PapelImpresion;
 
 use App\Models\Configuracion\PapelImpresionModel;
 
 use App\Models\Configuracion\PapelGenericoModel;
 
+use App\Models\Configuracion\PapelImpresionTipologiaModel;
+
+
 class Papelesimpresion extends \App\Controllers\GoBaseResourceController
 {
 
@@ -30,8 +51,6 @@ class Papelesimpresion extends \App\Controllers\GoBaseResourceController
 
     protected $indexRoute = 'papelImpresionList';
 
-
-
     public function initController(\CodeIgniter\HTTP\RequestInterface $request, \CodeIgniter\HTTP\ResponseInterface $response, \Psr\Log\LoggerInterface $logger)
     {
         $this->viewData['pageTitle'] = lang('PapelImpresion.moduleTitle');
@@ -42,6 +61,8 @@ class Papelesimpresion extends \App\Controllers\GoBaseResourceController
         // Se indica el flag para los ficheros borrados
         $this->delete_flag = 1;
 
+        $this->tpModel = new PapelImpresionTipologiaModel();
+
         parent::initController($request, $response, $logger);
     }
 
@@ -230,6 +251,7 @@ class Papelesimpresion extends \App\Controllers\GoBaseResourceController
 
         $this->viewData['boxTitle'] = lang('Basic.global.edit2') . ' ' . lang('PapelImpresion.moduleTitle') . ' ' . lang('Basic.global.edit3');
 
+        $this->viewData['usingServerSideDataTable'] = true; //JJO
 
         return $this->displayForm(__METHOD__, $id);
     } // end function edit(...)
@@ -239,72 +261,118 @@ class Papelesimpresion extends \App\Controllers\GoBaseResourceController
     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;
             }
-            $id_PG = $reqData['id_PG'] ?? -1;
-            $start = $reqData['start'] ?? 0;
-            $length = $reqData['length'] ?? 5;
-            $search = $reqData['search']['value'];
-            $requestedOrder = $reqData['order']['0']['column'] ?? 1;
-            $order = PapelImpresionModel::SORTABLE[$requestedOrder >= 0 ? $requestedOrder : 1];
-            $dir = $reqData['order']['0']['dir'] ?? 'asc';
 
-            if($id_PG<0){
+            if(isset($reqData['id_PI'])){
 
-                $resourceData = $this->model->getResource($search)->orderBy($order, $dir)->limit($length, $start)->get()->getResultObject();
+                $id_PI = $reqData['id_PI'] ?? -1;
+            
+                if($id_PI>=0){
 
-                return $this->respond(Collection::datatable(
+                    $data = $this->tpModel->findTipologiasForPapelImpresion($id_PI);
-                    $resourceData,
+                    $resourceData = $data->get()->getResultObject();
-                    $this->model->getResource()->countAllResults(),
-                    $this->model->getResource($search)->countAllResults()
-                ));
-            }else{
-                $resourceData = $this->model->getResource($search, $id_PG)->orderBy($order, $dir)->limit($length, $start)->get()->getResultObject();
 
-                return $this->respond(Collection::datatable(
+                    return $this->respond(Collection::datatable(
-                    $resourceData,
+                        $resourceData,
-                    $this->model->getResource("", $id_PG)->countAllResults(),
+                        $this->tpModel->findTipologiasForPapelImpresion($id_PI)->countAllResults(),
-                    $this->model->getResource($search, $id_PG)->countAllResults()
+                        $this->tpModel->findTipologiasForPapelImpresion($id_PI)->countAllResults()
-                ));
+                    ));
+                }
+            }
+            else{
+   
+                $id_PG = $reqData['id_PG'] ?? -1;
+                $start = $reqData['start'] ?? 0;
+                $length = $reqData['length'] ?? 5;
+                $search = $reqData['search']['value'];
+                $requestedOrder = $reqData['order']['0']['column'] ?? 1;
+                $order = PapelImpresionModel::SORTABLE[$requestedOrder >= 0 ? $requestedOrder : 1];
+                $dir = $reqData['order']['0']['dir'] ?? 'asc';
+
+                if($id_PG<0){
+
+                    $resourceData = $this->model->getResource($search)->orderBy($order, $dir)->limit($length, $start)->get()->getResultObject();
+
+                    return $this->respond(Collection::datatable(
+                        $resourceData,
+                        $this->model->getResource()->countAllResults(),
+                        $this->model->getResource($search)->countAllResults()
+                    ));
+                }else{
+                    $resourceData = $this->model->getResource($search, $id_PG)->orderBy($order, $dir)->limit($length, $start)->get()->getResultObject();
+
+                    return $this->respond(Collection::datatable(
+                        $resourceData,
+                        $this->model->getResource("", $id_PG)->countAllResults(),
+                        $this->model->getResource($search, $id_PG)->countAllResults()
+                    ));
+                }
             }
         } else {
             return $this->failUnauthorized('Invalid request', 403);
         }
     }
 
-    public function datatablePG()
+
-    {
+    public function datatable_editor(){
+        /*if ($this->request->isAJAX()) {
+
+            $reqData = $this->request->getPost();
+            $rows_id = array_keys($reqData['data']);
+            echo '<pre>' ;
+            var_dump($reqData['data'][$keys[0]])  ;
+            echo '</pre>';
+        }*/
+
         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;
-            }
-            $generico_id = $reqData['id'] ?? null;
-            $start = $reqData['start'] ?? 0;
-            $length = $reqData['length'] ?? 5;
-            $search = $reqData['search']['value'];
-            $requestedOrder = $reqData['order']['0']['column'] ?? 1;
-            $order = PapelImpresionModel::SORTABLE2[$requestedOrder >= 0 ? $requestedOrder : 1];
-            $dir = $reqData['order']['0']['dir'] ?? 'asc';
 
-            $resourceData = $this->model->getResource($search, $generico_id)->orderBy($order, $dir)->limit($length, $start)->get()->getResultObject();
+            $sql_details = array(
+                "type" => "Mysql",     // Database type: "Mysql", "Postgres", "Sqlserver", "Sqlite" or "Oracle"
+                "user" => "sk_jjo",          // Database user name
+                "pass" => "61tv&G1Zf^XY",          // Database password
+                "host" => "localhost", // Database host
+                "port" => "",          // Database connection port (can be left empty for default)
+                "db"   => "sk_jjo",          // Database name
+                "dsn"  => "",          // PHP DSN extra information. Set as `charset=utf8mb4` if you are using MySQL
+                "pdoAttr" => array()   // PHP PDO attributes array. See the PHP documentation for all options
+            );
 
-            return $this->respond(Collection::datatable(
+            $db = new Database( array(
-                $resourceData,
+                "type" => "Mysql",
-                $this->model->getResource("", $generico_id)->countAllResults(),
+                "pdo" => $sql_details
-                $this->model->getResource($search, $generico_id)->countAllResults()
+            ) );
-            ));
+
-        } else {
+
-            return $this->failUnauthorized('Invalid request', 403);
+            // Build our Editor instance and process the data coming from _POST
+            Editor::inst( $db, 'lg_papel_impresion_tipologias' )
+            ->fields(
+                Field::inst( 'tipo' ),
+                    //->validator( Validate::notEmpty( ValidateOptions::inst()) ),//->validator( Validate::values( array('negro', 'color', 'bicolor') ) ),
+                Field::inst( 'negro' ),
+                    //->validator( Validate::notEmpty( ValidateOptions::inst()) ),
+                Field::inst( 'cyan' ),
+                    //->validator( Validate::notEmpty( ValidateOptions::inst()) ),
+                Field::inst( 'magenta' ),
+                    //->validator( Validate::notEmpty( ValidateOptions::inst()) ),
+                Field::inst( 'amarillo' ),
+                    //->validator( Validate::notEmpty( ValidateOptions::inst()) ),
+                Field::inst( 'gota_negro' ),
+                    //->validator( Validate::notEmpty( ValidateOptions::inst()) ),
+                Field::inst( 'got_color' ),
+                    //->validator( Validate::notEmpty( ValidateOptions::inst()) ),
+            )
+            ->process( $_POST )
+            ->json();
         }
     }
 
+    
     public function allItemsSelect()
     {
         if ($this->request->isAJAX()) {
@@ -355,6 +423,24 @@ class Papelesimpresion extends \App\Controllers\GoBaseResourceController
         }
     }
 
+    function fetch_single_data()
+    {
+        if ($this->request->isAJAX()) {
+            $reqData = $this->request->getPost();
+            if(isset($reqData['id']))
+            {
+                $newTokenHash = csrf_hash();
+                $csrfTokenName = csrf_token();  
+                
+                $data = [
+                    'data' => $this->tpModel->getResource($reqData['id'])->get()->getResultObject()[0],
+                    $csrfTokenName => $newTokenHash
+                ];
+                echo json_encode($data);
+            }
+        }
+    }
+
 
     protected function getPapelGenericoListItems($selId = null)
     {

ci4/app/Controllers/Configuracion/Papelimpresiontipologias.php

@@ -0,0 +1,326 @@
+<?php  namespace App\Controllers\Configuracion;
+
+
+use App\Controllers\GoBaseResourceController;
+
+use App\Models\Collection;
+
+use App\Entities\Configuracion\PapelImpresionTipologia;
+
+use App\Models\Configuracion\PapelImpresionTipologiaModel;
+
+use App\Models\Configuracion\PapelImpresionModel;
+
+class Papelimpresiontipologias extends \App\Controllers\GoBaseResourceController { 
+
+    protected $modelName = PapelImpresionTipologiaModel::class;
+    protected $format = 'json';
+
+    protected static $singularObjectName = 'Papel Impresion Tipologia';
+    protected static $singularObjectNameCc = 'papelImpresionTipologia';
+    protected static $pluralObjectName = 'Papel Impresion Tipologias';
+    protected static $pluralObjectNameCc = 'papelImpresionTipologias';
+
+    protected static $controllerSlug = 'papelimpresiontipologias';
+
+    protected static $viewPath = 'themes/backend/vuexy/form/configuracion/papel/';
+
+    protected $indexRoute = 'papelImpresionTipologiaList';
+
+    
+
+    public function initController(\CodeIgniter\HTTP\RequestInterface $request, \CodeIgniter\HTTP\ResponseInterface $response, \Psr\Log\LoggerInterface $logger) {
+        $this->viewData['pageTitle'] = lang('ImpresionTipologias.moduleTitle');
+        $this->viewData['usingSweetAlert'] = true;
+        parent::initController($request, $response, $logger);
+    }
+
+
+    public function index() {
+        
+        $viewData = [
+                'currentModule' => static::$controllerSlug,
+                'pageSubTitle' => lang('Basic.global.ManageAllRecords', [lang('ImpresionTipologias.papelImpresionTipologia')]),
+                'papelImpresionTipologia' => new PapelImpresionTipologia(),
+                'usingServerSideDataTable' => true,
+                
+            ];
+
+        $viewData = array_merge($this->viewData, $viewData); // merge any possible values from the parent controller class
+
+        //return view(static::$viewPath.'viewPapelImpresionTipologiaList', $viewData);
+    }
+
+
+    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;
+            $successfulResult = false; // for now
+
+            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', [mb_strtolower(lang('ImpresionTipologias.papelImpresionTipologia'))]);
+                $this->session->setFlashdata('formErrors', $this->model->errors());
+                endif;
+
+            $thenRedirect = false;  // Change this to false if you want your user to stay on the form after submission
+            
+            if ($noException && $successfulResult) :
+                
+                $id = $this->model->db->insertID();
+
+                $message = lang('Basic.global.saveSuccess', [mb_strtolower(lang('ImpresionTipologias.papelImpresionTipologia'))]).'.';
+                $message .= anchor( "papelimpresiontipologias/{$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:
+                        return $this->redirect2listView('sweet-success', $message);
+                    endif;
+                else:
+                    //$this->session->setFlashData('sweet-success', $message);
+                    $newTokenHash = csrf_hash();
+                    $csrfTokenName = csrf_token();  
+                    $output = array(
+                        'success'		=>	'yes',
+                        $csrfTokenName => $newTokenHash
+                    );
+                    return json_encode($output);
+                endif;
+
+            endif; // $noException && $successfulResult
+
+        endif; // ($requestMethod === 'post')
+
+        $this->viewData['papelImpresionTipologia'] = isset($sanitizedData) ? new PapelImpresionTipologia($sanitizedData) : new PapelImpresionTipologia();
+		$this->viewData['papelImpresionList'] = $this->getPapelImpresionListItems($papelImpresionTipologia->papel_impresion_id ?? null);
+		$this->viewData['tipoList'] = $this->getTipoOptions();
+
+        $this->viewData['formAction'] = route_to('createPapelImpresionTipologia');
+
+        $this->viewData['boxTitle'] = lang('Basic.global.addNew').' '.lang('ImpresionTipologias.moduleTitle').' '.lang('Basic.global.addNewSuffix');
+        
+        $newTokenHash = csrf_hash();
+        $csrfTokenName = csrf_token();  
+        $output = array(
+            'success'		=>	'no',
+            $csrfTokenName => $newTokenHash
+        );
+        return json_encode($output);
+        //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);
+        $papelImpresionTipologia = $this->model->find($id);
+
+        if ($papelImpresionTipologia == false) :
+            $message = lang('Basic.global.notFoundWithIdErr', [mb_strtolower(lang('ImpresionTipologias.papelImpresionTipologia')), $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;
+            $successfulResult = false; // for now
+            
+            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('ImpresionTipologias.papelImpresionTipologia'))]);
+                $this->session->setFlashdata('formErrors', $this->model->errors());
+            
+            endif;
+            
+            $papelImpresionTipologia->fill($sanitizedData);
+
+            $thenRedirect = false;
+            
+            if ($noException && $successfulResult) :
+                $id = $papelImpresionTipologia->id ?? $id;
+                $message = lang('Basic.global.updateSuccess', [mb_strtolower(lang('ImpresionTipologias.papelImpresionTipologia'))]).'.';
+                $message .= anchor( "papelimpresiontipologias/{$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:
+                        return $this->redirect2listView('sweet-success', $message);
+                    endif;
+                else:
+                    $newTokenHash = csrf_hash();
+                    $csrfTokenName = csrf_token();  
+                    $output = array(
+                        'success'		=>	'yes',
+                        $csrfTokenName => $newTokenHash
+                    );
+            
+                    return json_encode($output);
+                    //$this->session->setFlashData('sweet-success', $message);
+                endif;
+        
+            endif; // $noException && $successfulResult
+        endif; // ($requestMethod === 'post')
+
+        $this->viewData['papelImpresionTipologia'] = $papelImpresionTipologia;
+		$this->viewData['papelImpresionList'] = $this->getPapelImpresionListItems($papelImpresionTipologia->papel_impresion_id ?? null);
+		$this->viewData['tipoList'] = $this->getTipoOptions();
+
+        $this->viewData['formAction'] = route_to('updatePapelImpresionTipologia', $id);
+
+        $this->viewData['boxTitle'] = lang('Basic.global.edit2').' '.lang('ImpresionTipologias.moduleTitle').' '.lang('Basic.global.edit3');
+        
+        //return $this->displayForm(__METHOD__, $id);
+        $newTokenHash = csrf_hash();
+        $csrfTokenName = csrf_token();  
+        $output = array(
+            'success'		=>	'no',
+            $csrfTokenName => $newTokenHash
+        );
+        return json_encode($output);
+    } // end function edit(...)
+    
+
+
+    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;
+            $search = $reqData['search']['value'];
+            $requestedOrder = $reqData['order']['0']['column'] ?? 1;
+            $order = PapelImpresionTipologiaModel::SORTABLE[$requestedOrder > 0 ? $requestedOrder : 1];
+            $dir = $reqData['order']['0']['dir'] ?? 'asc';
+
+            $resourceData = $this->model->getResource($search)->orderBy($order, $dir)->limit($length, $start)->get()->getResultObject();
+
+            return $this->respond(Collection::datatable(
+                $resourceData,
+                $this->model->getResource()->countAllResults(),
+                $this->model->getResource($search)->countAllResults()
+            ));
+        } else {
+            return $this->failUnauthorized('Invalid request', 403);
+        }
+    }
+
+    public function allItemsSelect() {
+        if ($this->request->isAJAX()) {
+            $onlyActiveOnes = true;
+            $reqVal = $this->request->getPost('val') ?? 'id';
+            $menu = $this->model->getAllForMenu($reqVal.', papel_impresion_id', 'papel_impresion_id', $onlyActiveOnes, false);
+            $nonItem = new \stdClass;
+            $nonItem->id = '';
+            $nonItem->papel_impresion_id = '- '.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 ?? 'papel_impresion_id'];
+            $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);
+        }
+    }
+
+
+	protected function getPapelImpresionListItems($selId = null) { 
+		$data = [''=>lang('Basic.global.pleaseSelectA', [mb_strtolower(lang('PapelImpresions.papelImpresion'))])];
+        if (!empty($selId)) :
+            		$papelImpresionModel = model('App\Models\Configuracion\PapelImpresionModel');
+
+            $selOption = $papelImpresionModel->where('id', $selId)->findColumn('id');
+            if (!empty($selOption)) :
+                $data[$selId] = $selOption[0];
+            endif;
+        endif;
+		return $data;
+	}
+
+
+	protected function getTipoOptions() { 
+		$tipoOptions = [ 
+				'' => lang('Basic.global.pleaseSelect'),
+				'negro' => 'negro',
+				'color' => 'color',
+				'bicolor' => 'bicolor',
+			];
+		return $tipoOptions;
+	}
+
+
+}

ci4/app/Entities/Configuracion/PapelImpresionTipologia.php

@@ -0,0 +1,28 @@
+<?php
+namespace App\Entities\Configuracion;
+
+use CodeIgniter\Entity;
+
+class PapelImpresionTipologia extends \CodeIgniter\Entity\Entity
+{
+    protected $attributes = [
+        "id" => null,
+        "papel_impresion_id" => null,
+        "tipo" => null,
+        "negro" => 0.0,
+        "cyan" => 0.0,
+        "magenta" => 0.0,
+        "amarillo" => 0.0,
+        "gota_negro" => 0.0,
+        "gota_color" => 0.0,
+    ];
+    protected $casts = [
+        "papel_impresion_id" => "int",
+        "negro" => "float",
+        "cyan" => "float",
+        "magenta" => "float",
+        "amarillo" => "float",
+        "gota_negro" => "float",
+        "gota_color" => "float",
+    ];
+}

ci4/app/Filters/LoginAuthFilter.php

@@ -177,7 +177,9 @@ class LoginAuthFilter implements FilterInterface
             'allItemsSelect',
             'menuItems',
             'datatable',
-            'datatablePG',
+            'datatable_editor',
+            'fetch_single_data',
+            'datatableTintas',
             'collect',
             'cast',
         ];

ci4/app/Language/en/Basic.php

@@ -79,10 +79,10 @@ return [
 				'sureToDeleteTitle' => 'Are you sure you want to delete this {0}?',
 				'text' => 'This action cannot be undone.',
 				'title' => 'Are you sure?',
-
+				'maxRowsReached' => 'No more lines can be added.'
 			],
-
+			'ok' => 'Ok',
-
+			'wait' => 'Wait',
 		],
 
 

ci4/app/Language/en/ImpresionTipologias.php

@@ -0,0 +1,63 @@
+<?php
+
+
+
+return [
+		'amarillo' => 'Yellow',
+		'bicolor' => 'Bicolor',
+		'color' => 'Color',
+		'cyan' => 'Cyan',
+		'gotaColor' => 'Color Drop',
+		'gotaNegro' => 'Black Drop',
+		'magenta' => 'Magenta',
+		'negro' => 'Black',
+		'tipo' => 'Type',
+		'errorTipo' => 'Typology type already exists',
+		'validation' =>  [
+			'amarillo' =>  [
+				'decimal' => 'The {field} field must contain a decimal number.',
+				'required' => 'The {field} field is required.',
+
+			],
+
+			'cyan' =>  [
+				'decimal' => 'The {field} field must contain a decimal number.',
+				'required' => 'The {field} field is required.',
+
+			],
+
+			'gota_color' =>  [
+				'decimal' => 'The {field} field must contain a decimal number.',
+				'required' => 'The {field} field is required.',
+
+			],
+
+			'gota_negro' =>  [
+				'decimal' => 'The {field} field must contain a decimal number.',
+				'required' => 'The {field} field is required.',
+
+			],
+
+			'magenta' =>  [
+				'decimal' => 'The {field} field must contain a decimal number.',
+				'required' => 'The {field} field is required.',
+
+			],
+
+			'negro' =>  [
+				'decimal' => 'The {field} field must contain a decimal number.',
+				'required' => 'The {field} field is required.',
+
+			],
+
+			'tipo' =>  [
+				'in_list' => 'The {field} field must be one of: {param}.',
+				'required' => 'The {field} field is required.',
+
+			],
+
+
+		],
+
+
+];

ci4/app/Language/en/PapelGenerico.php

@@ -18,8 +18,6 @@ return [
 		'showInClient' => 'Show in Client',
 		'updatedAt' => 'Updated At',
 
-		'Form_acordion_title' => 'Print papers associated',
-
 		'validation' =>  [
 			'code' =>  [
 				'max_length' => 'The {field} field cannot exceed {param} characters in length.',

ci4/app/Language/en/PapelImpresion.php

@@ -32,6 +32,9 @@ return [
 		'rotativa' => 'Rotary',
 		'updatedAt' => 'Updated At',
 		'userUpdateId' => 'User Update ID',
+		
+		'consumo_tintas_rotativas' => 'Rotary ink consumption',
+		
 		'validation' =>  [
 			'espesor_update' =>  [
 				'max_length' => 'The {field} field cannot exceed {param} characters in length.',

ci4/app/Language/es/Basic.php

@@ -79,9 +79,11 @@ return [
 				'sureToDeleteTitle' => 'Está seguro de borrar {0}?',
 				'text' => 'Esta acción no se puede deshacer.',
 				'title' => 'Está seguro?',
+				'maxRowsReached' => 'No se pueden añadir más líneas.'
 
 			],
-
+			'ok' => 'Ok',
+			'wait' => 'Espere',
 
 		],
 

ci4/app/Language/es/ImpresionTipologias.php

@@ -0,0 +1,64 @@
+<?php
+
+
+
+return [
+		'amarillo' => 'Amarillo',
+		'bicolor' => 'Bicolor',
+		'color' => 'Color',
+		'cyan' => 'Cyan',
+		'gotaColor' => 'Gota Color',
+		'gotaNegro' => 'Gota Negro',
+		'magenta' => 'Magenta',
+		'moduleTitle' => 'Papel Impresion Tipologias',
+		'negro' => 'Negro',
+		'tipo' => 'Tipo',
+		'errorTipo' => 'El tipo de tipología ya existe',
+		'validation' =>  [
+			'amarillo' =>  [
+				'decimal' => 'El campo {field} debe ser un número entero.',
+				'required' => 'El campo {field} es obligatorio.',
+
+			],
+
+			'cyan' =>  [
+				'decimal' => 'El campo {field} debe ser un número entero.',
+				'required' => 'El campo {field} es obligatorio.',
+
+			],
+
+			'gota_color' =>  [
+				'decimal' => 'El campo {field} debe ser un número entero.',
+				'required' => 'El campo {field} es obligatorio.',
+
+			],
+
+			'gota_negro' =>  [
+				'decimal' => 'El campo {field} debe ser un número entero.',
+				'required' => 'El campo {field} es obligatorio.',
+
+			],
+
+			'magenta' =>  [
+				'decimal' => 'El campo {field} debe ser un número entero.',
+				'required' => 'El campo {field} es obligatorio.',
+
+			],
+
+			'negro' =>  [
+				'decimal' => 'El campo {field} debe ser un número entero.',
+				'required' => 'El campo {field} es obligatorio.',
+
+			],
+
+			'tipo' =>  [
+				'in_list' => 'El campo {field} debe ser uno de: {param}.',
+				'required' => 'El campo {field} es obligatorio.',
+
+			],
+
+
+		],
+
+
+];

ci4/app/Language/es/PapelGenerico.php

@@ -18,8 +18,6 @@ return [
 		'showInClient' => 'Mostrar en cliente',
 		'updatedAt' => 'Updated At',
 
-		'Form_acordion_title' => 'Papeles impresion asociados',
-		
 		'validation' =>  [
 			'code' =>  [
 				'max_length' => 'El campo {field} no puede exceder {param} caracteres en longitud.',

ci4/app/Language/es/PapelImpresion.php

@@ -32,6 +32,9 @@ return [
 		'rotativa' => 'Rotativa',
 		'updatedAt' => 'Actualizado en',
 		'userUpdateId' => 'ID usuario actualización',
+
+		'consumo_tintas_rotativas' => 'Consumo tintas rotativas',
+
 		'validation' =>  [
 			'espesor_update' =>  [
 				'max_length' => 'El campo {field} no puede exceder {param} caracteres en longitud.',

ci4/app/Models/Configuracion/PapelImpresionTipologiaModel.php

@@ -0,0 +1,134 @@
+<?php
+namespace App\Models\Configuracion;
+
+class PapelImpresionTipologiaModel extends \App\Models\GoBaseModel
+{
+    protected $table = "lg_papel_impresion_tipologias";
+
+    /**
+     * Whether primary key uses auto increment.
+     *
+     * @var bool
+     */
+    protected $useAutoIncrement = true;
+
+    protected $allowedFields = [
+        "papel_impresion_id",
+        "tipo",
+        "negro",
+        "cyan",
+        "magenta",
+        "amarillo",
+        "gota_negro",
+        "gota_color",
+    ];
+    protected $returnType = "App\Entities\Configuracion\PapelImpresionTipologia";
+
+    public static $labelField = "tipo";
+
+    protected $validationRules = [
+        "amarillo" => [
+            "label" => "ImpresionTipologias.amarillo",
+            "rules" => "required|decimal",
+        ],
+        "cyan" => [
+            "label" => "ImpresionTipologias.cyan",
+            "rules" => "required|decimal",
+        ],
+        "gota_color" => [
+            "label" => "ImpresionTipologias.gotaColor",
+            "rules" => "required|decimal",
+        ],
+        "gota_negro" => [
+            "label" => "ImpresionTipologias.gotaNegro",
+            "rules" => "required|decimal",
+        ],
+        "magenta" => [
+            "label" => "ImpresionTipologias.magenta",
+            "rules" => "required|decimal",
+        ],
+        "negro" => [
+            "label" => "ImpresionTipologias.negro",
+            "rules" => "required|decimal",
+        ],
+        "tipo" => [
+            "label" => "ImpresionTipologias.tipo",
+            "rules" => "required|in_list[negro,color,bicolor]",
+        ],
+    ];
+
+    protected $validationMessages = [
+        "amarillo" => [
+            "decimal" => "ImpresionTipologias.validation.amarillo.decimal",
+            "required" => "ImpresionTipologias.validation.amarillo.required",
+        ],
+        "cyan" => [
+            "decimal" => "ImpresionTipologias.validation.cyan.decimal",
+            "required" => "ImpresionTipologias.validation.cyan.required",
+        ],
+        "gota_color" => [
+            "decimal" => "ImpresionTipologias.validation.gota_color.decimal",
+            "required" => "ImpresionTipologias.validation.gota_color.required",
+        ],
+        "gota_negro" => [
+            "decimal" => "ImpresionTipologias.validation.gota_negro.decimal",
+            "required" => "ImpresionTipologias.validation.gota_negro.required",
+        ],
+        "magenta" => [
+            "decimal" => "ImpresionTipologias.validation.magenta.decimal",
+            "required" => "ImpresionTipologias.validation.magenta.required",
+        ],
+        "negro" => [
+            "decimal" => "ImpresionTipologias.validation.negro.decimal",
+            "required" => "ImpresionTipologias.validation.negro.required",
+        ],
+        "tipo" => [
+            "in_list" => "ImpresionTipologias.validation.tipo.in_list",
+            "required" => "ImpresionTipologias.validation.tipo.required",
+        ],
+    ];
+
+    public function findAllWithPapelImpresion(string $selcols = "*", int $limit = null, int $offset = 0)
+    {
+        $sql =
+            "SELECT t1." .
+            $selcols .
+            ",  t2.nombre AS papel_impresion_id FROM " .
+            $this->table .
+            " t1  LEFT JOIN lg_papel_impresion t2 ON t1.papel_impresion_id = t2.id";
+        if (!is_null($limit) && intval($limit) > 0) {
+            $sql .= " LIMIT " . $limit;
+        }
+
+        if (!is_null($offset) && intval($offset) > 0) {
+            $sql .= " OFFSET " . $offset;
+        }
+
+        $query = $this->db->query($sql);
+        $result = $query->getResultObject();
+        return $result;
+    }
+
+    public function findTipologiasForPapelImpresion(int $papelImpresionID){
+        
+        $builder = $this->db
+            ->table($this->table )
+            ->select("*")
+            ->where("papel_impresion_id", $papelImpresionID);
+
+
+        return $builder;        
+
+    }
+
+    public function getResource($id)
+    {
+        $builder = $this->db
+            ->table($this->table)
+            ->select("*")
+            ->where("id", $id);
+
+        return $builder;
+            
+    }
+}

ci4/app/Views/themes/backend/vuexy/form/configuracion/papel/viewPapelImpresionForm.php

@@ -1,3 +1,4 @@
+<?= $this->include('themes/_commonPartialsBs/datatables') ?>
 <?= $this->include("themes/_commonPartialsBs/select2bs5") ?>
 <?= $this->include("themes/_commonPartialsBs/sweetalert") ?>
 <?= $this->extend('themes/backend/vuexy/main/defaultlayout') ?>
@@ -16,23 +17,468 @@
 				<?= view("themes/backend/vuexy/form/configuracion/papel/_papelImpresionFormItems") ?>
 			</div><!-- /.card-body -->
 			<div class="card-footer">
-				<?= anchor(route_to("papelImpresionList"), lang("Basic.global.Cancel"), ["class" => "btn btn-secondary float-start"]) ?>
+                <input type="submit"
-				<input type="submit" class="btn btn-primary float-end" name="save" value="<?= lang("Basic.global.Save") ?>">
+                           class="btn btn-primary float-start me-sm-3 me-1"
+                           name="save"
+                           value="<?= lang("Basic.global.Save") ?>"
+                    />
+                    <?= anchor(route_to("papelImpresionList"), lang("Basic.global.Cancel"), ["class" => "btn btn-secondary"]) ?>
+				
 			</div><!-- /.card-footer -->
 			</form>
     </div><!-- //.card -->
+
+    <?php if(str_contains($formAction,'edit')): ?>
+        <?php if($papelImpresion->rotativa == true): ?>
+            <div class="accordion mt-3" id="accordionTipologias">
+        <?php else: ?>
+            <div class="accordion mt-3" id="accordionTipologias" style="display:none">
+        <?php endif; ?>
+            <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="#accordionTip1" aria-expanded="false" aria-controls="accordionTip1">
+                        <p><?= lang("PapelImpresion.consumo_tintas_rotativas") ?></p>
+                    </button>
+                    <p class="btn btn-primary float-end me-sm-3 me-1" id="newTipologia"> <?= lang('Basic.global.addNew') ?> </p>
+                </h2>
+
+                <div id="accordionTip1" class="accordion-collapse collapse show" data-bs-parent="#accordionTipologias">
+                    <div class="accordion-body">
+                        
+                        <table id="tableOfPapelimpresiontipologias" class="table table-striped table-hover" style="width: 100%;">
+                            <thead>
+                                <tr>
+                                    <th><?= lang('ImpresionTipologias.tipo') ?></th>
+                                    <th><?= lang('ImpresionTipologias.negro') ?></th>
+                                    <th><?= lang('ImpresionTipologias.cyan') ?></th>
+                                    <th><?= lang('ImpresionTipologias.magenta') ?></th>
+                                    <th><?= lang('ImpresionTipologias.amarillo') ?></th>
+                                    <th><?= lang('ImpresionTipologias.gotaNegro') ?></th>
+                                    <th><?= lang('ImpresionTipologias.gotaColor') ?></th>
+                                    <th class="text-nowrap"><?= lang('Basic.global.Action') ?></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                            
+                            </tbody>
+                        </table>   
+                    </div>
+                </div>
+            </div>
+        </div> <!-- //.accordion -->
+    <?php endif; ?>
+
+
+
+    <div class="accordion mt-3" id="accordionMaquinas">
+        <div class="card accordion-item">
+            <h2 class="accordion-header" id="headingTwo">
+            <button
+                type="button"
+                class="accordion-button collapsed"
+                data-bs-toggle="collapse"
+                data-bs-target="#accordionMaq"
+                aria-expanded="false"
+                aria-controls="accordionMaq"
+            >
+                MAAAAQUIIIINAAAAAS<!---  lang("PapelImpresion.consumo_tintas_rotativas") ?>  AÑADIR LANGUAJE MAQUINAS-->
+            </button>
+            </h2>
+            <div
+            id="accordionMaq"
+            class="accordion-collapse collapse"
+            aria-labelledby="headingTwo"
+            data-bs-parent="#accordionMaquinas"
+            >
+            <div class="accordion-body">
+                <table id="tableOfMaquinas" class="table table-striped table-hover" style="width: 100%;">
+                    <thead>
+                        <tr>
+                            <th><?= lang('ImpresionTipologias.tipo') ?></th>
+                            <th><?= lang('ImpresionTipologias.negro') ?></th>
+                            <th><?= lang('ImpresionTipologias.cyan') ?></th>
+                            <th><?= lang('ImpresionTipologias.magenta') ?></th>
+                            <th><?= lang('ImpresionTipologias.amarillo') ?></th>
+                            <th><?= lang('ImpresionTipologias.gotaNegro') ?></th>
+                            <th><?= lang('ImpresionTipologias.gotaColor') ?></th>
+                            <th class="text-nowrap"><?= lang('Basic.global.Action') ?></th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                    
+                    </tbody>
+                </table>   
+            </div>
+        </div>
+    </div>
+
+
     </div><!--//.col -->
 </div><!--//.row -->
+
+
+
+<div id="tipologiaModal" class="modal fade">
+    <div class="modal-dialog">
+        <form method="post" id="tipologia_form">
+            <div class="modal-content">
+                <?= csrf_field() ?> 
+                <div class="modal-header">
+                    <h4 class="modal-title"><?= lang('Basic.edit') ?></h4>
+                </div>
+                <div class="modal-body">
+                    <div class="form-group">
+                        <label for="tipo" class="form-label">
+                            <?=lang('ImpresionTipologias.tipo') ?>
+                        </label>
+
+                        <select id="tipologiaTipo" name="tipologia_tipo" required class="form-control select2bs2" style="width: 100%;" >
+                            <option value=negro><?=lang('ImpresionTipologias.negro') ?></option>
+                            <option value=color><?=lang('ImpresionTipologias.color') ?></option>
+                            <option value=bicolor><?=lang('ImpresionTipologias.bicolor') ?></option>
+                        </select><!--//.form-check -->
+                    </div>
+            
+                    <div class="form-group">
+                        <label for="negro" class="form-label">
+                            <?=lang('ImpresionTipologias.negro') ?>
+                        </label>
+                        <input type="number" id="negro" name="negro" required placeholder="0.00" maxLength="8" step="0.01" class="form-control" value="0.00">
+                    </div>
+                    
+                    <div class="form-group">
+                        <label for="cyan" class="form-label">
+                            <?=lang('ImpresionTipologias.cyan') ?>
+                        </label>
+                        <input type="number" id="cyan" name="cyan" required placeholder="0.00" maxLength="8" step="0.01" class="form-control" value="0.00">
+                    </div>
+
+                    <div class="form-group">
+                    <label for="magenta" class="form-label">
+                            <?=lang('ImpresionTipologias.magenta') ?>
+                        </label>
+                        <input type="number" id="magenta" name="magenta" required placeholder="0.00" maxLength="8" step="0.01" class="form-control" value="0.00">
+                    </div>
+
+                    <div class="form-group">
+                    <label for="amarillo" class="form-label">
+                            <?=lang('ImpresionTipologias.amarillo') ?>
+                        </label>
+                        <input type="number" id="amarillo" name="amarillo" required placeholder="0.00" maxLength="8" step="0.01" class="form-control" value="0.00">
+                    </div>
+
+                    <div class="form-group">
+                    <label for="gotaNegro" class="form-label">
+                            <?=lang('ImpresionTipologias.gotaNegro') ?>
+                        </label>
+                        <input type="number" id="gotaNegro" name="gota_negro" required placeholder="0.00" maxLength="8" step="0.01" class="form-control" value="0.00">
+                    </div>
+
+                    <div class="form-group">
+                        <label for="gotaColor" class="form-label">
+                            <?=lang('ImpresionTipologias.gotaColor') ?>
+                        </label>
+                        <input type="number" id="gotaColor" name="gota_color" required placeholder="0.00" maxLength="8" step="0.01" class="form-control" value="0.00">
+                    </div>
+
+                </div>
+                <div class="modal-footer">
+                    <input type="hidden" name="hidden_id" id="hidden_id" />
+                    <input type="hidden" name="action" id="action" value="add" />
+                    <input type="submit" name="submit" id="submit_button" class="btn btn-primary float-start me-sm-3 me-1" value="Add" />
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"> <?= lang("Basic.global.Cancel") ?> </button>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>
 <?= $this->endSection() ?>
 
 
 <?= $this->section("additionalInlineJs") ?>
 
+    var theTable;
 
+    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 = -1;
+    }
+
+    const lastColNr = $('#tableOfPapelimpresiontipologias').find("tr:first th").length - 1;
+    const actionBtns = function(data) {
+        return `<div class="action-buttons">
+                    <i class="ti ti-pencil ti-sm btn-edit mx-2" data-id="${data.id}"></i>
+                    <i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}"></i>
+                </div>`;
+    };
+    
+    theTable = $('#tableOfPapelimpresiontipologias').DataTable({
+        processing: true,
+        serverSide: true,
+        autoWidth: true,
+        responsive: true,
+        scrollX: true,
+        lengthMenu: [ 5],
+        pageLength: 5,
+        lengthChange: false,
+        searching: false, 
+        //paging: false, 
+        info: false,
+        "dom": 'lrt', 
+        stateSave: true,
+        language: {
+            url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->i18n ?>.json"
+        },
+        ajax : $.fn.dataTable.pipeline( {
+            url: '<?= route_to('dataTableOfPapelesImpresion') ?>',
+            data: {
+                id_PI: id,
+            },
+            method: 'POST',
+            headers: {'X-Requested-With': 'XMLHttpRequest'},
+            async: true,
+        }),
+        columns : [
+            { 'data': 'tipo' },
+            { 'data': 'negro' },
+            { 'data': 'cyan' },
+            { 'data': 'magenta' },
+            { 'data': 'amarillo' },
+            { 'data': 'gota_negro' },
+            { 'data': 'gota_color' },
+            { data: actionBtns}
+        ]
+    });
+
+
+
+    // Add new tipología
+    $('#newTipologia').on("click", function(e) {
+        if ($('#tableOfPapelimpresiontipologias').DataTable().data().count() >= 3){
+            Swal.fire({
+                title: '<?= lang('Basic.global.sweet.maxRowsReached') ?>',
+                icon: 'info',
+                confirmButtonColor: '#3085d6',
+                confirmButtonText: '<?= lang('Basic.global.Close') ?>',
+                
+            });       
+        }
+        else{
+            $('#tipologiaTipo').attr('disabled', false);
+            $('#tipologiaTipo').val("");
+            $('#negro').val("0.00");
+            $('#cyan').val("0.00");
+            $('#magenta').val("0.00");
+            $('#amarillo').val("0.00");
+            $('#gotaNegro').val("0.00");
+            $('#gotaColor').val("0.00");
+
+            $('#action').val('add');
+            $('.modal-title').text('<?= lang('Basic.global.add') ?>' + ' ' + '<?= lang("PapelImpresion.consumo_tintas_rotativas") ?>');
+            $('#submit_button').val('<?= lang('Basic.global.Save') ?>');
+
+
+            $('#tipologiaModal').modal('show');
+
+            $('#hidden_id').val("");
+        }
+
+    });
+
+    $('#rotativa').on("click",function(el){
+        if(!$(this).is(':checked')){
+            Swal.fire({
+                title: '<?= lang('Basic.global.sweet.sureToDeleteTitle', [mb_strtolower(lang('PapelImpresion.papel impresion'))]) ?>',
+                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) {
+                    if($(this).is(':checked')){
+                        $("#accordionTipologias").show();
+                    }else{
+                        $("#accordionTipologias").hide();
+                    }
+                }
+                else{ 
+                    $(this).prop('checked', true) ;
+                
+                }
+            });
+        }
+        else{
+            $("#accordionTipologias").show();
+        }
+    });
+
+    $('#tipologiaModal').on('submit', function(event){
+        
+        event.preventDefault();
+        
+        const tipo_values = $('#tableOfPapelimpresiontipologias').DataTable().column().data().toArray();
+        
+        if(tipo_values.includes($('#tipologiaTipo').val()) && $('#action').val() == 'add'){
+            $('#tipologiaModal').modal('hide');
+            Swal.fire({
+                title: '<?= lang('Basic.global.Error') ?>',
+                text: '<?= lang('ImpresionTipologias.errorTipo') ?>',
+                icon: 'error',
+                showCancelButton: false,
+                confirmButtonColor: '#3085d6',
+                confirmButtonText: '<?= lang('Basic.global.ok') ?>',
+            })
+        }
+        else
+        {
+            var formData = {
+                <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v,
+                papel_impresion_id: id,
+                tipo: $('#tipologiaTipo').val(),
+                negro: $('#negro').val(),
+                cyan: $('#cyan').val(),
+                magenta: $('#magenta').val(),
+                amarillo: $('#amarillo').val(),
+                gota_negro: $('#gotaNegro').val(),
+                gota_color: $('#gotaColor').val()
+            }
+
+            if( $('#action').val() == 'edit')
+            {
+                var url_to_go = "/configuracion/papelimpresiontipologias/edit/" + $('#hidden_id').val();
+                formData['id']= $('#hidden_id').val();
+            }
+            else
+            {
+                var url_to_go = "<?= route_to('createPapelImpresionTipologia'); ?>";
+            }
+            
+
+            $.ajax({
+                url: url_to_go,
+                method:"POST",            
+                data: formData,
+                dataType:"JSON",
+                encode: true,
+
+            }).done((data, textStatus, jqXHR) => {
+                $('#tipologiaModal').modal('hide') ;    
+                yeniden(data.<?= csrf_token() ?>);
+
+                theTable.clearPipeline();
+                theTable.draw();
+                Toast.fire({
+                    icon: 'success',
+                    title: data.msg ?? jqXHR.statusText,
+                });
+                
+
+            }).fail((jqXHR, textStatus, errorThrown) => {
+                $('#tipologiaModal').modal('hide') ;
+
+                Toast.fire({
+                    icon: 'error',
+                    title: jqXHR.responseJSON.messages.error,
+                });
+            })
+        }
+    });
+    
+    // Activate an inline edit on click of a table cell
+    $(document).on('click', '.btn-edit', function(e) {
+
+        var id = $(this).attr('data-id');
+        
+        $.ajax({
+
+            url:"<?= route_to('fetchTipologia'); ?>",
+            
+
+            method:"POST",
+
+            data:{id:id,
+                <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v},
+
+            dataType:'JSON',
+
+            success:function(response)
+            {
+                yeniden(response.<?= csrf_token() ?>);
+                $('#tipologiaTipo').val(response.data.tipo);
+                $('#negro').val(response.data.negro);
+                $('#cyan').val(response.data.cyan);
+                $('#magenta').val(response.data.magenta);
+                $('#amarillo').val(response.data.amarillo);
+                $('#gotaNegro').val(response.data.gota_negro);
+                $('#gotaColor').val(response.data.gota_color);
+
+                $('#tipologiaTipo').attr('disabled', 'disabled');
+                $('#action').val('edit');
+                $('.modal-title').text('<?= lang('Basic.global.edit') ?>' + ' ' + '<?= lang("PapelImpresion.consumo_tintas_rotativas") ?>');
+                $('#submit_button').val('<?= lang('Basic.global.Save') ?>');
+
+
+                $('#tipologiaModal').modal('show');
+
+                $('#hidden_id').val(id);
+
+            },
+            cache: true
+        })
+
+    });
+
+    $(document).on('click', '.btn-delete', function(e) {
+        Swal.fire({
+            title: '<?= lang('Basic.global.sweet.sureToDeleteTitle', [mb_strtolower(lang('PapelImpresion.consumo_tintas_rotativas'))]) ?>',
+            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) => {
+            const dataId = $(this).data('id');
+            const row = $(this).closest('tr');
+            if (result.value) {
+                $.ajax({
+                    url: `/configuracion/papelimpresiontipologias/delete/${dataId}`,
+                    method: 'GET',
+                    dataType: "json",
+                }).done((data, textStatus, jqXHR) => {
+                    
+                    Toast.fire({
+                        icon: 'success',
+                        title: data.msg ?? jqXHR.statusText,
+                    });
+                    
+                    
+                    theTable.clearPipeline();
+                    theTable.row($(row)).invalidate().draw();
+                }).fail((jqXHR, textStatus, errorThrown) => {
+                    Toast.fire({
+                        icon: 'error',
+                        title: jqXHR.responseJSON.messages.error,
+                    });
+                })
+            }
+        });
+    });
+    
     $('#papelGenericoId').select2({
         theme: 'bootstrap-5',
         allowClear: false,
-        ajax: {
+        ajax: { 
             url: '<?= route_to("menuItemsOfPapelesGenericos") ?>',
             type: 'post',
             dataType: 'json',
@@ -60,4 +506,25 @@
     });
 
 
+    
+    
 <?= $this->endSection() ?>
+
+<?=$this->section('css') ?>
+    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.3/css/buttons.<?=config('Basics')->theme['name'] == 'Bootstrap5' ? 'bootstrap5' : 'bootstrap4' ?>.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.<?=config('Basics')->theme['name'] == 'Bootstrap5' ? 'bootstrap5' : 'bootstrap4' ?>.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() ?>
+

ci4/app/Views/themes/backend/vuexy/form/configuracion/papel/viewPapelImpresionList.php

@@ -45,75 +45,74 @@
 
 <?=$this->section('additionalInlineJs') ?>
     
-            const lastColNr = $('#tableOfPapelesimpresion').find("tr:first th").length - 1;
+    const lastColNr = $('#tableOfPapelesimpresion').find("tr:first th").length - 1;
-            const actionBtns = function(data) {
+    const actionBtns = function(data) {
-                return `<td class="text-right py-0 align-middle">
+        return `<td class="text-right py-0 align-middle">
-                        <div class="btn-group btn-group-sm">
+                <div class="btn-group btn-group-sm">
-                            <button class="btn btn-sm btn-warning btn-edit me-1" data-id="${data.id}"><?= lang('Basic.global.edit') ?></button>
+                    <i class="ti ti-pencil ti-sm btn-edit mx-2" data-id="${data.id}"></i>
-                            <button class="btn btn-sm btn-danger btn-delete ms-1" data-id="${data.id}"><?= lang('Basic.global.Delete') ?></button>
+                    <i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}"></i>
-                        </div>
+                </div>
-                        </td>`;
+                </td>`;
-            };
+    };
-            theTable = $('#tableOfPapelesimpresion').DataTable({
+    theTable = $('#tableOfPapelesimpresion').DataTable({
-                processing: true,
+        processing: true,
-                serverSide: true,
+        serverSide: true,
-                autoWidth: true,
+        autoWidth: true,
-                responsive: true,
+        responsive: true,
-                scrollX: true,
+        scrollX: true,
-                lengthMenu: [ 5, 10, 25, 50, 75, 100, 250, 500, 1000, 2500 ],
+        lengthMenu: [ 5, 10, 25, 50, 75, 100, 250, 500, 1000, 2500 ],
-                pageLength: 10,
+        pageLength: 10,
-                lengthChange: true,
+        lengthChange: true,
-                "dom": 'lfBrtip', // 'lfBrtip', // you can try different layout combinations by uncommenting one or the other
+        "dom": 'lfBrtip', // '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
+        // "dom": '<"top"lf><"clear">rt<"bottom"ipB><"clear">',  // remember to comment this line if you uncomment the above
-		"buttons": [
+        "buttons": [
-			'copy', 'csv', 'excel', 'print', {
+            'copy', 'csv', 'excel', 'print', {
-				extend: 'pdfHtml5',
+                extend: 'pdfHtml5',
-				orientation: 'landscape',
+                orientation: 'landscape',
-				pageSize: 'A4'
+                pageSize: 'A4'
-			}
-		],
-                stateSave: true,
-                order: [[1, 'asc']],
-                language: {
-                    url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->i18n ?>.json"
-                },
-                ajax : $.fn.dataTable.pipeline( {
-                    url: '<?= route_to('dataTableOfPapelesImpresion') ?>',
-                    method: 'POST',
-                    headers: {'X-Requested-With': 'XMLHttpRequest'},
-                    async: true,
-                }),
-                columnDefs: [
-                    {
-                        orderable: false,
-                        searchable: false,
-                        targets: [3, 4, 5, 6, 7, lastColNr] //JJO añadidas bool cols
-                    }
-                ],
-                columns : [
-					{ 'data': 'nombre' },
-                    { 'data': 'papel_generico_id' },
-					{ 'data': 'gramaje' },
-                    { 'data': 'bn' },
-					{ 'data': 'color' },
-					{ 'data': 'portada' },
-					{ 'data': 'cubierta' },
-					{ 'data': 'rotativa' },
-                    { 'data': actionBtns }
-                ]
-            });
-
-    
-        theTable.on( 'draw.dt', function () {
-                const boolCols = [3, 4, 5, 6, 7];
-            for (let coln of boolCols) {
-                theTable.column(coln, { page: 'current' }).nodes().each( function (cell, i) {
-                    cell.innerHTML = cell.innerHTML == '1' ? '<i class="ti ti-check"></i>' : '';
-                });
             }
-        
+        ],
+        stateSave: true,
+        order: [[1, 'asc']],
+        language: {
+            url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->i18n ?>.json"
+        },
+        ajax : $.fn.dataTable.pipeline( {
+            url: '<?= route_to('dataTableOfPapelesImpresion') ?>',
+            method: 'POST',
+            headers: {'X-Requested-With': 'XMLHttpRequest'},
+            async: true,
+        }),
+        columnDefs: [
+            {
+                orderable: false,
+                searchable: false,
+                targets: [3, 4, 5, 6, 7, lastColNr] //JJO añadidas bool cols
+            }
+        ],
+        columns : [
+            { 'data': 'nombre' },
+            { 'data': 'papel_generico_id' },
+            { 'data': 'gramaje' },
+            { 'data': 'bn' },
+            { 'data': 'color' },
+            { 'data': 'portada' },
+            { 'data': 'cubierta' },
+            { 'data': 'rotativa' },
+            { 'data': actionBtns }
+        ]
     });
 
+
+theTable.on( 'draw.dt', function () {
+        const boolCols = [3, 4, 5, 6, 7];
+    for (let coln of boolCols) {
+        theTable.column(coln, { page: 'current' }).nodes().each( function (cell, i) {
+            cell.innerHTML = cell.innerHTML == '1' ? '<i class="ti ti-check"></i>' : '';
+        });
+    }
+});
+
 $(document).on('click', '.btn-edit', function(e) {
         //window.location.href = `<?= route_to('papelImpresionList') ?>/${$(this).attr('data-id')}/edit`;
         window.location.href = `/configuracion/papelesimpresion/edit/${$(this).attr('data-id')}`;
@@ -178,6 +177,5 @@ $(document).on('click', '.btn-delete', function(e) {
     <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() ?>
 

httpdocs/themes/vuexy/vendor/libs/datatable-editor/ccs/editor.bootstrap.css

@@ -0,0 +1,702 @@
+div.DTE div.DTE_Form_Error {
+  color: #b11f1f;
+}
+div.DTE div.DTE_Form_Buttons {
+  display: flex;
+  flex-direction: row-reverse;
+}
+div.DTE div.DTE_Form_Buttons button {
+  margin-left: 0.5em;
+}
+
+div.modal div.DTE div.DTE_Form_Error {
+  display: none;
+  float: left;
+  padding-top: 7px;
+}
+
+div.DTE_Field {
+  position: relative;
+}
+div.DTE_Field div.multi-value,
+div.DTE_Field div.multi-restore {
+  display: none;
+  cursor: pointer;
+}
+div.DTE_Field div.multi-value span,
+div.DTE_Field div.multi-restore span {
+  display: block;
+  color: #666;
+}
+div.DTE_Field div.multi-value:hover,
+div.DTE_Field div.multi-restore:hover {
+  background-color: #f1f1f1;
+}
+div.DTE_Field div.multi-restore {
+  margin-top: 0.5em;
+  font-size: 0.8em;
+  line-height: 1.25em;
+}
+div.DTE_Field:after {
+  display: block;
+  content: ".";
+  height: 0;
+  line-height: 0;
+  clear: both;
+  visibility: hidden;
+}
+div.DTE_Field div:not([data-dte-e=msg-error]) {
+  color: inherit;
+}
+
+div.DTE_Inline {
+  position: relative;
+  display: table;
+  width: 100%;
+}
+div.DTE_Inline div.DTE_Inline_Field,
+div.DTE_Inline div.DTE_Inline_Buttons {
+  display: table-cell;
+  vertical-align: middle;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
+  padding: 0;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
+  display: none;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=color],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=date],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime-local],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=email],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=month],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=number],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=password],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=search],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=tel],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=text],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=time],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=url],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=week],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=color],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=date],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime-local],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=email],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=month],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=number],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=password],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=search],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=tel],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=text],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=time],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=url],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=week] {
+  width: 100%;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
+  margin: -6px 0 -6px 4px;
+  padding: 5px;
+}
+div.DTE_Inline div.DTE_Field input[type=color],
+div.DTE_Inline div.DTE_Field input[type=date],
+div.DTE_Inline div.DTE_Field input[type=datetime],
+div.DTE_Inline div.DTE_Field input[type=datetime-local],
+div.DTE_Inline div.DTE_Field input[type=email],
+div.DTE_Inline div.DTE_Field input[type=month],
+div.DTE_Inline div.DTE_Field input[type=number],
+div.DTE_Inline div.DTE_Field input[type=password],
+div.DTE_Inline div.DTE_Field input[type=search],
+div.DTE_Inline div.DTE_Field input[type=tel],
+div.DTE_Inline div.DTE_Field input[type=text],
+div.DTE_Inline div.DTE_Field input[type=time],
+div.DTE_Inline div.DTE_Field input[type=url],
+div.DTE_Inline div.DTE_Field input[type=week] {
+  margin: -6px 0;
+}
+div.DTE_Inline div.DTE_Field_Error,
+div.DTE_Inline div.DTE_Form_Error {
+  font-size: 11px;
+  line-height: 1.2em;
+  padding: 0;
+  margin-top: 10px;
+}
+div.DTE_Inline div.DTE_Field_Error:empty,
+div.DTE_Inline div.DTE_Form_Error:empty {
+  margin-top: 0;
+}
+
+span.dtr-data div.DTE_Inline {
+  display: inline-table;
+}
+
+div.DTE_Inline div.DTE_Field {
+  width: 100%;
+}
+div.DTE_Inline div.DTE_Field > div {
+  width: 100%;
+  padding: 0;
+}
+div.DTE_Inline div.DTE_Field input.form-control {
+  height: 30px;
+}
+div.DTE_Inline div.DTE_Field div.help-block {
+  display: none;
+  margin-top: 10px;
+  margin-bottom: 0;
+}
+div.DTE_Inline.DTE_Processing:after {
+  top: 5px;
+}
+
+div.DTE_Field_Type_checkbox div.controls,
+div.DTE_Field_Type_radio div.controls {
+  margin-top: 0.4em;
+}
+div.DTE_Field_Type_checkbox div.controls label,
+div.DTE_Field_Type_radio div.controls label {
+  margin-left: 0.75em;
+  margin-bottom: 0;
+  vertical-align: middle;
+  font-weight: normal;
+}
+
+div.DTE_Bubble {
+  position: absolute;
+  z-index: 11;
+  margin-top: -6px;
+  opacity: 0;
+  transition: top 0.5s ease-in-out 0s;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner {
+  position: absolute;
+  bottom: 0;
+  border: 1px solid black;
+  width: 300px;
+  margin-left: -150px;
+  background-color: white;
+  box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
+  border-radius: 6px;
+  border: 1px solid #666;
+  padding: 1em;
+  background: #fcfcfc;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
+  width: 100%;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
+  padding: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
+  position: relative;
+  margin-bottom: 0.5em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
+  margin-bottom: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
+  padding-top: 0;
+  margin-bottom: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
+  padding: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
+  margin: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
+  text-align: right;
+  margin-top: 1em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
+  margin-bottom: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
+  padding-top: 42px;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
+  float: none;
+  display: none;
+  padding: 0;
+  margin-bottom: 0.5em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
+  position: absolute;
+  top: 19px;
+  right: 19px;
+  cursor: pointer;
+  z-index: 12;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
+  content: "×";
+  color: rgba(0, 0, 0, 0.5);
+  font-weight: bold;
+  font-size: 22px;
+  font-family: "Courier New", Courier, monospace;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover:after {
+  color: black;
+}
+div.DTE_Bubble div.DTE_Bubble_Triangle {
+  position: absolute;
+  height: 10px;
+  width: 10px;
+  top: -6px;
+  background-color: white;
+  border: 1px solid #666;
+  border-top: none;
+  border-right: none;
+  -webkit-transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  -o-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+div.DTE_Bubble.below div.DTE_Bubble_Liner {
+  top: 10px;
+  bottom: auto;
+}
+div.DTE_Bubble.below div.DTE_Bubble_Triangle {
+  top: 4px;
+  -webkit-transform: rotate(135deg);
+  -moz-transform: rotate(135deg);
+  -ms-transform: rotate(135deg);
+  -o-transform: rotate(135deg);
+  transform: rotate(135deg);
+}
+
+div.DTE_Bubble_Background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.7); /* Fallback */
+  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
+  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
+  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
+  background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
+  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
+  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
+  z-index: 10;
+}
+div.DTE_Bubble_Background > div {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
+}
+div.DTE_Bubble_Background > div:not([dummy]) {
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
+}
+
+div.DTE_Bubble div.DTE_Bubble_Liner {
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  border-radius: 6px;
+  padding: 1em;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label,
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
+  width: 100%;
+  max-width: 100%;
+  float: none;
+  clear: both;
+  text-align: left;
+  flex: none;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label {
+  padding: 0 0 4px 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
+  text-align: right;
+  margin-top: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
+  background-color: #f7f7f7;
+  border-bottom: 1px solid #ebebeb;
+  font-size: 14px;
+  width: 100%;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
+  margin-top: -2px;
+  display: block;
+}
+div.DTE_Bubble div.DTE_Bubble_Triangle {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+  border-left: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+div.DTE_Bubble_Background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 10;
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+div.DTE div.editor_upload {
+  padding-top: 4px;
+}
+div.DTE div.editor_upload div.eu_table {
+  display: table;
+  width: 100%;
+}
+div.DTE div.editor_upload div.row {
+  display: table-row;
+}
+div.DTE div.editor_upload div.cell {
+  display: table-cell;
+  position: relative;
+  width: 50%;
+  vertical-align: top;
+}
+div.DTE div.editor_upload div.cell + div.cell {
+  padding-left: 10px;
+}
+div.DTE div.editor_upload div.row + div.row div.cell {
+  padding-top: 10px;
+}
+div.DTE div.editor_upload button.btn,
+div.DTE div.editor_upload input[type=file] {
+  width: 100%;
+  height: 2.3em;
+  font-size: 0.8em;
+  text-align: center;
+  line-height: 1em;
+  margin: 0;
+}
+div.DTE div.editor_upload input[type=file] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  opacity: 0;
+}
+div.DTE div.editor_upload div.drop {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  border: 3px dashed #ccc;
+  border-radius: 6px;
+  min-height: 4em;
+  color: #999;
+  text-align: center;
+  padding: 1em 2em;
+  line-height: 1.1em;
+}
+div.DTE div.editor_upload div.drop.over {
+  border: 3px dashed #111;
+  color: #111;
+}
+div.DTE div.editor_upload div.drop span {
+  max-width: 75%;
+  font-size: 0.85em;
+  line-height: 1em;
+}
+div.DTE div.editor_upload div.rendered img {
+  max-width: 8em;
+  margin: 0 auto;
+}
+div.DTE div.editor_upload.noDrop div.drop {
+  display: none;
+}
+div.DTE div.editor_upload.noDrop div.row.second {
+  display: none;
+}
+div.DTE div.editor_upload.noDrop div.rendered {
+  margin-top: 10px;
+}
+div.DTE div.editor_upload.noClear div.clearValue button {
+  display: none;
+}
+div.DTE div.editor_upload.multi div.cell {
+  display: block;
+  width: 100%;
+}
+div.DTE div.editor_upload.multi div.cell div.drop {
+  min-height: 0;
+}
+div.DTE div.editor_upload.multi div.clearValue {
+  display: none;
+}
+div.DTE div.editor_upload.multi ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+div.DTE div.editor_upload.multi ul li {
+  position: relative;
+  margin-top: 0.5em;
+}
+div.DTE div.editor_upload.multi ul li:first-child {
+  margin-top: 0;
+}
+div.DTE div.editor_upload.multi ul li img {
+  vertical-align: middle;
+}
+div.DTE div.editor_upload.multi ul li button {
+  position: absolute;
+  width: 40px;
+  right: 0;
+  top: 50%;
+  margin-top: -1.5em;
+}
+
+div.DTE div.editor_upload button.btn,
+div.DTE div.editor_upload input[type=file] {
+  height: auto;
+}
+div.DTE div.editor_upload ul li button {
+  padding-bottom: 8px;
+}
+
+div.DTE_Field_Type_datatable div.dataTables_info {
+  font-size: 0.8em;
+  line-height: 1.3em;
+  padding-right: 1em;
+  font-weight: normal;
+}
+div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
+  display: block;
+}
+div.DTE_Field_Type_datatable div.dt-buttons {
+  padding-bottom: 0.5em;
+  width: 100%;
+}
+div.DTE_Field_Type_datatable div.dt-buttons:empty {
+  display: none;
+}
+div.DTE_Field_Type_datatable div.dataTables_wrapper div.dataTables_paginate {
+  text-align: center;
+}
+
+@media (min-width: 1200px) {
+  div.DTE_Field_Type_datatable label.control-label {
+    text-align: left;
+  }
+}
+div.DTE div.DTE_Processing_Indicator {
+  position: absolute;
+  top: 17px;
+  right: 42px;
+  height: 2em;
+  width: 2em;
+  z-index: 20;
+  font-size: 12px;
+  display: none;
+  -webkit-transform: translateZ(0);
+  -ms-transform: translateZ(0);
+  transform: translateZ(0);
+}
+div.DTE.processing div.DTE_Processing_Indicator {
+  display: block;
+}
+div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
+  display: none;
+}
+div.DTE div.DTE_Field div.DTE_Processing_Indicator {
+  top: 13px;
+  right: 0;
+  font-size: 8px;
+}
+div.DTE.DTE_Inline div.DTE_Processing_Indicator {
+  top: 5px;
+  right: 6px;
+  font-size: 6px;
+}
+div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
+  top: 10px;
+  right: 14px;
+  font-size: 8px;
+}
+div.DTE div.DTE_Processing_Indicator span,
+div.DTE div.DTE_Processing_Indicator:before,
+div.DTE div.DTE_Processing_Indicator:after {
+  display: block;
+  background: black;
+  width: 0.5em;
+  height: 1.5em;
+  border: 1px solid rgba(0, 0, 0, 0.4);
+  background-color: rgba(0, 0, 0, 0.1);
+  -webkit-animation: editorProcessing 0.9s infinite ease-in-out;
+  animation: editorProcessing 0.9s infinite ease-in-out;
+}
+div.DTE div.DTE_Processing_Indicator:before,
+div.DTE div.DTE_Processing_Indicator:after {
+  position: absolute;
+  top: 0;
+  content: "";
+}
+div.DTE div.DTE_Processing_Indicator:before {
+  left: -1em;
+  -webkit-animation-delay: -0.3s;
+  animation-delay: -0.3s;
+}
+div.DTE div.DTE_Processing_Indicator span {
+  -webkit-animation-delay: -0.15s;
+  animation-delay: -0.15s;
+}
+div.DTE div.DTE_Processing_Indicator:after {
+  left: 1em;
+}
+@-webkit-keyframes editorProcessing {
+  0%, 80%, 100% {
+    transform: scale(1, 1);
+  }
+  40% {
+    transform: scale(1, 1.5);
+  }
+}
+@keyframes editorProcessing {
+  0%, 80%, 100% {
+    transform: scale(1, 1);
+  }
+  40% {
+    transform: scale(1, 1.5);
+  }
+}
+
+table.dataTable tbody tr.highlight {
+  background-color: #3399ff !important;
+}
+table.dataTable tbody tr.highlight,
+table.dataTable tbody tr.noHighlight,
+table.dataTable tbody tr.highlight td,
+table.dataTable tbody tr.noHighlight td {
+  -webkit-transition: background-color 500ms linear;
+  -moz-transition: background-color 500ms linear;
+  -ms-transition: background-color 500ms linear;
+  -o-transition: background-color 500ms linear;
+  transition: background-color 500ms linear;
+}
+
+div.DTE div.DTE_Field div.DTE_Processing_Indicator {
+  top: 13px;
+  right: 20px;
+}
+
+div.DTE div.DTE_Processing_Indicator {
+  top: 52px;
+  right: 12px;
+}
+
+/*
+ * Namespace: DTED - DataTables Editor Display - Envelope
+ */
+div.DTED_Envelope_Wrapper {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  height: 100%;
+  z-index: 11;
+  display: none;
+  overflow: hidden;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Shadow {
+  position: absolute;
+  top: -10px;
+  left: 10px;
+  right: 10px;
+  height: 10px;
+  z-index: 10;
+  box-shadow: 0 0 20px black;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container {
+  position: absolute;
+  top: 0;
+  left: 5%;
+  width: 90%;
+  border-left: 1px solid #777;
+  border-right: 1px solid #777;
+  border-bottom: 1px solid #777;
+  box-shadow: 3px 3px 10px #555;
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+  background-color: white;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator {
+  right: 36px;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer {
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
+  position: absolute;
+  top: 19px;
+  right: 19px;
+  cursor: pointer;
+  z-index: 12;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:after {
+  content: "×";
+  color: rgba(0, 0, 0, 0.5);
+  font-weight: bold;
+  font-size: 22px;
+  font-family: "Courier New", Courier, monospace;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover:after {
+  color: black;
+}
+
+div.DTED_Envelope_Background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.7); /* Fallback */
+  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
+  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
+  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
+  background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
+  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
+  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
+  z-index: 10;
+}
+div.DTED_Envelope_Background > div {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
+}
+div.DTED_Envelope_Background > div:not([dummy]) {
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
+}
+
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
+  top: 10px;
+  background: transparent;
+  text-shadow: none;
+  box-shadow: none;
+  border: none;
+  font-size: 21px;
+  color: black;
+  opacity: 0.2;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover {
+  opacity: 1;
+}

httpdocs/themes/vuexy/vendor/libs/datatable-editor/ccs/editor.bootstrap4.css

@@ -0,0 +1,779 @@
+div.DTE div.DTE_Form_Error {
+  color: #b11f1f;
+}
+div.DTE div.DTE_Form_Buttons {
+  display: flex;
+  flex-direction: row-reverse;
+}
+div.DTE div.DTE_Form_Buttons button {
+  margin-left: 0.5em;
+}
+
+div.modal div.DTE div.DTE_Form_Error {
+  display: none;
+  float: left;
+  padding-top: 7px;
+}
+
+div.DTE_Field {
+  position: relative;
+}
+div.DTE_Field div.multi-value,
+div.DTE_Field div.multi-restore {
+  display: none;
+  cursor: pointer;
+}
+div.DTE_Field div.multi-value span,
+div.DTE_Field div.multi-restore span {
+  display: block;
+  color: #666;
+}
+div.DTE_Field div.multi-value:hover,
+div.DTE_Field div.multi-restore:hover {
+  background-color: #f1f1f1;
+}
+div.DTE_Field div.multi-restore {
+  margin-top: 0.5em;
+  font-size: 0.8em;
+  line-height: 1.25em;
+}
+div.DTE_Field:after {
+  display: block;
+  content: ".";
+  height: 0;
+  line-height: 0;
+  clear: both;
+  visibility: hidden;
+}
+div.DTE_Field div:not([data-dte-e=msg-error]) {
+  color: inherit;
+}
+
+div.DTE_Inline {
+  position: relative;
+  display: table;
+  width: 100%;
+}
+div.DTE_Inline div.DTE_Inline_Field,
+div.DTE_Inline div.DTE_Inline_Buttons {
+  display: table-cell;
+  vertical-align: middle;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
+  padding: 0;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
+  display: none;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=color],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=date],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime-local],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=email],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=month],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=number],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=password],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=search],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=tel],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=text],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=time],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=url],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=week],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=color],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=date],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime-local],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=email],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=month],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=number],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=password],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=search],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=tel],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=text],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=time],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=url],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=week] {
+  width: 100%;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
+  margin: -6px 0 -6px 4px;
+  padding: 5px;
+}
+div.DTE_Inline div.DTE_Field input[type=color],
+div.DTE_Inline div.DTE_Field input[type=date],
+div.DTE_Inline div.DTE_Field input[type=datetime],
+div.DTE_Inline div.DTE_Field input[type=datetime-local],
+div.DTE_Inline div.DTE_Field input[type=email],
+div.DTE_Inline div.DTE_Field input[type=month],
+div.DTE_Inline div.DTE_Field input[type=number],
+div.DTE_Inline div.DTE_Field input[type=password],
+div.DTE_Inline div.DTE_Field input[type=search],
+div.DTE_Inline div.DTE_Field input[type=tel],
+div.DTE_Inline div.DTE_Field input[type=text],
+div.DTE_Inline div.DTE_Field input[type=time],
+div.DTE_Inline div.DTE_Field input[type=url],
+div.DTE_Inline div.DTE_Field input[type=week] {
+  margin: -6px 0;
+}
+div.DTE_Inline div.DTE_Field_Error,
+div.DTE_Inline div.DTE_Form_Error {
+  font-size: 11px;
+  line-height: 1.2em;
+  padding: 0;
+  margin-top: 10px;
+}
+div.DTE_Inline div.DTE_Field_Error:empty,
+div.DTE_Inline div.DTE_Form_Error:empty {
+  margin-top: 0;
+}
+
+span.dtr-data div.DTE_Inline {
+  display: inline-table;
+}
+
+div.DTE_Inline div.DTE_Field {
+  width: 100%;
+}
+div.DTE_Inline div.DTE_Field > div {
+  width: 100%;
+  padding: 0;
+}
+div.DTE_Inline div.DTE_Field input.form-control {
+  height: 30px;
+}
+div.DTE_Inline div.DTE_Field div.help-block {
+  display: none;
+  margin-top: 10px;
+  margin-bottom: 0;
+}
+div.DTE_Inline.DTE_Processing:after {
+  top: 5px;
+}
+
+div.DTE_Field_Type_checkbox div.controls,
+div.DTE_Field_Type_radio div.controls {
+  margin-top: 0.4em;
+}
+div.DTE_Field_Type_checkbox div.controls label,
+div.DTE_Field_Type_radio div.controls label {
+  margin-left: 0.75em;
+  margin-bottom: 0;
+  vertical-align: middle;
+  font-weight: normal;
+}
+
+div.DTE_Bubble {
+  position: absolute;
+  z-index: 11;
+  margin-top: -6px;
+  opacity: 0;
+  transition: top 0.5s ease-in-out 0s;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner {
+  position: absolute;
+  bottom: 0;
+  border: 1px solid black;
+  width: 300px;
+  margin-left: -150px;
+  background-color: white;
+  box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
+  border-radius: 6px;
+  border: 1px solid #666;
+  padding: 1em;
+  background: #fcfcfc;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
+  width: 100%;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
+  padding: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
+  position: relative;
+  margin-bottom: 0.5em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
+  margin-bottom: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
+  padding-top: 0;
+  margin-bottom: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
+  padding: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
+  margin: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
+  text-align: right;
+  margin-top: 1em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
+  margin-bottom: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
+  padding-top: 42px;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
+  float: none;
+  display: none;
+  padding: 0;
+  margin-bottom: 0.5em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
+  position: absolute;
+  top: 19px;
+  right: 19px;
+  cursor: pointer;
+  z-index: 12;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
+  content: "×";
+  color: rgba(0, 0, 0, 0.5);
+  font-weight: bold;
+  font-size: 22px;
+  font-family: "Courier New", Courier, monospace;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover:after {
+  color: black;
+}
+div.DTE_Bubble div.DTE_Bubble_Triangle {
+  position: absolute;
+  height: 10px;
+  width: 10px;
+  top: -6px;
+  background-color: white;
+  border: 1px solid #666;
+  border-top: none;
+  border-right: none;
+  -webkit-transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  -o-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+div.DTE_Bubble.below div.DTE_Bubble_Liner {
+  top: 10px;
+  bottom: auto;
+}
+div.DTE_Bubble.below div.DTE_Bubble_Triangle {
+  top: 4px;
+  -webkit-transform: rotate(135deg);
+  -moz-transform: rotate(135deg);
+  -ms-transform: rotate(135deg);
+  -o-transform: rotate(135deg);
+  transform: rotate(135deg);
+}
+
+div.DTE_Bubble_Background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.7); /* Fallback */
+  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
+  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
+  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
+  background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
+  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
+  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
+  z-index: 10;
+}
+div.DTE_Bubble_Background > div {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
+}
+div.DTE_Bubble_Background > div:not([dummy]) {
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
+}
+
+div.DTE_Bubble div.DTE_Bubble_Liner {
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  border-radius: 6px;
+  padding: 1em;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label,
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
+  width: 100%;
+  max-width: 100%;
+  float: none;
+  clear: both;
+  text-align: left;
+  flex: none;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label {
+  padding: 0 0 4px 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
+  text-align: right;
+  margin-top: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
+  background-color: #f7f7f7;
+  border-bottom: 1px solid #ebebeb;
+  font-size: 14px;
+  width: 100%;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
+  margin-top: -2px;
+  display: block;
+}
+div.DTE_Bubble div.DTE_Bubble_Triangle {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+  border-left: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+div.DTE_Bubble_Background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 10;
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+div.DTE div.editor_upload {
+  padding-top: 4px;
+}
+div.DTE div.editor_upload div.eu_table {
+  display: table;
+  width: 100%;
+}
+div.DTE div.editor_upload div.row {
+  display: table-row;
+}
+div.DTE div.editor_upload div.cell {
+  display: table-cell;
+  position: relative;
+  width: 50%;
+  vertical-align: top;
+}
+div.DTE div.editor_upload div.cell + div.cell {
+  padding-left: 10px;
+}
+div.DTE div.editor_upload div.row + div.row div.cell {
+  padding-top: 10px;
+}
+div.DTE div.editor_upload button.btn,
+div.DTE div.editor_upload input[type=file] {
+  width: 100%;
+  height: 2.3em;
+  font-size: 0.8em;
+  text-align: center;
+  line-height: 1em;
+  margin: 0;
+}
+div.DTE div.editor_upload input[type=file] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  opacity: 0;
+}
+div.DTE div.editor_upload div.drop {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  border: 3px dashed #ccc;
+  border-radius: 6px;
+  min-height: 4em;
+  color: #999;
+  text-align: center;
+  padding: 1em 2em;
+  line-height: 1.1em;
+}
+div.DTE div.editor_upload div.drop.over {
+  border: 3px dashed #111;
+  color: #111;
+}
+div.DTE div.editor_upload div.drop span {
+  max-width: 75%;
+  font-size: 0.85em;
+  line-height: 1em;
+}
+div.DTE div.editor_upload div.rendered img {
+  max-width: 8em;
+  margin: 0 auto;
+}
+div.DTE div.editor_upload.noDrop div.drop {
+  display: none;
+}
+div.DTE div.editor_upload.noDrop div.row.second {
+  display: none;
+}
+div.DTE div.editor_upload.noDrop div.rendered {
+  margin-top: 10px;
+}
+div.DTE div.editor_upload.noClear div.clearValue button {
+  display: none;
+}
+div.DTE div.editor_upload.multi div.cell {
+  display: block;
+  width: 100%;
+}
+div.DTE div.editor_upload.multi div.cell div.drop {
+  min-height: 0;
+}
+div.DTE div.editor_upload.multi div.clearValue {
+  display: none;
+}
+div.DTE div.editor_upload.multi ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+div.DTE div.editor_upload.multi ul li {
+  position: relative;
+  margin-top: 0.5em;
+}
+div.DTE div.editor_upload.multi ul li:first-child {
+  margin-top: 0;
+}
+div.DTE div.editor_upload.multi ul li img {
+  vertical-align: middle;
+}
+div.DTE div.editor_upload.multi ul li button {
+  position: absolute;
+  width: 40px;
+  right: 0;
+  top: 50%;
+  margin-top: -1.5em;
+}
+
+div.DTE div.editor_upload button.btn,
+div.DTE div.editor_upload input[type=file] {
+  height: auto;
+}
+div.DTE div.editor_upload ul li button {
+  padding-bottom: 8px;
+}
+
+div.DTE_Field_Type_datatable div.dataTables_info {
+  font-size: 0.8em;
+  line-height: 1.3em;
+  padding-right: 1em;
+  font-weight: normal;
+}
+div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
+  display: block;
+}
+div.DTE_Field_Type_datatable div.dt-buttons {
+  padding-bottom: 0.5em;
+  width: 100%;
+}
+div.DTE_Field_Type_datatable div.dt-buttons:empty {
+  display: none;
+}
+div.DTE_Field_Type_datatable div.dataTables_wrapper div.dataTables_paginate {
+  text-align: center;
+}
+
+@media (min-width: 1200px) {
+  div.DTE_Field_Type_datatable label.control-label {
+    text-align: left;
+  }
+}
+div.DTE div.DTE_Processing_Indicator {
+  position: absolute;
+  top: 17px;
+  right: 42px;
+  height: 2em;
+  width: 2em;
+  z-index: 20;
+  font-size: 12px;
+  display: none;
+  -webkit-transform: translateZ(0);
+  -ms-transform: translateZ(0);
+  transform: translateZ(0);
+}
+div.DTE.processing div.DTE_Processing_Indicator {
+  display: block;
+}
+div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
+  display: none;
+}
+div.DTE div.DTE_Field div.DTE_Processing_Indicator {
+  top: 13px;
+  right: 0;
+  font-size: 8px;
+}
+div.DTE.DTE_Inline div.DTE_Processing_Indicator {
+  top: 5px;
+  right: 6px;
+  font-size: 6px;
+}
+div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
+  top: 10px;
+  right: 14px;
+  font-size: 8px;
+}
+div.DTE div.DTE_Processing_Indicator span,
+div.DTE div.DTE_Processing_Indicator:before,
+div.DTE div.DTE_Processing_Indicator:after {
+  display: block;
+  background: black;
+  width: 0.5em;
+  height: 1.5em;
+  border: 1px solid rgba(0, 0, 0, 0.4);
+  background-color: rgba(0, 0, 0, 0.1);
+  -webkit-animation: editorProcessing 0.9s infinite ease-in-out;
+  animation: editorProcessing 0.9s infinite ease-in-out;
+}
+div.DTE div.DTE_Processing_Indicator:before,
+div.DTE div.DTE_Processing_Indicator:after {
+  position: absolute;
+  top: 0;
+  content: "";
+}
+div.DTE div.DTE_Processing_Indicator:before {
+  left: -1em;
+  -webkit-animation-delay: -0.3s;
+  animation-delay: -0.3s;
+}
+div.DTE div.DTE_Processing_Indicator span {
+  -webkit-animation-delay: -0.15s;
+  animation-delay: -0.15s;
+}
+div.DTE div.DTE_Processing_Indicator:after {
+  left: 1em;
+}
+@-webkit-keyframes editorProcessing {
+  0%, 80%, 100% {
+    transform: scale(1, 1);
+  }
+  40% {
+    transform: scale(1, 1.5);
+  }
+}
+@keyframes editorProcessing {
+  0%, 80%, 100% {
+    transform: scale(1, 1);
+  }
+  40% {
+    transform: scale(1, 1.5);
+  }
+}
+
+table.dataTable tbody tr.highlight {
+  background-color: #3399ff !important;
+}
+table.dataTable tbody tr.highlight,
+table.dataTable tbody tr.noHighlight,
+table.dataTable tbody tr.highlight td,
+table.dataTable tbody tr.noHighlight td {
+  -webkit-transition: background-color 500ms linear;
+  -moz-transition: background-color 500ms linear;
+  -ms-transition: background-color 500ms linear;
+  -o-transition: background-color 500ms linear;
+  transition: background-color 500ms linear;
+}
+
+div.DTE div.DTE_Field div.DTE_Processing_Indicator {
+  top: 13px;
+  right: 20px;
+}
+
+div.DTE div.DTE_Processing_Indicator {
+  top: 52px;
+  right: 12px;
+}
+
+/*
+ * Namespace: DTED - DataTables Editor Display - Envelope
+ */
+div.DTED_Envelope_Wrapper {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  height: 100%;
+  z-index: 11;
+  display: none;
+  overflow: hidden;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Shadow {
+  position: absolute;
+  top: -10px;
+  left: 10px;
+  right: 10px;
+  height: 10px;
+  z-index: 10;
+  box-shadow: 0 0 20px black;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container {
+  position: absolute;
+  top: 0;
+  left: 5%;
+  width: 90%;
+  border-left: 1px solid #777;
+  border-right: 1px solid #777;
+  border-bottom: 1px solid #777;
+  box-shadow: 3px 3px 10px #555;
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+  background-color: white;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator {
+  right: 36px;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer {
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
+  position: absolute;
+  top: 19px;
+  right: 19px;
+  cursor: pointer;
+  z-index: 12;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:after {
+  content: "×";
+  color: rgba(0, 0, 0, 0.5);
+  font-weight: bold;
+  font-size: 22px;
+  font-family: "Courier New", Courier, monospace;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover:after {
+  color: black;
+}
+
+div.DTED_Envelope_Background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.7); /* Fallback */
+  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
+  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
+  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
+  background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
+  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
+  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
+  z-index: 10;
+}
+div.DTED_Envelope_Background > div {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
+}
+div.DTED_Envelope_Background > div:not([dummy]) {
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
+}
+
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
+  top: 10px;
+  background: transparent;
+  text-shadow: none;
+  box-shadow: none;
+  border: none;
+  font-size: 21px;
+  color: black;
+  opacity: 0.2;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover {
+  opacity: 1;
+}
+
+div.multi-value,
+div.multi-restore {
+  padding: 0.5em;
+}
+div.multi-value span,
+div.multi-restore span {
+  line-height: 1.2em;
+}
+
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
+  margin: 0 1em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
+  margin-top: 1em;
+}
+
+div.DTE_Inline div.DTE_Field {
+  width: 100%;
+  margin: 0;
+}
+div.DTE_Inline div.DTE_Field > div {
+  max-width: 100%;
+  flex: none;
+}
+div.DTE_Inline div.DTE_Field input {
+  margin: -5px 0 -10px !important;
+}
+
+div.DTE_Body div.DTE_Body_Content div.DTE_Field.block label,
+div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div {
+  max-width: 100%;
+  flex: 0 0 100%;
+}
+
+div.DTE_Field_Type_checkbox div.DTE_Field_InputControl,
+div.DTE_Field_Type_radio div.DTE_Field_InputControl {
+  padding-top: 5px;
+}
+div.DTE_Field_Type_checkbox div label,
+div.DTE_Field_Type_radio div label {
+  margin-bottom: 0.2em;
+  margin-left: 0.75em;
+  vertical-align: middle;
+}
+
+div.DTE div.DTE_Processing_Indicator {
+  top: 20px;
+  right: 36px;
+}
+
+div.DTE_Field_Type_datatable div.dataTables_info {
+  font-size: 0.8em;
+  line-height: 1.3em;
+  padding-right: 0;
+}
+div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
+  display: block;
+}
+div.DTE_Field_Type_datatable div.dt-buttons {
+  padding-bottom: 0.5em;
+  width: 100%;
+}
+div.DTE_Field_Type_datatable div.dt-buttons:empty {
+  display: none;
+}
+div.DTE_Field_Type_datatable div.dataTables_wrapper > table {
+  border: 1px solid #ced4da;
+  border-radius: 3px;
+}
+div.DTE_Field_Type_datatable div.dataTables_wrapper > table thead th,
+div.DTE_Field_Type_datatable div.dataTables_wrapper > table tbody td {
+  border-top: none;
+}
+div.DTE_Field_Type_datatable div.dataTables_wrapper div.dataTables_paginate ul.pagination {
+  justify-content: center;
+}

httpdocs/themes/vuexy/vendor/libs/datatable-editor/ccs/editor.bootstrap5.css

@@ -0,0 +1,782 @@
+div.DTE div.DTE_Form_Error {
+  color: #b11f1f;
+}
+div.DTE div.DTE_Form_Buttons {
+  display: flex;
+  flex-direction: row-reverse;
+}
+div.DTE div.DTE_Form_Buttons button {
+  margin-left: 0.5em;
+}
+
+div.modal div.DTE div.DTE_Form_Error {
+  display: none;
+  float: left;
+  padding-top: 7px;
+}
+
+div.DTE_Field {
+  position: relative;
+}
+div.DTE_Field div.multi-value,
+div.DTE_Field div.multi-restore {
+  display: none;
+  cursor: pointer;
+}
+div.DTE_Field div.multi-value span,
+div.DTE_Field div.multi-restore span {
+  display: block;
+  color: #666;
+}
+div.DTE_Field div.multi-value:hover,
+div.DTE_Field div.multi-restore:hover {
+  background-color: #f1f1f1;
+}
+div.DTE_Field div.multi-restore {
+  margin-top: 0.5em;
+  font-size: 0.8em;
+  line-height: 1.25em;
+}
+div.DTE_Field:after {
+  display: block;
+  content: ".";
+  height: 0;
+  line-height: 0;
+  clear: both;
+  visibility: hidden;
+}
+div.DTE_Field div:not([data-dte-e=msg-error]) {
+  color: inherit;
+}
+
+div.DTE_Inline {
+  position: relative;
+  display: table;
+  width: 100%;
+}
+div.DTE_Inline div.DTE_Inline_Field,
+div.DTE_Inline div.DTE_Inline_Buttons {
+  display: table-cell;
+  vertical-align: middle;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
+  padding: 0;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
+  display: none;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=color],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=date],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime-local],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=email],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=month],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=number],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=password],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=search],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=tel],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=text],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=time],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=url],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=week],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=color],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=date],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime-local],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=email],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=month],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=number],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=password],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=search],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=tel],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=text],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=time],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=url],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=week] {
+  width: 100%;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
+  margin: -6px 0 -6px 4px;
+  padding: 5px;
+}
+div.DTE_Inline div.DTE_Field input[type=color],
+div.DTE_Inline div.DTE_Field input[type=date],
+div.DTE_Inline div.DTE_Field input[type=datetime],
+div.DTE_Inline div.DTE_Field input[type=datetime-local],
+div.DTE_Inline div.DTE_Field input[type=email],
+div.DTE_Inline div.DTE_Field input[type=month],
+div.DTE_Inline div.DTE_Field input[type=number],
+div.DTE_Inline div.DTE_Field input[type=password],
+div.DTE_Inline div.DTE_Field input[type=search],
+div.DTE_Inline div.DTE_Field input[type=tel],
+div.DTE_Inline div.DTE_Field input[type=text],
+div.DTE_Inline div.DTE_Field input[type=time],
+div.DTE_Inline div.DTE_Field input[type=url],
+div.DTE_Inline div.DTE_Field input[type=week] {
+  margin: -6px 0;
+}
+div.DTE_Inline div.DTE_Field_Error,
+div.DTE_Inline div.DTE_Form_Error {
+  font-size: 11px;
+  line-height: 1.2em;
+  padding: 0;
+  margin-top: 10px;
+}
+div.DTE_Inline div.DTE_Field_Error:empty,
+div.DTE_Inline div.DTE_Form_Error:empty {
+  margin-top: 0;
+}
+
+span.dtr-data div.DTE_Inline {
+  display: inline-table;
+}
+
+div.DTE_Inline div.DTE_Field {
+  width: 100%;
+}
+div.DTE_Inline div.DTE_Field > div {
+  width: 100%;
+  padding: 0;
+}
+div.DTE_Inline div.DTE_Field input.form-control {
+  height: 30px;
+}
+div.DTE_Inline div.DTE_Field div.help-block {
+  display: none;
+  margin-top: 10px;
+  margin-bottom: 0;
+}
+div.DTE_Inline.DTE_Processing:after {
+  top: 5px;
+}
+
+div.DTE_Field_Type_checkbox div.controls,
+div.DTE_Field_Type_radio div.controls {
+  margin-top: 0.4em;
+}
+div.DTE_Field_Type_checkbox div.controls label,
+div.DTE_Field_Type_radio div.controls label {
+  margin-left: 0.75em;
+  margin-bottom: 0;
+  vertical-align: middle;
+  font-weight: normal;
+}
+
+div.DTE_Bubble {
+  position: absolute;
+  z-index: 11;
+  margin-top: -6px;
+  opacity: 0;
+  transition: top 0.5s ease-in-out 0s;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner {
+  position: absolute;
+  bottom: 0;
+  border: 1px solid black;
+  width: 300px;
+  margin-left: -150px;
+  background-color: white;
+  box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
+  border-radius: 6px;
+  border: 1px solid #666;
+  padding: 1em;
+  background: #fcfcfc;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
+  width: 100%;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
+  padding: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
+  position: relative;
+  margin-bottom: 0.5em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
+  margin-bottom: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
+  padding-top: 0;
+  margin-bottom: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
+  padding: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
+  margin: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
+  text-align: right;
+  margin-top: 1em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
+  margin-bottom: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
+  padding-top: 42px;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
+  float: none;
+  display: none;
+  padding: 0;
+  margin-bottom: 0.5em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
+  position: absolute;
+  top: 19px;
+  right: 19px;
+  cursor: pointer;
+  z-index: 12;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
+  content: "×";
+  color: rgba(0, 0, 0, 0.5);
+  font-weight: bold;
+  font-size: 22px;
+  font-family: "Courier New", Courier, monospace;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover:after {
+  color: black;
+}
+div.DTE_Bubble div.DTE_Bubble_Triangle {
+  position: absolute;
+  height: 10px;
+  width: 10px;
+  top: -6px;
+  background-color: white;
+  border: 1px solid #666;
+  border-top: none;
+  border-right: none;
+  -webkit-transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  -o-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+div.DTE_Bubble.below div.DTE_Bubble_Liner {
+  top: 10px;
+  bottom: auto;
+}
+div.DTE_Bubble.below div.DTE_Bubble_Triangle {
+  top: 4px;
+  -webkit-transform: rotate(135deg);
+  -moz-transform: rotate(135deg);
+  -ms-transform: rotate(135deg);
+  -o-transform: rotate(135deg);
+  transform: rotate(135deg);
+}
+
+div.DTE_Bubble_Background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.7); /* Fallback */
+  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
+  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
+  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
+  background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
+  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
+  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
+  z-index: 10;
+}
+div.DTE_Bubble_Background > div {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
+}
+div.DTE_Bubble_Background > div:not([dummy]) {
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
+}
+
+div.DTE_Bubble div.DTE_Bubble_Liner {
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  border-radius: 6px;
+  padding: 1em;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label,
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
+  width: 100%;
+  max-width: 100%;
+  float: none;
+  clear: both;
+  text-align: left;
+  flex: none;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label {
+  padding: 0 0 4px 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
+  text-align: right;
+  margin-top: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
+  background-color: #f7f7f7;
+  border-bottom: 1px solid #ebebeb;
+  font-size: 14px;
+  width: 100%;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
+  margin-top: -2px;
+  display: block;
+}
+div.DTE_Bubble div.DTE_Bubble_Triangle {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+  border-left: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+div.DTE_Bubble_Background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 10;
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+div.DTE div.editor_upload {
+  padding-top: 4px;
+}
+div.DTE div.editor_upload div.eu_table {
+  display: table;
+  width: 100%;
+}
+div.DTE div.editor_upload div.row {
+  display: table-row;
+}
+div.DTE div.editor_upload div.cell {
+  display: table-cell;
+  position: relative;
+  width: 50%;
+  vertical-align: top;
+}
+div.DTE div.editor_upload div.cell + div.cell {
+  padding-left: 10px;
+}
+div.DTE div.editor_upload div.row + div.row div.cell {
+  padding-top: 10px;
+}
+div.DTE div.editor_upload button.btn,
+div.DTE div.editor_upload input[type=file] {
+  width: 100%;
+  height: 2.3em;
+  font-size: 0.8em;
+  text-align: center;
+  line-height: 1em;
+  margin: 0;
+}
+div.DTE div.editor_upload input[type=file] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  opacity: 0;
+}
+div.DTE div.editor_upload div.drop {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  border: 3px dashed #ccc;
+  border-radius: 6px;
+  min-height: 4em;
+  color: #999;
+  text-align: center;
+  padding: 1em 2em;
+  line-height: 1.1em;
+}
+div.DTE div.editor_upload div.drop.over {
+  border: 3px dashed #111;
+  color: #111;
+}
+div.DTE div.editor_upload div.drop span {
+  max-width: 75%;
+  font-size: 0.85em;
+  line-height: 1em;
+}
+div.DTE div.editor_upload div.rendered img {
+  max-width: 8em;
+  margin: 0 auto;
+}
+div.DTE div.editor_upload.noDrop div.drop {
+  display: none;
+}
+div.DTE div.editor_upload.noDrop div.row.second {
+  display: none;
+}
+div.DTE div.editor_upload.noDrop div.rendered {
+  margin-top: 10px;
+}
+div.DTE div.editor_upload.noClear div.clearValue button {
+  display: none;
+}
+div.DTE div.editor_upload.multi div.cell {
+  display: block;
+  width: 100%;
+}
+div.DTE div.editor_upload.multi div.cell div.drop {
+  min-height: 0;
+}
+div.DTE div.editor_upload.multi div.clearValue {
+  display: none;
+}
+div.DTE div.editor_upload.multi ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+div.DTE div.editor_upload.multi ul li {
+  position: relative;
+  margin-top: 0.5em;
+}
+div.DTE div.editor_upload.multi ul li:first-child {
+  margin-top: 0;
+}
+div.DTE div.editor_upload.multi ul li img {
+  vertical-align: middle;
+}
+div.DTE div.editor_upload.multi ul li button {
+  position: absolute;
+  width: 40px;
+  right: 0;
+  top: 50%;
+  margin-top: -1.5em;
+}
+
+div.DTE div.editor_upload button.btn,
+div.DTE div.editor_upload input[type=file] {
+  height: auto;
+}
+div.DTE div.editor_upload ul li button {
+  padding-bottom: 8px;
+}
+
+div.DTE_Field_Type_datatable div.dataTables_info {
+  font-size: 0.8em;
+  line-height: 1.3em;
+  padding-right: 1em;
+  font-weight: normal;
+}
+div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
+  display: block;
+}
+div.DTE_Field_Type_datatable div.dt-buttons {
+  padding-bottom: 0.5em;
+  width: 100%;
+}
+div.DTE_Field_Type_datatable div.dt-buttons:empty {
+  display: none;
+}
+div.DTE_Field_Type_datatable div.dataTables_wrapper div.dataTables_paginate {
+  text-align: center;
+}
+
+@media (min-width: 1200px) {
+  div.DTE_Field_Type_datatable label.control-label {
+    text-align: left;
+  }
+}
+div.DTE div.DTE_Processing_Indicator {
+  position: absolute;
+  top: 17px;
+  right: 42px;
+  height: 2em;
+  width: 2em;
+  z-index: 20;
+  font-size: 12px;
+  display: none;
+  -webkit-transform: translateZ(0);
+  -ms-transform: translateZ(0);
+  transform: translateZ(0);
+}
+div.DTE.processing div.DTE_Processing_Indicator {
+  display: block;
+}
+div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
+  display: none;
+}
+div.DTE div.DTE_Field div.DTE_Processing_Indicator {
+  top: 13px;
+  right: 0;
+  font-size: 8px;
+}
+div.DTE.DTE_Inline div.DTE_Processing_Indicator {
+  top: 5px;
+  right: 6px;
+  font-size: 6px;
+}
+div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
+  top: 10px;
+  right: 14px;
+  font-size: 8px;
+}
+div.DTE div.DTE_Processing_Indicator span,
+div.DTE div.DTE_Processing_Indicator:before,
+div.DTE div.DTE_Processing_Indicator:after {
+  display: block;
+  background: black;
+  width: 0.5em;
+  height: 1.5em;
+  border: 1px solid rgba(0, 0, 0, 0.4);
+  background-color: rgba(0, 0, 0, 0.1);
+  -webkit-animation: editorProcessing 0.9s infinite ease-in-out;
+  animation: editorProcessing 0.9s infinite ease-in-out;
+}
+div.DTE div.DTE_Processing_Indicator:before,
+div.DTE div.DTE_Processing_Indicator:after {
+  position: absolute;
+  top: 0;
+  content: "";
+}
+div.DTE div.DTE_Processing_Indicator:before {
+  left: -1em;
+  -webkit-animation-delay: -0.3s;
+  animation-delay: -0.3s;
+}
+div.DTE div.DTE_Processing_Indicator span {
+  -webkit-animation-delay: -0.15s;
+  animation-delay: -0.15s;
+}
+div.DTE div.DTE_Processing_Indicator:after {
+  left: 1em;
+}
+@-webkit-keyframes editorProcessing {
+  0%, 80%, 100% {
+    transform: scale(1, 1);
+  }
+  40% {
+    transform: scale(1, 1.5);
+  }
+}
+@keyframes editorProcessing {
+  0%, 80%, 100% {
+    transform: scale(1, 1);
+  }
+  40% {
+    transform: scale(1, 1.5);
+  }
+}
+
+table.dataTable tbody tr.highlight {
+  background-color: #3399ff !important;
+}
+table.dataTable tbody tr.highlight,
+table.dataTable tbody tr.noHighlight,
+table.dataTable tbody tr.highlight td,
+table.dataTable tbody tr.noHighlight td {
+  -webkit-transition: background-color 500ms linear;
+  -moz-transition: background-color 500ms linear;
+  -ms-transition: background-color 500ms linear;
+  -o-transition: background-color 500ms linear;
+  transition: background-color 500ms linear;
+}
+
+div.DTE div.DTE_Field div.DTE_Processing_Indicator {
+  top: 13px;
+  right: 20px;
+}
+
+div.DTE div.DTE_Processing_Indicator {
+  top: 52px;
+  right: 12px;
+}
+
+/*
+ * Namespace: DTED - DataTables Editor Display - Envelope
+ */
+div.DTED_Envelope_Wrapper {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  height: 100%;
+  z-index: 11;
+  display: none;
+  overflow: hidden;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Shadow {
+  position: absolute;
+  top: -10px;
+  left: 10px;
+  right: 10px;
+  height: 10px;
+  z-index: 10;
+  box-shadow: 0 0 20px black;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container {
+  position: absolute;
+  top: 0;
+  left: 5%;
+  width: 90%;
+  border-left: 1px solid #777;
+  border-right: 1px solid #777;
+  border-bottom: 1px solid #777;
+  box-shadow: 3px 3px 10px #555;
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+  background-color: white;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator {
+  right: 36px;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer {
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
+  position: absolute;
+  top: 19px;
+  right: 19px;
+  cursor: pointer;
+  z-index: 12;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:after {
+  content: "×";
+  color: rgba(0, 0, 0, 0.5);
+  font-weight: bold;
+  font-size: 22px;
+  font-family: "Courier New", Courier, monospace;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover:after {
+  color: black;
+}
+
+div.DTED_Envelope_Background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.7); /* Fallback */
+  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
+  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
+  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
+  background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
+  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
+  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
+  z-index: 10;
+}
+div.DTED_Envelope_Background > div {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
+}
+div.DTED_Envelope_Background > div:not([dummy]) {
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
+}
+
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
+  top: 10px;
+  background: transparent;
+  text-shadow: none;
+  box-shadow: none;
+  border: none;
+  font-size: 21px;
+  color: black;
+  opacity: 0.2;
+}
+div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close:hover {
+  opacity: 1;
+}
+
+div.multi-value,
+div.multi-restore {
+  padding: 0.5em;
+}
+div.multi-value span,
+div.multi-restore span {
+  line-height: 1.2em;
+}
+
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
+  margin: 0 1em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
+  margin-top: 1em;
+}
+
+div.DTE_Inline div.DTE_Field {
+  width: 100%;
+  margin: 0;
+}
+div.DTE_Inline div.DTE_Field > div {
+  max-width: 100%;
+  flex: none;
+}
+div.DTE_Inline div.DTE_Field input {
+  font-size: 1em;
+  margin: -5px 0 -10px !important;
+}
+
+div.DTE_Body div.DTE_Body_Content div.DTE_Field.block label,
+div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div {
+  max-width: 100%;
+  flex: 0 0 100%;
+}
+
+div.DTE_Field_Type_checkbox div.DTE_Field_InputControl,
+div.DTE_Field_Type_radio div.DTE_Field_InputControl {
+  padding-top: 5px;
+}
+div.DTE_Field_Type_checkbox div label,
+div.DTE_Field_Type_radio div label {
+  margin-left: 0.75em;
+  vertical-align: middle;
+}
+
+div.DTE div.DTE_Processing_Indicator {
+  top: 20px;
+  right: 36px;
+}
+
+div.DTE_Field_Type_datatable div.dataTables_filter {
+  padding-bottom: 0.5em;
+}
+div.DTE_Field_Type_datatable div.dt-buttons {
+  padding-bottom: 0.5em;
+  width: 100%;
+}
+div.DTE_Field_Type_datatable div.dt-buttons:empty {
+  display: none;
+}
+div.DTE_Field_Type_datatable div.dataTables_info {
+  font-size: 0.8em;
+  line-height: 1.3em;
+  padding-right: 0;
+}
+div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
+  display: block;
+}
+div.DTE_Field_Type_datatable div.dataTables_wrapper > table {
+  border: 1px solid #ced4da;
+  border-radius: 3px;
+}
+div.DTE_Field_Type_datatable div.dataTables_wrapper > table thead th,
+div.DTE_Field_Type_datatable div.dataTables_wrapper > table tbody td {
+  border-top: none;
+}
+div.DTE_Field_Type_datatable div.dataTables_wrapper div.dataTables_paginate ul.pagination {
+  justify-content: center;
+}

httpdocs/themes/vuexy/vendor/libs/datatable-editor/ccs/editor.bulma.css

@@ -0,0 +1,466 @@
+div.DTE_Inline {
+  position: relative;
+  display: table;
+  width: 100%;
+}
+div.DTE_Inline div.DTE_Inline_Field,
+div.DTE_Inline div.DTE_Inline_Buttons {
+  display: table-cell;
+  vertical-align: middle;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
+  padding: 0;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
+  display: none;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=color],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=date],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime-local],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=email],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=month],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=number],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=password],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=search],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=tel],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=text],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=time],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=url],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=week],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=color],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=date],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime-local],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=email],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=month],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=number],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=password],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=search],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=tel],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=text],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=time],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=url],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=week] {
+  width: 100%;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
+  margin: -6px 0 -6px 4px;
+  padding: 5px;
+}
+div.DTE_Inline div.DTE_Field input[type=color],
+div.DTE_Inline div.DTE_Field input[type=date],
+div.DTE_Inline div.DTE_Field input[type=datetime],
+div.DTE_Inline div.DTE_Field input[type=datetime-local],
+div.DTE_Inline div.DTE_Field input[type=email],
+div.DTE_Inline div.DTE_Field input[type=month],
+div.DTE_Inline div.DTE_Field input[type=number],
+div.DTE_Inline div.DTE_Field input[type=password],
+div.DTE_Inline div.DTE_Field input[type=search],
+div.DTE_Inline div.DTE_Field input[type=tel],
+div.DTE_Inline div.DTE_Field input[type=text],
+div.DTE_Inline div.DTE_Field input[type=time],
+div.DTE_Inline div.DTE_Field input[type=url],
+div.DTE_Inline div.DTE_Field input[type=week] {
+  margin: -6px 0;
+}
+div.DTE_Inline div.DTE_Field_Error,
+div.DTE_Inline div.DTE_Form_Error {
+  font-size: 11px;
+  line-height: 1.2em;
+  padding: 0;
+  margin-top: 10px;
+}
+div.DTE_Inline div.DTE_Field_Error:empty,
+div.DTE_Inline div.DTE_Form_Error:empty {
+  margin-top: 0;
+}
+
+span.dtr-data div.DTE_Inline {
+  display: inline-table;
+}
+
+div.DTE_Bubble {
+  position: absolute;
+  z-index: 11;
+  margin-top: -6px;
+  opacity: 0;
+  transition: top 0.5s ease-in-out 0s;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner {
+  position: absolute;
+  bottom: 0;
+  border: 1px solid black;
+  width: 300px;
+  margin-left: -150px;
+  background-color: white;
+  box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
+  border-radius: 6px;
+  border: 1px solid #666;
+  padding: 1em;
+  background: #fcfcfc;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
+  width: 100%;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
+  padding: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
+  position: relative;
+  margin-bottom: 0.5em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
+  margin-bottom: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
+  padding-top: 0;
+  margin-bottom: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
+  padding: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
+  margin: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
+  text-align: right;
+  margin-top: 1em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
+  margin-bottom: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
+  padding-top: 42px;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
+  float: none;
+  display: none;
+  padding: 0;
+  margin-bottom: 0.5em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
+  position: absolute;
+  top: 19px;
+  right: 19px;
+  cursor: pointer;
+  z-index: 12;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
+  content: "×";
+  color: rgba(0, 0, 0, 0.5);
+  font-weight: bold;
+  font-size: 22px;
+  font-family: "Courier New", Courier, monospace;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover:after {
+  color: black;
+}
+div.DTE_Bubble div.DTE_Bubble_Triangle {
+  position: absolute;
+  height: 10px;
+  width: 10px;
+  top: -6px;
+  background-color: white;
+  border: 1px solid #666;
+  border-top: none;
+  border-right: none;
+  -webkit-transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  -o-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+div.DTE_Bubble.below div.DTE_Bubble_Liner {
+  top: 10px;
+  bottom: auto;
+}
+div.DTE_Bubble.below div.DTE_Bubble_Triangle {
+  top: 4px;
+  -webkit-transform: rotate(135deg);
+  -moz-transform: rotate(135deg);
+  -ms-transform: rotate(135deg);
+  -o-transform: rotate(135deg);
+  transform: rotate(135deg);
+}
+
+div.DTE_Bubble_Background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.7); /* Fallback */
+  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
+  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
+  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
+  background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
+  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
+  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
+  z-index: 10;
+}
+div.DTE_Bubble_Background > div {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
+}
+div.DTE_Bubble_Background > div:not([dummy]) {
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
+}
+
+div.DTE div.editor_upload {
+  padding-top: 4px;
+}
+div.DTE div.editor_upload div.eu_table {
+  display: table;
+  width: 100%;
+}
+div.DTE div.editor_upload div.row {
+  display: table-row;
+}
+div.DTE div.editor_upload div.cell {
+  display: table-cell;
+  position: relative;
+  width: 50%;
+  vertical-align: top;
+}
+div.DTE div.editor_upload div.cell + div.cell {
+  padding-left: 10px;
+}
+div.DTE div.editor_upload div.row + div.row div.cell {
+  padding-top: 10px;
+}
+div.DTE div.editor_upload button.btn,
+div.DTE div.editor_upload input[type=file] {
+  width: 100%;
+  height: 2.3em;
+  font-size: 0.8em;
+  text-align: center;
+  line-height: 1em;
+  margin: 0;
+}
+div.DTE div.editor_upload input[type=file] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  opacity: 0;
+}
+div.DTE div.editor_upload div.drop {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  border: 3px dashed #ccc;
+  border-radius: 6px;
+  min-height: 4em;
+  color: #999;
+  text-align: center;
+  padding: 1em 2em;
+  line-height: 1.1em;
+}
+div.DTE div.editor_upload div.drop.over {
+  border: 3px dashed #111;
+  color: #111;
+}
+div.DTE div.editor_upload div.drop span {
+  max-width: 75%;
+  font-size: 0.85em;
+  line-height: 1em;
+}
+div.DTE div.editor_upload div.rendered img {
+  max-width: 8em;
+  margin: 0 auto;
+}
+div.DTE div.editor_upload.noDrop div.drop {
+  display: none;
+}
+div.DTE div.editor_upload.noDrop div.row.second {
+  display: none;
+}
+div.DTE div.editor_upload.noDrop div.rendered {
+  margin-top: 10px;
+}
+div.DTE div.editor_upload.noClear div.clearValue button {
+  display: none;
+}
+div.DTE div.editor_upload.multi div.cell {
+  display: block;
+  width: 100%;
+}
+div.DTE div.editor_upload.multi div.cell div.drop {
+  min-height: 0;
+}
+div.DTE div.editor_upload.multi div.clearValue {
+  display: none;
+}
+div.DTE div.editor_upload.multi ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+div.DTE div.editor_upload.multi ul li {
+  position: relative;
+  margin-top: 0.5em;
+}
+div.DTE div.editor_upload.multi ul li:first-child {
+  margin-top: 0;
+}
+div.DTE div.editor_upload.multi ul li img {
+  vertical-align: middle;
+}
+div.DTE div.editor_upload.multi ul li button {
+  position: absolute;
+  width: 40px;
+  right: 0;
+  top: 50%;
+  margin-top: -1.5em;
+}
+
+div.DTE div.DTE_Processing_Indicator {
+  position: absolute;
+  top: 17px;
+  right: 42px;
+  height: 2em;
+  width: 2em;
+  z-index: 20;
+  font-size: 12px;
+  display: none;
+  -webkit-transform: translateZ(0);
+  -ms-transform: translateZ(0);
+  transform: translateZ(0);
+}
+div.DTE.processing div.DTE_Processing_Indicator {
+  display: block;
+}
+div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
+  display: none;
+}
+div.DTE div.DTE_Field div.DTE_Processing_Indicator {
+  top: 13px;
+  right: 0;
+  font-size: 8px;
+}
+div.DTE.DTE_Inline div.DTE_Processing_Indicator {
+  top: 5px;
+  right: 6px;
+  font-size: 6px;
+}
+div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
+  top: 10px;
+  right: 14px;
+  font-size: 8px;
+}
+div.DTE div.DTE_Processing_Indicator span,
+div.DTE div.DTE_Processing_Indicator:before,
+div.DTE div.DTE_Processing_Indicator:after {
+  display: block;
+  background: black;
+  width: 0.5em;
+  height: 1.5em;
+  border: 1px solid rgba(0, 0, 0, 0.4);
+  background-color: rgba(0, 0, 0, 0.1);
+  -webkit-animation: editorProcessing 0.9s infinite ease-in-out;
+  animation: editorProcessing 0.9s infinite ease-in-out;
+}
+div.DTE div.DTE_Processing_Indicator:before,
+div.DTE div.DTE_Processing_Indicator:after {
+  position: absolute;
+  top: 0;
+  content: "";
+}
+div.DTE div.DTE_Processing_Indicator:before {
+  left: -1em;
+  -webkit-animation-delay: -0.3s;
+  animation-delay: -0.3s;
+}
+div.DTE div.DTE_Processing_Indicator span {
+  -webkit-animation-delay: -0.15s;
+  animation-delay: -0.15s;
+}
+div.DTE div.DTE_Processing_Indicator:after {
+  left: 1em;
+}
+@-webkit-keyframes editorProcessing {
+  0%, 80%, 100% {
+    transform: scale(1, 1);
+  }
+  40% {
+    transform: scale(1, 1.5);
+  }
+}
+@keyframes editorProcessing {
+  0%, 80%, 100% {
+    transform: scale(1, 1);
+  }
+  40% {
+    transform: scale(1, 1.5);
+  }
+}
+
+div.modal-content {
+  padding: 20px;
+  background: white;
+  border-radius: 5px;
+}
+div.modal-content div.modal-header {
+  padding-bottom: 20px;
+}
+div.modal-content div.modal-footer {
+  padding-top: 6px;
+}
+div.modal-content div.field.is-grouped {
+  display: none;
+}
+div.modal-content div.dataTables_info {
+  font-weight: 1;
+  font-size: 0.8em;
+  padding-left: 2px;
+}
+div.modal-content div.dataTables_info span.select-item {
+  padding-left: 0.5em;
+}
+
+div.DTE_Form_Buttons {
+  display: flex;
+  flex-direction: row-reverse;
+  padding-top: 10px;
+}
+div.DTE_Form_Buttons button {
+  margin-left: 0.5em;
+}
+
+div.card {
+  border-color: #888;
+}
+
+table.dataTable div.field {
+  margin-bottom: 0px;
+}
+table.dataTable div.field input.input {
+  padding: 0px;
+}
+table.dataTable div.field input.is-small {
+  font-size: 1em;
+  height: 2em;
+}
+
+div.DTE_Field_Type_checkbox div label,
+div.DTE_Field_Type_radio div label {
+  margin-left: 0.75em;
+}

httpdocs/themes/vuexy/vendor/libs/datatable-editor/ccs/editor.foundation.css

@@ -0,0 +1,590 @@
+div.DTE div.DTE_Form_Error {
+  display: none;
+  color: #b11f1f;
+}
+div.DTE div.DTE_Form_Buttons {
+  display: flex;
+  flex-direction: row-reverse;
+}
+div.DTE div.DTE_Form_Buttons button {
+  margin-left: 0.5em;
+}
+
+div.DTE_Field div.multi-value,
+div.DTE_Field div.multi-restore {
+  display: none;
+  cursor: pointer;
+  padding: 0.75rem;
+}
+div.DTE_Field div.multi-value span,
+div.DTE_Field div.multi-restore span {
+  display: block;
+  color: #666;
+  font-size: 0.8em;
+  line-height: 1.25em;
+}
+div.DTE_Field div.multi-value:hover,
+div.DTE_Field div.multi-restore:hover {
+  background-color: #e5e5e5;
+}
+div.DTE_Field div.multi-restore {
+  margin-top: 0.5em;
+  font-size: 0.8em;
+  line-height: 1.25em;
+  padding: 0.5rem 0.75rem;
+}
+div.DTE_Field div.label {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+div.DTE_Field div.label:empty {
+  padding: 0;
+  margin: 0;
+}
+div.DTE_Field:after {
+  display: block;
+  content: ".";
+  height: 0;
+  line-height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+div.reveal-modal button.close {
+  position: absolute;
+  top: -1.5em;
+  right: -2.5em;
+}
+div.reveal-modal button.close.close-button {
+  right: 1rem;
+  top: 0.5rem;
+  z-index: 100;
+}
+div.reveal-modal div.DTE_Header {
+  position: relative;
+  top: -0.5em;
+  font-size: 2.05556rem;
+  line-height: 1.4;
+}
+div.reveal-modal div.DTE_Form_Content {
+  width: 75%;
+  margin: 0 auto;
+}
+div.reveal-modal div.DTE_Footer {
+  position: relative;
+  bottom: -0.5em;
+  float: right;
+}
+div.reveal-modal div.DTE_Footer button {
+  margin-bottom: 0;
+}
+
+div.DTE_Inline {
+  position: relative;
+  display: table;
+  width: 100%;
+}
+div.DTE_Inline div.DTE_Inline_Field,
+div.DTE_Inline div.DTE_Inline_Buttons {
+  display: table-cell;
+  vertical-align: middle;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
+  padding: 0;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
+  display: none;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=color],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=date],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime-local],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=email],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=month],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=number],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=password],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=search],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=tel],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=text],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=time],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=url],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=week],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=color],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=date],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime-local],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=email],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=month],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=number],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=password],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=search],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=tel],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=text],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=time],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=url],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=week] {
+  width: 100%;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
+  margin: -6px 0 -6px 4px;
+  padding: 5px;
+}
+div.DTE_Inline div.DTE_Field input[type=color],
+div.DTE_Inline div.DTE_Field input[type=date],
+div.DTE_Inline div.DTE_Field input[type=datetime],
+div.DTE_Inline div.DTE_Field input[type=datetime-local],
+div.DTE_Inline div.DTE_Field input[type=email],
+div.DTE_Inline div.DTE_Field input[type=month],
+div.DTE_Inline div.DTE_Field input[type=number],
+div.DTE_Inline div.DTE_Field input[type=password],
+div.DTE_Inline div.DTE_Field input[type=search],
+div.DTE_Inline div.DTE_Field input[type=tel],
+div.DTE_Inline div.DTE_Field input[type=text],
+div.DTE_Inline div.DTE_Field input[type=time],
+div.DTE_Inline div.DTE_Field input[type=url],
+div.DTE_Inline div.DTE_Field input[type=week] {
+  margin: -6px 0;
+}
+div.DTE_Inline div.DTE_Field_Error,
+div.DTE_Inline div.DTE_Form_Error {
+  font-size: 11px;
+  line-height: 1.2em;
+  padding: 0;
+  margin-top: 10px;
+}
+div.DTE_Inline div.DTE_Field_Error:empty,
+div.DTE_Inline div.DTE_Form_Error:empty {
+  margin-top: 0;
+}
+
+span.dtr-data div.DTE_Inline {
+  display: inline-table;
+}
+
+div.DTE_Inline div.DTE_Field > div {
+  width: 100%;
+  padding: 0;
+}
+div.DTE_Inline div.DTE_Field input {
+  height: 30px;
+  margin-bottom: 0;
+}
+div.DTE_Inline div.DTE_Field div.label:empty {
+  display: none;
+}
+
+div.DTE_Bubble {
+  position: absolute;
+  z-index: 11;
+  margin-top: -6px;
+  opacity: 0;
+  transition: top 0.5s ease-in-out 0s;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner {
+  position: absolute;
+  bottom: 0;
+  border: 1px solid black;
+  width: 300px;
+  margin-left: -150px;
+  background-color: white;
+  box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
+  border-radius: 6px;
+  border: 1px solid #666;
+  padding: 1em;
+  background: #fcfcfc;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
+  width: 100%;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
+  padding: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
+  position: relative;
+  margin-bottom: 0.5em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
+  margin-bottom: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
+  padding-top: 0;
+  margin-bottom: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
+  padding: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
+  margin: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
+  text-align: right;
+  margin-top: 1em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
+  margin-bottom: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
+  padding-top: 42px;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
+  float: none;
+  display: none;
+  padding: 0;
+  margin-bottom: 0.5em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
+  position: absolute;
+  top: 19px;
+  right: 19px;
+  cursor: pointer;
+  z-index: 12;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
+  content: "×";
+  color: rgba(0, 0, 0, 0.5);
+  font-weight: bold;
+  font-size: 22px;
+  font-family: "Courier New", Courier, monospace;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover:after {
+  color: black;
+}
+div.DTE_Bubble div.DTE_Bubble_Triangle {
+  position: absolute;
+  height: 10px;
+  width: 10px;
+  top: -6px;
+  background-color: white;
+  border: 1px solid #666;
+  border-top: none;
+  border-right: none;
+  -webkit-transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  -o-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+div.DTE_Bubble.below div.DTE_Bubble_Liner {
+  top: 10px;
+  bottom: auto;
+}
+div.DTE_Bubble.below div.DTE_Bubble_Triangle {
+  top: 4px;
+  -webkit-transform: rotate(135deg);
+  -moz-transform: rotate(135deg);
+  -ms-transform: rotate(135deg);
+  -o-transform: rotate(135deg);
+  transform: rotate(135deg);
+}
+
+div.DTE_Bubble_Background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.7); /* Fallback */
+  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
+  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
+  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
+  background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
+  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
+  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
+  z-index: 10;
+}
+div.DTE_Bubble_Background > div {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
+}
+div.DTE_Bubble_Background > div:not([dummy]) {
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
+}
+
+div.DTE_Bubble div.DTE_Bubble_Liner {
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  border-radius: 6px;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label,
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
+  width: 100%;
+  float: none;
+  clear: both;
+  text-align: left;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label {
+  padding-bottom: 4px;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
+  margin-top: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
+  background-color: #f7f7f7;
+  border-bottom: 1px solid #ebebeb;
+  font-size: 14px;
+  width: 100%;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
+  margin-top: -2px;
+  display: block;
+}
+div.DTE_Bubble div.DTE_Bubble_Triangle {
+  border-color: rgba(0, 0, 0, 0.2);
+}
+
+div.DTE_Bubble_Background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 10;
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+div.DTE div.editor_upload {
+  padding-top: 4px;
+}
+div.DTE div.editor_upload div.eu_table {
+  display: table;
+  width: 100%;
+}
+div.DTE div.editor_upload div.row {
+  display: table-row;
+}
+div.DTE div.editor_upload div.cell {
+  display: table-cell;
+  position: relative;
+  width: 50%;
+  vertical-align: top;
+}
+div.DTE div.editor_upload div.cell + div.cell {
+  padding-left: 10px;
+}
+div.DTE div.editor_upload div.row + div.row div.cell {
+  padding-top: 10px;
+}
+div.DTE div.editor_upload button.btn,
+div.DTE div.editor_upload input[type=file] {
+  width: 100%;
+  height: 2.3em;
+  font-size: 0.8em;
+  text-align: center;
+  line-height: 1em;
+  margin: 0;
+}
+div.DTE div.editor_upload input[type=file] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  opacity: 0;
+}
+div.DTE div.editor_upload div.drop {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  border: 3px dashed #ccc;
+  border-radius: 6px;
+  min-height: 4em;
+  color: #999;
+  text-align: center;
+  padding: 1em 2em;
+  line-height: 1.1em;
+}
+div.DTE div.editor_upload div.drop.over {
+  border: 3px dashed #111;
+  color: #111;
+}
+div.DTE div.editor_upload div.drop span {
+  max-width: 75%;
+  font-size: 0.85em;
+  line-height: 1em;
+}
+div.DTE div.editor_upload div.rendered img {
+  max-width: 8em;
+  margin: 0 auto;
+}
+div.DTE div.editor_upload.noDrop div.drop {
+  display: none;
+}
+div.DTE div.editor_upload.noDrop div.row.second {
+  display: none;
+}
+div.DTE div.editor_upload.noDrop div.rendered {
+  margin-top: 10px;
+}
+div.DTE div.editor_upload.noClear div.clearValue button {
+  display: none;
+}
+div.DTE div.editor_upload.multi div.cell {
+  display: block;
+  width: 100%;
+}
+div.DTE div.editor_upload.multi div.cell div.drop {
+  min-height: 0;
+}
+div.DTE div.editor_upload.multi div.clearValue {
+  display: none;
+}
+div.DTE div.editor_upload.multi ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+div.DTE div.editor_upload.multi ul li {
+  position: relative;
+  margin-top: 0.5em;
+}
+div.DTE div.editor_upload.multi ul li:first-child {
+  margin-top: 0;
+}
+div.DTE div.editor_upload.multi ul li img {
+  vertical-align: middle;
+}
+div.DTE div.editor_upload.multi ul li button {
+  position: absolute;
+  width: 40px;
+  right: 0;
+  top: 50%;
+  margin-top: -1.5em;
+}
+
+div.DTE div.editor_upload button.button,
+div.DTE div.editor_upload input[type=file] {
+  width: 100%;
+  font-size: 0.8em;
+  margin-bottom: 0;
+}
+div.DTE div.editor_upload ul li button {
+  width: 63px;
+}
+
+div.DTE_Field_Type_datatable div.dataTables_filter input {
+  height: 1.75rem;
+  margin-bottom: 0.333rem;
+}
+div.DTE_Field_Type_datatable div.dt-buttons {
+  padding-bottom: 0.5em;
+  width: 100%;
+  padding-right: 1em;
+  margin-bottom: 0;
+}
+div.DTE_Field_Type_datatable div.dt-buttons:empty {
+  display: none;
+}
+div.DTE_Field_Type_datatable div.dataTables_info {
+  font-size: 0.8em;
+  line-height: 1.3em;
+  padding-right: 1em;
+}
+div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
+  display: block;
+}
+div.DTE_Field_Type_datatable div.dataTables_wrapper div.dataTables_paginate {
+  float: none;
+  text-align: center;
+}
+
+div.DTE div.DTE_Processing_Indicator {
+  position: absolute;
+  top: 17px;
+  right: 42px;
+  height: 2em;
+  width: 2em;
+  z-index: 20;
+  font-size: 12px;
+  display: none;
+  -webkit-transform: translateZ(0);
+  -ms-transform: translateZ(0);
+  transform: translateZ(0);
+}
+div.DTE.processing div.DTE_Processing_Indicator {
+  display: block;
+}
+div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
+  display: none;
+}
+div.DTE div.DTE_Field div.DTE_Processing_Indicator {
+  top: 13px;
+  right: 0;
+  font-size: 8px;
+}
+div.DTE.DTE_Inline div.DTE_Processing_Indicator {
+  top: 5px;
+  right: 6px;
+  font-size: 6px;
+}
+div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
+  top: 10px;
+  right: 14px;
+  font-size: 8px;
+}
+div.DTE div.DTE_Processing_Indicator span,
+div.DTE div.DTE_Processing_Indicator:before,
+div.DTE div.DTE_Processing_Indicator:after {
+  display: block;
+  background: black;
+  width: 0.5em;
+  height: 1.5em;
+  border: 1px solid rgba(0, 0, 0, 0.4);
+  background-color: rgba(0, 0, 0, 0.1);
+  -webkit-animation: editorProcessing 0.9s infinite ease-in-out;
+  animation: editorProcessing 0.9s infinite ease-in-out;
+}
+div.DTE div.DTE_Processing_Indicator:before,
+div.DTE div.DTE_Processing_Indicator:after {
+  position: absolute;
+  top: 0;
+  content: "";
+}
+div.DTE div.DTE_Processing_Indicator:before {
+  left: -1em;
+  -webkit-animation-delay: -0.3s;
+  animation-delay: -0.3s;
+}
+div.DTE div.DTE_Processing_Indicator span {
+  -webkit-animation-delay: -0.15s;
+  animation-delay: -0.15s;
+}
+div.DTE div.DTE_Processing_Indicator:after {
+  left: 1em;
+}
+@-webkit-keyframes editorProcessing {
+  0%, 80%, 100% {
+    transform: scale(1, 1);
+  }
+  40% {
+    transform: scale(1, 1.5);
+  }
+}
+@keyframes editorProcessing {
+  0%, 80%, 100% {
+    transform: scale(1, 1);
+  }
+  40% {
+    transform: scale(1, 1.5);
+  }
+}
+
+div.DTE div.DTE_Processing_Indicator {
+  top: 26px;
+  right: 95px;
+}

httpdocs/themes/vuexy/vendor/libs/datatable-editor/ccs/editor.jqueryui.css

@@ -0,0 +1,865 @@
+div.DTE_Field input,
+div.DTE_Field textarea {
+  box-sizing: border-box;
+  background-color: white;
+  -webkit-transition: background-color ease-in-out 0.15s;
+  transition: background-color ease-in-out 0.15s;
+}
+div.DTE_Field input:focus,
+div.DTE_Field textarea:focus {
+  background-color: #ffffee;
+}
+div.DTE_Field input[type=color],
+div.DTE_Field input[type=date],
+div.DTE_Field input[type=datetime],
+div.DTE_Field input[type=datetime-local],
+div.DTE_Field input[type=email],
+div.DTE_Field input[type=month],
+div.DTE_Field input[type=number],
+div.DTE_Field input[type=password],
+div.DTE_Field input[type=search],
+div.DTE_Field input[type=tel],
+div.DTE_Field input[type=text],
+div.DTE_Field input[type=time],
+div.DTE_Field input[type=url],
+div.DTE_Field input[type=week] {
+  padding: 5px 4px;
+  width: 100%;
+  border: 1px solid #aaa;
+  border-radius: 3px;
+}
+div.DTE_Field input[type=checkbox],
+div.DTE_Field input[type=radio] {
+  vertical-align: middle;
+}
+div.DTE_Field select {
+  padding: 5px 4px;
+  border-radius: 3px;
+  border: 1px solid #aaa;
+  background: white;
+  max-width: 100%;
+}
+div.DTE_Field label div.DTE_Label_Info {
+  font-size: 0.85em;
+  margin-top: 0.25em;
+}
+div.DTE_Field label div.DTE_Label_Info:empty {
+  margin-top: 0;
+}
+div.DTE_Field div.DTE_Field_Info,
+div.DTE_Field div.DTE_Field_Message,
+div.DTE_Field div.DTE_Field_Error {
+  font-size: 11px;
+  line-height: 1em;
+  margin-top: 5px;
+}
+div.DTE_Field div.DTE_Field_Info:empty,
+div.DTE_Field div.DTE_Field_Message:empty,
+div.DTE_Field div.DTE_Field_Error:empty {
+  margin-top: 0;
+}
+div.DTE_Field div.DTE_Field_Error {
+  display: none;
+  color: #b11f1f;
+}
+div.DTE_Field div.multi-value {
+  display: none;
+  border: 1px dotted #666;
+  border-radius: 3px;
+  padding: 5px;
+  background-color: #fafafa;
+  cursor: pointer;
+}
+div.DTE_Field div.multi-value span {
+  font-size: 0.8em;
+  line-height: 1.25em;
+  display: block;
+  color: #666;
+}
+div.DTE_Field div.multi-value.multi-noEdit {
+  border: 1px solid #ccc;
+  cursor: auto;
+  background-color: #fcfcfc;
+}
+div.DTE_Field div.multi-value.multi-noEdit:hover {
+  background-color: #fcfcfc;
+}
+div.DTE_Field div.multi-value:hover {
+  background-color: #f1f1f1;
+}
+div.DTE_Field.disabled {
+  color: grey;
+}
+div.DTE_Field.disabled div.multi-value {
+  cursor: default;
+  border: 1px dotted #aaa;
+  background-color: transparent;
+}
+div.DTE_Field div.multi-restore {
+  display: none;
+  margin-top: 0.5em;
+  font-size: 0.8em;
+  line-height: 1.25em;
+  color: #3879d9;
+}
+div.DTE_Field div.multi-restore:hover {
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+div.DTE_Field_Type_textarea textarea {
+  padding: 3px;
+  width: 100%;
+  height: 80px;
+  border: 1px solid #aaa;
+}
+
+div.DTE_Field.DTE_Field_Type_date img {
+  vertical-align: middle;
+  cursor: pointer;
+}
+
+div.DTE_Field_Type_checkbox div.DTE_Field_Input,
+div.DTE_Field_Type_radio div.DTE_Field_Input {
+  padding-top: 1px;
+}
+div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div,
+div.DTE_Field_Type_radio div.DTE_Field_Input > div > div {
+  margin-bottom: 0.25em;
+}
+div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div:last-child,
+div.DTE_Field_Type_radio div.DTE_Field_Input > div > div:last-child {
+  margin-bottom: 0;
+}
+div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div label,
+div.DTE_Field_Type_radio div.DTE_Field_Input > div > div label {
+  margin-left: 0.75em;
+  vertical-align: middle;
+}
+
+div.DTE_Field_Type_datatable div.dataTables_info {
+  font-size: 0.8em;
+  line-height: 1.3em;
+  padding-right: 1em;
+  padding-bottom: 0.5em;
+}
+div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
+  display: block;
+}
+div.DTE_Field_Type_datatable div.dataTables_filter {
+  padding-right: 1em;
+  padding-bottom: 0.5em;
+}
+div.DTE_Field_Type_datatable div.dataTables_filter input {
+  width: 100%;
+}
+div.DTE_Field_Type_datatable div.dt-buttons {
+  padding-right: 1em;
+  padding-bottom: 0.5em;
+}
+div.DTE_Field_Type_datatable div.dt-buttons button {
+  width: 100%;
+}
+div.DTE_Field_Type_datatable div.dt-buttons:empty {
+  padding-bottom: 0;
+}
+div.DTE_Field_Type_datatable div.dataTables_paginate {
+  float: none;
+  text-align: center;
+  font-size: 0.8em;
+}
+div.DTE_Field_Type_datatable table.dataTable.no-footer {
+  border-bottom: 1px solid #aaa !important;
+}
+div.DTE_Field_Type_datatable table.dataTable thead th, div.DTE_Field_Type_datatable table.dataTable thead td {
+  font-weight: normal;
+  padding-top: 3px;
+  padding-bottom: 3px;
+  border-bottom: 1px solid #aaa;
+}
+div.DTE_Field_Type_datatable table.dataTable tbody th:first-child,
+div.DTE_Field_Type_datatable table.dataTable tbody td:first-child {
+  border-left: 1px solid #aaa;
+}
+div.DTE_Field_Type_datatable table.dataTable tbody th:last-child,
+div.DTE_Field_Type_datatable table.dataTable tbody td:last-child {
+  border-right: 1px solid #aaa;
+}
+div.DTE_Field_Type_datatable table.dataTable tfoot th, div.DTE_Field_Type_datatable table.dataTable tfoot td {
+  font-weight: normal;
+  padding-top: 3px;
+  padding-bottom: 3px;
+  border-top: 1px solid #aaa;
+}
+div.DTE_Field_Type_datatable div.dataTables_scrollHead table.dataTable,
+div.DTE_Field_Type_datatable div.dataTables_scrollHead table.dataTable thead th,
+div.DTE_Field_Type_datatable div.dataTables_scrollHead table.dataTable thead td {
+  border-bottom: none !important;
+}
+div.DTE_Field_Type_datatable div.dataTables_scrollBody {
+  border: 1px solid #aaa !important;
+  border-radius: 3px;
+}
+div.DTE_Field_Type_datatable div.dataTables_scrollBody table.dataTable {
+  border-bottom: none !important;
+}
+div.DTE_Field_Type_datatable div.dataTables_scrollBody table.dataTable tbody th:first-child,
+div.DTE_Field_Type_datatable div.dataTables_scrollBody table.dataTable tbody td:first-child {
+  border-left: none;
+}
+div.DTE_Field_Type_datatable div.dataTables_scrollBody table.dataTable tbody th:last-child,
+div.DTE_Field_Type_datatable div.dataTables_scrollBody table.dataTable tbody td:last-child {
+  border-right: none;
+}
+
+div.DTE_Body {
+  padding: 52px 0;
+}
+div.DTE_Body div.DTE_Body_Content {
+  position: relative;
+  overflow: auto;
+}
+div.DTE_Body div.DTE_Body_Content div.DTE_Form_Info {
+  padding: 1em 1em 0 1em;
+  margin: 0;
+}
+div.DTE_Body div.DTE_Body_Content div.DTE_Field {
+  position: relative;
+  clear: both;
+  padding: 5px 10%;
+  border: 1px solid transparent;
+}
+div.DTE_Body div.DTE_Body_Content div.DTE_Field:after {
+  display: block;
+  content: ".";
+  height: 0;
+  line-height: 0;
+  clear: both;
+  visibility: hidden;
+}
+div.DTE_Body div.DTE_Body_Content div.DTE_Field:hover {
+  background-color: #f9f9f9;
+  border: 1px solid #f3f3f3;
+}
+div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
+  float: left;
+  width: 33%;
+  padding-top: 3px;
+}
+div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
+  float: right;
+  width: 66%;
+}
+div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
+  padding: 5px 0 5px 10%;
+}
+div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
+  float: none;
+  clear: both;
+  width: 100%;
+}
+
+html[dir=rtl] div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
+  float: right;
+}
+html[dir=rtl] div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
+  float: left;
+}
+html[dir=rtl] div.DTE div.DTE_Form_Buttons button {
+  float: left;
+}
+
+@media only screen and (max-width: 768px) {
+  div.DTE_Body div.DTE_Body_Content div.DTE_Field {
+    padding: 5px 10%;
+  }
+  div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
+    padding: 5px 0 5px 10%;
+  }
+  div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label {
+    width: 35.5%;
+  }
+  div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input {
+    width: 64.5%;
+  }
+  div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
+    width: 100%;
+  }
+}
+@media only screen and (max-width: 640px) {
+  div.DTE_Body div.DTE_Body_Content div.DTE_Field {
+    padding: 5px 0;
+  }
+  div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
+    padding: 5px 0%;
+  }
+  div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label {
+    width: 40%;
+  }
+  div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input {
+    width: 60%;
+  }
+  div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
+    width: 100%;
+  }
+}
+@media only screen and (max-width: 580px) {
+  div.DTE_Body div.DTE_Body_Content div.DTE_Field {
+    position: relative;
+    clear: both;
+    padding: 5px 0;
+  }
+  div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
+    float: none;
+    width: auto;
+    padding-top: 0;
+  }
+  div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
+    float: none;
+    width: auto;
+    margin-top: 4px;
+    margin-bottom: 6px;
+  }
+  div.DTE_Body div.DTE_Body_Content div.DTE_Field.full, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block {
+    padding: 5px 0;
+  }
+  div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label,
+  div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > label,
+  div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
+    width: 100%;
+  }
+}
+div.DTE_Bubble {
+  position: absolute;
+  z-index: 11;
+  margin-top: -6px;
+  opacity: 0;
+  transition: top 0.5s ease-in-out 0s;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner {
+  position: absolute;
+  bottom: 0;
+  border: 1px solid black;
+  width: 300px;
+  margin-left: -150px;
+  background-color: white;
+  box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
+  border-radius: 6px;
+  border: 1px solid #666;
+  padding: 1em;
+  background: #fcfcfc;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
+  width: 100%;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
+  padding: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
+  position: relative;
+  margin-bottom: 0.5em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
+  margin-bottom: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
+  padding-top: 0;
+  margin-bottom: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
+  padding: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
+  margin: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
+  text-align: right;
+  margin-top: 1em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
+  margin-bottom: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
+  padding-top: 42px;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
+  float: none;
+  display: none;
+  padding: 0;
+  margin-bottom: 0.5em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
+  position: absolute;
+  top: 19px;
+  right: 19px;
+  cursor: pointer;
+  z-index: 12;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
+  content: "×";
+  color: rgba(0, 0, 0, 0.5);
+  font-weight: bold;
+  font-size: 22px;
+  font-family: "Courier New", Courier, monospace;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover:after {
+  color: black;
+}
+div.DTE_Bubble div.DTE_Bubble_Triangle {
+  position: absolute;
+  height: 10px;
+  width: 10px;
+  top: -6px;
+  background-color: white;
+  border: 1px solid #666;
+  border-top: none;
+  border-right: none;
+  -webkit-transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  -o-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+div.DTE_Bubble.below div.DTE_Bubble_Liner {
+  top: 10px;
+  bottom: auto;
+}
+div.DTE_Bubble.below div.DTE_Bubble_Triangle {
+  top: 4px;
+  -webkit-transform: rotate(135deg);
+  -moz-transform: rotate(135deg);
+  -ms-transform: rotate(135deg);
+  -o-transform: rotate(135deg);
+  transform: rotate(135deg);
+}
+
+div.DTE_Bubble_Background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.7); /* Fallback */
+  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
+  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
+  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
+  background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
+  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
+  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
+  z-index: 10;
+}
+div.DTE_Bubble_Background > div {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
+}
+div.DTE_Bubble_Background > div:not([dummy]) {
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
+}
+
+div.DTE_Inline {
+  position: relative;
+  display: table;
+  width: 100%;
+}
+div.DTE_Inline div.DTE_Inline_Field,
+div.DTE_Inline div.DTE_Inline_Buttons {
+  display: table-cell;
+  vertical-align: middle;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
+  padding: 0;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
+  display: none;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=color],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=date],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime-local],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=email],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=month],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=number],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=password],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=search],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=tel],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=text],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=time],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=url],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=week],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=color],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=date],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime-local],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=email],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=month],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=number],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=password],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=search],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=tel],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=text],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=time],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=url],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=week] {
+  width: 100%;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
+  margin: -6px 0 -6px 4px;
+  padding: 5px;
+}
+div.DTE_Inline div.DTE_Field input[type=color],
+div.DTE_Inline div.DTE_Field input[type=date],
+div.DTE_Inline div.DTE_Field input[type=datetime],
+div.DTE_Inline div.DTE_Field input[type=datetime-local],
+div.DTE_Inline div.DTE_Field input[type=email],
+div.DTE_Inline div.DTE_Field input[type=month],
+div.DTE_Inline div.DTE_Field input[type=number],
+div.DTE_Inline div.DTE_Field input[type=password],
+div.DTE_Inline div.DTE_Field input[type=search],
+div.DTE_Inline div.DTE_Field input[type=tel],
+div.DTE_Inline div.DTE_Field input[type=text],
+div.DTE_Inline div.DTE_Field input[type=time],
+div.DTE_Inline div.DTE_Field input[type=url],
+div.DTE_Inline div.DTE_Field input[type=week] {
+  margin: -6px 0;
+}
+div.DTE_Inline div.DTE_Field_Error,
+div.DTE_Inline div.DTE_Form_Error {
+  font-size: 11px;
+  line-height: 1.2em;
+  padding: 0;
+  margin-top: 10px;
+}
+div.DTE_Inline div.DTE_Field_Error:empty,
+div.DTE_Inline div.DTE_Form_Error:empty {
+  margin-top: 0;
+}
+
+span.dtr-data div.DTE_Inline {
+  display: inline-table;
+}
+
+table.dataTable tbody tr.highlight {
+  background-color: #FFFBCC !important;
+}
+table.dataTable tbody tr.highlight,
+table.dataTable tbody tr.noHighlight,
+table.dataTable tbody tr.highlight td,
+table.dataTable tbody tr.noHighlight td {
+  -webkit-transition: background-color 500ms linear;
+  -moz-transition: background-color 500ms linear;
+  -ms-transition: background-color 500ms linear;
+  -o-transition: background-color 500ms linear;
+  transition: background-color 500ms linear;
+}
+table.dataTable.stripe tbody tr.odd.highlight, table.dataTable.display tbody tr.odd.highlight {
+  background-color: #f9f5c7;
+}
+table.dataTable.hover tbody tr:hover.highlight,
+table.dataTable.hover tbody tr.odd:hover.highlight,
+table.dataTable.hover tbody tr.even:hover.highlight, table.dataTable.display tbody tr:hover.highlight,
+table.dataTable.display tbody tr.odd:hover.highlight,
+table.dataTable.display tbody tr.even:hover.highlight {
+  background-color: #f6f2c5;
+}
+table.dataTable.order-column tbody tr.highlight > .sorting_1,
+table.dataTable.order-column tbody tr.highlight > .sorting_2,
+table.dataTable.order-column tbody tr.highlight > .sorting_3, table.dataTable.display tbody tr.highlight > .sorting_1,
+table.dataTable.display tbody tr.highlight > .sorting_2,
+table.dataTable.display tbody tr.highlight > .sorting_3 {
+  background-color: #faf6c8;
+}
+table.dataTable.display tbody tr.odd.highlight > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_1 {
+  background-color: #f1edc1;
+}
+table.dataTable.display tbody tr.odd.highlight > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_2 {
+  background-color: #f3efc2;
+}
+table.dataTable.display tbody tr.odd.highlight > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_3 {
+  background-color: #f5f1c4;
+}
+table.dataTable.display tbody tr.even.highlight > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_1 {
+  background-color: #faf6c8;
+}
+table.dataTable.display tbody tr.even.highlight > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_2 {
+  background-color: #fcf8ca;
+}
+table.dataTable.display tbody tr.even.highlight > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_3 {
+  background-color: #fefacb;
+}
+table.dataTable.display tbody tr:hover.highlight > .sorting_1,
+table.dataTable.display tbody tr.odd:hover.highlight > .sorting_1,
+table.dataTable.display tbody tr.even:hover.highlight > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_1,
+table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_1,
+table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_1 {
+  background-color: #eae6bb;
+}
+table.dataTable.display tbody tr:hover.highlight > .sorting_2,
+table.dataTable.display tbody tr.odd:hover.highlight > .sorting_2,
+table.dataTable.display tbody tr.even:hover.highlight > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_2,
+table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_2,
+table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_2 {
+  background-color: #ece8bd;
+}
+table.dataTable.display tbody tr:hover.highlight > .sorting_3,
+table.dataTable.display tbody tr.odd:hover.highlight > .sorting_3,
+table.dataTable.display tbody tr.even:hover.highlight > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_3,
+table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_3,
+table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_3 {
+  background-color: #efebbf;
+}
+table.dataTable tr.dte-inlineAdd td,
+table.dataTable tr.dte-inlineAdd th {
+  vertical-align: top;
+}
+
+div.DTE div.editor_upload {
+  padding-top: 4px;
+}
+div.DTE div.editor_upload div.eu_table {
+  display: table;
+  width: 100%;
+}
+div.DTE div.editor_upload div.row {
+  display: table-row;
+}
+div.DTE div.editor_upload div.cell {
+  display: table-cell;
+  position: relative;
+  width: 50%;
+  vertical-align: top;
+}
+div.DTE div.editor_upload div.cell + div.cell {
+  padding-left: 10px;
+}
+div.DTE div.editor_upload div.row + div.row div.cell {
+  padding-top: 10px;
+}
+div.DTE div.editor_upload button.btn,
+div.DTE div.editor_upload input[type=file] {
+  width: 100%;
+  height: 2.3em;
+  font-size: 0.8em;
+  text-align: center;
+  line-height: 1em;
+  margin: 0;
+}
+div.DTE div.editor_upload input[type=file] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  opacity: 0;
+}
+div.DTE div.editor_upload div.drop {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  border: 3px dashed #ccc;
+  border-radius: 6px;
+  min-height: 4em;
+  color: #999;
+  text-align: center;
+  padding: 1em 2em;
+  line-height: 1.1em;
+}
+div.DTE div.editor_upload div.drop.over {
+  border: 3px dashed #111;
+  color: #111;
+}
+div.DTE div.editor_upload div.drop span {
+  max-width: 75%;
+  font-size: 0.85em;
+  line-height: 1em;
+}
+div.DTE div.editor_upload div.rendered img {
+  max-width: 8em;
+  margin: 0 auto;
+}
+div.DTE div.editor_upload.noDrop div.drop {
+  display: none;
+}
+div.DTE div.editor_upload.noDrop div.row.second {
+  display: none;
+}
+div.DTE div.editor_upload.noDrop div.rendered {
+  margin-top: 10px;
+}
+div.DTE div.editor_upload.noClear div.clearValue button {
+  display: none;
+}
+div.DTE div.editor_upload.multi div.cell {
+  display: block;
+  width: 100%;
+}
+div.DTE div.editor_upload.multi div.cell div.drop {
+  min-height: 0;
+}
+div.DTE div.editor_upload.multi div.clearValue {
+  display: none;
+}
+div.DTE div.editor_upload.multi ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+div.DTE div.editor_upload.multi ul li {
+  position: relative;
+  margin-top: 0.5em;
+}
+div.DTE div.editor_upload.multi ul li:first-child {
+  margin-top: 0;
+}
+div.DTE div.editor_upload.multi ul li img {
+  vertical-align: middle;
+}
+div.DTE div.editor_upload.multi ul li button {
+  position: absolute;
+  width: 40px;
+  right: 0;
+  top: 50%;
+  margin-top: -1.5em;
+}
+
+div.DTE div.DTE_Processing_Indicator {
+  position: absolute;
+  top: 17px;
+  right: 42px;
+  height: 2em;
+  width: 2em;
+  z-index: 20;
+  font-size: 12px;
+  display: none;
+  -webkit-transform: translateZ(0);
+  -ms-transform: translateZ(0);
+  transform: translateZ(0);
+}
+div.DTE.processing div.DTE_Processing_Indicator {
+  display: block;
+}
+div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
+  display: none;
+}
+div.DTE div.DTE_Field div.DTE_Processing_Indicator {
+  top: 13px;
+  right: 0;
+  font-size: 8px;
+}
+div.DTE.DTE_Inline div.DTE_Processing_Indicator {
+  top: 5px;
+  right: 6px;
+  font-size: 6px;
+}
+div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
+  top: 10px;
+  right: 14px;
+  font-size: 8px;
+}
+div.DTE div.DTE_Processing_Indicator span,
+div.DTE div.DTE_Processing_Indicator:before,
+div.DTE div.DTE_Processing_Indicator:after {
+  display: block;
+  background: black;
+  width: 0.5em;
+  height: 1.5em;
+  border: 1px solid rgba(0, 0, 0, 0.4);
+  background-color: rgba(0, 0, 0, 0.1);
+  -webkit-animation: editorProcessing 0.9s infinite ease-in-out;
+  animation: editorProcessing 0.9s infinite ease-in-out;
+}
+div.DTE div.DTE_Processing_Indicator:before,
+div.DTE div.DTE_Processing_Indicator:after {
+  position: absolute;
+  top: 0;
+  content: "";
+}
+div.DTE div.DTE_Processing_Indicator:before {
+  left: -1em;
+  -webkit-animation-delay: -0.3s;
+  animation-delay: -0.3s;
+}
+div.DTE div.DTE_Processing_Indicator span {
+  -webkit-animation-delay: -0.15s;
+  animation-delay: -0.15s;
+}
+div.DTE div.DTE_Processing_Indicator:after {
+  left: 1em;
+}
+@-webkit-keyframes editorProcessing {
+  0%, 80%, 100% {
+    transform: scale(1, 1);
+  }
+  40% {
+    transform: scale(1, 1.5);
+  }
+}
+@keyframes editorProcessing {
+  0%, 80%, 100% {
+    transform: scale(1, 1);
+  }
+  40% {
+    transform: scale(1, 1.5);
+  }
+}
+
+div.DTE {
+  font-size: 0.91em;
+}
+div.DTE div.DTE_Header {
+  display: none;
+}
+div.DTE div.DTE_Body {
+  padding: 0;
+}
+div.DTE div.DTE_Body div.DTE_Body_Content {
+  overflow: hidden;
+}
+div.DTE div.DTE_Body div.DTE_Body_Content div.DTE_Field {
+  padding: 5px 5%;
+}
+div.DTE div.DTE_Footer {
+  display: none;
+}
+div.DTE div.DTE_Form_Error {
+  padding-top: 1em;
+  color: red;
+  display: none;
+  color: #b11f1f;
+}
+div.DTE div.DTE_Processing_Indicator {
+  top: 12px;
+  right: 2px;
+  font-size: 0.8em;
+}
+div.DTE div.DTE_Form_Buttons {
+  text-align: right;
+  padding: 0;
+  display: flex;
+  flex-direction: row-reverse;
+}
+
+div.DTE_Field_Type_datatable div.dataTables_filter {
+  padding-bottom: 0.5em;
+}
+div.DTE_Field_Type_datatable div.dt-buttons {
+  float: none;
+}
+div.DTE_Field_Type_datatable div.dt-buttons button {
+  margin-bottom: 3px;
+}

httpdocs/themes/vuexy/vendor/libs/datatable-editor/ccs/editor.semanticui.css

@@ -0,0 +1,602 @@
+div.DTE div.DTE_Form_Error {
+  display: none;
+  color: #b11f1f;
+}
+div.DTE div.DTE_Form_Buttons {
+  display: flex;
+  flex-direction: row-reverse;
+}
+div.DTE label {
+  padding-top: 9px !important;
+  align-self: flex-start;
+  justify-content: flex-end;
+}
+div.DTE div.eight.wide.field {
+  flex-direction: column;
+}
+div.DTE div.DTE_Field_InputControl {
+  width: 100%;
+  margin: 0 !important;
+}
+div.DTE div.ui.message:empty {
+  display: none;
+}
+
+div.DTE_Field div.ui.message {
+  width: 100%;
+}
+div.DTE_Field div.multi-value,
+div.DTE_Field div.multi-restore {
+  display: none;
+  cursor: pointer;
+  margin-top: 0;
+}
+div.DTE_Field div.multi-value span,
+div.DTE_Field div.multi-restore span {
+  display: block;
+  color: #666;
+  font-size: 0.85em;
+  line-height: 1.35em;
+}
+div.DTE_Field div.multi-value:hover,
+div.DTE_Field div.multi-restore:hover {
+  background-color: #f1f1f1;
+}
+div.DTE_Field div.multi-restore {
+  margin-top: 0.5em;
+  font-size: 0.8em;
+  line-height: 1.25em;
+}
+div.DTE_Field:after {
+  display: block;
+  content: ".";
+  height: 0;
+  line-height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+div.DTE_Inline {
+  position: relative;
+  display: table;
+  width: 100%;
+}
+div.DTE_Inline div.DTE_Inline_Field,
+div.DTE_Inline div.DTE_Inline_Buttons {
+  display: table-cell;
+  vertical-align: middle;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
+  padding: 0;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
+  display: none;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=color],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=date],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=datetime-local],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=email],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=month],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=number],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=password],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=search],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=tel],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=text],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=time],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=url],
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input[type=week],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=color],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=date],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=datetime-local],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=email],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=month],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=number],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=password],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=search],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=tel],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=text],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=time],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=url],
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input[type=week] {
+  width: 100%;
+}
+div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
+div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
+  margin: -6px 0 -6px 4px;
+  padding: 5px;
+}
+div.DTE_Inline div.DTE_Field input[type=color],
+div.DTE_Inline div.DTE_Field input[type=date],
+div.DTE_Inline div.DTE_Field input[type=datetime],
+div.DTE_Inline div.DTE_Field input[type=datetime-local],
+div.DTE_Inline div.DTE_Field input[type=email],
+div.DTE_Inline div.DTE_Field input[type=month],
+div.DTE_Inline div.DTE_Field input[type=number],
+div.DTE_Inline div.DTE_Field input[type=password],
+div.DTE_Inline div.DTE_Field input[type=search],
+div.DTE_Inline div.DTE_Field input[type=tel],
+div.DTE_Inline div.DTE_Field input[type=text],
+div.DTE_Inline div.DTE_Field input[type=time],
+div.DTE_Inline div.DTE_Field input[type=url],
+div.DTE_Inline div.DTE_Field input[type=week] {
+  margin: -6px 0;
+}
+div.DTE_Inline div.DTE_Field_Error,
+div.DTE_Inline div.DTE_Form_Error {
+  font-size: 11px;
+  line-height: 1.2em;
+  padding: 0;
+  margin-top: 10px;
+}
+div.DTE_Inline div.DTE_Field_Error:empty,
+div.DTE_Inline div.DTE_Form_Error:empty {
+  margin-top: 0;
+}
+
+span.dtr-data div.DTE_Inline {
+  display: inline-table;
+}
+
+div.DTE.DTE_Inline.ui.form label {
+  display: none !important;
+}
+div.DTE.DTE_Inline.ui.form div.DTE_Field {
+  width: 100%;
+  margin: 0 !important;
+}
+div.DTE.DTE_Inline.ui.form div.DTE_Field div.DTE_Field_Input {
+  width: 100% !important;
+  box-sizing: border-box;
+}
+div.DTE.DTE_Inline.ui.form div.DTE_Field > div {
+  width: 100%;
+  padding: 0;
+}
+div.DTE.DTE_Inline.ui.form.DTE_Processing:after {
+  top: 5px;
+}
+
+div.DTE_Bubble {
+  position: absolute;
+  z-index: 11;
+  margin-top: -6px;
+  opacity: 0;
+  transition: top 0.5s ease-in-out 0s;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner {
+  position: absolute;
+  bottom: 0;
+  border: 1px solid black;
+  width: 300px;
+  margin-left: -150px;
+  background-color: white;
+  box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.5);
+  border-radius: 6px;
+  border: 1px solid #666;
+  padding: 1em;
+  background: #fcfcfc;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
+  width: 100%;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
+  padding: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
+  position: relative;
+  margin-bottom: 0.5em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
+  margin-bottom: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > label {
+  padding-top: 0;
+  margin-bottom: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
+  padding: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div input {
+  margin: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
+  text-align: right;
+  margin-top: 1em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons button {
+  margin-bottom: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
+  padding-top: 42px;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
+  float: none;
+  display: none;
+  padding: 0;
+  margin-bottom: 0.5em;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
+  position: absolute;
+  top: 19px;
+  right: 19px;
+  cursor: pointer;
+  z-index: 12;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
+  content: "×";
+  color: rgba(0, 0, 0, 0.5);
+  font-weight: bold;
+  font-size: 22px;
+  font-family: "Courier New", Courier, monospace;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover:after {
+  color: black;
+}
+div.DTE_Bubble div.DTE_Bubble_Triangle {
+  position: absolute;
+  height: 10px;
+  width: 10px;
+  top: -6px;
+  background-color: white;
+  border: 1px solid #666;
+  border-top: none;
+  border-right: none;
+  -webkit-transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  -o-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+div.DTE_Bubble.below div.DTE_Bubble_Liner {
+  top: 10px;
+  bottom: auto;
+}
+div.DTE_Bubble.below div.DTE_Bubble_Triangle {
+  top: 4px;
+  -webkit-transform: rotate(135deg);
+  -moz-transform: rotate(135deg);
+  -ms-transform: rotate(135deg);
+  -o-transform: rotate(135deg);
+  transform: rotate(135deg);
+}
+
+div.DTE_Bubble_Background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.7); /* Fallback */
+  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */
+  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */
+  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */
+  background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */
+  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */
+  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */
+  z-index: 10;
+}
+div.DTE_Bubble_Background > div {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
+}
+div.DTE_Bubble_Background > div:not([dummy]) {
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled="false");
+}
+
+div.DTE_Bubble {
+  z-index: 1001;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner {
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  border-radius: 6px;
+  padding: 1em;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
+  flex-direction: column;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label,
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
+  justify-content: flex-start;
+  width: 100% !important;
+  float: none;
+  clear: both;
+  text-align: left;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label {
+  padding-bottom: 4px;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:first-child label {
+  padding-top: 0 !important;
+}
+div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
+  text-align: right;
+  padding: 0;
+}
+div.DTE_Bubble div.DTE_Bubble_Triangle {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+  border-left: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+div.DTE div.editor_upload {
+  padding-top: 4px;
+}
+div.DTE div.editor_upload div.eu_table {
+  display: table;
+  width: 100%;
+}
+div.DTE div.editor_upload div.row {
+  display: table-row;
+}
+div.DTE div.editor_upload div.cell {
+  display: table-cell;
+  position: relative;
+  width: 50%;
+  vertical-align: top;
+}
+div.DTE div.editor_upload div.cell + div.cell {
+  padding-left: 10px;
+}
+div.DTE div.editor_upload div.row + div.row div.cell {
+  padding-top: 10px;
+}
+div.DTE div.editor_upload button.btn,
+div.DTE div.editor_upload input[type=file] {
+  width: 100%;
+  height: 2.3em;
+  font-size: 0.8em;
+  text-align: center;
+  line-height: 1em;
+  margin: 0;
+}
+div.DTE div.editor_upload input[type=file] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  opacity: 0;
+}
+div.DTE div.editor_upload div.drop {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  border: 3px dashed #ccc;
+  border-radius: 6px;
+  min-height: 4em;
+  color: #999;
+  text-align: center;
+  padding: 1em 2em;
+  line-height: 1.1em;
+}
+div.DTE div.editor_upload div.drop.over {
+  border: 3px dashed #111;
+  color: #111;
+}
+div.DTE div.editor_upload div.drop span {
+  max-width: 75%;
+  font-size: 0.85em;
+  line-height: 1em;
+}
+div.DTE div.editor_upload div.rendered img {
+  max-width: 8em;
+  margin: 0 auto;
+}
+div.DTE div.editor_upload.noDrop div.drop {
+  display: none;
+}
+div.DTE div.editor_upload.noDrop div.row.second {
+  display: none;
+}
+div.DTE div.editor_upload.noDrop div.rendered {
+  margin-top: 10px;
+}
+div.DTE div.editor_upload.noClear div.clearValue button {
+  display: none;
+}
+div.DTE div.editor_upload.multi div.cell {
+  display: block;
+  width: 100%;
+}
+div.DTE div.editor_upload.multi div.cell div.drop {
+  min-height: 0;
+}
+div.DTE div.editor_upload.multi div.clearValue {
+  display: none;
+}
+div.DTE div.editor_upload.multi ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+div.DTE div.editor_upload.multi ul li {
+  position: relative;
+  margin-top: 0.5em;
+}
+div.DTE div.editor_upload.multi ul li:first-child {
+  margin-top: 0;
+}
+div.DTE div.editor_upload.multi ul li img {
+  vertical-align: middle;
+}
+div.DTE div.editor_upload.multi ul li button {
+  position: absolute;
+  width: 40px;
+  right: 0;
+  top: 50%;
+  margin-top: -1.5em;
+}
+
+div.DTE div.editor_upload button.btn,
+div.DTE div.editor_upload input[type=file] {
+  height: auto;
+}
+div.DTE div.editor_upload ul li button {
+  padding-bottom: 8px;
+}
+
+div.DTE_Field_Type_datatable label {
+  display: block !important;
+  text-align: right;
+}
+div.DTE_Field_Type_datatable div.dataTables_filter {
+  display: block !important;
+  text-align: left;
+  margin-bottom: 6px;
+}
+div.DTE_Field_Type_datatable div.dataTables_filter input {
+  width: 100% !important;
+}
+div.DTE_Field_Type_datatable div.dt-buttons {
+  margin-bottom: 6px;
+  width: 100%;
+}
+div.DTE_Field_Type_datatable div.dt-buttons:empty {
+  display: none;
+}
+div.DTE_Field_Type_datatable div.dataTables_info {
+  font-size: 0.8em;
+  font-weight: normal;
+  line-height: 1.3em;
+}
+div.DTE_Field_Type_datatable div.dataTables_info span.select-info {
+  display: block;
+}
+div.DTE_Field_Type_datatable div.dataTables_wrapper div.dataTables_paginate {
+  margin-top: 0.3em;
+  text-align: center;
+}
+
+div.DTE div.DTE_Processing_Indicator {
+  position: absolute;
+  top: 17px;
+  right: 42px;
+  height: 2em;
+  width: 2em;
+  z-index: 20;
+  font-size: 12px;
+  display: none;
+  -webkit-transform: translateZ(0);
+  -ms-transform: translateZ(0);
+  transform: translateZ(0);
+}
+div.DTE.processing div.DTE_Processing_Indicator {
+  display: block;
+}
+div.DTE.processing div.DTE_Field div.DTE_Processing_Indicator {
+  display: none;
+}
+div.DTE div.DTE_Field div.DTE_Processing_Indicator {
+  top: 13px;
+  right: 0;
+  font-size: 8px;
+}
+div.DTE.DTE_Inline div.DTE_Processing_Indicator {
+  top: 5px;
+  right: 6px;
+  font-size: 6px;
+}
+div.DTE.DTE_Bubble div.DTE_Processing_Indicator {
+  top: 10px;
+  right: 14px;
+  font-size: 8px;
+}
+div.DTE div.DTE_Processing_Indicator span,
+div.DTE div.DTE_Processing_Indicator:before,
+div.DTE div.DTE_Processing_Indicator:after {
+  display: block;
+  background: black;
+  width: 0.5em;
+  height: 1.5em;
+  border: 1px solid rgba(0, 0, 0, 0.4);
+  background-color: rgba(0, 0, 0, 0.1);
+  -webkit-animation: editorProcessing 0.9s infinite ease-in-out;
+  animation: editorProcessing 0.9s infinite ease-in-out;
+}
+div.DTE div.DTE_Processing_Indicator:before,
+div.DTE div.DTE_Processing_Indicator:after {
+  position: absolute;
+  top: 0;
+  content: "";
+}
+div.DTE div.DTE_Processing_Indicator:before {
+  left: -1em;
+  -webkit-animation-delay: -0.3s;
+  animation-delay: -0.3s;
+}
+div.DTE div.DTE_Processing_Indicator span {
+  -webkit-animation-delay: -0.15s;
+  animation-delay: -0.15s;
+}
+div.DTE div.DTE_Processing_Indicator:after {
+  left: 1em;
+}
+@-webkit-keyframes editorProcessing {
+  0%, 80%, 100% {
+    transform: scale(1, 1);
+  }
+  40% {
+    transform: scale(1, 1.5);
+  }
+}
+@keyframes editorProcessing {
+  0%, 80%, 100% {
+    transform: scale(1, 1);
+  }
+  40% {
+    transform: scale(1, 1.5);
+  }
+}
+
+table.dataTable tbody tr.highlight th,
+table.dataTable tbody tr.highlight td {
+  background-color: #2185D0 !important;
+}
+table.dataTable tbody tr.highlight td,
+table.dataTable tbody tr.noHighlight td {
+  -webkit-transition: background-color 500ms linear;
+  -moz-transition: background-color 500ms linear;
+  -ms-transition: background-color 500ms linear;
+  -o-transition: background-color 500ms linear;
+  transition: background-color 500ms linear;
+}
+
+div.DTE div.DTE_Processing_Indicator {
+  top: 22px;
+  right: 12px;
+}
+
+div.DTE_Field_Type_checkbox div.DTE_Field_InputControl,
+div.DTE_Field_Type_radio div.DTE_Field_InputControl {
+  padding-top: 7px;
+}
+div.DTE_Field_Type_checkbox > div > div,
+div.DTE_Field_Type_radio > div > div {
+  margin-bottom: 0.2em;
+}
+div.DTE_Field_Type_checkbox > div > div input,
+div.DTE_Field_Type_radio > div > div input {
+  vertical-align: baseline !important;
+}
+div.DTE_Field_Type_checkbox > div > div label,
+div.DTE_Field_Type_radio > div > div label {
+  margin-left: 0.75em;
+  padding-top: 11px !important;
+}

httpdocs/themes/vuexy/vendor/libs/datatable-editor/ccs/scss/bubble.scss

@@ -0,0 +1,130 @@
+
+// Bubble form editing
+// Very similar to the main form, but attached to a particular node and the
+// form layout is slightly different with the fields container and buttons
+// making up a table of a single row and two columns. This allows the buttons
+// to be removed from the display and under this condition the fields will
+// take up the full width available.
+div.DTE_Bubble {
+	position: absolute;
+	z-index: 11;
+	margin-top: -6px;
+	opacity: 0;
+	transition: top 0.5s ease-in-out 0s;
+
+	div.DTE_Bubble_Liner {
+		position: absolute;
+		bottom: 0;
+		border: 1px solid black;
+		width: 300px;
+		margin-left: -150px;
+		background-color: white;
+		box-shadow: 0 12px 30px 0 rgba(0,0,0,.5);
+		border-radius: 6px;
+		border: 1px solid #666;
+		padding: 1em;
+		background: #fcfcfc;
+		@include box-sizing(border-box);
+
+		div.DTE_Bubble_Table {
+			width: 100%;
+
+			> form {
+				div.DTE_Form_Content {
+					padding: 0;
+
+					div.DTE_Field {
+						position: relative;
+						margin-bottom: 0.5em;
+
+						&:last-child {
+							margin-bottom: 0;
+						}
+
+						> label {
+							padding-top: 0;
+							margin-bottom: 0;
+						}
+
+						> div {
+							padding: 0;
+
+							input {
+								margin: 0;
+							}
+						}
+					}
+				}
+			}
+			
+			div.DTE_Form_Buttons {
+				text-align: right;
+				margin-top: 1em;
+
+				button {
+					margin-bottom: 0;
+				}
+			}
+		}
+
+		div.DTE_Header {
+			border-top-left-radius: 5px;
+			border-top-right-radius: 5px;
+		}
+
+		div.DTE_Header + div.DTE_Form_Info,
+		div.DTE_Header + div.DTE_Bubble_Table {
+			padding-top: 42px;
+		}
+
+
+		div.DTE_Form_Error {
+			float: none;
+			display: none;
+			padding: 0;
+			margin-bottom: 0.5em;
+		}
+
+		div.DTE_Bubble_Close {
+			@include close-icon();
+		}
+	}
+
+	div.DTE_Bubble_Triangle {
+		position: absolute;
+		height: 10px;
+		width: 10px;
+		top: -6px;
+		background-color: white;
+		border: 1px solid #666;
+		border-top: none;
+		border-right: none;
+
+		-webkit-transform: rotate(-45deg);
+		   -moz-transform: rotate(-45deg);
+		    -ms-transform: rotate(-45deg);
+		     -o-transform: rotate(-45deg);
+		        transform: rotate(-45deg);
+	}
+
+	&.below {
+		div.DTE_Bubble_Liner {
+			top: 10px;
+			bottom: auto;
+		}
+
+		div.DTE_Bubble_Triangle {
+			top: 4px;
+			-webkit-transform: rotate(135deg);
+			   -moz-transform: rotate(135deg);
+			    -ms-transform: rotate(135deg);
+			     -o-transform: rotate(135deg);
+			        transform: rotate(135deg);
+		}
+	}
+}
+
+div.DTE_Bubble_Background {
+	@include overlay-background();
+}
+

httpdocs/themes/vuexy/vendor/libs/datatable-editor/ccs/scss/datatable.scss

@@ -0,0 +1,100 @@
+
+// Row highlighting on edit styles
+//
+// To change the colour of the highlight, simply modify the variable below and
+// recompile the SCSS stylesheet (if you don't have SASS installed, you can use
+// the online service at http://sassmeister.com/ .
+//
+// The DataTables styles below match the default DataTables stylesheet:
+// http://next.datatables.net/manual/styling/classes so you can retain the full
+// benefits of the DataTables styling options.
+
+$table-row-highlight: #FFFBCC;
+
+table.dataTable {
+	tbody {
+		tr.highlight {
+			background-color: $table-row-highlight !important;
+		}
+
+		tr.highlight,
+		tr.noHighlight,
+		tr.highlight td,
+		tr.noHighlight td {
+			@include background-transision();
+		}
+	}
+
+	&.stripe tbody,
+	&.display tbody {
+		tr.odd {
+			&.highlight {
+				background-color: shade($table-row-highlight, 2.35%);
+			}
+		}
+	}
+
+	// Hover classes - add "hover" class to the table to activate
+	&.hover tbody,
+	&.display tbody {
+		tr:hover,
+		tr.odd:hover,
+		tr.even:hover {
+			&.highlight {
+				background-color: shade($table-row-highlight, 3.6%);
+			}
+		}
+	}
+
+
+	// Sort column highlighting - add "hover" class to the table to activate
+	&.order-column,
+	&.display {
+		tbody {
+			tr.highlight>.sorting_1,
+			tr.highlight>.sorting_2,
+			tr.highlight>.sorting_3 {
+				background-color: shade($table-row-highlight, 2%);
+			}
+		}
+	}
+
+	&.display tbody,
+	&.order-column.stripe tbody {
+		tr.odd {
+			&.highlight {
+				>.sorting_1 { background-color: shade($table-row-highlight, 5.4%);}
+				>.sorting_2 { background-color: shade($table-row-highlight, 4.7%);}
+				>.sorting_3 { background-color: shade($table-row-highlight, 3.9%);}
+			}
+		}
+
+		tr.even {
+			&.highlight {
+				>.sorting_1 { background-color: shade($table-row-highlight, 2%); }
+				>.sorting_2 { background-color: shade($table-row-highlight, 1.2%); }
+				>.sorting_3 { background-color: shade($table-row-highlight, 0.4%); }
+			}
+		}
+	}
+
+	&.display tbody,
+	&.order-column.hover tbody {
+		tr:hover,
+		tr.odd:hover,
+		tr.even:hover {
+			&.highlight {
+				>.sorting_1 { background-color: shade($table-row-highlight, 8.2%); }
+				>.sorting_2 { background-color: shade($table-row-highlight, 7.5%); }
+				>.sorting_3 { background-color: shade($table-row-highlight, 6.3%); }
+			}
+		}
+	}
+
+	tr.dte-inlineAdd {
+		td,
+		th {
+			vertical-align: top;
+		}
+	}
+}

httpdocs/themes/vuexy/vendor/libs/datatable-editor/ccs/scss/envelope.scss

@@ -0,0 +1,63 @@
+
+/*
+ * Namespace: DTED - DataTables Editor Display - Envelope
+ */
+
+div.DTED_Envelope_Wrapper {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 50%;
+	height: 100%;
+	z-index: 11;
+	display: none;
+	overflow: hidden;
+
+	// Create a shadow display at the top of the evelope to make it look like it has
+	// come from under the element that it is attached to/ Left and right to give a
+	// slight fade and the two ends
+	div.DTED_Envelope_Shadow {
+		position: absolute;
+		top: -10px;
+		left: 10px;
+		right: 10px;
+		height: 10px;
+		z-index: 10;
+		box-shadow: 0 0 20px black;
+	}
+
+	div.DTED_Envelope_Container {
+		position: absolute;
+		top: 0;
+		left: 5%;
+		width: 90%;
+
+		border-left: 1px solid #777;
+		border-right: 1px solid #777;
+		border-bottom: 1px solid #777;
+		box-shadow: 3px 3px 10px #555;
+		border-bottom-left-radius: 5px;
+		border-bottom-right-radius: 5px;
+		background-color: white;
+
+		div.DTE_Processing_Indicator {
+			right: 36px;
+		}
+
+		div.DTE_Footer {
+			border-bottom-left-radius: 5px;
+			border-bottom-right-radius: 5px;
+		}
+
+		div.DTED_Envelope_Close {
+			@include close-icon();
+		}
+	}
+}
+
+
+div.DTED_Envelope_Background {
+	@include overlay-background();
+}
+
+

httpdocs/themes/vuexy/vendor/libs/datatable-editor/ccs/scss/fields.scss

@@ -0,0 +1,280 @@
+
+$input-border: 1px solid #aaa;
+
+$input-border: 1px solid #aaa;
+
+// Generic field styling
+div.DTE_Field {
+	input,
+	textarea {
+		box-sizing: border-box;
+		background-color: white;
+		-webkit-transition: background-color ease-in-out .15s;
+		        transition: background-color ease-in-out .15s;
+	}
+
+	input:focus,
+	textarea:focus {
+		background-color: #ffffee; 
+	}
+
+	input[type="color"],
+	input[type="date"],
+	input[type="datetime"],
+	input[type="datetime-local"],
+	input[type="email"],
+	input[type="month"],
+	input[type="number"],
+	input[type="password"],
+	input[type="search"],
+	input[type="tel"],
+	input[type="text"],
+	input[type="time"],
+	input[type="url"],
+	input[type="week"] {
+		padding: 5px 4px;
+		width: 100%;
+
+		// Chrome 83 introduces some really ugly borders
+		border: $input-border;
+		border-radius: 3px;
+	}
+
+	input[type="checkbox"],
+	input[type="radio"] {
+		vertical-align: middle;
+	}
+
+	select {
+		padding: 5px 4px;
+		border-radius: 3px;
+		border: $input-border;
+		background: white;
+		max-width: 100%;
+	}
+
+	label div.DTE_Label_Info {
+		font-size: 0.85em;
+		margin-top: 0.25em;
+
+		&:empty {
+			margin-top: 0;
+		}
+	}
+
+	div.DTE_Field_Info,
+	div.DTE_Field_Message,
+	div.DTE_Field_Error {
+		font-size: 11px;
+		line-height: 1em;
+		margin-top: 5px;
+
+		&:empty {
+			margin-top: 0;
+		}
+	}
+
+	div.DTE_Field_Error {
+		display: none;
+		color: #b11f1f;
+	}
+
+	div.multi-value {
+		display: none;
+		border: 1px dotted #666;
+		border-radius: 3px;
+		padding: 5px;
+		background-color: #fafafa;
+		cursor: pointer;
+
+		span {
+			font-size: 0.8em;
+			line-height: 1.25em;
+			display: block;
+			color: #666;
+		}
+
+		&.multi-noEdit {
+			border: 1px solid #ccc;
+			cursor: auto;
+			background-color: #fcfcfc;
+
+			&:hover {
+				background-color: #fcfcfc;
+			}
+		}
+
+		&:hover {
+			background-color: #f1f1f1;
+		}
+	}
+
+	&.disabled {
+		color: grey;
+
+		div.multi-value {
+			cursor: default;
+			border: 1px dotted #aaa;
+			background-color: transparent;
+		}
+	}
+
+	div.multi-restore {
+		display: none;
+		margin-top: 0.5em;
+		font-size: 0.8em;
+		line-height: 1.25em;
+		color: #3879d9;
+
+		&:hover {
+			text-decoration: underline;
+			cursor: pointer;
+		}
+	}
+}
+
+// Specific field type styling
+div.DTE_Field_Type_textarea {
+	textarea {
+		padding: 3px;
+		width: 100%;
+		height: 80px;
+		border: $input-border;
+	}
+}
+
+div.DTE_Field.DTE_Field_Type_date {
+	img {
+		vertical-align: middle;
+		cursor: pointer;
+	}
+}
+
+div.DTE_Field_Type_checkbox,
+div.DTE_Field_Type_radio {
+	div.DTE_Field_Input {
+		padding-top: 1px;
+
+		> div > div {
+			margin-bottom: 0.25em;
+
+			&:last-child {
+				margin-bottom: 0;
+			}
+
+			input {
+			}
+
+			label {
+				margin-left: 0.75em;
+				vertical-align: middle;
+			}
+		}
+	}
+}
+
+div.DTE_Field_Type_datatable {
+	div.dataTables_info {
+		font-size: 0.8em;
+		line-height: 1.3em;
+		padding-right: 1em;
+		padding-bottom: 0.5em;
+
+		span.select-info {
+			display: block;
+		}
+	}
+
+	div.dataTables_filter {
+		padding-right: 1em;
+		padding-bottom: 0.5em;
+
+		input {
+			width: 100%;
+		}
+	}
+
+	div.dt-buttons {
+		padding-right: 1em;
+		padding-bottom: 0.5em;
+
+		button {
+			width: 100%;
+		}
+
+		&:empty {
+			padding-bottom: 0;
+		}
+	}
+
+	div.dataTables_paginate {
+		float: none;
+		text-align: center;
+		font-size: 0.8em;
+	}
+
+	table.dataTable {
+		&.no-footer {
+			border-bottom: 1px solid #aaa !important;
+		}
+
+		thead {
+			th, td {
+				font-weight: normal;
+				padding-top: 3px;
+				padding-bottom: 3px;
+				border-bottom: 1px solid #aaa;
+			}
+		}
+
+		tbody {
+			th:first-child,
+			td:first-child {
+				border-left: 1px solid #aaa;
+			}
+
+			th:last-child,
+			td:last-child {
+				border-right: 1px solid #aaa;
+			}
+		}
+
+		tfoot {
+			th, td {
+				font-weight: normal;
+				padding-top: 3px;
+				padding-bottom: 3px;
+				border-top: 1px solid #aaa;
+			}
+		}
+	}
+
+	div.dataTables_scrollHead {
+		table.dataTable,
+		table.dataTable thead th,
+		table.dataTable thead td {
+			border-bottom: none !important;
+		}
+	}
+
+	div.dataTables_scrollBody {
+		border: 1px solid #aaa !important;
+		border-radius: 3px;;
+
+		table.dataTable {
+			border-bottom: none !important;
+
+			tbody {
+				th:first-child,
+				td:first-child {
+					border-left: none;
+				}
+	
+				th:last-child,
+				td:last-child {
+					border-right: none;
+				}
+			}
+		}
+	}
+}

httpdocs/themes/vuexy/vendor/libs/datatable-editor/ccs/scss/inline.scss

@@ -0,0 +1,79 @@
+
+// Inline form editing
+// Hide the label and allow the field to take the full width
+div.DTE_Inline {
+	position: relative;
+	display: table;
+	width: 100%;
+
+	div.DTE_Inline_Field,
+	div.DTE_Inline_Buttons {
+		display: table-cell;
+		vertical-align: middle;
+
+		div.DTE_Field {
+			padding: 0;
+
+			>label {
+				display: none;
+			}
+
+			input[type="color"],
+			input[type="date"],
+			input[type="datetime"],
+			input[type="datetime-local"],
+			input[type="email"],
+			input[type="month"],
+			input[type="number"],
+			input[type="password"],
+			input[type="search"],
+			input[type="tel"],
+			input[type="text"],
+			input[type="time"],
+			input[type="url"],
+			input[type="week"] {
+				width: 100%;
+			}
+		}
+
+		div.DTE_Form_Buttons button {
+			margin: -6px 0 -6px 4px;
+			padding: 5px;
+		}
+	}
+
+	// Have the input types take up full space, taking into account the cell padding
+	div.DTE_Field input[type="color"],
+	div.DTE_Field input[type="date"],
+	div.DTE_Field input[type="datetime"],
+	div.DTE_Field input[type="datetime-local"],
+	div.DTE_Field input[type="email"],
+	div.DTE_Field input[type="month"],
+	div.DTE_Field input[type="number"],
+	div.DTE_Field input[type="password"],
+	div.DTE_Field input[type="search"],
+	div.DTE_Field input[type="tel"],
+	div.DTE_Field input[type="text"],
+	div.DTE_Field input[type="time"],
+	div.DTE_Field input[type="url"],
+	div.DTE_Field input[type="week"] {
+		margin: -6px 0;
+	}
+
+	div.DTE_Field_Error,
+	div.DTE_Form_Error {
+		font-size: 11px;
+		line-height: 1.2em;
+		padding: 0;
+		margin-top: 10px;
+
+		&:empty {
+			margin-top: 0;
+		}
+	}
+}
+
+// Responsive integration
+span.dtr-data div.DTE_Inline {
+	display: inline-table;
+}

httpdocs/themes/vuexy/vendor/libs/datatable-editor/ccs/scss/lightbox.scss

@@ -0,0 +1,174 @@
+
+
+div.DTED_Lightbox_Wrapper {
+	position: fixed;
+	top: 0;
+	left: 50%;
+	margin-left: -390px;
+	width: 780px;
+	height: 100%;
+	z-index: 11;
+
+	div.DTED_Lightbox_Container {
+		display: table;
+		height: 100%;
+		width: 100%;
+
+		div.DTED_Lightbox_Content_Wrapper {
+			display: table-cell;
+			vertical-align: middle;
+			width: 100%;
+
+			div.DTED_Lightbox_Content {
+				position: relative;
+				box-shadow: 0 12px 30px 0 rgba(0,0,0,.5);
+				border-radius: 6px;
+				@include box-sizing(border-box);
+
+				div.DTE {
+					background: white;
+					border-radius: 6px;
+					border: 1px solid #666;
+					background: #fcfcfc;
+					@include box-sizing(border-box);
+
+					div.DTE_Header {
+						right: 0;
+						width: auto;
+						border-top-left-radius: 6px;
+						border-top-right-radius: 6px;
+					}
+					
+					div.DTE_Body_Content {
+						box-sizing: border-box;
+						background: #fcfcfc;
+					}
+
+					div.DTE_Footer {
+						right: 0;
+						width: auto;
+						border-bottom-left-radius: 6px;
+						border-bottom-right-radius: 6px;
+					}
+				}
+
+				div.DTED_Lightbox_Close {
+					@include close-icon();
+				}
+			}
+		}
+	}
+}
+
+div.DTED_Lightbox_Wrapper {
+	div.DTE_Footer {
+		display: flex;
+		justify-content: flex-end;
+	}
+
+	div.DTE_Footer_Content {
+		display: none;
+	}
+
+	div.DTE.inFormError div.DTE_Footer {
+		justify-content: space-between;
+	}
+}
+
+
+div.DTED_Lightbox_Background {
+	@include overlay-background();
+}
+
+
+body.DTED_Lightbox_Mobile {
+	div.DTED_Lightbox_Background {
+		height: 0;
+	}
+
+	div.DTED_Lightbox_Shown {
+		display: none;
+	}
+
+	div.DTED_Lightbox_Wrapper {
+		position: fixed;
+		top: 0px;
+		left: 0px;
+		right: 0px;
+		bottom: 0px;
+		width: auto;
+		height: auto;
+		margin-left: 0;
+		-webkit-overflow-scrolling: touch;
+
+		div.DTED_Lightbox_Container {
+			display: block;
+			height: 100%;
+
+			div.DTED_Lightbox_Content_Wrapper {
+				display: block;
+				height: 100%;
+
+				div.DTED_Lightbox_Content {
+					border-radius: 0;
+					box-shadow: none;
+					height: 100% !important;
+
+					div.DTE {
+						border-radius: 0;
+						height: 100%;
+
+						div.DTE_Header {
+							border-top-left-radius: 0;
+							border-top-right-radius: 0;
+						}
+
+						div.DTE_Body_Content {
+							padding-bottom: 52px;
+						}
+
+						div.DTE_Footer {
+							border-bottom-left-radius: 0;
+							border-bottom-right-radius: 0;
+						}
+					}
+
+					div.DTED_Lightbox_Close {
+						top: 11px;
+						right: 15px;
+
+						background-color: transparent;
+						border: none;
+						box-shadow: none;
+					}
+				}
+			}
+		}
+	}
+}
+
+@media only screen 
+and (max-width: 780px) {
+	body div.DTED_Lightbox_Wrapper {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 90%;
+		margin-left: 5%;
+	}
+}
+
+@media only screen
+and (max-width: 580px) {
+	body div.DTED_Lightbox_Wrapper {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100%;
+		margin-left: 0;
+	}
+}
+
+
+
+

httpdocs/themes/vuexy/vendor/libs/datatable-editor/ccs/scss/main.scss

@@ -0,0 +1,180 @@
+
+
+// The main form.
+// Most of the styles for display of the main form come from the display
+// controller (lightbox and envelope are the two built in options).
+div.DTE_Body {
+	padding: 52px 0; // space for hte header and footer which are position: absolute
+	
+	div.DTE_Body_Content {
+		position: relative;
+		overflow: auto;
+
+		div.DTE_Form_Info {
+			padding: 1em 1em 0 1em;
+			margin: 0;
+		}
+
+		div.DTE_Field {
+			position: relative;
+			
+			clear: both;
+			padding: 5px 10%;
+			border: 1px solid transparent;
+
+			&:after {
+				display: block;
+				content: ".";
+				height: 0;
+				line-height: 0;
+				clear: both;
+				visibility: hidden;
+			}
+
+			&:hover {
+				background-color: #f9f9f9;
+				border: 1px solid #f3f3f3;
+			}
+
+			>label {
+				float: left;
+				width: 33%;
+				padding-top: 3px;
+			}
+
+			>div.DTE_Field_Input {
+				float: right;
+				width: 66%;
+			}
+
+			// Field in error state
+			&.DTE_Field_StateError { }
+
+			&.full {
+				padding: 5px 0 5px 10%;
+			}
+
+			&.block {
+				>div.DTE_Field_Input {
+					float: none;
+					clear: both;
+					width: 100%;
+				}
+			}
+		}
+	}
+}
+
+html[dir="rtl"] {
+	div.DTE_Body div.DTE_Body_Content div.DTE_Field {
+		> label {
+			float: right;
+		}
+
+		>div.DTE_Field_Input {
+			float: left;
+		}
+	}
+	
+	div.DTE div.DTE_Form_Buttons button {
+		float: left;
+	}
+}
+
+// iPad in portrait 
+@media only screen 
+and (max-width : 768px) {
+	div.DTE_Body {
+		div.DTE_Body_Content {
+			div.DTE_Field {
+				padding: 5px 10%;
+
+				&.full {
+					padding: 5px 0 5px 10%;
+
+					>label {
+						width: 35.5%;
+					}
+
+					>div.DTE_Field_Input {
+						width: 64.5%;
+					}
+				}
+
+				&.block {
+					>div.DTE_Field_Input {
+						width: 100%;
+					}
+				}
+			}
+		}
+	}
+}
+
+@media only screen 
+and (max-width : 640px) {
+	div.DTE_Body {
+		div.DTE_Body_Content {
+			div.DTE_Field {
+				padding: 5px 0;
+
+				&.full {
+					padding: 5px 0%;
+
+					>label {
+						width: 40%;
+					}
+
+					>div.DTE_Field_Input {
+						width: 60%;
+					}
+				}
+
+				&.block {
+					>div.DTE_Field_Input {
+						width: 100%;
+					}
+				}
+			}
+		}
+	}
+}
+
+// For devices with smaller screens, the fields should be shown stacked
+@media only screen 
+and (max-width : 580px) {
+	div.DTE_Body {
+		div.DTE_Body_Content {
+			div.DTE_Field {
+				position: relative;
+				
+				clear: both;
+				padding: 5px 0;
+
+				>label {
+					float: none;
+					width: auto;
+					padding-top: 0;
+				}
+
+				>div.DTE_Field_Input {
+					float: none;
+					width: auto;
+					margin-top: 4px;
+					margin-bottom: 6px;
+				}
+
+				&.full,
+				&.block {
+					padding: 5px 0;
+
+					>label,
+					>div.DTE_Field_Input {
+						width: 100%;
+					}
+				}
+			}
+		}
+	}
+}
+

httpdocs/themes/vuexy/vendor/libs/datatable-editor/ccs/scss/mixins.scss

@@ -0,0 +1,178 @@
+
+
+@function tint( $color, $percent ) {
+	@return mix(white, $color, $percent);
+}
+
+@function shade( $color, $percent ) {
+	@return mix(black, $color, $percent);
+}
+
+
+@mixin border-radius ( $radius ) {
+	-webkit-border-radius: $radius;
+	   -moz-border-radius: $radius;
+	    -ms-border-radius: $radius;
+	     -o-border-radius: $radius;
+	        border-radius: $radius;
+}
+
+@mixin box-sizing($box-model) {
+  -webkit-box-sizing: $box-model; // Safari <= 5
+     -moz-box-sizing: $box-model; // Firefox <= 19
+          box-sizing: $box-model;
+}
+
+@mixin box-shadow($top, $left, $blur, $color, $inset: false) {
+  @if $inset {
+    -webkit-box-shadow:inset $top $left $blur $color;
+    -moz-box-shadow:inset $top $left $blur $color;
+    box-shadow:inset $top $left $blur $color;
+  } @else {
+    -webkit-box-shadow: $top $left $blur $color;
+    -moz-box-shadow: $top $left $blur $color;
+    box-shadow: $top $left $blur $color;
+  }
+}
+
+@mixin two-stop-gradient($fromColor, $toColor) {
+	background-color: $toColor; /* Fallback */
+	background-image: -webkit-linear-gradient(top, $fromColor 0%, $toColor 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
+	background-image:    -moz-linear-gradient(top, $fromColor 0%, $toColor 100%); /* FF3.6 */
+	background-image:     -ms-linear-gradient(top, $fromColor 0%, $toColor 100%); /* IE10 */
+	background-image:      -o-linear-gradient(top, $fromColor 0%, $toColor 100%); /* Opera 11.10+ */
+	background-image:         linear-gradient(to bottom, $fromColor 0%, $toColor 100%);
+	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#{nth( $fromColor, 1 )}', EndColorStr='#{nth( $toColor, 1 )}');
+}
+
+@mixin three-stop-gradient($fromColor, $middleColor, $toColor) {
+	background-color: $toColor; /* Fallback */
+	background-image: -webkit-linear-gradient(top, $fromColor, $middleColor, $toColor); /* Chrome 10+, Saf5.1+, iOS 5+ */
+	background-image:    -moz-linear-gradient(top, $fromColor, $middleColor, $toColor); /* FF3.6 */
+	background-image:     -ms-linear-gradient(top, $fromColor, $middleColor, $toColor); /* IE10 */
+	background-image:      -o-linear-gradient(top, $fromColor, $middleColor, $toColor); /* Opera 11.10+ */
+	background-image:         linear-gradient(to bottom, $fromColor, $middleColor, $toColor);
+	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#{nth( $fromColor, 1 )}', EndColorStr='#{nth( $toColor, 1 )}');
+}
+
+@mixin radial-gradient ($fromColor, $toColor ) {
+	background: $toColor; /* Fallback */
+	background:     -ms-radial-gradient(center, ellipse farthest-corner, $fromColor 0%, $toColor 100%); /* IE10 Consumer Preview */ 
+	background:    -moz-radial-gradient(center, ellipse farthest-corner, $fromColor 0%, $toColor 100%); /* Firefox */ 
+	background:      -o-radial-gradient(center, ellipse farthest-corner, $fromColor 0%, $toColor 100%); /* Opera */ 
+	background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, $fromColor), color-stop(1, $toColor)); /* Webkit (Safari/Chrome 10) */ 
+	background: -webkit-radial-gradient(center, ellipse farthest-corner, $fromColor 0%, $toColor 100%); /* Webkit (Chrome 11+) */ 
+	background: radial-gradient(ellipse farthest-corner at center, $fromColor 0%, $toColor 100%); /* W3C Markup, IE10 Release Preview */ 
+}
+
+@mixin keyframe ($animation_name) {
+    @-webkit-keyframes #{$animation_name} {
+        @content;
+    }
+ 
+    @-moz-keyframes #{$animation_name} {
+        @content;
+    }
+ 
+    @-o-keyframes #{$animation_name} {
+        @content;
+    }
+ 
+    @keyframes #{$animation_name} {
+        @content;
+    }
+}
+
+@mixin animation ($duration, $animation) {
+	-webkit-animation-duration: $duration;
+	-webkit-animation-name: $animation;
+	-webkit-animation-fill-mode: forwards;
+	-webkit-animation-iteration-count: infinite;
+	-webkit-animation-timing-function: linear;
+	-webkit-animation-direction: alternate;
+
+	-moz-animation-duration: $duration;
+	-moz-animation-name: $animation;
+	-moz-animation-fill-mode: forwards;
+	-moz-animation-iteration-count: infinite;
+	-moz-animation-timing-function: linear;
+	-moz-animation-direction: alternate;
+	
+	-o-animation-duration: $duration;
+	-o-animation-name: $animation;
+	-o-animation-fill-mode: forwards;
+	-o-animation-iteration-count: infinite;
+	-o-animation-timing-function: linear;
+	-o-animation-direction: alternate;
+	
+	animation-duration: $duration;
+	animation-name: $animation;
+	animation-fill-mode: forwards;
+	animation-iteration-count: infinite;
+	animation-timing-function: linear;
+	animation-direction: alternate;
+}
+
+@mixin close-icon () {
+	position: absolute;
+	top: 19px;
+	right: 19px;
+	cursor: pointer;
+	z-index: 12;
+
+	&:after {
+		content: '\00d7';
+		color: rgba(0, 0, 0, 0.5);
+		font-weight: bold;
+		font-size: 22px;
+		font-family: 'Courier New', Courier, monospace;
+	}
+
+	&:hover {
+		&:after {
+			color: black;
+		}
+	}
+}
+
+@mixin overlay-background () {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+
+	@include radial-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7) );
+
+	z-index: 10;
+
+	// IE8- doesn't support RGBA and jQuery uses `filter:` for the fade-in
+	// animation, so we need a child element that is used just for the display
+	>div {
+		position: absolute;
+		top: 0;
+		right: 0;
+		left: 0;
+		bottom: 0;
+
+		// IE7-
+		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
+		
+		// IE8
+		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
+	}
+
+	// IE9 has both filter and rgba support, so we need a hack to disable the filter
+	>div:not([dummy]) {
+		filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
+	}
+}
+
+@mixin background-transision () {
+	-webkit-transition: background-color 500ms linear;
+	   -moz-transition: background-color 500ms linear;
+	    -ms-transition: background-color 500ms linear;
+	     -o-transition: background-color 500ms linear;
+	transition: background-color 500ms linear;
+}
+

httpdocs/themes/vuexy/vendor/libs/datatable-editor/ccs/scss/processing.scss

@@ -0,0 +1,106 @@
+
+div.DTE {
+	div.DTE_Processing_Indicator {
+		position: absolute;
+		top: 17px;
+		right: 42px;
+		height: 2em;
+		width: 2em;
+		z-index: 20;
+		font-size: 12px;
+		display: none;
+
+		-webkit-transform: translateZ(0);
+		-ms-transform: translateZ(0);
+		transform: translateZ(0);
+	}
+
+	&.processing {
+		div.DTE_Processing_Indicator {
+			display: block;
+		}
+
+		div.DTE_Field div.DTE_Processing_Indicator {
+			display: none;
+		}
+	}
+
+	div.DTE_Field div.DTE_Processing_Indicator {
+		top: 13px;
+		right: 0;
+		font-size: 8px;
+	}
+
+	&.DTE_Inline {
+		div.DTE_Processing_Indicator {
+			top: 5px;
+			right: 6px;
+			font-size: 6px;
+		}
+	}
+
+	&.DTE_Bubble {
+		div.DTE_Processing_Indicator {
+			top: 10px;
+			right: 14px;
+			font-size: 8px;
+		}
+	}
+
+	div.DTE_Processing_Indicator span,
+	div.DTE_Processing_Indicator:before,
+	div.DTE_Processing_Indicator:after {
+		display: block;
+		background: black;
+		width: 0.5em;
+		height: 1.5em;
+		border: 1px solid rgba( 0, 0, 0, 0.4 );
+		background-color: rgba( 0, 0, 0, 0.1 );
+
+		-webkit-animation: editorProcessing 0.9s infinite ease-in-out;
+		animation: editorProcessing 0.9s infinite ease-in-out;
+	}
+	
+	div.DTE_Processing_Indicator:before,
+	div.DTE_Processing_Indicator:after {
+		position: absolute;
+		top: 0;
+		content: '';
+	}
+	
+	div.DTE_Processing_Indicator:before {
+		left: -1em;
+		-webkit-animation-delay: -0.3s;
+		animation-delay: -0.3s;
+	}
+
+	div.DTE_Processing_Indicator span {
+		-webkit-animation-delay: -0.15s;
+		animation-delay: -0.15s;
+	}
+	
+	div.DTE_Processing_Indicator:after {
+		left: 1em;
+	}
+
+	@-webkit-keyframes editorProcessing {
+		0%,
+		80%,
+		100% {
+			transform: scale(1, 1);
+		}
+		40% {
+			transform: scale(1, 1.5);
+		}
+	}
+	@keyframes editorProcessing {
+		0%,
+		80%,
+		100% {
+			transform: scale(1, 1);
+		}
+		40% {
+		 transform: scale(1, 1.5);
+		}
+	}
+}

httpdocs/themes/vuexy/vendor/libs/datatable-editor/ccs/scss/upload.scss

@@ -0,0 +1,143 @@
+
+div.DTE div.editor_upload {
+	padding-top: 4px;
+
+	div.eu_table {
+		display: table;
+		width: 100%;
+	}
+
+	div.row {
+		display: table-row;
+	}
+
+	div.cell {
+		display: table-cell;
+		position: relative;
+		width: 50%;
+		vertical-align: top;
+	}
+
+	div.cell + div.cell {
+		padding-left: 10px;
+	}
+
+	div.row + div.row {
+		div.cell {
+			padding-top: 10px;
+		}
+	}
+
+	button.btn,
+	input[type=file] {
+		width: 100%;
+		height: 2.3em;
+		font-size: 0.8em;
+		text-align: center;
+		line-height: 1em;
+		margin: 0;
+	}
+
+	input[type=file] {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		opacity: 0;
+	}
+
+	div.drop {
+		position: relative;
+		box-sizing: border-box;
+		width: 100%;
+		height: 100%;
+		border: 3px dashed #ccc;
+		border-radius: 6px;
+		min-height: 4em;
+		color: #999;
+		text-align: center;
+		padding: 1em 2em;
+	    line-height: 1.1em;
+
+		&.over {
+			border: 3px dashed #111;
+			color: #111;
+		}
+
+		span {
+			max-width: 75%;
+			font-size: 0.85em;
+			line-height: 1em;
+		}
+	}
+
+	div.rendered {
+		img {
+			max-width: 8em;
+			margin: 0 auto;
+		}
+	}
+
+	&.noDrop {
+		div.drop {
+			display: none;
+		}
+
+		div.row.second {
+			display: none;
+		}
+
+		div.rendered {
+			margin-top: 10px;
+		}
+	}
+
+	&.noClear {
+		div.clearValue button {
+			display: none;
+		}
+	}
+
+	&.multi {
+		div.cell {
+			display: block;
+			width: 100%;
+
+			div.drop {
+				min-height: 0;
+			}
+		}
+
+		div.clearValue {
+			display: none;
+		}
+
+		ul {
+			list-style-type: none;
+			margin: 0;
+			padding: 0;
+
+			li {
+				position: relative;
+				margin-top: 0.5em;
+
+				&:first-child {
+					margin-top: 0;
+				}
+
+				img {
+					vertical-align: middle;
+				}
+
+				button {
+					position: absolute;
+					width: 40px;
+					right: 0;
+					top: 50%;
+					margin-top: -1.5em;
+				}
+			}
+		}
+	}
+}
+

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.bootstrap.js

@@ -0,0 +1,272 @@
+/*! Bootstrap integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+
+(function( factory ){
+	if ( typeof define === 'function' && define.amd ) {
+		// AMD
+		define( ['jquery', 'datatables.net-bs', 'datatables.net-editor'], function ( $ ) {
+			return factory( $, window, document );
+		} );
+	}
+	else if ( typeof exports === 'object' ) {
+		// CommonJS
+		var jq = require('jquery');
+		var cjsRequires = function (root, $) {
+			if ( ! $.fn.dataTable ) {
+				require('datatables.net-bs')(root, $);
+			}
+
+			if ( ! $.fn.dataTable.Editor ) {
+				require('datatables.net-editor')(root, $);
+			}
+		};
+
+		if (typeof window === 'undefined') {
+			module.exports = function (root, $) {
+				if ( ! root ) {
+					// CommonJS environments without a window global must pass a
+					// root. This will give an error otherwise
+					root = window;
+				}
+
+				if ( ! $ ) {
+					$ = jq( root );
+				}
+
+				cjsRequires( root, $ );
+				return factory( $, root, root.document );
+			};
+		}
+		else {
+			cjsRequires( window, jq );
+			module.exports = factory( jq, window, window.document );
+		}
+	}
+	else {
+		// Browser
+		factory( jQuery, window, document );
+	}
+}(function( $, window, document, undefined ) {
+'use strict';
+var DataTable = $.fn.dataTable;
+
+
+var Editor = DataTable.Editor;
+
+/*
+ * Set the default display controller to be our bootstrap control 
+ */
+DataTable.Editor.defaults.display = "bootstrap";
+
+
+/*
+ * Change the default classes from Editor to be classes for Bootstrap
+ */
+$.extend( true, $.fn.dataTable.Editor.classes, {
+	"header": {
+		"wrapper": "DTE_Header modal-header",
+		title: {
+			tag: 'h4',
+			class: 'modal-title'
+		}
+	},
+	"body": {
+		"wrapper": "DTE_Body modal-body"
+	},
+	"footer": {
+		"wrapper": "DTE_Footer modal-footer"
+	},
+	"form": {
+		"tag": "form-horizontal",
+		"button": "btn btn-default",
+		"buttonInternal": "btn btn-default"
+	},
+	"field": {
+		"wrapper": "DTE_Field",
+		"label":   "col-lg-4 control-label",
+		"input":   "col-lg-8 controls",
+		"error":   "error has-error",
+		"msg-labelInfo": "help-block",
+		"msg-info":      "help-block",
+		"msg-message":   "help-block",
+		"msg-error":     "help-block",
+		"multiValue":    "well well-sm multi-value",
+		"multiInfo":     "small",
+		"multiRestore":  "well well-sm multi-restore"
+	}
+} );
+
+$.extend( true, DataTable.ext.buttons, {
+	create: {
+		formButtons: {
+			className: 'btn-primary'
+		}
+	},
+	edit: {
+		formButtons: {
+			className: 'btn-primary'
+		}
+	},
+	remove: {
+		formButtons: {
+			className: 'btn-danger'
+		}
+	}
+} );
+
+DataTable.Editor.fieldTypes.datatable.tableClass = 'table';
+
+let shown = false;
+let fullyShown = false;
+
+const dom = {
+	// Note that `modal-dialog-scrollable` is BS4.3+ only. It has no effect on 4.0-4.2
+	content: $(
+		'<div class="modal fade DTED">'+
+			'<div class="modal-dialog">'+
+				'<div class="modal-content"></div>'+
+			'</div>'+
+		'</div>'
+	),
+	close: $('<button class="close">&times;</div>')
+};
+
+/*
+ * Bootstrap display controller - this is effectively a proxy to the Bootstrap
+ * modal control.
+ */
+DataTable.Editor.display.bootstrap = $.extend( true, {}, DataTable.Editor.models.displayController, {
+	init: function ( dte ) {
+		// Add `form-control` to required elements
+		dte.on( 'displayOrder.dtebs open.dtebs', function ( e, display, action, form ) {
+			$.each( dte.s.fields, function ( key, field ) {
+				$('input:not([type=checkbox]):not([type=radio]), select, textarea', field.node() )
+					.addClass( 'form-control' );
+			} );
+		} );
+
+		return DataTable.Editor.display.bootstrap;
+	},
+
+	open: function ( dte, append, callback ) {
+		$(append).addClass('modal-content');
+
+		// Special class for DataTable buttons in the form
+		$(append).find('div.DTE_Field_Type_datatable div.dt-buttons')
+			.removeClass('btn-group')
+			.addClass('btn-group-vertical');
+
+		var content = dom.content.find('div.modal-dialog');
+		content.children().detach();
+		content.append( append );
+
+		// Setup events on each show
+		dom.close
+			.attr('title', dte.i18n.close)
+			.off('click.dte-bs3')
+			.on('click.dte-bs3', function () {
+				dte.close('icon');
+			})
+			.prependTo($('div.modal-header', dom.content));
+
+		// This is a bit horrible, but if you mousedown and then drag out of the modal container, we don't
+		// want to trigger a background action.
+		var allowBackgroundClick = false;
+		$(document)
+			.off('mousedown.dte-bs3')
+			.on('mousedown.dte-bs3', 'div.modal', function (e) {
+				if ( ! shown ) {
+					return;
+				}
+
+				allowBackgroundClick = $(e.target).hasClass('modal') && shown
+					? true
+					: false;
+			} );
+
+		$(document)
+			.off('click.dte-bs3')
+			.on('click.dte-bs3', 'div.modal', function (e) {
+				if ( $(e.target).hasClass('modal') && allowBackgroundClick ) {
+					dte.background();
+				}
+
+				if ( ! $(e.target).hasClass('modal') ) {
+					return;	
+				}
+
+				// If scrollbar shown
+				if ($('div.modal-dialog').height() > $(e.target).height()) {
+					// And if clicking inside it - do nothing
+					if (e.pageX >= document.body.offsetWidth - DataTable.__browser.barWidth) {
+						return;
+					}
+				}
+
+				// All checks pass - do background action
+				dte.background();
+			} );
+
+		if ( shown ) {
+			if ( callback ) {
+				callback();
+			}
+			return;
+		}
+
+		shown = true;
+		fullyShown = false;
+
+		$(dom.content)
+			.one('shown.bs.modal', function () {
+				// Can only give elements focus when shown
+				if ( dte.s.setFocus ) {
+					dte.s.setFocus.focus();
+				}
+
+				if ( callback ) {
+					callback();
+				}
+			})
+			.one('hidden', function () {
+				shown = false;
+			})
+			.appendTo( 'body' )
+			.modal( {
+				backdrop: "static",
+				keyboard: false
+			} );
+
+		dom.close.prependTo($('div.modal-header', dom.content));
+	},
+
+	close: function ( dte, callback ) {
+		if ( ! shown ) {
+			if ( callback ) {
+				callback();
+			}
+			return;
+		}
+
+		$(dom.content)
+			.one( 'hidden.bs.modal', function () {
+				$(this).detach();
+			} )
+			.modal('hide');
+
+		shown = false;
+
+		if ( callback ) {
+			callback();
+		}
+	},
+
+	node: function ( dte ) {
+		return dom.content[0];
+	}
+} );
+
+
+return Editor;
+}));

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.bootstrap.min.js

@@ -0,0 +1,4 @@
+/*! Bootstrap integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+!function(o){var d,n;"function"==typeof define&&define.amd?define(["jquery","datatables.net-bs","datatables.net-editor"],function(e){return o(e,window,document)}):"object"==typeof exports?(d=require("jquery"),n=function(e,t){t.fn.dataTable||require("datatables.net-bs")(e,t),t.fn.dataTable.Editor||require("datatables.net-editor")(e,t)},"undefined"==typeof window?module.exports=function(e,t){return e=e||window,t=t||d(e),n(e,t),o(t,0,e.document)}:(n(window,d),module.exports=o(d,window,window.document))):o(jQuery,window,document)}(function(a,e,l,t){"use strict";var s=a.fn.dataTable,o=s.Editor;s.Editor.defaults.display="bootstrap",a.extend(!0,a.fn.dataTable.Editor.classes,{header:{wrapper:"DTE_Header modal-header",title:{tag:"h4",class:"modal-title"}},body:{wrapper:"DTE_Body modal-body"},footer:{wrapper:"DTE_Footer modal-footer"},form:{tag:"form-horizontal",button:"btn btn-default",buttonInternal:"btn btn-default"},field:{wrapper:"DTE_Field",label:"col-lg-4 control-label",input:"col-lg-8 controls",error:"error has-error","msg-labelInfo":"help-block","msg-info":"help-block","msg-message":"help-block","msg-error":"help-block",multiValue:"well well-sm multi-value",multiInfo:"small",multiRestore:"well well-sm multi-restore"}}),a.extend(!0,s.ext.buttons,{create:{formButtons:{className:"btn-primary"}},edit:{formButtons:{className:"btn-primary"}},remove:{formButtons:{className:"btn-danger"}}});let r=!(s.Editor.fieldTypes.datatable.tableClass="table");const i={content:a('<div class="modal fade DTED"><div class="modal-dialog"><div class="modal-content"></div></div></div>'),close:a('<button class="close">&times;</div>')};return s.Editor.display.bootstrap=a.extend(!0,{},s.Editor.models.displayController,{init:function(n){return n.on("displayOrder.dtebs open.dtebs",function(e,t,o,d){a.each(n.s.fields,function(e,t){a("input:not([type=checkbox]):not([type=radio]), select, textarea",t.node()).addClass("form-control")})}),s.Editor.display.bootstrap},open:function(t,e,o){a(e).addClass("modal-content"),a(e).find("div.DTE_Field_Type_datatable div.dt-buttons").removeClass("btn-group").addClass("btn-group-vertical");var d=i.content.find("div.modal-dialog"),n=(d.children().detach(),d.append(e),i.close.attr("title",t.i18n.close).off("click.dte-bs3").on("click.dte-bs3",function(){t.close("icon")}).prependTo(a("div.modal-header",i.content)),!1);a(l).off("mousedown.dte-bs3").on("mousedown.dte-bs3","div.modal",function(e){r&&(n=!(!a(e.target).hasClass("modal")||!r))}),a(l).off("click.dte-bs3").on("click.dte-bs3","div.modal",function(e){a(e.target).hasClass("modal")&&n&&t.background(),!a(e.target).hasClass("modal")||a("div.modal-dialog").height()>a(e.target).height()&&e.pageX>=l.body.offsetWidth-s.__browser.barWidth||t.background()}),r?o&&o():(r=!0,a(i.content).one("shown.bs.modal",function(){t.s.setFocus&&t.s.setFocus.focus(),o&&o()}).one("hidden",function(){r=!1}).appendTo("body").modal({backdrop:"static",keyboard:!1}),i.close.prependTo(a("div.modal-header",i.content)))},close:function(e,t){r&&(a(i.content).one("hidden.bs.modal",function(){a(this).detach()}).modal("hide"),r=!1),t&&t()},node:function(e){return i.content[0]}}),o});

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.bootstrap.min.mjs

@@ -0,0 +1,4 @@
+/*! Bootstrap integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+import jQuery from"jquery";import DataTable from"datatables.net-bs";import Editor from"datatables.net-editor";let $=jQuery;var Editor=DataTable.Editor;DataTable.Editor.defaults.display="bootstrap",$.extend(!0,$.fn.dataTable.Editor.classes,{header:{wrapper:"DTE_Header modal-header",title:{tag:"h4",class:"modal-title"}},body:{wrapper:"DTE_Body modal-body"},footer:{wrapper:"DTE_Footer modal-footer"},form:{tag:"form-horizontal",button:"btn btn-default",buttonInternal:"btn btn-default"},field:{wrapper:"DTE_Field",label:"col-lg-4 control-label",input:"col-lg-8 controls",error:"error has-error","msg-labelInfo":"help-block","msg-info":"help-block","msg-message":"help-block","msg-error":"help-block",multiValue:"well well-sm multi-value",multiInfo:"small",multiRestore:"well well-sm multi-restore"}}),$.extend(!0,DataTable.ext.buttons,{create:{formButtons:{className:"btn-primary"}},edit:{formButtons:{className:"btn-primary"}},remove:{formButtons:{className:"btn-danger"}}});let shown=!(DataTable.Editor.fieldTypes.datatable.tableClass="table"),fullyShown=!1;const dom={content:$('<div class="modal fade DTED"><div class="modal-dialog"><div class="modal-content"></div></div></div>'),close:$('<button class="close">&times;</div>')};DataTable.Editor.display.bootstrap=$.extend(!0,{},DataTable.Editor.models.displayController,{init:function(d){return d.on("displayOrder.dtebs open.dtebs",function(o,t,e,a){$.each(d.s.fields,function(o,t){$("input:not([type=checkbox]):not([type=radio]), select, textarea",t.node()).addClass("form-control")})}),DataTable.Editor.display.bootstrap},open:function(t,o,e){$(o).addClass("modal-content"),$(o).find("div.DTE_Field_Type_datatable div.dt-buttons").removeClass("btn-group").addClass("btn-group-vertical");var a=dom.content.find("div.modal-dialog"),d=(a.children().detach(),a.append(o),dom.close.attr("title",t.i18n.close).off("click.dte-bs3").on("click.dte-bs3",function(){t.close("icon")}).prependTo($("div.modal-header",dom.content)),!1);$(document).off("mousedown.dte-bs3").on("mousedown.dte-bs3","div.modal",function(o){shown&&(d=!(!$(o.target).hasClass("modal")||!shown))}),$(document).off("click.dte-bs3").on("click.dte-bs3","div.modal",function(o){$(o.target).hasClass("modal")&&d&&t.background(),!$(o.target).hasClass("modal")||$("div.modal-dialog").height()>$(o.target).height()&&o.pageX>=document.body.offsetWidth-DataTable.__browser.barWidth||t.background()}),shown?e&&e():(shown=!0,fullyShown=!1,$(dom.content).one("shown.bs.modal",function(){t.s.setFocus&&t.s.setFocus.focus(),e&&e()}).one("hidden",function(){shown=!1}).appendTo("body").modal({backdrop:"static",keyboard:!1}),dom.close.prependTo($("div.modal-header",dom.content)))},close:function(o,t){shown&&($(dom.content).one("hidden.bs.modal",function(){$(this).detach()}).modal("hide"),shown=!1),t&&t()},node:function(o){return dom.content[0]}});export default Editor;

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.bootstrap.mjs

@@ -0,0 +1,228 @@
+/*! Bootstrap integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+
+import jQuery from 'jquery';
+import DataTable from 'datatables.net-bs';
+import Editor from 'datatables.net-editor';
+
+// Allow reassignment of the $ variable
+let $ = jQuery;
+
+var Editor = DataTable.Editor;
+
+/*
+ * Set the default display controller to be our bootstrap control 
+ */
+DataTable.Editor.defaults.display = "bootstrap";
+
+
+/*
+ * Change the default classes from Editor to be classes for Bootstrap
+ */
+$.extend( true, $.fn.dataTable.Editor.classes, {
+	"header": {
+		"wrapper": "DTE_Header modal-header",
+		title: {
+			tag: 'h4',
+			class: 'modal-title'
+		}
+	},
+	"body": {
+		"wrapper": "DTE_Body modal-body"
+	},
+	"footer": {
+		"wrapper": "DTE_Footer modal-footer"
+	},
+	"form": {
+		"tag": "form-horizontal",
+		"button": "btn btn-default",
+		"buttonInternal": "btn btn-default"
+	},
+	"field": {
+		"wrapper": "DTE_Field",
+		"label":   "col-lg-4 control-label",
+		"input":   "col-lg-8 controls",
+		"error":   "error has-error",
+		"msg-labelInfo": "help-block",
+		"msg-info":      "help-block",
+		"msg-message":   "help-block",
+		"msg-error":     "help-block",
+		"multiValue":    "well well-sm multi-value",
+		"multiInfo":     "small",
+		"multiRestore":  "well well-sm multi-restore"
+	}
+} );
+
+$.extend( true, DataTable.ext.buttons, {
+	create: {
+		formButtons: {
+			className: 'btn-primary'
+		}
+	},
+	edit: {
+		formButtons: {
+			className: 'btn-primary'
+		}
+	},
+	remove: {
+		formButtons: {
+			className: 'btn-danger'
+		}
+	}
+} );
+
+DataTable.Editor.fieldTypes.datatable.tableClass = 'table';
+
+let shown = false;
+let fullyShown = false;
+
+const dom = {
+	// Note that `modal-dialog-scrollable` is BS4.3+ only. It has no effect on 4.0-4.2
+	content: $(
+		'<div class="modal fade DTED">'+
+			'<div class="modal-dialog">'+
+				'<div class="modal-content"></div>'+
+			'</div>'+
+		'</div>'
+	),
+	close: $('<button class="close">&times;</div>')
+};
+
+/*
+ * Bootstrap display controller - this is effectively a proxy to the Bootstrap
+ * modal control.
+ */
+DataTable.Editor.display.bootstrap = $.extend( true, {}, DataTable.Editor.models.displayController, {
+	init: function ( dte ) {
+		// Add `form-control` to required elements
+		dte.on( 'displayOrder.dtebs open.dtebs', function ( e, display, action, form ) {
+			$.each( dte.s.fields, function ( key, field ) {
+				$('input:not([type=checkbox]):not([type=radio]), select, textarea', field.node() )
+					.addClass( 'form-control' );
+			} );
+		} );
+
+		return DataTable.Editor.display.bootstrap;
+	},
+
+	open: function ( dte, append, callback ) {
+		$(append).addClass('modal-content');
+
+		// Special class for DataTable buttons in the form
+		$(append).find('div.DTE_Field_Type_datatable div.dt-buttons')
+			.removeClass('btn-group')
+			.addClass('btn-group-vertical');
+
+		var content = dom.content.find('div.modal-dialog');
+		content.children().detach();
+		content.append( append );
+
+		// Setup events on each show
+		dom.close
+			.attr('title', dte.i18n.close)
+			.off('click.dte-bs3')
+			.on('click.dte-bs3', function () {
+				dte.close('icon');
+			})
+			.prependTo($('div.modal-header', dom.content));
+
+		// This is a bit horrible, but if you mousedown and then drag out of the modal container, we don't
+		// want to trigger a background action.
+		var allowBackgroundClick = false;
+		$(document)
+			.off('mousedown.dte-bs3')
+			.on('mousedown.dte-bs3', 'div.modal', function (e) {
+				if ( ! shown ) {
+					return;
+				}
+
+				allowBackgroundClick = $(e.target).hasClass('modal') && shown
+					? true
+					: false;
+			} );
+
+		$(document)
+			.off('click.dte-bs3')
+			.on('click.dte-bs3', 'div.modal', function (e) {
+				if ( $(e.target).hasClass('modal') && allowBackgroundClick ) {
+					dte.background();
+				}
+
+				if ( ! $(e.target).hasClass('modal') ) {
+					return;	
+				}
+
+				// If scrollbar shown
+				if ($('div.modal-dialog').height() > $(e.target).height()) {
+					// And if clicking inside it - do nothing
+					if (e.pageX >= document.body.offsetWidth - DataTable.__browser.barWidth) {
+						return;
+					}
+				}
+
+				// All checks pass - do background action
+				dte.background();
+			} );
+
+		if ( shown ) {
+			if ( callback ) {
+				callback();
+			}
+			return;
+		}
+
+		shown = true;
+		fullyShown = false;
+
+		$(dom.content)
+			.one('shown.bs.modal', function () {
+				// Can only give elements focus when shown
+				if ( dte.s.setFocus ) {
+					dte.s.setFocus.focus();
+				}
+
+				if ( callback ) {
+					callback();
+				}
+			})
+			.one('hidden', function () {
+				shown = false;
+			})
+			.appendTo( 'body' )
+			.modal( {
+				backdrop: "static",
+				keyboard: false
+			} );
+
+		dom.close.prependTo($('div.modal-header', dom.content));
+	},
+
+	close: function ( dte, callback ) {
+		if ( ! shown ) {
+			if ( callback ) {
+				callback();
+			}
+			return;
+		}
+
+		$(dom.content)
+			.one( 'hidden.bs.modal', function () {
+				$(this).detach();
+			} )
+			.modal('hide');
+
+		shown = false;
+
+		if ( callback ) {
+			callback();
+		}
+	},
+
+	node: function ( dte ) {
+		return dom.content[0];
+	}
+} );
+
+
+export default Editor;

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.bootstrap4.js

@@ -0,0 +1,264 @@
+/*! Bootstrap integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+
+(function( factory ){
+	if ( typeof define === 'function' && define.amd ) {
+		// AMD
+		define( ['jquery', 'datatables.net-bs4', 'datatables.net-editor'], function ( $ ) {
+			return factory( $, window, document );
+		} );
+	}
+	else if ( typeof exports === 'object' ) {
+		// CommonJS
+		var jq = require('jquery');
+		var cjsRequires = function (root, $) {
+			if ( ! $.fn.dataTable ) {
+				require('datatables.net-bs4')(root, $);
+			}
+
+			if ( ! $.fn.dataTable.Editor ) {
+				require('datatables.net-editor')(root, $);
+			}
+		};
+
+		if (typeof window === 'undefined') {
+			module.exports = function (root, $) {
+				if ( ! root ) {
+					// CommonJS environments without a window global must pass a
+					// root. This will give an error otherwise
+					root = window;
+				}
+
+				if ( ! $ ) {
+					$ = jq( root );
+				}
+
+				cjsRequires( root, $ );
+				return factory( $, root, root.document );
+			};
+		}
+		else {
+			cjsRequires( window, jq );
+			module.exports = factory( jq, window, window.document );
+		}
+	}
+	else {
+		// Browser
+		factory( jQuery, window, document );
+	}
+}(function( $, window, document, undefined ) {
+'use strict';
+var DataTable = $.fn.dataTable;
+
+
+var Editor = DataTable.Editor;
+
+/*
+ * Set the default display controller to be our bootstrap control 
+ */
+DataTable.Editor.defaults.display = "bootstrap";
+
+
+/*
+ * Change the default classes from Editor to be classes for Bootstrap
+ */
+$.extend( true, $.fn.dataTable.Editor.classes, {
+	"header": {
+		"wrapper": "DTE_Header modal-header",
+		title: {
+			tag: 'h5',
+			class: 'modal-title'
+		}
+	},
+	"body": {
+		"wrapper": "DTE_Body modal-body"
+	},
+	"footer": {
+		"wrapper": "DTE_Footer modal-footer"
+	},
+	"form": {
+		"tag": "form-horizontal",
+		"button": "btn",
+		"buttonInternal": "btn btn-outline-secondary"
+	},
+	"field": {
+		"wrapper": "DTE_Field form-group row",
+		"label":   "col-lg-4 col-form-label",
+		"input":   "col-lg-8",
+		"error":   "error is-invalid",
+		"msg-labelInfo": "form-text text-secondary small",
+		"msg-info":      "form-text text-secondary small",
+		"msg-message":   "form-text text-secondary small",
+		"msg-error":     "form-text text-danger small",
+		"multiValue":    "card multi-value",
+		"multiInfo":     "small",
+		"multiRestore":  "multi-restore"
+	}
+} );
+
+$.extend( true, DataTable.ext.buttons, {
+	create: {
+		formButtons: {
+			className: 'btn-primary'
+		}
+	},
+	edit: {
+		formButtons: {
+			className: 'btn-primary'
+		}
+	},
+	remove: {
+		formButtons: {
+			className: 'btn-danger'
+		}
+	}
+} );
+
+DataTable.Editor.fieldTypes.datatable.tableClass = 'table';
+
+/*
+ * Bootstrap display controller - this is effectively a proxy to the Bootstrap
+ * modal control.
+ */
+
+let shown = false;
+let fullyShown = false;
+
+const dom = {
+	// Note that `modal-dialog-scrollable` is BS4.3+ only. It has no effect on 4.0-4.2
+	content: $(
+		'<div class="modal fade DTED">'+
+			'<div class="modal-dialog modal-lg modal-dialog-scrollable"></div>'+
+		'</div>'
+	),
+	close: $('<button class="close">&times;</div>')
+};
+
+DataTable.Editor.display.bootstrap = $.extend( true, {}, DataTable.Editor.models.displayController, {
+	init: function ( dte ) {
+		// Add `form-control` to required elements
+		dte.on( 'displayOrder.dtebs open.dtebs', function ( e, display, action, form ) {
+			$.each( dte.s.fields, function ( key, field ) {
+				$('input:not([type=checkbox]):not([type=radio]), select, textarea', field.node() )
+					.addClass( 'form-control' );
+			} );
+		} );
+
+		return DataTable.Editor.display.bootstrap;
+	},
+
+	open: function ( dte, append, callback ) {
+		$(append).addClass('modal-content');
+
+		// Special class for DataTable buttons in the form
+		$(append).find('div.DTE_Field_Type_datatable div.dt-buttons')
+			.removeClass('btn-group')
+			.addClass('btn-group-vertical');
+
+		// Setup events on each show
+		dom.close
+			.attr('title', dte.i18n.close)
+			.off('click.dte-bs4')
+			.on('click.dte-bs4', function () {
+				dte.close('icon');
+			})
+			.appendTo($('div.modal-header', append));
+
+		// This is a bit horrible, but if you mousedown and then drag out of the modal container, we don't
+		// want to trigger a background action.
+		let allowBackgroundClick = false;
+		$(document)
+			.off('mousedown.dte-bs4')
+			.on('mousedown.dte-bs4', 'div.modal', function (e) {
+				allowBackgroundClick = $(e.target).hasClass('modal') && shown
+					? true
+					: false;
+			} );
+
+		$(document)
+			.off('click.dte-bs4')
+			.on('click.dte-bs4', 'div.modal', function (e) {
+				if ( $(e.target).hasClass('modal') && allowBackgroundClick ) {
+					dte.background();
+				}
+			} );
+
+		var content = dom.content.find('div.modal-dialog');
+		content.children().detach();
+		content.append( append );
+
+		if ( shown ) {
+			if ( callback ) {
+				callback();
+			}
+			return;
+		}
+
+		shown = true;
+		fullyShown = false;
+
+		$(dom.content)
+			.one('shown.bs.modal', function () {
+				// Can only give elements focus when shown
+				if ( dte.s.setFocus ) {
+					dte.s.setFocus.focus();
+				}
+
+				fullyShown = true;
+
+				if ( callback ) {
+					callback();
+				}
+			})
+			.one('hidden', function () {
+				shown = false;
+			})
+			.appendTo( 'body' )
+			.modal( {
+				backdrop: "static",
+				keyboard: false
+			} );
+	},
+
+	close: function ( dte, callback ) {
+		if ( ! shown ) {
+			if ( callback ) {
+				callback();
+			}
+			return;
+		}
+
+		// Check if actually displayed or not before hiding. BS4 doesn't like `hide`
+		// before it has been fully displayed
+		if ( ! fullyShown ) {
+			$(dom.content)
+				.one('shown.bs.modal', function () {
+					DataTable.Editor.display.bootstrap.close( dte, callback );
+				} );
+
+			return;
+		}
+
+		$(dom.content)
+			.one( 'hidden.bs.modal', function () {
+				$(this).detach();
+			} )
+			.modal('hide');
+
+		shown = false;
+		fullyShown = false;
+
+		if ( callback ) {
+			callback();
+		}
+	},
+
+	node: function ( dte ) {
+		return dom.content[0];
+	}
+} );
+
+
+return Editor;
+}));

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.bootstrap4.min.js

@@ -0,0 +1,4 @@
+/*! Bootstrap integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+!function(o){var n,a;"function"==typeof define&&define.amd?define(["jquery","datatables.net-bs4","datatables.net-editor"],function(t){return o(t,window,document)}):"object"==typeof exports?(n=require("jquery"),a=function(t,e){e.fn.dataTable||require("datatables.net-bs4")(t,e),e.fn.dataTable.Editor||require("datatables.net-editor")(t,e)},"undefined"==typeof window?module.exports=function(t,e){return t=t||window,e=e||n(t),a(t,e),o(e,0,t.document)}:(a(window,n),module.exports=o(n,window,window.document))):o(jQuery,window,document)}(function(d,t,l,e){"use strict";var o=d.fn.dataTable,n=o.Editor;o.Editor.defaults.display="bootstrap",d.extend(!0,d.fn.dataTable.Editor.classes,{header:{wrapper:"DTE_Header modal-header",title:{tag:"h5",class:"modal-title"}},body:{wrapper:"DTE_Body modal-body"},footer:{wrapper:"DTE_Footer modal-footer"},form:{tag:"form-horizontal",button:"btn",buttonInternal:"btn btn-outline-secondary"},field:{wrapper:"DTE_Field form-group row",label:"col-lg-4 col-form-label",input:"col-lg-8",error:"error is-invalid","msg-labelInfo":"form-text text-secondary small","msg-info":"form-text text-secondary small","msg-message":"form-text text-secondary small","msg-error":"form-text text-danger small",multiValue:"card multi-value",multiInfo:"small",multiRestore:"multi-restore"}}),d.extend(!0,o.ext.buttons,{create:{formButtons:{className:"btn-primary"}},edit:{formButtons:{className:"btn-primary"}},remove:{formButtons:{className:"btn-danger"}}});let s=!(o.Editor.fieldTypes.datatable.tableClass="table"),r=!1;const i={content:d('<div class="modal fade DTED"><div class="modal-dialog modal-lg modal-dialog-scrollable"></div></div>'),close:d('<button class="close">&times;</div>')};return o.Editor.display.bootstrap=d.extend(!0,{},o.Editor.models.displayController,{init:function(a){return a.on("displayOrder.dtebs open.dtebs",function(t,e,o,n){d.each(a.s.fields,function(t,e){d("input:not([type=checkbox]):not([type=radio]), select, textarea",e.node()).addClass("form-control")})}),o.Editor.display.bootstrap},open:function(e,t,o){d(t).addClass("modal-content"),d(t).find("div.DTE_Field_Type_datatable div.dt-buttons").removeClass("btn-group").addClass("btn-group-vertical"),i.close.attr("title",e.i18n.close).off("click.dte-bs4").on("click.dte-bs4",function(){e.close("icon")}).appendTo(d("div.modal-header",t));let n=!1;d(l).off("mousedown.dte-bs4").on("mousedown.dte-bs4","div.modal",function(t){n=!(!d(t.target).hasClass("modal")||!s)}),d(l).off("click.dte-bs4").on("click.dte-bs4","div.modal",function(t){d(t.target).hasClass("modal")&&n&&e.background()});var a=i.content.find("div.modal-dialog");a.children().detach(),a.append(t),s?o&&o():(s=!0,r=!1,d(i.content).one("shown.bs.modal",function(){e.s.setFocus&&e.s.setFocus.focus(),r=!0,o&&o()}).one("hidden",function(){s=!1}).appendTo("body").modal({backdrop:"static",keyboard:!1}))},close:function(t,e){s?r?(d(i.content).one("hidden.bs.modal",function(){d(this).detach()}).modal("hide"),s=!1,r=!1,e&&e()):d(i.content).one("shown.bs.modal",function(){o.Editor.display.bootstrap.close(t,e)}):e&&e()},node:function(t){return i.content[0]}}),n});

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.bootstrap4.min.mjs

@@ -0,0 +1,4 @@
+/*! Bootstrap integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+import jQuery from"jquery";import DataTable from"datatables.net-bs4";import Editor from"datatables.net-editor";let $=jQuery;var Editor=DataTable.Editor;DataTable.Editor.defaults.display="bootstrap",$.extend(!0,$.fn.dataTable.Editor.classes,{header:{wrapper:"DTE_Header modal-header",title:{tag:"h5",class:"modal-title"}},body:{wrapper:"DTE_Body modal-body"},footer:{wrapper:"DTE_Footer modal-footer"},form:{tag:"form-horizontal",button:"btn",buttonInternal:"btn btn-outline-secondary"},field:{wrapper:"DTE_Field form-group row",label:"col-lg-4 col-form-label",input:"col-lg-8",error:"error is-invalid","msg-labelInfo":"form-text text-secondary small","msg-info":"form-text text-secondary small","msg-message":"form-text text-secondary small","msg-error":"form-text text-danger small",multiValue:"card multi-value",multiInfo:"small",multiRestore:"multi-restore"}}),$.extend(!0,DataTable.ext.buttons,{create:{formButtons:{className:"btn-primary"}},edit:{formButtons:{className:"btn-primary"}},remove:{formButtons:{className:"btn-danger"}}});let shown=!(DataTable.Editor.fieldTypes.datatable.tableClass="table"),fullyShown=!1;const dom={content:$('<div class="modal fade DTED"><div class="modal-dialog modal-lg modal-dialog-scrollable"></div></div>'),close:$('<button class="close">&times;</div>')};DataTable.Editor.display.bootstrap=$.extend(!0,{},DataTable.Editor.models.displayController,{init:function(l){return l.on("displayOrder.dtebs open.dtebs",function(o,t,e,a){$.each(l.s.fields,function(o,t){$("input:not([type=checkbox]):not([type=radio]), select, textarea",t.node()).addClass("form-control")})}),DataTable.Editor.display.bootstrap},open:function(t,o,e){$(o).addClass("modal-content"),$(o).find("div.DTE_Field_Type_datatable div.dt-buttons").removeClass("btn-group").addClass("btn-group-vertical"),dom.close.attr("title",t.i18n.close).off("click.dte-bs4").on("click.dte-bs4",function(){t.close("icon")}).appendTo($("div.modal-header",o));let a=!1;$(document).off("mousedown.dte-bs4").on("mousedown.dte-bs4","div.modal",function(o){a=!(!$(o.target).hasClass("modal")||!shown)}),$(document).off("click.dte-bs4").on("click.dte-bs4","div.modal",function(o){$(o.target).hasClass("modal")&&a&&t.background()});var l=dom.content.find("div.modal-dialog");l.children().detach(),l.append(o),shown?e&&e():(shown=!0,fullyShown=!1,$(dom.content).one("shown.bs.modal",function(){t.s.setFocus&&t.s.setFocus.focus(),fullyShown=!0,e&&e()}).one("hidden",function(){shown=!1}).appendTo("body").modal({backdrop:"static",keyboard:!1}))},close:function(o,t){shown?fullyShown?($(dom.content).one("hidden.bs.modal",function(){$(this).detach()}).modal("hide"),shown=!1,fullyShown=!1,t&&t()):$(dom.content).one("shown.bs.modal",function(){DataTable.Editor.display.bootstrap.close(o,t)}):t&&t()},node:function(o){return dom.content[0]}});export default Editor;

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.bootstrap4.mjs

@@ -0,0 +1,220 @@
+/*! Bootstrap integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+
+import jQuery from 'jquery';
+import DataTable from 'datatables.net-bs4';
+import Editor from 'datatables.net-editor';
+
+// Allow reassignment of the $ variable
+let $ = jQuery;
+
+var Editor = DataTable.Editor;
+
+/*
+ * Set the default display controller to be our bootstrap control 
+ */
+DataTable.Editor.defaults.display = "bootstrap";
+
+
+/*
+ * Change the default classes from Editor to be classes for Bootstrap
+ */
+$.extend( true, $.fn.dataTable.Editor.classes, {
+	"header": {
+		"wrapper": "DTE_Header modal-header",
+		title: {
+			tag: 'h5',
+			class: 'modal-title'
+		}
+	},
+	"body": {
+		"wrapper": "DTE_Body modal-body"
+	},
+	"footer": {
+		"wrapper": "DTE_Footer modal-footer"
+	},
+	"form": {
+		"tag": "form-horizontal",
+		"button": "btn",
+		"buttonInternal": "btn btn-outline-secondary"
+	},
+	"field": {
+		"wrapper": "DTE_Field form-group row",
+		"label":   "col-lg-4 col-form-label",
+		"input":   "col-lg-8",
+		"error":   "error is-invalid",
+		"msg-labelInfo": "form-text text-secondary small",
+		"msg-info":      "form-text text-secondary small",
+		"msg-message":   "form-text text-secondary small",
+		"msg-error":     "form-text text-danger small",
+		"multiValue":    "card multi-value",
+		"multiInfo":     "small",
+		"multiRestore":  "multi-restore"
+	}
+} );
+
+$.extend( true, DataTable.ext.buttons, {
+	create: {
+		formButtons: {
+			className: 'btn-primary'
+		}
+	},
+	edit: {
+		formButtons: {
+			className: 'btn-primary'
+		}
+	},
+	remove: {
+		formButtons: {
+			className: 'btn-danger'
+		}
+	}
+} );
+
+DataTable.Editor.fieldTypes.datatable.tableClass = 'table';
+
+/*
+ * Bootstrap display controller - this is effectively a proxy to the Bootstrap
+ * modal control.
+ */
+
+let shown = false;
+let fullyShown = false;
+
+const dom = {
+	// Note that `modal-dialog-scrollable` is BS4.3+ only. It has no effect on 4.0-4.2
+	content: $(
+		'<div class="modal fade DTED">'+
+			'<div class="modal-dialog modal-lg modal-dialog-scrollable"></div>'+
+		'</div>'
+	),
+	close: $('<button class="close">&times;</div>')
+};
+
+DataTable.Editor.display.bootstrap = $.extend( true, {}, DataTable.Editor.models.displayController, {
+	init: function ( dte ) {
+		// Add `form-control` to required elements
+		dte.on( 'displayOrder.dtebs open.dtebs', function ( e, display, action, form ) {
+			$.each( dte.s.fields, function ( key, field ) {
+				$('input:not([type=checkbox]):not([type=radio]), select, textarea', field.node() )
+					.addClass( 'form-control' );
+			} );
+		} );
+
+		return DataTable.Editor.display.bootstrap;
+	},
+
+	open: function ( dte, append, callback ) {
+		$(append).addClass('modal-content');
+
+		// Special class for DataTable buttons in the form
+		$(append).find('div.DTE_Field_Type_datatable div.dt-buttons')
+			.removeClass('btn-group')
+			.addClass('btn-group-vertical');
+
+		// Setup events on each show
+		dom.close
+			.attr('title', dte.i18n.close)
+			.off('click.dte-bs4')
+			.on('click.dte-bs4', function () {
+				dte.close('icon');
+			})
+			.appendTo($('div.modal-header', append));
+
+		// This is a bit horrible, but if you mousedown and then drag out of the modal container, we don't
+		// want to trigger a background action.
+		let allowBackgroundClick = false;
+		$(document)
+			.off('mousedown.dte-bs4')
+			.on('mousedown.dte-bs4', 'div.modal', function (e) {
+				allowBackgroundClick = $(e.target).hasClass('modal') && shown
+					? true
+					: false;
+			} );
+
+		$(document)
+			.off('click.dte-bs4')
+			.on('click.dte-bs4', 'div.modal', function (e) {
+				if ( $(e.target).hasClass('modal') && allowBackgroundClick ) {
+					dte.background();
+				}
+			} );
+
+		var content = dom.content.find('div.modal-dialog');
+		content.children().detach();
+		content.append( append );
+
+		if ( shown ) {
+			if ( callback ) {
+				callback();
+			}
+			return;
+		}
+
+		shown = true;
+		fullyShown = false;
+
+		$(dom.content)
+			.one('shown.bs.modal', function () {
+				// Can only give elements focus when shown
+				if ( dte.s.setFocus ) {
+					dte.s.setFocus.focus();
+				}
+
+				fullyShown = true;
+
+				if ( callback ) {
+					callback();
+				}
+			})
+			.one('hidden', function () {
+				shown = false;
+			})
+			.appendTo( 'body' )
+			.modal( {
+				backdrop: "static",
+				keyboard: false
+			} );
+	},
+
+	close: function ( dte, callback ) {
+		if ( ! shown ) {
+			if ( callback ) {
+				callback();
+			}
+			return;
+		}
+
+		// Check if actually displayed or not before hiding. BS4 doesn't like `hide`
+		// before it has been fully displayed
+		if ( ! fullyShown ) {
+			$(dom.content)
+				.one('shown.bs.modal', function () {
+					DataTable.Editor.display.bootstrap.close( dte, callback );
+				} );
+
+			return;
+		}
+
+		$(dom.content)
+			.one( 'hidden.bs.modal', function () {
+				$(this).detach();
+			} )
+			.modal('hide');
+
+		shown = false;
+		fullyShown = false;
+
+		if ( callback ) {
+			callback();
+		}
+	},
+
+	node: function ( dte ) {
+		return dom.content[0];
+	}
+} );
+
+
+export default Editor;

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.bootstrap5.js

@@ -0,0 +1,315 @@
+/*! Bootstrap integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+
+(function( factory ){
+	if ( typeof define === 'function' && define.amd ) {
+		// AMD
+		define( ['jquery', 'datatables.net-bs5', 'datatables.net-editor'], function ( $ ) {
+			return factory( $, window, document );
+		} );
+	}
+	else if ( typeof exports === 'object' ) {
+		// CommonJS
+		var jq = require('jquery');
+		var cjsRequires = function (root, $) {
+			if ( ! $.fn.dataTable ) {
+				require('datatables.net-bs5')(root, $);
+			}
+
+			if ( ! $.fn.dataTable.Editor ) {
+				require('datatables.net-editor')(root, $);
+			}
+		};
+
+		if (typeof window === 'undefined') {
+			module.exports = function (root, $) {
+				if ( ! root ) {
+					// CommonJS environments without a window global must pass a
+					// root. This will give an error otherwise
+					root = window;
+				}
+
+				if ( ! $ ) {
+					$ = jq( root );
+				}
+
+				cjsRequires( root, $ );
+				return factory( $, root, root.document );
+			};
+		}
+		else {
+			cjsRequires( window, jq );
+			module.exports = factory( jq, window, window.document );
+		}
+	}
+	else {
+		// Browser
+		factory( jQuery, window, document );
+	}
+}(function( $, window, document, undefined ) {
+'use strict';
+var DataTable = $.fn.dataTable;
+
+
+var Editor = DataTable.Editor;
+
+/*
+ * Set the default display controller to be our bootstrap control 
+ */
+DataTable.Editor.defaults.display = "bootstrap";
+
+
+/*
+ * Change the default classes from Editor to be classes for Bootstrap
+ */
+$.extend( true, $.fn.dataTable.Editor.classes, {
+	"header": {
+		"wrapper": "DTE_Header",
+		title: {
+			tag: 'h5',
+			class: 'modal-title'
+		}
+	},
+	"body": {
+		"wrapper": "DTE_Body"
+	},
+	"footer": {
+		"wrapper": "DTE_Footer"
+	},
+	"form": {
+		"tag": "form-horizontal",
+		"button": "btn",
+		"buttonInternal": "btn btn-outline-secondary"
+	},
+	"field": {
+		"wrapper": "DTE_Field form-group row",
+		"label":   "col-lg-4 col-form-label",
+		"input":   "col-lg-8",
+		"error":   "error is-invalid",
+		"msg-labelInfo": "form-text text-secondary small",
+		"msg-info":      "form-text text-secondary small",
+		"msg-message":   "form-text text-secondary small",
+		"msg-error":     "form-text text-danger small",
+		"multiValue":    "card multi-value",
+		"multiInfo":     "small",
+		"multiRestore":  "multi-restore"
+	}
+} );
+
+$.extend( true, DataTable.ext.buttons, {
+	create: {
+		formButtons: {
+			className: 'btn-primary'
+		}
+	},
+	edit: {
+		formButtons: {
+			className: 'btn-primary'
+		}
+	},
+	remove: {
+		formButtons: {
+			className: 'btn-danger'
+		}
+	}
+} );
+
+DataTable.Editor.fieldTypes.datatable.tableClass = 'table';
+
+/*
+ * Bootstrap display controller - this is effectively a proxy to the Bootstrap
+ * modal control.
+ */
+let shown = false;
+let fullyShown = false;
+
+const dom = {
+	content: $(
+		'<div class="modal fade DTED">'+
+			'<div class="modal-dialog"></div>'+
+		'</div>'
+	),
+	close: $('<button class="btn-close"></div>')
+};
+let modal;
+let _bs = window.bootstrap;
+
+DataTable.Editor.bootstrap = function (bs) {
+	_bs = bs;
+}
+
+DataTable.Editor.display.bootstrap = $.extend( true, {}, DataTable.Editor.models.displayController, {
+	/*
+	 * API methods
+	 */
+	init: function ( dte ) {
+		// Add `form-control` to required elements
+		dte.on( 'displayOrder.dtebs open.dtebs', function ( e, display, action, form ) {
+			$.each( dte.s.fields, function ( key, field ) {
+				$('input:not([type=checkbox]):not([type=radio]), select, textarea', field.node() )
+					.addClass( 'form-control' );
+
+				$('input[type=checkbox], input[type=radio]', field.node() )
+					.addClass( 'form-check-input' );
+
+				$('select', field.node() )
+					.addClass( 'form-select' );
+			} );
+		} );
+
+		return DataTable.Editor.display.bootstrap;
+	},
+
+	open: function ( dte, append, callback ) {
+		if (! modal) {
+			modal = new _bs.Modal(dom.content[0], {
+				backdrop: "static",
+				keyboard: false
+			});
+		}
+
+		$(append).addClass('modal-content');
+		$('.DTE_Header', append).addClass('modal-header');
+		$('.DTE_Body', append).addClass('modal-body');
+		$('.DTE_Footer', append).addClass('modal-footer');
+
+		// Special class for DataTable buttons in the form
+		$(append).find('div.DTE_Field_Type_datatable div.dt-buttons')
+			.removeClass('btn-group')
+			.addClass('btn-group-vertical');
+
+		// Setup events on each show
+		dom.close
+			.attr('title', dte.i18n.close)
+			.off('click.dte-bs5')
+			.on('click.dte-bs5', function () {
+				dte.close('icon');
+			})
+			.appendTo($('div.modal-header', append));
+
+		// This is a bit horrible, but if you mousedown and then drag out of the modal container, we don't
+		// want to trigger a background action.
+		let allowBackgroundClick = false;
+		$(document)
+			.off('mousedown.dte-bs5')
+			.on('mousedown.dte-bs5', 'div.modal', function (e) {
+				allowBackgroundClick = $(e.target).hasClass('modal') && shown
+					? true
+					: false;
+			} );
+
+		$(document)
+			.off('click.dte-bs5')
+			.on('click.dte-bs5', 'div.modal', function (e) {
+				if ( $(e.target).hasClass('modal') && allowBackgroundClick ) {
+					dte.background();
+				}
+			} );
+
+		var content = dom.content.find('div.modal-dialog');
+		content.addClass(DataTable.Editor.display.bootstrap.classes.modal);
+		content.children().detach();
+		content.append( append );
+
+		// Floating label support - rearrange the DOM for the inputs
+		if (dte.c.bootstrap && dte.c.bootstrap.floatingLabels) {
+			var floating_label_types = ['readonly', 'text', 'textarea', 'select', 'datetime']
+			var fields = dte.order();
+
+			fields
+				.filter(function (f) {
+					var type = dte.field(f).s.opts.type;
+
+					return floating_label_types.includes(type);
+				})
+				.forEach(function(f) {
+					var node = $(dte.field(f).node());
+					var wrapper = node.find('.DTE_Field_InputControl');
+					var control = wrapper.children(':first-child');
+					var label = node.find('label');
+
+					wrapper.parent().removeClass('col-lg-8').addClass('col-lg-12');
+					wrapper.addClass('form-floating');
+					control.addClass('form-control').attr("placeholder", f);
+					label.appendTo(wrapper);
+				});
+		}
+
+		if ( shown ) {
+			if ( callback ) {
+				callback();
+			}
+			return;
+		}
+
+		shown = true;
+		fullyShown = false;
+
+		$(dom.content)
+			.one('shown.bs.modal', function () {
+				// Can only give elements focus when shown
+				if ( dte.s.setFocus ) {
+					dte.s.setFocus.focus();
+				}
+
+				fullyShown = true;
+
+				if ( callback ) {
+					callback();
+				}
+			})
+			.one('hidden', function () {
+				shown = false;
+			})
+			.appendTo( 'body' );
+		
+		modal.show();
+	},
+
+	close: function ( dte, callback ) {
+		if ( ! shown ) {
+			if ( callback ) {
+				callback();
+			}
+			return;
+		}
+
+		// Check if actually displayed or not before hiding. BS4 doesn't like `hide`
+		// before it has been fully displayed
+		if ( ! fullyShown ) {
+			$(dom.content)
+				.one('shown.bs.modal', function () {
+					DataTable.Editor.display.bootstrap.close( dte, callback );
+				} );
+
+			return;
+		}
+
+		$(dom.content)
+			.one( 'hidden.bs.modal', function () {
+				$(this).detach();
+			} );
+
+		modal.hide();
+
+		shown = false;
+		fullyShown = false;
+
+		if ( callback ) {
+			callback();
+		}
+	},
+
+	node: function ( dte ) {
+		return dom.content[0];
+	},
+
+	classes: {
+		modal: 'modal-dialog-scrollable modal-dialog-centered'
+	}
+} );
+
+
+return Editor;
+}));

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.bootstrap5.min.js

@@ -0,0 +1,4 @@
+/*! Bootstrap integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+!function(o){var a,d;"function"==typeof define&&define.amd?define(["jquery","datatables.net-bs5","datatables.net-editor"],function(t){return o(t,window,document)}):"object"==typeof exports?(a=require("jquery"),d=function(t,e){e.fn.dataTable||require("datatables.net-bs5")(t,e),e.fn.dataTable.Editor||require("datatables.net-editor")(t,e)},"undefined"==typeof window?module.exports=function(t,e){return t=t||window,e=e||a(t),d(t,e),o(e,t,t.document)}:(d(window,a),module.exports=o(a,window,window.document))):o(jQuery,window,document)}(function(l,t,s,e){"use strict";var r=l.fn.dataTable,o=r.Editor;r.Editor.defaults.display="bootstrap",l.extend(!0,l.fn.dataTable.Editor.classes,{header:{wrapper:"DTE_Header",title:{tag:"h5",class:"modal-title"}},body:{wrapper:"DTE_Body"},footer:{wrapper:"DTE_Footer"},form:{tag:"form-horizontal",button:"btn",buttonInternal:"btn btn-outline-secondary"},field:{wrapper:"DTE_Field form-group row",label:"col-lg-4 col-form-label",input:"col-lg-8",error:"error is-invalid","msg-labelInfo":"form-text text-secondary small","msg-info":"form-text text-secondary small","msg-message":"form-text text-secondary small","msg-error":"form-text text-danger small",multiValue:"card multi-value",multiInfo:"small",multiRestore:"multi-restore"}}),l.extend(!0,r.ext.buttons,{create:{formButtons:{className:"btn-primary"}},edit:{formButtons:{className:"btn-primary"}},remove:{formButtons:{className:"btn-danger"}}});let i=!(r.Editor.fieldTypes.datatable.tableClass="table"),c=!1;const f={content:l('<div class="modal fade DTED"><div class="modal-dialog"></div></div>'),close:l('<button class="btn-close"></div>')};let u,m=t.bootstrap;return r.Editor.bootstrap=function(t){m=t},r.Editor.display.bootstrap=l.extend(!0,{},r.Editor.models.displayController,{init:function(d){return d.on("displayOrder.dtebs open.dtebs",function(t,e,o,a){l.each(d.s.fields,function(t,e){l("input:not([type=checkbox]):not([type=radio]), select, textarea",e.node()).addClass("form-control"),l("input[type=checkbox], input[type=radio]",e.node()).addClass("form-check-input"),l("select",e.node()).addClass("form-select")})}),r.Editor.display.bootstrap},open:function(d,t,e){u=u||new m.Modal(f.content[0],{backdrop:"static",keyboard:!1}),l(t).addClass("modal-content"),l(".DTE_Header",t).addClass("modal-header"),l(".DTE_Body",t).addClass("modal-body"),l(".DTE_Footer",t).addClass("modal-footer"),l(t).find("div.DTE_Field_Type_datatable div.dt-buttons").removeClass("btn-group").addClass("btn-group-vertical"),f.close.attr("title",d.i18n.close).off("click.dte-bs5").on("click.dte-bs5",function(){d.close("icon")}).appendTo(l("div.modal-header",t));let o=!1;l(s).off("mousedown.dte-bs5").on("mousedown.dte-bs5","div.modal",function(t){o=!(!l(t.target).hasClass("modal")||!i)}),l(s).off("click.dte-bs5").on("click.dte-bs5","div.modal",function(t){l(t.target).hasClass("modal")&&o&&d.background()});var a,n=f.content.find("div.modal-dialog");n.addClass(r.Editor.display.bootstrap.classes.modal),n.children().detach(),n.append(t),d.c.bootstrap&&d.c.bootstrap.floatingLabels&&(a=["readonly","text","textarea","select","datetime"],d.order().filter(function(t){t=d.field(t).s.opts.type;return a.includes(t)}).forEach(function(t){var e=l(d.field(t).node()),o=e.find(".DTE_Field_InputControl"),a=o.children(":first-child"),e=e.find("label");o.parent().removeClass("col-lg-8").addClass("col-lg-12"),o.addClass("form-floating"),a.addClass("form-control").attr("placeholder",t),e.appendTo(o)})),i?e&&e():(i=!0,c=!1,l(f.content).one("shown.bs.modal",function(){d.s.setFocus&&d.s.setFocus.focus(),c=!0,e&&e()}).one("hidden",function(){i=!1}).appendTo("body"),u.show())},close:function(t,e){i?c?(l(f.content).one("hidden.bs.modal",function(){l(this).detach()}),u.hide(),i=!1,c=!1,e&&e()):l(f.content).one("shown.bs.modal",function(){r.Editor.display.bootstrap.close(t,e)}):e&&e()},node:function(t){return f.content[0]},classes:{modal:"modal-dialog-scrollable modal-dialog-centered"}}),o});

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.bootstrap5.min.mjs

@@ -0,0 +1,4 @@
+/*! Bootstrap integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+import jQuery from"jquery";import DataTable from"datatables.net-bs5";import Editor from"datatables.net-editor";let $=jQuery;var Editor=DataTable.Editor;DataTable.Editor.defaults.display="bootstrap",$.extend(!0,$.fn.dataTable.Editor.classes,{header:{wrapper:"DTE_Header",title:{tag:"h5",class:"modal-title"}},body:{wrapper:"DTE_Body"},footer:{wrapper:"DTE_Footer"},form:{tag:"form-horizontal",button:"btn",buttonInternal:"btn btn-outline-secondary"},field:{wrapper:"DTE_Field form-group row",label:"col-lg-4 col-form-label",input:"col-lg-8",error:"error is-invalid","msg-labelInfo":"form-text text-secondary small","msg-info":"form-text text-secondary small","msg-message":"form-text text-secondary small","msg-error":"form-text text-danger small",multiValue:"card multi-value",multiInfo:"small",multiRestore:"multi-restore"}}),$.extend(!0,DataTable.ext.buttons,{create:{formButtons:{className:"btn-primary"}},edit:{formButtons:{className:"btn-primary"}},remove:{formButtons:{className:"btn-danger"}}});let shown=!(DataTable.Editor.fieldTypes.datatable.tableClass="table"),fullyShown=!1;const dom={content:$('<div class="modal fade DTED"><div class="modal-dialog"></div></div>'),close:$('<button class="btn-close"></div>')};let modal,_bs=window.bootstrap;DataTable.Editor.bootstrap=function(o){_bs=o},DataTable.Editor.display.bootstrap=$.extend(!0,{},DataTable.Editor.models.displayController,{init:function(l){return l.on("displayOrder.dtebs open.dtebs",function(o,t,e,a){$.each(l.s.fields,function(o,t){$("input:not([type=checkbox]):not([type=radio]), select, textarea",t.node()).addClass("form-control"),$("input[type=checkbox], input[type=radio]",t.node()).addClass("form-check-input"),$("select",t.node()).addClass("form-select")})}),DataTable.Editor.display.bootstrap},open:function(l,o,t){modal=modal||new _bs.Modal(dom.content[0],{backdrop:"static",keyboard:!1}),$(o).addClass("modal-content"),$(".DTE_Header",o).addClass("modal-header"),$(".DTE_Body",o).addClass("modal-body"),$(".DTE_Footer",o).addClass("modal-footer"),$(o).find("div.DTE_Field_Type_datatable div.dt-buttons").removeClass("btn-group").addClass("btn-group-vertical"),dom.close.attr("title",l.i18n.close).off("click.dte-bs5").on("click.dte-bs5",function(){l.close("icon")}).appendTo($("div.modal-header",o));let e=!1;$(document).off("mousedown.dte-bs5").on("mousedown.dte-bs5","div.modal",function(o){e=!(!$(o.target).hasClass("modal")||!shown)}),$(document).off("click.dte-bs5").on("click.dte-bs5","div.modal",function(o){$(o.target).hasClass("modal")&&e&&l.background()});var a,d=dom.content.find("div.modal-dialog");d.addClass(DataTable.Editor.display.bootstrap.classes.modal),d.children().detach(),d.append(o),l.c.bootstrap&&l.c.bootstrap.floatingLabels&&(a=["readonly","text","textarea","select","datetime"],l.order().filter(function(o){o=l.field(o).s.opts.type;return a.includes(o)}).forEach(function(o){var t=$(l.field(o).node()),e=t.find(".DTE_Field_InputControl"),a=e.children(":first-child"),t=t.find("label");e.parent().removeClass("col-lg-8").addClass("col-lg-12"),e.addClass("form-floating"),a.addClass("form-control").attr("placeholder",o),t.appendTo(e)})),shown?t&&t():(shown=!0,fullyShown=!1,$(dom.content).one("shown.bs.modal",function(){l.s.setFocus&&l.s.setFocus.focus(),fullyShown=!0,t&&t()}).one("hidden",function(){shown=!1}).appendTo("body"),modal.show())},close:function(o,t){shown?fullyShown?($(dom.content).one("hidden.bs.modal",function(){$(this).detach()}),modal.hide(),shown=!1,fullyShown=!1,t&&t()):$(dom.content).one("shown.bs.modal",function(){DataTable.Editor.display.bootstrap.close(o,t)}):t&&t()},node:function(o){return dom.content[0]},classes:{modal:"modal-dialog-scrollable modal-dialog-centered"}});export default Editor;

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.bootstrap5.mjs

@@ -0,0 +1,271 @@
+/*! Bootstrap integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+
+import jQuery from 'jquery';
+import DataTable from 'datatables.net-bs5';
+import Editor from 'datatables.net-editor';
+
+// Allow reassignment of the $ variable
+let $ = jQuery;
+
+var Editor = DataTable.Editor;
+
+/*
+ * Set the default display controller to be our bootstrap control 
+ */
+DataTable.Editor.defaults.display = "bootstrap";
+
+
+/*
+ * Change the default classes from Editor to be classes for Bootstrap
+ */
+$.extend( true, $.fn.dataTable.Editor.classes, {
+	"header": {
+		"wrapper": "DTE_Header",
+		title: {
+			tag: 'h5',
+			class: 'modal-title'
+		}
+	},
+	"body": {
+		"wrapper": "DTE_Body"
+	},
+	"footer": {
+		"wrapper": "DTE_Footer"
+	},
+	"form": {
+		"tag": "form-horizontal",
+		"button": "btn",
+		"buttonInternal": "btn btn-outline-secondary"
+	},
+	"field": {
+		"wrapper": "DTE_Field form-group row",
+		"label":   "col-lg-4 col-form-label",
+		"input":   "col-lg-8",
+		"error":   "error is-invalid",
+		"msg-labelInfo": "form-text text-secondary small",
+		"msg-info":      "form-text text-secondary small",
+		"msg-message":   "form-text text-secondary small",
+		"msg-error":     "form-text text-danger small",
+		"multiValue":    "card multi-value",
+		"multiInfo":     "small",
+		"multiRestore":  "multi-restore"
+	}
+} );
+
+$.extend( true, DataTable.ext.buttons, {
+	create: {
+		formButtons: {
+			className: 'btn-primary'
+		}
+	},
+	edit: {
+		formButtons: {
+			className: 'btn-primary'
+		}
+	},
+	remove: {
+		formButtons: {
+			className: 'btn-danger'
+		}
+	}
+} );
+
+DataTable.Editor.fieldTypes.datatable.tableClass = 'table';
+
+/*
+ * Bootstrap display controller - this is effectively a proxy to the Bootstrap
+ * modal control.
+ */
+let shown = false;
+let fullyShown = false;
+
+const dom = {
+	content: $(
+		'<div class="modal fade DTED">'+
+			'<div class="modal-dialog"></div>'+
+		'</div>'
+	),
+	close: $('<button class="btn-close"></div>')
+};
+let modal;
+let _bs = window.bootstrap;
+
+DataTable.Editor.bootstrap = function (bs) {
+	_bs = bs;
+}
+
+DataTable.Editor.display.bootstrap = $.extend( true, {}, DataTable.Editor.models.displayController, {
+	/*
+	 * API methods
+	 */
+	init: function ( dte ) {
+		// Add `form-control` to required elements
+		dte.on( 'displayOrder.dtebs open.dtebs', function ( e, display, action, form ) {
+			$.each( dte.s.fields, function ( key, field ) {
+				$('input:not([type=checkbox]):not([type=radio]), select, textarea', field.node() )
+					.addClass( 'form-control' );
+
+				$('input[type=checkbox], input[type=radio]', field.node() )
+					.addClass( 'form-check-input' );
+
+				$('select', field.node() )
+					.addClass( 'form-select' );
+			} );
+		} );
+
+		return DataTable.Editor.display.bootstrap;
+	},
+
+	open: function ( dte, append, callback ) {
+		if (! modal) {
+			modal = new _bs.Modal(dom.content[0], {
+				backdrop: "static",
+				keyboard: false
+			});
+		}
+
+		$(append).addClass('modal-content');
+		$('.DTE_Header', append).addClass('modal-header');
+		$('.DTE_Body', append).addClass('modal-body');
+		$('.DTE_Footer', append).addClass('modal-footer');
+
+		// Special class for DataTable buttons in the form
+		$(append).find('div.DTE_Field_Type_datatable div.dt-buttons')
+			.removeClass('btn-group')
+			.addClass('btn-group-vertical');
+
+		// Setup events on each show
+		dom.close
+			.attr('title', dte.i18n.close)
+			.off('click.dte-bs5')
+			.on('click.dte-bs5', function () {
+				dte.close('icon');
+			})
+			.appendTo($('div.modal-header', append));
+
+		// This is a bit horrible, but if you mousedown and then drag out of the modal container, we don't
+		// want to trigger a background action.
+		let allowBackgroundClick = false;
+		$(document)
+			.off('mousedown.dte-bs5')
+			.on('mousedown.dte-bs5', 'div.modal', function (e) {
+				allowBackgroundClick = $(e.target).hasClass('modal') && shown
+					? true
+					: false;
+			} );
+
+		$(document)
+			.off('click.dte-bs5')
+			.on('click.dte-bs5', 'div.modal', function (e) {
+				if ( $(e.target).hasClass('modal') && allowBackgroundClick ) {
+					dte.background();
+				}
+			} );
+
+		var content = dom.content.find('div.modal-dialog');
+		content.addClass(DataTable.Editor.display.bootstrap.classes.modal);
+		content.children().detach();
+		content.append( append );
+
+		// Floating label support - rearrange the DOM for the inputs
+		if (dte.c.bootstrap && dte.c.bootstrap.floatingLabels) {
+			var floating_label_types = ['readonly', 'text', 'textarea', 'select', 'datetime']
+			var fields = dte.order();
+
+			fields
+				.filter(function (f) {
+					var type = dte.field(f).s.opts.type;
+
+					return floating_label_types.includes(type);
+				})
+				.forEach(function(f) {
+					var node = $(dte.field(f).node());
+					var wrapper = node.find('.DTE_Field_InputControl');
+					var control = wrapper.children(':first-child');
+					var label = node.find('label');
+
+					wrapper.parent().removeClass('col-lg-8').addClass('col-lg-12');
+					wrapper.addClass('form-floating');
+					control.addClass('form-control').attr("placeholder", f);
+					label.appendTo(wrapper);
+				});
+		}
+
+		if ( shown ) {
+			if ( callback ) {
+				callback();
+			}
+			return;
+		}
+
+		shown = true;
+		fullyShown = false;
+
+		$(dom.content)
+			.one('shown.bs.modal', function () {
+				// Can only give elements focus when shown
+				if ( dte.s.setFocus ) {
+					dte.s.setFocus.focus();
+				}
+
+				fullyShown = true;
+
+				if ( callback ) {
+					callback();
+				}
+			})
+			.one('hidden', function () {
+				shown = false;
+			})
+			.appendTo( 'body' );
+		
+		modal.show();
+	},
+
+	close: function ( dte, callback ) {
+		if ( ! shown ) {
+			if ( callback ) {
+				callback();
+			}
+			return;
+		}
+
+		// Check if actually displayed or not before hiding. BS4 doesn't like `hide`
+		// before it has been fully displayed
+		if ( ! fullyShown ) {
+			$(dom.content)
+				.one('shown.bs.modal', function () {
+					DataTable.Editor.display.bootstrap.close( dte, callback );
+				} );
+
+			return;
+		}
+
+		$(dom.content)
+			.one( 'hidden.bs.modal', function () {
+				$(this).detach();
+			} );
+
+		modal.hide();
+
+		shown = false;
+		fullyShown = false;
+
+		if ( callback ) {
+			callback();
+		}
+	},
+
+	node: function ( dte ) {
+		return dom.content[0];
+	},
+
+	classes: {
+		modal: 'modal-dialog-scrollable modal-dialog-centered'
+	}
+} );
+
+
+export default Editor;

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.bulma.js

@@ -0,0 +1,216 @@
+/*! Bulma integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+
+(function( factory ){
+	if ( typeof define === 'function' && define.amd ) {
+		// AMD
+		define( ['jquery', 'datatables.net-bm', 'datatables.net-editor'], function ( $ ) {
+			return factory( $, window, document );
+		} );
+	}
+	else if ( typeof exports === 'object' ) {
+		// CommonJS
+		var jq = require('jquery');
+		var cjsRequires = function (root, $) {
+			if ( ! $.fn.dataTable ) {
+				require('datatables.net-bm')(root, $);
+			}
+
+			if ( ! $.fn.dataTable.Editor ) {
+				require('datatables.net-editor')(root, $);
+			}
+		};
+
+		if (typeof window === 'undefined') {
+			module.exports = function (root, $) {
+				if ( ! root ) {
+					// CommonJS environments without a window global must pass a
+					// root. This will give an error otherwise
+					root = window;
+				}
+
+				if ( ! $ ) {
+					$ = jq( root );
+				}
+
+				cjsRequires( root, $ );
+				return factory( $, root, root.document );
+			};
+		}
+		else {
+			cjsRequires( window, jq );
+			module.exports = factory( jq, window, window.document );
+		}
+	}
+	else {
+		// Browser
+		factory( jQuery, window, document );
+	}
+}(function( $, window, document, undefined ) {
+'use strict';
+var DataTable = $.fn.dataTable;
+
+
+var Editor = DataTable.Editor;
+
+/*
+ * Set the default display controller to be our bulma control 
+ */
+DataTable.Editor.defaults.display = "bulma";
+
+
+/*
+ * Change the default classes from Editor to be classes for Bulma
+ */
+$.extend( true, $.fn.dataTable.Editor.classes, {
+	"header": {
+		"wrapper": "DTE_Header modal-header",
+		title: {
+			tag: 'h5',
+			class: 'modal-title'
+		}
+	},
+	"body": {
+		"wrapper": "DTE_Body modal-body"
+	},
+	"footer": {
+		"wrapper": "DTE_Footer modal-footer"
+	},
+	"form": {
+		"tag": "form-horizontal",
+		"button": "button",
+		"buttonInternal": "button",
+		"error": "DTE_Form_Error help is-danger"
+	},
+	"field": {
+		"wrapper": "DTE_Field field",
+		"label":   "label",
+		"error":   "DTE_Field_Error help is-danger",
+		"multiValue":    "card multi-value",
+		"multiInfo":     "small",
+		"multiRestore":  "card multi-restore"
+	},
+} );
+
+$.extend( true, DataTable.ext.buttons, {
+	create: {
+		formButtons: {
+			className: 'button is-primary'
+		}
+	},
+	edit: {
+		formButtons: {
+			className: 'button is-primary'
+		}
+	},
+	remove: {
+		formButtons: {
+			className: 'button is-danger'
+		}
+	}
+} );
+
+DataTable.Editor.fieldTypes.datatable.tableClass = 'table';
+
+/*
+ * Bulma display controller - this is effectively a proxy to the Bulma
+ * modal control.
+ */
+let shown = false;
+let fullyShown = false;
+
+const dom = {
+	content: $(
+		'<div class="modal DTED">'+
+			'<div class="modal-background"></div>'+
+			'<div class="modal-content"></div>'+
+			'<button class="modal-close is-large" aria-label="close"></button>'+
+		'</div>'
+	)
+};
+
+DataTable.Editor.display.bulma = $.extend( true, {}, DataTable.Editor.models.displayController, {
+	/*
+	 * API methods
+	 */
+	init: function ( dte ) {
+		// Add `form-control` to required elements
+		dte.on( 'displayOrder.dtebm open.dtebm', function ( e, display, action, form ) {
+			$.each( dte.s.fields, function ( key, field ) {
+				$('input:not([type=checkbox]):not([type=radio]), select, textarea', field.node() )
+					.addClass( 'input' );
+
+				$('input[type=checkbox], input[type=radio]', field.node() )
+					.removeClass('input');
+
+				$('select', field.node() )
+					.addClass( 'select' )
+					.parent().addClass('select');
+
+				$('select[multiple]', field.node() )
+					.parent().addClass('is-multiple');
+			} );
+		} );
+
+		return DataTable.Editor.display.bulma;
+	},
+
+	open: function ( dte, append, callback ) {
+		$(append).removeClass('is-hidden').addClass('is-active');
+		$(append).find('.modal-title').addClass('title');
+		dom.content.find('.modal-content').append(append);
+		dom.content.addClass('is-active is-clipped');
+
+		dom.content.appendTo("body");
+		// Setup events on each show
+		$('.modal-close')
+			.attr('title', dte.i18n.close)
+			.one('click', function () {
+				dte.close('icon');
+			})
+			.appendTo($('div.modal-header', append));
+
+		// This is a bit horrible, but if you mousedown and then drag out of the modal container, we don't
+		// want to trigger a background action.
+		let allowBackgroundClick = false;
+		$(document)
+			.off('mousedown.dte-bs5')
+			.on('mousedown.dte-bs5', 'div.modal-background', function (e) {
+				allowBackgroundClick = $(e.target).hasClass('modal-background');
+			} );
+
+		$(document)
+			.off('click.dte-bs5')
+			.on('click.dte-bs5', 'div.modal-background', function (e) {
+				if ( $(e.target).hasClass('modal-background') && allowBackgroundClick ) {
+					dte.background();
+				}
+			} );
+
+		if ( callback ) {
+			callback();
+		}
+		return;
+	},
+
+	close: function ( dte, callback ) {
+		dom.content
+			.find('.is-active')
+			.removeClass('is-active')
+			.addClass('is-hidden');
+
+		dom.content.removeClass('is-active is-clipped');
+		if ( callback ) {
+			callback();
+		}
+	},
+
+	node: function ( dte ) {
+		return dom.content[0];
+	}
+} );
+
+
+return Editor;
+}));

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.bulma.min.js

@@ -0,0 +1,4 @@
+/*! Bulma integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+!function(o){var a,d;"function"==typeof define&&define.amd?define(["jquery","datatables.net-bm","datatables.net-editor"],function(e){return o(e,window,document)}):"object"==typeof exports?(a=require("jquery"),d=function(e,t){t.fn.dataTable||require("datatables.net-bm")(e,t),t.fn.dataTable.Editor||require("datatables.net-editor")(e,t)},"undefined"==typeof window?module.exports=function(e,t){return e=e||window,t=t||a(e),d(e,t),o(t,0,e.document)}:(d(window,a),module.exports=o(a,window,window.document))):o(jQuery,window,document)}(function(n,e,d,t){"use strict";var o=n.fn.dataTable,a=o.Editor;o.Editor.defaults.display="bulma",n.extend(!0,n.fn.dataTable.Editor.classes,{header:{wrapper:"DTE_Header modal-header",title:{tag:"h5",class:"modal-title"}},body:{wrapper:"DTE_Body modal-body"},footer:{wrapper:"DTE_Footer modal-footer"},form:{tag:"form-horizontal",button:"button",buttonInternal:"button",error:"DTE_Form_Error help is-danger"},field:{wrapper:"DTE_Field field",label:"label",error:"DTE_Field_Error help is-danger",multiValue:"card multi-value",multiInfo:"small",multiRestore:"card multi-restore"}}),n.extend(!0,o.ext.buttons,{create:{formButtons:{className:"button is-primary"}},edit:{formButtons:{className:"button is-primary"}},remove:{formButtons:{className:"button is-danger"}}}),o.Editor.fieldTypes.datatable.tableClass="table";const i={content:n('<div class="modal DTED"><div class="modal-background"></div><div class="modal-content"></div><button class="modal-close is-large" aria-label="close"></button></div>')};return o.Editor.display.bulma=n.extend(!0,{},o.Editor.models.displayController,{init:function(d){return d.on("displayOrder.dtebm open.dtebm",function(e,t,o,a){n.each(d.s.fields,function(e,t){n("input:not([type=checkbox]):not([type=radio]), select, textarea",t.node()).addClass("input"),n("input[type=checkbox], input[type=radio]",t.node()).removeClass("input"),n("select",t.node()).addClass("select").parent().addClass("select"),n("select[multiple]",t.node()).parent().addClass("is-multiple")})}),o.Editor.display.bulma},open:function(t,e,o){n(e).removeClass("is-hidden").addClass("is-active"),n(e).find(".modal-title").addClass("title"),i.content.find(".modal-content").append(e),i.content.addClass("is-active is-clipped"),i.content.appendTo("body"),n(".modal-close").attr("title",t.i18n.close).one("click",function(){t.close("icon")}).appendTo(n("div.modal-header",e));let a=!1;n(d).off("mousedown.dte-bs5").on("mousedown.dte-bs5","div.modal-background",function(e){a=n(e.target).hasClass("modal-background")}),n(d).off("click.dte-bs5").on("click.dte-bs5","div.modal-background",function(e){n(e.target).hasClass("modal-background")&&a&&t.background()}),o&&o()},close:function(e,t){i.content.find(".is-active").removeClass("is-active").addClass("is-hidden"),i.content.removeClass("is-active is-clipped"),t&&t()},node:function(e){return i.content[0]}}),a});

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.bulma.min.mjs

@@ -0,0 +1,4 @@
+/*! Bulma integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+import jQuery from"jquery";import DataTable from"datatables.net-bm";import Editor from"datatables.net-editor";let $=jQuery;var Editor=DataTable.Editor;DataTable.Editor.defaults.display="bulma",$.extend(!0,$.fn.dataTable.Editor.classes,{header:{wrapper:"DTE_Header modal-header",title:{tag:"h5",class:"modal-title"}},body:{wrapper:"DTE_Body modal-body"},footer:{wrapper:"DTE_Footer modal-footer"},form:{tag:"form-horizontal",button:"button",buttonInternal:"button",error:"DTE_Form_Error help is-danger"},field:{wrapper:"DTE_Field field",label:"label",error:"DTE_Field_Error help is-danger",multiValue:"card multi-value",multiInfo:"small",multiRestore:"card multi-restore"}}),$.extend(!0,DataTable.ext.buttons,{create:{formButtons:{className:"button is-primary"}},edit:{formButtons:{className:"button is-primary"}},remove:{formButtons:{className:"button is-danger"}}});let shown=!(DataTable.Editor.fieldTypes.datatable.tableClass="table"),fullyShown=!1;const dom={content:$('<div class="modal DTED"><div class="modal-background"></div><div class="modal-content"></div><button class="modal-close is-large" aria-label="close"></button></div>')};DataTable.Editor.display.bulma=$.extend(!0,{},DataTable.Editor.models.displayController,{init:function(d){return d.on("displayOrder.dtebm open.dtebm",function(e,t,a,o){$.each(d.s.fields,function(e,t){$("input:not([type=checkbox]):not([type=radio]), select, textarea",t.node()).addClass("input"),$("input[type=checkbox], input[type=radio]",t.node()).removeClass("input"),$("select",t.node()).addClass("select").parent().addClass("select"),$("select[multiple]",t.node()).parent().addClass("is-multiple")})}),DataTable.Editor.display.bulma},open:function(t,e,a){$(e).removeClass("is-hidden").addClass("is-active"),$(e).find(".modal-title").addClass("title"),dom.content.find(".modal-content").append(e),dom.content.addClass("is-active is-clipped"),dom.content.appendTo("body"),$(".modal-close").attr("title",t.i18n.close).one("click",function(){t.close("icon")}).appendTo($("div.modal-header",e));let o=!1;$(document).off("mousedown.dte-bs5").on("mousedown.dte-bs5","div.modal-background",function(e){o=$(e.target).hasClass("modal-background")}),$(document).off("click.dte-bs5").on("click.dte-bs5","div.modal-background",function(e){$(e.target).hasClass("modal-background")&&o&&t.background()}),a&&a()},close:function(e,t){dom.content.find(".is-active").removeClass("is-active").addClass("is-hidden"),dom.content.removeClass("is-active is-clipped"),t&&t()},node:function(e){return dom.content[0]}});export default Editor;

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.bulma.mjs

@@ -0,0 +1,172 @@
+/*! Bulma integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+
+import jQuery from 'jquery';
+import DataTable from 'datatables.net-bm';
+import Editor from 'datatables.net-editor';
+
+// Allow reassignment of the $ variable
+let $ = jQuery;
+
+var Editor = DataTable.Editor;
+
+/*
+ * Set the default display controller to be our bulma control 
+ */
+DataTable.Editor.defaults.display = "bulma";
+
+
+/*
+ * Change the default classes from Editor to be classes for Bulma
+ */
+$.extend( true, $.fn.dataTable.Editor.classes, {
+	"header": {
+		"wrapper": "DTE_Header modal-header",
+		title: {
+			tag: 'h5',
+			class: 'modal-title'
+		}
+	},
+	"body": {
+		"wrapper": "DTE_Body modal-body"
+	},
+	"footer": {
+		"wrapper": "DTE_Footer modal-footer"
+	},
+	"form": {
+		"tag": "form-horizontal",
+		"button": "button",
+		"buttonInternal": "button",
+		"error": "DTE_Form_Error help is-danger"
+	},
+	"field": {
+		"wrapper": "DTE_Field field",
+		"label":   "label",
+		"error":   "DTE_Field_Error help is-danger",
+		"multiValue":    "card multi-value",
+		"multiInfo":     "small",
+		"multiRestore":  "card multi-restore"
+	},
+} );
+
+$.extend( true, DataTable.ext.buttons, {
+	create: {
+		formButtons: {
+			className: 'button is-primary'
+		}
+	},
+	edit: {
+		formButtons: {
+			className: 'button is-primary'
+		}
+	},
+	remove: {
+		formButtons: {
+			className: 'button is-danger'
+		}
+	}
+} );
+
+DataTable.Editor.fieldTypes.datatable.tableClass = 'table';
+
+/*
+ * Bulma display controller - this is effectively a proxy to the Bulma
+ * modal control.
+ */
+let shown = false;
+let fullyShown = false;
+
+const dom = {
+	content: $(
+		'<div class="modal DTED">'+
+			'<div class="modal-background"></div>'+
+			'<div class="modal-content"></div>'+
+			'<button class="modal-close is-large" aria-label="close"></button>'+
+		'</div>'
+	)
+};
+
+DataTable.Editor.display.bulma = $.extend( true, {}, DataTable.Editor.models.displayController, {
+	/*
+	 * API methods
+	 */
+	init: function ( dte ) {
+		// Add `form-control` to required elements
+		dte.on( 'displayOrder.dtebm open.dtebm', function ( e, display, action, form ) {
+			$.each( dte.s.fields, function ( key, field ) {
+				$('input:not([type=checkbox]):not([type=radio]), select, textarea', field.node() )
+					.addClass( 'input' );
+
+				$('input[type=checkbox], input[type=radio]', field.node() )
+					.removeClass('input');
+
+				$('select', field.node() )
+					.addClass( 'select' )
+					.parent().addClass('select');
+
+				$('select[multiple]', field.node() )
+					.parent().addClass('is-multiple');
+			} );
+		} );
+
+		return DataTable.Editor.display.bulma;
+	},
+
+	open: function ( dte, append, callback ) {
+		$(append).removeClass('is-hidden').addClass('is-active');
+		$(append).find('.modal-title').addClass('title');
+		dom.content.find('.modal-content').append(append);
+		dom.content.addClass('is-active is-clipped');
+
+		dom.content.appendTo("body");
+		// Setup events on each show
+		$('.modal-close')
+			.attr('title', dte.i18n.close)
+			.one('click', function () {
+				dte.close('icon');
+			})
+			.appendTo($('div.modal-header', append));
+
+		// This is a bit horrible, but if you mousedown and then drag out of the modal container, we don't
+		// want to trigger a background action.
+		let allowBackgroundClick = false;
+		$(document)
+			.off('mousedown.dte-bs5')
+			.on('mousedown.dte-bs5', 'div.modal-background', function (e) {
+				allowBackgroundClick = $(e.target).hasClass('modal-background');
+			} );
+
+		$(document)
+			.off('click.dte-bs5')
+			.on('click.dte-bs5', 'div.modal-background', function (e) {
+				if ( $(e.target).hasClass('modal-background') && allowBackgroundClick ) {
+					dte.background();
+				}
+			} );
+
+		if ( callback ) {
+			callback();
+		}
+		return;
+	},
+
+	close: function ( dte, callback ) {
+		dom.content
+			.find('.is-active')
+			.removeClass('is-active')
+			.addClass('is-hidden');
+
+		dom.content.removeClass('is-active is-clipped');
+		if ( callback ) {
+			callback();
+		}
+	},
+
+	node: function ( dte ) {
+		return dom.content[0];
+	}
+} );
+
+
+export default Editor;

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.dataTables.js

@@ -0,0 +1,59 @@
+/*! DataTables styling integration for DataTables' Editor
+ * ©SpryMedia Ltd - datatables.net/license
+ */
+
+(function( factory ){
+	if ( typeof define === 'function' && define.amd ) {
+		// AMD
+		define( ['jquery', 'datatables.net-dt', 'datatables.net-editor'], function ( $ ) {
+			return factory( $, window, document );
+		} );
+	}
+	else if ( typeof exports === 'object' ) {
+		// CommonJS
+		var jq = require('jquery');
+		var cjsRequires = function (root, $) {
+			if ( ! $.fn.dataTable ) {
+				require('datatables.net-dt')(root, $);
+			}
+
+			if ( ! $.fn.dataTable.Editor ) {
+				require('datatables.net-editor')(root, $);
+			}
+		};
+
+		if (typeof window === 'undefined') {
+			module.exports = function (root, $) {
+				if ( ! root ) {
+					// CommonJS environments without a window global must pass a
+					// root. This will give an error otherwise
+					root = window;
+				}
+
+				if ( ! $ ) {
+					$ = jq( root );
+				}
+
+				cjsRequires( root, $ );
+				return factory( $, root, root.document );
+			};
+		}
+		else {
+			cjsRequires( window, jq );
+			module.exports = factory( jq, window, window.document );
+		}
+	}
+	else {
+		// Browser
+		factory( jQuery, window, document );
+	}
+}(function( $, window, document, undefined ) {
+'use strict';
+var DataTable = $.fn.dataTable;
+
+
+var Editor = DataTable.Editor;
+
+
+return Editor;
+}));

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.dataTables.min.js

@@ -0,0 +1,4 @@
+/*! DataTables styling integration for DataTables' Editor
+ * ©SpryMedia Ltd - datatables.net/license
+ */
+!function(n){var d,o;"function"==typeof define&&define.amd?define(["jquery","datatables.net-dt","datatables.net-editor"],function(e){return n(e,window,document)}):"object"==typeof exports?(d=require("jquery"),o=function(e,t){t.fn.dataTable||require("datatables.net-dt")(e,t),t.fn.dataTable.Editor||require("datatables.net-editor")(e,t)},"undefined"==typeof window?module.exports=function(e,t){return e=e||window,t=t||d(e),o(e,t),n(t,0,e.document)}:(o(window,d),module.exports=n(d,window,window.document))):n(jQuery,window,document)}(function(e,t,n,d){"use strict";return e.fn.dataTable.Editor});

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.dataTables.min.mjs

@@ -0,0 +1,4 @@
+/*! DataTables styling integration for DataTables' Editor
+ * ©SpryMedia Ltd - datatables.net/license
+ */
+import jQuery from"jquery";import DataTable from"datatables.net-dt";import Editor from"datatables.net-editor";let $=jQuery;var Editor;export default Editor=DataTable.Editor;

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.dataTables.mjs

@@ -0,0 +1,15 @@
+/*! DataTables styling integration for DataTables' Editor
+ * ©SpryMedia Ltd - datatables.net/license
+ */
+
+import jQuery from 'jquery';
+import DataTable from 'datatables.net-dt';
+import Editor from 'datatables.net-editor';
+
+// Allow reassignment of the $ variable
+let $ = jQuery;
+
+var Editor = DataTable.Editor;
+
+
+export default Editor;

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.foundation.js

@@ -0,0 +1,171 @@
+/*! Foundation integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+
+(function( factory ){
+	if ( typeof define === 'function' && define.amd ) {
+		// AMD
+		define( ['jquery', 'datatables.net-zf', 'datatables.net-editor'], function ( $ ) {
+			return factory( $, window, document );
+		} );
+	}
+	else if ( typeof exports === 'object' ) {
+		// CommonJS
+		var jq = require('jquery');
+		var cjsRequires = function (root, $) {
+			if ( ! $.fn.dataTable ) {
+				require('datatables.net-zf')(root, $);
+			}
+
+			if ( ! $.fn.dataTable.Editor ) {
+				require('datatables.net-editor')(root, $);
+			}
+		};
+
+		if (typeof window === 'undefined') {
+			module.exports = function (root, $) {
+				if ( ! root ) {
+					// CommonJS environments without a window global must pass a
+					// root. This will give an error otherwise
+					root = window;
+				}
+
+				if ( ! $ ) {
+					$ = jq( root );
+				}
+
+				cjsRequires( root, $ );
+				return factory( $, root, root.document );
+			};
+		}
+		else {
+			cjsRequires( window, jq );
+			module.exports = factory( jq, window, window.document );
+		}
+	}
+	else {
+		// Browser
+		factory( jQuery, window, document );
+	}
+}(function( $, window, document, undefined ) {
+'use strict';
+var DataTable = $.fn.dataTable;
+
+
+var Editor = DataTable.Editor;
+
+/*
+ * Set the default display controller to be our foundation control 
+ */
+DataTable.Editor.defaults.display = "foundation";
+
+
+/*
+ * Change the default classes from Editor to be classes for Foundation
+ */
+$.extend( true, $.fn.dataTable.Editor.classes, {
+	field: {
+		wrapper:         "DTE_Field row",
+		label:           "small-4 columns inline",
+		input:           "small-8 columns",
+		error:           "error",
+		multiValue:      "panel radius multi-value",
+		multiInfo:       "small",
+		multiRestore:    "panel radius multi-restore",
+		"msg-labelInfo": "label secondary",
+		"msg-info":      "label secondary",
+		"msg-message":   "label secondary",
+		"msg-error":     "label alert"
+	},
+	form: {
+		button:  "button small",
+		buttonInternal:  "button small"
+	}
+} );
+
+
+/*
+ * Foundation display controller - this is effectively a proxy to the Foundation
+ * modal control.
+ */
+var shown = false;
+var reveal;
+
+const dom = {
+	content: $(
+		'<div class="reveal reveal-modal DTED" data-reveal></div>'
+	),
+	close: $('<button class="close close-button">&times;</div>')
+};
+
+DataTable.Editor.display.foundation = $.extend( true, {}, DataTable.Editor.models.displayController, {
+	init: function ( dte ) {
+		if (! reveal) {
+			reveal = new window.Foundation.Reveal( dom.content, {
+				closeOnClick: false
+			} );
+		}
+
+		return DataTable.Editor.display.foundation;
+	},
+
+	open: function ( dte, append, callback ) {
+		var content = dom.content;
+		content.children().detach();
+		content.append( append );
+		content.prepend( dom.close );
+
+		dom.close
+			.attr('title', dte.i18n.close)
+			.off('click.dte-zf')
+			.on('click.dte-zf', function () {
+				dte.close('icon');
+			});
+
+		$(document)
+			.off('click.dte-zf')
+			.on('click.dte-zf', 'div.reveal-modal-bg, div.reveal-overlay', function (e) {
+				if ( $(e.target).closest(dom.content).length ) {
+					return;
+				}
+				dte.background();
+			} );
+
+		if ( shown ) {
+			if ( callback ) {
+				callback();
+			}
+			return;
+		}
+
+		shown = true;
+
+		$(dom.content)
+			.one('open.zf.reveal', function () {
+				if ( callback ) {
+					callback();
+				}
+			});
+
+		reveal.open();
+	},
+
+	close: function ( dte, callback ) {
+		if (shown) {
+			reveal.close();
+			shown = false;
+		}
+
+		if ( callback ) {
+			callback();
+		}
+	},
+
+	node: function ( dte ) {
+		return dom.content[0];
+	}
+} );
+
+
+return Editor;
+}));

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.foundation.min.js

@@ -0,0 +1,4 @@
+/*! Foundation integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+!function(t){var o,l;"function"==typeof define&&define.amd?define(["jquery","datatables.net-zf","datatables.net-editor"],function(e){return t(e,window,document)}):"object"==typeof exports?(o=require("jquery"),l=function(e,n){n.fn.dataTable||require("datatables.net-zf")(e,n),n.fn.dataTable.Editor||require("datatables.net-editor")(e,n)},"undefined"==typeof window?module.exports=function(e,n){return e=e||window,n=n||o(e),l(e,n),t(n,e,e.document)}:(l(window,o),module.exports=t(o,window,window.document))):t(jQuery,window,document)}(function(l,n,a,e){"use strict";var i,t=l.fn.dataTable,o=t.Editor,d=(t.Editor.defaults.display="foundation",l.extend(!0,l.fn.dataTable.Editor.classes,{field:{wrapper:"DTE_Field row",label:"small-4 columns inline",input:"small-8 columns",error:"error",multiValue:"panel radius multi-value",multiInfo:"small",multiRestore:"panel radius multi-restore","msg-labelInfo":"label secondary","msg-info":"label secondary","msg-message":"label secondary","msg-error":"label alert"},form:{button:"button small",buttonInternal:"button small"}}),!1);const r={content:l('<div class="reveal reveal-modal DTED" data-reveal></div>'),close:l('<button class="close close-button">&times;</div>')};return t.Editor.display.foundation=l.extend(!0,{},t.Editor.models.displayController,{init:function(e){return i=i||new n.Foundation.Reveal(r.content,{closeOnClick:!1}),t.Editor.display.foundation},open:function(n,e,t){var o=r.content;o.children().detach(),o.append(e),o.prepend(r.close),r.close.attr("title",n.i18n.close).off("click.dte-zf").on("click.dte-zf",function(){n.close("icon")}),l(a).off("click.dte-zf").on("click.dte-zf","div.reveal-modal-bg, div.reveal-overlay",function(e){l(e.target).closest(r.content).length||n.background()}),d?t&&t():(d=!0,l(r.content).one("open.zf.reveal",function(){t&&t()}),i.open())},close:function(e,n){d&&(i.close(),d=!1),n&&n()},node:function(e){return r.content[0]}}),o});

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.foundation.min.mjs

@@ -0,0 +1,4 @@
+/*! Foundation integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+import jQuery from"jquery";import DataTable from"datatables.net-zf";import Editor from"datatables.net-editor";let $=jQuery;var reveal,Editor=DataTable.Editor,shown=(DataTable.Editor.defaults.display="foundation",$.extend(!0,$.fn.dataTable.Editor.classes,{field:{wrapper:"DTE_Field row",label:"small-4 columns inline",input:"small-8 columns",error:"error",multiValue:"panel radius multi-value",multiInfo:"small",multiRestore:"panel radius multi-restore","msg-labelInfo":"label secondary","msg-info":"label secondary","msg-message":"label secondary","msg-error":"label alert"},form:{button:"button small",buttonInternal:"button small"}}),!1);const dom={content:$('<div class="reveal reveal-modal DTED" data-reveal></div>'),close:$('<button class="close close-button">&times;</div>')};DataTable.Editor.display.foundation=$.extend(!0,{},DataTable.Editor.models.displayController,{init:function(e){return reveal=reveal||new window.Foundation.Reveal(dom.content,{closeOnClick:!1}),DataTable.Editor.display.foundation},open:function(o,e,t){var l=dom.content;l.children().detach(),l.append(e),l.prepend(dom.close),dom.close.attr("title",o.i18n.close).off("click.dte-zf").on("click.dte-zf",function(){o.close("icon")}),$(document).off("click.dte-zf").on("click.dte-zf","div.reveal-modal-bg, div.reveal-overlay",function(e){$(e.target).closest(dom.content).length||o.background()}),shown?t&&t():(shown=!0,$(dom.content).one("open.zf.reveal",function(){t&&t()}),reveal.open())},close:function(e,o){shown&&(reveal.close(),shown=!1),o&&o()},node:function(e){return dom.content[0]}});export default Editor;

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.foundation.mjs

@@ -0,0 +1,127 @@
+/*! Foundation integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+
+import jQuery from 'jquery';
+import DataTable from 'datatables.net-zf';
+import Editor from 'datatables.net-editor';
+
+// Allow reassignment of the $ variable
+let $ = jQuery;
+
+var Editor = DataTable.Editor;
+
+/*
+ * Set the default display controller to be our foundation control 
+ */
+DataTable.Editor.defaults.display = "foundation";
+
+
+/*
+ * Change the default classes from Editor to be classes for Foundation
+ */
+$.extend( true, $.fn.dataTable.Editor.classes, {
+	field: {
+		wrapper:         "DTE_Field row",
+		label:           "small-4 columns inline",
+		input:           "small-8 columns",
+		error:           "error",
+		multiValue:      "panel radius multi-value",
+		multiInfo:       "small",
+		multiRestore:    "panel radius multi-restore",
+		"msg-labelInfo": "label secondary",
+		"msg-info":      "label secondary",
+		"msg-message":   "label secondary",
+		"msg-error":     "label alert"
+	},
+	form: {
+		button:  "button small",
+		buttonInternal:  "button small"
+	}
+} );
+
+
+/*
+ * Foundation display controller - this is effectively a proxy to the Foundation
+ * modal control.
+ */
+var shown = false;
+var reveal;
+
+const dom = {
+	content: $(
+		'<div class="reveal reveal-modal DTED" data-reveal></div>'
+	),
+	close: $('<button class="close close-button">&times;</div>')
+};
+
+DataTable.Editor.display.foundation = $.extend( true, {}, DataTable.Editor.models.displayController, {
+	init: function ( dte ) {
+		if (! reveal) {
+			reveal = new window.Foundation.Reveal( dom.content, {
+				closeOnClick: false
+			} );
+		}
+
+		return DataTable.Editor.display.foundation;
+	},
+
+	open: function ( dte, append, callback ) {
+		var content = dom.content;
+		content.children().detach();
+		content.append( append );
+		content.prepend( dom.close );
+
+		dom.close
+			.attr('title', dte.i18n.close)
+			.off('click.dte-zf')
+			.on('click.dte-zf', function () {
+				dte.close('icon');
+			});
+
+		$(document)
+			.off('click.dte-zf')
+			.on('click.dte-zf', 'div.reveal-modal-bg, div.reveal-overlay', function (e) {
+				if ( $(e.target).closest(dom.content).length ) {
+					return;
+				}
+				dte.background();
+			} );
+
+		if ( shown ) {
+			if ( callback ) {
+				callback();
+			}
+			return;
+		}
+
+		shown = true;
+
+		$(dom.content)
+			.one('open.zf.reveal', function () {
+				if ( callback ) {
+					callback();
+				}
+			});
+
+		reveal.open();
+	},
+
+	close: function ( dte, callback ) {
+		if (shown) {
+			reveal.close();
+			shown = false;
+		}
+
+		if ( callback ) {
+			callback();
+		}
+	},
+
+	node: function ( dte ) {
+		return dom.content[0];
+	}
+} );
+
+
+export default Editor;

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.jqueryui.js

@@ -0,0 +1,186 @@
+/*! jQuery UI integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+
+(function( factory ){
+	if ( typeof define === 'function' && define.amd ) {
+		// AMD
+		define( ['jquery', 'datatables.net-jqui', 'datatables.net-editor'], function ( $ ) {
+			return factory( $, window, document );
+		} );
+	}
+	else if ( typeof exports === 'object' ) {
+		// CommonJS
+		var jq = require('jquery');
+		var cjsRequires = function (root, $) {
+			if ( ! $.fn.dataTable ) {
+				require('datatables.net-jqui')(root, $);
+			}
+
+			if ( ! $.fn.dataTable.Editor ) {
+				require('datatables.net-editor')(root, $);
+			}
+		};
+
+		if (typeof window === 'undefined') {
+			module.exports = function (root, $) {
+				if ( ! root ) {
+					// CommonJS environments without a window global must pass a
+					// root. This will give an error otherwise
+					root = window;
+				}
+
+				if ( ! $ ) {
+					$ = jq( root );
+				}
+
+				cjsRequires( root, $ );
+				return factory( $, root, root.document );
+			};
+		}
+		else {
+			cjsRequires( window, jq );
+			module.exports = factory( jq, window, window.document );
+		}
+	}
+	else {
+		// Browser
+		factory( jQuery, window, document );
+	}
+}(function( $, window, document, undefined ) {
+'use strict';
+var DataTable = $.fn.dataTable;
+
+
+
+var Editor = DataTable.Editor;
+var doingClose = false;
+
+/*
+ * Set the default display controller to be our foundation control 
+ */
+Editor.defaults.display = "jqueryui";
+
+/*
+ * Change the default classes from Editor to be classes for Bootstrap
+ */
+var buttonClass = "btn ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only";
+$.extend( true, $.fn.dataTable.Editor.classes, {
+	form: {
+		button:  buttonClass,
+		buttonInternal:  buttonClass
+	}
+} );
+
+var dialouge;
+var shown = false;
+
+/*
+ * jQuery UI display controller - this is effectively a proxy to the jQuery UI
+ * modal control.
+ */
+Editor.display.jqueryui = $.extend( true, {}, Editor.models.displayController, {
+	init: function ( dte ) {
+		if (! dialouge) {
+			dialouge = $('<div class="DTED"></div>')
+				.css('display', 'none')
+				.appendTo('body')
+				.dialog( $.extend( true, Editor.display.jqueryui.modalOptions, {
+					autoOpen: false,
+					buttons: { "A": function () {} }, // fake button so the button container is created
+					closeOnEscape: false // allow editor's escape function to run
+				} ) );
+		}
+
+		return Editor.display.jqueryui;
+	},
+
+	open: function ( dte, append, callback ) {
+		dialouge
+			.children()
+			.detach();
+
+		dialouge
+			.append( append )
+			.dialog( 'open' );
+
+		$(dte.dom.formError).appendTo(
+			dialouge.parent().find('div.ui-dialog-buttonpane')
+		);
+
+		dialouge.parent().find('.ui-dialog-title').html( dte.dom.header.innerHTML );
+		dialouge.parent().addClass('DTED');
+
+		// Modify the Editor buttons to be jQuery UI suitable
+		var buttons = $(dte.dom.buttons)
+			.children()
+			.addClass( 'ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only' )
+			.each( function () {
+				$(this).wrapInner( '<span class="ui-button-text"></span>' );
+			} );
+
+		// Move the buttons into the jQuery UI button set
+		dialouge.parent().find('div.ui-dialog-buttonset')
+			.children()
+			.detach();
+
+		dialouge.parent().find('div.ui-dialog-buttonset')
+			.append( buttons.parent() );
+
+		dialouge
+			.parent()
+			.find('button.ui-dialog-titlebar-close')
+			.off('click.dte-ju')
+			.on('click.dte-ju', function () {
+				dte.close('icon');
+			});
+
+		// Need to know when the dialogue is closed using its own trigger
+		// so we can reset the form
+		$(dialouge)
+			.off( 'dialogclose.dte-ju' )
+			.on( 'dialogclose.dte-ju', function (e) {
+				if ( ! doingClose ) {
+					dte.close();
+				}
+			} );
+
+		shown = true;
+
+		if ( callback ) {
+			callback();
+		}
+	},
+
+	close: function ( dte, callback ) {
+		if ( dialouge ) {
+			// Don't want to trigger a close() call from dialogclose!
+			doingClose = true;
+			dialouge.dialog( 'close' );
+			doingClose = false;
+		}
+
+		shown = false;
+
+		if ( callback ) {
+			callback();
+		}
+	},
+
+	node: function ( dte ) {
+		return dialouge[0];
+	},
+
+	// jQuery UI dialogues perform their own focus capture
+	captureFocus: false
+} );
+
+
+Editor.display.jqueryui.modalOptions = {
+	width: 600,
+	modal: true
+};
+
+
+return Editor;
+}));

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.jqueryui.min.js

@@ -0,0 +1,4 @@
+/*! jQuery UI integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+!function(n){var o,i;"function"==typeof define&&define.amd?define(["jquery","datatables.net-jqui","datatables.net-editor"],function(t){return n(t,window,document)}):"object"==typeof exports?(o=require("jquery"),i=function(t,e){e.fn.dataTable||require("datatables.net-jqui")(t,e),e.fn.dataTable.Editor||require("datatables.net-editor")(t,e)},"undefined"==typeof window?module.exports=function(t,e){return t=t||window,e=e||o(t),i(t,e),n(e,0,t.document)}:(i(window,o),module.exports=n(o,window,window.document))):n(jQuery,window,document)}(function(o,t,e,n){"use strict";var i,d=o.fn.dataTable.Editor,a=!1,u=(d.defaults.display="jqueryui","btn ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only");o.extend(!0,o.fn.dataTable.Editor.classes,{form:{button:u,buttonInternal:u}});return d.display.jqueryui=o.extend(!0,{},d.models.displayController,{init:function(t){return i=i||o('<div class="DTED"></div>').css("display","none").appendTo("body").dialog(o.extend(!0,d.display.jqueryui.modalOptions,{autoOpen:!1,buttons:{A:function(){}},closeOnEscape:!1})),d.display.jqueryui},open:function(e,t,n){i.children().detach(),i.append(t).dialog("open"),o(e.dom.formError).appendTo(i.parent().find("div.ui-dialog-buttonpane")),i.parent().find(".ui-dialog-title").html(e.dom.header.innerHTML),i.parent().addClass("DTED");t=o(e.dom.buttons).children().addClass("ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only").each(function(){o(this).wrapInner('<span class="ui-button-text"></span>')});i.parent().find("div.ui-dialog-buttonset").children().detach(),i.parent().find("div.ui-dialog-buttonset").append(t.parent()),i.parent().find("button.ui-dialog-titlebar-close").off("click.dte-ju").on("click.dte-ju",function(){e.close("icon")}),o(i).off("dialogclose.dte-ju").on("dialogclose.dte-ju",function(t){a||e.close()}),n&&n()},close:function(t,e){i&&(a=!0,i.dialog("close"),a=!1),e&&e()},node:function(t){return i[0]},captureFocus:!1}),d.display.jqueryui.modalOptions={width:600,modal:!0},d});

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.jqueryui.min.mjs

@@ -0,0 +1,4 @@
+/*! jQuery UI integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+import jQuery from"jquery";import DataTable from"datatables.net-jqui";import Editor from"datatables.net-editor";let $=jQuery;var dialouge,Editor=DataTable.Editor,doingClose=!1,buttonClass=(Editor.defaults.display="jqueryui","btn ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"),shown=($.extend(!0,$.fn.dataTable.Editor.classes,{form:{button:buttonClass,buttonInternal:buttonClass}}),!1);Editor.display.jqueryui=$.extend(!0,{},Editor.models.displayController,{init:function(o){return dialouge=dialouge||$('<div class="DTED"></div>').css("display","none").appendTo("body").dialog($.extend(!0,Editor.display.jqueryui.modalOptions,{autoOpen:!1,buttons:{A:function(){}},closeOnEscape:!1})),Editor.display.jqueryui},open:function(t,o,i){dialouge.children().detach(),dialouge.append(o).dialog("open"),$(t.dom.formError).appendTo(dialouge.parent().find("div.ui-dialog-buttonpane")),dialouge.parent().find(".ui-dialog-title").html(t.dom.header.innerHTML),dialouge.parent().addClass("DTED");o=$(t.dom.buttons).children().addClass("ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only").each(function(){$(this).wrapInner('<span class="ui-button-text"></span>')});dialouge.parent().find("div.ui-dialog-buttonset").children().detach(),dialouge.parent().find("div.ui-dialog-buttonset").append(o.parent()),dialouge.parent().find("button.ui-dialog-titlebar-close").off("click.dte-ju").on("click.dte-ju",function(){t.close("icon")}),$(dialouge).off("dialogclose.dte-ju").on("dialogclose.dte-ju",function(o){doingClose||t.close()}),shown=!0,i&&i()},close:function(o,t){dialouge&&(doingClose=!0,dialouge.dialog("close"),doingClose=!1),shown=!1,t&&t()},node:function(o){return dialouge[0]},captureFocus:!1}),Editor.display.jqueryui.modalOptions={width:600,modal:!0};export default Editor;

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.jqueryui.mjs

@@ -0,0 +1,142 @@
+/*! jQuery UI integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+
+import jQuery from 'jquery';
+import DataTable from 'datatables.net-jqui';
+import Editor from 'datatables.net-editor';
+
+// Allow reassignment of the $ variable
+let $ = jQuery;
+
+
+var Editor = DataTable.Editor;
+var doingClose = false;
+
+/*
+ * Set the default display controller to be our foundation control 
+ */
+Editor.defaults.display = "jqueryui";
+
+/*
+ * Change the default classes from Editor to be classes for Bootstrap
+ */
+var buttonClass = "btn ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only";
+$.extend( true, $.fn.dataTable.Editor.classes, {
+	form: {
+		button:  buttonClass,
+		buttonInternal:  buttonClass
+	}
+} );
+
+var dialouge;
+var shown = false;
+
+/*
+ * jQuery UI display controller - this is effectively a proxy to the jQuery UI
+ * modal control.
+ */
+Editor.display.jqueryui = $.extend( true, {}, Editor.models.displayController, {
+	init: function ( dte ) {
+		if (! dialouge) {
+			dialouge = $('<div class="DTED"></div>')
+				.css('display', 'none')
+				.appendTo('body')
+				.dialog( $.extend( true, Editor.display.jqueryui.modalOptions, {
+					autoOpen: false,
+					buttons: { "A": function () {} }, // fake button so the button container is created
+					closeOnEscape: false // allow editor's escape function to run
+				} ) );
+		}
+
+		return Editor.display.jqueryui;
+	},
+
+	open: function ( dte, append, callback ) {
+		dialouge
+			.children()
+			.detach();
+
+		dialouge
+			.append( append )
+			.dialog( 'open' );
+
+		$(dte.dom.formError).appendTo(
+			dialouge.parent().find('div.ui-dialog-buttonpane')
+		);
+
+		dialouge.parent().find('.ui-dialog-title').html( dte.dom.header.innerHTML );
+		dialouge.parent().addClass('DTED');
+
+		// Modify the Editor buttons to be jQuery UI suitable
+		var buttons = $(dte.dom.buttons)
+			.children()
+			.addClass( 'ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only' )
+			.each( function () {
+				$(this).wrapInner( '<span class="ui-button-text"></span>' );
+			} );
+
+		// Move the buttons into the jQuery UI button set
+		dialouge.parent().find('div.ui-dialog-buttonset')
+			.children()
+			.detach();
+
+		dialouge.parent().find('div.ui-dialog-buttonset')
+			.append( buttons.parent() );
+
+		dialouge
+			.parent()
+			.find('button.ui-dialog-titlebar-close')
+			.off('click.dte-ju')
+			.on('click.dte-ju', function () {
+				dte.close('icon');
+			});
+
+		// Need to know when the dialogue is closed using its own trigger
+		// so we can reset the form
+		$(dialouge)
+			.off( 'dialogclose.dte-ju' )
+			.on( 'dialogclose.dte-ju', function (e) {
+				if ( ! doingClose ) {
+					dte.close();
+				}
+			} );
+
+		shown = true;
+
+		if ( callback ) {
+			callback();
+		}
+	},
+
+	close: function ( dte, callback ) {
+		if ( dialouge ) {
+			// Don't want to trigger a close() call from dialogclose!
+			doingClose = true;
+			dialouge.dialog( 'close' );
+			doingClose = false;
+		}
+
+		shown = false;
+
+		if ( callback ) {
+			callback();
+		}
+	},
+
+	node: function ( dte ) {
+		return dialouge[0];
+	},
+
+	// jQuery UI dialogues perform their own focus capture
+	captureFocus: false
+} );
+
+
+Editor.display.jqueryui.modalOptions = {
+	width: 600,
+	modal: true
+};
+
+
+export default Editor;

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.semanticui.js

@@ -0,0 +1,256 @@
+/*! Semantic UI integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+
+(function( factory ){
+	if ( typeof define === 'function' && define.amd ) {
+		// AMD
+		define( ['jquery', 'datatables.net-se', 'datatables.net-editor'], function ( $ ) {
+			return factory( $, window, document );
+		} );
+	}
+	else if ( typeof exports === 'object' ) {
+		// CommonJS
+		var jq = require('jquery');
+		var cjsRequires = function (root, $) {
+			if ( ! $.fn.dataTable ) {
+				require('datatables.net-se')(root, $);
+			}
+
+			if ( ! $.fn.dataTable.Editor ) {
+				require('datatables.net-editor')(root, $);
+			}
+		};
+
+		if (typeof window === 'undefined') {
+			module.exports = function (root, $) {
+				if ( ! root ) {
+					// CommonJS environments without a window global must pass a
+					// root. This will give an error otherwise
+					root = window;
+				}
+
+				if ( ! $ ) {
+					$ = jq( root );
+				}
+
+				cjsRequires( root, $ );
+				return factory( $, root, root.document );
+			};
+		}
+		else {
+			cjsRequires( window, jq );
+			module.exports = factory( jq, window, window.document );
+		}
+	}
+	else {
+		// Browser
+		factory( jQuery, window, document );
+	}
+}(function( $, window, document, undefined ) {
+'use strict';
+var DataTable = $.fn.dataTable;
+
+
+
+var Editor = DataTable.Editor;
+
+/*
+ * Set the default display controller to be Semantic UI modal
+ */
+DataTable.Editor.defaults.display = "semanticui";
+
+/*
+ * Change the default classes from Editor to be classes for Bootstrap
+ */
+$.extend( true, $.fn.dataTable.Editor.classes, {
+	"header": {
+		"wrapper": "DTE_Header header"
+	},
+	"body": {
+		"wrapper": "DTE_Body content"
+	},
+	"footer": {
+		"wrapper": "DTE_Footer actions"
+	},
+	"form": {
+		"tag": "ui form",
+		"button": "ui button",
+		"buttonInternal": "ui button",
+		"content": 'DTE_Form_Content'
+	},
+	"field": {
+		"wrapper": "DTE_Field inline fields",
+		"label":   "right aligned five wide field",
+		"input":   "eight wide field DTE_Field_Input",
+
+		"error":   "error has-error",
+		"msg-labelInfo": "ui small",
+		"msg-info":      "ui small",
+		"msg-message":   "ui message small",
+		"msg-error":     "ui error message small",
+		"multiValue":    "ui message multi-value",
+		"multiInfo":     "small",
+		"multiRestore":  "ui message multi-restore"
+	},
+	inline: {
+		wrapper: "DTE DTE_Inline ui form"
+	},
+	bubble: {
+		table: "DTE_Bubble_Table ui form",
+		bg: "ui dimmer modals page transition visible active"
+	}
+} );
+
+
+$.extend( true, DataTable.ext.buttons, {
+	create: {
+		formButtons: {
+			className: 'primary'
+		}
+	},
+	edit: {
+		formButtons: {
+			className: 'primary'
+		}
+	},
+	remove: {
+		formButtons: {
+			className: 'negative'
+		}
+	}
+} );
+
+DataTable.Editor.fieldTypes.datatable.tableClass = 'ui table';
+
+/*
+ * Bootstrap display controller - this is effectively a proxy to the Bootstrap
+ * modal control.
+ */
+
+// Single shared model for all Editor instances
+const dom = {
+	modal: $('<div class="ui modal DTED"></div>'),
+	close: $('<i class="close icon"/>')
+}
+let shown = false;
+let lastAppend;
+
+DataTable.Editor.display.semanticui = $.extend( true, {}, DataTable.Editor.models.displayController, {
+	/*
+	 * API methods
+	 */
+	init: function ( dte ) {
+		// Make select lists semantic ui dropdowns if possible
+		if ($.fn.dropdown) {
+			dte.on( 'displayOrder.dtesu open.dtesu', function ( e, display, action, form ) {
+				$.each( dte.s.fields, function ( key, field ) {
+					$('select', field.node())
+						.addClass('fluid')
+						.dropdown();
+				} );
+			} );
+		}
+
+		return DataTable.Editor.display.semanticui;
+	},
+
+	open: function ( dte, append, callback ) {
+		var modal = dom.modal;
+		var appendChildren = $(append).children();
+
+		// Because we can't use a single element, we need to insert the existing
+		// children back into their previous host so that can be reused later
+		if (lastAppend) {
+			modal.children().appendTo(lastAppend);
+		}
+
+		lastAppend = append;
+
+		// Clean up any existing elements and then insert the elements to
+		// display. In Semantic UI we need to have the header, content and
+		// actions at the top level of the modal rather than as children of a
+		// wrapper.
+		modal
+			.children()
+			.detach();
+
+		modal
+			.append( appendChildren )
+			.prepend( modal.children('.header') ) // order is important
+			.addClass( append.className )
+			.prepend( dom.close );
+
+		dom.close
+			.attr('title', dte.i18n.close)
+			.off( 'click.dte-se' )
+			.on( 'click.dte-se', function (e) {
+				dte.close('icon');
+				return false;
+			} );
+
+		$(document)
+			.off('click.dte-se')
+			.on('click.dte-se', 'div.ui.dimmer.modals', function (e) {
+				if ( $(e.target).hasClass('dimmer') ) {
+					dte.background();
+				}
+			} );
+
+		if ( shown ) {
+			if ( callback ) {
+				callback();
+			}
+			return;
+		}
+
+		shown = true;
+
+		$(modal)
+			.modal( 'setting', {
+				autofocus: false,
+				closable: false,
+				onVisible: function () {
+					// Can only give elements focus when shown
+					if ( dte.s.setFocus ) {
+						dte.s.setFocus.focus();
+					}
+
+					if ( callback ) {
+						callback();
+					}
+				},
+				onHidden: function () {
+					$(append).append( appendChildren );
+					shown = false;
+				}
+			} )
+			.modal( 'show' );
+	},
+
+	close: function ( dte, callback ) {
+		if ( ! shown ) {
+			if ( callback ) {
+				callback();
+			}
+			return;
+		}
+
+		dom.modal.modal('hide');
+
+		lastAppend = null;
+		shown = false;
+
+		if ( callback ) {
+			callback();
+		}
+	},
+
+	node: function ( dte ) {
+		return dom.modal[0];
+	}
+} );
+
+
+return Editor;
+}));

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.semanticui.min.js

@@ -0,0 +1,4 @@
+/*! Semantic UI integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+!function(n){var o,i;"function"==typeof define&&define.amd?define(["jquery","datatables.net-se","datatables.net-editor"],function(e){return n(e,window,document)}):"object"==typeof exports?(o=require("jquery"),i=function(e,t){t.fn.dataTable||require("datatables.net-se")(e,t),t.fn.dataTable.Editor||require("datatables.net-editor")(e,t)},"undefined"==typeof window?module.exports=function(e,t){return e=e||window,t=t||o(e),i(e,t),n(t,0,e.document)}:(i(window,o),module.exports=n(o,window,window.document))):n(jQuery,window,document)}(function(a,e,d,t){"use strict";var n=a.fn.dataTable,o=n.Editor;n.Editor.defaults.display="semanticui",a.extend(!0,a.fn.dataTable.Editor.classes,{header:{wrapper:"DTE_Header header"},body:{wrapper:"DTE_Body content"},footer:{wrapper:"DTE_Footer actions"},form:{tag:"ui form",button:"ui button",buttonInternal:"ui button",content:"DTE_Form_Content"},field:{wrapper:"DTE_Field inline fields",label:"right aligned five wide field",input:"eight wide field DTE_Field_Input",error:"error has-error","msg-labelInfo":"ui small","msg-info":"ui small","msg-message":"ui message small","msg-error":"ui error message small",multiValue:"ui message multi-value",multiInfo:"small",multiRestore:"ui message multi-restore"},inline:{wrapper:"DTE DTE_Inline ui form"},bubble:{table:"DTE_Bubble_Table ui form",bg:"ui dimmer modals page transition visible active"}}),a.extend(!0,n.ext.buttons,{create:{formButtons:{className:"primary"}},edit:{formButtons:{className:"primary"}},remove:{formButtons:{className:"negative"}}}),n.Editor.fieldTypes.datatable.tableClass="ui table";const r={modal:a('<div class="ui modal DTED"></div>'),close:a('<i class="close icon"/>')};let s=!1,l;return n.Editor.display.semanticui=a.extend(!0,{},n.Editor.models.displayController,{init:function(i){return a.fn.dropdown&&i.on("displayOrder.dtesu open.dtesu",function(e,t,n,o){a.each(i.s.fields,function(e,t){a("select",t.node()).addClass("fluid").dropdown()})}),n.Editor.display.semanticui},open:function(t,e,n){var o=r.modal,i=a(e).children();l&&o.children().appendTo(l),l=e,o.children().detach(),o.append(i).prepend(o.children(".header")).addClass(e.className).prepend(r.close),r.close.attr("title",t.i18n.close).off("click.dte-se").on("click.dte-se",function(e){return t.close("icon"),!1}),a(d).off("click.dte-se").on("click.dte-se","div.ui.dimmer.modals",function(e){a(e.target).hasClass("dimmer")&&t.background()}),s?n&&n():(s=!0,a(o).modal("setting",{autofocus:!1,closable:!1,onVisible:function(){t.s.setFocus&&t.s.setFocus.focus(),n&&n()},onHidden:function(){a(e).append(i),s=!1}}).modal("show"))},close:function(e,t){s&&(r.modal.modal("hide"),l=null,s=!1),t&&t()},node:function(e){return r.modal[0]}}),o});

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.semanticui.min.mjs

@@ -0,0 +1,4 @@
+/*! Semantic UI integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+import jQuery from"jquery";import DataTable from"datatables.net-se";import Editor from"datatables.net-editor";let $=jQuery;var Editor=DataTable.Editor;DataTable.Editor.defaults.display="semanticui",$.extend(!0,$.fn.dataTable.Editor.classes,{header:{wrapper:"DTE_Header header"},body:{wrapper:"DTE_Body content"},footer:{wrapper:"DTE_Footer actions"},form:{tag:"ui form",button:"ui button",buttonInternal:"ui button",content:"DTE_Form_Content"},field:{wrapper:"DTE_Field inline fields",label:"right aligned five wide field",input:"eight wide field DTE_Field_Input",error:"error has-error","msg-labelInfo":"ui small","msg-info":"ui small","msg-message":"ui message small","msg-error":"ui error message small",multiValue:"ui message multi-value",multiInfo:"small",multiRestore:"ui message multi-restore"},inline:{wrapper:"DTE DTE_Inline ui form"},bubble:{table:"DTE_Bubble_Table ui form",bg:"ui dimmer modals page transition visible active"}}),$.extend(!0,DataTable.ext.buttons,{create:{formButtons:{className:"primary"}},edit:{formButtons:{className:"primary"}},remove:{formButtons:{className:"negative"}}}),DataTable.Editor.fieldTypes.datatable.tableClass="ui table";const dom={modal:$('<div class="ui modal DTED"></div>'),close:$('<i class="close icon"/>')};let shown=!1,lastAppend;DataTable.Editor.display.semanticui=$.extend(!0,{},DataTable.Editor.models.displayController,{init:function(l){return $.fn.dropdown&&l.on("displayOrder.dtesu open.dtesu",function(e,t,a,o){$.each(l.s.fields,function(e,t){$("select",t.node()).addClass("fluid").dropdown()})}),DataTable.Editor.display.semanticui},open:function(t,e,a){var o=dom.modal,l=$(e).children();lastAppend&&o.children().appendTo(lastAppend),lastAppend=e,o.children().detach(),o.append(l).prepend(o.children(".header")).addClass(e.className).prepend(dom.close),dom.close.attr("title",t.i18n.close).off("click.dte-se").on("click.dte-se",function(e){return t.close("icon"),!1}),$(document).off("click.dte-se").on("click.dte-se","div.ui.dimmer.modals",function(e){$(e.target).hasClass("dimmer")&&t.background()}),shown?a&&a():(shown=!0,$(o).modal("setting",{autofocus:!1,closable:!1,onVisible:function(){t.s.setFocus&&t.s.setFocus.focus(),a&&a()},onHidden:function(){$(e).append(l),shown=!1}}).modal("show"))},close:function(e,t){shown&&(dom.modal.modal("hide"),lastAppend=null,shown=!1),t&&t()},node:function(e){return dom.modal[0]}});export default Editor;

httpdocs/themes/vuexy/vendor/libs/datatable-editor/js/editor.semanticui.mjs

@@ -0,0 +1,212 @@
+/*! Semantic UI integration for DataTables' Editor
+ * © SpryMedia Ltd - datatables.net/license
+ */
+
+import jQuery from 'jquery';
+import DataTable from 'datatables.net-se';
+import Editor from 'datatables.net-editor';
+
+// Allow reassignment of the $ variable
+let $ = jQuery;
+
+
+var Editor = DataTable.Editor;
+
+/*
+ * Set the default display controller to be Semantic UI modal
+ */
+DataTable.Editor.defaults.display = "semanticui";
+
+/*
+ * Change the default classes from Editor to be classes for Bootstrap
+ */
+$.extend( true, $.fn.dataTable.Editor.classes, {
+	"header": {
+		"wrapper": "DTE_Header header"
+	},
+	"body": {
+		"wrapper": "DTE_Body content"
+	},
+	"footer": {
+		"wrapper": "DTE_Footer actions"
+	},
+	"form": {
+		"tag": "ui form",
+		"button": "ui button",
+		"buttonInternal": "ui button",
+		"content": 'DTE_Form_Content'
+	},
+	"field": {
+		"wrapper": "DTE_Field inline fields",
+		"label":   "right aligned five wide field",
+		"input":   "eight wide field DTE_Field_Input",
+
+		"error":   "error has-error",
+		"msg-labelInfo": "ui small",
+		"msg-info":      "ui small",
+		"msg-message":   "ui message small",
+		"msg-error":     "ui error message small",
+		"multiValue":    "ui message multi-value",
+		"multiInfo":     "small",
+		"multiRestore":  "ui message multi-restore"
+	},
+	inline: {
+		wrapper: "DTE DTE_Inline ui form"
+	},
+	bubble: {
+		table: "DTE_Bubble_Table ui form",
+		bg: "ui dimmer modals page transition visible active"
+	}
+} );
+
+
+$.extend( true, DataTable.ext.buttons, {
+	create: {
+		formButtons: {
+			className: 'primary'
+		}
+	},
+	edit: {
+		formButtons: {
+			className: 'primary'
+		}
+	},
+	remove: {
+		formButtons: {
+			className: 'negative'
+		}
+	}
+} );
+
+DataTable.Editor.fieldTypes.datatable.tableClass = 'ui table';
+
+/*
+ * Bootstrap display controller - this is effectively a proxy to the Bootstrap
+ * modal control.
+ */
+
+// Single shared model for all Editor instances
+const dom = {
+	modal: $('<div class="ui modal DTED"></div>'),
+	close: $('<i class="close icon"/>')
+}
+let shown = false;
+let lastAppend;
+
+DataTable.Editor.display.semanticui = $.extend( true, {}, DataTable.Editor.models.displayController, {
+	/*
+	 * API methods
+	 */
+	init: function ( dte ) {
+		// Make select lists semantic ui dropdowns if possible
+		if ($.fn.dropdown) {
+			dte.on( 'displayOrder.dtesu open.dtesu', function ( e, display, action, form ) {
+				$.each( dte.s.fields, function ( key, field ) {
+					$('select', field.node())
+						.addClass('fluid')
+						.dropdown();
+				} );
+			} );
+		}
+
+		return DataTable.Editor.display.semanticui;
+	},
+
+	open: function ( dte, append, callback ) {
+		var modal = dom.modal;
+		var appendChildren = $(append).children();
+
+		// Because we can't use a single element, we need to insert the existing
+		// children back into their previous host so that can be reused later
+		if (lastAppend) {
+			modal.children().appendTo(lastAppend);
+		}
+
+		lastAppend = append;
+
+		// Clean up any existing elements and then insert the elements to
+		// display. In Semantic UI we need to have the header, content and
+		// actions at the top level of the modal rather than as children of a
+		// wrapper.
+		modal
+			.children()
+			.detach();
+
+		modal
+			.append( appendChildren )
+			.prepend( modal.children('.header') ) // order is important
+			.addClass( append.className )
+			.prepend( dom.close );
+
+		dom.close
+			.attr('title', dte.i18n.close)
+			.off( 'click.dte-se' )
+			.on( 'click.dte-se', function (e) {
+				dte.close('icon');
+				return false;
+			} );
+
+		$(document)
+			.off('click.dte-se')
+			.on('click.dte-se', 'div.ui.dimmer.modals', function (e) {
+				if ( $(e.target).hasClass('dimmer') ) {
+					dte.background();
+				}
+			} );
+
+		if ( shown ) {
+			if ( callback ) {
+				callback();
+			}
+			return;
+		}
+
+		shown = true;
+
+		$(modal)
+			.modal( 'setting', {
+				autofocus: false,
+				closable: false,
+				onVisible: function () {
+					// Can only give elements focus when shown
+					if ( dte.s.setFocus ) {
+						dte.s.setFocus.focus();
+					}
+
+					if ( callback ) {
+						callback();
+					}
+				},
+				onHidden: function () {
+					$(append).append( appendChildren );
+					shown = false;
+				}
+			} )
+			.modal( 'show' );
+	},
+
+	close: function ( dte, callback ) {
+		if ( ! shown ) {
+			if ( callback ) {
+				callback();
+			}
+			return;
+		}
+
+		dom.modal.modal('hide');
+
+		lastAppend = null;
+		shown = false;
+
+		if ( callback ) {
+			callback();
+		}
+	},
+
+	node: function ( dte ) {
+		return dom.modal[0];
+	}
+} );
+
+
+export default Editor;