wj-elements 0.0.5 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/dist/animation-2266bd6e.js +103 -0
  2. package/dist/localize-762a9f0f.js +43 -0
  3. package/dist/wj-animation.js +6 -0
  4. package/dist/wj-aside.js +8 -10
  5. package/dist/wj-avatar.js +19 -21
  6. package/dist/wj-badge.js +16 -16
  7. package/dist/wj-breadcrumb.js +7 -11
  8. package/dist/wj-breadcrumbs.js +5 -7
  9. package/dist/wj-button-group.js +11 -13
  10. package/dist/wj-button.js +36 -39
  11. package/dist/wj-card-content.js +11 -13
  12. package/dist/wj-card-controls.js +6 -8
  13. package/dist/wj-card-header.js +11 -13
  14. package/dist/wj-card-subtitle.js +9 -11
  15. package/dist/wj-card-title.js +7 -9
  16. package/dist/wj-card.js +13 -15
  17. package/dist/wj-carousel-item.js +32 -0
  18. package/dist/wj-carousel.js +178 -0
  19. package/dist/wj-checkbox.js +11 -11
  20. package/dist/wj-chip.js +17 -17
  21. package/dist/wj-col.js +11 -12
  22. package/dist/wj-color-picker.js +192 -179
  23. package/dist/wj-container.js +7 -9
  24. package/dist/wj-copy-button.js +1 -3
  25. package/dist/wj-dialog.js +20 -22
  26. package/dist/wj-divider.js +7 -9
  27. package/dist/wj-dropdown.js +10 -14
  28. package/dist/wj-element.js +9 -9
  29. package/dist/wj-file-upload-item.js +63 -0
  30. package/dist/wj-file-upload.js +221 -0
  31. package/dist/wj-footer.js +9 -11
  32. package/dist/wj-form.js +6 -8
  33. package/dist/wj-format-digital.js +51 -0
  34. package/dist/wj-grid.js +9 -10
  35. package/dist/wj-header.js +9 -11
  36. package/dist/wj-icon-picker.js +78 -58
  37. package/dist/wj-icon.js +45 -48
  38. package/dist/wj-img-comparer.js +12 -14
  39. package/dist/wj-img.js +14 -16
  40. package/dist/wj-infinite-scroll.js +27 -22
  41. package/dist/wj-input-file.js +47 -0
  42. package/dist/wj-input.js +30 -23
  43. package/dist/wj-item.js +1 -3
  44. package/dist/wj-label.js +10 -10
  45. package/dist/wj-list.js +1 -3
  46. package/dist/wj-main.js +1 -3
  47. package/dist/wj-masonry.js +71518 -0
  48. package/dist/wj-master.js +287 -253
  49. package/dist/wj-menu-button.js +10 -12
  50. package/dist/wj-menu-item.js +49 -46
  51. package/dist/wj-menu-label.js +2 -2
  52. package/dist/wj-menu.js +8 -10
  53. package/dist/wj-popup.js +89 -88
  54. package/dist/wj-progress-bar.js +14 -16
  55. package/dist/wj-radio-group.js +5 -7
  56. package/dist/wj-radio.js +13 -15
  57. package/dist/wj-rate.js +127 -0
  58. package/dist/wj-relative-time.js +50 -0
  59. package/dist/wj-router-link.js +11 -13
  60. package/dist/wj-row.js +11 -12
  61. package/dist/wj-slider.js +6 -6
  62. package/dist/wj-split-view.js +1 -3
  63. package/dist/wj-textarea.js +17 -19
  64. package/dist/wj-thumbnail.js +12 -14
  65. package/dist/wj-toast.js +1 -1
  66. package/dist/wj-toggle.js +9 -9
  67. package/dist/wj-toolbar.js +13 -15
  68. package/dist/wj-tooltip.js +16 -18
  69. package/dist/wj-visually-hidden.js +6 -8
  70. package/package.json +1 -1
  71. package/dist/style.css +0 -3
package/dist/wj-toggle.js CHANGED
@@ -1,13 +1,13 @@
1
1
  var d = Object.defineProperty;
