@websy/websy-designs 0.0.125 → 0.0.129

package/dist/websy-designs.js

@@ -76,12 +76,8 @@ var WebsyPopupDialog = /*#__PURE__*/function () {
         var buttonIndex = event.target.getAttribute('data-index');
         var buttonInfo = this.options.buttons[buttonIndex];
 
-        if (buttonInfo && buttonInfo.preventClose !== true) {
-          this.hide();
-        }
-
         if (buttonInfo && buttonInfo.fn) {
-          if (this.options.collectData === true) {
+          if (typeof this.options.collectData !== 'undefined') {
             var collectEl = document.getElementById("".concat(this.elementId, "_collect"));
 
             if (collectEl) {
@@ -89,7 +85,13 @@ var WebsyPopupDialog = /*#__PURE__*/function () {
             }
           }
 
+          if (buttonInfo.preventClose !== true) {
+            this.hide();
+          }
+
           buttonInfo.fn(buttonInfo);
+        } else if (buttonInfo && buttonInfo.preventClose !== true) {
+          this.hide();
         }
       } else if (this.closeOnOutsideClick === true) {
         this.hide();
@@ -120,8 +122,8 @@ var WebsyPopupDialog = /*#__PURE__*/function () {
         html += "<p>".concat(this.options.message, "</p>");
       }
 
-      if (this.options.collectData === true) {
-        html += "\n        <div>\n          <input id=\"".concat(this.elementId, "_collect\" class=\"websy-input\" placeholder=\"").concat(this.options.collectPlaceholder || '', "\">\n        </div>\n      ");
+      if (typeof this.options.collectData !== 'undefined') {
+        html += "\n        <div>\n          <input id=\"".concat(this.elementId, "_collect\" class=\"websy-input\" value=\"").concat(typeof this.options.collectData === 'boolean' ? '' : this.options.collectData, "\" placeholder=\"").concat(this.options.collectPlaceholder || '', "\">\n        </div>\n      ");
       }
 
       this.closeOnOutsideClick = true;
@@ -218,16 +220,19 @@ var WebsyLoadingDialog = /*#__PURE__*/function () {
 
   return WebsyLoadingDialog;
 }();
+/* global */
+
 
 var WebsyNavigationMenu = /*#__PURE__*/function () {
   function WebsyNavigationMenu(elementId, options) {
     _classCallCheck(this, WebsyNavigationMenu);
 
     this.options = _extends({}, {
-      collapsable: false,
+      collapsible: false,
       orientation: 'horizontal',
       parentMap: {},
-      childIndentation: 10
+      childIndentation: 10,
+      activeSymbol: 'none'
     }, options);
 
     if (!elementId) {
@@ -239,11 +244,24 @@ var WebsyNavigationMenu = /*#__PURE__*/function () {
 
     if (el) {
       this.elementId = elementId;
+      this.lowestLevel = 0;
+      this.flatItems = [];
+      this.itemMap = {};
+      this.flattenItems(0, this.options.items);
+      console.log(this.flatItems);
       el.classList.add("websy-".concat(this.options.orientation, "-list-container"));
       el.classList.add('websy-menu');
 
+      if (this.options.align) {
+        el.classList.add("".concat(this.options.align, "-align"));
+      }
+
+      if (Array.isArray(this.options.classes)) {
+        this.options.classes = this.options.classes.join(' ');
+      }
+
       if (this.options.classes) {
-        this.options.classes.forEach(function (c) {
+        this.options.classes.split(' ').forEach(function (c) {
           return el.classList.add(c);
         });
       }
@@ -254,14 +272,42 @@ var WebsyNavigationMenu = /*#__PURE__*/function () {
   }
 
   _createClass(WebsyNavigationMenu, [{
+    key: "flattenItems",
+    value: function flattenItems(index, items) {
+      var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+
+      if (items[index]) {
+        this.lowestLevel = Math.max(level, this.lowestLevel);
+        items[index].id = items[index].id || "".concat(this.elementId, "_").concat(this.normaliseString(items[index].text));
+        this.itemMap[items[index].id] = items[index];
+        items[index].level = level;
+        this.flatItems.push(items[index]);
+
+        if (items[index].items) {
+          this.flattenItems(0, items[index].items, level + 1);
+        }
+
+        this.flattenItems(++index, items, level);
+      }
+    }
+  }, {
     key: "handleClick",
     value: function handleClick(event) {
       if (event.target.classList.contains('websy-menu-icon') || event.target.nodeName === 'svg' || event.target.nodeName === 'rect') {
         this.toggleMobileMenu();
       }
 
-      if (event.target.classList.contains('trigger-item') && event.target.classList.contains('websy-menu-header')) {
-        this.toggleMobileMenu('remove');
+      if (event.target.classList.contains('websy-menu-header')) {
+        var item = this.itemMap[event.target.id];
+
+        if (event.target.classList.contains('trigger-item') && item.level === this.lowestLevel) {
+          this.toggleMobileMenu('remove');
+        }
+
+        if (item.items) {
+          event.target.classList.toggle('menu-open');
+          this.toggleMenu(item.id);
+        }
       }
 
       if (event.target.classList.contains('websy-menu-mask')) {
@@ -281,15 +327,19 @@ var WebsyNavigationMenu = /*#__PURE__*/function () {
       if (el) {
         var html = "";
 
-        if (this.options.collapsable === true) {
+        if (this.options.collapsible === true) {
           html += "\n          <div id='".concat(this.elementId, "_menuIcon' class='websy-menu-icon'>\n            <svg viewbox=\"0 0 40 40\" width=\"30\" height=\"40\">              \n              <rect x=\"0\" y=\"0\" width=\"30\" height=\"4\" rx=\"2\"></rect>\n              <rect x=\"0\" y=\"12\" width=\"30\" height=\"4\" rx=\"2\"></rect>\n              <rect x=\"0\" y=\"24\" width=\"30\" height=\"4\" rx=\"2\"></rect>\n            </svg>\n          </div>\n        ");
         }
 
         if (this.options.logo) {
-          html += "          \n          <div \n            class='logo ".concat(this.options.logo.classes && this.options.logo.classes.join(' ') || '', "'\n            ").concat(this.options.logo.attributes && this.options.logo.attributes.join(' '), "\n          >\n          <img src='").concat(this.options.logo.url, "'></img>\n          </div>\n          <div id='").concat(this.elementId, "_mask' class='websy-menu-mask'></div>\n          <div id=\"").concat(this.elementId, "_menuContainer\" class=\"websy-menu-block-container\">\n        ");
+          if (Array.isArray(this.options.logo.classes)) {
+            this.options.logo.classes = this.options.logo.classes.join(' ');
+          }
+
+          html += "          \n          <div \n            class='logo ".concat(this.options.logo.classes || '', "'\n            ").concat(this.options.logo.attributes && this.options.logo.attributes.join(' '), "\n          >\n          <img src='").concat(this.options.logo.url, "'></img>\n          </div>\n          <div id='").concat(this.elementId, "_mask' class='websy-menu-mask'></div>\n          <div id=\"").concat(this.elementId, "_menuContainer\" class=\"websy-menu-block-container\">\n        ");
         }
 
-        html += this.renderBlock(this.options.items, 'main', 1);
+        html += this.renderBlock(this.options.items, 'main', 0);
         html += "</div>";
         el.innerHTML = html;
 
@@ -300,8 +350,9 @@ var WebsyNavigationMenu = /*#__PURE__*/function () {
     }
   }, {
     key: "renderBlock",
-    value: function renderBlock(items, block, level) {
-      var html = "\n\t\t  <ul class='websy-".concat(this.options.orientation, "-list ").concat(block !== 'main' ? 'websy-menu-collapsed' : '', "' id='").concat(this.elementId, "_").concat(block, "_list'\n\t  ");
+    value: function renderBlock(items, block) {
+      var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      var html = "\n\t\t  <ul class='websy-".concat(this.options.orientation, "-list ").concat(level > 0 ? 'websy-child-list' : '', " ").concat(block !== 'main' ? 'websy-menu-collapsed' : '', "' id='").concat(this.elementId, "_").concat(block, "_list'\n\t  ");
 
       if (block !== 'main') {
         html += " data-collapsed='".concat(block !== 'main' ? 'true' : 'false', "'");
@@ -315,14 +366,27 @@ var WebsyNavigationMenu = /*#__PURE__*/function () {
 
         var active = items[i]["default"] === true ? 'active' : '';
         var currentBlock = this.normaliseString(items[i].text);
-        var blockId = items[i].id || "".concat(this.elementId, "_").concat(currentBlock, "_label");
-        html += "\n\t\t\t<li class='websy-".concat(this.options.orientation, "-list-item'>\n\t\t\t\t<div class='websy-menu-header ").concat(items[i].classes && items[i].classes.join(' '), " ").concat(selected, " ").concat(active, "' \n\t\t\t\t\t\t id='").concat(blockId, "' \n\t\t\t\t\t\t data-id='").concat(currentBlock, "'\n             data-menu-id='").concat(this.elementId, "_").concat(currentBlock, "_list'\n\t\t\t\t\t\t data-popout-id='").concat(level > 1 ? block : currentBlock, "'\n\t\t\t\t\t\t data-text='").concat(items[i].text, "'\n\t\t\t\t\t\t style='padding-left: ").concat(level * this.options.childIndentation, "px'\n\t\t\t\t\t\t ").concat(items[i].attributes && items[i].attributes.join(' '), "\n        >\n      ");
+        var blockId = items[i].id; //  || 	`${this.elementId}_${currentBlock}_label`
+
+        if (Array.isArray(items[i].classes)) {
+          items[i].classes = items[i].classes.join(' ');
+        }
+
+        html += "\n\t\t\t<li class='websy-".concat(this.options.orientation, "-list-item'>\n\t\t\t\t<div class='websy-menu-header ").concat(items[i].classes || '', " ").concat(selected, " ").concat(active, "' \n\t\t\t\t\t\t id='").concat(blockId, "' \n\t\t\t\t\t\t data-id='").concat(currentBlock, "'\n             data-menu-id='").concat(this.elementId, "_").concat(currentBlock, "_list'\n\t\t\t\t\t\t data-popout-id='").concat(level > 1 ? block : currentBlock, "'\n\t\t\t\t\t\t data-text='").concat(items[i].text, "'\n\t\t\t\t\t\t style='padding-left: ").concat(level * this.options.childIndentation, "px'\n\t\t\t\t\t\t ").concat(items[i].attributes && items[i].attributes.join(' ') || '', "\n        >\n      ");
 
         if (this.options.orientation === 'horizontal') {
           html += items[i].text;
         }
 
-        html += "\n          <span class='selected-bar'></span>\n          <span class='active-square'></span>\n          <span class='".concat(items[i].items && items[i].items.length > 0 ? 'menu-carat' : '', "'></span>\n      ");
+        if (this.options.activeSymbol === 'line') {
+          html += "\n          <span class='selected-bar'></span>\n        ";
+        }
+
+        if (this.options.activeSymbol === 'triangle') {
+          html += "\n          <span class='active-square'></span>\n        ";
+        }
+
+        html += "          \n          <span class='".concat(items[i].items && items[i].items.length > 0 ? 'menu-carat' : '', "'></span>\n      ");
 
         if (this.options.orientation === 'vertical') {
           html += "\n          &nbsp;\n        ";
@@ -331,7 +395,7 @@ var WebsyNavigationMenu = /*#__PURE__*/function () {
         html += "    \n\t\t\t\t</div>\n\t\t  ";
 
         if (items[i].items) {
-          html += this.renderBlock(items[i].items, currentBlock, level + 1);
+          html += this.renderBlock(items[i].items, currentBlock, items[i].level + 1);
         } // map the item to it's parent
 
 
@@ -348,8 +412,14 @@ var WebsyNavigationMenu = /*#__PURE__*/function () {
       return html;
     }
   }, {
-    key: "toggleOpen",
-    value: function toggleOpen() {}
+    key: "toggleMenu",
+    value: function toggleMenu(id) {
+      var el = document.getElementById("".concat(id, "_list"));
+
+      if (el) {
+        el.classList.toggle('websy-menu-collapsed');
+      }
+    }
   }, {
     key: "toggleMobileMenu",
     value: function toggleMobileMenu(method) {
@@ -1901,9 +1971,9 @@ var WebsyRouter = /*#__PURE__*/function () {
     _classCallCheck(this, WebsyRouter);
 
     var defaults = {
-      triggerClass: 'trigger-item',
-      triggerToggleClass: 'trigger-toggle',
-      viewClass: 'view',
+      triggerClass: 'websy-trigger',
+      triggerToggleClass: 'websy-trigger-toggle',
+      viewClass: 'websy-view',
       activeClass: 'active',
       viewAttribute: 'data-view',
       groupAttribute: 'data-group',
@@ -1929,13 +1999,7 @@ var WebsyRouter = /*#__PURE__*/function () {
     window.addEventListener('keyup', this.handleKeyUp.bind(this));
     window.addEventListener('focus', this.handleFocus.bind(this));
     window.addEventListener('click', this.handleClick.bind(this));
-    this.options = _extends({}, defaults, options); // add any necessary CSS if the viewClass has been changed
-
-    if (this.options.viewClass !== defaults.viewClass || this.options.activeClass !== defaults.activeClass) {
-      var style = "\n        <style>\n          .".concat(this.options.viewClass, "{ display: none; }\n          .").concat(this.options.viewClass, ".").concat(this.options.activeClass, "{ display: initial; }\n          .").concat(this.options.triggerClass, "{cursor: pointer;}\n        </style>\n      ");
-      document.querySelector('head').innerHTML += style;
-    } // this.navigate(this.currentPath, this.options.defaultGroup)
-
+    this.options = _extends({}, defaults, options);
   }
 
   _createClass(WebsyRouter, [{
@@ -2054,7 +2118,7 @@ var WebsyRouter = /*#__PURE__*/function () {
   }, {
     key: "init",
     value: function init() {
-      this.registerElements(document);
+      // this.registerElements(document)
       var view = '';
       var params = this.formatParams(this.queryParams);
       var url;
@@ -2368,6 +2432,11 @@ var WebsyRouter = /*#__PURE__*/function () {
         }
       }
     }
+  }, {
+    key: "on",
+    value: function on(event, fn) {
+      this.options.subscribers[event].push(fn);
+    }
   }, {
     key: "onPopState",
     value: function onPopState(event) {
@@ -2474,10 +2543,14 @@ var WebsyRouter = /*#__PURE__*/function () {
 
 
 var APIService = /*#__PURE__*/function () {
-  function APIService(baseUrl) {
+  function APIService() {
+    var baseUrl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
     _classCallCheck(this, APIService);
 
     this.baseUrl = baseUrl;
+    this.options = _extends({}, options);
   }
 
   _createClass(APIService, [{
@@ -2639,7 +2712,8 @@ var WebsyPDFButton = /*#__PURE__*/function () {
     var DEFAULTS = {
       classes: [],
       wait: 0,
-      buttonText: 'Download'
+      buttonText: 'Download',
+      directDownload: false
     };
     this.elementId = elementId;
     this.options = _extends({}, DEFAULTS, options);
@@ -2737,9 +2811,16 @@ var WebsyPDFButton = /*#__PURE__*/function () {
                 var blob = new Blob([response], {
                   type: 'application/pdf'
                 });
+                var msg = "\n                <div class='text-center websy-pdf-download'>\n                  <div>Your file is ready to download</div>\n                  <a href='".concat(URL.createObjectURL(blob), "' target='_blank'\n              ");
+
+                if (_this16.options.directDownload === true) {
+                  msg += "download='".concat(_this16.options.fileName || 'Export', ".pdf'");
+                }
+
+                msg += "\n                  >\n                    <button class='websy-btn download-pdf'>".concat(_this16.options.buttonText, "</button>\n                  </a>\n                </div>\n              ");
 
                 _this16.popup.show({
-                  message: "\n                  <div class='text-center websy-pdf-download'>\n                    <div>Your file is ready to download</div>\n                    <a href='".concat(URL.createObjectURL(blob), "' target='_blank'>\n                      <button class='websy-btn download-pdf'>").concat(_this16.options.buttonText, "</button>\n                    </a>\n                  </div>\n                "),
+                  message: msg,
                   mask: true
                 });
               }, function (err) {
@@ -4243,24 +4324,40 @@ var WebsyUtils = {
 };
 var WebsyDesigns = {
   WebsyPopupDialog: WebsyPopupDialog,
+  PopupDialog: WebsyPopupDialog,
   WebsyLoadingDialog: WebsyLoadingDialog,
+  LoadingDialog: WebsyLoadingDialog,
   WebsyNavigationMenu: WebsyNavigationMenu,
+  NavigationMenu: WebsyNavigationMenu,
   WebsyForm: WebsyForm,
+  Form: WebsyForm,
   WebsyDatePicker: WebsyDatePicker,
+  DatePicker: WebsyDatePicker,
   WebsyDropdown: WebsyDropdown,
+  Dropdown: WebsyDropdown,
   WebsyResultList: WebsyResultList,
+  ResultList: WebsyResultList,
   WebsyTemplate: WebsyTemplate,
+  Template: WebsyTemplate,
   WebsyPubSub: WebsyPubSub,
+  PubSub: WebsyPubSub,
   WebsyRouter: WebsyRouter,
+  Router: WebsyRouter,
   WebsyTable: WebsyTable,
+  Table: WebsyTable,
   WebsyChart: WebsyChart,
+  Chart: WebsyChart,
   WebsyChartTooltip: WebsyChartTooltip,
+  ChartTooltip: WebsyChartTooltip,
   WebsyMap: WebsyMap,
+  Map: WebsyMap,
   WebsyKPI: WebsyKPI,
+  KPI: WebsyKPI,
   WebsyPDFButton: WebsyPDFButton,
   PDFButton: WebsyPDFButton,
   APIService: APIService,
-  WebsyUtils: WebsyUtils
+  WebsyUtils: WebsyUtils,
+  Utils: WebsyUtils
 };
 var GlobalPubSub = new WebsyPubSub('empty', {});
 

package/dist/websy-designs.min.css

@@ -1 +1 @@
-@charset "UTF-8";@font-face{font-family:'websy-designs';src:url('../fonts/websy-designs.woff2?83517479') format('woff2');font-weight:normal;font-style:normal}[class^='websy-icon-']:before,[class*=' websy-icon-']:before{font-family:'websy-designs',sans-serif;font-style:normal;font-weight:normal;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.websy-icon-cancel:before{content:'\e800'}.websy-icon-ok:before{content:'\e801'}.websy-icon-plus:before{content:'\e802'}.websy-icon-minus:before{content:'\e803'}.websy-icon-camera:before{content:'\e804'}.websy-icon-heart:before{content:'\e805'}.websy-icon-heart-empty:before{content:'\e806'}.websy-icon-th-large:before{content:'\e807'}.websy-icon-th-list:before{content:'\e808'}.websy-icon-truck:before{content:'\e809'}.websy-icon-search:before{content:'\e80a'}.websy-icon-basket:before{content:'\e80b'}.websy-icon-credit-card:before{content:'\e80c'}.websy-icon-gift:before{content:'\e80d'}.websy-icon-cog:before{content:'\e80e'}.websy-icon-calendar:before{content:'\e80f'}.websy-icon-down-dir:before{content:'\e810'}.websy-icon-up-dir:before{content:'\e811'}.websy-icon-left-dir:before{content:'\e812'}.websy-icon-right-dir:before{content:'\e813'}.websy-icon-arrows-cw:before{content:'\e814'}.websy-icon-check:before{content:'\e815'}.websy-icon-barcode:before{content:'\e816'}.websy-icon-trash:before{content:'\e817'}.websy-icon-ccw:before{content:'\e818'}.websy-icon-pencil:before{content:'\e819'}.websy-icon-box:before{content:'\e81a'}.websy-icon-check-empty:before{content:'\f096'}.websy-icon-filter:before{content:'\f0b0'}.websy-icon-mail-alt:before{content:'\f0e0'}.websy-icon-building:before{content:'\f0f7'}.websy-icon-folder-open-empty:before{content:'\f115'}.websy-icon-help:before{content:'\f128'}.websy-icon-info:before{content:'\f129'}.websy-icon-ellipsis-vert:before{content:'\f142'}.websy-icon-sliders:before{content:'\f1de'}.websy-icon-share:before{content:'\f1e0'}.websy-icon-trash-1:before{content:'\f1f8'}.websy-icon-toggle-off:before{content:'\f204'}.websy-icon-toggle-on:before{content:'\f205'}.websy-icon-shopping-basket:before{content:'\f291'}.websy-icon-user-circle-o:before{content:'\f2be'}.websy-icon-sort:before{content:'\f0dc'}.websy-icon-eye:before{content:'\e81b'}.websy-icon-sun:before{content:'\e81c'}.websy-icon-sun-filled:before{content:'\e81d'}.websy-icon-flag-filled:before{content:'\e81e'}.websy-icon-thumbs-up-alt:before{content:'\f164'}.websy-icon-thumbs-down-alt:before{content:'\f165'}.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}html,body{width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;font-size:16px}body{line-height:23px;letter-spacing:.1em}h1,h2,h3,h4{line-height:1.5em}h1{font-size:44px}h2{font-size:33px}h3{font-size:22px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.websy-row{padding:0;box-sizing:border-box;margin-left:-15px;margin-right:-15px}[class*='websy-ib-col-']{padding-left:15px;padding-right:15px;display:inline-block;box-sizing:border-box;vertical-align:top}[class*='websy-col-']{padding-left:15px;padding-right:15px;float:left;box-sizing:border-box}.websy-ib-col-l-100{width:100%}.websy-ib-col-l-90{width:90%}.websy-ib-col-l-80{width:80%}.websy-ib-col-l-75{width:75%}.websy-ib-col-l-70{width:70%}.websy-ib-col-l-60{width:60%}.websy-ib-col-l-50{width:50%}.websy-ib-col-l-40{width:40%}.websy-ib-col-l-33{width:33.33%}.websy-ib-col-l-30{width:30%}.websy-ib-col-l-25{width:25%}.websy-ib-col-l-20{width:20%}.websy-ib-col-l-10{width:10%}.websy-col-l-100{width:100%}.websy-col-l-90{width:90%}.websy-col-l-80{width:80%}.websy-col-l-75{width:75%}.websy-col-l-70{width:70%}.websy-col-l-60{width:60%}.websy-col-l-50{width:50%}.websy-col-l-40{width:40%}.websy-col-l-33{width:33.33%}.websy-col-l-30{width:30%}.websy-col-l-25{width:25%}.websy-col-l-20{width:20%}.websy-col-l-10{width:10%}@media screen and (max-width:1024px){.websy-ib-col-m-100{width:100%}.websy-ib-col-m-90{width:90%}.websy-ib-col-m-80{width:80%}.websy-ib-col-m-75{width:75%}.websy-ib-col-m-70{width:70%}.websy-ib-col-m-60{width:60%}.websy-ib-col-m-50{width:50%}.websy-ib-col-m-40{width:40%}.websy-ib-col-m-33{width:33%}.websy-ib-col-m-30{width:30%}.websy-ib-col-m-25{width:25%}.websy-ib-col-m-20{width:20%}.websy-ib-col-m-10{width:10%}.websy-col-m-100{width:100%}.websy-col-m-90{width:90%}.websy-col-m-80{width:80%}.websy-col-m-75{width:75%}.websy-col-m-70{width:70%}.websy-col-m-60{width:60%}.websy-col-m-50{width:50%}.websy-col-m-40{width:40%}.websy-col-m-33{width:33.33%}.websy-col-m-30{width:30%}.websy-col-m-25{width:25%}.websy-col-m-20{width:20%}.websy-col-m-10{width:10%}}@media screen and (max-width:415px){.websy-ib-col-s-100{width:100%}.websy-ib-col-s-90{width:90%}.websy-ib-col-s-80{width:80%}.websy-ib-col-s-75{width:75%}.websy-ib-col-s-70{width:70%}.websy-ib-col-s-60{width:60%}.websy-ib-col-s-50{width:50%}.websy-ib-col-s-40{width:40%}.websy-ib-col-s-33{width:33%}.websy-ib-col-s-30{width:30%}.websy-ib-col-s-25{width:25%}.websy-ib-col-s-20{width:20%}.websy-ib-col-s-10{width:10%}.websy-col-s-100{width:100%}.websy-col-s-90{width:90%}.websy-col-s-80{width:80%}.websy-col-s-75{width:75%}.websy-col-s-70{width:70%}.websy-col-s-60{width:60%}.websy-col-s-50{width:50%}.websy-col-s-40{width:40%}.websy-col-s-33{width:33.33%}.websy-col-s-30{width:30%}.websy-col-s-25{width:25%}.websy-col-s-20{width:20%}.websy-col-s-10{width:10%}}.websy-popup-dialog-container{position:fixed;top:0;left:0;width:100vw;height:100vh}.websy-popup-dialog-container .websy-popup-dialog{width:500px;padding:10px 15px;max-width:90%;background-color:#ffffff;position:relative;margin:0 auto;top:calc(50vh - 150px);box-shadow:2px 6px 6px #cccccc,inset 1px 1px 1px #f2f2f2}.websy-popup-dialog-container .websy-popup-dialog h1{font-size:16px}.websy-popup-dialog-container .websy-popup-dialog .websy-popup-button-panel{text-align:right}.websy-popup-dialog-container .websy-popup-dialog .websy-popup-button-panel button{margin-left:5px}.websy-loading-container{display:none;top:0;left:0;position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,0.7);z-index:999}.websy-loading-container.global-loader{position:fixed;width:100vw;height:100vh}.websy-loading-container .websy-ripple{display:block;position:relative;top:calc(50% - 32px);width:55px;height:64px;margin:0 auto}.websy-loading-container .websy-ripple div{position:absolute;border:4px solid #4e43ed;opacity:1;border-radius:50%;animation:websy-ripple 1s cubic-bezier(0, .2, .8, 1) infinite}.websy-loading-container .websy-ripple div:nth-child( 2 ){animation-delay:-0.5s}.websy-loading-container h4{text-align:center;position:relative;color:#4e43ed;top:calc(50vh - 32px)}.websy-loading-container p{position:relative;text-align:center;color:#404040;top:calc(50vh - 32px)}.websy-loading-container.dark-loader{background-color:rgba(50,50,50,0.7)}.websy-loading-container.dark-loader .websy-ripple div{border:4px solid #ffffff}.websy-loading-container.dark-loader h4{letter-spacing:.1em}.websy-loading-container.dark-loader h4,.websy-loading-container.dark-loader p{color:#ffffff}.loading .websy-loading-container{display:block}@keyframes websy-ripple{0%{top:28px;left:28px;width:0;height:0;opacity:1}100%{top:-1px;left:-1px;width:58px;height:58px;opacity:0}}.websy-btn{font-size:16px;letter-spacing:.05em;padding:10px 15px;outline:none;background-color:#ffffff;color:#404040;border:1px solid #cccccc;cursor:pointer}.websy-btn [disabled]{background-color:#cccccc;color:#ffffff;cursor:not-allowed;border:none}.websy-btn.btn-primary{background-color:#4e43ed;color:#ffffff;border:none}.websy-btn.btn-secondary{background-color:#827af2;color:#ffffff;border:none}.websy-btn.btn-accent{background-color:#ba7af2;color:#404040;border:none}.websy-menu{background-color:#404040;color:#ffffff;padding-top:20px}.websy-menu .websy-menu-icon svg{fill:#ffffff}.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%}@media screen and (max-width:1024px){.websy-horizontal-list-container .websy-menu-icon{display:block}.websy-horizontal-list-container .websy-menu-icon.open rect:first-of-type{display:none}.websy-horizontal-list-container .websy-menu-icon.open rect:nth-of-type( 2 ){transform:rotate(45deg) translate(3px, -3px);transform-origin:15px 10px}.websy-horizontal-list-container .websy-menu-icon.open rect:last-of-type{transform:rotate(-45deg) translate(3px, 3px);transform-origin:6px 27px}.websy-horizontal-list-container .websy-horizontal-list{position:absolute;height:initial;top:80px;right:0;background-color:#ffffff;width:80vw;box-shadow:0 1px 3px #888888;display:none;z-index:101}.websy-horizontal-list-container .websy-horizontal-list li{padding:0 15px;display:block;position:relative}.websy-horizontal-list-container .websy-horizontal-list li .active-square{display:none}.websy-horizontal-list-container .websy-horizontal-list li:hover{background-color:#888888}.websy-horizontal-list-container .websy-horizontal-list .websy-horizontal-list-item .active .selected-bar{width:6px;height:60%;position:absolute;left:-15px;top:20%;background-color:#888888}.websy-horizontal-list-container .open .websy-horizontal-list{display:block}}.websy-date-picker-container{display:block}.websy-date-picker-container .websy-dp-button-container{padding:5px 10px;text-align:right}.websy-date-picker-container .websy-dropdown-header-label{position:absolute;font-size:.5em;top:-5px;left:0}.websy-date-picker-mask{position:fixed;top:0;left:0;height:100vh;width:100vw;display:none}.websy-date-picker-mask.active{display:block}.websy-date-picker-header{height:40px;line-height:45px;cursor:pointer}.websy-date-picker-header *{pointer-events:none}.websy-date-picker-header svg{transform:rotate(180deg);height:9px}.websy-date-picker-content{padding:10px 0;background-color:#ffffff;box-shadow:0 0 3px #cccccc;position:absolute;top:100%;left:0;width:470px;display:none;z-index:200}.websy-date-picker-content.active{display:block}.websy-date-picker-ranges,.websy-date-picker-custom{display:inline-block;vertical-align:top;box-sizing:border-box;font-size:12px}.websy-date-picker-ranges{width:170px}.websy-date-picker-ranges ul{list-style-type:none;padding:0;margin:0;text-align:left;width:100%}.websy-date-picker-ranges li{padding:5px 15px;cursor:pointer}.websy-date-picker-ranges li:hover{background-color:#ba7af2}.websy-date-picker-ranges li.websy-disabled-range{color:#cccccc}.websy-date-picker-range{position:relative}.websy-date-picker-range.active:after{content:'';position:absolute;top:0;right:0;width:4px;height:100%;background-color:#ba7af2}.websy-dp-days-header,.websy-dp-date-list,.websy-date-picker-custom{width:300px}.websy-date-picker-custom{border-left:1px solid #888888}.websy-date-picker-custom .websy-dp-days-header{color:#888888}.websy-date-picker-custom .websy-dp-date-list{height:240px;overflow-y:auto;position:relative}.websy-date-picker-custom .websy-dp-month-container{padding-top:5px}.websy-date-picker-custom .websy-dp-month-container span{padding-left:13px;color:#888888}.websy-date-picker-custom ul{list-style-type:none;padding:0;margin:0}.websy-date-picker-custom ul li{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer}.websy-date-picker-custom ul li.selected{background-color:#ba7af2}.websy-date-picker-custom ul li.first{border-bottom-left-radius:50%;border-top-left-radius:50%}.websy-date-picker-custom ul li.last{border-bottom-right-radius:50%;border-top-right-radius:50%}.websy-date-picker-custom ul li.websy-disabled-date{color:#cccccc}.websy-dropdown-container{display:block}.websy-dropdown-container input.dropdown-input{display:none}.websy-dropdown-mask{position:fixed;top:0;left:0;height:100vh;width:100vw;display:none}.websy-dropdown-mask.active{display:block}.websy-dropdown-header{height:40px;line-height:40px;cursor:pointer;position:relative}.websy-dropdown-header span,.websy-dropdown-header svg.arrow{pointer-events:none}.websy-dropdown-header svg,.websy-dropdown-header span{display:inline-block;vertical-align:middle}.websy-dropdown-header svg{stroke:#333333;fill:#333333}.websy-dropdown-header svg *{pointer-events:none}.websy-dropdown-header span{max-width:calc(100% - 30px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.websy-dropdown-header svg.arrow{transform:rotate(180deg);height:9px}.websy-dropdown-header svg.clear{display:none}.websy-dropdown-header.allow-clear.one-selected span,.websy-dropdown-header.allow-clear.multi-selected span{max-width:calc(100% - 60px)}.websy-dropdown-header.allow-clear.one-selected svg.clear,.websy-dropdown-header.allow-clear.multi-selected svg.clear{display:inline-block}.websy-dropdown-header.one-selected .websy-dropdown-header-label{position:absolute;font-size:.5em;top:-15px;left:0}.websy-dropdown-header.multi-selected .websy-dropdown-header-value{position:absolute;font-size:.5em;bottom:15px;left:0}.websy-dropdown-search{margin:0 15px;height:40px;line-height:40px;text-indent:10px;letter-spacing:.1em;border:1px solid #cccccc;width:calc(100% - 35px);font-size:inherit}.websy-dropdown-content{padding:10px 0;background-color:#ffffff;box-shadow:0 0 3px #cccccc;position:absolute;top:100%;right:0;width:220px;max-height:300px;display:none;z-index:1}.websy-dropdown-content.active{display:block}.websy-dropdown-content.on-top{top:unset;bottom:100%}.websy-dropdown-items{width:220px;max-height:300px;overflow-y:auto}.websy-dropdown-items ul{list-style-type:none;padding:0;margin:0;text-align:left;width:100%;height:100%;overflow-y:auto}.websy-dropdown-items li{padding:0 15px;height:40px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.websy-dropdown-items li:hover{background-color:#f2f2f2}.websy-dropdown-items li.websy-delayed{height:auto;white-space:normal}.with-search .websy-dropdown-items{max-height:240px}.websy-dropdown-item{position:relative}.websy-dropdown-item.active:after{content:'';position:absolute;top:0;right:0;width:4px;height:100%;background-color:#ba7af2}.disabled{color:#cccccc}.disabled svg{stroke:#cccccc;fill:#cccccc}.websy-info{display:inline-block;vertical-align:middle;height:24px;position:relative;z-index:100}.websy-info svg{fill:#333333}.websy-info:before{position:absolute;top:auto;bottom:calc(100% + 8px);right:6px;transform:rotate(45deg);background-color:transparent;color:transparent;width:10px;height:10px;z-index:12}.websy-info:after{position:absolute;background-color:transparent;color:transparent;padding:10px 15px;left:calc(50% - 107px);top:auto;width:200px;bottom:calc(100% + 12px);border-radius:2px;z-index:11;font-size:12px;line-height:16px;font-weight:normal;box-shadow:0 0 3px #ffffff}.websy-info.websy-info-dock-left:before{bottom:unset;top:calc(50% - 7px);right:25px}.websy-info.websy-info-dock-left:after{bottom:unset;right:30px;top:calc(50% - 20px)}.websy-info.websy-info-dock-right:before{bottom:unset;right:unset;top:calc(50% - 7px);left:25px}.websy-info.websy-info-dock-right:after{bottom:unset;right:unset;left:30px;top:calc(50% - 20px)}.websy-info.websy-info-dock-bottom:before{bottom:unset;top:calc(100% + 8px)}.websy-info.websy-info-dock-bottom:after{bottom:unset;top:calc(100% + 12px)}.websy-info:hover:after{background-color:#333333;color:#ffffff;content:attr(data-info)}.websy-info:hover:before{background-color:#333333;color:#ffffff;content:''}.websy-delayed-info{overflow:visible !important;position:relative}.websy-delayed-info:after{background-color:#ffffff;color:#404040;content:attr(data-info);left:0;top:0;width:auto;position:absolute;padding:inherit;z-index:1;box-shadow:0 0 3px #cccccc}.form-component{position:relative}.websy-validation-failure{background-color:#ce5252;border:2px solid #b12121;color:#ffffff;padding:5px 15px;font-size:.8em;margin-bottom:10px}.websy-validation-failure:empty{display:none}.websy-pdf-button *{pointer-events:none}.websy-pdf-button svg{width:20px;vertical-align:bottom}.websy-vis-table{height:100%;overflow-y:auto}.websy-vis-table table{border-spacing:0;border-collapse:collapse;display:table;table-layout:fixed;width:100%}.websy-vis-table table td{border:none;font-size:12px;padding:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.websy-vis-table table th{color:#888888;background-color:transparent;font-size:12px;text-align:left;padding-left:2px;padding-right:10px;padding-top:10px;position:relative}.websy-vis-table table tbody{width:100%;overflow-y:auto;overflow-x:hidden}.websy-vis-table table thead tr:nth-child( 1 ){width:100%;background-color:#ffffff;border-bottom:1px solid #cccccc}.websy-vis-table table thead tr:nth-child( 2 ){width:100%;background-color:#ffffff}.websy-vis-table table tbody tr{width:100%;background-color:#ffffff;border-bottom:1px solid #cccccc}.websy-vis-table .sortOrder{content:url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><title>ionicons-v5-b</title><path d="M414,321.94,274.22,158.82a24,24,0,0,0-36.44,0L98,321.94c-13.34,15.57-2.28,39.62,18.22,39.62H395.82C416.32,361.56,427.38,337.51,414,321.94Z"/></svg>');height:12px;width:12px;margin:auto;position:absolute;left:calc(50% - 6px);top:calc(100% - 8px)}.websy-vis-table .sortOrderHidden{height:8px;width:10px;margin:auto;visibility:hidden}.websy-vis-table .sortOrder.desc{margin:auto;transform:rotate(180deg);position:absolute;top:calc(100% - 3px)}.websy-vis-table .tableSearchIcon{float:right;fill:#cccccc;display:block;margin:auto}.websy-vis-table .tableSearchIcon.active{fill:#555555}.websy-vis-table .tableSearchIcon.selected{float:right;fill:#ffffff;display:block;margin:auto}.websy-vis-table .leftSection{position:relative;cursor:pointer}.websy-vis-table .leftSection .tableHeaderField{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.websy-chart .x-axis text,.websy-chart .y-axis text{fill:#888888}.websy-chart .x-axis path,.websy-chart .y-axis path,.websy-chart .x-axis line,.websy-chart .y-axis line{stroke:#888888}.websy-chart .y-axis path,.websy-chart .y-axis line{display:none}.websy-chart-tooltip{overflow:visible}.websy-chart-tooltip .websy-chart-tooltip-content{padding:10px 15px;background-color:#333333;font-size:12px;position:absolute;display:none}.websy-chart-tooltip .websy-chart-tooltip-content.active{display:block}.websy-chart-tooltip .websy-chart-tooltip-content:before{content:'';height:12px;width:12px;background-color:#333333;position:absolute;left:-4px;top:8px;transform:rotate(45deg)}.websy-chart-tooltip .websy-chart-tooltip-content ul{top:0;list-style-type:none;margin:0;padding:0}.websy-chart-tooltip .websy-chart-tooltip-content ul li{position:relative;padding:3px 0;padding-left:15px;color:#ffffff}.websy-chart-tooltip .websy-chart-tooltip-content ul li i{position:absolute;height:10px;width:10px;border-radius:5px;display:inline-block;left:0;top:calc(50% - 5px);margin-right:6px}.websy-chart-tooltip .websy-chart-tooltip-content .title{font-weight:bold;color:#ffffff}.websy-chart-tooltip.left .websy-chart-tooltip-content:before{left:unset;right:-4px;top:8px;transform:rotate(-45deg)}.websy-kpi-info,.websy-kpi-icon{display:inline-block;height:70px;vertical-align:middle}.websy-kpi-icon{width:40px}.websy-kpi-icon img{width:30px;margin-top:14px}.websy-kpi-value{font-size:2em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.websy-kpi-sub-value{font-size:.5em;color:#888888;margin-top:-5px}.websy-container{width:80vw;margin:0 auto}.websy-container .websy-horizontal-list-container{box-sizing:border-box}.websy-container .websy-horizontal-list-container.fixed{padding:0 10vw;z-index:100}.websy-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(255,255,255,0.7)}.websy-vertical-list-container{width:200px}.websy-vertical-list-container.fixed{position:fixed;top:0;bottom:0;left:0;z-index:100}.websy-vertical-list-container.fixed.open{left:-200px}.websy-vertical-list-container.fixed .websy-menu-icon{position:relative;text-align:right;height:40px;margin:10px 15px}.websy-vertical-list-container.fixed .logo{position:relative;width:100%;padding:0 15px;text-align:center;box-sizing:border-box}@media screen and (max-width:415px){.websy-vertical-list-container.fixed{left:-200px}.websy-vertical-list-container.fixed.open{left:0;width:80vw}.websy-vertical-list-container.fixed.open .websy-menu-header{padding:20px 10px}}.websy-vertical-list-container .logo *{pointer-events:none}.websy-vertical-list-container .logo img{height:60px;width:auto}.websy-horizontal-list-container{width:100vw;height:80px;background-color:#cccccc}.websy-horizontal-list-container.fixed{position:fixed;top:0;bottom:0;left:0}.websy-horizontal-list-container .logo{display:inline-block;vertical-align:top;width:auto;margin-right:20px}.websy-horizontal-list-container .logo img{height:60px;width:auto;margin:10px 0}.websy-vertical-list,.websy-horizontal-list{padding:0;margin:0;list-style-type:none;transition:.2s linear all;overflow:hidden}.websy-vertical-list .websy-menu-collapsed,.websy-horizontal-list .websy-menu-collapsed{height:0}.websy-vertical-list .popout-menu,.websy-horizontal-list .popout-menu{display:none}.websy-vertical-list .websy-menu-header,.websy-horizontal-list .websy-menu-header{position:relative}.websy-vertical-list .websy-menu-header.active .active-square,.websy-horizontal-list .websy-menu-header.active .active-square{position:absolute;width:15px;height:15px;background-color:#ffffff;transform:rotate(45deg)}.websy-vertical-list .websy-menu-header.selected .selected-bar,.websy-horizontal-list .websy-menu-header.selected .selected-bar{position:absolute;box-sizing:border-box}.websy-vertical-list .websy-menu-header .menu-carat,.websy-horizontal-list .websy-menu-header .menu-carat{position:absolute;width:6px;height:6px}.websy-vertical-list .websy-vertical-list-item,.websy-horizontal-list .websy-vertical-list-item{padding:0}.websy-vertical-list .websy-vertical-list-item.active,.websy-horizontal-list .websy-vertical-list-item.active{background-color:#cccccc}.websy-vertical-list .websy-vertical-list-item:hover,.websy-horizontal-list .websy-vertical-list-item:hover,.websy-vertical-list .websy-vertical-list-item.menu-open,.websy-horizontal-list .websy-vertical-list-item.menu-open{background-color:#888888}.websy-vertical-list .websy-vertical-list-item.menu-open .menu-carat,.websy-horizontal-list .websy-vertical-list-item.menu-open .menu-carat{transform:rotate(-135deg)}.websy-horizontal-list{width:auto;display:inline-block;vertical-align:top;height:100%}.websy-horizontal-list.fixed{position:fixed}.websy-horizontal-list .websy-menu-header{padding:26px 0;margin-right:20px}.websy-horizontal-list .websy-menu-header.active .active-square{bottom:-10px;left:calc(50% - 8px)}.websy-horizontal-list .websy-menu-header.selected .selected-bar{border-bottom:3px solid;left:0;width:100%;top:0}.websy-horizontal-list .websy-menu-header .menu-carat{bottom:10px;left:calc(50% - 3px);border-top:1px solid #ffffff;border-left:1px solid #ffffff;transform:rotate(-45deg)}.websy-horizontal-list .websy-horizontal-list-item{display:inline-block;height:100%;width:auto}.websy-vertical-list{width:100%;height:auto}.websy-vertical-list.fixed{position:fixed}.websy-vertical-list .websy-menu-header{padding:10px 0}.websy-vertical-list .websy-menu-header:after{content:attr(data-text)}.websy-vertical-list .websy-menu-header.active .active-square{right:-10px;top:calc(50% - 8px)}.websy-vertical-list .websy-menu-header.selected .selected-bar{border-left:3px solid;left:0;height:100%;top:0}.websy-vertical-list .websy-menu-header .menu-carat{right:10px;top:calc(50% - 3px);border-top:1px solid #ffffff;border-left:1px solid #ffffff;transform:rotate(-45deg)}[data-retracted='true'] .websy-menu-header:after{display:none}[data-retracted='true'] .websy-menu-header .menu-carat{display:none}[data-retracted='true'] .popout{position:absolute;top:0;height:auto;z-index:9999;background-color:#4e43ed}[data-retracted='true'] .popout .websy-menu-header:after{display:initial}.websy-input{border:1px solid #333333;padding:0 15px;height:40px;font-size:1em;letter-spacing:.1em;margin:5px 0;display:block;width:100%;box-sizing:border-box}.websy-textarea{resize:none;height:100px;padding:10px 15px;font-family:inherit}@media screen and (max-width:1024px){}@media screen and (max-width:1024px){h1{font-size:36px}h2{font-size:24px}h3{font-size:20px}}
+@charset "UTF-8";@font-face{font-family:'websy-designs';src:url('../fonts/websy-designs.woff2?83517479') format('woff2');font-weight:normal;font-style:normal}[class^='websy-icon-']:before,[class*=' websy-icon-']:before{font-family:'websy-designs',sans-serif;font-style:normal;font-weight:normal;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.websy-icon-cancel:before{content:'\e800'}.websy-icon-ok:before{content:'\e801'}.websy-icon-plus:before{content:'\e802'}.websy-icon-minus:before{content:'\e803'}.websy-icon-camera:before{content:'\e804'}.websy-icon-heart:before{content:'\e805'}.websy-icon-heart-empty:before{content:'\e806'}.websy-icon-th-large:before{content:'\e807'}.websy-icon-th-list:before{content:'\e808'}.websy-icon-truck:before{content:'\e809'}.websy-icon-search:before{content:'\e80a'}.websy-icon-basket:before{content:'\e80b'}.websy-icon-credit-card:before{content:'\e80c'}.websy-icon-gift:before{content:'\e80d'}.websy-icon-cog:before{content:'\e80e'}.websy-icon-calendar:before{content:'\e80f'}.websy-icon-down-dir:before{content:'\e810'}.websy-icon-up-dir:before{content:'\e811'}.websy-icon-left-dir:before{content:'\e812'}.websy-icon-right-dir:before{content:'\e813'}.websy-icon-arrows-cw:before{content:'\e814'}.websy-icon-check:before{content:'\e815'}.websy-icon-barcode:before{content:'\e816'}.websy-icon-trash:before{content:'\e817'}.websy-icon-ccw:before{content:'\e818'}.websy-icon-pencil:before{content:'\e819'}.websy-icon-box:before{content:'\e81a'}.websy-icon-check-empty:before{content:'\f096'}.websy-icon-filter:before{content:'\f0b0'}.websy-icon-mail-alt:before{content:'\f0e0'}.websy-icon-building:before{content:'\f0f7'}.websy-icon-folder-open-empty:before{content:'\f115'}.websy-icon-help:before{content:'\f128'}.websy-icon-info:before{content:'\f129'}.websy-icon-ellipsis-vert:before{content:'\f142'}.websy-icon-sliders:before{content:'\f1de'}.websy-icon-share:before{content:'\f1e0'}.websy-icon-trash-1:before{content:'\f1f8'}.websy-icon-toggle-off:before{content:'\f204'}.websy-icon-toggle-on:before{content:'\f205'}.websy-icon-shopping-basket:before{content:'\f291'}.websy-icon-user-circle-o:before{content:'\f2be'}.websy-icon-sort:before{content:'\f0dc'}.websy-icon-eye:before{content:'\e81b'}.websy-icon-sun:before{content:'\e81c'}.websy-icon-sun-filled:before{content:'\e81d'}.websy-icon-flag-filled:before{content:'\e81e'}.websy-icon-thumbs-up-alt:before{content:'\f164'}.websy-icon-thumbs-down-alt:before{content:'\f165'}.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}html,body{width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;font-size:16px}body{line-height:23px;letter-spacing:.1em}h1,h2,h3,h4{line-height:1.5em}h1{font-size:44px}h2{font-size:33px}h3{font-size:22px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.websy-responsive-container{margin:0 auto;width:100%;max-width:1540px}.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%}.websy-ib-col-m-100{width:100%}.websy-ib-col-m-90{width:90%}.websy-ib-col-m-80{width:80%}.websy-ib-col-m-75{width:75%}.websy-ib-col-m-70{width:70%}.websy-ib-col-m-60{width:60%}.websy-ib-col-m-50{width:50%}.websy-ib-col-m-40{width:40%}.websy-ib-col-m-33{width:33%}.websy-ib-col-m-30{width:30%}.websy-ib-col-m-25{width:25%}.websy-ib-col-m-20{width:20%}.websy-ib-col-m-10{width:10%}.websy-col-m-100{width:100%}.websy-col-m-90{width:90%}.websy-col-m-80{width:80%}.websy-col-m-75{width:75%}.websy-col-m-70{width:70%}.websy-col-m-60{width:60%}.websy-col-m-50{width:50%}.websy-col-m-40{width:40%}.websy-col-m-33{width:33.33%}.websy-col-m-30{width:30%}.websy-col-m-25{width:25%}.websy-col-m-20{width:20%}.websy-col-m-10{width:10%}}@media screen and (max-width:415px){.websy-responsive-container{width:100%}.websy-ib-col-s-100{width:100%}.websy-ib-col-s-90{width:90%}.websy-ib-col-s-80{width:80%}.websy-ib-col-s-75{width:75%}.websy-ib-col-s-70{width:70%}.websy-ib-col-s-60{width:60%}.websy-ib-col-s-50{width:50%}.websy-ib-col-s-40{width:40%}.websy-ib-col-s-33{width:33%}.websy-ib-col-s-30{width:30%}.websy-ib-col-s-25{width:25%}.websy-ib-col-s-20{width:20%}.websy-ib-col-s-10{width:10%}.websy-col-s-100{width:100%}.websy-col-s-90{width:90%}.websy-col-s-80{width:80%}.websy-col-s-75{width:75%}.websy-col-s-70{width:70%}.websy-col-s-60{width:60%}.websy-col-s-50{width:50%}.websy-col-s-40{width:40%}.websy-col-s-33{width:33.33%}.websy-col-s-30{width:30%}.websy-col-s-25{width:25%}.websy-col-s-20{width:20%}.websy-col-s-10{width:10%}}.websy-popup-dialog-container{position:fixed;top:0;left:0;width:100vw;height:100vh}.websy-popup-dialog-container .websy-popup-dialog{width:500px;padding:10px 15px;max-width:90%;background-color:#ffffff;position:relative;margin:0 auto;top:calc(50vh - 150px);box-shadow:2px 6px 6px #cccccc,inset 1px 1px 1px #f2f2f2}.websy-popup-dialog-container .websy-popup-dialog h1{font-size:16px}.websy-popup-dialog-container .websy-popup-dialog .websy-popup-button-panel{text-align:right}.websy-popup-dialog-container .websy-popup-dialog .websy-popup-button-panel button{margin-left:5px}.websy-loading-container{display:none;top:0;left:0;position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,0.7);z-index:999}.websy-loading-container.global-loader{position:fixed;width:100vw;height:100vh}.websy-loading-container .websy-ripple{display:block;position:relative;top:calc(50% - 32px);width:55px;height:64px;margin:0 auto}.websy-loading-container .websy-ripple div{position:absolute;border:4px solid #4e43ed;opacity:1;border-radius:50%;animation:websy-ripple 1s cubic-bezier(0, .2, .8, 1) infinite}.websy-loading-container .websy-ripple div:nth-child( 2 ){animation-delay:-0.5s}.websy-loading-container h4{text-align:center;position:relative;color:#4e43ed;top:calc(50vh - 32px)}.websy-loading-container p{position:relative;text-align:center;color:#404040;top:calc(50vh - 32px)}.websy-loading-container.dark-loader{background-color:rgba(50,50,50,0.7)}.websy-loading-container.dark-loader .websy-ripple div{border:4px solid #ffffff}.websy-loading-container.dark-loader h4{letter-spacing:.1em}.websy-loading-container.dark-loader h4,.websy-loading-container.dark-loader p{color:#ffffff}.loading .websy-loading-container{display:block}@keyframes websy-ripple{0%{top:28px;left:28px;width:0;height:0;opacity:1}100%{top:-1px;left:-1px;width:58px;height:58px;opacity:0}}.websy-btn{font-size:16px;letter-spacing:.05em;padding:10px 15px;outline:none;background-color:#ffffff;color:#404040;border:1px solid #cccccc;cursor:pointer}.websy-btn [disabled]{background-color:#cccccc;color:#ffffff;cursor:not-allowed;border:none}.websy-btn.btn-primary{background-color:#4e43ed;color:#ffffff;border:none}.websy-btn.btn-secondary{background-color:#827af2;color:#ffffff;border:none}.websy-btn.btn-accent{background-color:#ba7af2;color:#404040;border:none}.websy-menu{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;font-size:.8em;line-height:1.2em}.websy-menu .websy-menu-icon svg{fill:#888888}.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%}@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}.websy-date-picker-container .websy-dp-button-container{padding:5px 10px;text-align:right}.websy-date-picker-container .websy-dropdown-header-label{position:absolute;font-size:.5em;top:-5px;left:0}.websy-date-picker-mask{position:fixed;top:0;left:0;height:100vh;width:100vw;display:none}.websy-date-picker-mask.active{display:block}.websy-date-picker-header{height:40px;line-height:45px;cursor:pointer}.websy-date-picker-header *{pointer-events:none}.websy-date-picker-header svg{transform:rotate(180deg);height:9px}.websy-date-picker-content{padding:10px 0;background-color:#ffffff;box-shadow:0 0 3px #cccccc;position:absolute;top:100%;left:0;width:470px;display:none;z-index:200}.websy-date-picker-content.active{display:block}.websy-date-picker-ranges,.websy-date-picker-custom{display:inline-block;vertical-align:top;box-sizing:border-box;font-size:12px}.websy-date-picker-ranges{width:170px}.websy-date-picker-ranges ul{list-style-type:none;padding:0;margin:0;text-align:left;width:100%}.websy-date-picker-ranges li{padding:5px 15px;cursor:pointer}.websy-date-picker-ranges li:hover{background-color:#ba7af2}.websy-date-picker-ranges li.websy-disabled-range{color:#cccccc}.websy-date-picker-range{position:relative}.websy-date-picker-range.active:after{content:'';position:absolute;top:0;right:0;width:4px;height:100%;background-color:#ba7af2}.websy-dp-days-header,.websy-dp-date-list,.websy-date-picker-custom{width:300px}.websy-date-picker-custom{border-left:1px solid #888888}.websy-date-picker-custom .websy-dp-days-header{color:#888888}.websy-date-picker-custom .websy-dp-date-list{height:240px;overflow-y:auto;position:relative}.websy-date-picker-custom .websy-dp-month-container{padding-top:5px}.websy-date-picker-custom .websy-dp-month-container span{padding-left:13px;color:#888888}.websy-date-picker-custom ul{list-style-type:none;padding:0;margin:0}.websy-date-picker-custom ul li{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer}.websy-date-picker-custom ul li.selected{background-color:#ba7af2}.websy-date-picker-custom ul li.first{border-bottom-left-radius:50%;border-top-left-radius:50%}.websy-date-picker-custom ul li.last{border-bottom-right-radius:50%;border-top-right-radius:50%}.websy-date-picker-custom ul li.websy-disabled-date{color:#cccccc}.websy-dropdown-container{display:block}.websy-dropdown-container input.dropdown-input{display:none}.websy-dropdown-mask{position:fixed;top:0;left:0;height:100vh;width:100vw;display:none}.websy-dropdown-mask.active{display:block}.websy-dropdown-header{height:40px;line-height:40px;cursor:pointer;position:relative}.websy-dropdown-header span,.websy-dropdown-header svg.arrow{pointer-events:none}.websy-dropdown-header svg,.websy-dropdown-header span{display:inline-block;vertical-align:middle}.websy-dropdown-header svg{stroke:#333333;fill:#333333}.websy-dropdown-header svg *{pointer-events:none}.websy-dropdown-header span{max-width:calc(100% - 30px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.websy-dropdown-header svg.arrow{transform:rotate(180deg);height:9px}.websy-dropdown-header svg.clear{display:none}.websy-dropdown-header.allow-clear.one-selected span,.websy-dropdown-header.allow-clear.multi-selected span{max-width:calc(100% - 60px)}.websy-dropdown-header.allow-clear.one-selected svg.clear,.websy-dropdown-header.allow-clear.multi-selected svg.clear{display:inline-block}.websy-dropdown-header.one-selected .websy-dropdown-header-label{position:absolute;font-size:.5em;top:-15px;left:0}.websy-dropdown-header.multi-selected .websy-dropdown-header-value{position:absolute;font-size:.5em;bottom:15px;left:0}.websy-dropdown-search{margin:0 15px;height:40px;line-height:40px;text-indent:10px;letter-spacing:.1em;border:1px solid #cccccc;width:calc(100% - 35px);font-size:inherit}.websy-dropdown-content{padding:10px 0;background-color:#ffffff;box-shadow:0 0 3px #cccccc;position:absolute;top:100%;right:0;width:220px;max-height:300px;display:none;z-index:1}.websy-dropdown-content.active{display:block}.websy-dropdown-content.on-top{top:unset;bottom:100%}.websy-dropdown-items{width:220px;max-height:300px;overflow-y:auto}.websy-dropdown-items ul{list-style-type:none;padding:0;margin:0;text-align:left;width:100%;height:100%;overflow-y:auto}.websy-dropdown-items li{padding:0 15px;height:40px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.websy-dropdown-items li:hover{background-color:#f2f2f2}.websy-dropdown-items li.websy-delayed{height:auto;white-space:normal}.with-search .websy-dropdown-items{max-height:240px}.websy-dropdown-item{position:relative}.websy-dropdown-item.active:after{content:'';position:absolute;top:0;right:0;width:4px;height:100%;background-color:#ba7af2}.disabled{color:#cccccc}.disabled svg{stroke:#cccccc;fill:#cccccc}.websy-info{display:inline-block;vertical-align:middle;height:24px;position:relative;z-index:100}.websy-info svg{fill:#333333}.websy-info:before{position:absolute;top:auto;bottom:calc(100% + 8px);right:6px;transform:rotate(45deg);background-color:transparent;color:transparent;width:10px;height:10px;z-index:12}.websy-info:after{position:absolute;background-color:transparent;color:transparent;padding:10px 15px;left:calc(50% - 107px);top:auto;width:200px;bottom:calc(100% + 12px);border-radius:2px;z-index:11;font-size:12px;line-height:16px;font-weight:normal;box-shadow:0 0 3px #ffffff}.websy-info.websy-info-dock-left:before{bottom:unset;top:calc(50% - 7px);right:25px}.websy-info.websy-info-dock-left:after{bottom:unset;right:30px;top:calc(50% - 20px)}.websy-info.websy-info-dock-right:before{bottom:unset;right:unset;top:calc(50% - 7px);left:25px}.websy-info.websy-info-dock-right:after{bottom:unset;right:unset;left:30px;top:calc(50% - 20px)}.websy-info.websy-info-dock-bottom:before{bottom:unset;top:calc(100% + 8px)}.websy-info.websy-info-dock-bottom:after{bottom:unset;top:calc(100% + 12px)}.websy-info:hover:after{background-color:#333333;color:#ffffff;content:attr(data-info)}.websy-info:hover:before{background-color:#333333;color:#ffffff;content:''}.websy-delayed-info{overflow:visible !important;position:relative}.websy-delayed-info:after{background-color:#ffffff;color:#404040;content:attr(data-info);left:0;top:0;width:auto;position:absolute;padding:inherit;z-index:1;box-shadow:0 0 3px #cccccc}.form-component{position:relative}.websy-validation-failure{background-color:#ce5252;border:2px solid #b12121;color:#ffffff;padding:5px 15px;font-size:.8em;margin-bottom:10px}.websy-validation-failure:empty{display:none}.websy-pdf-button *{pointer-events:none}.websy-pdf-button svg{width:20px;vertical-align:bottom}.websy-vis-table{height:100%;overflow-y:auto}.websy-vis-table table{border-spacing:0;border-collapse:collapse;display:table;table-layout:fixed;width:100%}.websy-vis-table table td{border:none;font-size:12px;padding:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.websy-vis-table table th{color:#888888;background-color:transparent;font-size:12px;text-align:left;padding-left:2px;padding-right:10px;padding-top:10px;position:relative}.websy-vis-table table tbody{width:100%;overflow-y:auto;overflow-x:hidden}.websy-vis-table table thead tr:nth-child( 1 ){width:100%;background-color:#ffffff;border-bottom:1px solid #cccccc}.websy-vis-table table thead tr:nth-child( 2 ){width:100%;background-color:#ffffff}.websy-vis-table table tbody tr{width:100%;background-color:#ffffff;border-bottom:1px solid #cccccc}.websy-vis-table .sortOrder{content:url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><title>ionicons-v5-b</title><path d="M414,321.94,274.22,158.82a24,24,0,0,0-36.44,0L98,321.94c-13.34,15.57-2.28,39.62,18.22,39.62H395.82C416.32,361.56,427.38,337.51,414,321.94Z"/></svg>');height:12px;width:12px;margin:auto;position:absolute;left:calc(50% - 6px);top:calc(100% - 8px)}.websy-vis-table .sortOrderHidden{height:8px;width:10px;margin:auto;visibility:hidden}.websy-vis-table .sortOrder.desc{margin:auto;transform:rotate(180deg);position:absolute;top:calc(100% - 3px)}.websy-vis-table .tableSearchIcon{float:right;fill:#cccccc;display:block;margin:auto}.websy-vis-table .tableSearchIcon.active{fill:#555555}.websy-vis-table .tableSearchIcon.selected{float:right;fill:#ffffff;display:block;margin:auto}.websy-vis-table .leftSection{position:relative;cursor:pointer}.websy-vis-table .leftSection .tableHeaderField{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.websy-chart .x-axis text,.websy-chart .y-axis text{fill:#888888}.websy-chart .x-axis path,.websy-chart .y-axis path,.websy-chart .x-axis line,.websy-chart .y-axis line{stroke:#888888}.websy-chart .y-axis path,.websy-chart .y-axis line{display:none}.websy-chart-tooltip{overflow:visible}.websy-chart-tooltip .websy-chart-tooltip-content{padding:10px 15px;background-color:#333333;font-size:12px;position:absolute;display:none}.websy-chart-tooltip .websy-chart-tooltip-content.active{display:block}.websy-chart-tooltip .websy-chart-tooltip-content:before{content:'';height:12px;width:12px;background-color:#333333;position:absolute;left:-4px;top:8px;transform:rotate(45deg)}.websy-chart-tooltip .websy-chart-tooltip-content ul{top:0;list-style-type:none;margin:0;padding:0}.websy-chart-tooltip .websy-chart-tooltip-content ul li{position:relative;padding:3px 0;padding-left:15px;color:#ffffff}.websy-chart-tooltip .websy-chart-tooltip-content ul li i{position:absolute;height:10px;width:10px;border-radius:5px;display:inline-block;left:0;top:calc(50% - 5px);margin-right:6px}.websy-chart-tooltip .websy-chart-tooltip-content .title{font-weight:bold;color:#ffffff}.websy-chart-tooltip.left .websy-chart-tooltip-content:before{left:unset;right:-4px;top:8px;transform:rotate(-45deg)}.websy-kpi-info,.websy-kpi-icon{display:inline-block;height:70px;vertical-align:middle}.websy-kpi-icon{width:40px}.websy-kpi-icon img{width:30px;margin-top:14px}.websy-kpi-value{font-size:2em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.websy-kpi-sub-value{font-size:.5em;color:#888888;margin-top:-5px}.websy-container{width:80vw;margin:0 auto}.websy-container .websy-horizontal-list-container{box-sizing:border-box}.websy-container .websy-horizontal-list-container.fixed{padding:0 10vw;z-index:100}.websy-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(255,255,255,0.7)}.websy-vertical-list-container{width:250px;box-sizing:border-box}.websy-vertical-list-container.fixed{position:fixed;top:0;bottom:0;left:0;z-index:100;overflow-y:auto}.websy-vertical-list-container.fixed.open{left:-250px}.websy-vertical-list-container.fixed .websy-menu-icon{position:relative;text-align:right;height:40px;margin:10px 15px}.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:415px){.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-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:auto}.websy-vertical-list.fixed{position:fixed}.websy-vertical-list .websy-menu-header{padding:10px 0}.websy-vertical-list .websy-menu-header:after{content:attr(data-text)}.websy-vertical-list .websy-menu-header.active .active-square{right:-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}@media screen and (max-width:1024px){}@media screen and (max-width:1024px){h1{font-size:36px}h2{font-size:24px}h3{font-size:20px}}