@liedekef/ftable 1.1.7 → 1.1.8

package/ftable.umd.js

@@ -1223,64 +1223,55 @@ class FTableFormBuilder {
     }
 
     createCheckbox(fieldName, field, value) {
-        function getCheckboxText(field, value) {
-            if (value == undefined ) {
-                value = 0;
-            }
-            if (field.values && field.values[value] !== undefined) {
-                return field.values[value];
-            }
-            return value ? 'Yes' : 'No';
-        }
         const wrapper = FTableDOMHelper.create('div', {
-            className: 'ftable-checkbox-wrapper'
+            className: 'ftable-yesno-check-wrapper'
         });
 
         const isChecked = [1, '1', true, 'true'].includes(value);
 
-        const displayValue = getCheckboxText(field, value); // Uses field.values if defined
+        // Determine "Yes" and "No" labels
+        let dataNo = 'No';
+        let dataYes = 'Yes';
+
+        if (field.values && typeof field.values === 'object') {
+            if (field.values['0'] !== undefined) dataNo = field.values['0'];
+            if (field.values['1'] !== undefined) dataYes = field.values['1'];
+        }
 
+        // Create the checkbox
         const checkbox = FTableDOMHelper.create('input', {
+            className: ['ftable-yesno-check-input', field.inputClass || ''].filter(Boolean).join(' '),
             attributes: {
                 type: 'checkbox',
                 name: fieldName,
                 id: `Edit-${fieldName}`,
-                class: field.inputClass || '',
                 value: '1'
             },
+            properties: {
+                checked: isChecked
+            },
             parent: wrapper
         });
-        checkbox.checked = isChecked;
 
+        // Create the label with data attributes
         const label = FTableDOMHelper.create('label', {
-            attributes: { for: `Edit-${fieldName}` },
+            className: 'ftable-yesno-check-text',
+            attributes: {
+                for: `Edit-${fieldName}`,
+                'data-yes': dataYes,
+                'data-no': dataNo
+            },
             parent: wrapper
         });
 
-        // Add the static formText (e.g., "Is Active?")
+        // Optional: Add a static form label (e.g., "Is Active?")
         if (field.formText) {
-            FTableDOMHelper.create('span', {
+            const formSpan = FTableDOMHelper.create('span', {
                 text: field.formText,
-                parent: label
+                parent: wrapper
             });
+            formSpan.style.marginLeft = '8px';
         }
-
-        // Only add dynamic value span if field.values is defined
-        if (field.values) {
-            const valueSpan = FTableDOMHelper.create('span', {
-                className: 'ftable-checkbox-dynamic-value',
-                text: ` ${displayValue}`,
-                parent: label
-            });
-
-            // Update on change
-            checkbox.addEventListener('change', () => {
-                const newValue = checkbox.checked ? '1' : '0';
-                const newText = getCheckboxText(field, newValue);
-                valueSpan.textContent = ` ${newText}`;
-            });
-        }
-
         return wrapper;
     }
 
@@ -2626,9 +2617,9 @@ class FTable extends FTableEventEmitter {
     positionColumnSelectionMenu(e) {
         const self = this;
 
-        // Use clientX/clientY (relative to viewport)
-        let left = e.clientX;
-        let top = e.clientY;
+        // menu is bounded to the body for absolute positioning above other content, so safest is to use pageX/Y
+        let left = e.pageX;
+        let top = e.pageY;
 
         // Define minimum width
         const minWidth = 100;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liedekef/ftable",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "description": "Modern, lightweight, jQuery-free CRUD table for dynamic AJAX-powered tables.",
   "main": "ftable.js",
   "module": "ftable.esm.js",

package/themes/basic/ftable_basic.css

@@ -318,6 +318,16 @@ div.ftable-column-selection-container ul.ftable-column-select-list li label span
 div.ftable-column-selection-container ul.ftable-column-select-list li input[type="checkbox"] {
   cursor: pointer;
 }
+.ftable-yesno-check-wrapper {
+  display: flex;
+  align-items: center;
+}
+.ftable-yesno-check-text:before {
+  content: attr(data-no);
+}
+.ftable-yesno-check-input:checked ~ .ftable-yesno-check-text:before {
+  content: attr(data-yes);
+}
 div.ftable-main-container div.ftable-title div.ftable-title-text {
   font-size: 16px;
   font-weight: bold;

package/themes/basic/ftable_basic.min.css

@@ -1 +1 @@
-div.ftable-main-container{position:relative}div.ftable-main-container div.ftable-title{position:relative;text-align:left}div.ftable-main-container div.ftable-title .ftable-close-button{right:0;top:0;bottom:0;position:absolute}div.ftable-main-container div.ftable-title div.ftable-toolbar{bottom:0;right:0;position:absolute;display:inline-block;margin-right:5px}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item{position:relative;display:inline-block;margin:0 0 0 5px;cursor:pointer;font-size:.9em;padding:2px;vertical-align:bottom}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item span.ftable-toolbar-item-icon{display:inline-block;margin:2px;vertical-align:middle;width:16px;height:16px}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item span.ftable-toolbar-item-text{display:inline-block;margin:2px;vertical-align:middle}div.ftable-main-container div.ftable-title .ftable-close-button+div.ftable-toolbar{margin-right:30px}div.ftable-main-container table.ftable{width:100%}div.ftable-main-container table.ftable thead th{padding:0 3px 0 6px;vertical-align:middle;text-align:left}div.ftable-main-container table.ftable thead th.ftable-column-header{height:1px}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container{position:relative;display:table;width:100%;height:100%!important}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container span.ftable-column-header-text{display:table-cell;vertical-align:middle;padding-top:4px;padding-bottom:3px}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container div.ftable-column-resize-handler{position:absolute;display:table-cell;vertical-align:middle;height:100%;width:8px;right:-8px;z-index:2;cursor:col-resize}div.ftable-main-container table.ftable thead th.ftable-command-column-header{text-align:center}div.ftable-main-container table.ftable thead th.ftable-column-header-select{text-align:center;width:1%}div.ftable-main-container table.ftable thead th.ftable-column-header-select input{cursor:pointer}div.ftable-main-container table.ftable thead th.ftable-column-header-sortable{cursor:pointer}div.ftable-main-container table.ftable tbody tr>td .ftable-command-button{margin:5px;padding:0;cursor:pointer;border:none;display:inline}div.ftable-main-container table.ftable tbody tr>td .ftable-command-button span{display:none}div.ftable-main-container table.ftable tbody tr>td.ftable-command-column{text-align:center;vertical-align:middle}div.ftable-main-container table.ftable tbody tr>td.ftable-selecting-column{text-align:center;vertical-align:middle}div.ftable-main-container table.ftable tbody tr>td.ftable-selecting-column input{cursor:pointer}div.ftable-main-container table.ftable tbody tr.ftable-no-data-row{text-align:center}div.ftable-main-container>div.ftable-bottom-panel{position:relative;min-height:24px;text-align:left}div.ftable-main-container>div.ftable-bottom-panel div.ftable-right-area{right:0;top:0;bottom:0;position:absolute}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list{display:inline-block}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{padding:2px 5px;display:inline-block;cursor:pointer}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{cursor:default}div.ftable-main-container>div.ftable-bottom-panel span.ftable-page-size-change{margin-left:5px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-goto-page{margin-left:5px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-goto-page input[type=text]{width:22px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-page-info{vertical-align:middle}div.ftable-main-container div.ftable-column-resize-bar{opacity:.5;position:absolute;width:1px;background-color:#000}form.ftable-dialog-form div.ftable-input-field-container{padding:2px 0 3px 0;border-bottom:1px solid #ddd}form.ftable-dialog-form div.ftable-input-field-container:last-child{border:none}form.ftable-dialog-form div.ftable-input-label{padding:2px 3px;font-size:1.1em;color:#666}form.ftable-dialog-form div.ftable-input{padding:2px}form.ftable-dialog-form span.ftable-option-text-clickable{position:relative;top:-2px}form.ftable-dialog-form div.ftable-textarea-input textarea{width:300px;min-height:60px}form.ftable-dialog-form div.ftable-checkbox-input span,form.ftable-dialog-form div.ftable-radio-input span{padding-left:4px}form.ftable-dialog-form div.ftable-checkbox-input input,form.ftable-dialog-form div.ftable-radio-input input,form.ftable-dialog-form span.ftable-option-text-clickable{cursor:pointer}.ftable-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:none}.ftable-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.3);z-index:1001;max-width:90%;max-height:90vh;overflow:auto}.ftable-modal-header{margin-bottom:15px;margin-top:0;padding-bottom:10px;border-bottom:1px solid #eee}.ftable-modal-footer{margin-top:15px;padding-top:10px;border-top:1px solid #eee;text-align:right}.ftable-modal-close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:28px;font-weight:700;color:#aaa}.ftable-busy-modal{padding:0}.ftable-dialog-button{opacity:.8;border:1px solid #ccc;padding:5px;margin:5px}.ftable-dialog-button:hover{background-color:#dedede}div.ftable-busy-message{cursor:wait;margin:0}div.ftable-contextmenu-overlay{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100}.ftable-table-div{display:block;overflow-x:auto}.ftable-table-div>table{overflow:hidden}.ftable-toolbarsearch{width:90%;min-width:fit-content}th.ftable-toolbarsearch-reset{text-align:center!important}div.ftable-column-selection-container{position:absolute;border:1px solid #c8c8c8;background:#fff;color:#000;z-index:101;padding:5px}div.ftable-column-selection-container ul.ftable-column-select-list{margin:0;padding:0;list-style:none}div.ftable-column-selection-container ul.ftable-column-select-list li{margin:0;padding:2px 0}div.ftable-column-selection-container ul.ftable-column-select-list li label span{position:relative;top:-1px;margin-left:4px}div.ftable-column-selection-container ul.ftable-column-select-list li input[type=checkbox]{cursor:pointer}div.ftable-main-container div.ftable-title div.ftable-title-text{font-size:16px;font-weight:700}div.ftable-main-container div.ftable-title .ftable-close-button{background:url('close.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable thead th.ftable-column-header-sortable div.ftable-column-header-container{background:url('column-sortable.png') no-repeat right}div.ftable-main-container table.ftable thead th.ftable-column-header-sorted-asc div.ftable-column-header-container{background:url('column-asc.png') no-repeat right}div.ftable-main-container table.ftable thead th.ftable-column-header-sorted-desc div.ftable-column-header-container{background:url('column-desc.png') no-repeat right}div.ftable-main-container table.ftable tbody>tr>td .ftable-edit-command-button{background:url('edit.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr>td .ftable-clone-command-button{background:url('clone.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr>td .ftable-delete-command-button{background:url('delete.png') no-repeat;width:16px;height:16px}div.ftable-busy-message{color:#000;background-color:#ddd;font-size:1.25em}
+div.ftable-main-container{position:relative}div.ftable-main-container div.ftable-title{position:relative;text-align:left}div.ftable-main-container div.ftable-title .ftable-close-button{right:0;top:0;bottom:0;position:absolute}div.ftable-main-container div.ftable-title div.ftable-toolbar{bottom:0;right:0;position:absolute;display:inline-block;margin-right:5px}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item{position:relative;display:inline-block;margin:0 0 0 5px;cursor:pointer;font-size:.9em;padding:2px;vertical-align:bottom}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item span.ftable-toolbar-item-icon{display:inline-block;margin:2px;vertical-align:middle;width:16px;height:16px}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item span.ftable-toolbar-item-text{display:inline-block;margin:2px;vertical-align:middle}div.ftable-main-container div.ftable-title .ftable-close-button+div.ftable-toolbar{margin-right:30px}div.ftable-main-container table.ftable{width:100%}div.ftable-main-container table.ftable thead th{padding:0 3px 0 6px;vertical-align:middle;text-align:left}div.ftable-main-container table.ftable thead th.ftable-column-header{height:1px}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container{position:relative;display:table;width:100%;height:100%!important}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container span.ftable-column-header-text{display:table-cell;vertical-align:middle;padding-top:4px;padding-bottom:3px}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container div.ftable-column-resize-handler{position:absolute;display:table-cell;vertical-align:middle;height:100%;width:8px;right:-8px;z-index:2;cursor:col-resize}div.ftable-main-container table.ftable thead th.ftable-command-column-header{text-align:center}div.ftable-main-container table.ftable thead th.ftable-column-header-select{text-align:center;width:1%}div.ftable-main-container table.ftable thead th.ftable-column-header-select input{cursor:pointer}div.ftable-main-container table.ftable thead th.ftable-column-header-sortable{cursor:pointer}div.ftable-main-container table.ftable tbody tr>td .ftable-command-button{margin:5px;padding:0;cursor:pointer;border:none;display:inline}div.ftable-main-container table.ftable tbody tr>td .ftable-command-button span{display:none}div.ftable-main-container table.ftable tbody tr>td.ftable-command-column{text-align:center;vertical-align:middle}div.ftable-main-container table.ftable tbody tr>td.ftable-selecting-column{text-align:center;vertical-align:middle}div.ftable-main-container table.ftable tbody tr>td.ftable-selecting-column input{cursor:pointer}div.ftable-main-container table.ftable tbody tr.ftable-no-data-row{text-align:center}div.ftable-main-container>div.ftable-bottom-panel{position:relative;min-height:24px;text-align:left}div.ftable-main-container>div.ftable-bottom-panel div.ftable-right-area{right:0;top:0;bottom:0;position:absolute}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list{display:inline-block}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{padding:2px 5px;display:inline-block;cursor:pointer}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{cursor:default}div.ftable-main-container>div.ftable-bottom-panel span.ftable-page-size-change{margin-left:5px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-goto-page{margin-left:5px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-goto-page input[type=text]{width:22px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-page-info{vertical-align:middle}div.ftable-main-container div.ftable-column-resize-bar{opacity:.5;position:absolute;width:1px;background-color:#000}form.ftable-dialog-form div.ftable-input-field-container{padding:2px 0 3px 0;border-bottom:1px solid #ddd}form.ftable-dialog-form div.ftable-input-field-container:last-child{border:none}form.ftable-dialog-form div.ftable-input-label{padding:2px 3px;font-size:1.1em;color:#666}form.ftable-dialog-form div.ftable-input{padding:2px}form.ftable-dialog-form span.ftable-option-text-clickable{position:relative;top:-2px}form.ftable-dialog-form div.ftable-textarea-input textarea{width:300px;min-height:60px}form.ftable-dialog-form div.ftable-checkbox-input span,form.ftable-dialog-form div.ftable-radio-input span{padding-left:4px}form.ftable-dialog-form div.ftable-checkbox-input input,form.ftable-dialog-form div.ftable-radio-input input,form.ftable-dialog-form span.ftable-option-text-clickable{cursor:pointer}.ftable-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:none}.ftable-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.3);z-index:1001;max-width:90%;max-height:90vh;overflow:auto}.ftable-modal-header{margin-bottom:15px;margin-top:0;padding-bottom:10px;border-bottom:1px solid #eee}.ftable-modal-footer{margin-top:15px;padding-top:10px;border-top:1px solid #eee;text-align:right}.ftable-modal-close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:28px;font-weight:700;color:#aaa}.ftable-busy-modal{padding:0}.ftable-dialog-button{opacity:.8;border:1px solid #ccc;padding:5px;margin:5px}.ftable-dialog-button:hover{background-color:#dedede}div.ftable-busy-message{cursor:wait;margin:0}div.ftable-contextmenu-overlay{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100}.ftable-table-div{display:block;overflow-x:auto}.ftable-table-div>table{overflow:hidden}.ftable-toolbarsearch{width:90%;min-width:fit-content}th.ftable-toolbarsearch-reset{text-align:center!important}div.ftable-column-selection-container{position:absolute;border:1px solid #c8c8c8;background:#fff;color:#000;z-index:101;padding:5px}div.ftable-column-selection-container ul.ftable-column-select-list{margin:0;padding:0;list-style:none}div.ftable-column-selection-container ul.ftable-column-select-list li{margin:0;padding:2px 0}div.ftable-column-selection-container ul.ftable-column-select-list li label span{position:relative;top:-1px;margin-left:4px}div.ftable-column-selection-container ul.ftable-column-select-list li input[type=checkbox]{cursor:pointer}.ftable-yesno-check-wrapper{display:flex;align-items:center}.ftable-yesno-check-text:before{content:attr(data-no)}.ftable-yesno-check-input:checked~.ftable-yesno-check-text:before{content:attr(data-yes)}div.ftable-main-container div.ftable-title div.ftable-title-text{font-size:16px;font-weight:700}div.ftable-main-container div.ftable-title .ftable-close-button{background:url('close.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable thead th.ftable-column-header-sortable div.ftable-column-header-container{background:url('column-sortable.png') no-repeat right}div.ftable-main-container table.ftable thead th.ftable-column-header-sorted-asc div.ftable-column-header-container{background:url('column-asc.png') no-repeat right}div.ftable-main-container table.ftable thead th.ftable-column-header-sorted-desc div.ftable-column-header-container{background:url('column-desc.png') no-repeat right}div.ftable-main-container table.ftable tbody>tr>td .ftable-edit-command-button{background:url('edit.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr>td .ftable-clone-command-button{background:url('clone.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr>td .ftable-delete-command-button{background:url('delete.png') no-repeat;width:16px;height:16px}div.ftable-busy-message{color:#000;background-color:#ddd;font-size:1.25em}

package/themes/ftable_theme_base.less

@@ -591,4 +591,18 @@
             }
         }
     }
+
+    .ftable-yesno-check-wrapper {
+        display: flex;
+        align-items: center;
+    }
+
+    .ftable-yesno-check-text:before {
+        content: attr(data-no);
+    }
+
+    .ftable-yesno-check-input:checked ~ .ftable-yesno-check-text:before {
+        content: attr(data-yes);
+    }
+
 }

package/themes/lightcolor/blue/ftable.css

@@ -315,6 +315,16 @@ div.ftable-column-selection-container ul.ftable-column-select-list li label span
 div.ftable-column-selection-container ul.ftable-column-select-list li input[type="checkbox"] {
   cursor: pointer;
 }
+.ftable-yesno-check-wrapper {
+  display: flex;
+  align-items: center;
+}
+.ftable-yesno-check-text:before {
+  content: attr(data-no);
+}
+.ftable-yesno-check-input:checked ~ .ftable-yesno-check-text:before {
+  content: attr(data-yes);
+}
 div.ftable-main-container {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1em;

package/themes/lightcolor/blue/ftable.min.css

@@ -1 +1 @@
-div.ftable-main-container{position:relative}div.ftable-main-container div.ftable-title{position:relative;text-align:left}div.ftable-main-container div.ftable-title .ftable-close-button{right:0;top:0;bottom:0;position:absolute}div.ftable-main-container div.ftable-title div.ftable-toolbar{bottom:0;right:0;position:absolute;display:inline-block;margin-right:5px}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item{position:relative;display:inline-block;margin:0 0 0 5px;cursor:pointer;font-size:.9em;padding:2px;vertical-align:bottom}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item span.ftable-toolbar-item-icon{display:inline-block;margin:2px;vertical-align:middle;width:16px;height:16px}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item span.ftable-toolbar-item-text{display:inline-block;margin:2px;vertical-align:middle}div.ftable-main-container div.ftable-title .ftable-close-button+div.ftable-toolbar{margin-right:30px}div.ftable-main-container table.ftable{width:100%}div.ftable-main-container table.ftable thead th{padding:0 3px 0 6px;vertical-align:middle;text-align:left}div.ftable-main-container table.ftable thead th.ftable-column-header{height:1px}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container{position:relative;display:table;width:100%;height:100%!important}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container span.ftable-column-header-text{display:table-cell;vertical-align:middle;padding-top:4px;padding-bottom:3px}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container div.ftable-column-resize-handler{position:absolute;display:table-cell;vertical-align:middle;height:100%;width:8px;right:-8px;z-index:2;cursor:col-resize}div.ftable-main-container table.ftable thead th.ftable-command-column-header{text-align:center}div.ftable-main-container table.ftable thead th.ftable-column-header-select{text-align:center;width:1%}div.ftable-main-container table.ftable thead th.ftable-column-header-select input{cursor:pointer}div.ftable-main-container table.ftable thead th.ftable-column-header-sortable{cursor:pointer}div.ftable-main-container table.ftable tbody tr>td .ftable-command-button{margin:5px;padding:0;cursor:pointer;border:none;display:inline}div.ftable-main-container table.ftable tbody tr>td .ftable-command-button span{display:none}div.ftable-main-container table.ftable tbody tr>td.ftable-command-column{text-align:center;vertical-align:middle}div.ftable-main-container table.ftable tbody tr>td.ftable-selecting-column{text-align:center;vertical-align:middle}div.ftable-main-container table.ftable tbody tr>td.ftable-selecting-column input{cursor:pointer}div.ftable-main-container table.ftable tbody tr.ftable-no-data-row{text-align:center}div.ftable-main-container>div.ftable-bottom-panel{position:relative;min-height:24px;text-align:left}div.ftable-main-container>div.ftable-bottom-panel div.ftable-right-area{right:0;top:0;bottom:0;position:absolute}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list{display:inline-block}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{padding:2px 5px;display:inline-block;cursor:pointer}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{cursor:default}div.ftable-main-container>div.ftable-bottom-panel span.ftable-page-size-change{margin-left:5px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-goto-page{margin-left:5px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-goto-page input[type=text]{width:22px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-page-info{vertical-align:middle}div.ftable-main-container div.ftable-column-resize-bar{opacity:.5;position:absolute;width:1px;background-color:#000}form.ftable-dialog-form div.ftable-input-field-container{padding:2px 0 3px 0;border-bottom:1px solid #ddd}form.ftable-dialog-form div.ftable-input-field-container:last-child{border:none}form.ftable-dialog-form div.ftable-input-label{padding:2px 3px;font-size:1.1em;color:#666}form.ftable-dialog-form div.ftable-input{padding:2px}form.ftable-dialog-form span.ftable-option-text-clickable{position:relative;top:-2px}form.ftable-dialog-form div.ftable-textarea-input textarea{width:300px;min-height:60px}form.ftable-dialog-form div.ftable-checkbox-input span,form.ftable-dialog-form div.ftable-radio-input span{padding-left:4px}form.ftable-dialog-form div.ftable-checkbox-input input,form.ftable-dialog-form div.ftable-radio-input input,form.ftable-dialog-form span.ftable-option-text-clickable{cursor:pointer}.ftable-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:none}.ftable-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.3);z-index:1001;max-width:90%;max-height:90vh;overflow:auto}.ftable-modal-header{margin-bottom:15px;margin-top:0;padding-bottom:10px;border-bottom:1px solid #eee}.ftable-modal-footer{margin-top:15px;padding-top:10px;border-top:1px solid #eee;text-align:right}.ftable-modal-close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:28px;font-weight:700;color:#aaa}.ftable-busy-modal{padding:0}.ftable-dialog-button{opacity:.8;border:1px solid #ccc;padding:5px;margin:5px}.ftable-dialog-button:hover{background-color:#dedede}div.ftable-busy-message{cursor:wait;margin:0}div.ftable-contextmenu-overlay{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100}.ftable-table-div{display:block;overflow-x:auto}.ftable-table-div>table{overflow:hidden}.ftable-toolbarsearch{width:90%;min-width:fit-content}th.ftable-toolbarsearch-reset{text-align:center!important}div.ftable-column-selection-container{position:absolute;border:1px solid #c8c8c8;background:#fff;color:#000;z-index:101;padding:5px}div.ftable-column-selection-container ul.ftable-column-select-list{margin:0;padding:0;list-style:none}div.ftable-column-selection-container ul.ftable-column-select-list li{margin:0;padding:2px 0}div.ftable-column-selection-container ul.ftable-column-select-list li label span{position:relative;top:-1px;margin-left:4px}div.ftable-column-selection-container ul.ftable-column-select-list li input[type=checkbox]{cursor:pointer}div.ftable-main-container{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:400;color:#222}div.ftable-main-container div.ftable-title{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;position:relative;line-height:34px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,.5);padding-left:10px;border:1px solid}div.ftable-main-container div.ftable-title div.ftable-title-text{font-weight:700}div.ftable-main-container div.ftable-title .ftable-close-button{right:6px;top:6px;bottom:6px;position:absolute;opacity:.8;background:url('../close.png') no-repeat;width:22px;height:22px}div.ftable-main-container div.ftable-title .ftable-close-button:hover{opacity:1}div.ftable-main-container div.ftable-title div.ftable-toolbar{bottom:0;right:0;position:absolute;line-height:26px}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item.ftable-toolbar-item-add-record span.ftable-toolbar-item-icon{background-image:url('../add.png')}div.ftable-main-container table.ftable{border-collapse:collapse;border-spacing:0;border-top:0;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8}div.ftable-main-container table.ftable thead{background:url('../bg-thead.png') repeat-x scroll top left #ddd;border-bottom:1px solid #c8c8c8}div.ftable-main-container table.ftable thead th{border-left:1px solid #fff;border-right:1px solid #c8c8c8}div.ftable-main-container table.ftable thead th:first-child{border-left:none}div.ftable-main-container table.ftable thead thth:last-child{border-right:none}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container{height:20px}div.ftable-main-container table.ftable thead th.ftable-column-header span.ftable-column-header-text{margin-top:3px}div.ftable-main-container table.ftable thead th.ftable-column-header-select{padding:5px}div.ftable-main-container table.ftable thead th.ftable-column-header-sortable div.ftable-column-header-container{background:url('../column-sortable.png') no-repeat right}div.ftable-main-container table.ftable thead th.ftable-column-header-sorted-asc div.ftable-column-header-container{background:url('../column-asc.png') no-repeat right}div.ftable-main-container table.ftable thead th.ftable-column-header-sorted-desc div.ftable-column-header-container{background:url('../column-desc.png') no-repeat right}div.ftable-main-container table.ftable tbody>tr{padding:2px;background:#f8f8f8;height:30px}div.ftable-main-container table.ftable tbody>tr>td{padding:5px;border-left:1px dotted #bebebe}div.ftable-main-container table.ftable tbody>tr>td:first-child{border-left:none}div.ftable-main-container table.ftable tbody>tr>td .ftable-edit-command-button{background:url('../edit.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr>td .ftable-clone-command-button{background:url('../clone.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr>td .ftable-delete-command-button{background:url('../delete.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr.ftable-row-even{background:#f0f0f0}div.ftable-main-container table.ftable tbody>tr:hover{background:#e8eaef}div.ftable-main-container table.ftable tbody>tr.ftable-row-selected{-webkit-text-shadow:0 1px 0 #333;text-shadow:0 1px 0 #333;color:#fcfcfc}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td{background-color:#bbb;padding:2px 1px 2px 2px}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable{border:none;border-bottom:1px solid #c8c8c8}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable-bottom-panel,div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable-title{-webkit-border-radius:0px;-moz-border-radius:0;border-radius:0;border:none}div.ftable-main-container div.ftable-bottom-panel{-webkit-border-radius:0px 0px 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;padding:1px;background:#fff;border:1px solid #c8c8c8;border-top:none;min-height:24px;line-height:16px;font-size:.9em}div.ftable-main-container div.ftable-bottom-panel div.ftable-right-area{padding:2px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list{margin:2px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{-webkit-text-shadow:0 1px 0 white;text-shadow:0 1px 0 #fff;background-color:#ebebeb;border-style:solid;border-width:1px;border-color:#fff #b5b5b5 #b5b5b5 #fff;padding:2px 5px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number:hover{background-color:#ddd}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active{-webkit-text-shadow:0 1px 0 #666;text-shadow:0 1px 0 #666;color:#fcfcfc}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled{opacity:.5}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled.ftable-page-number-active{opacity:1}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled:hover{background-color:#ebebeb}div.ftable-main-container div.ftable-bottom-panel .ftable-page-info{display:inline-block;padding:4px}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record{margin:3px}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a{font-weight:700;text-decoration:none}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a:hover{text-decoration:underline}form.ftable-dialog-form{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:400}form.ftable-dialog-form div.ftable-input-label{font-weight:700}div.ftable-busy-message{-webkit-text-shadow:0 1px 0 #333;text-shadow:0 1px 0 #333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:2px 2px 4px rgba(50,51,50,.75);-moz-box-shadow:2px 2px 4px rgba(50,51,50,.75);box-shadow:2px 2px 4px rgba(50,51,50,.75);color:#fff;border:1px solid;padding:3px 5px 5px 27px;background:url('../blue/loading.gif') no-repeat;background-position:5px}div.ftable-column-selection-container{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:2px 2px 4px rgba(50,51,50,.75);-moz-box-shadow:2px 2px 4px rgba(50,51,50,.75);box-shadow:2px 2px 4px rgba(50,51,50,.75)}div.ftable-main-container div.ftable-title{background:#78b1ed;background:-moz-linear-gradient(top,#78b1ed 0,#417bb5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#78b1ed),color-stop(100%,#417bb5));background:-webkit-linear-gradient(top,#78b1ed 0,#417bb5 100%);background:-o-linear-gradient(top,#78b1ed 0,#417bb5 100%);background:-ms-linear-gradient(top,#78b1ed 0,#417bb5 100%);background:linear-gradient(to bottom,#78b1ed 0,#417bb5 100%);border-color:#2b5177}div.ftable-main-container div.ftable-title div.ftable-title-text{-webkit-text-shadow:0 1px 0 #666;text-shadow:0 1px 0 #666;color:#fff}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item{color:#fff}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item.ftable-toolbar-item-hover{background-color:#417bb5}div.ftable-main-container table.ftable tbody>tr.ftable-row-selected,div.ftable-main-container table.ftable tbody>tr.ftable-row-selected:hover{background-color:#5f9cdc}div.ftable-main-container table.ftable tbody>tr.ftable-row-created,div.ftable-main-container table.ftable tbody>tr.ftable-row-deleting,div.ftable-main-container table.ftable tbody>tr.ftable-row-updated{background-color:#5f9cdc}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active:hover{background-color:#2b5177;border-color:#092f55}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a{color:#2b5177}div.ftable-busy-message{border-color:#2b5177;background-color:#78b1ed}
+div.ftable-main-container{position:relative}div.ftable-main-container div.ftable-title{position:relative;text-align:left}div.ftable-main-container div.ftable-title .ftable-close-button{right:0;top:0;bottom:0;position:absolute}div.ftable-main-container div.ftable-title div.ftable-toolbar{bottom:0;right:0;position:absolute;display:inline-block;margin-right:5px}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item{position:relative;display:inline-block;margin:0 0 0 5px;cursor:pointer;font-size:.9em;padding:2px;vertical-align:bottom}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item span.ftable-toolbar-item-icon{display:inline-block;margin:2px;vertical-align:middle;width:16px;height:16px}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item span.ftable-toolbar-item-text{display:inline-block;margin:2px;vertical-align:middle}div.ftable-main-container div.ftable-title .ftable-close-button+div.ftable-toolbar{margin-right:30px}div.ftable-main-container table.ftable{width:100%}div.ftable-main-container table.ftable thead th{padding:0 3px 0 6px;vertical-align:middle;text-align:left}div.ftable-main-container table.ftable thead th.ftable-column-header{height:1px}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container{position:relative;display:table;width:100%;height:100%!important}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container span.ftable-column-header-text{display:table-cell;vertical-align:middle;padding-top:4px;padding-bottom:3px}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container div.ftable-column-resize-handler{position:absolute;display:table-cell;vertical-align:middle;height:100%;width:8px;right:-8px;z-index:2;cursor:col-resize}div.ftable-main-container table.ftable thead th.ftable-command-column-header{text-align:center}div.ftable-main-container table.ftable thead th.ftable-column-header-select{text-align:center;width:1%}div.ftable-main-container table.ftable thead th.ftable-column-header-select input{cursor:pointer}div.ftable-main-container table.ftable thead th.ftable-column-header-sortable{cursor:pointer}div.ftable-main-container table.ftable tbody tr>td .ftable-command-button{margin:5px;padding:0;cursor:pointer;border:none;display:inline}div.ftable-main-container table.ftable tbody tr>td .ftable-command-button span{display:none}div.ftable-main-container table.ftable tbody tr>td.ftable-command-column{text-align:center;vertical-align:middle}div.ftable-main-container table.ftable tbody tr>td.ftable-selecting-column{text-align:center;vertical-align:middle}div.ftable-main-container table.ftable tbody tr>td.ftable-selecting-column input{cursor:pointer}div.ftable-main-container table.ftable tbody tr.ftable-no-data-row{text-align:center}div.ftable-main-container>div.ftable-bottom-panel{position:relative;min-height:24px;text-align:left}div.ftable-main-container>div.ftable-bottom-panel div.ftable-right-area{right:0;top:0;bottom:0;position:absolute}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list{display:inline-block}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{padding:2px 5px;display:inline-block;cursor:pointer}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{cursor:default}div.ftable-main-container>div.ftable-bottom-panel span.ftable-page-size-change{margin-left:5px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-goto-page{margin-left:5px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-goto-page input[type=text]{width:22px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-page-info{vertical-align:middle}div.ftable-main-container div.ftable-column-resize-bar{opacity:.5;position:absolute;width:1px;background-color:#000}form.ftable-dialog-form div.ftable-input-field-container{padding:2px 0 3px 0;border-bottom:1px solid #ddd}form.ftable-dialog-form div.ftable-input-field-container:last-child{border:none}form.ftable-dialog-form div.ftable-input-label{padding:2px 3px;font-size:1.1em;color:#666}form.ftable-dialog-form div.ftable-input{padding:2px}form.ftable-dialog-form span.ftable-option-text-clickable{position:relative;top:-2px}form.ftable-dialog-form div.ftable-textarea-input textarea{width:300px;min-height:60px}form.ftable-dialog-form div.ftable-checkbox-input span,form.ftable-dialog-form div.ftable-radio-input span{padding-left:4px}form.ftable-dialog-form div.ftable-checkbox-input input,form.ftable-dialog-form div.ftable-radio-input input,form.ftable-dialog-form span.ftable-option-text-clickable{cursor:pointer}.ftable-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:none}.ftable-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.3);z-index:1001;max-width:90%;max-height:90vh;overflow:auto}.ftable-modal-header{margin-bottom:15px;margin-top:0;padding-bottom:10px;border-bottom:1px solid #eee}.ftable-modal-footer{margin-top:15px;padding-top:10px;border-top:1px solid #eee;text-align:right}.ftable-modal-close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:28px;font-weight:700;color:#aaa}.ftable-busy-modal{padding:0}.ftable-dialog-button{opacity:.8;border:1px solid #ccc;padding:5px;margin:5px}.ftable-dialog-button:hover{background-color:#dedede}div.ftable-busy-message{cursor:wait;margin:0}div.ftable-contextmenu-overlay{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100}.ftable-table-div{display:block;overflow-x:auto}.ftable-table-div>table{overflow:hidden}.ftable-toolbarsearch{width:90%;min-width:fit-content}th.ftable-toolbarsearch-reset{text-align:center!important}div.ftable-column-selection-container{position:absolute;border:1px solid #c8c8c8;background:#fff;color:#000;z-index:101;padding:5px}div.ftable-column-selection-container ul.ftable-column-select-list{margin:0;padding:0;list-style:none}div.ftable-column-selection-container ul.ftable-column-select-list li{margin:0;padding:2px 0}div.ftable-column-selection-container ul.ftable-column-select-list li label span{position:relative;top:-1px;margin-left:4px}div.ftable-column-selection-container ul.ftable-column-select-list li input[type=checkbox]{cursor:pointer}.ftable-yesno-check-wrapper{display:flex;align-items:center}.ftable-yesno-check-text:before{content:attr(data-no)}.ftable-yesno-check-input:checked~.ftable-yesno-check-text:before{content:attr(data-yes)}div.ftable-main-container{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:400;color:#222}div.ftable-main-container div.ftable-title{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;position:relative;line-height:34px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,.5);padding-left:10px;border:1px solid}div.ftable-main-container div.ftable-title div.ftable-title-text{font-weight:700}div.ftable-main-container div.ftable-title .ftable-close-button{right:6px;top:6px;bottom:6px;position:absolute;opacity:.8;background:url('../close.png') no-repeat;width:22px;height:22px}div.ftable-main-container div.ftable-title .ftable-close-button:hover{opacity:1}div.ftable-main-container div.ftable-title div.ftable-toolbar{bottom:0;right:0;position:absolute;line-height:26px}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item.ftable-toolbar-item-add-record span.ftable-toolbar-item-icon{background-image:url('../add.png')}div.ftable-main-container table.ftable{border-collapse:collapse;border-spacing:0;border-top:0;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8}div.ftable-main-container table.ftable thead{background:url('../bg-thead.png') repeat-x scroll top left #ddd;border-bottom:1px solid #c8c8c8}div.ftable-main-container table.ftable thead th{border-left:1px solid #fff;border-right:1px solid #c8c8c8}div.ftable-main-container table.ftable thead th:first-child{border-left:none}div.ftable-main-container table.ftable thead thth:last-child{border-right:none}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container{height:20px}div.ftable-main-container table.ftable thead th.ftable-column-header span.ftable-column-header-text{margin-top:3px}div.ftable-main-container table.ftable thead th.ftable-column-header-select{padding:5px}div.ftable-main-container table.ftable thead th.ftable-column-header-sortable div.ftable-column-header-container{background:url('../column-sortable.png') no-repeat right}div.ftable-main-container table.ftable thead th.ftable-column-header-sorted-asc div.ftable-column-header-container{background:url('../column-asc.png') no-repeat right}div.ftable-main-container table.ftable thead th.ftable-column-header-sorted-desc div.ftable-column-header-container{background:url('../column-desc.png') no-repeat right}div.ftable-main-container table.ftable tbody>tr{padding:2px;background:#f8f8f8;height:30px}div.ftable-main-container table.ftable tbody>tr>td{padding:5px;border-left:1px dotted #bebebe}div.ftable-main-container table.ftable tbody>tr>td:first-child{border-left:none}div.ftable-main-container table.ftable tbody>tr>td .ftable-edit-command-button{background:url('../edit.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr>td .ftable-clone-command-button{background:url('../clone.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr>td .ftable-delete-command-button{background:url('../delete.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr.ftable-row-even{background:#f0f0f0}div.ftable-main-container table.ftable tbody>tr:hover{background:#e8eaef}div.ftable-main-container table.ftable tbody>tr.ftable-row-selected{-webkit-text-shadow:0 1px 0 #333;text-shadow:0 1px 0 #333;color:#fcfcfc}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td{background-color:#bbb;padding:2px 1px 2px 2px}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable{border:none;border-bottom:1px solid #c8c8c8}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable-bottom-panel,div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable-title{-webkit-border-radius:0px;-moz-border-radius:0;border-radius:0;border:none}div.ftable-main-container div.ftable-bottom-panel{-webkit-border-radius:0px 0px 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;padding:1px;background:#fff;border:1px solid #c8c8c8;border-top:none;min-height:24px;line-height:16px;font-size:.9em}div.ftable-main-container div.ftable-bottom-panel div.ftable-right-area{padding:2px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list{margin:2px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{-webkit-text-shadow:0 1px 0 white;text-shadow:0 1px 0 #fff;background-color:#ebebeb;border-style:solid;border-width:1px;border-color:#fff #b5b5b5 #b5b5b5 #fff;padding:2px 5px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number:hover{background-color:#ddd}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active{-webkit-text-shadow:0 1px 0 #666;text-shadow:0 1px 0 #666;color:#fcfcfc}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled{opacity:.5}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled.ftable-page-number-active{opacity:1}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled:hover{background-color:#ebebeb}div.ftable-main-container div.ftable-bottom-panel .ftable-page-info{display:inline-block;padding:4px}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record{margin:3px}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a{font-weight:700;text-decoration:none}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a:hover{text-decoration:underline}form.ftable-dialog-form{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:400}form.ftable-dialog-form div.ftable-input-label{font-weight:700}div.ftable-busy-message{-webkit-text-shadow:0 1px 0 #333;text-shadow:0 1px 0 #333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:2px 2px 4px rgba(50,51,50,.75);-moz-box-shadow:2px 2px 4px rgba(50,51,50,.75);box-shadow:2px 2px 4px rgba(50,51,50,.75);color:#fff;border:1px solid;padding:3px 5px 5px 27px;background:url('../blue/loading.gif') no-repeat;background-position:5px}div.ftable-column-selection-container{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:2px 2px 4px rgba(50,51,50,.75);-moz-box-shadow:2px 2px 4px rgba(50,51,50,.75);box-shadow:2px 2px 4px rgba(50,51,50,.75)}div.ftable-main-container div.ftable-title{background:#78b1ed;background:-moz-linear-gradient(top,#78b1ed 0,#417bb5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#78b1ed),color-stop(100%,#417bb5));background:-webkit-linear-gradient(top,#78b1ed 0,#417bb5 100%);background:-o-linear-gradient(top,#78b1ed 0,#417bb5 100%);background:-ms-linear-gradient(top,#78b1ed 0,#417bb5 100%);background:linear-gradient(to bottom,#78b1ed 0,#417bb5 100%);border-color:#2b5177}div.ftable-main-container div.ftable-title div.ftable-title-text{-webkit-text-shadow:0 1px 0 #666;text-shadow:0 1px 0 #666;color:#fff}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item{color:#fff}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item.ftable-toolbar-item-hover{background-color:#417bb5}div.ftable-main-container table.ftable tbody>tr.ftable-row-selected,div.ftable-main-container table.ftable tbody>tr.ftable-row-selected:hover{background-color:#5f9cdc}div.ftable-main-container table.ftable tbody>tr.ftable-row-created,div.ftable-main-container table.ftable tbody>tr.ftable-row-deleting,div.ftable-main-container table.ftable tbody>tr.ftable-row-updated{background-color:#5f9cdc}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active:hover{background-color:#2b5177;border-color:#092f55}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a{color:#2b5177}div.ftable-busy-message{border-color:#2b5177;background-color:#78b1ed}

package/themes/lightcolor/gray/ftable.css

@@ -315,6 +315,16 @@ div.ftable-column-selection-container ul.ftable-column-select-list li label span
 div.ftable-column-selection-container ul.ftable-column-select-list li input[type="checkbox"] {
   cursor: pointer;
 }
+.ftable-yesno-check-wrapper {
+  display: flex;
+  align-items: center;
+}
+.ftable-yesno-check-text:before {
+  content: attr(data-no);
+}
+.ftable-yesno-check-input:checked ~ .ftable-yesno-check-text:before {
+  content: attr(data-yes);
+}
 div.ftable-main-container {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1em;

package/themes/lightcolor/gray/ftable.min.css

@@ -1 +1 @@
-div.ftable-main-container{position:relative}div.ftable-main-container div.ftable-title{position:relative;text-align:left}div.ftable-main-container div.ftable-title .ftable-close-button{right:0;top:0;bottom:0;position:absolute}div.ftable-main-container div.ftable-title div.ftable-toolbar{bottom:0;right:0;position:absolute;display:inline-block;margin-right:5px}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item{position:relative;display:inline-block;margin:0 0 0 5px;cursor:pointer;font-size:.9em;padding:2px;vertical-align:bottom}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item span.ftable-toolbar-item-icon{display:inline-block;margin:2px;vertical-align:middle;width:16px;height:16px}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item span.ftable-toolbar-item-text{display:inline-block;margin:2px;vertical-align:middle}div.ftable-main-container div.ftable-title .ftable-close-button+div.ftable-toolbar{margin-right:30px}div.ftable-main-container table.ftable{width:100%}div.ftable-main-container table.ftable thead th{padding:0 3px 0 6px;vertical-align:middle;text-align:left}div.ftable-main-container table.ftable thead th.ftable-column-header{height:1px}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container{position:relative;display:table;width:100%;height:100%!important}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container span.ftable-column-header-text{display:table-cell;vertical-align:middle;padding-top:4px;padding-bottom:3px}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container div.ftable-column-resize-handler{position:absolute;display:table-cell;vertical-align:middle;height:100%;width:8px;right:-8px;z-index:2;cursor:col-resize}div.ftable-main-container table.ftable thead th.ftable-command-column-header{text-align:center}div.ftable-main-container table.ftable thead th.ftable-column-header-select{text-align:center;width:1%}div.ftable-main-container table.ftable thead th.ftable-column-header-select input{cursor:pointer}div.ftable-main-container table.ftable thead th.ftable-column-header-sortable{cursor:pointer}div.ftable-main-container table.ftable tbody tr>td .ftable-command-button{margin:5px;padding:0;cursor:pointer;border:none;display:inline}div.ftable-main-container table.ftable tbody tr>td .ftable-command-button span{display:none}div.ftable-main-container table.ftable tbody tr>td.ftable-command-column{text-align:center;vertical-align:middle}div.ftable-main-container table.ftable tbody tr>td.ftable-selecting-column{text-align:center;vertical-align:middle}div.ftable-main-container table.ftable tbody tr>td.ftable-selecting-column input{cursor:pointer}div.ftable-main-container table.ftable tbody tr.ftable-no-data-row{text-align:center}div.ftable-main-container>div.ftable-bottom-panel{position:relative;min-height:24px;text-align:left}div.ftable-main-container>div.ftable-bottom-panel div.ftable-right-area{right:0;top:0;bottom:0;position:absolute}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list{display:inline-block}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{padding:2px 5px;display:inline-block;cursor:pointer}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{cursor:default}div.ftable-main-container>div.ftable-bottom-panel span.ftable-page-size-change{margin-left:5px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-goto-page{margin-left:5px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-goto-page input[type=text]{width:22px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-page-info{vertical-align:middle}div.ftable-main-container div.ftable-column-resize-bar{opacity:.5;position:absolute;width:1px;background-color:#000}form.ftable-dialog-form div.ftable-input-field-container{padding:2px 0 3px 0;border-bottom:1px solid #ddd}form.ftable-dialog-form div.ftable-input-field-container:last-child{border:none}form.ftable-dialog-form div.ftable-input-label{padding:2px 3px;font-size:1.1em;color:#666}form.ftable-dialog-form div.ftable-input{padding:2px}form.ftable-dialog-form span.ftable-option-text-clickable{position:relative;top:-2px}form.ftable-dialog-form div.ftable-textarea-input textarea{width:300px;min-height:60px}form.ftable-dialog-form div.ftable-checkbox-input span,form.ftable-dialog-form div.ftable-radio-input span{padding-left:4px}form.ftable-dialog-form div.ftable-checkbox-input input,form.ftable-dialog-form div.ftable-radio-input input,form.ftable-dialog-form span.ftable-option-text-clickable{cursor:pointer}.ftable-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:none}.ftable-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.3);z-index:1001;max-width:90%;max-height:90vh;overflow:auto}.ftable-modal-header{margin-bottom:15px;margin-top:0;padding-bottom:10px;border-bottom:1px solid #eee}.ftable-modal-footer{margin-top:15px;padding-top:10px;border-top:1px solid #eee;text-align:right}.ftable-modal-close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:28px;font-weight:700;color:#aaa}.ftable-busy-modal{padding:0}.ftable-dialog-button{opacity:.8;border:1px solid #ccc;padding:5px;margin:5px}.ftable-dialog-button:hover{background-color:#dedede}div.ftable-busy-message{cursor:wait;margin:0}div.ftable-contextmenu-overlay{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100}.ftable-table-div{display:block;overflow-x:auto}.ftable-table-div>table{overflow:hidden}.ftable-toolbarsearch{width:90%;min-width:fit-content}th.ftable-toolbarsearch-reset{text-align:center!important}div.ftable-column-selection-container{position:absolute;border:1px solid #c8c8c8;background:#fff;color:#000;z-index:101;padding:5px}div.ftable-column-selection-container ul.ftable-column-select-list{margin:0;padding:0;list-style:none}div.ftable-column-selection-container ul.ftable-column-select-list li{margin:0;padding:2px 0}div.ftable-column-selection-container ul.ftable-column-select-list li label span{position:relative;top:-1px;margin-left:4px}div.ftable-column-selection-container ul.ftable-column-select-list li input[type=checkbox]{cursor:pointer}div.ftable-main-container{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:400;color:#222}div.ftable-main-container div.ftable-title{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;position:relative;line-height:34px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,.5);padding-left:10px;border:1px solid}div.ftable-main-container div.ftable-title div.ftable-title-text{font-weight:700}div.ftable-main-container div.ftable-title .ftable-close-button{right:6px;top:6px;bottom:6px;position:absolute;opacity:.8;background:url('../close.png') no-repeat;width:22px;height:22px}div.ftable-main-container div.ftable-title .ftable-close-button:hover{opacity:1}div.ftable-main-container div.ftable-title div.ftable-toolbar{bottom:0;right:0;position:absolute;line-height:26px}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item.ftable-toolbar-item-add-record span.ftable-toolbar-item-icon{background-image:url('../add.png')}div.ftable-main-container table.ftable{border-collapse:collapse;border-spacing:0;border-top:0;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8}div.ftable-main-container table.ftable thead{background:url('../bg-thead.png') repeat-x scroll top left #ddd;border-bottom:1px solid #c8c8c8}div.ftable-main-container table.ftable thead th{border-left:1px solid #fff;border-right:1px solid #c8c8c8}div.ftable-main-container table.ftable thead th:first-child{border-left:none}div.ftable-main-container table.ftable thead thth:last-child{border-right:none}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container{height:20px}div.ftable-main-container table.ftable thead th.ftable-column-header span.ftable-column-header-text{margin-top:3px}div.ftable-main-container table.ftable thead th.ftable-column-header-select{padding:5px}div.ftable-main-container table.ftable thead th.ftable-column-header-sortable div.ftable-column-header-container{background:url('../column-sortable.png') no-repeat right}div.ftable-main-container table.ftable thead th.ftable-column-header-sorted-asc div.ftable-column-header-container{background:url('../column-asc.png') no-repeat right}div.ftable-main-container table.ftable thead th.ftable-column-header-sorted-desc div.ftable-column-header-container{background:url('../column-desc.png') no-repeat right}div.ftable-main-container table.ftable tbody>tr{padding:2px;background:#f8f8f8;height:30px}div.ftable-main-container table.ftable tbody>tr>td{padding:5px;border-left:1px dotted #bebebe}div.ftable-main-container table.ftable tbody>tr>td:first-child{border-left:none}div.ftable-main-container table.ftable tbody>tr>td .ftable-edit-command-button{background:url('../edit.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr>td .ftable-clone-command-button{background:url('../clone.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr>td .ftable-delete-command-button{background:url('../delete.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr.ftable-row-even{background:#f0f0f0}div.ftable-main-container table.ftable tbody>tr:hover{background:#e8eaef}div.ftable-main-container table.ftable tbody>tr.ftable-row-selected{-webkit-text-shadow:0 1px 0 #333;text-shadow:0 1px 0 #333;color:#fcfcfc}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td{background-color:#bbb;padding:2px 1px 2px 2px}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable{border:none;border-bottom:1px solid #c8c8c8}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable-bottom-panel,div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable-title{-webkit-border-radius:0px;-moz-border-radius:0;border-radius:0;border:none}div.ftable-main-container div.ftable-bottom-panel{-webkit-border-radius:0px 0px 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;padding:1px;background:#fff;border:1px solid #c8c8c8;border-top:none;min-height:24px;line-height:16px;font-size:.9em}div.ftable-main-container div.ftable-bottom-panel div.ftable-right-area{padding:2px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list{margin:2px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{-webkit-text-shadow:0 1px 0 white;text-shadow:0 1px 0 #fff;background-color:#ebebeb;border-style:solid;border-width:1px;border-color:#fff #b5b5b5 #b5b5b5 #fff;padding:2px 5px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number:hover{background-color:#ddd}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active{-webkit-text-shadow:0 1px 0 #666;text-shadow:0 1px 0 #666;color:#fcfcfc}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled{opacity:.5}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled.ftable-page-number-active{opacity:1}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled:hover{background-color:#ebebeb}div.ftable-main-container div.ftable-bottom-panel .ftable-page-info{display:inline-block;padding:4px}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record{margin:3px}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a{font-weight:700;text-decoration:none}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a:hover{text-decoration:underline}form.ftable-dialog-form{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:400}form.ftable-dialog-form div.ftable-input-label{font-weight:700}div.ftable-busy-message{-webkit-text-shadow:0 1px 0 #333;text-shadow:0 1px 0 #333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:2px 2px 4px rgba(50,51,50,.75);-moz-box-shadow:2px 2px 4px rgba(50,51,50,.75);box-shadow:2px 2px 4px rgba(50,51,50,.75);color:#fff;border:1px solid;padding:3px 5px 5px 27px;background:url('../gray/loading.gif') no-repeat;background-position:5px}div.ftable-column-selection-container{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:2px 2px 4px rgba(50,51,50,.75);-moz-box-shadow:2px 2px 4px rgba(50,51,50,.75);box-shadow:2px 2px 4px rgba(50,51,50,.75)}div.ftable-main-container div.ftable-title{background:#e8e8e8;background:-moz-linear-gradient(top,#e8e8e8 0,#bababa 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e8e8e8),color-stop(100%,#bababa));background:-webkit-linear-gradient(top,#e8e8e8 0,#bababa 100%);background:-o-linear-gradient(top,#e8e8e8 0,#bababa 100%);background:-ms-linear-gradient(top,#e8e8e8 0,#bababa 100%);background:linear-gradient(to bottom,#e8e8e8 0,#bababa 100%);border-color:#949494}div.ftable-main-container div.ftable-title div.ftable-title-text{-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;color:#000}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item{color:#000}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item.ftable-toolbar-item-hover{background-color:#a8a8a8}div.ftable-main-container table.ftable tbody>tr.ftable-row-selected,div.ftable-main-container table.ftable tbody>tr.ftable-row-selected:hover{background-color:#8e8e8e}div.ftable-main-container table.ftable tbody>tr.ftable-row-created,div.ftable-main-container table.ftable tbody>tr.ftable-row-deleting,div.ftable-main-container table.ftable tbody>tr.ftable-row-updated{background-color:#8e8e8e}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active:hover{background-color:#8e8e8e;border-color:#6c6c6c}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a{color:#5f5f5f}div.ftable-busy-message{border-color:#5f5f5f;background-color:#8e8e8e}
+div.ftable-main-container{position:relative}div.ftable-main-container div.ftable-title{position:relative;text-align:left}div.ftable-main-container div.ftable-title .ftable-close-button{right:0;top:0;bottom:0;position:absolute}div.ftable-main-container div.ftable-title div.ftable-toolbar{bottom:0;right:0;position:absolute;display:inline-block;margin-right:5px}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item{position:relative;display:inline-block;margin:0 0 0 5px;cursor:pointer;font-size:.9em;padding:2px;vertical-align:bottom}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item span.ftable-toolbar-item-icon{display:inline-block;margin:2px;vertical-align:middle;width:16px;height:16px}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item span.ftable-toolbar-item-text{display:inline-block;margin:2px;vertical-align:middle}div.ftable-main-container div.ftable-title .ftable-close-button+div.ftable-toolbar{margin-right:30px}div.ftable-main-container table.ftable{width:100%}div.ftable-main-container table.ftable thead th{padding:0 3px 0 6px;vertical-align:middle;text-align:left}div.ftable-main-container table.ftable thead th.ftable-column-header{height:1px}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container{position:relative;display:table;width:100%;height:100%!important}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container span.ftable-column-header-text{display:table-cell;vertical-align:middle;padding-top:4px;padding-bottom:3px}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container div.ftable-column-resize-handler{position:absolute;display:table-cell;vertical-align:middle;height:100%;width:8px;right:-8px;z-index:2;cursor:col-resize}div.ftable-main-container table.ftable thead th.ftable-command-column-header{text-align:center}div.ftable-main-container table.ftable thead th.ftable-column-header-select{text-align:center;width:1%}div.ftable-main-container table.ftable thead th.ftable-column-header-select input{cursor:pointer}div.ftable-main-container table.ftable thead th.ftable-column-header-sortable{cursor:pointer}div.ftable-main-container table.ftable tbody tr>td .ftable-command-button{margin:5px;padding:0;cursor:pointer;border:none;display:inline}div.ftable-main-container table.ftable tbody tr>td .ftable-command-button span{display:none}div.ftable-main-container table.ftable tbody tr>td.ftable-command-column{text-align:center;vertical-align:middle}div.ftable-main-container table.ftable tbody tr>td.ftable-selecting-column{text-align:center;vertical-align:middle}div.ftable-main-container table.ftable tbody tr>td.ftable-selecting-column input{cursor:pointer}div.ftable-main-container table.ftable tbody tr.ftable-no-data-row{text-align:center}div.ftable-main-container>div.ftable-bottom-panel{position:relative;min-height:24px;text-align:left}div.ftable-main-container>div.ftable-bottom-panel div.ftable-right-area{right:0;top:0;bottom:0;position:absolute}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list{display:inline-block}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{padding:2px 5px;display:inline-block;cursor:pointer}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{cursor:default}div.ftable-main-container>div.ftable-bottom-panel span.ftable-page-size-change{margin-left:5px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-goto-page{margin-left:5px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-goto-page input[type=text]{width:22px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-page-info{vertical-align:middle}div.ftable-main-container div.ftable-column-resize-bar{opacity:.5;position:absolute;width:1px;background-color:#000}form.ftable-dialog-form div.ftable-input-field-container{padding:2px 0 3px 0;border-bottom:1px solid #ddd}form.ftable-dialog-form div.ftable-input-field-container:last-child{border:none}form.ftable-dialog-form div.ftable-input-label{padding:2px 3px;font-size:1.1em;color:#666}form.ftable-dialog-form div.ftable-input{padding:2px}form.ftable-dialog-form span.ftable-option-text-clickable{position:relative;top:-2px}form.ftable-dialog-form div.ftable-textarea-input textarea{width:300px;min-height:60px}form.ftable-dialog-form div.ftable-checkbox-input span,form.ftable-dialog-form div.ftable-radio-input span{padding-left:4px}form.ftable-dialog-form div.ftable-checkbox-input input,form.ftable-dialog-form div.ftable-radio-input input,form.ftable-dialog-form span.ftable-option-text-clickable{cursor:pointer}.ftable-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:none}.ftable-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.3);z-index:1001;max-width:90%;max-height:90vh;overflow:auto}.ftable-modal-header{margin-bottom:15px;margin-top:0;padding-bottom:10px;border-bottom:1px solid #eee}.ftable-modal-footer{margin-top:15px;padding-top:10px;border-top:1px solid #eee;text-align:right}.ftable-modal-close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:28px;font-weight:700;color:#aaa}.ftable-busy-modal{padding:0}.ftable-dialog-button{opacity:.8;border:1px solid #ccc;padding:5px;margin:5px}.ftable-dialog-button:hover{background-color:#dedede}div.ftable-busy-message{cursor:wait;margin:0}div.ftable-contextmenu-overlay{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100}.ftable-table-div{display:block;overflow-x:auto}.ftable-table-div>table{overflow:hidden}.ftable-toolbarsearch{width:90%;min-width:fit-content}th.ftable-toolbarsearch-reset{text-align:center!important}div.ftable-column-selection-container{position:absolute;border:1px solid #c8c8c8;background:#fff;color:#000;z-index:101;padding:5px}div.ftable-column-selection-container ul.ftable-column-select-list{margin:0;padding:0;list-style:none}div.ftable-column-selection-container ul.ftable-column-select-list li{margin:0;padding:2px 0}div.ftable-column-selection-container ul.ftable-column-select-list li label span{position:relative;top:-1px;margin-left:4px}div.ftable-column-selection-container ul.ftable-column-select-list li input[type=checkbox]{cursor:pointer}.ftable-yesno-check-wrapper{display:flex;align-items:center}.ftable-yesno-check-text:before{content:attr(data-no)}.ftable-yesno-check-input:checked~.ftable-yesno-check-text:before{content:attr(data-yes)}div.ftable-main-container{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:400;color:#222}div.ftable-main-container div.ftable-title{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;position:relative;line-height:34px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,.5);padding-left:10px;border:1px solid}div.ftable-main-container div.ftable-title div.ftable-title-text{font-weight:700}div.ftable-main-container div.ftable-title .ftable-close-button{right:6px;top:6px;bottom:6px;position:absolute;opacity:.8;background:url('../close.png') no-repeat;width:22px;height:22px}div.ftable-main-container div.ftable-title .ftable-close-button:hover{opacity:1}div.ftable-main-container div.ftable-title div.ftable-toolbar{bottom:0;right:0;position:absolute;line-height:26px}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item.ftable-toolbar-item-add-record span.ftable-toolbar-item-icon{background-image:url('../add.png')}div.ftable-main-container table.ftable{border-collapse:collapse;border-spacing:0;border-top:0;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8}div.ftable-main-container table.ftable thead{background:url('../bg-thead.png') repeat-x scroll top left #ddd;border-bottom:1px solid #c8c8c8}div.ftable-main-container table.ftable thead th{border-left:1px solid #fff;border-right:1px solid #c8c8c8}div.ftable-main-container table.ftable thead th:first-child{border-left:none}div.ftable-main-container table.ftable thead thth:last-child{border-right:none}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container{height:20px}div.ftable-main-container table.ftable thead th.ftable-column-header span.ftable-column-header-text{margin-top:3px}div.ftable-main-container table.ftable thead th.ftable-column-header-select{padding:5px}div.ftable-main-container table.ftable thead th.ftable-column-header-sortable div.ftable-column-header-container{background:url('../column-sortable.png') no-repeat right}div.ftable-main-container table.ftable thead th.ftable-column-header-sorted-asc div.ftable-column-header-container{background:url('../column-asc.png') no-repeat right}div.ftable-main-container table.ftable thead th.ftable-column-header-sorted-desc div.ftable-column-header-container{background:url('../column-desc.png') no-repeat right}div.ftable-main-container table.ftable tbody>tr{padding:2px;background:#f8f8f8;height:30px}div.ftable-main-container table.ftable tbody>tr>td{padding:5px;border-left:1px dotted #bebebe}div.ftable-main-container table.ftable tbody>tr>td:first-child{border-left:none}div.ftable-main-container table.ftable tbody>tr>td .ftable-edit-command-button{background:url('../edit.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr>td .ftable-clone-command-button{background:url('../clone.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr>td .ftable-delete-command-button{background:url('../delete.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr.ftable-row-even{background:#f0f0f0}div.ftable-main-container table.ftable tbody>tr:hover{background:#e8eaef}div.ftable-main-container table.ftable tbody>tr.ftable-row-selected{-webkit-text-shadow:0 1px 0 #333;text-shadow:0 1px 0 #333;color:#fcfcfc}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td{background-color:#bbb;padding:2px 1px 2px 2px}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable{border:none;border-bottom:1px solid #c8c8c8}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable-bottom-panel,div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable-title{-webkit-border-radius:0px;-moz-border-radius:0;border-radius:0;border:none}div.ftable-main-container div.ftable-bottom-panel{-webkit-border-radius:0px 0px 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;padding:1px;background:#fff;border:1px solid #c8c8c8;border-top:none;min-height:24px;line-height:16px;font-size:.9em}div.ftable-main-container div.ftable-bottom-panel div.ftable-right-area{padding:2px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list{margin:2px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{-webkit-text-shadow:0 1px 0 white;text-shadow:0 1px 0 #fff;background-color:#ebebeb;border-style:solid;border-width:1px;border-color:#fff #b5b5b5 #b5b5b5 #fff;padding:2px 5px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number:hover{background-color:#ddd}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active{-webkit-text-shadow:0 1px 0 #666;text-shadow:0 1px 0 #666;color:#fcfcfc}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled{opacity:.5}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled.ftable-page-number-active{opacity:1}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled:hover{background-color:#ebebeb}div.ftable-main-container div.ftable-bottom-panel .ftable-page-info{display:inline-block;padding:4px}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record{margin:3px}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a{font-weight:700;text-decoration:none}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a:hover{text-decoration:underline}form.ftable-dialog-form{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:400}form.ftable-dialog-form div.ftable-input-label{font-weight:700}div.ftable-busy-message{-webkit-text-shadow:0 1px 0 #333;text-shadow:0 1px 0 #333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:2px 2px 4px rgba(50,51,50,.75);-moz-box-shadow:2px 2px 4px rgba(50,51,50,.75);box-shadow:2px 2px 4px rgba(50,51,50,.75);color:#fff;border:1px solid;padding:3px 5px 5px 27px;background:url('../gray/loading.gif') no-repeat;background-position:5px}div.ftable-column-selection-container{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:2px 2px 4px rgba(50,51,50,.75);-moz-box-shadow:2px 2px 4px rgba(50,51,50,.75);box-shadow:2px 2px 4px rgba(50,51,50,.75)}div.ftable-main-container div.ftable-title{background:#e8e8e8;background:-moz-linear-gradient(top,#e8e8e8 0,#bababa 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e8e8e8),color-stop(100%,#bababa));background:-webkit-linear-gradient(top,#e8e8e8 0,#bababa 100%);background:-o-linear-gradient(top,#e8e8e8 0,#bababa 100%);background:-ms-linear-gradient(top,#e8e8e8 0,#bababa 100%);background:linear-gradient(to bottom,#e8e8e8 0,#bababa 100%);border-color:#949494}div.ftable-main-container div.ftable-title div.ftable-title-text{-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;color:#000}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item{color:#000}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item.ftable-toolbar-item-hover{background-color:#a8a8a8}div.ftable-main-container table.ftable tbody>tr.ftable-row-selected,div.ftable-main-container table.ftable tbody>tr.ftable-row-selected:hover{background-color:#8e8e8e}div.ftable-main-container table.ftable tbody>tr.ftable-row-created,div.ftable-main-container table.ftable tbody>tr.ftable-row-deleting,div.ftable-main-container table.ftable tbody>tr.ftable-row-updated{background-color:#8e8e8e}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active:hover{background-color:#8e8e8e;border-color:#6c6c6c}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a{color:#5f5f5f}div.ftable-busy-message{border-color:#5f5f5f;background-color:#8e8e8e}

package/themes/lightcolor/green/ftable.css

@@ -315,6 +315,16 @@ div.ftable-column-selection-container ul.ftable-column-select-list li label span
 div.ftable-column-selection-container ul.ftable-column-select-list li input[type="checkbox"] {
   cursor: pointer;
 }
+.ftable-yesno-check-wrapper {
+  display: flex;
+  align-items: center;
+}
+.ftable-yesno-check-text:before {
+  content: attr(data-no);
+}
+.ftable-yesno-check-input:checked ~ .ftable-yesno-check-text:before {
+  content: attr(data-yes);
+}
 div.ftable-main-container {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1em;

package/themes/lightcolor/green/ftable.min.css

@@ -1 +1 @@
-div.ftable-main-container{position:relative}div.ftable-main-container div.ftable-title{position:relative;text-align:left}div.ftable-main-container div.ftable-title .ftable-close-button{right:0;top:0;bottom:0;position:absolute}div.ftable-main-container div.ftable-title div.ftable-toolbar{bottom:0;right:0;position:absolute;display:inline-block;margin-right:5px}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item{position:relative;display:inline-block;margin:0 0 0 5px;cursor:pointer;font-size:.9em;padding:2px;vertical-align:bottom}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item span.ftable-toolbar-item-icon{display:inline-block;margin:2px;vertical-align:middle;width:16px;height:16px}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item span.ftable-toolbar-item-text{display:inline-block;margin:2px;vertical-align:middle}div.ftable-main-container div.ftable-title .ftable-close-button+div.ftable-toolbar{margin-right:30px}div.ftable-main-container table.ftable{width:100%}div.ftable-main-container table.ftable thead th{padding:0 3px 0 6px;vertical-align:middle;text-align:left}div.ftable-main-container table.ftable thead th.ftable-column-header{height:1px}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container{position:relative;display:table;width:100%;height:100%!important}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container span.ftable-column-header-text{display:table-cell;vertical-align:middle;padding-top:4px;padding-bottom:3px}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container div.ftable-column-resize-handler{position:absolute;display:table-cell;vertical-align:middle;height:100%;width:8px;right:-8px;z-index:2;cursor:col-resize}div.ftable-main-container table.ftable thead th.ftable-command-column-header{text-align:center}div.ftable-main-container table.ftable thead th.ftable-column-header-select{text-align:center;width:1%}div.ftable-main-container table.ftable thead th.ftable-column-header-select input{cursor:pointer}div.ftable-main-container table.ftable thead th.ftable-column-header-sortable{cursor:pointer}div.ftable-main-container table.ftable tbody tr>td .ftable-command-button{margin:5px;padding:0;cursor:pointer;border:none;display:inline}div.ftable-main-container table.ftable tbody tr>td .ftable-command-button span{display:none}div.ftable-main-container table.ftable tbody tr>td.ftable-command-column{text-align:center;vertical-align:middle}div.ftable-main-container table.ftable tbody tr>td.ftable-selecting-column{text-align:center;vertical-align:middle}div.ftable-main-container table.ftable tbody tr>td.ftable-selecting-column input{cursor:pointer}div.ftable-main-container table.ftable tbody tr.ftable-no-data-row{text-align:center}div.ftable-main-container>div.ftable-bottom-panel{position:relative;min-height:24px;text-align:left}div.ftable-main-container>div.ftable-bottom-panel div.ftable-right-area{right:0;top:0;bottom:0;position:absolute}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list{display:inline-block}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{padding:2px 5px;display:inline-block;cursor:pointer}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{cursor:default}div.ftable-main-container>div.ftable-bottom-panel span.ftable-page-size-change{margin-left:5px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-goto-page{margin-left:5px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-goto-page input[type=text]{width:22px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-page-info{vertical-align:middle}div.ftable-main-container div.ftable-column-resize-bar{opacity:.5;position:absolute;width:1px;background-color:#000}form.ftable-dialog-form div.ftable-input-field-container{padding:2px 0 3px 0;border-bottom:1px solid #ddd}form.ftable-dialog-form div.ftable-input-field-container:last-child{border:none}form.ftable-dialog-form div.ftable-input-label{padding:2px 3px;font-size:1.1em;color:#666}form.ftable-dialog-form div.ftable-input{padding:2px}form.ftable-dialog-form span.ftable-option-text-clickable{position:relative;top:-2px}form.ftable-dialog-form div.ftable-textarea-input textarea{width:300px;min-height:60px}form.ftable-dialog-form div.ftable-checkbox-input span,form.ftable-dialog-form div.ftable-radio-input span{padding-left:4px}form.ftable-dialog-form div.ftable-checkbox-input input,form.ftable-dialog-form div.ftable-radio-input input,form.ftable-dialog-form span.ftable-option-text-clickable{cursor:pointer}.ftable-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:none}.ftable-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.3);z-index:1001;max-width:90%;max-height:90vh;overflow:auto}.ftable-modal-header{margin-bottom:15px;margin-top:0;padding-bottom:10px;border-bottom:1px solid #eee}.ftable-modal-footer{margin-top:15px;padding-top:10px;border-top:1px solid #eee;text-align:right}.ftable-modal-close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:28px;font-weight:700;color:#aaa}.ftable-busy-modal{padding:0}.ftable-dialog-button{opacity:.8;border:1px solid #ccc;padding:5px;margin:5px}.ftable-dialog-button:hover{background-color:#dedede}div.ftable-busy-message{cursor:wait;margin:0}div.ftable-contextmenu-overlay{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100}.ftable-table-div{display:block;overflow-x:auto}.ftable-table-div>table{overflow:hidden}.ftable-toolbarsearch{width:90%;min-width:fit-content}th.ftable-toolbarsearch-reset{text-align:center!important}div.ftable-column-selection-container{position:absolute;border:1px solid #c8c8c8;background:#fff;color:#000;z-index:101;padding:5px}div.ftable-column-selection-container ul.ftable-column-select-list{margin:0;padding:0;list-style:none}div.ftable-column-selection-container ul.ftable-column-select-list li{margin:0;padding:2px 0}div.ftable-column-selection-container ul.ftable-column-select-list li label span{position:relative;top:-1px;margin-left:4px}div.ftable-column-selection-container ul.ftable-column-select-list li input[type=checkbox]{cursor:pointer}div.ftable-main-container{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:400;color:#222}div.ftable-main-container div.ftable-title{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;position:relative;line-height:34px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,.5);padding-left:10px;border:1px solid}div.ftable-main-container div.ftable-title div.ftable-title-text{font-weight:700}div.ftable-main-container div.ftable-title .ftable-close-button{right:6px;top:6px;bottom:6px;position:absolute;opacity:.8;background:url('../close.png') no-repeat;width:22px;height:22px}div.ftable-main-container div.ftable-title .ftable-close-button:hover{opacity:1}div.ftable-main-container div.ftable-title div.ftable-toolbar{bottom:0;right:0;position:absolute;line-height:26px}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item.ftable-toolbar-item-add-record span.ftable-toolbar-item-icon{background-image:url('../add.png')}div.ftable-main-container table.ftable{border-collapse:collapse;border-spacing:0;border-top:0;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8}div.ftable-main-container table.ftable thead{background:url('../bg-thead.png') repeat-x scroll top left #ddd;border-bottom:1px solid #c8c8c8}div.ftable-main-container table.ftable thead th{border-left:1px solid #fff;border-right:1px solid #c8c8c8}div.ftable-main-container table.ftable thead th:first-child{border-left:none}div.ftable-main-container table.ftable thead thth:last-child{border-right:none}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container{height:20px}div.ftable-main-container table.ftable thead th.ftable-column-header span.ftable-column-header-text{margin-top:3px}div.ftable-main-container table.ftable thead th.ftable-column-header-select{padding:5px}div.ftable-main-container table.ftable thead th.ftable-column-header-sortable div.ftable-column-header-container{background:url('../column-sortable.png') no-repeat right}div.ftable-main-container table.ftable thead th.ftable-column-header-sorted-asc div.ftable-column-header-container{background:url('../column-asc.png') no-repeat right}div.ftable-main-container table.ftable thead th.ftable-column-header-sorted-desc div.ftable-column-header-container{background:url('../column-desc.png') no-repeat right}div.ftable-main-container table.ftable tbody>tr{padding:2px;background:#f8f8f8;height:30px}div.ftable-main-container table.ftable tbody>tr>td{padding:5px;border-left:1px dotted #bebebe}div.ftable-main-container table.ftable tbody>tr>td:first-child{border-left:none}div.ftable-main-container table.ftable tbody>tr>td .ftable-edit-command-button{background:url('../edit.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr>td .ftable-clone-command-button{background:url('../clone.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr>td .ftable-delete-command-button{background:url('../delete.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr.ftable-row-even{background:#f0f0f0}div.ftable-main-container table.ftable tbody>tr:hover{background:#e8eaef}div.ftable-main-container table.ftable tbody>tr.ftable-row-selected{-webkit-text-shadow:0 1px 0 #333;text-shadow:0 1px 0 #333;color:#fcfcfc}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td{background-color:#bbb;padding:2px 1px 2px 2px}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable{border:none;border-bottom:1px solid #c8c8c8}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable-bottom-panel,div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable-title{-webkit-border-radius:0px;-moz-border-radius:0;border-radius:0;border:none}div.ftable-main-container div.ftable-bottom-panel{-webkit-border-radius:0px 0px 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;padding:1px;background:#fff;border:1px solid #c8c8c8;border-top:none;min-height:24px;line-height:16px;font-size:.9em}div.ftable-main-container div.ftable-bottom-panel div.ftable-right-area{padding:2px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list{margin:2px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{-webkit-text-shadow:0 1px 0 white;text-shadow:0 1px 0 #fff;background-color:#ebebeb;border-style:solid;border-width:1px;border-color:#fff #b5b5b5 #b5b5b5 #fff;padding:2px 5px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number:hover{background-color:#ddd}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active{-webkit-text-shadow:0 1px 0 #666;text-shadow:0 1px 0 #666;color:#fcfcfc}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled{opacity:.5}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled.ftable-page-number-active{opacity:1}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled:hover{background-color:#ebebeb}div.ftable-main-container div.ftable-bottom-panel .ftable-page-info{display:inline-block;padding:4px}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record{margin:3px}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a{font-weight:700;text-decoration:none}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a:hover{text-decoration:underline}form.ftable-dialog-form{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:400}form.ftable-dialog-form div.ftable-input-label{font-weight:700}div.ftable-busy-message{-webkit-text-shadow:0 1px 0 #333;text-shadow:0 1px 0 #333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:2px 2px 4px rgba(50,51,50,.75);-moz-box-shadow:2px 2px 4px rgba(50,51,50,.75);box-shadow:2px 2px 4px rgba(50,51,50,.75);color:#fff;border:1px solid;padding:3px 5px 5px 27px;background:url('../green/loading.gif') no-repeat;background-position:5px}div.ftable-column-selection-container{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:2px 2px 4px rgba(50,51,50,.75);-moz-box-shadow:2px 2px 4px rgba(50,51,50,.75);box-shadow:2px 2px 4px rgba(50,51,50,.75)}div.ftable-main-container div.ftable-title{background:#72eb65;background:-moz-linear-gradient(top,#72eb65 0,#1e9d0d 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#72eb65),color-stop(100%,#1e9d0d));background:-webkit-linear-gradient(top,#72eb65 0,#1e9d0d 100%);background:-o-linear-gradient(top,#72eb65 0,#1e9d0d 100%);background:-ms-linear-gradient(top,#72eb65 0,#1e9d0d 100%);background:linear-gradient(to bottom,#72eb65 0,#1e9d0d 100%);border-color:#167509}div.ftable-main-container div.ftable-title div.ftable-title-text{-webkit-text-shadow:0 1px 0 #666;text-shadow:0 1px 0 #666;color:#fff}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item{color:#fff}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item.ftable-toolbar-item-hover{background-color:#208b10}div.ftable-main-container table.ftable tbody>tr.ftable-row-selected,div.ftable-main-container table.ftable tbody>tr.ftable-row-selected:hover{background-color:#33b326}div.ftable-main-container table.ftable tbody>tr.ftable-row-created,div.ftable-main-container table.ftable tbody>tr.ftable-row-deleting,div.ftable-main-container table.ftable tbody>tr.ftable-row-updated{background-color:#33b326}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active:hover{background-color:#42d033;border-color:#20ae11}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a{color:#167509}div.ftable-busy-message{border-color:#167509;background-color:#42d033}
+div.ftable-main-container{position:relative}div.ftable-main-container div.ftable-title{position:relative;text-align:left}div.ftable-main-container div.ftable-title .ftable-close-button{right:0;top:0;bottom:0;position:absolute}div.ftable-main-container div.ftable-title div.ftable-toolbar{bottom:0;right:0;position:absolute;display:inline-block;margin-right:5px}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item{position:relative;display:inline-block;margin:0 0 0 5px;cursor:pointer;font-size:.9em;padding:2px;vertical-align:bottom}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item span.ftable-toolbar-item-icon{display:inline-block;margin:2px;vertical-align:middle;width:16px;height:16px}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item span.ftable-toolbar-item-text{display:inline-block;margin:2px;vertical-align:middle}div.ftable-main-container div.ftable-title .ftable-close-button+div.ftable-toolbar{margin-right:30px}div.ftable-main-container table.ftable{width:100%}div.ftable-main-container table.ftable thead th{padding:0 3px 0 6px;vertical-align:middle;text-align:left}div.ftable-main-container table.ftable thead th.ftable-column-header{height:1px}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container{position:relative;display:table;width:100%;height:100%!important}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container span.ftable-column-header-text{display:table-cell;vertical-align:middle;padding-top:4px;padding-bottom:3px}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container div.ftable-column-resize-handler{position:absolute;display:table-cell;vertical-align:middle;height:100%;width:8px;right:-8px;z-index:2;cursor:col-resize}div.ftable-main-container table.ftable thead th.ftable-command-column-header{text-align:center}div.ftable-main-container table.ftable thead th.ftable-column-header-select{text-align:center;width:1%}div.ftable-main-container table.ftable thead th.ftable-column-header-select input{cursor:pointer}div.ftable-main-container table.ftable thead th.ftable-column-header-sortable{cursor:pointer}div.ftable-main-container table.ftable tbody tr>td .ftable-command-button{margin:5px;padding:0;cursor:pointer;border:none;display:inline}div.ftable-main-container table.ftable tbody tr>td .ftable-command-button span{display:none}div.ftable-main-container table.ftable tbody tr>td.ftable-command-column{text-align:center;vertical-align:middle}div.ftable-main-container table.ftable tbody tr>td.ftable-selecting-column{text-align:center;vertical-align:middle}div.ftable-main-container table.ftable tbody tr>td.ftable-selecting-column input{cursor:pointer}div.ftable-main-container table.ftable tbody tr.ftable-no-data-row{text-align:center}div.ftable-main-container>div.ftable-bottom-panel{position:relative;min-height:24px;text-align:left}div.ftable-main-container>div.ftable-bottom-panel div.ftable-right-area{right:0;top:0;bottom:0;position:absolute}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list{display:inline-block}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{padding:2px 5px;display:inline-block;cursor:pointer}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{cursor:default}div.ftable-main-container>div.ftable-bottom-panel span.ftable-page-size-change{margin-left:5px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-goto-page{margin-left:5px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-goto-page input[type=text]{width:22px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-page-info{vertical-align:middle}div.ftable-main-container div.ftable-column-resize-bar{opacity:.5;position:absolute;width:1px;background-color:#000}form.ftable-dialog-form div.ftable-input-field-container{padding:2px 0 3px 0;border-bottom:1px solid #ddd}form.ftable-dialog-form div.ftable-input-field-container:last-child{border:none}form.ftable-dialog-form div.ftable-input-label{padding:2px 3px;font-size:1.1em;color:#666}form.ftable-dialog-form div.ftable-input{padding:2px}form.ftable-dialog-form span.ftable-option-text-clickable{position:relative;top:-2px}form.ftable-dialog-form div.ftable-textarea-input textarea{width:300px;min-height:60px}form.ftable-dialog-form div.ftable-checkbox-input span,form.ftable-dialog-form div.ftable-radio-input span{padding-left:4px}form.ftable-dialog-form div.ftable-checkbox-input input,form.ftable-dialog-form div.ftable-radio-input input,form.ftable-dialog-form span.ftable-option-text-clickable{cursor:pointer}.ftable-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:none}.ftable-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.3);z-index:1001;max-width:90%;max-height:90vh;overflow:auto}.ftable-modal-header{margin-bottom:15px;margin-top:0;padding-bottom:10px;border-bottom:1px solid #eee}.ftable-modal-footer{margin-top:15px;padding-top:10px;border-top:1px solid #eee;text-align:right}.ftable-modal-close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:28px;font-weight:700;color:#aaa}.ftable-busy-modal{padding:0}.ftable-dialog-button{opacity:.8;border:1px solid #ccc;padding:5px;margin:5px}.ftable-dialog-button:hover{background-color:#dedede}div.ftable-busy-message{cursor:wait;margin:0}div.ftable-contextmenu-overlay{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100}.ftable-table-div{display:block;overflow-x:auto}.ftable-table-div>table{overflow:hidden}.ftable-toolbarsearch{width:90%;min-width:fit-content}th.ftable-toolbarsearch-reset{text-align:center!important}div.ftable-column-selection-container{position:absolute;border:1px solid #c8c8c8;background:#fff;color:#000;z-index:101;padding:5px}div.ftable-column-selection-container ul.ftable-column-select-list{margin:0;padding:0;list-style:none}div.ftable-column-selection-container ul.ftable-column-select-list li{margin:0;padding:2px 0}div.ftable-column-selection-container ul.ftable-column-select-list li label span{position:relative;top:-1px;margin-left:4px}div.ftable-column-selection-container ul.ftable-column-select-list li input[type=checkbox]{cursor:pointer}.ftable-yesno-check-wrapper{display:flex;align-items:center}.ftable-yesno-check-text:before{content:attr(data-no)}.ftable-yesno-check-input:checked~.ftable-yesno-check-text:before{content:attr(data-yes)}div.ftable-main-container{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:400;color:#222}div.ftable-main-container div.ftable-title{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;position:relative;line-height:34px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,.5);padding-left:10px;border:1px solid}div.ftable-main-container div.ftable-title div.ftable-title-text{font-weight:700}div.ftable-main-container div.ftable-title .ftable-close-button{right:6px;top:6px;bottom:6px;position:absolute;opacity:.8;background:url('../close.png') no-repeat;width:22px;height:22px}div.ftable-main-container div.ftable-title .ftable-close-button:hover{opacity:1}div.ftable-main-container div.ftable-title div.ftable-toolbar{bottom:0;right:0;position:absolute;line-height:26px}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item.ftable-toolbar-item-add-record span.ftable-toolbar-item-icon{background-image:url('../add.png')}div.ftable-main-container table.ftable{border-collapse:collapse;border-spacing:0;border-top:0;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8}div.ftable-main-container table.ftable thead{background:url('../bg-thead.png') repeat-x scroll top left #ddd;border-bottom:1px solid #c8c8c8}div.ftable-main-container table.ftable thead th{border-left:1px solid #fff;border-right:1px solid #c8c8c8}div.ftable-main-container table.ftable thead th:first-child{border-left:none}div.ftable-main-container table.ftable thead thth:last-child{border-right:none}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container{height:20px}div.ftable-main-container table.ftable thead th.ftable-column-header span.ftable-column-header-text{margin-top:3px}div.ftable-main-container table.ftable thead th.ftable-column-header-select{padding:5px}div.ftable-main-container table.ftable thead th.ftable-column-header-sortable div.ftable-column-header-container{background:url('../column-sortable.png') no-repeat right}div.ftable-main-container table.ftable thead th.ftable-column-header-sorted-asc div.ftable-column-header-container{background:url('../column-asc.png') no-repeat right}div.ftable-main-container table.ftable thead th.ftable-column-header-sorted-desc div.ftable-column-header-container{background:url('../column-desc.png') no-repeat right}div.ftable-main-container table.ftable tbody>tr{padding:2px;background:#f8f8f8;height:30px}div.ftable-main-container table.ftable tbody>tr>td{padding:5px;border-left:1px dotted #bebebe}div.ftable-main-container table.ftable tbody>tr>td:first-child{border-left:none}div.ftable-main-container table.ftable tbody>tr>td .ftable-edit-command-button{background:url('../edit.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr>td .ftable-clone-command-button{background:url('../clone.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr>td .ftable-delete-command-button{background:url('../delete.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr.ftable-row-even{background:#f0f0f0}div.ftable-main-container table.ftable tbody>tr:hover{background:#e8eaef}div.ftable-main-container table.ftable tbody>tr.ftable-row-selected{-webkit-text-shadow:0 1px 0 #333;text-shadow:0 1px 0 #333;color:#fcfcfc}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td{background-color:#bbb;padding:2px 1px 2px 2px}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable{border:none;border-bottom:1px solid #c8c8c8}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable-bottom-panel,div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable-title{-webkit-border-radius:0px;-moz-border-radius:0;border-radius:0;border:none}div.ftable-main-container div.ftable-bottom-panel{-webkit-border-radius:0px 0px 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;padding:1px;background:#fff;border:1px solid #c8c8c8;border-top:none;min-height:24px;line-height:16px;font-size:.9em}div.ftable-main-container div.ftable-bottom-panel div.ftable-right-area{padding:2px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list{margin:2px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{-webkit-text-shadow:0 1px 0 white;text-shadow:0 1px 0 #fff;background-color:#ebebeb;border-style:solid;border-width:1px;border-color:#fff #b5b5b5 #b5b5b5 #fff;padding:2px 5px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number:hover{background-color:#ddd}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active{-webkit-text-shadow:0 1px 0 #666;text-shadow:0 1px 0 #666;color:#fcfcfc}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled{opacity:.5}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled.ftable-page-number-active{opacity:1}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled:hover{background-color:#ebebeb}div.ftable-main-container div.ftable-bottom-panel .ftable-page-info{display:inline-block;padding:4px}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record{margin:3px}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a{font-weight:700;text-decoration:none}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a:hover{text-decoration:underline}form.ftable-dialog-form{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:400}form.ftable-dialog-form div.ftable-input-label{font-weight:700}div.ftable-busy-message{-webkit-text-shadow:0 1px 0 #333;text-shadow:0 1px 0 #333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:2px 2px 4px rgba(50,51,50,.75);-moz-box-shadow:2px 2px 4px rgba(50,51,50,.75);box-shadow:2px 2px 4px rgba(50,51,50,.75);color:#fff;border:1px solid;padding:3px 5px 5px 27px;background:url('../green/loading.gif') no-repeat;background-position:5px}div.ftable-column-selection-container{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:2px 2px 4px rgba(50,51,50,.75);-moz-box-shadow:2px 2px 4px rgba(50,51,50,.75);box-shadow:2px 2px 4px rgba(50,51,50,.75)}div.ftable-main-container div.ftable-title{background:#72eb65;background:-moz-linear-gradient(top,#72eb65 0,#1e9d0d 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#72eb65),color-stop(100%,#1e9d0d));background:-webkit-linear-gradient(top,#72eb65 0,#1e9d0d 100%);background:-o-linear-gradient(top,#72eb65 0,#1e9d0d 100%);background:-ms-linear-gradient(top,#72eb65 0,#1e9d0d 100%);background:linear-gradient(to bottom,#72eb65 0,#1e9d0d 100%);border-color:#167509}div.ftable-main-container div.ftable-title div.ftable-title-text{-webkit-text-shadow:0 1px 0 #666;text-shadow:0 1px 0 #666;color:#fff}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item{color:#fff}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item.ftable-toolbar-item-hover{background-color:#208b10}div.ftable-main-container table.ftable tbody>tr.ftable-row-selected,div.ftable-main-container table.ftable tbody>tr.ftable-row-selected:hover{background-color:#33b326}div.ftable-main-container table.ftable tbody>tr.ftable-row-created,div.ftable-main-container table.ftable tbody>tr.ftable-row-deleting,div.ftable-main-container table.ftable tbody>tr.ftable-row-updated{background-color:#33b326}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active:hover{background-color:#42d033;border-color:#20ae11}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a{color:#167509}div.ftable-busy-message{border-color:#167509;background-color:#42d033}

package/themes/lightcolor/orange/ftable.css

@@ -315,6 +315,16 @@ div.ftable-column-selection-container ul.ftable-column-select-list li label span
 div.ftable-column-selection-container ul.ftable-column-select-list li input[type="checkbox"] {
   cursor: pointer;
 }
+.ftable-yesno-check-wrapper {
+  display: flex;
+  align-items: center;
+}
+.ftable-yesno-check-text:before {
+  content: attr(data-no);
+}
+.ftable-yesno-check-input:checked ~ .ftable-yesno-check-text:before {
+  content: attr(data-yes);
+}
 div.ftable-main-container {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1em;

package/themes/lightcolor/orange/ftable.min.css

@@ -1 +1 @@
-div.ftable-main-container{position:relative}div.ftable-main-container div.ftable-title{position:relative;text-align:left}div.ftable-main-container div.ftable-title .ftable-close-button{right:0;top:0;bottom:0;position:absolute}div.ftable-main-container div.ftable-title div.ftable-toolbar{bottom:0;right:0;position:absolute;display:inline-block;margin-right:5px}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item{position:relative;display:inline-block;margin:0 0 0 5px;cursor:pointer;font-size:.9em;padding:2px;vertical-align:bottom}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item span.ftable-toolbar-item-icon{display:inline-block;margin:2px;vertical-align:middle;width:16px;height:16px}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item span.ftable-toolbar-item-text{display:inline-block;margin:2px;vertical-align:middle}div.ftable-main-container div.ftable-title .ftable-close-button+div.ftable-toolbar{margin-right:30px}div.ftable-main-container table.ftable{width:100%}div.ftable-main-container table.ftable thead th{padding:0 3px 0 6px;vertical-align:middle;text-align:left}div.ftable-main-container table.ftable thead th.ftable-column-header{height:1px}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container{position:relative;display:table;width:100%;height:100%!important}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container span.ftable-column-header-text{display:table-cell;vertical-align:middle;padding-top:4px;padding-bottom:3px}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container div.ftable-column-resize-handler{position:absolute;display:table-cell;vertical-align:middle;height:100%;width:8px;right:-8px;z-index:2;cursor:col-resize}div.ftable-main-container table.ftable thead th.ftable-command-column-header{text-align:center}div.ftable-main-container table.ftable thead th.ftable-column-header-select{text-align:center;width:1%}div.ftable-main-container table.ftable thead th.ftable-column-header-select input{cursor:pointer}div.ftable-main-container table.ftable thead th.ftable-column-header-sortable{cursor:pointer}div.ftable-main-container table.ftable tbody tr>td .ftable-command-button{margin:5px;padding:0;cursor:pointer;border:none;display:inline}div.ftable-main-container table.ftable tbody tr>td .ftable-command-button span{display:none}div.ftable-main-container table.ftable tbody tr>td.ftable-command-column{text-align:center;vertical-align:middle}div.ftable-main-container table.ftable tbody tr>td.ftable-selecting-column{text-align:center;vertical-align:middle}div.ftable-main-container table.ftable tbody tr>td.ftable-selecting-column input{cursor:pointer}div.ftable-main-container table.ftable tbody tr.ftable-no-data-row{text-align:center}div.ftable-main-container>div.ftable-bottom-panel{position:relative;min-height:24px;text-align:left}div.ftable-main-container>div.ftable-bottom-panel div.ftable-right-area{right:0;top:0;bottom:0;position:absolute}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list{display:inline-block}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{padding:2px 5px;display:inline-block;cursor:pointer}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{cursor:default}div.ftable-main-container>div.ftable-bottom-panel span.ftable-page-size-change{margin-left:5px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-goto-page{margin-left:5px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-goto-page input[type=text]{width:22px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-page-info{vertical-align:middle}div.ftable-main-container div.ftable-column-resize-bar{opacity:.5;position:absolute;width:1px;background-color:#000}form.ftable-dialog-form div.ftable-input-field-container{padding:2px 0 3px 0;border-bottom:1px solid #ddd}form.ftable-dialog-form div.ftable-input-field-container:last-child{border:none}form.ftable-dialog-form div.ftable-input-label{padding:2px 3px;font-size:1.1em;color:#666}form.ftable-dialog-form div.ftable-input{padding:2px}form.ftable-dialog-form span.ftable-option-text-clickable{position:relative;top:-2px}form.ftable-dialog-form div.ftable-textarea-input textarea{width:300px;min-height:60px}form.ftable-dialog-form div.ftable-checkbox-input span,form.ftable-dialog-form div.ftable-radio-input span{padding-left:4px}form.ftable-dialog-form div.ftable-checkbox-input input,form.ftable-dialog-form div.ftable-radio-input input,form.ftable-dialog-form span.ftable-option-text-clickable{cursor:pointer}.ftable-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:none}.ftable-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.3);z-index:1001;max-width:90%;max-height:90vh;overflow:auto}.ftable-modal-header{margin-bottom:15px;margin-top:0;padding-bottom:10px;border-bottom:1px solid #eee}.ftable-modal-footer{margin-top:15px;padding-top:10px;border-top:1px solid #eee;text-align:right}.ftable-modal-close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:28px;font-weight:700;color:#aaa}.ftable-busy-modal{padding:0}.ftable-dialog-button{opacity:.8;border:1px solid #ccc;padding:5px;margin:5px}.ftable-dialog-button:hover{background-color:#dedede}div.ftable-busy-message{cursor:wait;margin:0}div.ftable-contextmenu-overlay{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100}.ftable-table-div{display:block;overflow-x:auto}.ftable-table-div>table{overflow:hidden}.ftable-toolbarsearch{width:90%;min-width:fit-content}th.ftable-toolbarsearch-reset{text-align:center!important}div.ftable-column-selection-container{position:absolute;border:1px solid #c8c8c8;background:#fff;color:#000;z-index:101;padding:5px}div.ftable-column-selection-container ul.ftable-column-select-list{margin:0;padding:0;list-style:none}div.ftable-column-selection-container ul.ftable-column-select-list li{margin:0;padding:2px 0}div.ftable-column-selection-container ul.ftable-column-select-list li label span{position:relative;top:-1px;margin-left:4px}div.ftable-column-selection-container ul.ftable-column-select-list li input[type=checkbox]{cursor:pointer}div.ftable-main-container{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:400;color:#222}div.ftable-main-container div.ftable-title{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;position:relative;line-height:34px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,.5);padding-left:10px;border:1px solid}div.ftable-main-container div.ftable-title div.ftable-title-text{font-weight:700}div.ftable-main-container div.ftable-title .ftable-close-button{right:6px;top:6px;bottom:6px;position:absolute;opacity:.8;background:url('../close.png') no-repeat;width:22px;height:22px}div.ftable-main-container div.ftable-title .ftable-close-button:hover{opacity:1}div.ftable-main-container div.ftable-title div.ftable-toolbar{bottom:0;right:0;position:absolute;line-height:26px}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item.ftable-toolbar-item-add-record span.ftable-toolbar-item-icon{background-image:url('../add.png')}div.ftable-main-container table.ftable{border-collapse:collapse;border-spacing:0;border-top:0;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8}div.ftable-main-container table.ftable thead{background:url('../bg-thead.png') repeat-x scroll top left #ddd;border-bottom:1px solid #c8c8c8}div.ftable-main-container table.ftable thead th{border-left:1px solid #fff;border-right:1px solid #c8c8c8}div.ftable-main-container table.ftable thead th:first-child{border-left:none}div.ftable-main-container table.ftable thead thth:last-child{border-right:none}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container{height:20px}div.ftable-main-container table.ftable thead th.ftable-column-header span.ftable-column-header-text{margin-top:3px}div.ftable-main-container table.ftable thead th.ftable-column-header-select{padding:5px}div.ftable-main-container table.ftable thead th.ftable-column-header-sortable div.ftable-column-header-container{background:url('../column-sortable.png') no-repeat right}div.ftable-main-container table.ftable thead th.ftable-column-header-sorted-asc div.ftable-column-header-container{background:url('../column-asc.png') no-repeat right}div.ftable-main-container table.ftable thead th.ftable-column-header-sorted-desc div.ftable-column-header-container{background:url('../column-desc.png') no-repeat right}div.ftable-main-container table.ftable tbody>tr{padding:2px;background:#f8f8f8;height:30px}div.ftable-main-container table.ftable tbody>tr>td{padding:5px;border-left:1px dotted #bebebe}div.ftable-main-container table.ftable tbody>tr>td:first-child{border-left:none}div.ftable-main-container table.ftable tbody>tr>td .ftable-edit-command-button{background:url('../edit.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr>td .ftable-clone-command-button{background:url('../clone.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr>td .ftable-delete-command-button{background:url('../delete.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr.ftable-row-even{background:#f0f0f0}div.ftable-main-container table.ftable tbody>tr:hover{background:#e8eaef}div.ftable-main-container table.ftable tbody>tr.ftable-row-selected{-webkit-text-shadow:0 1px 0 #333;text-shadow:0 1px 0 #333;color:#fcfcfc}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td{background-color:#bbb;padding:2px 1px 2px 2px}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable{border:none;border-bottom:1px solid #c8c8c8}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable-bottom-panel,div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable-title{-webkit-border-radius:0px;-moz-border-radius:0;border-radius:0;border:none}div.ftable-main-container div.ftable-bottom-panel{-webkit-border-radius:0px 0px 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;padding:1px;background:#fff;border:1px solid #c8c8c8;border-top:none;min-height:24px;line-height:16px;font-size:.9em}div.ftable-main-container div.ftable-bottom-panel div.ftable-right-area{padding:2px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list{margin:2px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{-webkit-text-shadow:0 1px 0 white;text-shadow:0 1px 0 #fff;background-color:#ebebeb;border-style:solid;border-width:1px;border-color:#fff #b5b5b5 #b5b5b5 #fff;padding:2px 5px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number:hover{background-color:#ddd}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active{-webkit-text-shadow:0 1px 0 #666;text-shadow:0 1px 0 #666;color:#fcfcfc}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled{opacity:.5}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled.ftable-page-number-active{opacity:1}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled:hover{background-color:#ebebeb}div.ftable-main-container div.ftable-bottom-panel .ftable-page-info{display:inline-block;padding:4px}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record{margin:3px}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a{font-weight:700;text-decoration:none}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a:hover{text-decoration:underline}form.ftable-dialog-form{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:400}form.ftable-dialog-form div.ftable-input-label{font-weight:700}div.ftable-busy-message{-webkit-text-shadow:0 1px 0 #333;text-shadow:0 1px 0 #333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:2px 2px 4px rgba(50,51,50,.75);-moz-box-shadow:2px 2px 4px rgba(50,51,50,.75);box-shadow:2px 2px 4px rgba(50,51,50,.75);color:#fff;border:1px solid;padding:3px 5px 5px 27px;background:url('../orange/loading.gif') no-repeat;background-position:5px}div.ftable-column-selection-container{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:2px 2px 4px rgba(50,51,50,.75);-moz-box-shadow:2px 2px 4px rgba(50,51,50,.75);box-shadow:2px 2px 4px rgba(50,51,50,.75)}div.ftable-main-container div.ftable-title{background:#ffa366;background:-moz-linear-gradient(top,#ffa366 0,#da5700 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffa366),color-stop(100%,#da5700));background:-webkit-linear-gradient(top,#ffa366 0,#da5700 100%);background:-o-linear-gradient(top,#ffa366 0,#da5700 100%);background:-ms-linear-gradient(top,#ffa366 0,#da5700 100%);background:linear-gradient(to bottom,#ffa366 0,#da5700 100%);border-color:#804620}div.ftable-main-container div.ftable-title div.ftable-title-text{-webkit-text-shadow:0 1px 0 #666;text-shadow:0 1px 0 #666;color:#fff}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item{color:#fff}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item.ftable-toolbar-item-hover{background-color:#c45206}div.ftable-main-container table.ftable tbody>tr.ftable-row-selected,div.ftable-main-container table.ftable tbody>tr.ftable-row-selected:hover{background-color:#f36301}div.ftable-main-container table.ftable tbody>tr.ftable-row-created,div.ftable-main-container table.ftable tbody>tr.ftable-row-deleting,div.ftable-main-container table.ftable tbody>tr.ftable-row-updated{background-color:#f36301}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active:hover{background-color:#f36301;border-color:#d14100}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a{color:#cc5200}div.ftable-busy-message{border-color:#a14100;background-color:#f36301}
+div.ftable-main-container{position:relative}div.ftable-main-container div.ftable-title{position:relative;text-align:left}div.ftable-main-container div.ftable-title .ftable-close-button{right:0;top:0;bottom:0;position:absolute}div.ftable-main-container div.ftable-title div.ftable-toolbar{bottom:0;right:0;position:absolute;display:inline-block;margin-right:5px}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item{position:relative;display:inline-block;margin:0 0 0 5px;cursor:pointer;font-size:.9em;padding:2px;vertical-align:bottom}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item span.ftable-toolbar-item-icon{display:inline-block;margin:2px;vertical-align:middle;width:16px;height:16px}div.ftable-main-container div.ftable-title div.ftable-toolbar .ftable-toolbar-item span.ftable-toolbar-item-text{display:inline-block;margin:2px;vertical-align:middle}div.ftable-main-container div.ftable-title .ftable-close-button+div.ftable-toolbar{margin-right:30px}div.ftable-main-container table.ftable{width:100%}div.ftable-main-container table.ftable thead th{padding:0 3px 0 6px;vertical-align:middle;text-align:left}div.ftable-main-container table.ftable thead th.ftable-column-header{height:1px}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container{position:relative;display:table;width:100%;height:100%!important}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container span.ftable-column-header-text{display:table-cell;vertical-align:middle;padding-top:4px;padding-bottom:3px}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container div.ftable-column-resize-handler{position:absolute;display:table-cell;vertical-align:middle;height:100%;width:8px;right:-8px;z-index:2;cursor:col-resize}div.ftable-main-container table.ftable thead th.ftable-command-column-header{text-align:center}div.ftable-main-container table.ftable thead th.ftable-column-header-select{text-align:center;width:1%}div.ftable-main-container table.ftable thead th.ftable-column-header-select input{cursor:pointer}div.ftable-main-container table.ftable thead th.ftable-column-header-sortable{cursor:pointer}div.ftable-main-container table.ftable tbody tr>td .ftable-command-button{margin:5px;padding:0;cursor:pointer;border:none;display:inline}div.ftable-main-container table.ftable tbody tr>td .ftable-command-button span{display:none}div.ftable-main-container table.ftable tbody tr>td.ftable-command-column{text-align:center;vertical-align:middle}div.ftable-main-container table.ftable tbody tr>td.ftable-selecting-column{text-align:center;vertical-align:middle}div.ftable-main-container table.ftable tbody tr>td.ftable-selecting-column input{cursor:pointer}div.ftable-main-container table.ftable tbody tr.ftable-no-data-row{text-align:center}div.ftable-main-container>div.ftable-bottom-panel{position:relative;min-height:24px;text-align:left}div.ftable-main-container>div.ftable-bottom-panel div.ftable-right-area{right:0;top:0;bottom:0;position:absolute}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list{display:inline-block}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{padding:2px 5px;display:inline-block;cursor:pointer}div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled,div.ftable-main-container>div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{cursor:default}div.ftable-main-container>div.ftable-bottom-panel span.ftable-page-size-change{margin-left:5px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-goto-page{margin-left:5px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-goto-page input[type=text]{width:22px}div.ftable-main-container>div.ftable-bottom-panel span.ftable-page-info{vertical-align:middle}div.ftable-main-container div.ftable-column-resize-bar{opacity:.5;position:absolute;width:1px;background-color:#000}form.ftable-dialog-form div.ftable-input-field-container{padding:2px 0 3px 0;border-bottom:1px solid #ddd}form.ftable-dialog-form div.ftable-input-field-container:last-child{border:none}form.ftable-dialog-form div.ftable-input-label{padding:2px 3px;font-size:1.1em;color:#666}form.ftable-dialog-form div.ftable-input{padding:2px}form.ftable-dialog-form span.ftable-option-text-clickable{position:relative;top:-2px}form.ftable-dialog-form div.ftable-textarea-input textarea{width:300px;min-height:60px}form.ftable-dialog-form div.ftable-checkbox-input span,form.ftable-dialog-form div.ftable-radio-input span{padding-left:4px}form.ftable-dialog-form div.ftable-checkbox-input input,form.ftable-dialog-form div.ftable-radio-input input,form.ftable-dialog-form span.ftable-option-text-clickable{cursor:pointer}.ftable-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:none}.ftable-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.3);z-index:1001;max-width:90%;max-height:90vh;overflow:auto}.ftable-modal-header{margin-bottom:15px;margin-top:0;padding-bottom:10px;border-bottom:1px solid #eee}.ftable-modal-footer{margin-top:15px;padding-top:10px;border-top:1px solid #eee;text-align:right}.ftable-modal-close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:28px;font-weight:700;color:#aaa}.ftable-busy-modal{padding:0}.ftable-dialog-button{opacity:.8;border:1px solid #ccc;padding:5px;margin:5px}.ftable-dialog-button:hover{background-color:#dedede}div.ftable-busy-message{cursor:wait;margin:0}div.ftable-contextmenu-overlay{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100}.ftable-table-div{display:block;overflow-x:auto}.ftable-table-div>table{overflow:hidden}.ftable-toolbarsearch{width:90%;min-width:fit-content}th.ftable-toolbarsearch-reset{text-align:center!important}div.ftable-column-selection-container{position:absolute;border:1px solid #c8c8c8;background:#fff;color:#000;z-index:101;padding:5px}div.ftable-column-selection-container ul.ftable-column-select-list{margin:0;padding:0;list-style:none}div.ftable-column-selection-container ul.ftable-column-select-list li{margin:0;padding:2px 0}div.ftable-column-selection-container ul.ftable-column-select-list li label span{position:relative;top:-1px;margin-left:4px}div.ftable-column-selection-container ul.ftable-column-select-list li input[type=checkbox]{cursor:pointer}.ftable-yesno-check-wrapper{display:flex;align-items:center}.ftable-yesno-check-text:before{content:attr(data-no)}.ftable-yesno-check-input:checked~.ftable-yesno-check-text:before{content:attr(data-yes)}div.ftable-main-container{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:400;color:#222}div.ftable-main-container div.ftable-title{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;position:relative;line-height:34px;box-shadow:inset 0 1px 0 0 rgba(255,255,255,.5);padding-left:10px;border:1px solid}div.ftable-main-container div.ftable-title div.ftable-title-text{font-weight:700}div.ftable-main-container div.ftable-title .ftable-close-button{right:6px;top:6px;bottom:6px;position:absolute;opacity:.8;background:url('../close.png') no-repeat;width:22px;height:22px}div.ftable-main-container div.ftable-title .ftable-close-button:hover{opacity:1}div.ftable-main-container div.ftable-title div.ftable-toolbar{bottom:0;right:0;position:absolute;line-height:26px}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item.ftable-toolbar-item-add-record span.ftable-toolbar-item-icon{background-image:url('../add.png')}div.ftable-main-container table.ftable{border-collapse:collapse;border-spacing:0;border-top:0;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;border-left:1px solid #c8c8c8}div.ftable-main-container table.ftable thead{background:url('../bg-thead.png') repeat-x scroll top left #ddd;border-bottom:1px solid #c8c8c8}div.ftable-main-container table.ftable thead th{border-left:1px solid #fff;border-right:1px solid #c8c8c8}div.ftable-main-container table.ftable thead th:first-child{border-left:none}div.ftable-main-container table.ftable thead thth:last-child{border-right:none}div.ftable-main-container table.ftable thead th.ftable-column-header div.ftable-column-header-container{height:20px}div.ftable-main-container table.ftable thead th.ftable-column-header span.ftable-column-header-text{margin-top:3px}div.ftable-main-container table.ftable thead th.ftable-column-header-select{padding:5px}div.ftable-main-container table.ftable thead th.ftable-column-header-sortable div.ftable-column-header-container{background:url('../column-sortable.png') no-repeat right}div.ftable-main-container table.ftable thead th.ftable-column-header-sorted-asc div.ftable-column-header-container{background:url('../column-asc.png') no-repeat right}div.ftable-main-container table.ftable thead th.ftable-column-header-sorted-desc div.ftable-column-header-container{background:url('../column-desc.png') no-repeat right}div.ftable-main-container table.ftable tbody>tr{padding:2px;background:#f8f8f8;height:30px}div.ftable-main-container table.ftable tbody>tr>td{padding:5px;border-left:1px dotted #bebebe}div.ftable-main-container table.ftable tbody>tr>td:first-child{border-left:none}div.ftable-main-container table.ftable tbody>tr>td .ftable-edit-command-button{background:url('../edit.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr>td .ftable-clone-command-button{background:url('../clone.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr>td .ftable-delete-command-button{background:url('../delete.png') no-repeat;width:16px;height:16px}div.ftable-main-container table.ftable tbody>tr.ftable-row-even{background:#f0f0f0}div.ftable-main-container table.ftable tbody>tr:hover{background:#e8eaef}div.ftable-main-container table.ftable tbody>tr.ftable-row-selected{-webkit-text-shadow:0 1px 0 #333;text-shadow:0 1px 0 #333;color:#fcfcfc}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td{background-color:#bbb;padding:2px 1px 2px 2px}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable{border:none;border-bottom:1px solid #c8c8c8}div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable-bottom-panel,div.ftable-main-container table.ftable tbody>tr.ftable-child-row>td .ftable-title{-webkit-border-radius:0px;-moz-border-radius:0;border-radius:0;border:none}div.ftable-main-container div.ftable-bottom-panel{-webkit-border-radius:0px 0px 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;padding:1px;background:#fff;border:1px solid #c8c8c8;border-top:none;min-height:24px;line-height:16px;font-size:.9em}div.ftable-main-container div.ftable-bottom-panel div.ftable-right-area{padding:2px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list{margin:2px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-space{-webkit-text-shadow:0 1px 0 white;text-shadow:0 1px 0 #fff;background-color:#ebebeb;border-style:solid;border-width:1px;border-color:#fff #b5b5b5 #b5b5b5 #fff;padding:2px 5px}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-first:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-last:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-next:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-previous:hover,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number:hover{background-color:#ddd}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active{-webkit-text-shadow:0 1px 0 #666;text-shadow:0 1px 0 #666;color:#fcfcfc}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled{opacity:.5}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled.ftable-page-number-active{opacity:1}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-disabled:hover{background-color:#ebebeb}div.ftable-main-container div.ftable-bottom-panel .ftable-page-info{display:inline-block;padding:4px}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record{margin:3px}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a{font-weight:700;text-decoration:none}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a:hover{text-decoration:underline}form.ftable-dialog-form{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:400}form.ftable-dialog-form div.ftable-input-label{font-weight:700}div.ftable-busy-message{-webkit-text-shadow:0 1px 0 #333;text-shadow:0 1px 0 #333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:2px 2px 4px rgba(50,51,50,.75);-moz-box-shadow:2px 2px 4px rgba(50,51,50,.75);box-shadow:2px 2px 4px rgba(50,51,50,.75);color:#fff;border:1px solid;padding:3px 5px 5px 27px;background:url('../orange/loading.gif') no-repeat;background-position:5px}div.ftable-column-selection-container{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:2px 2px 4px rgba(50,51,50,.75);-moz-box-shadow:2px 2px 4px rgba(50,51,50,.75);box-shadow:2px 2px 4px rgba(50,51,50,.75)}div.ftable-main-container div.ftable-title{background:#ffa366;background:-moz-linear-gradient(top,#ffa366 0,#da5700 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffa366),color-stop(100%,#da5700));background:-webkit-linear-gradient(top,#ffa366 0,#da5700 100%);background:-o-linear-gradient(top,#ffa366 0,#da5700 100%);background:-ms-linear-gradient(top,#ffa366 0,#da5700 100%);background:linear-gradient(to bottom,#ffa366 0,#da5700 100%);border-color:#804620}div.ftable-main-container div.ftable-title div.ftable-title-text{-webkit-text-shadow:0 1px 0 #666;text-shadow:0 1px 0 #666;color:#fff}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item{color:#fff}div.ftable-main-container div.ftable-title div.ftable-toolbar span.ftable-toolbar-item.ftable-toolbar-item-hover{background-color:#c45206}div.ftable-main-container table.ftable tbody>tr.ftable-row-selected,div.ftable-main-container table.ftable tbody>tr.ftable-row-selected:hover{background-color:#f36301}div.ftable-main-container table.ftable tbody>tr.ftable-row-created,div.ftable-main-container table.ftable tbody>tr.ftable-row-deleting,div.ftable-main-container table.ftable tbody>tr.ftable-row-updated{background-color:#f36301}div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active,div.ftable-main-container div.ftable-bottom-panel .ftable-page-list .ftable-page-number-active:hover{background-color:#f36301;border-color:#d14100}div.ftable-main-container div.ftable-bottom-panel span.ftable-add-record a{color:#cc5200}div.ftable-busy-message{border-color:#a14100;background-color:#f36301}

package/themes/lightcolor/red/ftable.css

@@ -315,6 +315,16 @@ div.ftable-column-selection-container ul.ftable-column-select-list li label span
 div.ftable-column-selection-container ul.ftable-column-select-list li input[type="checkbox"] {
   cursor: pointer;
 }
+.ftable-yesno-check-wrapper {
+  display: flex;
+  align-items: center;
+}
+.ftable-yesno-check-text:before {
+  content: attr(data-no);
+}
+.ftable-yesno-check-input:checked ~ .ftable-yesno-check-text:before {
+  content: attr(data-yes);
+}
 div.ftable-main-container {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1em;