@websy/websy-designs 0.0.118 → 0.0.122
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/server/websy-designs-server.js +19 -14
- package/dist/websy-designs.debug.js +189 -31
- package/dist/websy-designs.js +141 -23
- package/dist/websy-designs.min.css +1 -1
- package/dist/websy-designs.min.js +1 -1
- package/package.json +1 -1
package/dist/websy-designs.js
CHANGED
|
@@ -212,8 +212,10 @@ var WebsyNavigationMenu = /*#__PURE__*/function () {
|
|
|
212
212
|
_classCallCheck(this, WebsyNavigationMenu);
|
|
213
213
|
|
|
214
214
|
this.options = _extends({}, {
|
|
215
|
+
collapsable: false,
|
|
215
216
|
orientation: 'horizontal',
|
|
216
|
-
parentMap: {}
|
|
217
|
+
parentMap: {},
|
|
218
|
+
childIndentation: 10
|
|
217
219
|
}, options);
|
|
218
220
|
|
|
219
221
|
if (!elementId) {
|
|
@@ -267,8 +269,12 @@ var WebsyNavigationMenu = /*#__PURE__*/function () {
|
|
|
267
269
|
if (el) {
|
|
268
270
|
var html = "";
|
|
269
271
|
|
|
272
|
+
if (this.options.collapsable === true) {
|
|
273
|
+
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 ");
|
|
274
|
+
}
|
|
275
|
+
|
|
270
276
|
if (this.options.logo) {
|
|
271
|
-
html += "
|
|
277
|
+
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 ");
|
|
272
278
|
}
|
|
273
279
|
|
|
274
280
|
html += this.renderBlock(this.options.items, 'main', 1);
|
|
@@ -297,7 +303,8 @@ var WebsyNavigationMenu = /*#__PURE__*/function () {
|
|
|
297
303
|
|
|
298
304
|
var active = items[i]["default"] === true ? 'active' : '';
|
|
299
305
|
var currentBlock = this.normaliseString(items[i].text);
|
|
300
|
-
|
|
306
|
+
var blockId = items[i].id || "".concat(this.elementId, "_").concat(currentBlock, "_label");
|
|
307
|
+
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 ");
|
|
301
308
|
|
|
302
309
|
if (this.options.orientation === 'horizontal') {
|
|
303
310
|
html += items[i].text;
|
|
@@ -328,6 +335,9 @@ var WebsyNavigationMenu = /*#__PURE__*/function () {
|
|
|
328
335
|
html += "</ul>";
|
|
329
336
|
return html;
|
|
330
337
|
}
|
|
338
|
+
}, {
|
|
339
|
+
key: "toggleOpen",
|
|
340
|
+
value: function toggleOpen() {}
|
|
331
341
|
}, {
|
|
332
342
|
key: "toggleMobileMenu",
|
|
333
343
|
value: function toggleMobileMenu(method) {
|
|
@@ -1094,11 +1104,10 @@ var WebsyDropdown = /*#__PURE__*/function () {
|
|
|
1094
1104
|
var searchEl = document.getElementById("".concat(this.elementId, "_search"));
|
|
1095
1105
|
|
|
1096
1106
|
if (searchEl) {
|
|
1097
|
-
if (this.options.onCancelSearch) {
|
|
1107
|
+
if (searchEl.value.length > 0 && this.options.onCancelSearch) {
|
|
1098
1108
|
this.options.onCancelSearch('');
|
|
1109
|
+
searchEl.value = '';
|
|
1099
1110
|
}
|
|
1100
|
-
|
|
1101
|
-
searchEl.value = '';
|
|
1102
1111
|
}
|
|
1103
1112
|
}
|
|
1104
1113
|
}, {
|
|
@@ -2783,12 +2792,36 @@ var WebsyTable = /*#__PURE__*/function () {
|
|
|
2783
2792
|
bodyHTML += data.map(function (r, rowIndex) {
|
|
2784
2793
|
return '<tr>' + r.map(function (c, i) {
|
|
2785
2794
|
if (_this17.options.columns[i].show !== false) {
|
|
2795
|
+
var style = '';
|
|
2796
|
+
|
|
2797
|
+
if (c.style) {
|
|
2798
|
+
style += c.style;
|
|
2799
|
+
}
|
|
2800
|
+
|
|
2801
|
+
if (_this17.options.columns[i].width) {
|
|
2802
|
+
style += "width: ".concat(_this17.options.columns[i].width, "; ");
|
|
2803
|
+
}
|
|
2804
|
+
|
|
2805
|
+
if (c.backgroundColor) {
|
|
2806
|
+
style += "background-color: ".concat(c.backgroundColor, "; ");
|
|
2807
|
+
}
|
|
2808
|
+
|
|
2809
|
+
if (c.color) {
|
|
2810
|
+
style += "color: ".concat(c.color, "; ");
|
|
2811
|
+
}
|
|
2812
|
+
|
|
2786
2813
|
if (_this17.options.columns[i].showAsLink === true && c.value.trim() !== '') {
|
|
2787
|
-
return "\n <td data-row-index='".concat(_this17.rowCount + rowIndex, "' data-col-index='").concat(i, "' class='").concat(_this17.options.columns[i].classes || '', "' ").concat(
|
|
2814
|
+
return "\n <td \n data-row-index='".concat(_this17.rowCount + rowIndex, "' \n data-col-index='").concat(i, "' \n class='").concat(_this17.options.columns[i].classes || '', "' \n style='").concat(style, "'\n colspan='").concat(c.colspan || 1, "'\n >\n <a href='").concat(c.value, "' target='").concat(_this17.options.columns[i].openInNewTab === true ? '_blank' : '_self', "'>").concat(_this17.options.columns[i].linkText || c.value, "</a>\n </td>\n ");
|
|
2788
2815
|
} else if (_this17.options.columns[i].showAsNavigatorLink === true && c.value.trim() !== '') {
|
|
2789
|
-
return "\n <td data-view='".concat(c.value, "' data-row-index='").concat(_this17.rowCount + rowIndex, "' data-col-index='").concat(i, "' class='trigger-item ").concat(_this17.options.columns[i].clickable === true ? 'clickable' : '', " ").concat(_this17.options.columns[i].classes || '', "' ").concat(
|
|
2816
|
+
return "\n <td \n data-view='".concat(c.value, "' \n data-row-index='").concat(_this17.rowCount + rowIndex, "' \n data-col-index='").concat(i, "' \n class='trigger-item ").concat(_this17.options.columns[i].clickable === true ? 'clickable' : '', " ").concat(_this17.options.columns[i].classes || '', "' \n style='").concat(style, "'\n colspan='").concat(c.colspan || 1, "'\n >").concat(_this17.options.columns[i].linkText || c.value, "</td>\n ");
|
|
2790
2817
|
} else {
|
|
2791
|
-
|
|
2818
|
+
var info = c.value;
|
|
2819
|
+
|
|
2820
|
+
if (_this17.options.columns[i].showAsImage === true) {
|
|
2821
|
+
c.value = "\n <img src='".concat(c.value, "'>\n ");
|
|
2822
|
+
}
|
|
2823
|
+
|
|
2824
|
+
return "\n <td \n data-info='".concat(info, "' \n data-row-index='").concat(_this17.rowCount + rowIndex, "' \n data-col-index='").concat(i, "' \n class='").concat(_this17.options.columns[i].classes || '', "' \n style='").concat(style, "'\n colspan='").concat(c.colspan || 1, "'\n >").concat(c.value, "</td>\n ");
|
|
2792
2825
|
}
|
|
2793
2826
|
}
|
|
2794
2827
|
}).join('') + '</tr>';
|
|
@@ -3179,6 +3212,7 @@ var WebsyChart = /*#__PURE__*/function () {
|
|
|
3179
3212
|
this.areaLayer = this.svg.append('g');
|
|
3180
3213
|
this.lineLayer = this.svg.append('g');
|
|
3181
3214
|
this.barLayer = this.svg.append('g');
|
|
3215
|
+
this.labelLayer = this.svg.append('g');
|
|
3182
3216
|
this.symbolLayer = this.svg.append('g');
|
|
3183
3217
|
this.trackingLineLayer = this.svg.append('g');
|
|
3184
3218
|
this.trackingLineLayer.append('line').attr('class', 'tracking-line');
|
|
@@ -3373,6 +3407,7 @@ var WebsyChart = /*#__PURE__*/function () {
|
|
|
3373
3407
|
this.areaLayer.attr('transform', "translate(".concat(this.options.margin.left + this.options.margin.axisLeft, ", ").concat(this.options.margin.top + this.options.margin.axisTop, ")"));
|
|
3374
3408
|
this.lineLayer.attr('transform', "translate(".concat(this.options.margin.left + this.options.margin.axisLeft, ", ").concat(this.options.margin.top + this.options.margin.axisTop, ")"));
|
|
3375
3409
|
this.barLayer.attr('transform', "translate(".concat(this.options.margin.left + this.options.margin.axisLeft, ", ").concat(this.options.margin.top + this.options.margin.axisTop, ")"));
|
|
3410
|
+
this.labelLayer.attr('transform', "translate(".concat(this.options.margin.left + this.options.margin.axisLeft, ", ").concat(this.options.margin.top + this.options.margin.axisTop, ")"));
|
|
3376
3411
|
this.symbolLayer.attr('transform', "translate(".concat(this.options.margin.left + this.options.margin.axisLeft, ", ").concat(this.options.margin.top + this.options.margin.axisTop, ")"));
|
|
3377
3412
|
this.trackingLineLayer.attr('transform', "translate(".concat(this.options.margin.left + this.options.margin.axisLeft, ", ").concat(this.options.margin.top + this.options.margin.axisTop, ")"));
|
|
3378
3413
|
this.eventLayer.attr('transform', "translate(".concat(this.options.margin.left + this.options.margin.axisLeft, ", ").concat(this.options.margin.top + this.options.margin.axisTop, ")"));
|
|
@@ -3520,6 +3555,8 @@ var WebsyChart = /*#__PURE__*/function () {
|
|
|
3520
3555
|
}
|
|
3521
3556
|
|
|
3522
3557
|
_this20["render".concat(series.type || 'bar')](series, index);
|
|
3558
|
+
|
|
3559
|
+
_this20.renderLabels(series, index);
|
|
3523
3560
|
});
|
|
3524
3561
|
}
|
|
3525
3562
|
}
|
|
@@ -3623,6 +3660,60 @@ var WebsyChart = /*#__PURE__*/function () {
|
|
|
3623
3660
|
return "bar bar_".concat(series.key);
|
|
3624
3661
|
});
|
|
3625
3662
|
}
|
|
3663
|
+
}, {
|
|
3664
|
+
key: "renderLabels",
|
|
3665
|
+
value: function renderLabels(series, index) {
|
|
3666
|
+
/* global series index d3 */
|
|
3667
|
+
var xAxis = 'bottomAxis';
|
|
3668
|
+
var yAxis = 'leftAxis';
|
|
3669
|
+
var that = this;
|
|
3670
|
+
|
|
3671
|
+
if (this.options.orientation === 'horizontal') {
|
|
3672
|
+
xAxis = 'leftAxis';
|
|
3673
|
+
yAxis = 'bottomAxis';
|
|
3674
|
+
}
|
|
3675
|
+
|
|
3676
|
+
if (this.options.showLabels) {
|
|
3677
|
+
// need to add logic to handle positioning options
|
|
3678
|
+
// e.g. Inside, Outide, Auto (this will also affect the available plot space)
|
|
3679
|
+
// We currently only support 'Auto'
|
|
3680
|
+
var labels = this.labelLayer.selectAll(".label_".concat(series.key)).data(series.data);
|
|
3681
|
+
labels.exit().transition(this.transition).style('stroke-opacity', 1e-6).remove();
|
|
3682
|
+
labels.attr('x', getLabelX.bind(this)).attr('y', getLabelY.bind(this)).attr('class', "label_".concat(series.key)).style('font-size', "".concat(this.options.labelSize || this.options.fontSize, "px")).transition(this.transition).text(function (d) {
|
|
3683
|
+
return d.y.label || d.y.value;
|
|
3684
|
+
});
|
|
3685
|
+
labels.enter().append('text').attr('class', "label_".concat(series.key)).attr('x', getLabelX.bind(this)).attr('y', getLabelY.bind(this)).attr('alignment-baseline', 'central').attr('text-anchor', this.options.orientation === 'horizontal' ? 'left' : 'middle').style('font-size', "".concat(this.options.labelSize || this.options.fontSize, "px")).text(function (d) {
|
|
3686
|
+
return d.y.label || d.y.value;
|
|
3687
|
+
}).each(function (d, i) {
|
|
3688
|
+
if (that.options.orientation === 'horizontal') {
|
|
3689
|
+
if (that.plotWidth - getLabelX.call(that, d) < this.getComputedTextLength()) {
|
|
3690
|
+
this.setAttribute('text-anchor', 'end');
|
|
3691
|
+
this.setAttribute('x', +this.getAttribute('x') - 8);
|
|
3692
|
+
}
|
|
3693
|
+
} else {
|
|
3694
|
+
if (that.plotheight - getLabelX.call(that, d) < (that.options.labelSize || that.options.fontSize)) {
|
|
3695
|
+
this.setAttribute('y', +this.getAttribute('y') + 8);
|
|
3696
|
+
}
|
|
3697
|
+
}
|
|
3698
|
+
});
|
|
3699
|
+
}
|
|
3700
|
+
|
|
3701
|
+
function getLabelX(d) {
|
|
3702
|
+
if (this.options.orientation === 'horizontal') {
|
|
3703
|
+
return this[yAxis](isNaN(d.y.value) ? 0 : d.y.value) + 4;
|
|
3704
|
+
} else {
|
|
3705
|
+
return this[xAxis](this.parseX(d.x.value)) + this[xAxis].bandwidth() / 2;
|
|
3706
|
+
}
|
|
3707
|
+
}
|
|
3708
|
+
|
|
3709
|
+
function getLabelY(d) {
|
|
3710
|
+
if (this.options.orientation === 'horizontal') {
|
|
3711
|
+
return this[xAxis](this.parseX(d.x.value)) + this[xAxis].bandwidth() / 2;
|
|
3712
|
+
} else {
|
|
3713
|
+
return this[yAxis](isNaN(d.y.value) ? 0 : d.y.value) - 4;
|
|
3714
|
+
}
|
|
3715
|
+
}
|
|
3716
|
+
}
|
|
3626
3717
|
}, {
|
|
3627
3718
|
key: "renderline",
|
|
3628
3719
|
value: function renderline(series, index) {
|
|
@@ -3697,7 +3788,7 @@ var WebsyChart = /*#__PURE__*/function () {
|
|
|
3697
3788
|
symbols.attr('d', function (d) {
|
|
3698
3789
|
return drawSymbol(d.y.size || series.symbolSize)(d);
|
|
3699
3790
|
}).transition(this.transition).attr('fill', 'white').attr('stroke', series.color).attr('transform', function (d) {
|
|
3700
|
-
return "translate(".concat(_this23[xAxis](_this23.parseX(d.x.value)), ", ").concat(_this23[yAxis](d.y.value), ")");
|
|
3791
|
+
return "translate(".concat(_this23[xAxis](_this23.parseX(d.x.value)), ", ").concat(_this23[yAxis](isNaN(d.y.value) ? 0 : d.y.value), ")");
|
|
3701
3792
|
}); // Enter
|
|
3702
3793
|
|
|
3703
3794
|
symbols.enter().append('path').attr('d', function (d) {
|
|
@@ -3706,7 +3797,7 @@ var WebsyChart = /*#__PURE__*/function () {
|
|
|
3706
3797
|
.attr('fill', 'white').attr('stroke', series.color).attr('class', function (d) {
|
|
3707
3798
|
return "symbol symbol_".concat(series.key);
|
|
3708
3799
|
}).attr('transform', function (d) {
|
|
3709
|
-
return "translate(".concat(_this23[xAxis](_this23.parseX(d.x.value)), ", ").concat(_this23[yAxis](d.y.value), ")");
|
|
3800
|
+
return "translate(".concat(_this23[xAxis](_this23.parseX(d.x.value)), ", ").concat(_this23[yAxis](isNaN(d.y.value) ? 0 : d.y.value), ")");
|
|
3710
3801
|
});
|
|
3711
3802
|
}
|
|
3712
3803
|
}, {
|
|
@@ -3719,9 +3810,11 @@ var WebsyChart = /*#__PURE__*/function () {
|
|
|
3719
3810
|
this.width = el.clientWidth;
|
|
3720
3811
|
this.height = el.clientHeight;
|
|
3721
3812
|
this.svg.attr('width', this.width).attr('height', this.height); // Define the plot height
|
|
3813
|
+
// this.plotWidth = this.width - this.options.margin.left - this.options.margin.right - this.options.margin.axisLeft - this.options.margin.axisRight
|
|
3814
|
+
// this.plotHeight = this.height - this.options.margin.top - this.options.margin.bottom - this.options.margin.axisBottom
|
|
3722
3815
|
|
|
3723
3816
|
this.plotWidth = this.width - this.options.margin.left - this.options.margin.right - this.options.margin.axisLeft - this.options.margin.axisRight;
|
|
3724
|
-
this.plotHeight = this.height - this.options.margin.top - this.options.margin.bottom - this.options.margin.axisBottom; // establish the space needed for the various axes
|
|
3817
|
+
this.plotHeight = this.height - this.options.margin.top - this.options.margin.bottom - this.options.margin.axisBottom - this.options.margin.axisTop; // establish the space needed for the various axes
|
|
3725
3818
|
|
|
3726
3819
|
this.longestRight = 5;
|
|
3727
3820
|
this.longestBottom = 5;
|
|
@@ -3754,17 +3847,42 @@ var WebsyChart = /*#__PURE__*/function () {
|
|
|
3754
3847
|
this.options.margin.axisBottom = 0;
|
|
3755
3848
|
}
|
|
3756
3849
|
} // Translate the layers
|
|
3757
|
-
|
|
3758
|
-
|
|
3759
|
-
|
|
3760
|
-
|
|
3761
|
-
this.bottomAxisLayer
|
|
3762
|
-
|
|
3763
|
-
|
|
3764
|
-
|
|
3765
|
-
|
|
3766
|
-
|
|
3767
|
-
|
|
3850
|
+
// this.leftAxisLayer
|
|
3851
|
+
// .attr('transform', `translate(${this.options.margin.left + this.options.margin.axisLeft}, ${this.options.margin.top})`)
|
|
3852
|
+
// this.rightAxisLayer
|
|
3853
|
+
// .attr('transform', `translate(${this.options.margin.left + this.plotWidth + this.options.margin.axisLeft}, ${this.options.margin.top})`)
|
|
3854
|
+
// this.bottomAxisLayer
|
|
3855
|
+
// .attr('transform', `translate(${this.options.margin.left + this.options.margin.axisLeft}, ${this.options.margin.top + this.plotHeight})`)
|
|
3856
|
+
// this.plotArea
|
|
3857
|
+
// .attr('transform', `translate(${this.options.margin.left + this.options.margin.axisLeft}, ${this.options.margin.top})`)
|
|
3858
|
+
// this.areaLayer
|
|
3859
|
+
// .attr('transform', `translate(${this.options.margin.left + this.options.margin.axisLeft}, ${this.options.margin.top})`)
|
|
3860
|
+
// this.lineLayer
|
|
3861
|
+
// .attr('transform', `translate(${this.options.margin.left + this.options.margin.axisLeft}, ${this.options.margin.top})`)
|
|
3862
|
+
// this.barLayer
|
|
3863
|
+
// .attr('transform', `translate(${this.options.margin.left + this.options.margin.axisLeft}, ${this.options.margin.top})`)
|
|
3864
|
+
// this.labelLayer
|
|
3865
|
+
// .attr('transform', `translate(${this.options.margin.left + this.options.margin.axisLeft}, ${this.options.margin.top})`)
|
|
3866
|
+
// this.symbolLayer
|
|
3867
|
+
// .attr('transform', `translate(${this.options.margin.left + this.options.margin.axisLeft}, ${this.options.margin.top})`)
|
|
3868
|
+
// this.trackingLineLayer
|
|
3869
|
+
// .attr('transform', `translate(${this.options.margin.left + this.options.margin.axisLeft}, ${this.options.margin.top})`)
|
|
3870
|
+
|
|
3871
|
+
|
|
3872
|
+
this.leftAxisLayer.attr('transform', "translate(".concat(this.options.margin.left + this.options.margin.axisLeft, ", ").concat(this.options.margin.top + this.options.margin.axisTop, ")"));
|
|
3873
|
+
this.rightAxisLayer.attr('transform', "translate(".concat(this.options.margin.left + this.plotWidth + this.options.margin.axisLeft, ", ").concat(this.options.margin.top + this.options.margin.axisTop, ")"));
|
|
3874
|
+
this.bottomAxisLayer.attr('transform', "translate(".concat(this.options.margin.left + this.options.margin.axisLeft, ", ").concat(this.options.margin.top + this.options.margin.axisTop + this.plotHeight, ")"));
|
|
3875
|
+
this.leftAxisLabel.attr('transform', "translate(".concat(this.options.margin.left, ", ").concat(this.options.margin.top + this.options.margin.axisTop, ")"));
|
|
3876
|
+
this.rightAxisLabel.attr('transform', "translate(".concat(this.options.margin.left + this.plotWidth + this.options.margin.axisLeft + this.options.margin.axisRight, ", ").concat(this.options.margin.top + this.options.margin.axisTop, ")"));
|
|
3877
|
+
this.bottomAxisLabel.attr('transform', "translate(".concat(this.options.margin.left + this.options.margin.axisLeft, ", ").concat(this.options.margin.top + this.options.margin.axisTop + this.plotHeight, ")"));
|
|
3878
|
+
this.plotArea.attr('transform', "translate(".concat(this.options.margin.left + this.options.margin.axisLeft, ", ").concat(this.options.margin.top + this.options.margin.axisTop, ")"));
|
|
3879
|
+
this.areaLayer.attr('transform', "translate(".concat(this.options.margin.left + this.options.margin.axisLeft, ", ").concat(this.options.margin.top + this.options.margin.axisTop, ")"));
|
|
3880
|
+
this.lineLayer.attr('transform', "translate(".concat(this.options.margin.left + this.options.margin.axisLeft, ", ").concat(this.options.margin.top + this.options.margin.axisTop, ")"));
|
|
3881
|
+
this.barLayer.attr('transform', "translate(".concat(this.options.margin.left + this.options.margin.axisLeft, ", ").concat(this.options.margin.top + this.options.margin.axisTop, ")"));
|
|
3882
|
+
this.labelLayer.attr('transform', "translate(".concat(this.options.margin.left + this.options.margin.axisLeft, ", ").concat(this.options.margin.top + this.options.margin.axisTop, ")"));
|
|
3883
|
+
this.symbolLayer.attr('transform', "translate(".concat(this.options.margin.left + this.options.margin.axisLeft, ", ").concat(this.options.margin.top + this.options.margin.axisTop, ")"));
|
|
3884
|
+
this.trackingLineLayer.attr('transform', "translate(".concat(this.options.margin.left + this.options.margin.axisLeft, ", ").concat(this.options.margin.top + this.options.margin.axisTop, ")"));
|
|
3885
|
+
this.eventLayer.attr('transform', "translate(".concat(this.options.margin.left + this.options.margin.axisLeft, ", ").concat(this.options.margin.top + this.options.margin.axisTop, ")"));
|
|
3768
3886
|
}
|
|
3769
3887
|
}
|
|
3770
3888
|
}, {
|
|
@@ -1 +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}.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:450px;display:none}.websy-date-picker-content.active{display:block}.websy-date-picker-ranges,.websy-date-picker-custom{display:inline-block;vertical-align:top;box-sizing:border-box;font-size:12px}.websy-date-picker-ranges{width:170px}.websy-date-picker-ranges ul{list-style-type:none;padding:0;margin:0;text-align:left;width:100%}.websy-date-picker-ranges li{padding:5px 15px;cursor:pointer}.websy-date-picker-ranges li:hover{background-color:#ba7af2}.websy-date-picker-ranges li.websy-disabled-range{color:#cccccc}.websy-date-picker-range{position:relative}.websy-date-picker-range.active:after{content:'';position:absolute;top:0;right:0;width:4px;height:100%;background-color:#ba7af2}.websy-dp-days-header,.websy-dp-date-list,.websy-date-picker-custom{width:280px}.websy-date-picker-custom{border-left:1px solid #888888}.websy-date-picker-custom .websy-dp-days-header{color:#888888}.websy-date-picker-custom .websy-dp-date-list{height:240px;overflow-y:auto;position:relative}.websy-date-picker-custom .websy-dp-month-container{padding-top:5px}.websy-date-picker-custom .websy-dp-month-container span{padding-left:13px;color:#888888}.websy-date-picker-custom ul{list-style-type:none;padding:0;margin:0}.websy-date-picker-custom ul li{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer}.websy-date-picker-custom ul li.selected{background-color:#ba7af2}.websy-date-picker-custom ul li.first{border-bottom-left-radius:50%;border-top-left-radius:50%}.websy-date-picker-custom ul li.last{border-bottom-right-radius:50%;border-top-right-radius:50%}.websy-date-picker-custom ul li.websy-disabled-date{color:#cccccc}.websy-dropdown-container{display:block}.websy-dropdown-container input.dropdown-input{display:none}.websy-dropdown-mask{position:fixed;top:0;left:0;height:100vh;width:100vw;display:none}.websy-dropdown-mask.active{display:block}.websy-dropdown-header{height:40px;line-height:40px;cursor:pointer;position:relative}.websy-dropdown-header span,.websy-dropdown-header svg.arrow{pointer-events:none}.websy-dropdown-header svg,.websy-dropdown-header span{display:inline-block;vertical-align:middle}.websy-dropdown-header svg{stroke:#333333;fill:#333333}.websy-dropdown-header svg *{pointer-events:none}.websy-dropdown-header span{max-width:calc(100% - 30px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.websy-dropdown-header svg.arrow{transform:rotate(180deg);height:9px}.websy-dropdown-header svg.clear{display:none}.websy-dropdown-header.allow-clear.one-selected span,.websy-dropdown-header.allow-clear.multi-selected span{max-width:calc(100% - 60px)}.websy-dropdown-header.allow-clear.one-selected svg.clear,.websy-dropdown-header.allow-clear.multi-selected svg.clear{display:inline-block}.websy-dropdown-header.one-selected .websy-dropdown-header-label{position:absolute;font-size:.5em;top:-15px;left:0}.websy-dropdown-header.multi-selected .websy-dropdown-header-value{position:absolute;font-size:.5em;bottom:15px;left:0}.websy-dropdown-search{margin:0 15px;height:40px;line-height:40px;text-indent:10px;letter-spacing:.1em;border:1px solid #cccccc;width:calc(100% - 35px);font-size:inherit}.websy-dropdown-content{padding:10px 0;background-color:#ffffff;box-shadow:0 0 3px #cccccc;position:absolute;top:100%;right:0;width:220px;max-height:300px;display:none;z-index:1}.websy-dropdown-content.active{display:block}.websy-dropdown-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}}
|
|
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}}
|