@websy/websy-designs 0.0.99 → 0.0.103

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/server/helpers/v1/pdfHelper.js +44 -39
  2. package/dist/server/helpers/v1/pgHelper.js +8 -4
  3. package/dist/server/websy-designs-server.js +1 -1
  4. package/dist/websy-designs-flttr.min.css +1 -1
  5. package/dist/websy-designs.debug.js +202 -47
  6. package/dist/websy-designs.js +321 -146
  7. package/dist/websy-designs.min.css +1 -1
  8. package/dist/websy-designs.min.js +1 -1
  9. package/package.json +1 -1
package/dist/server/helpers/v1/pdfHelper.js CHANGED
@@ -62,51 +62,56 @@ let convertHTMLToPDF = (html, name, callback, options_in = null, displayHeaderFo
62
62
  pOptions.executablePath = process.env.CHROME_PATH
63
63
  }
64
64
  puppeteer.launch(pOptions).then(browser => {
65
- browser.newPage().then(page => {
65
+ browser.newPage().then(page => {
66
+ page.on('requestfailed', err => {
67
+ console.log('request failed', err)
68
+ })
69
+ page.on('error', err => {
70
+ console.log('error', err)
71
+ })
66
72
  const pdfId = name
67
73
  // options.path = `${process.env.APP_ROOT}/pdf/${pdfId}.pdf`
68
74
  // From https://github.com/GoogleChrome/puppeteer/issues/728#issuecomment-359047638
69
75
  // Using this method to preserve external resources while maximizing allowed size of pdf
70
- // Capture first request only
71
- page.setUserAgent('Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 Safari/537.36 WAIT_UNTIL=load')
72
- page.setRequestInterception(true).then(() => {
73
- // page.once('request', request => {
74
- // // Fulfill request with HTML, and continue all subsequent requests
75
- // request.respond({body: html})
76
- // page.on('request', request => request.continue())
77
- // })
78
- page.setContent(html).then(() => {
79
- page.evaluateHandle('document.fonts.ready').then(() => {
80
- report.pdfPage(page, options).then(pdf => {
81
- browser.close()
82
- callback(null, toBuffer(pdf.buffer))
83
- }, (error) => {
84
- console.log(error)
85
- console.log('info', `Error creating PDF: ${error}`)
86
- browser.close()
87
- callback(error)
88
- })
76
+ // Capture first request only
77
+ // page.setRequestInterception(true).then(() => {
78
+ // page.once('request', request => {
79
+ // // Fulfill request with HTML, and continue all subsequent requests
80
+ // request.respond({body: html})
81
+ // page.on('request', request => request.continue())
82
+ // })
83
+ page.setContent(html, {waitUntil: ['load', 'domcontentloaded', 'networkidle2', 'networkidle0']}).then(() => {
84
+ page.evaluateHandle('document.fonts.ready').then(() => {
85
+ report.pdfPage(page, options).then(pdf => {
86
+ browser.close()
87
+ callback(null, toBuffer(pdf.buffer))
88
+ }, (error) => {
89
+ console.log(error)
90
+ console.log('info', `Error creating PDF: ${error}`)
91
+ browser.close()
92
+ callback(error)
89
93
  })
90
94
  })
91
- // page.goto(process.env.PDF_PAGE || 'http://localhost:4000', {waitUntil: ['load', 'domcontentloaded', 'networkidle2', 'networkidle0']}).then(gotoResponse => {
92
- // page.setViewport({width: 1500, height: 2000, deviceScaleFactor: 1}).then(() => {
93
- // options.path = `${process.env.APP_ROOT}/pdf/${pdfId}.pdf`
94
- // report.pdfPage(page, options).then(pdf => {
95
- // browser.close()
96
- // callback(null, toBuffer(pdf.buffer))
97
- // }, (error) => {
98
- // console.log(error)
99
- // console.log('info', `Error creating PDF: ${error}`)
100
- // browser.close()
101
- // callback(error)
102
- // })
103
- // })
104
- // }, err => {
105
- // console.log('info', `Error fetching: ${err}`)
106
- // })
107
- }, err => {
108
- console.log('info', `Error in interception: ${err}`)
109
- })
95
+ })
96
+ // page.goto(process.env.PDF_PAGE || 'http://localhost:4000', {waitUntil: ['load', 'domcontentloaded', 'networkidle2', 'networkidle0']}).then(gotoResponse => {
97
+ // page.setViewport({width: 1500, height: 2000, deviceScaleFactor: 1}).then(() => {
98
+ // options.path = `${process.env.APP_ROOT}/pdf/${pdfId}.pdf`
99
+ // report.pdfPage(page, options).then(pdf => {
100
+ // browser.close()
101
+ // callback(null, toBuffer(pdf.buffer))
102
+ // }, (error) => {
103
+ // console.log(error)
104
+ // console.log('info', `Error creating PDF: ${error}`)
105
+ // browser.close()
106
+ // callback(error)
107
+ // })
108
+ // })
109
+ // }, err => {
110
+ // console.log('info', `Error fetching: ${err}`)
111
+ // })
112
+ // }, err => {
113
+ // console.log('info', `Error in interception: ${err}`)
114
+ // })
110
115
  }, err => {
111
116
  console.log('info', `Error creating page: ${err}`)
112
117
  })
package/dist/server/helpers/v1/pgHelper.js CHANGED
@@ -40,12 +40,16 @@ class PGHelper {
40
40
  this.pool = pool
41
41
  this.onReadyAuthCallbackFn = null
42
42
  this.onReadyShopCallbackFn = null
43
+ this.options = { entityConfig: {} }
43
44
  this.updateIgnores = [
44
45
  'id',
45
46
  'create_date'
46
47
  ]
47
48
  }
48
- init () {
49
+ init (options) {
50
+ if (options.entityConfig) {
51
+ this.options = Object.assign({}, options)
52
+ }
49
53
  return new Promise((resolve, reject) => {
50
54
  this.pool.connect().then(client => {
51
55
  this.client = client
@@ -67,12 +71,12 @@ class PGHelper {
67
71
  `
68
72
  }
69
73
  buildInsert (entity, data, user) {
70
- delete data.id
74
+ delete data[(this.options.entityConfig[entity] && this.options.entityConfig[entity].idColumn) || 'id']
71
75
  // data.create_user = user
72
76
  return `
73
77
  INSERT INTO ${entity} (${Object.keys(data).join(',')})
74
78
  VALUES (${Object.values(data).map(d => (d === null ? `${d}` : `'${d}'`)).join(',')})
75
- RETURNING id
79
+ RETURNING ${(this.options.entityConfig[entity] && this.options.entityConfig[entity].idColumn) || 'id'}
76
80
  `
77
81
  }
78
82
  buildOrderBy (query) {
@@ -93,7 +97,7 @@ class PGHelper {
93
97
  WHERE table_name = '${entity}' AND language = '${lang}'
94
98
  GROUP BY entity_id
95
99
  ) as translations
96
- ON ${entity}.id = translations.entity_id
100
+ ON ${entity}.${(this.options.entityConfig[entity] && this.options.entityConfig[entity].idColumn) || 'id'} = translations.entity_id
97
101
  `
98
102
  }
99
103
  sql += `
package/dist/server/websy-designs-server.js CHANGED
@@ -48,7 +48,7 @@ module.exports = function (options) {
48
48
  app.use('/pdf', require(`./routes/${version}/pdf`))
49
49
  if (options.useDB === true) {
50
50
  const dbHelper = require(`./helpers/${version}/${options.dbEngine}Helper`)
51
- dbHelper.init().then(() => {
51
+ dbHelper.init(options.dbOptions).then(() => {
52
52
  console.log('initializing session')
53
53
  console.log(dbHelper.pool)
54
54
  // const store = new DBSession({
package/dist/websy-designs-flttr.min.css CHANGED
@@ -1 +1 @@
1
- .primary{color:#ffaa00}.primary-bg{background-color:#ffaa00}.primary-light{color:#4e43ed}.primary-light-bg{background-color:#4e43ed}.primary-dark{color:#4e43ed}.primary-dark-bg{background-color:#4e43ed}.secondary{color:#827af2}.secondary-bg{background-color:#827af2}.secondary-light{color:#827af2}.secondary-light-bg{background-color:#827af2}.secondary-dark{color:#827af2}.secondary-dark-bg{background-color:#827af2}body{font-size:18px;line-height:27px;letter-spacing:.1em}h1,h2,h3,h4{line-height:1.5em}h1{font-size:44px}h2{font-size:33px}h3{font-size:22px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.websy-row{padding:0;box-sizing:border-box;margin-left:-15px;margin-right:-15px}[class*='websy-ib-col-']{padding-left:15px;padding-right:15px;display:inline-block;box-sizing:border-box;vertical-align:top}[class*='websy-col-']{padding-left:15px;padding-right:15px;float:left;box-sizing:border-box}.websy-ib-col-l-100{width:100%}.websy-ib-col-l-90{width:90%}.websy-ib-col-l-80{width:80%}.websy-ib-col-l-75{width:75%}.websy-ib-col-l-70{width:70%}.websy-ib-col-l-60{width:60%}.websy-ib-col-l-50{width:50%}.websy-ib-col-l-40{width:40%}.websy-ib-col-l-33{width:33.33%}.websy-ib-col-l-30{width:30%}.websy-ib-col-l-25{width:25%}.websy-ib-col-l-20{width:20%}.websy-ib-col-l-10{width:10%}.websy-col-l-100{width:100%}.websy-col-l-90{width:90%}.websy-col-l-80{width:80%}.websy-col-l-75{width:75%}.websy-col-l-70{width:70%}.websy-col-l-60{width:60%}.websy-col-l-50{width:50%}.websy-col-l-40{width:40%}.websy-col-l-33{width:33.33%}.websy-col-l-30{width:30%}.websy-col-l-25{width:25%}.websy-col-l-20{width:20%}.websy-col-l-10{width:10%}@media screen and (max-width:1024px){.websy-ib-col-m-100{width:100%}.websy-ib-col-m-90{width:90%}.websy-ib-col-m-80{width:80%}.websy-ib-col-m-75{width:75%}.websy-ib-col-m-70{width:70%}.websy-ib-col-m-60{width:60%}.websy-ib-col-m-50{width:50%}.websy-ib-col-m-40{width:40%}.websy-ib-col-m-33{width:33%}.websy-ib-col-m-30{width:30%}.websy-ib-col-m-25{width:25%}.websy-ib-col-m-20{width:20%}.websy-ib-col-m-10{width:10%}.websy-col-m-100{width:100%}.websy-col-m-90{width:90%}.websy-col-m-80{width:80%}.websy-col-m-75{width:75%}.websy-col-m-70{width:70%}.websy-col-m-60{width:60%}.websy-col-m-50{width:50%}.websy-col-m-40{width:40%}.websy-col-m-33{width:33.33%}.websy-col-m-30{width:30%}.websy-col-m-25{width:25%}.websy-col-m-20{width:20%}.websy-col-m-10{width:10%}}@media screen and (max-width:415px){.websy-ib-col-s-100{width:100%}.websy-ib-col-s-90{width:90%}.websy-ib-col-s-80{width:80%}.websy-ib-col-s-75{width:75%}.websy-ib-col-s-70{width:70%}.websy-ib-col-s-60{width:60%}.websy-ib-col-s-50{width:50%}.websy-ib-col-s-40{width:40%}.websy-ib-col-s-33{width:33%}.websy-ib-col-s-30{width:30%}.websy-ib-col-s-25{width:25%}.websy-ib-col-s-20{width:20%}.websy-ib-col-s-10{width:10%}.websy-col-s-100{width:100%}.websy-col-s-90{width:90%}.websy-col-s-80{width:80%}.websy-col-s-75{width:75%}.websy-col-s-70{width:70%}.websy-col-s-60{width:60%}.websy-col-s-50{width:50%}.websy-col-s-40{width:40%}.websy-col-s-33{width:33.33%}.websy-col-s-30{width:30%}.websy-col-s-25{width:25%}.websy-col-s-20{width:20%}.websy-col-s-10{width:10%}}.websy-popup-dialog-container{position:fixed;top:0;left:0;width:100vw;height:100vh}.websy-popup-dialog-container .websy-popup-dialog{width:500px;padding:10px 15px;max-width:90%;background-color:#ffffff;position:relative;margin:0 auto;top:calc(50vh - 150px);box-shadow:2px 6px 6px #f2f2f2,inset 1px 1px 1px #f2f2f2}.websy-popup-dialog-container .websy-popup-dialog h1{font-size:16px}.websy-popup-dialog-container .websy-popup-dialog .websy-popup-button-panel{text-align:right}.websy-popup-dialog-container .websy-popup-dialog .websy-popup-button-panel button{margin-left:5px}.websy-loading-container{display:none;top:0;left:0;position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,0.7);z-index:999}.websy-loading-container.global-loader{position:fixed;width:100vw;height:100vh}.websy-loading-container .websy-ripple{display:block;position:relative;top:calc(50% - 32px);width:55px;height:64px;margin:0 auto}.websy-loading-container .websy-ripple div{position:absolute;border:4px solid #ffaa00;opacity:1;border-radius:50%;animation:websy-ripple 1s cubic-bezier(0, .2, .8, 1) infinite}.websy-loading-container .websy-ripple div:nth-child( 2 ){animation-delay:-0.5s}.websy-loading-container h4{text-align:center;position:relative;color:#ffaa00;top:calc(50vh - 32px)}.websy-loading-container p{position:relative;text-align:center;color:#404040;top:calc(50vh - 32px)}.websy-loading-container.dark-loader{background-color:rgba(50,50,50,0.7)}.websy-loading-container.dark-loader .websy-ripple div{border:4px solid #ffffff}.websy-loading-container.dark-loader h4{letter-spacing:.1em}.websy-loading-container.dark-loader h4,.websy-loading-container.dark-loader p{color:#ffffff}.loading .websy-loading-container{display:block}@keyframes websy-ripple{0%{top:28px;left:28px;width:0;height:0;opacity:1}100%{top:-1px;left:-1px;width:58px;height:58px;opacity:0}}.websy-btn{font-size:16px;letter-spacing:.05em;padding:10px 15px;outline:none;background-color:#ffffff;color:#404040;border:1px solid #f2f2f2;cursor:pointer}.websy-btn [disabled]{background-color:#f2f2f2;color:#ffffff;cursor:not-allowed;border:none}.websy-btn.btn-primary{background-color:#ffaa00;color:#ffffff;border:none}.websy-btn.btn-secondary{background-color:#827af2;color:#ffffff;border:none}.websy-btn.btn-accent{background-color:#ba7af2;color:#404040;border:none}.websy-menu-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:transparent;z-index:100;display:none}.websy-menu-mask.open{display:block}.websy-horizontal-list-container .logo *{pointer-events:none}.websy-horizontal-list-container .websy-menu-icon{position:absolute;top:25px;right:25px;display:none}.websy-horizontal-list-container .websy-menu-icon rect{stroke:none;fill:#000000}.websy-horizontal-list-container .websy-menu-block-container{display:inline-block;height:100%}@media screen and (max-width:1024px){.websy-horizontal-list-container .websy-menu-icon{display:block}.websy-horizontal-list-container .websy-menu-icon.open rect:first-of-type{display:none}.websy-horizontal-list-container .websy-menu-icon.open rect:nth-of-type( 2 ){transform:rotate(45deg) translate(3px, -3px);transform-origin:15px 10px}.websy-horizontal-list-container .websy-menu-icon.open rect:last-of-type{transform:rotate(-45deg) translate(3px, 3px);transform-origin:6px 27px}.websy-horizontal-list-container .websy-horizontal-list{position:absolute;height:initial;top:80px;right:0;background-color:#ffffff;width:80vw;box-shadow:0 1px 3px #bbbbbb;display:none;z-index:101}.websy-horizontal-list-container .websy-horizontal-list li{padding:0 15px;display:block;position:relative}.websy-horizontal-list-container .websy-horizontal-list li .active-square{display:none}.websy-horizontal-list-container .websy-horizontal-list li:hover{background-color:#bbbbbb}.websy-horizontal-list-container .websy-horizontal-list .websy-horizontal-list-item .active .selected-bar{width:6px;height:60%;position:absolute;left:-15px;top:20%;background-color:#bbbbbb}.websy-horizontal-list-container .open .websy-horizontal-list{display:block}}.websy-date-picker-container{display:block}.websy-date-picker-container .websy-dp-button-container{padding:5px 10px;text-align:right}.websy-date-picker-container .websy-dropdown-header-label{position:absolute;font-size:.5em;top:-5px;left:0}.websy-date-picker-mask{position:fixed;top:0;left:0;height:100vh;width:100vw;display:none}.websy-date-picker-mask.active{display:block}.websy-date-picker-header{height:40px;line-height:45px;cursor:pointer}.websy-date-picker-header *{pointer-events:none}.websy-date-picker-header svg{transform:rotate(180deg);height:9px}.websy-date-picker-content{padding:10px 0;background-color:#ffffff;box-shadow:0 0 3px #f2f2f2;position:absolute;top:100%;left:0;width:450px;display:none}.websy-date-picker-content.active{display:block}.websy-date-picker-ranges,.websy-date-picker-custom{display:inline-block;vertical-align:top;box-sizing:border-box;font-size:12px}.websy-date-picker-ranges{width:170px}.websy-date-picker-ranges ul{list-style-type:none;padding:0;margin:0;text-align:left;width:100%}.websy-date-picker-ranges li{padding:5px 15px;cursor:pointer}.websy-date-picker-ranges li:hover{background-color:#ba7af2}.websy-date-picker-ranges li.websy-disabled-range{color:#f2f2f2}.websy-date-picker-range{position:relative}.websy-date-picker-range.active:after{content:'';position:absolute;top:0;right:0;width:4px;height:100%;background-color:#ba7af2}.websy-dp-days-header,.websy-dp-date-list,.websy-date-picker-custom{width:280px}.websy-date-picker-custom{border-left:1px solid #bbbbbb}.websy-date-picker-custom .websy-dp-days-header{color:#bbbbbb}.websy-date-picker-custom .websy-dp-date-list{height:240px;overflow-y:auto;position:relative}.websy-date-picker-custom .websy-dp-month-container{padding-top:5px}.websy-date-picker-custom .websy-dp-month-container span{padding-left:13px;color:#bbbbbb}.websy-date-picker-custom ul{list-style-type:none;padding:0;margin:0}.websy-date-picker-custom ul li{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer}.websy-date-picker-custom ul li.selected{background-color:#ba7af2}.websy-date-picker-custom ul li.first{border-bottom-left-radius:50%;border-top-left-radius:50%}.websy-date-picker-custom ul li.last{border-bottom-right-radius:50%;border-top-right-radius:50%}.websy-date-picker-custom ul li.websy-disabled-date{color:#f2f2f2}.websy-dropdown-container{display:block}.websy-dropdown-mask{position:fixed;top:0;left:0;height:100vh;width:100vw;display:none}.websy-dropdown-mask.active{display:block}.websy-dropdown-header{height:40px;line-height:40px;cursor:pointer;position:relative}.websy-dropdown-header span,.websy-dropdown-header svg.arrow{pointer-events:none}.websy-dropdown-header svg,.websy-dropdown-header span{display:inline-block;vertical-align:middle}.websy-dropdown-header svg{stroke:#555555;fill:#555555}.websy-dropdown-header svg *{pointer-events:none}.websy-dropdown-header span{max-width:calc(100% - 30px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.websy-dropdown-header svg.arrow{transform:rotate(180deg);height:9px}.websy-dropdown-header svg.clear{display:none}.websy-dropdown-header.allow-clear.one-selected span,.websy-dropdown-header.allow-clear.multi-selected span{max-width:calc(100% - 60px)}.websy-dropdown-header.allow-clear.one-selected svg.clear,.websy-dropdown-header.allow-clear.multi-selected svg.clear{display:inline-block}.websy-dropdown-header.one-selected .websy-dropdown-header-label{position:absolute;font-size:.5em;top:-15px;left:0}.websy-dropdown-header.multi-selected .websy-dropdown-header-value{position:absolute;font-size:.5em;bottom:15px;left:0}.websy-dropdown-search{margin:0 15px;height:40px;line-height:40px;text-indent:10px;letter-spacing:.1em;border:1px solid #f2f2f2;width:calc(100% - 35px);font-size:inherit}.websy-dropdown-content{padding:10px 0;background-color:#ffffff;box-shadow:0 0 3px #f2f2f2;position:absolute;top:100%;right:0;width:220px;max-height:300px;display:none;z-index:1}.websy-dropdown-content.active{display:block}.websy-dropdown-items{width:220px;max-height:300px;overflow-y:auto}.websy-dropdown-items ul{list-style-type:none;padding:0;margin:0;text-align:left;width:100%;height:100%;overflow-y:auto}.websy-dropdown-items li{padding:0 15px;height:40px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.websy-dropdown-items li:hover{background-color:#f2f2f2}.with-search .websy-dropdown-items{max-height:240px}.websy-dropdown-item{position:relative}.websy-dropdown-item.active:after{content:'';position:absolute;top:0;right:0;width:4px;height:100%;background-color:#ba7af2}.websy-info{display:inline-block;vertical-align:middle;height:24px;position:relative;z-index:100}.websy-info svg{fill:#555555}.websy-info:before{position:absolute;top:auto;bottom:calc(100% + 8px);right:6px;transform:rotate(45deg);background-color:transparent;color:transparent;width:10px;height:10px;z-index:12}.websy-info:after{position:absolute;background-color:transparent;color:transparent;padding:10px 15px;left:calc(50% - 107px);top:auto;width:200px;bottom:calc(100% + 12px);border-radius:2px;z-index:11;font-size:12px;line-height:16px;font-weight:normal;box-shadow:0 0 3px #ffffff}.websy-info.websy-info-dock-left:before{bottom:unset;top:calc(50% - 7px);right:25px}.websy-info.websy-info-dock-left:after{bottom:unset;right:30px;top:calc(50% - 20px)}.websy-info.websy-info-dock-right:before{bottom:unset;right:unset;top:calc(50% - 7px);left:25px}.websy-info.websy-info-dock-right:after{bottom:unset;right:unset;left:30px;top:calc(50% - 20px)}.websy-info.websy-info-dock-bottom:before{bottom:unset;top:calc(100% + 8px)}.websy-info.websy-info-dock-bottom:after{bottom:unset;top:calc(100% + 12px)}.websy-info:hover:after{background-color:#555555;color:#ffffff;content:attr(data-info)}.websy-info:hover:before{background-color:#555555;color:#ffffff;content:''}.websy-pdf-button *{pointer-events:none}.websy-pdf-button svg{width:20px;vertical-align:bottom}.websy-vis-table{height:100%;overflow-y:auto}.websy-vis-table table{border-spacing:0;border-collapse:collapse;display:table;table-layout:fixed;width:100%}.websy-vis-table table td{border:none;font-size:12px;padding:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.websy-vis-table table th{color:#bbbbbb;background-color:transparent;font-size:12px;text-align:left;padding-left:2px;padding-right:10px;padding-top:10px;position:relative}.websy-vis-table table tbody{width:100%;overflow-y:auto;overflow-x:hidden}.websy-vis-table table thead tr:nth-child( 1 ){width:100%;background-color:#ffffff;border-bottom:1px solid #cccccc}.websy-vis-table table thead tr:nth-child( 2 ){width:100%;background-color:#ffffff}.websy-vis-table table tbody tr{width:100%;background-color:#ffffff;border-bottom:1px solid #cccccc}.websy-vis-table .sortOrder{content:url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><title>ionicons-v5-b</title><path d="M414,321.94,274.22,158.82a24,24,0,0,0-36.44,0L98,321.94c-13.34,15.57-2.28,39.62,18.22,39.62H395.82C416.32,361.56,427.38,337.51,414,321.94Z"/></svg>');height:12px;width:12px;margin:auto;position:absolute;left:calc(50% - 6px);top:calc(100% - 8px)}.websy-vis-table .sortOrderHidden{height:8px;width:10px;margin:auto;visibility:hidden}.websy-vis-table .sortOrder.desc{margin:auto;transform:rotate(180deg);position:absolute;top:calc(100% - 3px)}.websy-vis-table .tableSearchIcon{float:right;fill:#cccccc;display:block;margin:auto}.websy-vis-table .tableSearchIcon.active{fill:#555555}.websy-vis-table .tableSearchIcon.selected{float:right;fill:#ffffff;display:block;margin:auto}.websy-vis-table .leftSection{position:relative;cursor:pointer}.websy-vis-table .leftSection .tableHeaderField{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.websy-chart .x-axis text,.websy-chart .y-axis text{fill:#bbbbbb}.websy-chart .x-axis path,.websy-chart .y-axis path,.websy-chart .x-axis line,.websy-chart .y-axis line{stroke:#bbbbbb}.websy-chart .y-axis path,.websy-chart .y-axis line{display:none}.websy-chart-tooltip{overflow:visible}.websy-chart-tooltip .websy-chart-tooltip-content{padding:10px 15px;background-color:#555555;font-size:12px;position:absolute;display:none}.websy-chart-tooltip .websy-chart-tooltip-content.active{display:block}.websy-chart-tooltip .websy-chart-tooltip-content:before{content:'';height:12px;width:12px;background-color:#555555;position:absolute;left:-4px;top:8px;transform:rotate(45deg)}.websy-chart-tooltip .websy-chart-tooltip-content ul{top:0;list-style-type:none;margin:0;padding:0}.websy-chart-tooltip .websy-chart-tooltip-content ul li{position:relative;padding:3px 0;padding-left:15px;color:#ffffff}.websy-chart-tooltip .websy-chart-tooltip-content ul li i{position:absolute;height:10px;width:10px;border-radius:5px;display:inline-block;left:0;top:calc(50% - 5px);margin-right:6px}.websy-chart-tooltip .websy-chart-tooltip-content .title{font-weight:bold;color:#ffffff}.websy-chart-tooltip.left .websy-chart-tooltip-content:before{left:unset;right:-4px;top:8px;transform:rotate(-45deg)}.websy-kpi-info,.websy-kpi-icon{display:inline-block;height:70px;vertical-align:middle}.websy-kpi-icon{width:40px}.websy-kpi-icon img{width:30px;margin-top:14px}.websy-kpi-value{font-size:2em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.websy-kpi-sub-value{font-size:.5em;color:#bbbbbb;margin-top:-5px}.websy-container{width:80vw;margin:0 auto}.websy-container .websy-horizontal-list-container{box-sizing:border-box}.websy-container .websy-horizontal-list-container.fixed{padding:0 10vw;z-index:100}.websy-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(255,255,255,0.7)}.websy-vertical-list-container{width:200px;background-color:#f2f2f2}.websy-vertical-list-container.fixed{position:fixed;top:0;bottom:0;left:0;z-index:100}.websy-vertical-list-container.fixed.open{left:-200px}.websy-vertical-list-container.fixed .websy-menu-icon{position:fixed;top:6px;left:0}.websy-vertical-list-container.fixed .logo{position:relative;left:55px}@media screen and (max-width:415px){.websy-vertical-list-container.fixed{left:-200px}.websy-vertical-list-container.fixed.open{left:0;width:80vw}.websy-vertical-list-container.fixed.open .websy-menu-header{padding:20px 10px}}.websy-vertical-list-container .logo *{pointer-events:none}.websy-vertical-list-container .logo img{height:60px;width:auto;margin:10px 0}.websy-horizontal-list-container{width:100vw;height:80px;background-color:#f2f2f2}.websy-horizontal-list-container.fixed{position:fixed;top:0;bottom:0;left:0}.websy-horizontal-list-container .logo{display:inline-block;vertical-align:top;width:auto;margin-right:20px}.websy-horizontal-list-container .logo img{height:60px;width:auto;margin:10px 0}.websy-vertical-list,.websy-horizontal-list{padding:0;margin:0;list-style-type:none;transition:.2s linear all;overflow:hidden}.websy-vertical-list .websy-menu-collapsed,.websy-horizontal-list .websy-menu-collapsed{height:0}.websy-vertical-list .popout-menu,.websy-horizontal-list .popout-menu{display:none}.websy-vertical-list .websy-menu-header,.websy-horizontal-list .websy-menu-header{position:relative}.websy-vertical-list .websy-menu-header.active .active-square,.websy-horizontal-list .websy-menu-header.active .active-square{position:absolute;width:15px;height:15px;background-color:#ffffff;transform:rotate(45deg)}.websy-vertical-list .websy-menu-header.selected .selected-bar,.websy-horizontal-list .websy-menu-header.selected .selected-bar{position:absolute;box-sizing:border-box}.websy-vertical-list .websy-menu-header .menu-carat,.websy-horizontal-list .websy-menu-header .menu-carat{position:absolute;width:6px;height:6px}.websy-vertical-list .websy-vertical-list-item,.websy-horizontal-list .websy-vertical-list-item{padding:0}.websy-vertical-list .websy-vertical-list-item.active,.websy-horizontal-list .websy-vertical-list-item.active{background-color:#f2f2f2}.websy-vertical-list .websy-vertical-list-item:hover,.websy-horizontal-list .websy-vertical-list-item:hover,.websy-vertical-list .websy-vertical-list-item.menu-open,.websy-horizontal-list .websy-vertical-list-item.menu-open{background-color:#bbbbbb}.websy-vertical-list .websy-vertical-list-item.menu-open .menu-carat,.websy-horizontal-list .websy-vertical-list-item.menu-open .menu-carat{transform:rotate(-135deg)}.websy-horizontal-list{width:auto;display:inline-block;vertical-align:top;height:100%}.websy-horizontal-list.fixed{position:fixed}.websy-horizontal-list .websy-menu-header{padding:26px 0;margin-right:20px}.websy-horizontal-list .websy-menu-header.active .active-square{bottom:-10px;left:calc(50% - 8px)}.websy-horizontal-list .websy-menu-header.selected .selected-bar{border-bottom:3px solid;left:0;width:100%;top:0}.websy-horizontal-list .websy-menu-header .menu-carat{bottom:10px;left:calc(50% - 3px);border-top:1px solid #ffffff;border-left:1px solid #ffffff;transform:rotate(-45deg)}.websy-horizontal-list .websy-horizontal-list-item{display:inline-block;height:100%;width:auto}.websy-vertical-list{width:100%;height:auto}.websy-vertical-list.fixed{position:fixed}.websy-vertical-list .websy-menu-header{padding:10px 0}.websy-vertical-list .websy-menu-header:after{content:attr(data-text)}.websy-vertical-list .websy-menu-header.active .active-square{right:-10px;top:calc(50% - 8px)}.websy-vertical-list .websy-menu-header.selected .selected-bar{border-left:3px solid;left:0;height:100%;top:0}.websy-vertical-list .websy-menu-header .menu-carat{right:10px;top:calc(50% - 3px);border-top:1px solid #ffffff;border-left:1px solid #ffffff;transform:rotate(-45deg)}[data-retracted='true'] .websy-menu-header:after{display:none}[data-retracted='true'] .websy-menu-header .menu-carat{display:none}[data-retracted='true'] .popout{position:absolute;top:0;height:auto;z-index:9999;background-color:#ffaa00}[data-retracted='true'] .popout .websy-menu-header:after{display:initial}.websy-input{border:1px solid #555555;padding:0 15px;height:40px;font-size:1em;letter-spacing:.1em;margin:5px 0;display:block;width:100%;box-sizing:border-box}.websy-textarea{resize:none;height:100px;padding:10px 15px;font-family:inherit}@media screen and (max-width:1024px){}@media screen and (max-width:1024px){h1{font-size:36px}h2{font-size:24px}h3{font-size:20px}}
1
+ .primary{color:#4e43ed}.primary-bg{background-color:#4e43ed}.primary-light{color:#4e43ed}.primary-light-bg{background-color:#4e43ed}.primary-dark{color:#4e43ed}.primary-dark-bg{background-color:#4e43ed}.secondary{color:#827af2}.secondary-bg{background-color:#827af2}.secondary-light{color:#827af2}.secondary-light-bg{background-color:#827af2}.secondary-dark{color:#827af2}.secondary-dark-bg{background-color:#827af2}body{font-size:18px;line-height:27px;letter-spacing:.1em}h1,h2,h3,h4{line-height:1.5em}h1{font-size:44px}h2{font-size:33px}h3{font-size:22px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.websy-row{padding:0;box-sizing:border-box;margin-left:-15px;margin-right:-15px}[class*='websy-ib-col-']{padding-left:15px;padding-right:15px;display:inline-block;box-sizing:border-box;vertical-align:top}[class*='websy-col-']{padding-left:15px;padding-right:15px;float:left;box-sizing:border-box}.websy-ib-col-l-100{width:100%}.websy-ib-col-l-90{width:90%}.websy-ib-col-l-80{width:80%}.websy-ib-col-l-75{width:75%}.websy-ib-col-l-70{width:70%}.websy-ib-col-l-60{width:60%}.websy-ib-col-l-50{width:50%}.websy-ib-col-l-40{width:40%}.websy-ib-col-l-33{width:33.33%}.websy-ib-col-l-30{width:30%}.websy-ib-col-l-25{width:25%}.websy-ib-col-l-20{width:20%}.websy-ib-col-l-10{width:10%}.websy-col-l-100{width:100%}.websy-col-l-90{width:90%}.websy-col-l-80{width:80%}.websy-col-l-75{width:75%}.websy-col-l-70{width:70%}.websy-col-l-60{width:60%}.websy-col-l-50{width:50%}.websy-col-l-40{width:40%}.websy-col-l-33{width:33.33%}.websy-col-l-30{width:30%}.websy-col-l-25{width:25%}.websy-col-l-20{width:20%}.websy-col-l-10{width:10%}@media screen and (max-width:1024px){.websy-ib-col-m-100{width:100%}.websy-ib-col-m-90{width:90%}.websy-ib-col-m-80{width:80%}.websy-ib-col-m-75{width:75%}.websy-ib-col-m-70{width:70%}.websy-ib-col-m-60{width:60%}.websy-ib-col-m-50{width:50%}.websy-ib-col-m-40{width:40%}.websy-ib-col-m-33{width:33%}.websy-ib-col-m-30{width:30%}.websy-ib-col-m-25{width:25%}.websy-ib-col-m-20{width:20%}.websy-ib-col-m-10{width:10%}.websy-col-m-100{width:100%}.websy-col-m-90{width:90%}.websy-col-m-80{width:80%}.websy-col-m-75{width:75%}.websy-col-m-70{width:70%}.websy-col-m-60{width:60%}.websy-col-m-50{width:50%}.websy-col-m-40{width:40%}.websy-col-m-33{width:33.33%}.websy-col-m-30{width:30%}.websy-col-m-25{width:25%}.websy-col-m-20{width:20%}.websy-col-m-10{width:10%}}@media screen and (max-width:415px){.websy-ib-col-s-100{width:100%}.websy-ib-col-s-90{width:90%}.websy-ib-col-s-80{width:80%}.websy-ib-col-s-75{width:75%}.websy-ib-col-s-70{width:70%}.websy-ib-col-s-60{width:60%}.websy-ib-col-s-50{width:50%}.websy-ib-col-s-40{width:40%}.websy-ib-col-s-33{width:33%}.websy-ib-col-s-30{width:30%}.websy-ib-col-s-25{width:25%}.websy-ib-col-s-20{width:20%}.websy-ib-col-s-10{width:10%}.websy-col-s-100{width:100%}.websy-col-s-90{width:90%}.websy-col-s-80{width:80%}.websy-col-s-75{width:75%}.websy-col-s-70{width:70%}.websy-col-s-60{width:60%}.websy-col-s-50{width:50%}.websy-col-s-40{width:40%}.websy-col-s-33{width:33.33%}.websy-col-s-30{width:30%}.websy-col-s-25{width:25%}.websy-col-s-20{width:20%}.websy-col-s-10{width:10%}}.primary{color:#4e43ed}.primary-bg{background-color:#4e43ed}.primary-light{color:#4e43ed}.primary-light-bg{background-color:#4e43ed}.primary-dark{color:#4e43ed}.primary-dark-bg{background-color:#4e43ed}.secondary{color:#827af2}.secondary-bg{background-color:#827af2}.secondary-light{color:#827af2}.secondary-light-bg{background-color:#827af2}.secondary-dark{color:#827af2}.secondary-dark-bg{background-color:#827af2}.websy-popup-dialog-container{position:fixed;top:0;left:0;width:100vw;height:100vh}.websy-popup-dialog-container .websy-popup-dialog{width:500px;padding:10px 15px;max-width:90%;background-color:#ffffff;position:relative;margin:0 auto;top:calc(50vh - 150px);box-shadow:2px 6px 6px #cccccc,inset 1px 1px 1px #f2f2f2}.websy-popup-dialog-container .websy-popup-dialog h1{font-size:16px}.websy-popup-dialog-container .websy-popup-dialog .websy-popup-button-panel{text-align:right}.websy-popup-dialog-container .websy-popup-dialog .websy-popup-button-panel button{margin-left:5px}.websy-loading-container{display:none;top:0;left:0;position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,0.7);z-index:999}.websy-loading-container.global-loader{position:fixed;width:100vw;height:100vh}.websy-loading-container .websy-ripple{display:block;position:relative;top:calc(50% - 32px);width:55px;height:64px;margin:0 auto}.websy-loading-container .websy-ripple div{position:absolute;border:4px solid #4e43ed;opacity:1;border-radius:50%;animation:websy-ripple 1s cubic-bezier(0, .2, .8, 1) infinite}.websy-loading-container .websy-ripple div:nth-child( 2 ){animation-delay:-0.5s}.websy-loading-container h4{text-align:center;position:relative;color:#4e43ed;top:calc(50vh - 32px)}.websy-loading-container p{position:relative;text-align:center;color:#404040;top:calc(50vh - 32px)}.websy-loading-container.dark-loader{background-color:rgba(50,50,50,0.7)}.websy-loading-container.dark-loader .websy-ripple div{border:4px solid #ffffff}.websy-loading-container.dark-loader h4{letter-spacing:.1em}.websy-loading-container.dark-loader h4,.websy-loading-container.dark-loader p{color:#ffffff}.loading .websy-loading-container{display:block}@keyframes websy-ripple{0%{top:28px;left:28px;width:0;height:0;opacity:1}100%{top:-1px;left:-1px;width:58px;height:58px;opacity:0}}.websy-btn{font-size:16px;letter-spacing:.05em;padding:10px 15px;outline:none;background-color:#ffffff;color:#404040;border:1px solid #cccccc;cursor:pointer}.websy-btn [disabled]{background-color:#cccccc;color:#ffffff;cursor:not-allowed;border:none}.websy-btn.btn-primary{background-color:#4e43ed;color:#ffffff;border:none}.websy-btn.btn-secondary{background-color:#827af2;color:#ffffff;border:none}.websy-btn.btn-accent{background-color:#ba7af2;color:#404040;border:none}.websy-menu-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:transparent;z-index:100;display:none}.websy-menu-mask.open{display:block}.websy-horizontal-list-container .logo *{pointer-events:none}.websy-horizontal-list-container .websy-menu-icon{position:absolute;top:25px;right:25px;display:none}.websy-horizontal-list-container .websy-menu-icon rect{stroke:none;fill:#000000}.websy-horizontal-list-container .websy-menu-block-container{display:inline-block;height:100%}@media screen and (max-width:1024px){.websy-horizontal-list-container .websy-menu-icon{display:block}.websy-horizontal-list-container .websy-menu-icon.open rect:first-of-type{display:none}.websy-horizontal-list-container .websy-menu-icon.open rect:nth-of-type( 2 ){transform:rotate(45deg) translate(3px, -3px);transform-origin:15px 10px}.websy-horizontal-list-container .websy-menu-icon.open rect:last-of-type{transform:rotate(-45deg) translate(3px, 3px);transform-origin:6px 27px}.websy-horizontal-list-container .websy-horizontal-list{position:absolute;height:initial;top:80px;right:0;background-color:#ffffff;width:80vw;box-shadow:0 1px 3px #888888;display:none;z-index:101}.websy-horizontal-list-container .websy-horizontal-list li{padding:0 15px;display:block;position:relative}.websy-horizontal-list-container .websy-horizontal-list li .active-square{display:none}.websy-horizontal-list-container .websy-horizontal-list li:hover{background-color:#888888}.websy-horizontal-list-container .websy-horizontal-list .websy-horizontal-list-item .active .selected-bar{width:6px;height:60%;position:absolute;left:-15px;top:20%;background-color:#888888}.websy-horizontal-list-container .open .websy-horizontal-list{display:block}}.websy-date-picker-container{display:block}.websy-date-picker-container .websy-dp-button-container{padding:5px 10px;text-align:right}.websy-date-picker-container .websy-dropdown-header-label{position:absolute;font-size:.5em;top:-5px;left:0}.websy-date-picker-mask{position:fixed;top:0;left:0;height:100vh;width:100vw;display:none}.websy-date-picker-mask.active{display:block}.websy-date-picker-header{height:40px;line-height:45px;cursor:pointer}.websy-date-picker-header *{pointer-events:none}.websy-date-picker-header svg{transform:rotate(180deg);height:9px}.websy-date-picker-content{padding:10px 0;background-color:#ffffff;box-shadow:0 0 3px #cccccc;position:absolute;top:100%;left:0;width:450px;display:none}.websy-date-picker-content.active{display:block}.websy-date-picker-ranges,.websy-date-picker-custom{display:inline-block;vertical-align:top;box-sizing:border-box;font-size:12px}.websy-date-picker-ranges{width:170px}.websy-date-picker-ranges ul{list-style-type:none;padding:0;margin:0;text-align:left;width:100%}.websy-date-picker-ranges li{padding:5px 15px;cursor:pointer}.websy-date-picker-ranges li:hover{background-color:#ba7af2}.websy-date-picker-ranges li.websy-disabled-range{color:#cccccc}.websy-date-picker-range{position:relative}.websy-date-picker-range.active:after{content:'';position:absolute;top:0;right:0;width:4px;height:100%;background-color:#ba7af2}.websy-dp-days-header,.websy-dp-date-list,.websy-date-picker-custom{width:280px}.websy-date-picker-custom{border-left:1px solid #888888}.websy-date-picker-custom .websy-dp-days-header{color:#888888}.websy-date-picker-custom .websy-dp-date-list{height:240px;overflow-y:auto;position:relative}.websy-date-picker-custom .websy-dp-month-container{padding-top:5px}.websy-date-picker-custom .websy-dp-month-container span{padding-left:13px;color:#888888}.websy-date-picker-custom ul{list-style-type:none;padding:0;margin:0}.websy-date-picker-custom ul li{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer}.websy-date-picker-custom ul li.selected{background-color:#ba7af2}.websy-date-picker-custom ul li.first{border-bottom-left-radius:50%;border-top-left-radius:50%}.websy-date-picker-custom ul li.last{border-bottom-right-radius:50%;border-top-right-radius:50%}.websy-date-picker-custom ul li.websy-disabled-date{color:#cccccc}.websy-dropdown-container{display:block}.websy-dropdown-container input.dropdown-input{display:none}.websy-dropdown-mask{position:fixed;top:0;left:0;height:100vh;width:100vw;display:none}.websy-dropdown-mask.active{display:block}.websy-dropdown-header{height:40px;line-height:40px;cursor:pointer;position:relative}.websy-dropdown-header span,.websy-dropdown-header svg.arrow{pointer-events:none}.websy-dropdown-header svg,.websy-dropdown-header span{display:inline-block;vertical-align:middle}.websy-dropdown-header svg{stroke:#333333;fill:#333333}.websy-dropdown-header svg *{pointer-events:none}.websy-dropdown-header span{max-width:calc(100% - 30px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.websy-dropdown-header svg.arrow{transform:rotate(180deg);height:9px}.websy-dropdown-header svg.clear{display:none}.websy-dropdown-header.allow-clear.one-selected span,.websy-dropdown-header.allow-clear.multi-selected span{max-width:calc(100% - 60px)}.websy-dropdown-header.allow-clear.one-selected svg.clear,.websy-dropdown-header.allow-clear.multi-selected svg.clear{display:inline-block}.websy-dropdown-header.one-selected .websy-dropdown-header-label{position:absolute;font-size:.5em;top:-15px;left:0}.websy-dropdown-header.multi-selected .websy-dropdown-header-value{position:absolute;font-size:.5em;bottom:15px;left:0}.websy-dropdown-search{margin:0 15px;height:40px;line-height:40px;text-indent:10px;letter-spacing:.1em;border:1px solid #cccccc;width:calc(100% - 35px);font-size:inherit}.websy-dropdown-content{padding:10px 0;background-color:#ffffff;box-shadow:0 0 3px #cccccc;position:absolute;top:100%;right:0;width:220px;max-height:300px;display:none;z-index:1}.websy-dropdown-content.active{display:block}.websy-dropdown-items{width:220px;max-height:300px;overflow-y:auto}.websy-dropdown-items ul{list-style-type:none;padding:0;margin:0;text-align:left;width:100%;height:100%;overflow-y:auto}.websy-dropdown-items li{padding:0 15px;height:40px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.websy-dropdown-items li:hover{background-color:#f2f2f2}.websy-dropdown-items li.websy-delayed{height:auto;white-space:normal}.with-search .websy-dropdown-items{max-height:240px}.websy-dropdown-item{position:relative}.websy-dropdown-item.active:after{content:'';position:absolute;top:0;right:0;width:4px;height:100%;background-color:#ba7af2}.websy-info{display:inline-block;vertical-align:middle;height:24px;position:relative;z-index:100}.websy-info svg{fill:#333333}.websy-info:before{position:absolute;top:auto;bottom:calc(100% + 8px);right:6px;transform:rotate(45deg);background-color:transparent;color:transparent;width:10px;height:10px;z-index:12}.websy-info:after{position:absolute;background-color:transparent;color:transparent;padding:10px 15px;left:calc(50% - 107px);top:auto;width:200px;bottom:calc(100% + 12px);border-radius:2px;z-index:11;font-size:12px;line-height:16px;font-weight:normal;box-shadow:0 0 3px #ffffff}.websy-info.websy-info-dock-left:before{bottom:unset;top:calc(50% - 7px);right:25px}.websy-info.websy-info-dock-left:after{bottom:unset;right:30px;top:calc(50% - 20px)}.websy-info.websy-info-dock-right:before{bottom:unset;right:unset;top:calc(50% - 7px);left:25px}.websy-info.websy-info-dock-right:after{bottom:unset;right:unset;left:30px;top:calc(50% - 20px)}.websy-info.websy-info-dock-bottom:before{bottom:unset;top:calc(100% + 8px)}.websy-info.websy-info-dock-bottom:after{bottom:unset;top:calc(100% + 12px)}.websy-info:hover:after{background-color:#333333;color:#ffffff;content:attr(data-info)}.websy-info:hover:before{background-color:#333333;color:#ffffff;content:''}.websy-delayed-info{overflow:visible !important;position:relative}.websy-delayed-info:after{background-color:#ffffff;color:#404040;content:attr(data-info);left:0;top:0;width:auto;position:absolute;padding:inherit;z-index:1;box-shadow:0 0 3px #cccccc}.form-component{position:relative}.websy-validation-failure{background-color:#ce5252;border:2px solid #b12121;color:#ffffff;padding:5px 15px;font-size:.8em;margin-bottom:10px}.websy-validation-failure:empty{display:none}.websy-pdf-button *{pointer-events:none}.websy-pdf-button svg{width:20px;vertical-align:bottom}.websy-vis-table{height:100%;overflow-y:auto}.websy-vis-table table{border-spacing:0;border-collapse:collapse;display:table;table-layout:fixed;width:100%}.websy-vis-table table td{border:none;font-size:12px;padding:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.websy-vis-table table th{color:#888888;background-color:transparent;font-size:12px;text-align:left;padding-left:2px;padding-right:10px;padding-top:10px;position:relative}.websy-vis-table table tbody{width:100%;overflow-y:auto;overflow-x:hidden}.websy-vis-table table thead tr:nth-child( 1 ){width:100%;background-color:#ffffff;border-bottom:1px solid #cccccc}.websy-vis-table table thead tr:nth-child( 2 ){width:100%;background-color:#ffffff}.websy-vis-table table tbody tr{width:100%;background-color:#ffffff;border-bottom:1px solid #cccccc}.websy-vis-table .sortOrder{content:url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><title>ionicons-v5-b</title><path d="M414,321.94,274.22,158.82a24,24,0,0,0-36.44,0L98,321.94c-13.34,15.57-2.28,39.62,18.22,39.62H395.82C416.32,361.56,427.38,337.51,414,321.94Z"/></svg>');height:12px;width:12px;margin:auto;position:absolute;left:calc(50% - 6px);top:calc(100% - 8px)}.websy-vis-table .sortOrderHidden{height:8px;width:10px;margin:auto;visibility:hidden}.websy-vis-table .sortOrder.desc{margin:auto;transform:rotate(180deg);position:absolute;top:calc(100% - 3px)}.websy-vis-table .tableSearchIcon{float:right;fill:#cccccc;display:block;margin:auto}.websy-vis-table .tableSearchIcon.active{fill:#555555}.websy-vis-table .tableSearchIcon.selected{float:right;fill:#ffffff;display:block;margin:auto}.websy-vis-table .leftSection{position:relative;cursor:pointer}.websy-vis-table .leftSection .tableHeaderField{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.websy-chart .x-axis text,.websy-chart .y-axis text{fill:#888888}.websy-chart .x-axis path,.websy-chart .y-axis path,.websy-chart .x-axis line,.websy-chart .y-axis line{stroke:#888888}.websy-chart .y-axis path,.websy-chart .y-axis line{display:none}.websy-chart-tooltip{overflow:visible}.websy-chart-tooltip .websy-chart-tooltip-content{padding:10px 15px;background-color:#333333;font-size:12px;position:absolute;display:none}.websy-chart-tooltip .websy-chart-tooltip-content.active{display:block}.websy-chart-tooltip .websy-chart-tooltip-content:before{content:'';height:12px;width:12px;background-color:#333333;position:absolute;left:-4px;top:8px;transform:rotate(45deg)}.websy-chart-tooltip .websy-chart-tooltip-content ul{top:0;list-style-type:none;margin:0;padding:0}.websy-chart-tooltip .websy-chart-tooltip-content ul li{position:relative;padding:3px 0;padding-left:15px;color:#ffffff}.websy-chart-tooltip .websy-chart-tooltip-content ul li i{position:absolute;height:10px;width:10px;border-radius:5px;display:inline-block;left:0;top:calc(50% - 5px);margin-right:6px}.websy-chart-tooltip .websy-chart-tooltip-content .title{font-weight:bold;color:#ffffff}.websy-chart-tooltip.left .websy-chart-tooltip-content:before{left:unset;right:-4px;top:8px;transform:rotate(-45deg)}.websy-kpi-info,.websy-kpi-icon{display:inline-block;height:70px;width:100%;vertical-align:middle}.websy-kpi-icon{width:40px}.websy-kpi-icon img{width:30px;margin-top:14px}.websy-kpi-value{font-size:2em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.websy-kpi-sub-value{font-size:.5em;color:#888888;margin-top:-5px}.websy-container{width:80vw;margin:0 auto}.websy-container .websy-horizontal-list-container{box-sizing:border-box}.websy-container .websy-horizontal-list-container.fixed{padding:0 10vw;z-index:100}.websy-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(255,255,255,0.7)}.websy-vertical-list-container{width:200px;background-color:#cccccc}.websy-vertical-list-container.fixed{position:fixed;top:0;bottom:0;left:0;z-index:100}.websy-vertical-list-container.fixed.open{left:-200px}.websy-vertical-list-container.fixed .websy-menu-icon{position:fixed;top:6px;left:0}.websy-vertical-list-container.fixed .logo{position:relative;left:55px}@media screen and (max-width:415px){.websy-vertical-list-container.fixed{left:-200px}.websy-vertical-list-container.fixed.open{left:0;width:80vw}.websy-vertical-list-container.fixed.open .websy-menu-header{padding:20px 10px}}.websy-vertical-list-container .logo *{pointer-events:none}.websy-vertical-list-container .logo img{height:60px;width:auto;margin:10px 0}.websy-horizontal-list-container{width:100vw;height:80px;background-color:#cccccc}.websy-horizontal-list-container.fixed{position:fixed;top:0;bottom:0;left:0}.websy-horizontal-list-container .logo{display:inline-block;vertical-align:top;width:auto;margin-right:20px}.websy-horizontal-list-container .logo img{height:60px;width:auto;margin:10px 0}.websy-vertical-list,.websy-horizontal-list{padding:0;margin:0;list-style-type:none;transition:.2s linear all;overflow:hidden}.websy-vertical-list .websy-menu-collapsed,.websy-horizontal-list .websy-menu-collapsed{height:0}.websy-vertical-list .popout-menu,.websy-horizontal-list .popout-menu{display:none}.websy-vertical-list .websy-menu-header,.websy-horizontal-list .websy-menu-header{position:relative}.websy-vertical-list .websy-menu-header.active .active-square,.websy-horizontal-list .websy-menu-header.active .active-square{position:absolute;width:15px;height:15px;background-color:#ffffff;transform:rotate(45deg)}.websy-vertical-list .websy-menu-header.selected .selected-bar,.websy-horizontal-list .websy-menu-header.selected .selected-bar{position:absolute;box-sizing:border-box}.websy-vertical-list .websy-menu-header .menu-carat,.websy-horizontal-list .websy-menu-header .menu-carat{position:absolute;width:6px;height:6px}.websy-vertical-list .websy-vertical-list-item,.websy-horizontal-list .websy-vertical-list-item{padding:0}.websy-vertical-list .websy-vertical-list-item.active,.websy-horizontal-list .websy-vertical-list-item.active{background-color:#cccccc}.websy-vertical-list .websy-vertical-list-item:hover,.websy-horizontal-list .websy-vertical-list-item:hover,.websy-vertical-list .websy-vertical-list-item.menu-open,.websy-horizontal-list .websy-vertical-list-item.menu-open{background-color:#888888}.websy-vertical-list .websy-vertical-list-item.menu-open .menu-carat,.websy-horizontal-list .websy-vertical-list-item.menu-open .menu-carat{transform:rotate(-135deg)}.websy-horizontal-list{width:auto;display:inline-block;vertical-align:top;height:100%}.websy-horizontal-list.fixed{position:fixed}.websy-horizontal-list .websy-menu-header{padding:26px 0;margin-right:20px}.websy-horizontal-list .websy-menu-header.active .active-square{bottom:-10px;left:calc(50% - 8px)}.websy-horizontal-list .websy-menu-header.selected .selected-bar{border-bottom:3px solid;left:0;width:100%;top:0}.websy-horizontal-list .websy-menu-header .menu-carat{bottom:10px;left:calc(50% - 3px);border-top:1px solid #ffffff;border-left:1px solid #ffffff;transform:rotate(-45deg)}.websy-horizontal-list .websy-horizontal-list-item{display:inline-block;height:100%;width:auto}.websy-vertical-list{width:100%;height:auto}.websy-vertical-list.fixed{position:fixed}.websy-vertical-list .websy-menu-header{padding:10px 0}.websy-vertical-list .websy-menu-header:after{content:attr(data-text)}.websy-vertical-list .websy-menu-header.active .active-square{right:-10px;top:calc(50% - 8px)}.websy-vertical-list .websy-menu-header.selected .selected-bar{border-left:3px solid;left:0;height:100%;top:0}.websy-vertical-list .websy-menu-header .menu-carat{right:10px;top:calc(50% - 3px);border-top:1px solid #ffffff;border-left:1px solid #ffffff;transform:rotate(-45deg)}[data-retracted='true'] .websy-menu-header:after{display:none}[data-retracted='true'] .websy-menu-header .menu-carat{display:none}[data-retracted='true'] .popout{position:absolute;top:0;height:auto;z-index:9999;background-color:#4e43ed}[data-retracted='true'] .popout .websy-menu-header:after{display:initial}.websy-input{border:1px solid #333333;padding:0 15px;height:40px;font-size:1em;letter-spacing:.1em;margin:5px 0;display:block;width:100%;box-sizing:border-box}.websy-textarea{resize:none;height:100px;padding:10px 15px;font-family:inherit}@media screen and (max-width:1024px){}@media screen and (max-width:1024px){h1{font-size:36px}h2{font-size:24px}h3{font-size:20px}}