@websy/websy-designs 1.7.9 → 1.7.11

package/dist/websy-designs.debug.js

@@ -6470,7 +6470,13 @@ class WebsyTable3 {
             <div id="${this.elementId}_hScrollContainer" class="websy-h-scroll-container">
               <div id="${this.elementId}_hScrollHandle" class="websy-scroll-handle websy-scroll-handle-x"></div>
             </div>
-            <div id="${this.elementId}_touchScroller" class="websy-table-touch-scroller hidden"></div>
+      `
+      if (this.isTouchDevice === true) {
+        html += `
+            <div id="${this.elementId}_touchScroller" class="websy-table-touch-scroller"></div>
+        `
+      }
+      html += `            
           </div>     
           <div id="${this.elementId}_errorContainer" class='websy-vis-error-container'>
             <div>
@@ -6494,7 +6500,7 @@ class WebsyTable3 {
       el.addEventListener('click', this.handleClick.bind(this))
       el.addEventListener('mousedown', this.handleMouseDown.bind(this))
       el.addEventListener('touchstart', this.handleTouchStart.bind(this))
-      window.addEventListener('touchmove', this.handleTouchMove.bind(this))
+      el.addEventListener('touchmove', this.handleTouchMove.bind(this))
       window.addEventListener('touchend', this.handleTouchEnd.bind(this))
       window.addEventListener('mousemove', this.handleMouseMove.bind(this))
       window.addEventListener('mouseup', this.handleMouseUp.bind(this))
@@ -6627,12 +6633,12 @@ class WebsyTable3 {
         }
         if (sizingColumns[sizeIndex].showAsLink === true && cell.value.trim() !== '') {
           cell.value = `
-            <a href='${cell.value}' target='${sizingColumns[sizeIndex].openInNewTab === true ? '_blank' : '_self'}'>${cell.displayText || sizingColumns[sizeIndex].linkText || cell.value}</a>
+            <a href="${encodeURI(cell.value)}" target='${sizingColumns[sizeIndex].openInNewTab === true ? '_blank' : '_self'}'>${cell.displayText || sizingColumns[sizeIndex].linkText || cell.value}</a>
           `
         }
         if (sizingColumns[sizeIndex].showAsRouterLink === true && cell.value.trim() !== '') {
           cell.value = `
-            <a data-view='${(cell.link || cell.value).replace(/'/g, '\'')}' class='websy-trigger'>${cell.value}</a>
+            <a data-view="${(cell.link || cell.value).replace(/'/g, '\'')}" class='websy-trigger'>${cell.value}</a>
           `
         }
         if (sizingColumns[sizeIndex].showAsImage === true) {
@@ -7038,8 +7044,8 @@ class WebsyTable3 {
       this.isPerpetual = true
       // this.perpetualScroll()	
       this.touchStartTime = null
-      const touchScrollEl = document.getElementById(`${this.elementId}_touchScroller`)
-      touchScrollEl.classList.add('hidden')
+      // const touchScrollEl = document.getElementById(`${this.elementId}_touchScroller`)
+      // touchScrollEl.classList.add('hidden')
     }
   }
   handleTouchMove (event) {
@@ -7050,6 +7056,12 @@ class WebsyTable3 {
       if (typeof event.targetTouches !== 'undefined' && event.targetTouches.length > 0) {
         let deltaX = (this.mouseXStart - event.targetTouches[0].pageX)
         let deltaY = (this.mouseYStart - event.targetTouches[0].pageY)
+        const hScrollContainerEl = document.getElementById(`${this.elementId}_hScrollContainer`)
+        const vScrollContainerEl = document.getElementById(`${this.elementId}_vScrollContainer`)
+        const hScrollHandleEl = document.getElementById(`${this.elementId}_hScrollHandle`)    
+        const vScrollHandleEl = document.getElementById(`${this.elementId}_vScrollHandle`)    
+        let translatedDeltaX = deltaX * (hScrollHandleEl.getBoundingClientRect().width / vScrollContainerEl.getBoundingClientRect().width)
+        let translatedDeltaY = deltaY * (vScrollHandleEl.getBoundingClientRect().height / vScrollContainerEl.getBoundingClientRect().height)
         // need to adjust the delta so that it scrolls at a reasonable speed/distance
         const scrollHandleXEl = document.getElementById(`${this.elementId}_hScrollHandle`)
         const scrollHandleYEl = document.getElementById(`${this.elementId}_vScrollHandle`)
@@ -7059,7 +7071,7 @@ class WebsyTable3 {
         // else {
         //   this.isTouchScrolling = false
         // }
-        console.log('delta init', deltaY)
+        console.log('delta', this.mouseYStart, event.targetTouches[0].pageY, deltaY)
         // deltaX = deltaX * (scrollHandleXEl.offsetWidth / this.sizes.scrollableWidth)
         // deltaY = deltaY * (scrollHandleYEl.offsetHeight / this.sizes.bodyHeight)
         // console.log('delta', deltaY)
@@ -7074,11 +7086,13 @@ class WebsyTable3 {
         // delta = Math.max(-10, delta)		
         if (this.isTouchScrolling === true) {			
           // this.$scope.scrollTop += (delta / (this.$scope.layout.qHyperCube.qSize.qcy / this.$scope.rowsToLoad / (this.$scope.totalSpaceAvailable / 250)))          		
-          if (Math.abs(deltaX) > Math.abs(deltaY) && deltaX > 10) {
-            this.scrollX(Math.max(-5, Math.min(5, deltaX)))
+          if (Math.abs(deltaX) > Math.abs(deltaY) && deltaX > 20) {
+            // this.scrollX(Math.max(-5, Math.min(5, translatedDeltaX)))
+            this.scrollX(translatedDeltaX)
           }
-          else {
-            this.scrollY(Math.max(-5, Math.min(5, deltaY)))
+          else if (deltaY > 20) {
+            // this.scrollY(Math.max(-5, Math.min(5, translatedDeltaY)))
+            this.scrollY(translatedDeltaY)
           }
         }		
       }
@@ -7098,8 +7112,8 @@ class WebsyTable3 {
       this.isPerpetual = false
       this.mouseYStart = event.targetTouches[0].pageY
       this.mouseXStart = event.targetTouches[0].pageX    
-      const touchScrollEl = document.getElementById(`${this.elementId}_touchScroller`)
-      touchScrollEl.classList.remove('hidden')
+      // const touchScrollEl = document.getElementById(`${this.elementId}_touchScroller`)
+      // touchScrollEl.classList.remove('hidden')
       const handleYEl = document.getElementById(`${this.elementId}_vScrollHandle`)
       this.handleYStart = handleYEl.offsetTop
       const handleXEl = document.getElementById(`${this.elementId}_hScrollHandle`)
@@ -7943,14 +7957,14 @@ else {
     this.options.data.bottom = { data: [] }
   }  
   if (this.options.orientation === 'vertical') {
-    this.leftAxisLayer.attr('class', 'y-axis')
-    this.rightAxisLayer.attr('class', 'y-axis')
-    this.bottomAxisLayer.attr('class', 'x-axis')
+    this.leftAxisLayer && this.leftAxisLayer.attr('class', 'y-axis')
+    this.rightAxisLayer && this.rightAxisLayer.attr('class', 'y-axis')
+    this.bottomAxisLayer && this.bottomAxisLayer.attr('class', 'x-axis')
   }
   else {
-    this.leftAxisLayer.attr('class', 'x-axis')
-    this.rightAxisLayer.attr('class', 'x-axis')
-    this.bottomAxisLayer.attr('class', 'y-axis')
+    this.leftAxisLayer && this.leftAxisLayer.attr('class', 'x-axis')
+    this.rightAxisLayer && this.rightAxisLayer.attr('class', 'x-axis')
+    this.bottomAxisLayer && this.bottomAxisLayer.attr('class', 'y-axis')
   }
   const el = document.getElementById(this.elementId)
   if (el) {
@@ -9090,8 +9104,7 @@ if (this.options.showLabels === true || series.showLabels === true) {
         if (that.options.grouping === 'stacked' && series.labelPosition !== 'outside') {
           this.setAttribute('text-anchor', 'middle')
         }
-        else if (that.plotWidth - getLabelX.call(that, d) < this.getComputedTextLength()) {
-          console.log('anhor end for', d.y.value)
+        else if (that.plotWidth - getLabelX.call(that, d) < this.getComputedTextLength()) {          
           this.setAttribute('text-anchor', 'end')
           this.setAttribute('x', +(this.getAttribute('x')) - 8)                  
           this.setAttribute('fill', that.options.labelColor || WebsyDesigns.WebsyUtils.getLightDark(d.y.color || d.color || series.color))
@@ -9101,8 +9114,7 @@ if (this.options.showLabels === true || series.showLabels === true) {
           this.setAttribute('x', Math.max(+(this.getAttribute('x')) + 8, 8))                  
           this.setAttribute('fill', that.options.labelColor || WebsyDesigns.WebsyUtils.getLightDark(d.y.color || d.color || series.color))
         }  
-        else if (d.y.value < 0 && this.getAttribute('x') > 0) {
-          console.log('anhor end for', d.y.value)
+        else if (d.y.value < 0 && this.getAttribute('x') > 0) {          
           this.setAttribute('text-anchor', 'end')
           this.setAttribute('x', +(this.getAttribute('x')) - 8)                  
           this.setAttribute('fill', that.options.labelColor || WebsyDesigns.WebsyUtils.getLightDark('#ffffff'))
@@ -9112,8 +9124,7 @@ if (this.options.showLabels === true || series.showLabels === true) {
           this.setAttribute('x', +(this.getAttribute('x')) + 8)                  
           this.setAttribute('fill', that.options.labelColor || WebsyDesigns.WebsyUtils.getLightDark('#ffffff'))
         }
-        else {  
-          console.log('anhor end for', d.y.value)   
+        else {              
           this.setAttribute('text-anchor', 'start')         
           this.setAttribute('fill', that.options.labelColor || WebsyDesigns.WebsyUtils.getLightDark('#ffffff'))
         }
@@ -9151,16 +9162,16 @@ if (this.options.showLabels === true || series.showLabels === true) {
           this.setAttribute('x', +(this.getAttribute('x')) - 8)                  
           this.setAttribute('fill', that.options.labelColor || WebsyDesigns.WebsyUtils.getLightDark(d.y.color || d.color || series.color))
         }  
-        else if (d.y.value < 0 && d.y.value !== that.options.data[yAxis].min) {
-          this.setAttribute('text-anchor', 'end')
-          this.setAttribute('x', +(this.getAttribute('x')) - 8)                  
-          this.setAttribute('fill', that.options.labelColor || WebsyDesigns.WebsyUtils.getLightDark('#ffffff'))
-        }
-        else if (d.y.value < 0 && d.y.value === that.options.data[yAxis].min) {
+        else if (d.y.value < 0 && this.getAttribute('x') < 0) {
           this.setAttribute('text-anchor', 'start')
-          this.setAttribute('x', +(this.getAttribute('x')) + 8)                  
+          this.setAttribute('x', Math.max(+(this.getAttribute('x')) + 8, 8))                  
           this.setAttribute('fill', that.options.labelColor || WebsyDesigns.WebsyUtils.getLightDark(d.y.color || d.color || series.color))
         }  
+        else if (d.y.value < 0 && this.getAttribute('x') > 0) {          
+          this.setAttribute('text-anchor', 'end')
+          this.setAttribute('x', +(this.getAttribute('x')) - 8)                  
+          this.setAttribute('fill', that.options.labelColor || WebsyDesigns.WebsyUtils.getLightDark('#ffffff'))
+        } 
         else if (series.labelPosition === 'outside') {
           this.setAttribute('text-anchor', 'start')
           this.setAttribute('x', +(this.getAttribute('x')) + 8)                  

package/dist/websy-designs.js

@@ -7118,7 +7118,13 @@ var WebsyTable3 = /*#__PURE__*/function () {
     var el = document.getElementById(this.elementId);
 
     if (el) {
-      var html = "\n        <div id='".concat(this.elementId, "_tableContainer' class='websy-vis-table-3 ").concat(this.options.paging === 'pages' ? 'with-paging' : '', " ").concat(this.options.virtualScroll === true ? 'with-virtual-scroll' : '', "'>\n          <!--<div class=\"download-button\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M16 11h5l-9 10-9-10h5v-11h8v11zm1 11h-10v2h10v-2z\"/></svg>\n          </div>-->\n          <div id=\"").concat(this.elementId, "_tableInner\" class=\"websy-table-inner-container\">\n            <table id=\"").concat(this.elementId, "_tableHeader\" class=\"websy-table-header\"></table>\n            <table id=\"").concat(this.elementId, "_tableBody\" class=\"websy-table-body\"></table>\n            <table id=\"").concat(this.elementId, "_tableFooter\" class=\"websy-table-footer\"></table>\n            <div id=\"").concat(this.elementId, "_vScrollContainer\" class=\"websy-v-scroll-container\">\n              <div id=\"").concat(this.elementId, "_vScrollHandle\" class=\"websy-scroll-handle websy-scroll-handle-y\"></div>\n            </div>\n            <div id=\"").concat(this.elementId, "_hScrollContainer\" class=\"websy-h-scroll-container\">\n              <div id=\"").concat(this.elementId, "_hScrollHandle\" class=\"websy-scroll-handle websy-scroll-handle-x\"></div>\n            </div>\n            <div id=\"").concat(this.elementId, "_touchScroller\" class=\"websy-table-touch-scroller hidden\"></div>\n          </div>     \n          <div id=\"").concat(this.elementId, "_errorContainer\" class='websy-vis-error-container'>\n            <div>\n              <div id=\"").concat(this.elementId, "_errorTitle\"></div>\n              <div id=\"").concat(this.elementId, "_errorMessage\"></div>\n            </div>            \n          </div>\n          <div id=\"").concat(this.elementId, "_dropdownContainer\" class=\"table-dropdown-container\"></div>\n          <div id=\"").concat(this.elementId, "_loadingContainer\"></div>\n        </div>\n      ");
+      var html = "\n        <div id='".concat(this.elementId, "_tableContainer' class='websy-vis-table-3 ").concat(this.options.paging === 'pages' ? 'with-paging' : '', " ").concat(this.options.virtualScroll === true ? 'with-virtual-scroll' : '', "'>\n          <!--<div class=\"download-button\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M16 11h5l-9 10-9-10h5v-11h8v11zm1 11h-10v2h10v-2z\"/></svg>\n          </div>-->\n          <div id=\"").concat(this.elementId, "_tableInner\" class=\"websy-table-inner-container\">\n            <table id=\"").concat(this.elementId, "_tableHeader\" class=\"websy-table-header\"></table>\n            <table id=\"").concat(this.elementId, "_tableBody\" class=\"websy-table-body\"></table>\n            <table id=\"").concat(this.elementId, "_tableFooter\" class=\"websy-table-footer\"></table>\n            <div id=\"").concat(this.elementId, "_vScrollContainer\" class=\"websy-v-scroll-container\">\n              <div id=\"").concat(this.elementId, "_vScrollHandle\" class=\"websy-scroll-handle websy-scroll-handle-y\"></div>\n            </div>\n            <div id=\"").concat(this.elementId, "_hScrollContainer\" class=\"websy-h-scroll-container\">\n              <div id=\"").concat(this.elementId, "_hScrollHandle\" class=\"websy-scroll-handle websy-scroll-handle-x\"></div>\n            </div>\n      ");
+
+      if (this.isTouchDevice === true) {
+        html += "\n            <div id=\"".concat(this.elementId, "_touchScroller\" class=\"websy-table-touch-scroller\"></div>\n        ");
+      }
+
+      html += "            \n          </div>     \n          <div id=\"".concat(this.elementId, "_errorContainer\" class='websy-vis-error-container'>\n            <div>\n              <div id=\"").concat(this.elementId, "_errorTitle\"></div>\n              <div id=\"").concat(this.elementId, "_errorMessage\"></div>\n            </div>            \n          </div>\n          <div id=\"").concat(this.elementId, "_dropdownContainer\" class=\"table-dropdown-container\"></div>\n          <div id=\"").concat(this.elementId, "_loadingContainer\"></div>\n        </div>\n      ");
 
       if (this.options.paging === 'pages') {
         html += "\n          <div class=\"websy-table-paging-container\">\n            Show <div id=\"".concat(this.elementId, "_pageSizeSelector\" class=\"websy-vis-page-selector\"></div> rows\n            <ul id=\"").concat(this.elementId, "_pageList\" class=\"websy-vis-page-list\"></ul>\n          </div>\n        ");
@@ -7128,7 +7134,7 @@ var WebsyTable3 = /*#__PURE__*/function () {
       el.addEventListener('click', this.handleClick.bind(this));
       el.addEventListener('mousedown', this.handleMouseDown.bind(this));
       el.addEventListener('touchstart', this.handleTouchStart.bind(this));
-      window.addEventListener('touchmove', this.handleTouchMove.bind(this));
+      el.addEventListener('touchmove', this.handleTouchMove.bind(this));
       window.addEventListener('touchend', this.handleTouchEnd.bind(this));
       window.addEventListener('mousemove', this.handleMouseMove.bind(this));
       window.addEventListener('mouseup', this.handleMouseUp.bind(this));
@@ -7255,11 +7261,11 @@ var WebsyTable3 = /*#__PURE__*/function () {
           }
 
           if (sizingColumns[sizeIndex].showAsLink === true && cell.value.trim() !== '') {
-            cell.value = "\n            <a href='".concat(cell.value, "' target='").concat(sizingColumns[sizeIndex].openInNewTab === true ? '_blank' : '_self', "'>").concat(cell.displayText || sizingColumns[sizeIndex].linkText || cell.value, "</a>\n          ");
+            cell.value = "\n            <a href=\"".concat(encodeURI(cell.value), "\" target='").concat(sizingColumns[sizeIndex].openInNewTab === true ? '_blank' : '_self', "'>").concat(cell.displayText || sizingColumns[sizeIndex].linkText || cell.value, "</a>\n          ");
           }
 
           if (sizingColumns[sizeIndex].showAsRouterLink === true && cell.value.trim() !== '') {
-            cell.value = "\n            <a data-view='".concat((cell.link || cell.value).replace(/'/g, '\''), "' class='websy-trigger'>").concat(cell.value, "</a>\n          ");
+            cell.value = "\n            <a data-view=\"".concat((cell.link || cell.value).replace(/'/g, '\''), "\" class='websy-trigger'>").concat(cell.value, "</a>\n          ");
           }
 
           if (sizingColumns[sizeIndex].showAsImage === true) {
@@ -7714,9 +7720,8 @@ var WebsyTable3 = /*#__PURE__*/function () {
         this.touchEndTime = new Date().getTime();
         this.isPerpetual = true; // this.perpetualScroll()	
 
-        this.touchStartTime = null;
-        var touchScrollEl = document.getElementById("".concat(this.elementId, "_touchScroller"));
-        touchScrollEl.classList.add('hidden');
+        this.touchStartTime = null; // const touchScrollEl = document.getElementById(`${this.elementId}_touchScroller`)
+        // touchScrollEl.classList.add('hidden')
       }
     }
   }, {
@@ -7730,7 +7735,13 @@ var WebsyTable3 = /*#__PURE__*/function () {
 
         if (typeof event.targetTouches !== 'undefined' && event.targetTouches.length > 0) {
           var deltaX = this.mouseXStart - event.targetTouches[0].pageX;
-          var deltaY = this.mouseYStart - event.targetTouches[0].pageY; // need to adjust the delta so that it scrolls at a reasonable speed/distance
+          var deltaY = this.mouseYStart - event.targetTouches[0].pageY;
+          var hScrollContainerEl = document.getElementById("".concat(this.elementId, "_hScrollContainer"));
+          var vScrollContainerEl = document.getElementById("".concat(this.elementId, "_vScrollContainer"));
+          var hScrollHandleEl = document.getElementById("".concat(this.elementId, "_hScrollHandle"));
+          var vScrollHandleEl = document.getElementById("".concat(this.elementId, "_vScrollHandle"));
+          var translatedDeltaX = deltaX * (hScrollHandleEl.getBoundingClientRect().width / vScrollContainerEl.getBoundingClientRect().width);
+          var translatedDeltaY = deltaY * (vScrollHandleEl.getBoundingClientRect().height / vScrollContainerEl.getBoundingClientRect().height); // need to adjust the delta so that it scrolls at a reasonable speed/distance
 
           var scrollHandleXEl = document.getElementById("".concat(this.elementId, "_hScrollHandle"));
           var scrollHandleYEl = document.getElementById("".concat(this.elementId, "_vScrollHandle")); // if (Math.abs(deltaY) > this.sizes.cellHeight) {
@@ -7740,7 +7751,7 @@ var WebsyTable3 = /*#__PURE__*/function () {
           //   this.isTouchScrolling = false
           // }
 
-          console.log('delta init', deltaY); // deltaX = deltaX * (scrollHandleXEl.offsetWidth / this.sizes.scrollableWidth)
+          console.log('delta', this.mouseYStart, event.targetTouches[0].pageY, deltaY); // deltaX = deltaX * (scrollHandleXEl.offsetWidth / this.sizes.scrollableWidth)
           // deltaY = deltaY * (scrollHandleYEl.offsetHeight / this.sizes.bodyHeight)
           // console.log('delta', deltaY)
           // NW      
@@ -7755,10 +7766,12 @@ var WebsyTable3 = /*#__PURE__*/function () {
 
           if (this.isTouchScrolling === true) {
             // this.$scope.scrollTop += (delta / (this.$scope.layout.qHyperCube.qSize.qcy / this.$scope.rowsToLoad / (this.$scope.totalSpaceAvailable / 250)))          		
-            if (Math.abs(deltaX) > Math.abs(deltaY) && deltaX > 10) {
-              this.scrollX(Math.max(-5, Math.min(5, deltaX)));
-            } else {
-              this.scrollY(Math.max(-5, Math.min(5, deltaY)));
+            if (Math.abs(deltaX) > Math.abs(deltaY) && deltaX > 20) {
+              // this.scrollX(Math.max(-5, Math.min(5, translatedDeltaX)))
+              this.scrollX(translatedDeltaX);
+            } else if (deltaY > 20) {
+              // this.scrollY(Math.max(-5, Math.min(5, translatedDeltaY)))
+              this.scrollY(translatedDeltaY);
             }
           }
         }
@@ -7782,9 +7795,9 @@ var WebsyTable3 = /*#__PURE__*/function () {
         this.isTouchScrolling = true;
         this.isPerpetual = false;
         this.mouseYStart = event.targetTouches[0].pageY;
-        this.mouseXStart = event.targetTouches[0].pageX;
-        var touchScrollEl = document.getElementById("".concat(this.elementId, "_touchScroller"));
-        touchScrollEl.classList.remove('hidden');
+        this.mouseXStart = event.targetTouches[0].pageX; // const touchScrollEl = document.getElementById(`${this.elementId}_touchScroller`)
+        // touchScrollEl.classList.remove('hidden')
+
         var handleYEl = document.getElementById("".concat(this.elementId, "_vScrollHandle"));
         this.handleYStart = handleYEl.offsetTop;
         var handleXEl = document.getElementById("".concat(this.elementId, "_hScrollHandle"));
@@ -8791,13 +8804,13 @@ var WebsyChart = /*#__PURE__*/function () {
         }
 
         if (this.options.orientation === 'vertical') {
-          this.leftAxisLayer.attr('class', 'y-axis');
-          this.rightAxisLayer.attr('class', 'y-axis');
-          this.bottomAxisLayer.attr('class', 'x-axis');
+          this.leftAxisLayer && this.leftAxisLayer.attr('class', 'y-axis');
+          this.rightAxisLayer && this.rightAxisLayer.attr('class', 'y-axis');
+          this.bottomAxisLayer && this.bottomAxisLayer.attr('class', 'x-axis');
         } else {
-          this.leftAxisLayer.attr('class', 'x-axis');
-          this.rightAxisLayer.attr('class', 'x-axis');
-          this.bottomAxisLayer.attr('class', 'y-axis');
+          this.leftAxisLayer && this.leftAxisLayer.attr('class', 'x-axis');
+          this.rightAxisLayer && this.rightAxisLayer.attr('class', 'x-axis');
+          this.bottomAxisLayer && this.bottomAxisLayer.attr('class', 'y-axis');
         }
 
         var el = document.getElementById(this.elementId);
@@ -9947,7 +9960,6 @@ var WebsyChart = /*#__PURE__*/function () {
             if (that.options.grouping === 'stacked' && series.labelPosition !== 'outside') {
               this.setAttribute('text-anchor', 'middle');
             } else if (that.plotWidth - getLabelX.call(that, d) < this.getComputedTextLength()) {
-              console.log('anhor end for', d.y.value);
               this.setAttribute('text-anchor', 'end');
               this.setAttribute('x', +this.getAttribute('x') - 8);
               this.setAttribute('fill', that.options.labelColor || WebsyDesigns.WebsyUtils.getLightDark(d.y.color || d.color || series.color));
@@ -9956,7 +9968,6 @@ var WebsyChart = /*#__PURE__*/function () {
               this.setAttribute('x', Math.max(+this.getAttribute('x') + 8, 8));
               this.setAttribute('fill', that.options.labelColor || WebsyDesigns.WebsyUtils.getLightDark(d.y.color || d.color || series.color));
             } else if (d.y.value < 0 && this.getAttribute('x') > 0) {
-              console.log('anhor end for', d.y.value);
               this.setAttribute('text-anchor', 'end');
               this.setAttribute('x', +this.getAttribute('x') - 8);
               this.setAttribute('fill', that.options.labelColor || WebsyDesigns.WebsyUtils.getLightDark('#ffffff'));
@@ -9965,7 +9976,6 @@ var WebsyChart = /*#__PURE__*/function () {
               this.setAttribute('x', +this.getAttribute('x') + 8);
               this.setAttribute('fill', that.options.labelColor || WebsyDesigns.WebsyUtils.getLightDark('#ffffff'));
             } else {
-              console.log('anhor end for', d.y.value);
               this.setAttribute('text-anchor', 'start');
               this.setAttribute('fill', that.options.labelColor || WebsyDesigns.WebsyUtils.getLightDark('#ffffff'));
             }
@@ -9995,14 +10005,14 @@ var WebsyChart = /*#__PURE__*/function () {
               this.setAttribute('text-anchor', 'end');
               this.setAttribute('x', +this.getAttribute('x') - 8);
               this.setAttribute('fill', that.options.labelColor || WebsyDesigns.WebsyUtils.getLightDark(d.y.color || d.color || series.color));
-            } else if (d.y.value < 0 && d.y.value !== that.options.data[yAxis].min) {
+            } else if (d.y.value < 0 && this.getAttribute('x') < 0) {
+              this.setAttribute('text-anchor', 'start');
+              this.setAttribute('x', Math.max(+this.getAttribute('x') + 8, 8));
+              this.setAttribute('fill', that.options.labelColor || WebsyDesigns.WebsyUtils.getLightDark(d.y.color || d.color || series.color));
+            } else if (d.y.value < 0 && this.getAttribute('x') > 0) {
               this.setAttribute('text-anchor', 'end');
               this.setAttribute('x', +this.getAttribute('x') - 8);
               this.setAttribute('fill', that.options.labelColor || WebsyDesigns.WebsyUtils.getLightDark('#ffffff'));
-            } else if (d.y.value < 0 && d.y.value === that.options.data[yAxis].min) {
-              this.setAttribute('text-anchor', 'start');
-              this.setAttribute('x', +this.getAttribute('x') + 8);
-              this.setAttribute('fill', that.options.labelColor || WebsyDesigns.WebsyUtils.getLightDark(d.y.color || d.color || series.color));
             } else if (series.labelPosition === 'outside') {
               this.setAttribute('text-anchor', 'start');
               this.setAttribute('x', +this.getAttribute('x') + 8);

package/dist/websy-designs.min.css

@@ -1 +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}h1,h2,h3,h4{line-height:1.5em}h1{font-size:44px}h2{font-size:33px}h3{font-size:22px}.websy-hidden{display:none !important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.websy-responsive-container{margin:0 auto;width:90%;max-width:1400px}.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-responsive-container{width:100%;max-width:900px}.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:576px){.websy-responsive-container{width:calc(100% - 25px)}.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-alert{display:flex;align-items:center;border:1px solid #cccccc;color:#cccccc;border-radius:10px;padding:20px}.websy-alert.websy-alert-error{border:1px solid #b12121;color:#ffffff;background-color:#cc6677}.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-button-group-item{display:inline-block;position:relative;padding:10px 0;margin:0 15px;cursor:pointer}.websy-button-group-item:first-of-type{margin-left:0}.websy-button-group-item.tab-style.active{font-weight:bold;border-bottom:4px solid}.websy-button-group-item.radio-style{padding-left:20px}.websy-button-group-item.radio-style:before{content:'';width:14px;height:14px;border:1px solid #555555;border-radius:50%;position:absolute;left:0;top:13px}.websy-button-group-item.radio-style.active{border-bottom:none}.websy-button-group-item.radio-style.active:after{content:'';width:8px;height:8px;border-radius:50%;background-color:#555555;position:absolute;left:4px;top:17px}.websy-carousel{position:relative;width:100%;height:100%;overflow:hidden;transform:translate3d()}.websy-frame-container{position:absolute;top:0;left:0;height:100%;width:100%}.websy-frame-container>div{background-size:contain;background-repeat:no-repeat;background-position:center;height:100%;width:100%}.websy-frame-container.animate{transition:all .6s ease}.websy-prev-arrow{position:absolute;fill:#333333;top:calc(50% - 10px);left:10px;height:20px;cursor:pointer}.websy-prev-arrow *{pointer-events:none}.websy-next-arrow{position:absolute;fill:#333333;top:calc(50% - 10px);right:10px;height:20px;cursor:pointer}.websy-next-arrow *{pointer-events:none}.websy-btn-parent{display:flex;position:absolute;width:100%;bottom:0;justify-content:center}.websy-progress-btn{color:#fff;display:flex;margin:10px;fill:#fff;cursor:pointer}.websy-progress-btn *{pointer-events:none}.websy-progress-btn-active circle{fill:#fff}.websy-carousel-image{position:absolute}.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(50% - 32px)}.websy-loading-container p{position:relative;text-align:center;color:#404040;top:calc(50% - 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:none;box-sizing:border-box;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{padding-top:20px;border-right:1px solid #cccccc}.websy-menu.right-align{padding-right:30px;text-align:right}.websy-menu.right-align .websy-menu-header{padding-right:15px}.websy-menu.right-align .websy-menu-header .menu-carat{right:unset;left:15px;transform:rotate(135deg)}.websy-menu.right-align .websy-menu-header.active{background-color:#cccccc}.websy-menu.right-align .websy-menu-header.active .menu-carat{border-top:1px solid #ffffff;border-left:1px solid #ffffff}.websy-menu.right-align .websy-menu-header.active .active-square{right:-39px}.websy-menu.right-align .websy-menu-header.menu-open .menu-carat{transform-origin:5px 2px}.websy-menu .websy-child-list{background-color:#ffffff;color:#404040}.websy-menu .websy-menu-icon *{pointer-events:none}.websy-menu .websy-menu-icon svg{fill:#888888}.websy-menu .websy-menu-search{margin:0 10px 20px}.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:#ffffff}.websy-horizontal-list-container .websy-menu-block-container{display:inline-block;height:100%}.websy-horizontal-list-container .websy-menu-secondary{flex-grow:1;flex-shrink:0}@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{border-bottom:2px solid #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;position:relative}.websy-date-picker-container .websy-btn svg{pointer-events:none}.websy-date-picker-container .websy-dp-button-container{padding:5px 10px;text-align:right}.websy-date-picker-container .websy-dp-button-container .dp-footnote{position:absolute;left:15px;font-size:.6rem;bottom:15px;color:#888888;width:calc(100% - 150px);text-align:left}.websy-date-picker-container .websy-dp-button-container button *{pointer-events:none}.websy-date-picker-container .websy-dropdown-header-label{position:absolute;font-size:.5em;top:-5px;left:0}.websy-date-picker-container *{user-select:none}.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 .clear-selection{display:none;pointer-events:initial}.websy-date-picker-header .clear-selection svg{transform:unset;height:unset;display:block}.websy-date-picker-header .clear-selection *{pointer-events:none}.websy-date-picker-header span,.websy-date-picker-header svg,.websy-date-picker-header i{display:inline-block;vertical-align:middle}.websy-date-picker-header span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.websy-date-picker-header svg{transform:rotate(180deg);height:9px}.websy-date-picker-header.allow-clear.range-selected span{max-width:calc(100% - 56px)}.websy-date-picker-header.allow-clear.range-selected .clear-selection{display:inline-block;vertical-align:middle;height:24px;stroke:#333333}.websy-date-picker-content{padding:10px 0;background-color:#ffffff;box-shadow:0 0 3px #cccccc;position:absolute;top:100%;left:0;width:470px;display:none;z-index:200;font-size:.8rem}.websy-date-picker-content.active{display:block}.monthyear .websy-date-picker-content{width:700px}.monthyear .websy-date-picker-content .websy-date-picker-custom{width:525px}.websy-date-picker-ranges,.websy-date-picker-custom{display:inline-block;vertical-align:top;box-sizing:border-box}.hide-ranges{width:305px}.hide-ranges .websy-date-picker-ranges{display:none}.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:10px 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:300px}.websy-date-picker-custom{border-left:1px solid #888888;text-align:left}.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.websy-dp-year,.websy-date-picker-custom ul li.websy-dp-hour{width:50px;height:50px;line-height:50px}.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-drag-drop-container{display:flex;position:relative;width:100%;height:100%}.websy-drag-drop-container.vertical{flex-direction:column}.websy-drop-zone{min-width:5px;height:100%;min-height:40px;vertical-align:bottom;opacity:.5}.websy-drop-zone.drag-over{border:1px dashed #cccccc;width:50px}.websy-dragdrop-item{position:relative;display:flex}.websy-dragdrop-item *{user-select:none}.websy-dragdrop-item .droppable{pointer-events:all}.websy-dragdrop-item.dragging{opacity:.5}.websy-dragdrop-item.dragging .websy-drop-zone{visibility:hidden}.websy-dragdrop-item:last-of-type{flex-grow:1}.websy-dragdrop-item:last-of-type .websy-drop-zone{flex-grow:1;width:auto;margin-left:5px;border:1px dashed #cccccc;display:flex;justify-content:center;align-items:center}.websy-dragdrop-item:last-of-type .websy-drop-zone:before{content:attr(data-placeholder)}.websy-dragdrop-item .websy-dragdrop-item-inner{display:flex;justify-content:center;align-items:center;min-height:40px}.websy-dragdrop-item .websy-dragdrop-item-inner:hover{box-shadow:0 0 3px #cccccc}.websy-dragdrop-item.empty{width:100%;height:100%}.websy-dragdrop-item.empty .websy-drop-zone{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border:1px dashed #cccccc}.websy-dragdrop-item.empty .websy-drop-zone:before{content:attr(data-placeholder)}.vertical .websy-dragdrop-item{flex-direction:column}.vertical .websy-dragdrop-item .websy-drop-zone{width:100%;min-height:5px}.vertical .websy-dragdrop-item .websy-drop-zone.drag-over{height:50px;width:100%;flex-grow:1}.vertical .websy-dragdrop-item:last-of-type .websy-drop-zone{min-height:40px;margin-top:5px;margin-left:unset;border:1px dashed #cccccc}.vertical .websy-dragdrop-item:last-of-type .websy-drop-zone:before{content:attr(data-placeholder)}.websy-drop-zone-placeholder{bottom:unset;top:0}.dragging .websy-drop-zone:hover{border:1px solid #cc6677;width:60px}.websy-dropdown-container{display:block;position:relative}.websy-dropdown-container input.dropdown-input{display:none}.websy-dropdown-container.list{height:100%}.websy-dropdown-container.list svg.search{pointer-events:all}.websy-dropdown-container.list .websy-dropdown-action-container{display:none}.websy-dropdown-container.list .websy-dropdown-header{padding:0 15px}.websy-dropdown-container.list .websy-dropdown-header .arrow{display:none}.websy-dropdown-container.list .websy-dropdown-header.allow-clear span{max-width:calc(100% - 55px)}.websy-dropdown-container.list .websy-dropdown-header.allow-clear span.websy-dropdown-header-value{display:none}.websy-dropdown-container.list .websy-dropdown-header .websy-dropdown-header-label{position:unset;font-size:unset;top:unset;left:unset}.websy-dropdown-container.list .websy-dropdown-content{display:block;width:100%;border:none;box-shadow:none;height:calc(100% - 45px);max-height:unset;top:unset;position:relative;box-sizing:border-box}.websy-dropdown-container.list .websy-dropdown-content.on-top{bottom:unset}.websy-dropdown-container.list .websy-dropdown-items{width:100%;height:100%;max-height:unset;overflow-y:auto}.websy-dropdown-container.list .websy-dropdown-items .websy-dropdown-item{padding:0 15px 0 30px}.websy-dropdown-container.list .websy-dropdown-search{display:none}.websy-dropdown-container.list.search-open .websy-dropdown-items{height:calc(100% - 40px)}.websy-dropdown-container.list.search-open .websy-dropdown-search{display:block}.websy-dropdown-container.list.search-open .websy-dropdown-action-container{display:block;border-top:1px solid #cccccc}.websy-dropdown-mask{position:fixed;top:0;left:0;height:100vh;width:100vw;display:none}.websy-dropdown-mask.active{display:block}.websy-dropdown-header{display:flex;align-items:center;height:40px;line-height:40px;cursor:pointer;position:relative}.websy-dropdown-header *{pointer-events:none}.websy-dropdown-header .clear,.websy-dropdown-header .search{pointer-events:initial}.websy-dropdown-header .header-label{width:100%;position:relative}.websy-dropdown-header svg,.websy-dropdown-header span{display:inline-block;vertical-align:middle}.websy-dropdown-header svg{width:20px;stroke:#333333;fill:#333333;flex-shrink:0;pointer-events:none}.websy-dropdown-header svg *{pointer-events:none}.websy-dropdown-header span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.websy-dropdown-header .arrow,.websy-dropdown-header .search{display:flex}.websy-dropdown-header .arrow{transform:rotate(180deg)}.websy-dropdown-header .arrow svg{height:9px}.websy-dropdown-header .clear{display:none}.websy-dropdown-header.allow-clear.one-selected .clear,.websy-dropdown-header.allow-clear.multi-selected .clear{display:flex}.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-content.on-top{top:unset;bottom:100%}.websy-dropdown-content .websy-dropdown-action-container{position:relative;text-align:right;border-bottom:1px solid #cccccc;padding:0 10px;height:40px;display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:7px;box-sizing:border-box}.websy-dropdown-content .websy-dropdown-action-container button{background-color:transparent;border:none;cursor:pointer}.websy-dropdown-content .websy-dropdown-action-container button svg{pointer-events:none;position:relative;top:4px}.websy-dropdown-content .websy-dropdown-action-container ul{text-align:left;list-style-type:none;margin:0;padding:0;position:absolute;top:100%;display:none;background-color:#ffffff;width:90%;right:0;box-shadow:0 0 3px #cccccc;z-index:1}.websy-dropdown-content .websy-dropdown-action-container ul.active{display:block}.websy-dropdown-content .websy-dropdown-action-container ul li{padding:10px 15px;cursor:pointer}.websy-dropdown-content .websy-dropdown-action-container ul li:hover{background-color:#cccccc}.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 0 35px;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}.websy-dropdown-items li.state-X{background-color:#cccccc}.with-search .websy-dropdown-items{max-height:240px}.with-actions .websy-dropdown-items{max-height:240px}.with-actions.with-search .websy-dropdown-items{max-height:200px}.websy-dropdown-item{position:relative}.websy-dropdown-item.active:before{content:'\2713';position:absolute;top:0;right:unset;width:15px;height:100%;color:#4e43ed;background-color:unset;left:15px;font-family:system-ui}.disabled{color:#cccccc}.disabled svg{stroke:#cccccc;fill:#cccccc}.websy-form-input-has-error .form-component .websy-dropdown-container{border-color:#cc6677}.websy-switch-label,.websy-switch{display:inline-block;vertical-align:middle}.websy-switch{height:20px;width:42px;background-color:#cccccc;position:relative;border-radius:10px;cursor:pointer}.websy-switch:before{content:'';position:absolute;left:0;top:0;height:20px;width:20px;border-radius:50%;background-color:#ffffff;box-shadow:0 0 3px #333333}.websy-switch.enabled{background-color:#44aa99}.websy-switch.enabled:before{left:unset;right:0}.websy-search-input-container{position:relative}.websy-search-input-container .search,.websy-search-input-container .clear{position:absolute;top:15px;left:18px;stroke:#000000}.websy-search-input-container .search *,.websy-search-input-container .clear *{pointer-events:none}.websy-search-input-container .clear{top:14px;left:unset;right:18px;cursor:pointer}.websy-search-input{height:50px;line-height:50px;text-indent:50px;letter-spacing:.1em;border:1px solid #cccccc;width:100%;font-size:inherit;box-sizing:border-box}.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:calc(50% - 5px);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% - 115px);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}.websy-form>div{margin:5px 0 15px}.websy-form>button{margin-top:10px}.websy-form .websy-form-input-has-error .websy-input{border-color:#cc6677;background-color:#eee0e3}.form-component{position:relative}.websy-input-container{position:relative}.websy-validation-failure{background-color:#cc6677;border:2px solid #b12121;color:#ffffff;padding:5px 15px;font-size:.8em;margin-bottom:10px}.websy-validation-failure:empty{display:none}.websy-form-validation-error{font-size:.8em;color:#cc6677;position:absolute;top:100%}.websy-form-validation-error:empty{display:none}.websy-form-required-value{color:#cc6677;font-size:.8rem;vertical-align:text-top}.websy-view{display:none}.websy-view.active{display:initial}.websy-trigger{cursor:pointer}.websy-trigger *{pointer-events:none}.websy-trigger input,.websy-trigger .clickable{pointer-events:initial}.websy-flippable{transform-style:preserve-3d;transition:transform 1s;backface-visibility:hidden;transform:rotateY(180deg);position:absolute;top:0;left:0;width:100%;height:100%}.websy-flippable.active{transform:rotateY(0deg)}.websy-responsive-text{display:flex;flex-direction:column;height:100%;width:100%}.websy-responsive-text span{display:flex}.websy-pager-container{height:50%;position:relative}.websy-pager-container span{display:inline-block;vertical-align:middle}.websy-pager-container .websy-page-selector{display:inline-block;vertical-align:middle;width:70px;border:1px solid #cccccc;border-radius:3px;margin:10px 0;padding:0 15px}.websy-pager-container .websy-page-selector .websy-dropdown-header-value,.websy-pager-container .websy-page-selector svg{position:relative;top:-2px}.websy-pager-container .websy-page-list{position:absolute;right:0;display:inline-block;vertical-align:middle;list-style-type:none}.websy-pager-container .websy-page-list li{display:inline-block;margin:0 2px;border:1px solid transparent;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.websy-pager-container .websy-page-list li.websy-page-num:hover{text-decoration:underline}.websy-pager-container .websy-page-list li.active{font-weight:700;border:1px solid;border-radius:50%}.websy-pager-container .websy-page-list li:first-of-type{margin-right:10px}.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.with-paging{height:calc(100% - 50px)}.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 td *{pointer-events:none}.websy-vis-table table td a{pointer-events:initial}.websy-vis-table table th{color:#888888;background-color:transparent;font-size:12px;text-align:left;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-table-paging-container{height:50%;position:relative}.websy-table-paging-container span{display:inline-block;vertical-align:middle}.websy-table-paging-container .websy-vis-page-selector{display:inline-block;vertical-align:middle;width:70px;border:1px solid #cccccc;border-radius:3px;margin:10px 0;padding:0 15px}.websy-table-paging-container .websy-vis-page-selector .websy-dropdown-header-value,.websy-table-paging-container .websy-vis-page-selector svg{position:relative;top:-2px}.websy-table-paging-container .websy-vis-page-list{position:absolute;right:0;display:inline-block;vertical-align:middle;list-style-type:none}.websy-table-paging-container .websy-vis-page-list li{display:inline-block;margin:0 2px;border:1px solid transparent;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.websy-table-paging-container .websy-vis-page-list li.websy-page-num:hover{text-decoration:underline}.websy-table-paging-container .websy-vis-page-list li.active{font-weight:700;border:1px solid;border-radius:50%}.websy-table-paging-container .websy-vis-page-list li:first-of-type{margin-right:10px}.websy-vis-table{height:100%;position:relative;overflow-y:auto}.websy-vis-table.with-paging{height:calc(100% - 50px)}.websy-vis-table.with-virtual-scroll{overflow:hidden}.websy-vis-table.with-virtual-scroll:hover .websy-v-scroll-containerx,.websy-vis-table.with-virtual-scroll:hover .websy-h-scroll-container{display:block}.websy-vis-table.has-error.with-virtual-scroll:hover .websy-v-scroll-containerx,.websy-vis-table.has-error.with-virtual-scroll:hover .websy-h-scroll-container{display:none}.websy-vis-table table{border-spacing:0;border-collapse:collapse;display:table;table-layout:fixed;width:100%}.websy-vis-table table th,.websy-vis-table table td{box-sizing:border-box}.websy-vis-table table.hidden{display:none}.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:10px 5px;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 .websy-table-search-icon{display:block;margin:auto;position:absolute;right:0;top:0;height:100%;width:30px;text-align:center;cursor:pointer;z-index:2}.websy-vis-table .websy-table-search-icon svg{position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);pointer-events:none}.websy-vis-table .leftSection{position:relative;cursor:pointer}.websy-vis-table .leftSection .tableHeaderField{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.websy-vis-table .websy-v-scroll-container{position:absolute;top:0;right:0;width:12px;bottom:0;background-color:#827af2;display:none}.websy-vis-table .websy-v-scroll-container .websy-scroll-handle{width:12px;border-radius:6px}.websy-vis-table .websy-h-scroll-container{position:absolute;left:0;right:0;height:12px;bottom:0;background-color:rgba(255,255,255,0.7);display:none}.websy-vis-table .websy-h-scroll-container .websy-scroll-handle{height:12px;border-radius:6px}.websy-vis-table .websy-scroll-handle{position:absolute;background-color:#cccccc}.websy-table-paging-container{height:50%;position:relative}.websy-table-paging-container span{display:inline-block;vertical-align:middle}.websy-table-paging-container .websy-vis-page-selector{display:inline-block;vertical-align:middle;width:70px;border:1px solid #cccccc;border-radius:3px;margin:10px 0;padding:0 15px}.websy-table-paging-container .websy-vis-page-selector .websy-dropdown-header-value,.websy-table-paging-container .websy-vis-page-selector svg{position:relative;top:-2px}.websy-table-paging-container .websy-vis-page-list{position:absolute;right:0;display:inline-block;vertical-align:middle;list-style-type:none}.websy-table-paging-container .websy-vis-page-list li{display:inline-block;margin:0 2px;border:1px solid transparent;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.websy-table-paging-container .websy-vis-page-list li.websy-page-num:hover{text-decoration:underline}.websy-table-paging-container .websy-vis-page-list li.active{font-weight:700;border:1px solid;border-radius:50%}.websy-table-paging-container .websy-vis-page-list li:first-of-type{margin-right:10px}.scrolling .websy-vis-table *{user-select:none}.websy-modal-dropdown{display:none;position:fixed}.websy-modal-dropdown.active{display:block}.websy-modal-dropdown .websy-dropdown-header{visibility:hidden}.websy-vis-table-3{height:100%;width:100%;position:relative;overflow:hidden;overflow-x:auto}.websy-vis-table-3 table{table-layout:fixed;border-collapse:collapse;display:block;width:100%}.websy-vis-table-3 table tbody{font-size:inherit}.websy-vis-table-3.has-error .websy-table-inner-container{display:none}.websy-vis-table-3.scrolling *{user-select:none}.websy-vis-table-3.scrolling .websy-v-scroll-container,.websy-vis-table-3.scrolling .websy-h-scroll-container{visibility:visible}.websy-vis-table-3:hover .websy-v-scroll-container,.websy-vis-table-3:hover .websy-h-scroll-container{visibility:visible}.websy-vis-table-3 .websy-v-scroll-container{position:absolute;right:0;height:100%;width:10px;visibility:hidden}.websy-vis-table-3 .websy-h-scroll-container{position:absolute;left:0;bottom:0;width:calc(100% - 10px);height:10px;visibility:hidden}.websy-vis-table-3 .websy-scroll-handle{background-color:#cccccc;position:absolute;border-radius:5px}.websy-vis-table-3 .websy-scroll-handle-y{width:100%}.websy-vis-table-3 .websy-scroll-handle-x{height:100%}.websy-vis-table-3 .websy-table-inner-container{height:100%;width:100%}.websy-vis-table-3 .websy-table-header{font-weight:bold}.websy-vis-table-3 .websy-table-header tr:last-of-type{border-bottom:1px solid #cccccc}.websy-vis-table-3 .websy-table-header td>div{display:flex;max-width:100%;width:100%;flex-grow:0}.websy-vis-table-3 .websy-table-header td>div *{pointer-events:none}.websy-vis-table-3 .websy-table-header td>div .websy-table-search-icon{display:flex;cursor:pointer;margin-left:5px;pointer-events:initial}.websy-vis-table-3 .websy-table-header td>div .websy-table-search-icon *{pointer-events:none}.websy-vis-table-3 .websy-table-header td>div .websy-table-sort-icon{display:flex;margin-left:5px;align-items:center}.websy-vis-table-3 .websy-table-header td>div .websy-table-sort-icon.asc{transform:rotate(180deg)}.websy-vis-table-3 .websy-table-body{background-color:#ffffff;overflow-y:auto;overflow-x:hidden}.websy-vis-table-3.with-virtual-scroll{overflow:hidden;overflow-x:hidden}.websy-vis-table-3.with-virtual-scroll .websy-table-body{overflow:hidden}.websy-vis-table-3 .websy-table-row{border-bottom:1px solid #eeeeee}.websy-vis-table-3 .websy-table-row:last-of-type{border-bottom:none}.websy-vis-table-3 .websy-table-row .websy-table-cell{padding:5px;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #eeeeee}.websy-vis-table-3 .websy-table-row .websy-table-cell>div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:5px;margin:-5px;box-sizing:border-box}.websy-vis-table-3 .websy-table-row .websy-table-cell:last-of-type{border-right:none}.websy-vis-table-3 .websy-table-row .websy-table-cell:not( [ rowspan = '1' ] ){vertical-align:top}.websy-vis-table-3 .websy-table-row .websy-table-cell .websy-table-cell-expand,.websy-vis-table-3 .websy-table-row .websy-table-cell .websy-table-cell-collapse{pointer-events:initial}.websy-vis-table-3 .websy-table-row .websy-table-cell .websy-table-cell-expand *,.websy-vis-table-3 .websy-table-row .websy-table-cell .websy-table-cell-collapse *{pointer-events:none}.websy-vis-table-3 .websy-table-row .websy-table-cell .websy-table-cell-expand svg,.websy-vis-table-3 .websy-table-row .websy-table-cell .websy-table-cell-collapse svg{height:12px;width:12px}.websy-table-touch-scroller{position:absolute;width:100%;height:100%;top:0;left:0}.websy-table-touch-scroller.hidden{display:none}.table-dropdown-container{position:absolute;top:0}.table-dropdown-container .websy-modal-dropdown{position:absolute}.websy-chart .x-axis text,.websy-chart .y-axis text{fill:#333333}.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-legend{position:absolute;overflow-y:auto}.brush .handle--e,.brush .handle--w{display:none}.websy-legend .websy-legend-item{position:relative;padding-left:22px;display:flex}.websy-legend .websy-legend-item .symbol{position:absolute;left:0;top:3px}.websy-legend .websy-legend-item .symbol.circle{border-radius:50%}.websy-legend .websy-legend-item.horizontal{display:inline-block}.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-chart-tooltip.vertical .websy-chart-tooltip-content:before{left:8px;right:unset;top:-4px;bottom:unset;transform:rotate(-45deg)}.websy-chart-tooltip.vertical.top .websy-chart-tooltip-content:before{left:8px;right:unset;top:unset;bottom:-4px;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:#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-vis-article{height:100%;position:relative}.websy-card{position:relative;background-color:#ffffff;box-shadow:0 0 5px #cccccc;padding:10px 15px;margin-top:7px;margin-bottom:8px}.websy-vertical-list-container{width:300px;box-sizing:border-box;transition:all .2s linear;display:flex;flex-direction:column}.websy-vertical-list-container.fixed{position:fixed;height:100vh;left:0;z-index:100;overflow-y:auto}.websy-vertical-list-container.fixed.open{width:50px}.websy-vertical-list-container.fixed.open .websy-menu-search{display:none}.websy-vertical-list-container.fixed.open .websy-menu-header span{visibility:hidden;white-space:nowrap}.websy-vertical-list-container.fixed.open .websy-menu-icon,.websy-vertical-list-container.fixed.open .websy-menu-icon *{visibility:visible}.websy-vertical-list-container.fixed .websy-menu-icon{position:relative;text-align:right;height:40px;margin:10px 6px}.websy-vertical-list-container.fixed .logo{position:relative;width:100%;padding:0 15px;margin-bottom:20px;box-sizing:border-box}@media screen and (max-width:1024px){.websy-vertical-list-container.fixed{left:-250px}.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}.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}.websy-vertical-list .websy-menu-collapsed,.websy-horizontal-list .websy-menu-collapsed{height:0;overflow:hidden}.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;box-sizing:border-box}.websy-vertical-list .websy-menu-header:hover,.websy-horizontal-list .websy-menu-header:hover{border-bottom:2px solid #888888}.websy-vertical-list .websy-menu-header.menu-open .menu-carat,.websy-horizontal-list .websy-menu-header.menu-open .menu-carat{transform:rotate(-135deg);transform-origin:0}.websy-vertical-list .websy-menu-header.active .active-square,.websy-horizontal-list .websy-menu-header.active .active-square{position:absolute;width:15px;height:15px;border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;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-menu-header a,.websy-horizontal-list .websy-menu-header a,.websy-vertical-list .websy-menu-header a:hover,.websy-horizontal-list .websy-menu-header a:hover,.websy-vertical-list .websy-menu-header a:active,.websy-horizontal-list .websy-menu-header a:active,.websy-vertical-list .websy-menu-header a:visited,.websy-horizontal-list .websy-menu-header a:visited{color:initial;text-decoration:none}.websy-vertical-list .websy-menu-header span,.websy-horizontal-list .websy-menu-header span{pointer-events:none}.websy-vertical-list .always-open .websy-menu-header .menu-carat,.websy-horizontal-list .always-open .websy-menu-header .menu-carat{transform:rotate(-135deg);transform-origin:0}.websy-vertical-list .always-open .websy-menu-collapsed,.websy-horizontal-list .always-open .websy-menu-collapsed{height:unset;overflow:unset}.websy-vertical-list .websy-vertical-list-item,.websy-horizontal-list .websy-vertical-list-item{padding:0}.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);background-color:#ffffff;border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;z-index:999;box-sizing:border-box;transform:rotate(-45deg)}.websy-horizontal-list .websy-horizontal-list-item{display:inline-block;height:100%;width:auto}.websy-vertical-list{width:100%;height:100%;overflow-y:auto;flex-grow:1;flex-shrink:1}.websy-vertical-list.fixed{position:fixed}.websy-vertical-list .websy-menu-header{padding:15px 0;text-indent:15px;display:flex;align-items:center}.websy-vertical-list .websy-menu-header a{display:flex;align-items:center}.websy-vertical-list .websy-menu-header.active .active-square{right:-9px;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:15px;top:calc(50% - 3px);border-top:1px solid #cccccc;border-left:1px solid #cccccc;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}.websy-vis-error-container{display:none;top:0;left:0;width:100%;height:100%;position:absolute;background-color:#ffffff;z-index:1}.websy-vis-error-container.active{display:block}.websy-vis-error-container>div{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.websy-vis-help-listener{position:absolute;top:0;right:0;width:30px;height:30px;text-align:center;color:#333333;font-size:20px;padding:3px 0;font-style:normal;font-weight:bold;z-index:101}.websy-vis-help-listener:before{content:'?'}.websy-vis-help{display:none;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(50,50,50,0.7);text-align:center;color:#ffffff;z-index:100;font-size:1.2em}.websy-vis-help.active{display:table}.websy-vis-help span{display:table-cell;vertical-align:middle}@media screen and (max-width:1024px){}@media screen and (max-width:1024px){h1{font-size:36px}h2{font-size:24px}h3{font-size:20px}}@media screen and (max-width:1024px){.websy-vertical-list-container.fixed *{visibility:hidden}.websy-vertical-list-container.fixed .websy-menu-icon,.websy-vertical-list-container.fixed .websy-menu-icon *{visibility:visible}.websy-vertical-list-container.fixed.open *{visibility:visible}}@media screen and (max-width:576px){.websy-container{width:95vw}}
+.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}h1,h2,h3,h4{line-height:1.5em}h1{font-size:44px}h2{font-size:33px}h3{font-size:22px}.websy-hidden{display:none !important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.websy-responsive-container{margin:0 auto;width:90%;max-width:1400px}.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-responsive-container{width:100%;max-width:900px}.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:576px){.websy-responsive-container{width:calc(100% - 25px)}.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-alert{display:flex;align-items:center;border:1px solid #cccccc;color:#cccccc;border-radius:10px;padding:20px}.websy-alert.websy-alert-error{border:1px solid #b12121;color:#ffffff;background-color:#cc6677}.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-button-group-item{display:inline-block;position:relative;padding:10px 0;margin:0 15px;cursor:pointer}.websy-button-group-item:first-of-type{margin-left:0}.websy-button-group-item.tab-style.active{font-weight:bold;border-bottom:4px solid}.websy-button-group-item.radio-style{padding-left:20px}.websy-button-group-item.radio-style:before{content:'';width:14px;height:14px;border:1px solid #555555;border-radius:50%;position:absolute;left:0;top:13px}.websy-button-group-item.radio-style.active{border-bottom:none}.websy-button-group-item.radio-style.active:after{content:'';width:8px;height:8px;border-radius:50%;background-color:#555555;position:absolute;left:4px;top:17px}.websy-carousel{position:relative;width:100%;height:100%;overflow:hidden;transform:translate3d()}.websy-frame-container{position:absolute;top:0;left:0;height:100%;width:100%}.websy-frame-container>div{background-size:contain;background-repeat:no-repeat;background-position:center;height:100%;width:100%}.websy-frame-container.animate{transition:all .6s ease}.websy-prev-arrow{position:absolute;fill:#333333;top:calc(50% - 10px);left:10px;height:20px;cursor:pointer}.websy-prev-arrow *{pointer-events:none}.websy-next-arrow{position:absolute;fill:#333333;top:calc(50% - 10px);right:10px;height:20px;cursor:pointer}.websy-next-arrow *{pointer-events:none}.websy-btn-parent{display:flex;position:absolute;width:100%;bottom:0;justify-content:center}.websy-progress-btn{color:#fff;display:flex;margin:10px;fill:#fff;cursor:pointer}.websy-progress-btn *{pointer-events:none}.websy-progress-btn-active circle{fill:#fff}.websy-carousel-image{position:absolute}.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(50% - 32px)}.websy-loading-container p{position:relative;text-align:center;color:#404040;top:calc(50% - 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:none;box-sizing:border-box;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{padding-top:20px;border-right:1px solid #cccccc}.websy-menu.right-align{padding-right:30px;text-align:right}.websy-menu.right-align .websy-menu-header{padding-right:15px}.websy-menu.right-align .websy-menu-header .menu-carat{right:unset;left:15px;transform:rotate(135deg)}.websy-menu.right-align .websy-menu-header.active{background-color:#cccccc}.websy-menu.right-align .websy-menu-header.active .menu-carat{border-top:1px solid #ffffff;border-left:1px solid #ffffff}.websy-menu.right-align .websy-menu-header.active .active-square{right:-39px}.websy-menu.right-align .websy-menu-header.menu-open .menu-carat{transform-origin:5px 2px}.websy-menu .websy-child-list{background-color:#ffffff;color:#404040}.websy-menu .websy-menu-icon *{pointer-events:none}.websy-menu .websy-menu-icon svg{fill:#888888}.websy-menu .websy-menu-search{margin:0 10px 20px}.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:#ffffff}.websy-horizontal-list-container .websy-menu-block-container{display:inline-block;height:100%}.websy-horizontal-list-container .websy-menu-secondary{flex-grow:1;flex-shrink:0}@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{border-bottom:2px solid #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;position:relative}.websy-date-picker-container .websy-btn svg{pointer-events:none}.websy-date-picker-container .websy-dp-button-container{padding:5px 10px;text-align:right}.websy-date-picker-container .websy-dp-button-container .dp-footnote{position:absolute;left:15px;font-size:.6rem;bottom:15px;color:#888888;width:calc(100% - 150px);text-align:left}.websy-date-picker-container .websy-dp-button-container button *{pointer-events:none}.websy-date-picker-container .websy-dropdown-header-label{position:absolute;font-size:.5em;top:-5px;left:0}.websy-date-picker-container *{user-select:none}.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 .clear-selection{display:none;pointer-events:initial}.websy-date-picker-header .clear-selection svg{transform:unset;height:unset;display:block}.websy-date-picker-header .clear-selection *{pointer-events:none}.websy-date-picker-header span,.websy-date-picker-header svg,.websy-date-picker-header i{display:inline-block;vertical-align:middle}.websy-date-picker-header span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.websy-date-picker-header svg{transform:rotate(180deg);height:9px}.websy-date-picker-header.allow-clear.range-selected span{max-width:calc(100% - 56px)}.websy-date-picker-header.allow-clear.range-selected .clear-selection{display:inline-block;vertical-align:middle;height:24px;stroke:#333333}.websy-date-picker-content{padding:10px 0;background-color:#ffffff;box-shadow:0 0 3px #cccccc;position:absolute;top:100%;left:0;width:470px;display:none;z-index:200;font-size:.8rem}.websy-date-picker-content.active{display:block}.monthyear .websy-date-picker-content{width:700px}.monthyear .websy-date-picker-content .websy-date-picker-custom{width:525px}.websy-date-picker-ranges,.websy-date-picker-custom{display:inline-block;vertical-align:top;box-sizing:border-box}.hide-ranges{width:305px}.hide-ranges .websy-date-picker-ranges{display:none}.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:10px 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:300px}.websy-date-picker-custom{border-left:1px solid #888888;text-align:left}.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.websy-dp-year,.websy-date-picker-custom ul li.websy-dp-hour{width:50px;height:50px;line-height:50px}.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-drag-drop-container{display:flex;position:relative;width:100%;height:100%}.websy-drag-drop-container.vertical{flex-direction:column}.websy-drop-zone{min-width:5px;height:100%;min-height:40px;vertical-align:bottom;opacity:.5}.websy-drop-zone.drag-over{border:1px dashed #cccccc;width:50px}.websy-dragdrop-item{position:relative;display:flex}.websy-dragdrop-item *{user-select:none}.websy-dragdrop-item .droppable{pointer-events:all}.websy-dragdrop-item.dragging{opacity:.5}.websy-dragdrop-item.dragging .websy-drop-zone{visibility:hidden}.websy-dragdrop-item:last-of-type{flex-grow:1}.websy-dragdrop-item:last-of-type .websy-drop-zone{flex-grow:1;width:auto;margin-left:5px;border:1px dashed #cccccc;display:flex;justify-content:center;align-items:center}.websy-dragdrop-item:last-of-type .websy-drop-zone:before{content:attr(data-placeholder)}.websy-dragdrop-item .websy-dragdrop-item-inner{display:flex;justify-content:center;align-items:center;min-height:40px}.websy-dragdrop-item .websy-dragdrop-item-inner:hover{box-shadow:0 0 3px #cccccc}.websy-dragdrop-item.empty{width:100%;height:100%}.websy-dragdrop-item.empty .websy-drop-zone{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border:1px dashed #cccccc}.websy-dragdrop-item.empty .websy-drop-zone:before{content:attr(data-placeholder)}.vertical .websy-dragdrop-item{flex-direction:column}.vertical .websy-dragdrop-item .websy-drop-zone{width:100%;min-height:5px}.vertical .websy-dragdrop-item .websy-drop-zone.drag-over{height:50px;width:100%;flex-grow:1}.vertical .websy-dragdrop-item:last-of-type .websy-drop-zone{min-height:40px;margin-top:5px;margin-left:unset;border:1px dashed #cccccc}.vertical .websy-dragdrop-item:last-of-type .websy-drop-zone:before{content:attr(data-placeholder)}.websy-drop-zone-placeholder{bottom:unset;top:0}.dragging .websy-drop-zone:hover{border:1px solid #cc6677;width:60px}.websy-dropdown-container{display:block;position:relative}.websy-dropdown-container input.dropdown-input{display:none}.websy-dropdown-container.list{height:100%}.websy-dropdown-container.list svg.search{pointer-events:all}.websy-dropdown-container.list .websy-dropdown-action-container{display:none}.websy-dropdown-container.list .websy-dropdown-header{padding:0 15px}.websy-dropdown-container.list .websy-dropdown-header .arrow{display:none}.websy-dropdown-container.list .websy-dropdown-header.allow-clear span{max-width:calc(100% - 55px)}.websy-dropdown-container.list .websy-dropdown-header.allow-clear span.websy-dropdown-header-value{display:none}.websy-dropdown-container.list .websy-dropdown-header .websy-dropdown-header-label{position:unset;font-size:unset;top:unset;left:unset}.websy-dropdown-container.list .websy-dropdown-content{display:block;width:100%;border:none;box-shadow:none;height:calc(100% - 45px);max-height:unset;top:unset;position:relative;box-sizing:border-box}.websy-dropdown-container.list .websy-dropdown-content.on-top{bottom:unset}.websy-dropdown-container.list .websy-dropdown-items{width:100%;height:100%;max-height:unset;overflow-y:auto}.websy-dropdown-container.list .websy-dropdown-items .websy-dropdown-item{padding:0 15px 0 30px}.websy-dropdown-container.list .websy-dropdown-search{display:none}.websy-dropdown-container.list.search-open .websy-dropdown-items{height:calc(100% - 40px)}.websy-dropdown-container.list.search-open .websy-dropdown-search{display:block}.websy-dropdown-container.list.search-open .websy-dropdown-action-container{display:block;border-top:1px solid #cccccc}.websy-dropdown-mask{position:fixed;top:0;left:0;height:100vh;width:100vw;display:none}.websy-dropdown-mask.active{display:block}.websy-dropdown-header{display:flex;align-items:center;height:40px;line-height:40px;cursor:pointer;position:relative}.websy-dropdown-header *{pointer-events:none}.websy-dropdown-header .clear,.websy-dropdown-header .search{pointer-events:initial}.websy-dropdown-header .header-label{width:100%;position:relative}.websy-dropdown-header svg,.websy-dropdown-header span{display:inline-block;vertical-align:middle}.websy-dropdown-header svg{width:20px;stroke:#333333;fill:#333333;flex-shrink:0;pointer-events:none}.websy-dropdown-header svg *{pointer-events:none}.websy-dropdown-header span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.websy-dropdown-header .arrow,.websy-dropdown-header .search{display:flex}.websy-dropdown-header .arrow{transform:rotate(180deg)}.websy-dropdown-header .arrow svg{height:9px}.websy-dropdown-header .clear{display:none}.websy-dropdown-header.allow-clear.one-selected .clear,.websy-dropdown-header.allow-clear.multi-selected .clear{display:flex}.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-content.on-top{top:unset;bottom:100%}.websy-dropdown-content .websy-dropdown-action-container{position:relative;text-align:right;border-bottom:1px solid #cccccc;padding:0 10px;height:40px;display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:7px;box-sizing:border-box}.websy-dropdown-content .websy-dropdown-action-container button{background-color:transparent;border:none;cursor:pointer}.websy-dropdown-content .websy-dropdown-action-container button svg{pointer-events:none;position:relative;top:4px}.websy-dropdown-content .websy-dropdown-action-container ul{text-align:left;list-style-type:none;margin:0;padding:0;position:absolute;top:100%;display:none;background-color:#ffffff;width:90%;right:0;box-shadow:0 0 3px #cccccc;z-index:1}.websy-dropdown-content .websy-dropdown-action-container ul.active{display:block}.websy-dropdown-content .websy-dropdown-action-container ul li{padding:10px 15px;cursor:pointer}.websy-dropdown-content .websy-dropdown-action-container ul li:hover{background-color:#cccccc}.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 0 35px;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}.websy-dropdown-items li.state-X{background-color:#cccccc}.with-search .websy-dropdown-items{max-height:240px}.with-actions .websy-dropdown-items{max-height:240px}.with-actions.with-search .websy-dropdown-items{max-height:200px}.websy-dropdown-item{position:relative}.websy-dropdown-item.active:before{content:'\2713';position:absolute;top:0;right:unset;width:15px;height:100%;color:#4e43ed;background-color:unset;left:15px;font-family:system-ui}.disabled{color:#cccccc}.disabled svg{stroke:#cccccc;fill:#cccccc}.websy-form-input-has-error .form-component .websy-dropdown-container{border-color:#cc6677}.websy-switch-label,.websy-switch{display:inline-block;vertical-align:middle}.websy-switch{height:20px;width:42px;background-color:#cccccc;position:relative;border-radius:10px;cursor:pointer}.websy-switch:before{content:'';position:absolute;left:0;top:0;height:20px;width:20px;border-radius:50%;background-color:#ffffff;box-shadow:0 0 3px #333333}.websy-switch.enabled{background-color:#44aa99}.websy-switch.enabled:before{left:unset;right:0}.websy-search-input-container{position:relative}.websy-search-input-container .search,.websy-search-input-container .clear{position:absolute;top:15px;left:18px;stroke:#000000}.websy-search-input-container .search *,.websy-search-input-container .clear *{pointer-events:none}.websy-search-input-container .clear{top:14px;left:unset;right:18px;cursor:pointer}.websy-search-input{height:50px;line-height:50px;text-indent:50px;letter-spacing:.1em;border:1px solid #cccccc;width:100%;font-size:inherit;box-sizing:border-box}.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:calc(50% - 5px);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% - 115px);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}.websy-form>div{margin:5px 0 15px}.websy-form>button{margin-top:10px}.websy-form .websy-form-input-has-error .websy-input{border-color:#cc6677;background-color:#eee0e3}.form-component{position:relative}.websy-input-container{position:relative}.websy-validation-failure{background-color:#cc6677;border:2px solid #b12121;color:#ffffff;padding:5px 15px;font-size:.8em;margin-bottom:10px}.websy-validation-failure:empty{display:none}.websy-form-validation-error{font-size:.8em;color:#cc6677;position:absolute;top:100%}.websy-form-validation-error:empty{display:none}.websy-form-required-value{color:#cc6677;font-size:.8rem;vertical-align:text-top}.websy-view{display:none}.websy-view.active{display:initial}.websy-trigger{cursor:pointer}.websy-trigger *{pointer-events:none}.websy-trigger input,.websy-trigger .clickable{pointer-events:initial}.websy-flippable{transform-style:preserve-3d;transition:transform 1s;backface-visibility:hidden;transform:rotateY(180deg);position:absolute;top:0;left:0;width:100%;height:100%}.websy-flippable.active{transform:rotateY(0deg)}.websy-responsive-text{display:flex;flex-direction:column;height:100%;width:100%}.websy-responsive-text span{display:flex}.websy-pager-container{height:50%;position:relative}.websy-pager-container span{display:inline-block;vertical-align:middle}.websy-pager-container .websy-page-selector{display:inline-block;vertical-align:middle;width:70px;border:1px solid #cccccc;border-radius:3px;margin:10px 0;padding:0 15px}.websy-pager-container .websy-page-selector .websy-dropdown-header-value,.websy-pager-container .websy-page-selector svg{position:relative;top:-2px}.websy-pager-container .websy-page-list{position:absolute;right:0;display:inline-block;vertical-align:middle;list-style-type:none}.websy-pager-container .websy-page-list li{display:inline-block;margin:0 2px;border:1px solid transparent;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.websy-pager-container .websy-page-list li.websy-page-num:hover{text-decoration:underline}.websy-pager-container .websy-page-list li.active{font-weight:700;border:1px solid;border-radius:50%}.websy-pager-container .websy-page-list li:first-of-type{margin-right:10px}.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.with-paging{height:calc(100% - 50px)}.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 td *{pointer-events:none}.websy-vis-table table td a{pointer-events:initial}.websy-vis-table table th{color:#888888;background-color:transparent;font-size:12px;text-align:left;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-table-paging-container{height:50%;position:relative}.websy-table-paging-container span{display:inline-block;vertical-align:middle}.websy-table-paging-container .websy-vis-page-selector{display:inline-block;vertical-align:middle;width:70px;border:1px solid #cccccc;border-radius:3px;margin:10px 0;padding:0 15px}.websy-table-paging-container .websy-vis-page-selector .websy-dropdown-header-value,.websy-table-paging-container .websy-vis-page-selector svg{position:relative;top:-2px}.websy-table-paging-container .websy-vis-page-list{position:absolute;right:0;display:inline-block;vertical-align:middle;list-style-type:none}.websy-table-paging-container .websy-vis-page-list li{display:inline-block;margin:0 2px;border:1px solid transparent;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.websy-table-paging-container .websy-vis-page-list li.websy-page-num:hover{text-decoration:underline}.websy-table-paging-container .websy-vis-page-list li.active{font-weight:700;border:1px solid;border-radius:50%}.websy-table-paging-container .websy-vis-page-list li:first-of-type{margin-right:10px}.websy-vis-table{height:100%;position:relative;overflow-y:auto}.websy-vis-table.with-paging{height:calc(100% - 50px)}.websy-vis-table.with-virtual-scroll{overflow:hidden}.websy-vis-table.with-virtual-scroll:hover .websy-v-scroll-containerx,.websy-vis-table.with-virtual-scroll:hover .websy-h-scroll-container{display:block}.websy-vis-table.has-error.with-virtual-scroll:hover .websy-v-scroll-containerx,.websy-vis-table.has-error.with-virtual-scroll:hover .websy-h-scroll-container{display:none}.websy-vis-table table{border-spacing:0;border-collapse:collapse;display:table;table-layout:fixed;width:100%}.websy-vis-table table th,.websy-vis-table table td{box-sizing:border-box}.websy-vis-table table.hidden{display:none}.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:10px 5px;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 .websy-table-search-icon{display:block;margin:auto;position:absolute;right:0;top:0;height:100%;width:30px;text-align:center;cursor:pointer;z-index:2}.websy-vis-table .websy-table-search-icon svg{position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);pointer-events:none}.websy-vis-table .leftSection{position:relative;cursor:pointer}.websy-vis-table .leftSection .tableHeaderField{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.websy-vis-table .websy-v-scroll-container{position:absolute;top:0;right:0;width:12px;bottom:0;background-color:#827af2;display:none}.websy-vis-table .websy-v-scroll-container .websy-scroll-handle{width:12px;border-radius:6px}.websy-vis-table .websy-h-scroll-container{position:absolute;left:0;right:0;height:12px;bottom:0;background-color:rgba(255,255,255,0.7);display:none}.websy-vis-table .websy-h-scroll-container .websy-scroll-handle{height:12px;border-radius:6px}.websy-vis-table .websy-scroll-handle{position:absolute;background-color:#cccccc}.websy-table-paging-container{height:50%;position:relative}.websy-table-paging-container span{display:inline-block;vertical-align:middle}.websy-table-paging-container .websy-vis-page-selector{display:inline-block;vertical-align:middle;width:70px;border:1px solid #cccccc;border-radius:3px;margin:10px 0;padding:0 15px}.websy-table-paging-container .websy-vis-page-selector .websy-dropdown-header-value,.websy-table-paging-container .websy-vis-page-selector svg{position:relative;top:-2px}.websy-table-paging-container .websy-vis-page-list{position:absolute;right:0;display:inline-block;vertical-align:middle;list-style-type:none}.websy-table-paging-container .websy-vis-page-list li{display:inline-block;margin:0 2px;border:1px solid transparent;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.websy-table-paging-container .websy-vis-page-list li.websy-page-num:hover{text-decoration:underline}.websy-table-paging-container .websy-vis-page-list li.active{font-weight:700;border:1px solid;border-radius:50%}.websy-table-paging-container .websy-vis-page-list li:first-of-type{margin-right:10px}.scrolling .websy-vis-table *{user-select:none}.websy-modal-dropdown{display:none;position:fixed}.websy-modal-dropdown.active{display:block}.websy-modal-dropdown .websy-dropdown-header{visibility:hidden}.websy-vis-table-3{height:100%;width:100%;position:relative;overflow:hidden;overflow-x:auto}.websy-vis-table-3 table{table-layout:fixed;border-collapse:collapse;display:block;width:100%}.websy-vis-table-3 table tbody{font-size:inherit}.websy-vis-table-3.has-error .websy-table-inner-container{display:none}.websy-vis-table-3.scrolling *{user-select:none}.websy-vis-table-3.scrolling .websy-v-scroll-container,.websy-vis-table-3.scrolling .websy-h-scroll-container{visibility:visible}.websy-vis-table-3:hover .websy-v-scroll-container,.websy-vis-table-3:hover .websy-h-scroll-container{visibility:visible}.websy-vis-table-3 .websy-v-scroll-container{position:absolute;right:0;height:100%;width:10px;visibility:hidden}.websy-vis-table-3 .websy-h-scroll-container{position:absolute;left:0;bottom:0;width:calc(100% - 10px);height:10px;visibility:hidden}.websy-vis-table-3 .websy-scroll-handle{background-color:#cccccc;position:absolute;border-radius:5px}.websy-vis-table-3 .websy-scroll-handle-y{width:100%}.websy-vis-table-3 .websy-scroll-handle-x{height:100%}.websy-vis-table-3 .websy-table-inner-container{height:100%;width:100%}.websy-vis-table-3 .websy-table-header{font-weight:bold}.websy-vis-table-3 .websy-table-header tr:last-of-type{border-bottom:1px solid #cccccc}.websy-vis-table-3 .websy-table-header td>div{display:flex;max-width:100%;width:100%;flex-grow:0}.websy-vis-table-3 .websy-table-header td>div *{pointer-events:none}.websy-vis-table-3 .websy-table-header td>div .websy-table-search-icon{display:flex;cursor:pointer;margin-left:5px;pointer-events:initial}.websy-vis-table-3 .websy-table-header td>div .websy-table-search-icon *{pointer-events:none}.websy-vis-table-3 .websy-table-header td>div .websy-table-sort-icon{display:flex;margin-left:5px;align-items:center}.websy-vis-table-3 .websy-table-header td>div .websy-table-sort-icon.asc{transform:rotate(180deg)}.websy-vis-table-3 .websy-table-body{background-color:#ffffff;overflow-y:auto;overflow-x:hidden}.websy-vis-table-3.with-virtual-scroll{overflow:hidden;overflow-x:hidden}.websy-vis-table-3.with-virtual-scroll .websy-table-body{overflow:hidden}.websy-vis-table-3 .websy-table-row{border-bottom:1px solid #eeeeee}.websy-vis-table-3 .websy-table-row:last-of-type{border-bottom:none}.websy-vis-table-3 .websy-table-row .websy-table-cell{padding:5px;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #eeeeee}.websy-vis-table-3 .websy-table-row .websy-table-cell>div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:5px;margin:-5px;box-sizing:border-box}.websy-vis-table-3 .websy-table-row .websy-table-cell:last-of-type{border-right:none}.websy-vis-table-3 .websy-table-row .websy-table-cell:not( [ rowspan = '1' ] ){vertical-align:top}.websy-vis-table-3 .websy-table-row .websy-table-cell .websy-table-cell-expand,.websy-vis-table-3 .websy-table-row .websy-table-cell .websy-table-cell-collapse{pointer-events:initial}.websy-vis-table-3 .websy-table-row .websy-table-cell .websy-table-cell-expand *,.websy-vis-table-3 .websy-table-row .websy-table-cell .websy-table-cell-collapse *{pointer-events:none}.websy-vis-table-3 .websy-table-row .websy-table-cell .websy-table-cell-expand svg,.websy-vis-table-3 .websy-table-row .websy-table-cell .websy-table-cell-collapse svg{height:12px;width:12px}.websy-table-invisible{visibility:hidden}.websy-table-touch-scroller{background-color:rgba(255,0,0,0.4);position:absolute;width:100%;height:100%;top:0;left:0}.websy-table-touch-scroller.hidden{display:none}.table-dropdown-container{position:absolute;top:0}.table-dropdown-container .websy-modal-dropdown{position:absolute}.websy-chart .x-axis text,.websy-chart .y-axis text{fill:#333333}.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-legend{position:absolute;overflow-y:auto}.brush .handle--e,.brush .handle--w{display:none}.websy-legend .websy-legend-item{position:relative;padding-left:22px;display:flex}.websy-legend .websy-legend-item .symbol{position:absolute;left:0;top:3px}.websy-legend .websy-legend-item .symbol.circle{border-radius:50%}.websy-legend .websy-legend-item.horizontal{display:inline-block}.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-chart-tooltip.vertical .websy-chart-tooltip-content:before{left:8px;right:unset;top:-4px;bottom:unset;transform:rotate(-45deg)}.websy-chart-tooltip.vertical.top .websy-chart-tooltip-content:before{left:8px;right:unset;top:unset;bottom:-4px;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:#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-vis-article{height:100%;position:relative}.websy-card{position:relative;background-color:#ffffff;box-shadow:0 0 5px #cccccc;padding:10px 15px;margin-top:7px;margin-bottom:8px}.websy-vertical-list-container{width:300px;box-sizing:border-box;transition:all .2s linear;display:flex;flex-direction:column}.websy-vertical-list-container.fixed{position:fixed;height:100vh;left:0;z-index:100;overflow-y:auto}.websy-vertical-list-container.fixed.open{width:50px}.websy-vertical-list-container.fixed.open .websy-menu-search{display:none}.websy-vertical-list-container.fixed.open .websy-menu-header span{visibility:hidden;white-space:nowrap}.websy-vertical-list-container.fixed.open .websy-menu-icon,.websy-vertical-list-container.fixed.open .websy-menu-icon *{visibility:visible}.websy-vertical-list-container.fixed .websy-menu-icon{position:relative;text-align:right;height:40px;margin:10px 6px}.websy-vertical-list-container.fixed .logo{position:relative;width:100%;padding:0 15px;margin-bottom:20px;box-sizing:border-box}@media screen and (max-width:1024px){.websy-vertical-list-container.fixed{left:-250px}.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}.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}.websy-vertical-list .websy-menu-collapsed,.websy-horizontal-list .websy-menu-collapsed{height:0;overflow:hidden}.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;box-sizing:border-box}.websy-vertical-list .websy-menu-header:hover,.websy-horizontal-list .websy-menu-header:hover{border-bottom:2px solid #888888}.websy-vertical-list .websy-menu-header.menu-open .menu-carat,.websy-horizontal-list .websy-menu-header.menu-open .menu-carat{transform:rotate(-135deg);transform-origin:0}.websy-vertical-list .websy-menu-header.active .active-square,.websy-horizontal-list .websy-menu-header.active .active-square{position:absolute;width:15px;height:15px;border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;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-menu-header a,.websy-horizontal-list .websy-menu-header a,.websy-vertical-list .websy-menu-header a:hover,.websy-horizontal-list .websy-menu-header a:hover,.websy-vertical-list .websy-menu-header a:active,.websy-horizontal-list .websy-menu-header a:active,.websy-vertical-list .websy-menu-header a:visited,.websy-horizontal-list .websy-menu-header a:visited{color:initial;text-decoration:none}.websy-vertical-list .websy-menu-header span,.websy-horizontal-list .websy-menu-header span{pointer-events:none}.websy-vertical-list .always-open .websy-menu-header .menu-carat,.websy-horizontal-list .always-open .websy-menu-header .menu-carat{transform:rotate(-135deg);transform-origin:0}.websy-vertical-list .always-open .websy-menu-collapsed,.websy-horizontal-list .always-open .websy-menu-collapsed{height:unset;overflow:unset}.websy-vertical-list .websy-vertical-list-item,.websy-horizontal-list .websy-vertical-list-item{padding:0}.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);background-color:#ffffff;border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;z-index:999;box-sizing:border-box;transform:rotate(-45deg)}.websy-horizontal-list .websy-horizontal-list-item{display:inline-block;height:100%;width:auto}.websy-vertical-list{width:100%;height:100%;overflow-y:auto;flex-grow:1;flex-shrink:1}.websy-vertical-list.fixed{position:fixed}.websy-vertical-list .websy-menu-header{padding:15px 0;text-indent:15px;display:flex;align-items:center}.websy-vertical-list .websy-menu-header a{display:flex;align-items:center}.websy-vertical-list .websy-menu-header.active .active-square{right:-9px;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:15px;top:calc(50% - 3px);border-top:1px solid #cccccc;border-left:1px solid #cccccc;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}.websy-vis-error-container{display:none;top:0;left:0;width:100%;height:100%;position:absolute;background-color:#ffffff;z-index:1}.websy-vis-error-container.active{display:block}.websy-vis-error-container>div{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.websy-vis-help-listener{position:absolute;top:0;right:0;width:30px;height:30px;text-align:center;color:#333333;font-size:20px;padding:3px 0;font-style:normal;font-weight:bold;z-index:101}.websy-vis-help-listener:before{content:'?'}.websy-vis-help{display:none;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(50,50,50,0.7);text-align:center;color:#ffffff;z-index:100;font-size:1.2em}.websy-vis-help.active{display:table}.websy-vis-help span{display:table-cell;vertical-align:middle}@media screen and (max-width:1024px){}@media screen and (max-width:1024px){h1{font-size:36px}h2{font-size:24px}h3{font-size:20px}}@media screen and (max-width:1024px){.websy-vertical-list-container.fixed *{visibility:hidden}.websy-vertical-list-container.fixed .websy-menu-icon,.websy-vertical-list-container.fixed .websy-menu-icon *{visibility:visible}.websy-vertical-list-container.fixed.open *{visibility:visible}}@media screen and (max-width:576px){.websy-container{width:95vw}}