2
- var g = (o, e, r) => e in o ? d(o, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[e] = r;
3
- var c = (o, e, r) => (g(o, typeof e != "symbol" ? e + "" : e, r), r);
4
- import b from "./wj-element.js";
2
+ var p = (o, e, r) => e in o ? d(o, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[e] = r;
3
+ var c = (o, e, r) => (p(o, typeof e != "symbol" ? e + "" : e, r), r);
4
+ import g from "./wj-element.js";
5
5
  import "./wj-store.js";
6
- const p = `/*!
6
+ const h = `/*!
7
7
  * direction.scss
8
- */:host(.wj-color-primary){--wj-toggle-color-base: linear-gradient(to right, #7252D3 0%, #845ae0 44%, rgba(0, 0, 0, .14) 62%, rgba(0, 0, 0, .04) 97%)}:host(.wj-color-complete){--wj-toggle-color-base: linear-gradient(to right, #0072EC 0%, #0f8ff9 44%, rgba(0, 0, 0, .14) 62%, rgba(0, 0, 0, .04) 97%)}:host(.wj-color-success){--wj-toggle-color-base: linear-gradient(to right, #19AD79 0%, #26bf93 44%, rgba(0, 0, 0, .14) 62%, rgba(0, 0, 0, .04) 97%) !important}:host(.wj-color-warning){--wj-toggle-color-base: linear-gradient(to right, #FFd945 0%, #ffe858 44%, rgba(0, 0, 0, .14) 62%, rgba(0, 0, 0, .04) 97%)}:host(.wj-color-danger){--wj-toggle-color-base: linear-gradient(to right, #D83C31 0%, #e6533c 44%, rgba(0, 0, 0, .14) 62%, rgba(0, 0, 0, .04) 97%)}:host(.wj-color-dark){--wj-toggle-color-base: linear-gradient(to right, #3B4752 0%, #475b6b 44%, rgba(0, 0, 0, .14) 62%, rgba(0, 0, 0, .04) 97%)}:host{--wj-toggle-color-base: $color-contrast-lowest;--wj-toggle-width: 30px;--wj-toggle-height: 18px;--wj-toggle-border-radius: 50px;--wj-toggle-handle-width: 14px;--wj-toggle-handle-height: 14px;--wj-toggle-handle-border-radius: 9px;--wj-toggle-handle-color: #fff;--wj-toggle-handle-shadow: 1px 0 1px .5px rgba(0,0,0,.12), 2px 4px 6px rgba(0,0,0,.2);--wj-toggle-handle-shadow-checked: 1px 1px 0 rgba(0,0,0,.08), -3px 3px 6px rgba(0,0,0,.3)}.native-toggle{display:flex}label{display:flex;cursor:pointer;align-items:center;-webkit-user-select:none;user-select:none}label .label-wrapper{width:var(--wj-toggle-width);height:var(--wj-toggle-height);position:relative;display:flex;align-items:center}label .label-wrapper:before{content:"";position:absolute;cursor:pointer;width:100%;height:100%;top:auto;left:0;background:var(--wj-toggle-color-base);background-size:300%;background-position:right;border-radius:var(--wj-toggle-border-radius);border:none;box-shadow:inset 0 0 0 1px #0000001f;transition:background .31s,box-shadow .25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}label .label-wrapper:after{content:"";position:absolute;transform:translate(0);background:var(--wj-toggle-handle-color);width:var(--wj-toggle-handle-width);height:var(--wj-toggle-handle-height);border-radius:var(--wj-toggle-handle-border-radius);top:auto;left:2px;box-shadow:var(--wj-toggle-handle-shadow);transition:transform,box-shadow;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}input[type=checkbox][disabled]+label{cursor:not-allowed!important;color:#4b4b4b;opacity:.58}input[type=checkbox][disabled]+label:before{cursor:not-allowed!important}input[type=checkbox]{position:absolute;z-index:-1;opacity:0}input[type=checkbox]:checked+label .label-wrapper:before{background-position:left;box-shadow:inset 0 0 0 1px #0000001f}input[type=checkbox]:checked+label .label-wrapper:after{transform:translate(calc(var(--wj-toggle-width) - var(--wj-toggle-handle-width) - 4px));box-shadow:var(--wj-toggle-handle-shadow-checked)}input[type=checkbox]:focus+label .label-wrapper:before{outline:none!important;box-shadow:inset 0 0 0 1px #0000001f,0 0 #78c8fe}input[type=checkbox][disabled]:active+label .label-wrapper:after{transform:scaleX(1.1);transform-origin:center left;transition:transform step-start}input[type=checkbox]:checked[disabled]:active+label .label-wrapper:after{transform:translate(calc(100% - 6px)) scaleX(1.1);transform-origin:center right}input[type=checkbox]:hover:active+label .label-wrapper:before{background-color:transparent}:host .text{margin-inline:.5rem 0}
8
+ */:host(.wj-color-primary){--wj-toggle-color-base: var(--wj-color-primary)}:host(.wj-color-complete){--wj-toggle-color-base: var(--wj-color-complete)}:host(.wj-color-success){--wj-toggle-color-base: var(--wj-color-success) !important}:host(.wj-color-warning){--wj-toggle-color-base: var(--wj-color-warning)}:host(.wj-color-danger){--wj-toggle-color-base: var(--wj-color-danger)}:host(.wj-color-info){--wj-toggle-color-base: var(--wj-color-info)}:host{--wj-toggle-color-base: var(--wj-color-contrast-3);--wj-toggle-width: 30px;--wj-toggle-height: 18px;--wj-toggle-border-radius: 50px;--wj-toggle-handle-width: 14px;--wj-toggle-handle-height: 14px;--wj-toggle-handle-border-radius: 9px;--wj-toggle-handle-color: #fff;--wj-toggle-handle-shadow: 1px 0 1px .5px rgba(0,0,0,.12), 2px 4px 6px rgba(0,0,0,.2);--wj-toggle-handle-shadow-checked: 1px 1px 0 rgba(0,0,0,.08), -3px 3px 6px rgba(0,0,0,.3);--switch-duration: .25s;--switch-curve: cubic-bezier(.4,0,.2,1)}.native-toggle{display:flex}label{display:flex;cursor:pointer;align-items:center;-webkit-user-select:none;user-select:none}label .label-wrapper{width:var(--wj-toggle-width);height:var(--wj-toggle-height);position:relative;display:flex;align-items:center}label .label-wrapper:before{content:"";position:absolute;cursor:pointer;width:100%;height:100%;top:auto;left:0;background:var(--wj-toggle-color-base);background-size:300%;background-position:right;border-radius:var(--wj-toggle-border-radius);border:none;box-shadow:inset 0 0 0 1px #0000001f;transition:background calc(var(--switch-duration) + var(--switch-duration) * .24),box-shadow var(--switch-duration);transition-timing-function:var(--switch-curve)}label .label-wrapper:after{content:"";position:absolute;transform:translate(0);background:var(--wj-toggle-handle-color);width:var(--wj-toggle-handle-width);height:var(--wj-toggle-handle-height);border-radius:var(--wj-toggle-handle-border-radius);top:auto;left:2px;box-shadow:var(--wj-toggle-handle-shadow);transition:transform,box-shadow;transition-duration:var(--switch-duration);transition-timing-function:var(--switch-curve)}input[type=checkbox][disabled]+label{cursor:not-allowed!important;color:var(--wj-color-contrast-9);opacity:.58}input[type=checkbox][disabled]+label:before{cursor:not-allowed!important}input[type=checkbox]{position:absolute;z-index:-1;opacity:0}input[type=checkbox]:checked+label .label-wrapper:before{background-position:left;box-shadow:inset 0 0 0 1px #0000001f}input[type=checkbox]:checked+label .label-wrapper:after{transform:translate(calc(var(--wj-toggle-width) - var(--wj-toggle-handle-width) - 4px));box-shadow:var(--wj-toggle-handle-shadow-checked)}input[type=checkbox]:focus+label .label-wrapper:before{outline:none!important;box-shadow:inset 0 0 0 1px #0000001f,0 0 #78c8fe}input[type=checkbox][disabled]:active+label .label-wrapper:after{transform:scaleX(1.1);transform-origin:center left;transition:transform step-start}input[type=checkbox]:checked[disabled]:active+label .label-wrapper:after{transform:translate(calc(100% - 6px)) scaleX(1.1);transform-origin:center right}input[type=checkbox]:hover:active+label .label-wrapper:before{background-color:transparent}:host .text{margin-inline:.5rem 0}
9
9
  `;
10
- class h extends b {
10
+ class b extends g {
11
11
  constructor() {
12
12
  super();
13
13
  c(this, "className", "Toggle");
@@ -19,7 +19,7 @@ class h extends b {
19
19
  return this.hasAttribute("checked");
20
20
  }
21
21
  static get cssStyleSheet() {
22
- return p;
22
+ return h;
23
23
  }
24
24
  setupAttributes() {
25
25
  this.isShadowRoot = "open";
@@ -37,7 +37,7 @@ class h extends b {
37
37
  return n.classList.add("text"), n.innerHTML = "<slot></slot>", this.color && this.classList.add("wj-color-" + this.color, "wj-color"), this.checked && (t.checked = this.checked), this.disabled && (t.disabled = this.disabled), a.appendChild(t), a.appendChild(l), l.appendChild(i), l.appendChild(n), s.appendChild(a), s;
38
38
  }
39
39
  }
40
- customElements.get("wj-toggle") || window.customElements.define("wj-toggle", h);
40
+ customElements.get("wj-toggle") || window.customElements.define("wj-toggle", b);
41
41
  export {
42
- h as Toggle
42
+ b as Toggle
43
43
  };
@@ -1,20 +1,18 @@
1
- var s = Object.defineProperty;
2
- var d = (o, t, e) => t in o ? s(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
3
- var l = (o, t, e) => (d(o, typeof t != "symbol" ? t + "" : t, e), e);
4
- import p from "./wj-element.js";
5
- import { w as b } from "./router-links-e0087f84.js";
1
+ var i = Object.defineProperty;
2
+ var s = (o, t, e) => t in o ? i(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
3
+ var d = (o, t, e) => (s(o, typeof t != "symbol" ? t + "" : t, e), e);
4
+ import b from "./wj-element.js";
5
+ import { w as p } from "./router-links-e0087f84.js";
6
6
  import "./wj-store.js";
7
- const c = `/*!
8
- * direction.scss
9
- */:host{--wj-toolbar-backcolor: #fff;--wj-toolbar-min-height: 70px;--wj-toolbar-padding-top: 1rem;--wj-toolbar-padding-bottom: 1rem;--wj-toolbar-padding-inline: 1.5rem;--wj-toolbar-border-color: rgba(33, 33, 33, .14);--wj-toolbar-top: 0;width:100%;height:var(--wj-toolbar-height)}.native-toolbar{background-color:var(--wj-toolbar-backcolor);display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;border-bottom:1px solid var(--wj-toolbar-border-color);padding-inline:var(--wj-toolbar-padding-inline);padding-top:var(--wj-toolbar-padding-top);padding-bottom:var(--wj-toolbar-padding-bottom);box-shadow:0 10px 30px #523f690d}::slotted{grid-column:span 4}::slotted([slot=start]){margin-right:auto}:host([sticky]){position:sticky;top:var(--wj-toolbar-top);z-index:999}
7
+ const m = `:host{--wj-toolbar-background: var(--wj-background);--wj-toolbar-min-height: 70px;--wj-toolbar-padding-top: 1rem;--wj-toolbar-padding-bottom: 1rem;--wj-toolbar-padding-inline: 1.5rem;--wj-toolbar-border-color: var(--wj-border-color);--wj-toolbar-top: 0;width:100%;height:var(--wj-toolbar-height)}.native-toolbar{background-color:var(--wj-toolbar-background);display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;border-bottom:1px solid var(--wj-toolbar-border-color);padding-inline:var(--wj-toolbar-padding-inline);padding-top:var(--wj-toolbar-padding-top);padding-bottom:var(--wj-toolbar-padding-bottom);box-shadow:0 10px 30px #523f690d}::slotted{grid-column:span 4}::slotted([slot=start]){margin-right:auto}:host([sticky]){position:sticky;top:var(--wj-toolbar-top);z-index:999}
10
8
  `;
11
- class m extends b(p) {
9
+ class c extends p(b) {
12
10
  constructor() {
13
11
  super();
14
- l(this, "className", "Toolbar");
12
+ d(this, "className", "Toolbar");
15
13
  }
16
14
  static get cssStyleSheet() {
17
- return c;
15
+ return m;
18
16
  }
19
17
  static get observedAttributes() {
20
18
  return [];
@@ -27,11 +25,11 @@ class m extends b(p) {
27
25
  r.classList.add("native-toolbar");
28
26
  let n = document.createElement("slot");
29
27
  n.setAttribute("name", "start");
30
- let i = document.createElement("slot");
31
- return i.setAttribute("name", "end"), r.appendChild(n), r.appendChild(i), a.appendChild(r), a;
28
+ let l = document.createElement("slot");
29
+ return l.setAttribute("name", "end"), r.appendChild(n), r.appendChild(l), a.appendChild(r), a;
32
30
  }
33
31
  }
34
- customElements.get("wj-toolbar") || window.customElements.define("wj-toolbar", m);
32
+ customElements.get("wj-toolbar") || window.customElements.define("wj-toolbar", c);
35
33
  export {
36
- m as Toolbar
34
+ c as Toolbar
37
35
  };
@@ -1,25 +1,23 @@
1
- var d = Object.defineProperty;
2
- var c = (s, e, t) => e in s ? d(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
3
- var r = (s, e, t) => (c(s, typeof e != "symbol" ? e + "" : e, t), t);
4
- import u, { event as p } from "./wj-element.js";
1
+ var p = Object.defineProperty;
2
+ var c = (r, e, t) => e in r ? p(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
3
+ var s = (r, e, t) => (c(r, typeof e != "symbol" ? e + "" : e, t), t);
4
+ import m, { event as d } from "./wj-element.js";
5
5
  import "./wj-store.js";
6
- const h = `/*!
7
- * direction.scss
8
- */:host{--arrow-size: 7px;--arrow-color: #000000}.native-tooltip{display:block;padding:.5rem;color:#fff;background-color:var(--arrow-color);font-weight:400;font-size:.75rem!important;border-radius:4px;line-height:1;box-sizing:border-box;box-shadow:0 1px 8px #00000080}.arrow{position:absolute;width:10px;height:10px;background:black;transform:rotate(45deg)}
6
+ const u = `:host{--wj-tooltip-arrow-color: var(--wj-color-contrast-11)}.native-tooltip{display:block;padding:.5rem;color:var(--wj-color-contrast-0);background-color:var(--wj-color-contrast-11);font-weight:400;font-size:.75rem!important;border-radius:var(--wj-border-radius-small);line-height:1;box-sizing:border-box;box-shadow:var(--wj-box-shadow-medium)}.arrow{position:absolute;width:10px;height:10px;background:var(--wj-tooltip-arrow-color);transform:rotate(45deg)}
9
7
  `;
10
- class m extends u {
8
+ class h extends m {
11
9
  constructor() {
12
10
  super();
13
- r(this, "className", "Tooltip");
14
- r(this, "onShow", () => {
15
- console.log("show"), this.popup.show();
11
+ s(this, "className", "Tooltip");
12
+ s(this, "onShow", () => {
13
+ this.popup.show();
16
14
  });
17
- r(this, "onHide", () => {
15
+ s(this, "onHide", () => {
18
16
  this.popup.hide();
19
17
  });
20
18
  }
21
19
  static get cssStyleSheet() {
22
- return h;
20
+ return u;
23
21
  }
24
22
  static get observedAttributes() {
25
23
  return ["active", "content"];
@@ -35,14 +33,14 @@ class m extends u {
35
33
  let i = document.createElement("div");
36
34
  i.classList.add("arrow"), i.setAttribute("slot", "arrow");
37
35
  let a = document.createElement("div");
38
- return a.classList.add("native-tooltip"), a.innerHTML = this.content, o.appendChild(n), o.appendChild(i), o.appendChild(a), this.slot = n, this.popup = o, l.appendChild(o), l;
36
+ return a.classList.add("native-tooltip"), a.innerHTML = this.content, o.appendChild(n), o.appendChild(i), o.appendChild(a), this.mySlot = n, this.popup = o, l.appendChild(o), l;
39
37
  }
40
38
  afterDraw() {
41
- let t = this.slot.assignedElements()[0];
42
- console.log(t), p.addListener(t, "mouseenter", null, this.onShow), p.addListener(t, "mouseleave", null, this.onHide);
39
+ let t = this.mySlot.assignedElements()[0];
40
+ t && (d.addListener(t, "mouseenter", null, this.onShow), d.addListener(t, "mouseleave", null, this.onHide));
43
41
  }
44
42
  }
45
- customElements.get("wj-tooltip") || window.customElements.define("wj-tooltip", m);
43
+ customElements.get("wj-tooltip") || window.customElements.define("wj-tooltip", h);
46
44
  export {
47
- m as Tooltip
45
+ h as Tooltip
48
46
  };
@@ -3,17 +3,15 @@ var a = (e, t, n) => t in e ? r(e, t, { enumerable: !0, configurable: !0, writab
3
3
  var i = (e, t, n) => (a(e, typeof t != "symbol" ? t + "" : t, n), n);
4
4
  import p from "./wj-element.js";
5
5
  import "./wj-store.js";
6
- const d = `/*!
7
- * direction.scss
8
- */:host(:not(:focus-within)){position:absolute!important;width:1px!important;height:1px!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:none!important;overflow:hidden!important;white-space:nowrap!important;padding:0!important}
6
+ const l = `:host(:not(:focus-within)){position:absolute!important;width:1px!important;height:1px!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:none!important;overflow:hidden!important;white-space:nowrap!important;padding:0!important}
9
7
  `;
10
- class l extends p {
8
+ class m extends p {
11
9
  constructor() {
12
10
  super();
13
11
  i(this, "className", "VisuallyHidden");
14
12
  }
15
13
  static get cssStyleSheet() {
16
- return d;
14
+ return l;
17
15
  }
18
16
  static get observedAttributes() {
19
17
  return [];
@@ -21,12 +19,12 @@ class l extends p {
21
19
  setupAttributes() {
22
20
  this.isShadowRoot = "open";
23
21
  }
24
- draw(n, m, c) {
22
+ draw(n, d, c) {
25
23
  let o = document.createDocumentFragment(), s = document.createElement("slot");
26
24
  return o.appendChild(s), o;
27
25
  }
28
26
  }
29
- customElements.get("wj-visually-hidden") || window.customElements.define("wj-visually-hidden", l);
27
+ customElements.get("wj-visually-hidden") || window.customElements.define("wj-visually-hidden", m);
30
28
  export {
31
- l as VisuallyHidden
29
+ m as VisuallyHidden
32
30
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "wj-elements",
3
3
  "private": false,
4
- "version": "0.0.5",
4
+ "version": "0.0.6",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "./dist"
package/dist/style.css DELETED
@@ -1,3 +0,0 @@
1
- @charset "UTF-8";@import"https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600";@import"https://keplerapis.com/fonts/css?family=Inter+UI:300,400,500,600";/*!
2
- * direction.scss
3
- */:root{--wj-color: #212529;--wj-font-family: Inter UI, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;--wj-font-family-secondary: Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;--wj-font-size: 14px;--wj-line-height: 21px;--wj-color-contrast: #212529;--wj-border-radius: 8px;--wj-border-color: rgba(0, 0, 0, .08) !important;--wj-border-size: 0px;--wj-border-style: solid}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{color:#4b4b4b;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;margin:0;padding:0!important}h1,h2,h3,h4,h5,h6{margin:10px 0;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-weight:500;color:inherit;display:inline-block}h1{font-size:34px;line-height:44px;letter-spacing:-.0141279em}h2{font-size:26px;line-height:34px;letter-spacing:-.021em}h3{font-size:22px;line-height:28px;letter-spacing:-.0114923em}h4{font-size:20px;line-height:26px;letter-spacing:-.00865734em}h5{font-size:18px;line-height:24px;letter-spacing:-.00630069em}h3 small,h4 small,h5 small{font-weight:300}h1.block,h2.block,h3.block,h4.block,h5.block,h6.block{padding-bottom:10px}a{text-shadow:none!important;color:#4e37b6;transition:color .1s linear 0s,background-color .1s linear 0s,opacity .2s linear 0s!important;font-weight:500}a:focus,a:hover,a:active{color:#7252d3}a,a:focus,a:hover,a:active{outline:0!important;text-decoration:none}a[ng-click]{cursor:pointer}a.no-style{color:inherit;font-weight:400}br{line-height:normal;clear:both}p{display:block;color:inherit;font-size:14px;font-weight:400;letter-spacing:.00177646em;line-height:21px;margin:0 0 10px;font-style:normal;white-space:normal}small,.small{line-height:18px;font-size:85.714%}label.inline{display:inline-block;position:relative;top:0;font-size:13px}ul,ol{margin-bottom:10px}ul>li,ol>li{padding-left:3px;line-height:24px}ul.lg-icon>li,ol.lg-icon>li{font-size:21px}ul.lg-icon>li span,ol.lg-icon>li span{font-size:14px}ul.no-style,ol.no-style{list-style:none;padding-left:5px}address{margin-bottom:0}address a{color:#4b4b4b}blockquote{padding:4px 0 0 18px;border-left:0}blockquote:before{content:"";font-family:pages-icon;font-size:20px;margin-right:6px;float:left;position:relative;top:-12px}blockquote p{font-size:16px;margin-bottom:4px}blockquote small{line-height:29px;color:#4b4b4b}blockquote small:before{content:"—";margin-right:6px}blockquote.pull-right{border-right:0}blockquote.pull-right:before{float:right;font-family:pages-icon;content:"";margin-left:6px;margin-right:0}blockquote.pull-right small{padding-right:30px}blockquote.pull-right small:after{content:""}hr{border-color:#e0e0e0}hr.double{border-width:2px}hr.dotted{border-style:dotted none none}.ff-sup{font-feature-settings:"kern" 1,"sups" 1;-webkit-font-feature-settings:"kern" 1,"sups" 1;-ms-font-feature-settings:"kern" 1,"sups" 1;-moz-font-feature-settings:"kern" 1,"sups" 1}.ff-sub{font-feature-settings:"kern" 1,"subs" 1;-webkit-font-feature-settings:"kern" 1,"subs" 1;-ms-font-feature-settings:"kern" 1,"subs" 1;-moz-font-feature-settings:"kern" 1,"subs" 1}code{color:#757575;background-color:#2121210d;font-size:97%;position:relative;line-height:inherit;border-radius:3px;padding:5px 7px;margin:0}code:hover{color:#0072ec}code.code-sm{padding:3px 6px}figcaption{font-size:13px;margin-top:10px;font-weight:400;display:block;letter-spacing:.008em;text-align:center;color:#757575;line-height:1.46}em{font-style:italic!important;font-family:inherit;font-weight:inherit}ins{font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;border-bottom:1px solid #d0d0d0;text-decoration:none;color:#4b4b4b;font-weight:400;font-size:94%}cite{font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:300;color:#757575;text-decoration:none;font-style:normal;hanging-punctuation:first}sup{top:-.28em;font-size:70%}sub{bottom:.03em}var{font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-feature-settings:"calt" 1,"tnum" 1,"frac" 1,"case" 1,"ss01" 1,"cv11" 1}q{font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:500;font-size:20px;hanging-punctuation:first}q:before{content:"“";color:#00000070;font-size:35px}q:after{content:"”";font-size:35px;color:#00000070}audio{margin-top:42px}hr{clear:both;margin-bottom:42px;margin-top:42px;border:0;border-bottom:1px solid rgba(0,0,0,.13)}address{font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-style:normal;margin:24px 0 1.75em;font-size:14px;line-height:24px}abbr{letter-spacing:.01em;background-color:transparent;border-bottom:2px solid #ffba5a;transition-property:color,background,border;transition-duration:.15s;transition-timing-function:linear;text-decoration:none;color:#4b4b4b;border-bottom-color:#ffba5a;-webkit-text-stroke:.18px}acronym{text-transform:uppercase;letter-spacing:.06em;background-color:transparent;border-bottom:2px solid #ffba5a;transition-property:color,background,border;transition-duration:.15s;transition-timing-function:linear;text-decoration:none;color:#4b4b4b;border-bottom-color:#ffba5a;-webkit-text-stroke:.2px}pre{-moz-tab-size:4;tab-size:4;font-size:85.714%;overflow-x:auto;font-family:monospace,monospace;line-height:1.7;background-color:#f4f4f4;color:#4b4b4b;margin:20px 0;counter-reset:line;padding:17px 20px;border-radius:3px}dt{font-weight:700;margin-bottom:5px}dd{margin:0 0 1.75em}kbd{font-size:85.714%;font-family:Inter UI,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:relative;line-height:34px;top:-3px;letter-spacing:.01em;padding:5px 7px;margin:0;color:#00000087;background-color:#fff;border-radius:3px;box-shadow:0 2px 0 1px #c7c7c7,0 1px 0 1px #00000026,0 0 0 1px #ececec}.overline{text-transform:uppercase;display:inline-block;letter-spacing:.06em;font-size:11px}.small-text{font-size:12px!important;letter-spacing:.00849077em;line-height:18px}.small-text a{text-decoration:underline}.normal-text{font-size:13px!important}.large-text{font-size:15px!important}.normal{font-weight:400!important}.semi-bold{font-weight:500!important}.bold{font-weight:600!important}.light{font-weight:300!important}.logo{margin:18px 14px}.all-caps{text-transform:uppercase;letter-spacing:.07em!important}.text-uppercase{text-transform:uppercase!important;letter-spacing:.07em!important}.muted{color:#757575}.hint-text{opacity:.76!important}.no-decoration{text-decoration:none!important}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bg-contrast-higher{background-color:#212121!important;color:#fff}.bg-contrast-high{background-color:#4b4b4b!important;color:#fff}.bg-contrast-medium{background-color:#757575!important;color:#fff}.bg-contrast-low{background-color:#e0e0e0!important;color:#4b4b4b}.bg-contrast-lower{background-color:#f4f4f4!important;color:#4b4b4b}.bg-contrast-lowest{background-color:#fff!important;color:#4b4b4b}.bg-primary{background-color:#7252d3!important;color:#fff}.bg-primary-dark{background-color:#4e37b6!important;color:#fff}.bg-primary-darker{background-color:#2d218f!important;color:#fff}.bg-primary-light{background-color:#845ae0!important;color:#fff}.bg-primary-lighter{background-color:#eae0fb!important;color:#4b4b4b}.bg-complete{background-color:#0072ec!important;color:#fff}.bg-complete-dark{background-color:#004fbf!important;color:#fff}.bg-complete-darker{background-color:#00318e!important;color:#fff}.bg-complete-light{background-color:#0f8ff9!important;color:#fff}.bg-complete-lighter{background-color:#d3eeff!important;color:#4b4b4b}.bg-success{background-color:#19ad79!important;color:#fff}.bg-success-dark{background-color:#0d935b!important;color:#fff}.bg-success-darker{background-color:#04733e!important;color:#fff}.bg-success-light{background-color:#26bf93!important;color:#4b4b4b}.bg-success-lighter{background-color:#d6f7f0!important;color:#4b4b4b}.bg-info{background-color:#3b4752!important;color:#fff}.bg-info-dark{background-color:#2b3947;color:#fff}.bg-info-darker{background-color:#1b2839;color:#fff}.bg-info-light{background-color:#475b6b;color:#fff}.bg-info-lighter{background-color:#dbe6e8;color:#4b4b4b}.bg-danger{background-color:#d83c31!important;color:#fff}.bg-danger-dark{background-color:#b91e1e;color:#fff}.bg-danger-darker{background-color:#900f17;color:#fff}.bg-danger-light{background-color:#e6533c;color:#4b4b4b}.bg-danger-lighter{background-color:#fde2da;color:#4b4b4b}.bg-warning{background-color:#ffd945!important;color:#4b4b4b}.bg-warning-dark{background-color:#daab2d;color:#4b4b4b}.bg-warning-darker{background-color:#aa7918;color:#4b4b4b}.bg-warning-light{background-color:#ffe858;color:#4b4b4b}.bg-warning-lighter{background-color:#fffde1;color:#4b4b4b}.bg-menu-dark{background-color:#21252d;color:#fff}.bg-menu{background-color:#2b303b;color:#fff}.bg-menu-light{background-color:#929aac;color:#4b4b4b}.gradient-grey,.gradient-black{background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 75%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 75%)}.bg-black{background-color:#000!important;color:#fff}.bg-white{background-color:#fff!important;color:#4b4b4b}.bg-transparent{background-color:transparent!important}.link{opacity:.7}.link:hover{opacity:1}.text-dark{color:#212121!important}.text-color{color:#4b4b4b!important}.text-primary{color:#45289c!important}.text-primary-lighter{color:#eae0fb!important}.text-complete{color:#0054af!important}.text-complete-lighter{color:#d3eeff!important}.text-success{color:#148e63!important}.text-success-lighter{color:#d6f7f0!important}.text-info{color:#3b4752!important}.text-info-lighter{color:#dbe6e8!important}.text-warning{color:#927400!important}.text-warning-lighter{color:#fffde1!important}.text-danger{color:#b82d23!important}.text-danger-lighter{color:#fde2da!important}.text-black{color:#000!important}.text-white{color:#fff!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.label{padding:0 5px;font-size:11px;line-height:21px;text-shadow:none;background-color:#e0e0e0;font-weight:600;color:#4b4b4b;border-radius:3px;text-transform:uppercase;display:inline-block}.label-primary{background-color:#7252d3;color:#fff}.label-primary-lighter{background-color:#eae0fb;color:#4e37b6}.label-success{background-color:#19ad79;color:#fff}.label-success-lighter{background-color:#d6f7f0;color:#0d935b}.label-warning{background-color:#ffd945;color:#4b4b4b}.label-warning-lighter{background-color:#fffde1;color:#daab2d}.label-important,.label-danger{background-color:#d83c31;color:#fff}.label-danger-lighter{background-color:#fde2da;color:#b91e1e}.label-info{background-color:#0072ec;color:#fff}.label-info-lighter{background-color:#dbe6e8;color:#2b3947}.label-inverse{background-color:#004fbf;color:#fff}.label-complete-lighter{background-color:#d3eeff;color:#004fbf}.label-white{background-color:#fff;color:#4b4b4b}.stroke-primary{stroke:#7252d3!important}.stroke-complete{stroke:#0072ec!important}.stroke-success{stroke:#19ad79!important}.stroke-info{stroke:#3b4752!important}.stroke-warning{stroke:#ffd945!important}.stroke-danger{stroke:#d83c31!important}.fs-10{font-size:10px!important;letter-spacing:.0180093em;line-height:15px}.fs-11{font-size:10.5px!important;letter-spacing:.0128359em;line-height:16px}.fs-12{font-size:12px!important;letter-spacing:.00849077em;line-height:18px}.fs-13{font-size:13px!important;letter-spacing:.00484144em;line-height:19px}.fs-14{font-size:14px!important;letter-spacing:.00177646em;line-height:22px}.fs-15{font-size:15px!important;letter-spacing:-.000797757em;line-height:23px}.fs-16{font-size:16px!important;letter-spacing:-.00295978em;line-height:24px}.lh-normal{line-height:normal}.lh-10{line-height:10px}.lh-11{line-height:11px}.lh-12{line-height:12px}.lh-13{line-height:13px}.lh-14{line-height:14px}.lh-15{line-height:15px}.lh-16{line-height:16px}.font-arial{font-family:Arial,sans-serif!important}.font-montserrat{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important}.font-georgia{font-family:Georgia!important}.font-heading,.font-secondary{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.well{background-color:#e0e0e0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;border:none;background-image:none}.well.well-large{padding:24px;width:auto}.well.well-small{padding:13px;width:auto}.well.green{background-color:#0072ec;color:#fff;border:none}.overflow-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.jumbotron{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}.jumbotron p{font-size:14px;font-weight:400;margin-bottom:inherit}.jumbotron p.small{font-size:85.714%}@media (max-width: 1400px){body,p{font-size:13px;line-height:20px}h1{font-size:33px;line-height:44px;letter-spacing:-.08px}h2{font-size:28px;line-height:40px}h3{font-size:24px;line-height:35.88px}h4{font-size:18px;line-height:33.88px}h5{font-size:16px;line-height:25.88px}small,.small{font-size:89%;line-height:17px}}.alert>p,.alert>ul{margin-bottom:0}.table>tbody>tr>td,.table>tbody>tr>th{line-height:1.42857143}.table>tfoot>tr>td,.table>tfoot>tr>th{line-height:1.42857143}.table>thead>tr>td,.table>thead>tr>th{line-height:1.42857143}.windows .small-text,.windows small,.windows .small{-webkit-text-stroke:.028px}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.text-separator{display:block;text-align:center;margin:1.5rem 0;width:100%;background:linear-gradient(to top,transparent 0%,transparent calc(50% - 1px),var(--color-contrast-low) calc(50% - 1px),var(--color-contrast-low) calc(50% + 1px),transparent calc(50% + 1px),transparent 100%)}.text-separator:before{background:#fff;content:attr(data-text);padding:0 1rem;text-transform:uppercase}.visible-xlg{display:none}.hidden-xlg{display:block}@media (min-width: 1824px){.visible-xlg{display:block!important}.hidden-xlg{display:none!important}.quickview-wrapper .tab-content #quickview-notes>.inner{width:570px}.container-fluid.container-fixed-lg{width:1700px;margin-right:auto;margin-left:auto}.menu-pin .container-fluid.container-fixed-lg{width:1450px}.col-xlg-1,.col-xlg-2,.col-xlg-3,.col-xlg-4,.col-xlg-5,.col-xlg-6,.col-xlg-7,.col-xlg-8,.col-xlg-9,.col-xlg-10,.col-xlg-11{min-height:1px;padding-left:15px;padding-right:15px;position:relative}.col-xlg-12{min-height:1px;padding-left:15px;padding-right:15px;position:relative;flex:0 0 100%;max-width:100%}.col-xlg-11{flex:0 0 91.6667%;max-width:91.6667%}.col-xlg-10{width:83.3333%;flex:0 0 83.3333%;max-width:83.3333%}.col-xlg-9{flex:0 0 75%;max-width:75%}.col-xlg-8{flex:0 0 66.6667%;max-width:66.6667%}.col-xlg-7{flex:0 0 58.3333%;max-width:58.3333%}.col-xlg-6{flex:0 0 50%;max-width:50%}.col-xlg-5{flex:0 0 41.6667%;max-width:41.6667%}.col-xlg-4{flex:0 0 33.3333%;max-width:33.3333%}.col-xlg-3{flex:0 0 25%;max-width:25%}.col-xlg-2{flex:0 0 16.6667%;max-width:16.6667%}.col-xlg-1{flex:0 0 8.33333%;max-width:8.33333%}.col-xlg-pull-12{right:100%}.col-xlg-pull-11{right:91.6667%}.col-xlg-pull-10{right:83.3333%}.col-xlg-pull-9{right:75%}.col-xlg-pull-8{right:66.6667%}.col-xlg-pull-7{right:58.3333%}.col-xlg-pull-6{right:50%}.col-xlg-pull-5{right:41.6667%}.col-xlg-pull-4{right:33.3333%}.col-xlg-pull-3{right:25%}.col-xlg-pull-2{right:16.6667%}.col-xlg-pull-1{right:8.33333%}.col-xlg-pull-0{right:0}.col-xlg-push-12{left:100%}.col-xlg-push-11{left:91.6667%}.col-xlg-push-10{left:83.3333%}.col-xlg-push-9{left:75%}.col-xlg-push-8{left:66.6667%}.col-xlg-push-7{left:58.3333%}.col-xlg-push-6{left:50%}.col-xlg-push-5{left:41.6667%}.col-xlg-push-4{left:33.3333%}.col-xlg-push-3{left:25%}.col-xlg-push-2{left:16.6667%}.col-xlg-push-1{left:8.33333%}.col-xlg-push-0{left:0}.col-xlg-offset-12{margin-left:100%}.col-xlg-offset-11{margin-left:91.6667%}.col-xlg-offset-10{margin-left:83.3333%}.col-xlg-offset-9{margin-left:75%}.col-xlg-offset-8{margin-left:66.6667%}.col-xlg-offset-7{margin-left:58.3333%}.col-xlg-offset-6{margin-left:50%}.col-xlg-offset-5{margin-left:41.6667%}.col-xlg-offset-4{margin-left:33.3333%}.col-xlg-offset-3{margin-left:25%}.col-xlg-offset-2{margin-left:16.6667%}.col-xlg-offset-1{margin-left:8.33333%}.col-xlg-offset-0{margin-left:0}}@media only screen and (max-width: 1400px){.page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu{bottom:50px}.page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-widgets{display:none}.footer-widget{padding:11px 21px!important}}@media only screen and (max-width: 1199px){.visible-xl-down{display:block!important}}@media only screen and (min-width: 980px){body.ie9.menu-pin .page-sidebar{transform:none!important;-webkit-transform:none!important;-ms-transform:none!important}body.menu-pin .header .brand{width:245px}body.menu-pin .page-container{padding-left:0}body.menu-pin .page-container .page-content-wrapper .content{padding-left:250px}body.menu-pin .page-container .page-content-wrapper .footer{left:250px}body.menu-pin [data-toggle-pin=sidebar]>i:before{content:""}body.menu-pin .page-sidebar{transform:translate(210px)!important;-webkit-transform:translate(210px,0)!important;-ms-transform:translate(210px,0)!important;width:250px}body.menu-pin .page-sidebar .sidebar-header .sidebar-header-controls{transform:translate(21px);-webkit-transform:translateX(21px)}body.menu-pin .page-sidebar .menu-items .icon-thumbnail{transform:translate3d(-14px,0,0);-webkit-transform:-webkit-translate3d(-14px,0,0)}body.menu-behind .page-sidebar{z-index:799}body.menu-behind .header .brand{width:200px;text-align:left;padding-left:20px}body.box-layout{background-color:#fff}body.box-layout>.container,body.box-layout>.full-height>.container{height:100%;padding:0;background-color:#fff}body.box-layout .header{background-color:transparent;border:0;padding:0}body.box-layout .header>.container{background-color:#fff;border-bottom:1px solid rgba(230,230,230,.7);padding:0 20px 0 0;height:100%}body.box-layout .page-sidebar{left:auto;transform:none!important;-webkit-transform:none!important}body.box-layout .page-container .page-content-wrapper .footer{width:auto}.header .brand{position:relative}.header .user-info-wrapper .user-details .user-name{font-size:16px}.header .user-info-wrapper .user-details .user-other{font-size:10px}.header .user-info-wrapper .user-pic{position:relative;top:-6px}.notification-panel{width:400px}}@media (max-width: 991px){.container-fluid{padding-left:1rem;padding-right:1rem}.hidden-lg-down{display:none!important}.page-container{padding-left:0}.d-flex-lg-down{display:flex}.justify-between-lg-down{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}body.sidebar-open .page-container{-webkit-transform:translate3d(250px,0,0);transform:translate3d(250px,0,0);-ms-transform:translate(250px,0);overflow:hidden;position:fixed}body.sidebar-open .push-on-sidebar-open{-webkit-transform:translate3d(250px,0,0);transform:translate3d(250px,0,0);-ms-transform:translate(250px,0);overflow:hidden}body.box-layout>.container{padding:0;height:100%}body.box-layout .header>.container{padding:0}body.box-layout .header>.container .pull-right .sm-action-bar{right:0}body.horizontal-app-menu .header>.container{padding:0}body.horizontal-app-menu .secondary-sidebar{margin-left:0}.sm-action-bar{position:absolute;top:50%;transform:translateY(-50%);z-index:10}.sm-action-bar>a{padding:10px;display:inline-block}.pace .pace-activity{top:60px}.page-sidebar{width:250px;z-index:auto;left:0!important;-webkit-transform:translate3d(0,0px,0px)!important;transform:translateZ(0)!important}.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li{padding:0 30px 0 36px}.page-container{padding-left:0;position:relative;transition:transform .25s ease;-webkit-transition:-webkit-transform .25s ease}.page-container .page-content-wrapper .content{overflow-x:hidden;height:auto;padding-top:48px!important}.icon-thumbnail{margin-right:24px}.page-sidebar{display:none;z-index:auto}.page-sidebar.visible{display:block}.page-sidebar .page-sidebar-inner{z-index:1;left:0!important;width:260px}.page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu{overflow:scroll;-webkit-overflow-scrolling:touch;top:40px;bottom:0}.page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu ul>li>a>.badge{display:inline-block}.secondary-sidebar .btn-compose{display:none}.inner-content,.horizontal-app-menu .inner-content{margin:0}.breadcrumb,.copyright{padding-left:15px;padding-right:15px}body>.pgn-wrapper[data-position=top]{top:48px;left:0}body>.pgn-wrapper[data-position=bottom]{left:0}body>.pgn-wrapper[data-position$=-left]{left:20px;right:auto}.sm-table{display:table;width:100%}.user-profile-wrapper{position:absolute;right:50px;top:-9px}.container{width:100%}.table-responsive-block table,.table-responsive-block thead,.table-responsive-block tbody,.table-responsive-block th,.table-responsive-block td,.table-responsive-block tr{display:block}.table-responsive-block thead tr{position:absolute;top:-9999px;left:-9999px}.table-responsive-block tr{border:1px solid rgba(230,230,230,.7);border-right:0;border-left:0;margin-bottom:15px}.table-responsive-block td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%;white-space:normal;text-align:left}.table-responsive-block td:last-child{border-bottom:0}.table-responsive-block td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:700}.table-responsive-block td:before{content:attr(data-title)}.kill-pull-md-down{position:relative;display:block;width:inherit}.kill-pull-md-down .toggle-secondary-sidebar{display:inline-block;font-size:18px}.nav-tabs-header.nav-tabs-linetriangle{height:61px}.overlay{padding-left:15px}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){.page-sidebar .sidebar-menu .menu-items ul{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;-webkit-perspective:1000}.page-container .page-content-wrapper .content{padding-top:60px}body.box-layout>.container{width:100%}.inner-content{margin-left:0}.secondary-sidebar{float:none;height:auto;left:50%;margin-left:-155px;padding:20px 20px 20px 0;position:absolute;right:0;top:60px;z-index:9999;display:none;border-radius:10px;box-shadow:#0f0f0f0d 0 0 0 1px,#0f0f0f1a 0 3px 6px,#0f0f0f33 0 9px 24px}.secondary-sidebar .btn-compose{display:none}.mark-email{margin-left:25px}.horizontal-app-menu .secondary-sidebar{display:inline-block;position:relative;top:inherit;left:inherit;right:inherit;padding:20px 0;border-radius:0;float:left;height:100%}.split-details{margin-left:0}.toggle-secondary-sidebar{display:block;font-size:18px;left:50%;margin-left:-36px;position:absolute}.toggle-secondary-sidebar~.brand{display:none!important}}@media (max-width: 991px){.sm-b-r,.sm-b-l,.sm-b-t,.sm-b-b{border-width:0}.sm-b-r{border-right-width:1px}.sm-b-l{border-left-width:1px}.sm-b-t{border-top-width:1px}.sm-b-b{border-bottom-width:1px}.sidebar-menu .icon-thumbnail{margin-right:15px}}@media (min-width: 1200px){.row-same-height{overflow:hidden}.row-same-height>[class*=col-lg]{margin-bottom:-99999px;padding-bottom:99999px}}@media (max-width: 1199px) and (min-width: 992px){.visible-md{display:block!important}}@media (min-width: 992px){.row-same-height{overflow:hidden}.row-same-height>[class*=col-md]{margin-bottom:-99999px;padding-bottom:99999px}}@media (min-width: 768px){.row-same-height{overflow:hidden}.row-same-height>[class*=col-sm]{margin-bottom:-99999px;padding-bottom:99999px}.box-layout .container .jumbotron,.container-fluid .jumbotron{padding:0}.d-flex-md-up{display:flex}.navbar-toggle{display:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.dataTables_wrapper.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:absolute}.justify-end-md-up{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}}@media (min-width: 700px){.dd{float:none}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){.page-sidebar .sidebar-menu .menu-items>li>a{padding-left:27px}.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li{padding:0 27px 0 31px}.icon-thumbnail{margin-right:21px}}@media (max-width: 991px) and (min-width: 768px){.visible-sm{display:block}.hidden-sm{display:none}.visible-sm-inline-block{display:inline-block!important}.md-p-t-0{margin-top:0!important}.md-p-r-0{margin-right:0!important}.md-p-l-0{margin-left:0!important}.md-p-b-0{margin-bottom:0!important}.md-p-t-5{margin-top:5px!important}.md-p-r-5{margin-right:5px!important}.md-p-l-5{margin-left:5px!important}.md-p-b-5{margin-bottom:5px!important}.md-p-t-10{margin-top:10px!important}.md-p-r-10{margin-right:10px!important}.md-p-l-10{margin-left:10px!important}.md-p-b-10{margin-bottom:10px!important}.md-p-t-15{margin-top:15px!important}.md-p-r-15{margin-right:15px!important}.md-p-l-15{margin-left:15px!important}.md-p-b-15{margin-bottom:15px!important}}@media (max-width: 979px){.toggle-secondary-sidebar{font-size:18px;position:static;display:block}.toggle-secondary-sidebar~.brand{display:none!important}.secondary-sidebar .btn-compose{display:none}.split-view .split-list{width:100%;height:auto;bottom:50px;left:0;top:0;position:absolute;z-index:700;float:none}.split-view .split-list .item{padding:8px}.split-view .split-list .item .inline{width:188px}.split-view .split-details{margin-left:0;width:100%}.split-view .split-details .email-content-wrapper{overflow:auto;padding:0;height:calc(100% - 50px)}.split-view .split-details .email-content-wrapper .email-content{width:90%}.compose-wrapper,.compose-wrapper .btn-compose{display:block!important}}@media (max-width: 767px){.container-fluid{padding-left:1rem;padding-right:1rem}.page-container .page-content-wrapper .content{padding-top:48px;padding-bottom:100px}.page-sidebar .sidebar-header{padding:0 12px}.page-sidebar .sidebar-menu .menu-items>li>a{padding-left:20px}.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li{padding:0 25px 0 28px}.icon-thumbnail{margin-right:20px}.split-details{margin-left:0}.sm-pull-bottom,.sm-pull-up{position:relative!important}.sm-p-t-0{margin-top:0!important}.sm-p-r-0{margin-right:0!important}.sm-p-l-0{margin-left:0!important}.sm-p-b-0{margin-bottom:0!important}.sm-p-t-5{margin-top:5px!important}.sm-p-r-5{margin-right:5px!important}.sm-p-l-5{margin-left:5px!important}.sm-p-b-5{margin-bottom:5px!important}.sm-p-t-10{margin-top:10px!important}.sm-p-r-10{margin-right:10px!important}.sm-p-l-10{margin-left:10px!important}.sm-p-b-10{margin-bottom:10px!important}.sm-p-t-15{margin-top:15px!important}.sm-p-r-15{margin-right:15px!important}.sm-p-l-15{margin-left:15px!important}.sm-p-b-15{margin-bottom:15px!important}.sm-p-t-20{margin-top:20px!important}.sm-p-r-20{margin-right:20px!important}.sm-p-l-20{margin-left:20px!important}.sm-p-b-20{margin-bottom:20px!important}.sm-p-t-25{margin-top:25px!important}.sm-p-r-25{margin-right:25px!important}.sm-p-l-25{margin-left:25px!important}.sm-p-b-25{margin-bottom:25px!important}.sm-p-t-30{margin-top:30px!important}.sm-p-r-30{margin-right:30px!important}.sm-p-l-30{margin-left:30px!important}.sm-p-b-30{margin-bottom:30px!important}.sm-p-t-35{margin-top:35px!important}.sm-p-r-35{margin-right:35px!important}.sm-p-l-35{margin-left:35px!important}.sm-p-b-35{margin-bottom:35px!important}.sm-p-t-40{margin-top:40px!important}.sm-p-r-40{margin-right:40px!important}.sm-p-l-40{margin-left:40px!important}.sm-p-b-40{margin-bottom:40px!important}.sm-p-t-45{margin-top:45px!important}.sm-p-r-45{margin-right:45px!important}.sm-p-l-45{margin-left:45px!important}.sm-p-b-45{margin-bottom:45px!important}.sm-p-t-50{margin-top:50px!important}.sm-p-r-50{margin-right:50px!important}.sm-p-l-50{margin-left:50px!important}.sm-p-b-50{margin-bottom:50px!important}.sm-no-margin{margin:0}.sm-no-padding{padding:0}.sm-text-right{text-align:right!important}.sm-text-left{text-align:left!important}.sm-text-center{text-align:center!important}.sm-pull-right{float:right!important}.sm-pull-left{float:left!important}.sm-pull-reset{float:none!important}.sm-block{display:block}.sm-image-responsive-height{width:100%;height:auto}.email-composer{padding-left:30px;padding-right:30px}.sm-padding-10{padding:10px!important}.lock-box{align-items:flex-start;height:auto}.login-box{padding-right:15px;padding-left:15px}.visible-xs-inline-block{display:inline-block!important}.nav-tabs-linetriangle.nav-cust{flex-direction:column}.nav-tabs-linetriangle li a.active:after,.nav-tabs-linetriangle li a.active:before{display:none}.sm-vh-25{height:25vh}.sm-vh-50{height:50vh}.sm-vh-75{height:75vh}.sm-vh-100{height:100vh}.horizontal-app-menu .page-container .page-content-wrapper .content>.container{padding-left:0;padding-right:0}.summernote-wrapper .btn-group{-ms-flex-flow:wrap;flex-flow:wrap}}@media (max-width: 480px){body{width:100%}body #overlay-search{font-size:48px;height:118px;line-height:46px}.page-sidebar .sidebar-header{height:48px;line-height:48px}.panel .panel-heading{padding-left:15px}.panel .panel-body{padding:0 15px 15px}.map-controls{left:10px}.register-container{height:auto!important}}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 200/100),only screen and (min-device-pixel-ratio: 2){.editor-icon{background-image:url(../../img/editor_tray_2x.png);background-size:480px 40px}.alert .close{background:url(../../img/icons/noti-cross-2x.png) no-repeat scroll 0 0 transparent;background-position:-9px -10px;width:10px;height:9px;position:relative;opacity:.8;background-size:114px 29px}}.hidden{display:none!important}.visible-sm,.visible-xs{display:none}@media (max-width: 767px){.visible-xs{display:block}.hidden-xs{display:none}}@media (min-width: 768px){ul[data-init-reponsive-tabs=dropdownfx] li span.hide-text{display:none!important}}