Select row VX_ROW_ID
';\r\n var allCells = '';\r\n var _classes = '';\r\n var rowId = row[self.baseSettings.primaryId];\r\n var _compile = false;\r\n if (self.baseConfig.noData != true) {\r\n _.each(self.baseConfig.headers, col => {\r\n var _cellTmpl: String = '';\r\n var _cellHolder = cellHolderTmpl;\r\n var _cellClass = '';\r\n if (col.hidden != true) {\r\n if (col.renderHybridCellDefn != true && col.columnIsRowSelect != true && col.columnIsDate != true) {\r\n var _data: string = typeof row[col.id] !== 'undefined' && row[col.id] != null ? row[col.id] : '';\r\n _cellTmpl = cellTmplContent;\r\n _cellTmpl = _cellTmpl.replaceAll('VX_CELL_TMPL', _data) as string;\r\n }\r\n else if (col.renderHybridCellDefn != true && col.columnIsDate == true) {\r\n var _data: string = typeof row[col.id] !== 'undefined' && row[col.id] != null ? row[col.id] : null;\r\n var _dtData = self.datePipe.transform(_data, col.columnDatePipe);\r\n _cellTmpl = cellTmplContent;\r\n _cellTmpl = _cellTmpl.replaceAll('VX_CELL_TMPL', typeof _dtData === 'undefined' || _dtData == null ? '' : _dtData);\r\n }\r\n else if (col.renderHybridCellDefn != true && col.columnIsRowSelect == true) {\r\n var _data: string = typeof row[col.id] !== 'undefined' && row[col.id] != null ? row[col.id] : null;\r\n var _rowSelectData = self.baseSettings.rowSelected[rowId] || false;\r\n _cellTmpl = cellTmplRowSelect;\r\n _cellTmpl = _cellTmpl.replaceAll('VX_ROW_ID', rowId);\r\n _cellTmpl = _cellTmpl.replace('VX_ROW_SEL_VAL', _rowSelectData == true ? 'checked' : '');\r\n }\r\n else if (col.renderHybridCellDefn == true) {\r\n _cellTmpl = self.baseConfig.hybridCellDefn(row, col) || '';\r\n _compile = _compile || col.hybridCompile;\r\n }\r\n if (col.scopeIsRow == true)\r\n _cellHolder = _cellHolder.replace('VX_CELL_SCOPE', 'row');\r\n else\r\n _cellHolder = _cellHolder.replace('VX_CELL_SCOPE', '');\r\n if (typeof col.columnClassFn !== 'undefined' && typeof col.columnClassFn === 'function') {\r\n _cellClass = col.columnClassFn(row);\r\n }\r\n _cellHolder = _cellHolder.replace('VX_TD_CLASS', _cellClass);\r\n _cellHolder = _cellHolder.replaceAll('VX_CELL_CONTENT', _cellTmpl as string);\r\n allCells = allCells + _cellHolder;\r\n }\r\n })\r\n }\r\n else {\r\n var _nonHiddenColLength = self.getNonHiddenColCount();\r\n var searchValueString: string = 'VX_NON_HIDDEN_COL_LEN'\r\n emptyRowTempl = emptyRowTempl.replaceAll('VX_NON_HIDDEN_COL_LEN', _nonHiddenColLength.toString());\r\n emptyRowTempl = emptyRowTempl.replaceAll('VX_EMPTYFILL', self.baseConfig.emptyFill);\r\n allCells = emptyRowTempl;\r\n }\r\n if (typeof self.baseConfig.hybridCellDefn === 'function' && typeof self.baseConfig.rowClassFn === 'function') {\r\n _classes = _classes + self.baseConfig.rowClassFn(row);\r\n }\r\n _classes = _classes + ' ' + (typeof self.baseSettings.vxRowClass[rowId] !== 'undefined' ? self.baseSettings.vxRowClass[rowId] : '');\r\n _classes = _classes.trim();\r\n rowTmpl = rowTmpl.replace('VX_ROW_CLASSES', _classes);\r\n rowTmpl = rowTmpl.replace('VX_ROW_ID', rowId);\r\n rowTmpl = rowTmpl.replaceAll('VX_ALL_CELLS', allCells);\r\n return { 'rowTmpl': rowTmpl, 'rowId': rowId };\r\n }\r\n compileAppend(rowTmpl, _id) {\r\n this.hybridContainer && this.hybridContainer.append(rowTmpl);\r\n }\r\n appendRows(rows: any[]) {\r\n var self = this;\r\n _.forEach(rows, row => {\r\n var _result = self.hybridGetRowTmpl(row);\r\n self.compileAppend(_result.rowTmpl, _result.rowId);\r\n })\r\n if (self.baseConfig.selectionEnabled == true) {\r\n var elements = document.getElementsByClassName('vx-row-select-toggle');\r\n _.each(elements, function (ele) {\r\n var _angElement = $(ele);\r\n _angElement.on('click', function (e) {\r\n var _rowId = $(e.target).attr('rowid');\r\n if (typeof _rowId !== 'undefined') {\r\n var _currentState = $(e.target).prop('checked');\r\n self.baseSettings.rowSelected[_rowId] = _currentState;\r\n var result = { 'key': _rowId, 'value': self.baseSettings.rowSelected[_rowId], '_pKey': _rowId };\r\n if (self.baseConfig.selectionAtMyRisk == true) {\r\n if (_currentState == true) {\r\n var item = _.find(self.baseSettings.multiSelected, function (rs) { return rs.localeCompare(_rowId) == 0 });\r\n if (typeof item === 'undefined' || item == null)\r\n self.baseSettings.multiSelected.push(_rowId);\r\n }\r\n else if (_currentState == false) {\r\n self.baseSettings.multiSelected = _.reject(self.baseSettings.multiSelected, function (rs) { return rs.localeCompare(_rowId) == 0 });\r\n self.baseSettings.allRowSelected = false;\r\n }\r\n }\r\n else\r\n self.rowSelectionChanged(_rowId);\r\n }\r\n //console.log(self);\r\n });\r\n });\r\n }\r\n }\r\n hybridDeleteRows = function (rowIds: string[]): void {\r\n var self = this;\r\n _.each(rowIds, function (id: string) {\r\n var rowElement = $(document.getElementById(id));\r\n rowElement.remove();\r\n self.baseSettings.inlineEditState[id] = false;\r\n self.baseSettings.rowSelected[id] = false;\r\n self.baseSettings.saveInProgress[id] = false;\r\n });\r\n self.baseConfig.vxFilteredData = _.reject(self.config.data, function (row) { return _.contains(rowIds, row[self.baseSettings.primaryId].toString()) == true });\r\n self.baseConfig.data = _.reject(self.config.data, function (row) { return _.contains(rowIds, row[self.baseSettings.primaryId].toString()) == true });\r\n self.baseSettings.multiSelected = _.difference(self.baseSettings.multiSelected, rowIds);\r\n }\r\n rowSelectionChanged(rowId) {\r\n var pid = rowId;\r\n var self = this;\r\n var row = _.find(self.baseConfig.data, function (_row) { return _row[self.baseSettings.primaryId] == rowId });\r\n var result = { 'key': row[self.baseConfig.onSelectionReturnCol], 'value': self.baseSettings.rowSelected[pid], '_pKey': pid };\r\n var proceed = true;\r\n if (self.baseSettings.rowSelected[pid] == true && self.baseSettings.multiSelColDependent == true) {\r\n proceed = false;\r\n var colId = self.baseConfig.multiSelectionDependentCol;\r\n if (row[colId] == true && self.baseSettings.multiSelected.length == 0)\r\n proceed = true;\r\n else if (row[colId] == false && self.baseSettings.multiSelected.length >= 1) {\r\n var id = self.baseSettings.multiSelected[0];\r\n var dataRow = _.find(self.baseConfig.data, function (i) { return i[self.baseSettings.primaryId].localeCompare(id) == 0 });\r\n if (typeof dataRow !== 'undefined' && dataRow != null && dataRow != {} && dataRow[colId] == true) {\r\n proceed = false;\r\n self.baseSettings.rowSelected[pid] = false;\r\n }\r\n else\r\n proceed = true;\r\n }\r\n else if (row[colId] == false)\r\n proceed = true;\r\n else\r\n self.baseSettings.rowSelected[pid] = false;\r\n }\r\n else if (self.baseSettings.rowSelected[pid] == false) {\r\n self.baseSettings.multiSelected = _.reject(self.baseSettings.multiSelected, function (rs) { return rs.localeCompare(pid) == 0 });\r\n proceed = false;\r\n self.baseSettings.allRowSelected = false;\r\n //self.$emit('vxGridRowSelectionChange', { 'id': self.baseConfig.id, 'data': result });\r\n }\r\n if (proceed) {\r\n var item = _.find(self.baseSettings.multiSelected, function (rs) { return rs.localeCompare(pid) == 0 });\r\n if (typeof item === 'undefined' || item == null)\r\n self.baseSettings.multiSelected.push(pid);\r\n //self.$emit('vxGridRowSelectionChange', { 'id': self.baseConfig.id, 'data': result });\r\n /* PROCESS FOR MULTI SELECT FALSE */\r\n if (self.baseConfig.multiSelectionEnabled == false) {\r\n _.each(self.baseSettings.multiSelected, function (rs) {\r\n if (rs.localeCompare(pid) != 0) {\r\n self.baseSettings.rowSelected[rs] = false;\r\n }\r\n });\r\n self.baseSettings.multiSelected = _.reject(self.baseSettings.multiSelected, function (rs) { return rs.localeCompare(pid) != 0 });\r\n }\r\n }\r\n }\r\n initCheckScrollUpDownArrow(): void {\r\n var self = this;\r\n var _id = 'scroll_up_' + self.baseConfig.id;\r\n var _elem = document.getElementById(_id);\r\n\r\n if (_elem)\r\n _elem.style.display = \"NONE\";\r\n _id = 'scroll_down_' + self.baseConfig.id;\r\n _elem = document.getElementById(_id);\r\n if (_elem) {\r\n if (self.baseConfig.noData == true)\r\n _elem.style.display = \"NONE\";\r\n else\r\n _elem.style.display = \"BLOCK\";\r\n }\r\n\r\n }\r\n prepForScrollInsertion(): void {\r\n var self = this;\r\n var diff = self.hybridContainer.height() - (self.scrollContainer.height() + self.scrollContainer.scrollTop());\r\n if (self.scrollContainer.scrollTop() > self.lastScrollTop) {\r\n if (diff < 0)\r\n diff = 0;\r\n if (diff < self.rowHeight && self.lastIndexCount < self.baseConfig.vxFilteredData.length\r\n && (self.baseConfig.pagination == true && self.lastIndexCount < self.baseConfig.pageLength)) {\r\n var _initRowCount = self.excess;\r\n var _restRows = [];\r\n if (self.baseConfig.pagination == true && self.lastIndexCount < self.baseConfig.pageLength) {\r\n if (_initRowCount + self.lastIndexCount > self.baseConfig.pageLength) {\r\n _initRowCount = self.baseConfig.pageLength - self.lastIndexCount;\r\n }\r\n _restRows = _.rest(self.baseConfig.vxFilteredData, self.baseSettings.vxPageStartPosition + self.lastIndexCount);\r\n }\r\n else if (!self.baseConfig.pagination)\r\n _restRows = _.rest(self.baseConfig.vxFilteredData, self.lastIndexCount);\r\n var _rows = _.first(_restRows, _initRowCount);\r\n self.lastIndexCount = self.lastIndexCount + _initRowCount;\r\n self.appendRows(_rows);\r\n //self.scrollContainer.scrollTo(0, self.scrollContainer.scrollTop() - 48);\r\n }\r\n self.checkToScrollDownArrow();\r\n }\r\n else {\r\n self.checkToScrollUpArrow()\r\n }\r\n self.lastScrollTop = self.scrollContainer.scrollTop();\r\n }\r\n debPep = _.debounce(this.prepForScrollInsertion, 10);\r\n getNonHiddenColCount(): number {\r\n var result = 1;\r\n var self = this;\r\n if (typeof self.baseConfig.headers !== 'undefined' && self.baseConfig.headers.length > 0)\r\n result = _.filter(self.baseConfig.headers, function (header) { return header.hidden == false }).length;\r\n return result;\r\n }\r\n calculateEffectiveWidths(headers: VxGridColumnConfig[]): VxGridColumnConfig[] {\r\n var self = this;\r\n var totalWidth = _.reduce(headers, function (memo, col) {\r\n var _val = 0;\r\n if (col.hidden == false)\r\n _val = col.width;\r\n return memo + _val;\r\n }, 0);\r\n self.overallScrollContainer = $(self.el.nativeElement.querySelector('.vxTableScrollContainer'));\r\n var _containerWidth = self.overallScrollContainer.width();\r\n var _totatWidth = 0;\r\n _.each(headers, function (col) {\r\n if (_containerWidth > totalWidth) {\r\n var _adjustment = (col.width / totalWidth) * (_containerWidth - totalWidth);\r\n col.effectiveWidth = col.width + _adjustment;\r\n }\r\n else\r\n col.effectiveWidth = col.width;\r\n col.effectiveWidth = Math.floor(col.effectiveWidth);\r\n _totatWidth = _totatWidth + col.effectiveWidth;\r\n });\r\n self.baseSettings.netWidth = _totatWidth;\r\n return headers;\r\n }\r\n checkToScrollDownArrow(): void {\r\n var self = this;\r\n var _id = 'scroll_down_' + self.baseConfig.id;\r\n var scrollContainer = self.el.nativeElement.querySelector('.vxTableContainer.scrollTableContainer');\r\n var tableContainer = self.el.nativeElement.querySelector('.scrollTableContainer table.vxTable');\r\n if (document.getElementById(_id)) document.getElementById(_id).style.display = \"NONE\";\r\n if (typeof scrollContainer !== 'undefined' && typeof tableContainer !== 'undefined' && scrollContainer != null && tableContainer != null) {\r\n if ($(tableContainer).height() > $(scrollContainer).height())\r\n if (document.getElementById(_id)) document.getElementById(_id).style.display = \"BLOCK\";\r\n }\r\n }\r\n checkToScrollUpArrow(): void {\r\n var self = this;\r\n var _id = 'scroll_up_' + self.baseConfig.id;\r\n var scrollContainer = self.el.nativeElement.querySelector('.vxTableContainer.scrollTableContainer');\r\n var tableContainer = self.el.nativeElement.querySelector('.scrollTableContainer table.vxTable');\r\n var _elem = document.getElementById(_id);\r\n if (_elem) _elem.style.display = \"NONE\";\r\n if (typeof scrollContainer !== 'undefined' && typeof tableContainer !== 'undefined' && scrollContainer != null && tableContainer != null) {\r\n if ($(tableContainer).height() > $(scrollContainer).height() && $(scrollContainer).scrollTop() > 48) {\r\n var _elem = document.getElementById(_id);\r\n if (_elem)\r\n _elem.style.display = \"BLOCK\";\r\n }\r\n }\r\n }\r\n justScrollTop(): void {\r\n var self = this;\r\n var element = self.el.nativeElement.querySelector('.vxTableContainer.scrollTableContainer');\r\n setTimeout(function () {\r\n $(element).animate({ scrollTop: 0 }, 500);\r\n }, 10);\r\n\r\n }\r\n justScrollDown(): void {\r\n var self = this;\r\n var element = self.el.nativeElement.querySelector('.vxTableContainer.scrollTableContainer');\r\n var _scrollTop = $(element).scrollTop() || 0;\r\n if (self.baseConfig.hybrid == false) {\r\n setTimeout(function () {\r\n $(element).animate({ scrollTop: _scrollTop + 96 }, 33);\r\n }, 10);\r\n }\r\n else if (self.baseConfig.hybrid == true) {\r\n self.prepForScrollInsertion();\r\n setTimeout(function () {\r\n $(element).animate({ scrollTop: _scrollTop + 100 }, 300);\r\n }, 10);\r\n }\r\n }\r\n clearSelection() {\r\n var self = this;\r\n if (self.baseConfig.hybrid) {\r\n self.deselectRows(self.baseSettings.multiSelected);\r\n }\r\n self.baseSettings.allRowSelected = false;\r\n }\r\n revealWrapToggle() {\r\n var self = this;\r\n self.baseSettings.revealWrapRowData = !self.baseSettings.revealWrapRowData;\r\n }\r\n selectRows = function (ids) {\r\n var _modIds = [];\r\n var self = this;\r\n _.each(ids, function (_id: string) {\r\n var _ostate = self.baseSettings.rowSelected[_id];\r\n if (typeof _ostate === 'undefined' || _ostate == null || _ostate == false) {\r\n self.baseSettings.rowSelected[_id] = true;\r\n self.baseSettings.multiSelected.push(_id);\r\n _modIds.push(_id);\r\n if (self.baseConfig.hybrid == true) {\r\n var _element = document.getElementById('vx_row-sel_in_' + _id);\r\n if (typeof _element !== 'undefined' && _element != null) {\r\n $(_element).prop('checked', true);\r\n }\r\n }\r\n }\r\n });\r\n return _modIds;\r\n }\r\n deselectRows = function (ids) {\r\n var _modIds = [];\r\n var self = this;\r\n _.each(ids, function (_id: string) {\r\n var _ostate = self.baseSettings.rowSelected[_id];\r\n if (typeof _ostate !== 'undefined' && _ostate == true) {\r\n self.baseSettings.rowSelected[_id] = false;\r\n self.baseSettings.multiSelected = _.reject(self.baseSettings.multiSelected, function (rs: string) { return rs.toString().localeCompare(_id.toString()) == 0 });\r\n _modIds.push(_id);\r\n if (self.baseConfig.hybrid == true) {\r\n var _element = document.getElementById('vx_row-sel_in_' + _id);\r\n if (typeof _element !== 'undefined' && _element != null) {\r\n $(_element).prop('checked', false);\r\n }\r\n }\r\n }\r\n });\r\n return _modIds;\r\n }\r\n clearFilters() { }\r\n openManageColumns() {\r\n var self = this;\r\n var modalRef = this.modalService.open(VxGridSettingsModal, { windowClass: 'vxGridManageColMod' });\r\n var _copyConfig: VxGridColumnConfig[] = [];\r\n _.each(this.baseConfig.headers, head => {\r\n var _copyHead: VxGridColumnConfig = Object.assign({}, head);\r\n _copyConfig.push(_copyHead);\r\n });\r\n modalRef.componentInstance.copyForWidthVisChange = _copyConfig;\r\n _.each(modalRef.componentInstance.copyForWidthVisChange, function (col: VxGridColumnConfig, i) {\r\n col.order = i;\r\n col.chars = Math.ceil((col.width - 20) / 7);\r\n col.selected = false;\r\n });\r\n modalRef.result.then((result) => {\r\n self.config.headers = result;\r\n self.resetConfig();\r\n self.config.loadDataRows();\r\n }, (reason) => {\r\n });\r\n }\r\n addNewRow() { }\r\n revertEdits() { }\r\n deleteRows() {\r\n var self = this;\r\n if (self.baseConfig.hybrid) {\r\n self.hybridDeleteRows(self.baseSettings.multiSelected);\r\n }\r\n }\r\n selectAllFiltered() {\r\n var self = this;\r\n var _rowIds: string[] = _.map(self.baseConfig.vxFilteredData, function (_row: any) { return _row[self.baseSettings.primaryId] });\r\n self.selectRows(_rowIds);\r\n self.baseSettings.allRowSelected = true;\r\n }\r\n allRowSelectionChanged() {\r\n var self = this;\r\n // if (self.baseSettings.allRowSelected) {\r\n // self.selectAllFiltered()\r\n // }\r\n // else {\r\n // self.clearSelection()\r\n // }\r\n var toggleTo = self.baseSettings.allRowSelected;\r\n if (toggleTo == true) {\r\n _.each(self.baseConfig.vxFilteredData, function (row, iter) {\r\n var _proceed = true;\r\n if (self.baseConfig.pagination == true && self.baseConfig.virtualization == false) {\r\n if (!(iter >= self.baseSettings.vxPageStartPosition && iter < self.baseSettings.vxPageStartPosition + self.baseConfig.pageLength)) {\r\n _proceed = false;\r\n }\r\n }\r\n if (row.fillEmptyElement != true && _proceed) {\r\n var pid = row[self.baseSettings.primaryId];\r\n if (self.baseSettings.rowSelected[pid] == false && toggleTo == true) {\r\n self.baseSettings.rowSelected[pid] = true;\r\n self.baseSettings.multiSelected.push(pid);\r\n if (self.baseConfig.hybrid == true) {\r\n var _element = $(document.getElementById('vx_row-sel_in_' + pid));\r\n if (typeof _element !== 'undefined' && _element != null && _element.length > 0) {\r\n $(_element).prop('checked', true);\r\n }\r\n }\r\n }\r\n }\r\n });\r\n _.each(self.baseConfig.headers, function (header) {\r\n if (self.baseSettings.dropDownGroup[header.id] == true && self.baseSettings.groupByColActivated[header.id] == true) {\r\n _.each(self.baseSettings.groupKeys[header.id], function (key:string) {\r\n self.baseSettings.groupPredicate[key] = true;\r\n });\r\n }\r\n });\r\n self.baseSettings.multiSelected = _.reject(self.baseSettings.multiSelected, function (ml) { return typeof ml === 'undefined' || ml == null || ml == {} })\r\n // self.$emit('vxGridRowAllSelectionChange', { 'id': self.baseConfig.id, 'data': { 'toggledTo': toggleTo, 'array': self.baseSettings.multiSelected } });\r\n }\r\n else if (toggleTo == false) {\r\n /* RESET GROUPS SELECTION */\r\n self.clearSelection();\r\n // self.$emit('vxGridRowAllSelectionChange', { 'id': self.baseConfig.id, 'data': { 'toggledTo': toggleTo, 'array': self.baseSettings.multiSelected } });\r\n }\r\n }\r\n getAllRowLength() { }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/app/vxgrid/vxgrid.component.ts","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common'\r\nimport { HttpModule } from '@angular/http';\r\nimport { VxGridComponent, Locator } from './vxgrid.component'\r\nimport { FormsModule } from '@angular/forms';\r\nimport { VxNumberFixedLenPipe, VxFilterArrayWithToken } from './vxgrid.pipes';\r\nimport { VxGridSettingsModal } from './vxgrid.settings.modal';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\n\r\n@NgModule({\r\n declarations: [\r\n VxGridComponent,\r\n VxNumberFixedLenPipe,\r\n VxFilterArrayWithToken,\r\n VxGridSettingsModal,\r\n Locator\r\n ],\r\n imports: [\r\n CommonModule,\r\n HttpModule,\r\n FormsModule,\r\n NgbModule\r\n ],\r\n exports: [\r\n VxGridComponent,\r\n VxNumberFixedLenPipe,\r\n VxFilterArrayWithToken\r\n ],\r\n entryComponents:[\r\n VxGridSettingsModal\r\n ]\r\n})\r\nexport class VxGridModule { }\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/vxgrid/vxgrid.module.ts","// The file contents for the current environment will overwrite these during build.\r\n// The build system defaults to the dev environment which uses `environment.ts`, but if you do\r\n// `ng build --env=prod` then `environment.prod.ts` will be used instead.\r\n// The list of which env maps to which file can be found in `angular-cli.json`.\r\n\r\nexport const environment = {\r\n production: false\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/environments/environment.ts","// This file includes polyfills needed by Angular 2 and is loaded before\r\n// the app. You can add your own extra polyfills to this file.\r\nimport 'core-js/es6/symbol';\r\nimport 'core-js/es6/object';\r\nimport 'core-js/es6/function';\r\nimport 'core-js/es6/parse-int';\r\nimport 'core-js/es6/parse-float';\r\nimport 'core-js/es6/number';\r\nimport 'core-js/es6/math';\r\nimport 'core-js/es6/string';\r\nimport 'core-js/es6/date';\r\nimport 'core-js/es6/array';\r\nimport 'core-js/es6/regexp';\r\nimport 'core-js/es6/map';\r\nimport 'core-js/es6/set';\r\nimport 'core-js/es6/reflect';\r\n\r\nimport 'core-js/es7/reflect';\r\n\r\n\r\nimport 'zone.js/dist/zone';\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/polyfills.ts","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"@charset \\\"UTF-8\\\";\\r\\n\\r\\n.vx-grid-related .vx-scroller, .vx-grid-related .vxTableScrollContainer {\\r\\n overflow-x: auto;\\r\\n -webkit-overflow-scrolling: touch;\\r\\n -ms-overflow-style: -ms-autohiding-scrollbar;\\r\\n}\\r\\n\\r\\n.vxGridManageColMod .modal-dialog {\\r\\n height: 90vh;\\r\\n width: 90%;\\r\\n max-width: 90%;\\r\\n margin: 5vh auto;\\r\\n border-radius: 0;\\r\\n}\\r\\n\\r\\n .vxGridManageColMod .modal-dialog .modal-content {\\r\\n height: 100%;\\r\\n width: 100%;\\r\\n border-radius: 0;\\r\\n padding: 0 15px 15px;\\r\\n }\\r\\n\\r\\n .vxGridManageColMod .modal-dialog ngbd-modal-content {\\r\\n height: 100%;\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .vxGridManageColMod .modal-dialog .modal-content .modal-body {\\r\\n height: 100%;\\r\\n width: 100%;\\r\\n border-radius: 0;\\r\\n padding: 0;\\r\\n }\\r\\n\\r\\n.vx-grid-related .row {\\r\\n height: auto;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vx-scroller {\\r\\n height: calc(100% - 60px);\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTableScrollContainer {\\r\\n height: calc(100% - 15px);\\r\\n overflow-y: hidden;\\r\\n padding: 0;\\r\\n border: 1px solid #A0A0A0;\\r\\n}\\r\\n\\r\\n .vx-grid-related .vxTableScrollContainer.attrPaneOpen {\\r\\n height: calc(100% - 60px);\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableScrollContainer.attrPaneOpen.pageEnabled {\\r\\n height: calc(100% - 98px);\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableScrollContainer.pageEnabled:not(.attrPaneOpen) {\\r\\n height: calc(100% - 48px);\\r\\n }\\r\\n\\r\\n.vx-grid-related .offscreen {\\r\\n position: absolute;\\r\\n clip: rect(1px 1px 1px 1px);\\r\\n clip: rect(1px,1px,1px,1px);\\r\\n padding: 0;\\r\\n border: 0;\\r\\n height: 1px;\\r\\n width: 1px;\\r\\n overflow: hidden;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTableContainer:not(.scrollDupHeader) {\\r\\n padding: 0;\\r\\n margin: 3px 0 0;\\r\\n overflow-x: hidden;\\r\\n overflow-y: auto;\\r\\n height: calc(100% - 48px);\\r\\n -webkit-overflow-scrolling: touch;\\r\\n -ms-overflow-style: -ms-autohiding-scrollbar;\\r\\n border-top: none;\\r\\n border-left: 1px dotted #909090;\\r\\n border-right: 1px dotted #909090;\\r\\n border-bottom: 1px dotted #909090;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxBody:not(.revealWrap) .vxBodyRow td, .vx-grid-related .vxTable .vxHead .vxHeadRow th {\\r\\n padding: 0 15px;\\r\\n height: 48px;\\r\\n white-space: nowrap;\\r\\n -ms-text-overflow: ellipsis;\\r\\n text-overflow: ellipsis;\\r\\n}\\r\\n\\r\\n.vx-grid-related .icon-container.scrollAction {\\r\\n position: absolute;\\r\\n bottom: 25px;\\r\\n right: 15px;\\r\\n opacity: .25;\\r\\n filter: alpha(opacity=25);\\r\\n border-radius: 50%;\\r\\n}\\r\\n\\r\\n .vx-grid-related .icon-container.scrollAction.up {\\r\\n right: 68px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon-container.scrollAction.down {\\r\\n -webkit-transform: rotate(180deg);\\r\\n transform: rotate(180deg);\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon-container.scrollAction.pageEnabled {\\r\\n bottom: 73px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon-container.scrollAction:active, .vx-grid-related .icon-container.scrollAction:focus, .vx-grid-related .icon-container.scrollAction:hover {\\r\\n position: absolute;\\r\\n bottom: 25px;\\r\\n opacity: 1;\\r\\n filter: alpha(opacity=100);\\r\\n z-index: 9999;\\r\\n background: #006ebd !important;\\r\\n color: #fff;\\r\\n outline: #fff dotted 1px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon-container.scrollAction:active .icon.icon-up, .vx-grid-related .icon-container.scrollAction:focus .icon.icon-up, .vx-grid-related .icon-container.scrollAction:hover .icon.icon-up {\\r\\n background-position-y: -342px;\\r\\n background-position-x: -28px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon-container.scrollAction.pageEnabled:active, .vx-grid-related .icon-container.scrollAction.pageEnabled:focus, .vx-grid-related .icon-container.scrollAction.pageEnabled:hover {\\r\\n bottom: 73px;\\r\\n }\\r\\n\\r\\n.vx-grid-related .vxTable {\\r\\n table-layout: fixed;\\r\\n font-family: 'Segoe UI',Arial,Cambria,Cochin,Georgia,Times,Times New Roman,serif;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.vx-grid-related .icon-container.active {\\r\\n background: #006ebd;\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n.vx-grid-related .icon-container.disabled {\\r\\n color: #000;\\r\\n background: #D0D0D0;\\r\\n border-color: #000;\\r\\n opacity: .25;\\r\\n filter: alpha(opacity=25);\\r\\n cursor: none;\\r\\n}\\r\\n\\r\\n.vx-grid-related .icon-container:not(.active):active, .vx-grid-related .icon-container:not(.active):focus, .vx-grid-related .icon-container:not(.active):hover, .vx-grid-related .icon-container:not(.disabled):active, .vx-grid-related .icon-container:not(.disabled):focus, .vx-grid-related .icon-container:not(.disabled):hover {\\r\\n background: rgba(0,0,0,.1);\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead .vxHeadRow th {\\r\\n -ms-word-break: break-all;\\r\\n word-break: break-all;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxBody:not(.revealWrap) .vxBodyRow td {\\r\\n overflow: hidden;\\r\\n -ms-word-break: break-all;\\r\\n word-break: break-all;\\r\\n text-align: left;\\r\\n border: 1px solid #E0E0E0;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxBody .vxBodyRow td .vx-edit-input {\\r\\n height: 40px;\\r\\n width: calc(100% - 10px);\\r\\n margin-left: 5px;\\r\\n padding: 0 4px;\\r\\n border-radius: 0;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxBody .vxBodyRow td .vx-edit-textarea {\\r\\n height: 100%;\\r\\n width: calc(100% - 10px);\\r\\n margin-left: 5px;\\r\\n padding: 0 4px;\\r\\n border-radius: 0;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxBody .vxBodyRow td.vxBodyRowCell.renderedDefn {\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxBody.revealWrap .vxBodyRow td {\\r\\n padding: 0 10px;\\r\\n height: 48px;\\r\\n overflow: hidden;\\r\\n -ms-word-break: break-all;\\r\\n word-break: break-all;\\r\\n text-align: left;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead tr th:nth-child(2n+1) {\\r\\n background-color: #363636;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead tr th:nth-child(2n) {\\r\\n background-color: #565656;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTableContainer .vxHeadRowCell .search-container {\\r\\n width: calc(100% - 150px);\\r\\n border-left: none;\\r\\n border-right: none;\\r\\n border-top: none;\\r\\n border-bottom: 1px solid RGBA(255,255,255,.75);\\r\\n margin-left: 15px;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTableOperations .search-container input.search {\\r\\n height: 42px;\\r\\n line-height: 42px;\\r\\n min-width: 200px;\\r\\n border: 1px solid #A0A0A0;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTableContainer .vxHeadRowCell .search-container .searchSymb {\\r\\n width: 40px;\\r\\n height: 40px;\\r\\n display: inline-block;\\r\\n float: left;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTableContainer .vxHeadRowCell .search-container input.search, .vx-grid-related .vxTableOperations .search-container input.search {\\r\\n vertical-align: middle;\\r\\n opacity: .75;\\r\\n filter: alpha(opacity=75);\\r\\n font-family: 'Segoe UI',Arial,Cambria,Cochin,Georgia,Times,Times New Roman,serif;\\r\\n font-weight: 100;\\r\\n font-size: medium;\\r\\n background: 0 0;\\r\\n padding: 0 10px;\\r\\n margin: 0;\\r\\n position: relative;\\r\\n border-radius: 0;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTableContainer .vxHeadRowCell .search-container input.search {\\r\\n height: 40px;\\r\\n color: #FFF;\\r\\n border: none;\\r\\n width: calc(100% - 44px);\\r\\n box-shadow: none;\\r\\n}\\r\\n\\r\\n .vx-grid-related .vxTableContainer .vxHeadRowCell .search-container input.search:-moz-placeholder, .vx-grid-related .vxTableContainer .vxHeadRowCell .search-container input.search:-ms-input-placeholder, .vx-grid-related .vxTableContainer .vxHeadRowCell .search-container input.search::-moz-placeholder, .vx-grid-related .vxTableContainer .vxHeadRowCell .search-container input.search::-webkit-input-placeholder {\\r\\n color: #fff;\\r\\n opacity: .75;\\r\\n filter: alpha(opacity=75);\\r\\n }\\r\\n\\r\\n.vx-grid-related .vxTableOperations .search-container input.search:-moz-placeholder, .vx-grid-related .vxTableOperations .search-container input.search:-ms-input-placeholder, .vx-grid-related .vxTableOperations .search-container input.search::-moz-placeholder, .vx-grid-related .vxTableOperations .search-container input.search::-webkit-input-placeholder {\\r\\n opacity: .75;\\r\\n filter: alpha(opacity=75);\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTableContainer {\\r\\n -webkit-transition: height .3s ease-in-out 0s;\\r\\n transition: height .3s ease-in-out 0s;\\r\\n}\\r\\n\\r\\n .vx-grid-related .vxTableContainer.scrollTableContainer {\\r\\n width: auto;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableContainer.scrollTableContainer table thead th {\\r\\n height: 0 !important;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableContainer.scrollTableContainer.scrollDupHeaderAdded .vxTable .vxHead tr th:nth-child(2n+1) span.noDdTitle {\\r\\n color: #363636;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableContainer.scrollTableContainer.scrollDupHeaderAdded .vxTable .vxHead tr th:nth-child(2n) span.noDdTitle {\\r\\n color: #565656;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableContainer.scrollDupHeader {\\r\\n z-index: 999;\\r\\n margin-top: 0;\\r\\n -webkit-transition: top .3s ease-in-out 0s;\\r\\n transition: top .3s ease-in-out 0s;\\r\\n padding: 0;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableContainer.scrollDupHeader .vxTableHolder {\\r\\n -webkit-transition: left .3s ease-out 0s;\\r\\n transition: left .3s ease-out 0s;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableContainer.settingsMenuOpen {\\r\\n overflow: hidden;\\r\\n }\\r\\n\\r\\n.vx-grid-related .vxTableOperations {\\r\\n margin: 5px 0;\\r\\n height: 40px;\\r\\n padding: 0;\\r\\n width:calc(100% - 350px);\\r\\n}\\r\\n\\r\\n.vx-grid-related .icon-container {\\r\\n width: 40px;\\r\\n height: 40px;\\r\\n text-align: center;\\r\\n color: #006ebd;\\r\\n border: 1px solid #006ebd;\\r\\n border-radius: 0;\\r\\n cursor: pointer;\\r\\n margin-left: 15px;\\r\\n overflow: hidden;\\r\\n}\\r\\n\\r\\n .vx-grid-related .icon-container.vx-row-edit {\\r\\n line-height: 48px;\\r\\n height: 48px;\\r\\n margin: 0;\\r\\n width: 100%;\\r\\n text-align: center;\\r\\n border: none;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon-container.vx-row-edit[vxdisabled=true] {\\r\\n opacity: .5;\\r\\n cursor: not-allowed;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon-container.vx-row-edit .icon {\\r\\n width: 24px;\\r\\n height: 26px;\\r\\n top: 7px;\\r\\n left: 3px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon-container i.icon {\\r\\n font-family: inherit;\\r\\n font-size: large;\\r\\n font-style: normal;\\r\\n }\\r\\n\\r\\n.vx-grid-related .icon {\\r\\n background-image: url(data:img/png;base64,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);\\r\\n background-size: 48px;\\r\\n display: inline-block;\\r\\n width: 40px;\\r\\n height: 40px;\\r\\n position: relative;\\r\\n top: 11px;\\r\\n left: 9px;\\r\\n background-repeat: no-repeat;\\r\\n}\\r\\n\\r\\n .vx-grid-related .icon.icon-down.white, .vx-grid-related .icon.icon-up.white {\\r\\n height: 24px;\\r\\n top: 1px;\\r\\n background-position-x: -28px;\\r\\n width: 24px;\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-refresh {\\r\\n background-position-y: -57px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-revert {\\r\\n background-position-y: -715px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-clearselection {\\r\\n background-position-y: -114px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-openwith {\\r\\n background-position-y: -143px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-more {\\r\\n background-position-y: -85px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-close {\\r\\n background-position-y: -372px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-repair {\\r\\n background-position-y: -28px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-edit {\\r\\n background-position-y: 0;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-up {\\r\\n background-position-y: -342px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-up.white {\\r\\n left: -4px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-down {\\r\\n background-position-y: -572px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-down.white {\\r\\n left: -5px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-right {\\r\\n background-position-y: -434px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-left {\\r\\n background-position-y: -463px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-unpin {\\r\\n background-position-y: -486px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-unpin.red {\\r\\n background-position-x: -28px;\\r\\n height: 30px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-ScrollChevronUpLegacy {\\r\\n background-position-y: -231px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-ScrollChevronUpLegacy.white {\\r\\n background-position-x: -28px;\\r\\n width: 24px;\\r\\n height: 24px;\\r\\n position: relative;\\r\\n top: 8px;\\r\\n left: -5px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-ScrollChevronDownLegacy {\\r\\n background-position-y: -257px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-ScrollChevronDownLegacy.white {\\r\\n background-position-x: -28px;\\r\\n width: 24px;\\r\\n height: 24px;\\r\\n position: relative;\\r\\n top: 8px;\\r\\n left: -5px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-filter {\\r\\n background-position-y: -684px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-filter.white {\\r\\n background-position-x: -28px;\\r\\n width: 24px;\\r\\n height: 24px;\\r\\n position: relative;\\r\\n top: 4px;\\r\\n left: -4px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-blockedLegacy.red, .vx-grid-related .icon.icon-trim.red {\\r\\n background-position-x: -28px;\\r\\n height: 30px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-trash {\\r\\n background-position-y: -658px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-search {\\r\\n background-position-y: -200px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-trim {\\r\\n background-position-y: -513px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-blockedLegacy {\\r\\n background-position-y: -400px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-previous {\\r\\n background-position-y: -289px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-next {\\r\\n background-position-y: -318px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-save {\\r\\n background-position-y: -627px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .icon.icon-add {\\r\\n background-position-y: -173px;\\r\\n }\\r\\n\\r\\n.vx-grid-related .vxTable .vxBody .vx-row-select {\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n .vx-grid-related .vxTable .vxBody .vx-row-select input[type=checkbox] {\\r\\n cursor: pointer;\\r\\n outline-color: transparent;\\r\\n outline-offset: 5px;\\r\\n outline-style: dotted;\\r\\n outline-width: thin;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTable .vxBody .vx-row-select input[type=checkbox]:active, .vx-grid-related .vxTable .vxBody .vx-row-select input[type=checkbox]:focus {\\r\\n outline-color: #000;\\r\\n outline-offset: 5px;\\r\\n outline-style: dotted;\\r\\n outline-width: thin;\\r\\n }\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead .vx-row-select {\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n .vx-grid-related .vxTable .vxHead .vx-row-select input[type=checkbox] {\\r\\n cursor: pointer;\\r\\n outline-color: transparent;\\r\\n outline-offset: 5px;\\r\\n outline-style: dotted;\\r\\n outline-width: thin;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTable .vxHead .vx-row-select input[type=checkbox]:active, .vx-grid-related .vxTable .vxHead .vx-row-select input[type=checkbox]:focus {\\r\\n outline-color: #fff;\\r\\n outline-offset: 5px;\\r\\n outline-style: dotted;\\r\\n outline-width: thin;\\r\\n }\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead .vxHeadRow th.ddEnabled {\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead th {\\r\\n font-size: medium;\\r\\n font-family: inherit;\\r\\n font-weight: 400;\\r\\n text-transform: capitalize;\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxBody tr.vxBodyRow.vs-repeat-repeated-element:last-of-type {\\r\\n margin-bottom: 15px;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxBody .vxBodyRow.vs-repeat-repeated-element {\\r\\n top: 0 !important;\\r\\n position: relative !important;\\r\\n height: 48px;\\r\\n max-height: 48px;\\r\\n overflow: hidden;\\r\\n}\\r\\n\\r\\n .vx-grid-related .vxTable .vxBody .vxBodyRow.vs-repeat-repeated-element td {\\r\\n height: 48px;\\r\\n overflow: hidden;\\r\\n border: 1px solid #E0E0E0;\\r\\n }\\r\\n\\r\\n.vx-grid-related .vxTable .vxBody .vxBodyRow.inProgress {\\r\\n pointer-events: none;\\r\\n opacity: .65;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxBody .vxBodyRow.vxRowSelected .vxBodyRowCell {\\r\\n background: #f0f7fc;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxBody .vxBodyRow .vxBodyRowCell.rowSelectionCell {\\r\\n border-left: 5px solid #fff;\\r\\n text-align: center;\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxBody .vxBodyRow.vxRowSelected .vxBodyRowCell.rowSelectionCell {\\r\\n border-left: 5px solid #006ebd;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxBody .vxBodyRow .vxBodyRowCell.groupCell {\\r\\n background: #f0f0f0;\\r\\n border-top: 3px solid #909090;\\r\\n}\\r\\n\\r\\n .vx-grid-related .vxTable .vxBody .vxBodyRow .vxBodyRowCell.groupCell .first {\\r\\n font-size: small;\\r\\n text-transform: uppercase;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTable .vxBody .vxBodyRow .vxBodyRowCell.groupCell .colname {\\r\\n font-weight: 600;\\r\\n margin-left: 15px;\\r\\n }\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead th .dropdown {\\r\\n line-height: 48px;\\r\\n}\\r\\n\\r\\n .vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu {\\r\\n position: absolute;\\r\\n border-radius: 0;\\r\\n background-color: #23527c;\\r\\n padding: 0;\\r\\n margin: -1px 0 0;\\r\\n max-height: 50vh;\\r\\n overflow-y: auto;\\r\\n -webkit-overflow-scrolling: touch;\\r\\n -ms-overflow-style: -ms-autohiding-scrollbar;\\r\\n min-width: 300px;\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTable .vxHead th .dropdown .dropdown-toggle {\\r\\n background: 0 0;\\r\\n color: #fff;\\r\\n border: none;\\r\\n width: 100%;\\r\\n text-align: left;\\r\\n margin: 0;\\r\\n padding: 0 15px;\\r\\n line-height: 48px;\\r\\n height: 48px;\\r\\n box-shadow: none;\\r\\n border-radius: 0;\\r\\n font-family: inherit;\\r\\n font-weight: 300;\\r\\n font-size: 16px;\\r\\n text-shadow: none;\\r\\n vertical-align: top;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTable .vxHead th .dropdown .dropdown-toggle:active, .vx-grid-related .vxTable .vxHead th .dropdown .dropdown-toggle:focus {\\r\\n outline-color: #fff;\\r\\n outline-style: dotted;\\r\\n outline-offset: -5px;\\r\\n outline-width: thin;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTable .vxHead th .dropdown .dropdown-toggle[disabled] {\\r\\n opacity: 1;\\r\\n cursor: default;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li.loader {\\r\\n padding: 15px;\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li.loader img.dropDownLoader {\\r\\n display: block;\\r\\n margin: 0 auto;\\r\\n width: 30px;\\r\\n height: 30px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTable .vxHead th .dropdown.open .dropdown-toggle {\\r\\n background: #23527c;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTable .vxHead th .dropdown .dropdown-toggle span.ddCaret {\\r\\n width: 10px;\\r\\n display: inline-block;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTable .vxHead th .dropdown .dropdown-toggle.loading span.ddCaret {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTable .vxHead th .dropdown .dropdown-toggle span.colTitle {\\r\\n font-family: inherit;\\r\\n font-weight: 400;\\r\\n display: inline-block;\\r\\n max-width: calc(100% - 25px);\\r\\n margin-right: 10px;\\r\\n vertical-align: top;\\r\\n -ms-text-overflow: ellipsis;\\r\\n text-overflow: ellipsis;\\r\\n overflow-x: hidden;\\r\\n }\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead th:last-child .dropdown ul.dropdown-menu {\\r\\n right: -1px;\\r\\n left: auto;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead th span.noDdTitle {\\r\\n font-family: inherit;\\r\\n font-weight: 400;\\r\\n width: 100%;\\r\\n vertical-align: top;\\r\\n -ms-text-overflow: ellipsis;\\r\\n text-overflow: ellipsis;\\r\\n overflow-x: hidden;\\r\\n display: block;\\r\\n padding-left: 15px;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li {\\r\\n padding: 14px 15px;\\r\\n text-align: left;\\r\\n margin: 0;\\r\\n line-height: normal;\\r\\n font-family: inherit;\\r\\n font-weight: 400;\\r\\n font-size: 16px;\\r\\n width: 100%;\\r\\n white-space: normal;\\r\\n -ms-word-break: break-all;\\r\\n word-break: break-all;\\r\\n color:#fff;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead ul.dropdown-menu li.filter input[type=checkbox] {\\r\\n margin-right: 15px;\\r\\n vertical-align: top;\\r\\n outline-color: #fff;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead ul.dropdown-menu li.filter label {\\r\\n font-family: inherit;\\r\\n font-weight: 400;\\r\\n font-size: medium;\\r\\n width: calc(100% - 40px);\\r\\n -ms-word-break: break-all;\\r\\n word-break: break-all;\\r\\n margin-bottom: 0;\\r\\n text-transform: none;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead ul.dropdown-menu li.filter-search input[type=search] {\\r\\n line-height: 36px;\\r\\n height: 36px;\\r\\n padding: 0 10px;\\r\\n font-style: italic;\\r\\n font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;\\r\\n width: calc(100% - 38px);\\r\\n color: rgba(255,255,255,.8);\\r\\n background: 0 0;\\r\\n border: 1px solid rgba(255,255,255,.6);\\r\\n will-change: auto;\\r\\n -webkit-transform: translateZ(0);\\r\\n transform: translateZ(0);\\r\\n}\\r\\n\\r\\n .vx-grid-related .vxTable .vxHead ul.dropdown-menu li.filter-search input[type=search]:active, .vx-grid-related .vxTable .vxHead ul.dropdown-menu li.filter-search input[type=search]:focus {\\r\\n font-style: normal;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTable .vxHead ul.dropdown-menu li.filter-search input[type=search]::-webkit-input-placeholder {\\r\\n color: rgba(255,255,255,.8);\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTable .vxHead ul.dropdown-menu li.filter-search input[type=search]::-moz-placeholder {\\r\\n color: rgba(255,255,255,.8);\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTable .vxHead ul.dropdown-menu li.filter-search input[type=search]:-ms-input-placeholder {\\r\\n color: rgba(255,255,255,.8);\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTable .vxHead ul.dropdown-menu li.filter-search input[type=search]:-moz-placeholder {\\r\\n color: rgba(255,255,255,.8);\\r\\n }\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead ul.dropdown-menu li.filter-search .icon-container.filter-activator {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n line-height: 36px;\\r\\n display: inline-block;\\r\\n margin: 0;\\r\\n color: #fff;\\r\\n border: 1px solid rgba(255,255,255,.6);\\r\\n float: right;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead ul.dropdown-menu li.filterClear.disabled {\\r\\n opacity: .6;\\r\\n filter: alpha(opacity=60);\\r\\n cursor: none;\\r\\n pointer-events: none;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li.filter .filter-toggle, .vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li.sorter, .vx-grid-related .vxTableSettings.columns .colItem:not(.locked) {\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li:hover {\\r\\n background: #000;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li a {\\r\\n color: #fff;\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n .vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li a:focus, .vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li a:hover {\\r\\n background: 0 0;\\r\\n }\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li.sorter .sortIndicator {\\r\\n float: right;\\r\\n font-size: small;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li.filter .filterCheckBox, .vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li.filterClear .indicator, .vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li.hider .hideIndicator {\\r\\n float: left;\\r\\n position: relative;\\r\\n margin-right: 15px;\\r\\n top: -2px;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li.sorter.sorting .sortIndicator {\\r\\n display: inline-block;\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n .vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li.sorter.sorting .sortIndicator.desc {\\r\\n -webkit-transform: rotate(180deg);\\r\\n transform: rotate(180deg);\\r\\n }\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li.grouper .groupIndicator, .vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li.grouper.grouped .group, .vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li.grouper:not(.grouped) .ungroup, .vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li.sorter.sorting.asc .sortIndicator.desc, .vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li.sorter.sorting:not(.asc) .sortIndicator.asc {\\r\\n display: none;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li.filter .filterCheckBox.indicator {\\r\\n color: transparent;\\r\\n border: 1px solid #fff;\\r\\n padding: 0;\\r\\n font-size: small;\\r\\n}\\r\\n\\r\\n .vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li.filter .filterCheckBox.indicator.checked {\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li.filter span.filterItemTitle {\\r\\n margin: 0 10px 0 0;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li.filterClear.disabled a {\\r\\n color: #909090;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTable .vxHead th .dropdown ul.dropdown-menu li.hider .hideIndicator .strikethrough:after {\\r\\n content: \\\"\\\\2571\\\";\\r\\n display: block;\\r\\n color: #fff;\\r\\n font-weight: 800;\\r\\n font-size: 18px;\\r\\n left: 4px;\\r\\n top: -1px;\\r\\n position: absolute;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTableSettings {\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n background: #fff;\\r\\n opacity: 1;\\r\\n filter: alpha(opacity=100);\\r\\n font-family: 'Segoe UI',Arial,Cambria,Cochin,Georgia,Times,Times New Roman,serif;\\r\\n}\\r\\n\\r\\n .vx-grid-related .vxTableSettings .vxSettingsHead {\\r\\n height: 60px;\\r\\n width: 100%;\\r\\n font-family: inherit;\\r\\n border-bottom: 1px dotted #A0A0A0;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableSettings .vxSettingsFooter {\\r\\n height: 78px;\\r\\n width: 100%;\\r\\n font-family: inherit;\\r\\n border-top: 1px dotted #A0A0A0;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableSettings .vxSettingsBody {\\r\\n height: calc(100% - 125px);\\r\\n padding: 0 0 15px;\\r\\n width: 100%;\\r\\n font-family: inherit;\\r\\n overflow-x: auto;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableSettings .columns p.help, .vx-grid-related .vxTableSettings .columns p.helpText, .vx-grid-related .vxTableSettings p.title {\\r\\n font-family: 'Segoe UI',Arial,Cambria,Cochin,Georgia,Times,Times New Roman,serif;\\r\\n font-weight: 400;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableSettings .vxSettingsBody .vxSettingsBodyContainer {\\r\\n /*min-width: 1000px;*/\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableSettings .orderChanger {\\r\\n height: 100%;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableSettings .columns {\\r\\n overflow: auto;\\r\\n -webkit-overflow-scrolling: touch;\\r\\n -ms-overflow-style: -ms-autohiding-scrollbar;\\r\\n height: calc(100% - 15px);\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableSettings .columns p.help {\\r\\n color: #0073c6;\\r\\n font-size: large;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableSettings .columns p.helpText {\\r\\n color: #303030;\\r\\n font-size: small;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableSettings .orderChanger .columns {\\r\\n overflow: auto;\\r\\n -webkit-overflow-scrolling: touch;\\r\\n -ms-overflow-style: -ms-autohiding-scrollbar;\\r\\n height: calc(100% - 15px);\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableSettings .columns .colItem:active, .vx-grid-related .vxTableSettings .columns .colItem:focus {\\r\\n outline: #303030 dotted 1px;\\r\\n outline-offset: -5px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableSettings .columns .colItem.selected:active, .vx-grid-related .vxTableSettings .columns .colItem.selected:focus {\\r\\n outline: #fff dotted 1px;\\r\\n outline-offset: -5px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableSettings .visChangers .visChangersContainer {\\r\\n margin: 15px 0 0;\\r\\n padding: calc(.5 * (90vh - 300px)) 0;\\r\\n }\\r\\n\\r\\n.vx-grid-related .visChangers .visChangersContainer .visChangersItem .icon-container {\\r\\n display: block;\\r\\n margin: 0 auto 15px;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTableSettings button.vsTableButton {\\r\\n padding: 10px 15px;\\r\\n text-align: center;\\r\\n min-width: 100px;\\r\\n font-family: inherit;\\r\\n font-size: medium;\\r\\n background: 0 0;\\r\\n border: 2px solid #006ebd;\\r\\n border-radius: 0;\\r\\n color: #006ebd;\\r\\n cursor: pointer;\\r\\n margin: 15px 15px 0 0;\\r\\n}\\r\\n\\r\\n .vx-grid-related .vxTableSettings button.vsTableButton.active {\\r\\n background: #006ebd;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableSettings button.vsTableButton.diasbled, .vx-grid-related .vxTableSettings button.vsTableButton[diasbled] {\\r\\n color: #000;\\r\\n border: 2px solid #000;\\r\\n opacity: .5;\\r\\n filter: alpha(opacity=50);\\r\\n cursor: none;\\r\\n }\\r\\n\\r\\n.vx-grid-related .vxTableSettings p.title {\\r\\n color: #006ebd;\\r\\n width: calc(100% - 52px);\\r\\n display: inline-block;\\r\\n line-height: 60px;\\r\\n font-size: large;\\r\\n margin: 0;\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxSettingsBody .columns .colItem input.inputStyle.colInput, .vx-grid-related .vxSettingsBody .columns .colItem label.colLabel, .vx-grid-related .vxSettingsBody .columns .colItem p.colLabel, .vx-grid-related .vxSettingsBody .columns .colItem p.colName {\\r\\n font-size: medium;\\r\\n font-family: 'Segoe UI',Arial,Cambria,Cochin,Georgia,Times,Times New Roman,serif;\\r\\n font-weight: 400;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTableSettings .vxSettingsHead .icon-container {\\r\\n display: inline-block;\\r\\n border: none;\\r\\n margin-left: 0;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxSettingsBody .columns {\\r\\n margin-top: 15px;\\r\\n padding: 15px;\\r\\n border: 1px dotted #A0A0A0;\\r\\n}\\r\\n\\r\\n .vx-grid-related .vxSettingsBody .columns .colItem {\\r\\n padding: 6px 0 4px;\\r\\n background: 0 0;\\r\\n border-bottom: 1px dotted #D0D0D0;\\r\\n border-left: 3px solid #fff;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxSettingsBody .columns .colItem.locked {\\r\\n background-color: #f8f1f1;\\r\\n border-left: 3px solid #f8f1f1;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxSettingsBody .columns .colItem.selected {\\r\\n background-color: #006ebd;\\r\\n border-left: 3px solid #006ebd;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxSettingsBody .columns .colItem.selected p.colLabel, .vx-grid-related .vxSettingsBody .columns .colItem.selected p.colLabel .icon, .vx-grid-related .vxSettingsBody .columns .colItem.selected p.colName {\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxSettingsBody .columns .colItem p.colName {\\r\\n color: #303030;\\r\\n margin: 0;\\r\\n line-height: 40px;\\r\\n -ms-word-break: break-all;\\r\\n word-break: break-all;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxSettingsBody .columns .colItem input.inputStyle.colInput {\\r\\n border: 1px solid #A0A0A0;\\r\\n border-radius: 0;\\r\\n display: inline-block;\\r\\n width: 75px;\\r\\n text-align: center;\\r\\n margin: 0 0 0 5px;\\r\\n height: 40px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxSettingsBody .columns .colItem input.inputStyle.colInput[disabled] {\\r\\n background: 0 0;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxSettingsBody .columns .colItem.selected input.inputStyle.colInput {\\r\\n background: 0 0;\\r\\n border-color: #fff;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxSettingsBody .columns .colItem label.colLabel, .vx-grid-related .vxSettingsBody .columns .colItem p.colLabel {\\r\\n color: #303030;\\r\\n line-height: 40px;\\r\\n display: inline-block;\\r\\n margin: 0;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxSettingsBody .columns .colItem label.colLabel.xl, .vx-grid-related .vxSettingsBody .columns .colItem p.colLabel.xl {\\r\\n font-family: 'Segoe UI',Arial,Cambria,Cochin,Georgia,Times,Times New Roman,serif;\\r\\n font-size: large;\\r\\n font-weight: 400;\\r\\n color: #303030;\\r\\n line-height: 40px;\\r\\n display: inline-block;\\r\\n margin: 0;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxSettingsBody .columns .colItem label.colLabel .icon, .vx-grid-related .vxSettingsBody .columns .colItem p.colLabel .icon {\\r\\n color: #b00;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxSettingsBody .columns .colItem input.colCheckbox {\\r\\n position: relative;\\r\\n top: 2px;\\r\\n margin-left: 5px;\\r\\n }\\r\\n\\r\\n.vx-grid-related .vxSettingsBody .orderMovers {\\r\\n width: 150px;\\r\\n display: block;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n .vx-grid-related .vxSettingsBody .orderMovers .icon-container {\\r\\n display: inline-block;\\r\\n margin-left: 15px;\\r\\n border-color: #303030;\\r\\n color: #303030;\\r\\n width: 40px;\\r\\n line-height: 40px;\\r\\n margin-top: 15px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxSettingsBody .orderMovers .icon-container.disabled {\\r\\n color: #909090;\\r\\n background: #f0f0f0;\\r\\n border-color: #A0A0A0;\\r\\n opacity: 1;\\r\\n filter: alpha(opacity=100);\\r\\n cursor: none;\\r\\n }\\r\\n\\r\\n.vx-grid-related .vxTablePagination .icon-container.dirNumContainer, .vx-grid-related .vxTablePagination .icon-container.pageNumContainer {\\r\\n border: none;\\r\\n vertical-align: bottom;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vxTableSettings .vxSettingsFooter .infoBtns {\\r\\n display: inline-block;\\r\\n padding: 10px 15px;\\r\\n font-family: inherit;\\r\\n font-size: medium;\\r\\n position: relative;\\r\\n top: 10px;\\r\\n color: #303030;\\r\\n}\\r\\n\\r\\n .vx-grid-related .vxTableSettings .vxSettingsFooter .infoBtns .icon {\\r\\n font-size: medium;\\r\\n color: #b00;\\r\\n top: 0;\\r\\n left: 0;\\r\\n height: 24px;\\r\\n width: 24px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTableSettings .vxSettingsFooter .infoBtns .infoLabel {\\r\\n font-family: inherit;\\r\\n font-size: medium;\\r\\n margin-left: 5px;\\r\\n margin-right: 20px;\\r\\n color: #303030;\\r\\n vertical-align: top;\\r\\n }\\r\\n\\r\\n.vx-grid-related .vsTableStats p.statTitle, .vx-grid-related .vsTableStats p.statValue, .vx-grid-related .vxTablePagination .icon-container.pageNumContainer i.icon {\\r\\n font-family: 'Segoe UI',Arial,Cambria,Cochin,Georgia,Times,Times New Roman,serif;\\r\\n font-weight: 400;\\r\\n}\\r\\n\\r\\n.vx-grid-related .vsTableStats {\\r\\n padding: 0;\\r\\n max-width: 350px;\\r\\n}\\r\\n\\r\\n .vx-grid-related .vsTableStats p {\\r\\n display: inline;\\r\\n margin: 0;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vsTableStats p.statTitle {\\r\\n color: #303030;\\r\\n font-size: medium;\\r\\n text-transform: uppercase;\\r\\n line-height: 40px;\\r\\n margin: 6px 5px 4px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vsTableStats p.statValue {\\r\\n color: #0073c6;\\r\\n font-size: medium;\\r\\n text-transform: uppercase;\\r\\n line-height: 40px;\\r\\n margin: 6px 15px 4px 0;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vsTableStats p.statTitle.disabled, .vx-grid-related .vsTableStats p.statValue.disabled {\\r\\n opacity: .25;\\r\\n filter: alpha(opacity=25);\\r\\n color: #000;\\r\\n }\\r\\n\\r\\n.vx-grid-related .vxTablePagination {\\r\\n height: 48px;\\r\\n white-space: nowrap;\\r\\n overflow-x: auto;\\r\\n overflow-y: hidden;\\r\\n -webkit-overflow-scrolling: touch;\\r\\n -ms-overflow-style: -ms-autohiding-scrollbar;\\r\\n}\\r\\n\\r\\n .vx-grid-related .vxTablePagination .icon-container {\\r\\n display: inline-block;\\r\\n margin-right: 2px;\\r\\n margin-left: 0;\\r\\n padding: 0;\\r\\n height: 30px;\\r\\n width: 30px;\\r\\n margin-top: 6px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTablePagination .icon-container.dirNumContainer .icon {\\r\\n width: 22px;\\r\\n height: 22px;\\r\\n top: 8px;\\r\\n left: 1px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTablePagination .icon-container.pageNumContainer i.icon {\\r\\n font-size: small;\\r\\n vertical-align: bottom;\\r\\n background: 0 0;\\r\\n top: 0;\\r\\n left: 0;\\r\\n width: 30px;\\r\\n height: 30px;\\r\\n line-height: 30px;\\r\\n }\\r\\n\\r\\n .vx-grid-related .vxTablePagination .icon-container.pageNumContainer.active {\\r\\n background: #0073c6;\\r\\n color: #fff;\\r\\n }\\r\\n\\r\\n.vxH100 {\\r\\n height: 100%;\\r\\n overflow-x: hidden;\\r\\n}\\r\\n\\r\\n.vx-grid-inner {\\r\\n width: 100%;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.marg0 {\\r\\n margin: 0 !important;\\r\\n}\\r\\n\\r\\n.pad0 {\\r\\n padding: 0 !important;\\r\\n}\\r\\n\\r\\n.padA0L10 {\\r\\n padding: 0 0 0 10px !important;\\r\\n}\\r\\n\\r\\n.padA0L5 {\\r\\n padding: 0 0 0 5px !important;\\r\\n}\\r\\n\\r\\n.padA0LR5 {\\r\\n padding: 0 5px !important;\\r\\n}\\r\\n\\r\\n.padA0L10R0 {\\r\\n padding: 0 0 0 10px !important;\\r\\n}\\r\\n\\r\\nimg.vxGridAttendReqd {\\r\\n width: 18px;\\r\\n display: block;\\r\\n margin: 0 auto;\\r\\n}\\r\\n\\r\\n.vx-grid-related .pull-left{\\r\\n float: left !important;\\r\\n}\\r\\n\\r\\n.vx-grid-related .pull-right{\\r\\n float: right !important;\\r\\n}\", \"\"]);\n\n// exports\n\n\n/*** EXPORTS FROM exports-loader ***/\nmodule.exports = module.exports.toString();\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/vxgrid/vx.grid.min.css\n// module id = 745\n// module chunks = 0","module.exports = \"\\r\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/app.component.html\n// module id = 753\n// module chunks = 0","module.exports = \"\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/home/home.component.html\n// module id = 754\n// module chunks = 0","module.exports = \"\\r\\n
\\r\\n\\r\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/vxgrid/vxgrid.component.html\n// module id = 755\n// module chunks = 0","module.exports = \"\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n All
\\r\\n{{baseConfig.vxFilteredData.length | vxNumberFixedLen:2}}
\\r\\nFiltered
\\r\\n\\r\\n 0\\\">\\r\\n {{baseConfig.vxFilteredData.length | vxNumberFixedLen:2}}\\r\\n \\r\\n 00\\r\\n
\\r\\nSelected
\\r\\n{{baseSettings.multiSelected.length | vxNumberFixedLen:2}}
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n 0 && false\\\"\\r\\n [class.disabled]=\\\"editInProgressCount() == 0\\\" (click)=\\\"revertEdits()\\\" aria-label=\\\"revert edits\\\">\\r\\n \\r\\n
\\r\\n 0\\\" (click)=\\\"deleteRows()\\\"\\r\\n aria-label=\\\"delete rows\\\">\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n | \\r\\n \\r\\n \\r\\n {{head.columnName}}\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
| \\r\\n
|---|
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n | \\r\\n {{head.columnName}}\\r\\n | \\r\\n
|---|
\\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n Previous Page\\r\\n
\\r\\n \\r\\n Next Page\\r\\n
\\r\\n \\r\\n Page {{pageNum + 1}}\\r\\n
\\r\\n \\r\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/vxgrid/vxgrid.settings.modal.html\n// module id = 756\n// module chunks = 0"],"sourceRoot":""}\\r\\n
\\r\\n\\r\\n
\\r\\n Manage Columns
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n Available Columns
\\r\\nTo Select a column to change column Visbility, use the up and down arrows
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n{{header.columnName}}
\\r\\n Column locked for all chnages \\r\\n Column Visbility locked for changes \\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n Selected Columns
\\r\\nTo Select a column to change column order, use the up and down arrows
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n{{header.columnName}}
\\r\\n \\r\\n column selected to unselect press spacebar or enter\\r\\n column press spacebar or enter to select column for changing visibility or order\\r\\n \\r\\n Column locked for all changes\\r\\n Column visibility locked for changes\\r\\n Column Order locked for changes\\r\\n Column Width locked for changes\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n