@e-xode/vui 0.6.5 → 0.6.7
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/README.md +11 -7
- package/dist/checkbox-BP2ttYER.js +1 -0
- package/dist/{checkbox-C0XHmyOW.js → checkbox-Qcc2Y3jj.js} +56 -25
- package/dist/doc/assets/{alert-CfN-KK4X.js → alert-kDXe81fs.js} +1 -1
- package/dist/doc/assets/{alert-BUCYz3vD.js → alert-xIfTKyZn.js} +1 -1
- package/dist/doc/assets/{button-CNMZ1GQO.js → button-2k6FVc0L.js} +1 -1
- package/dist/doc/assets/{button-C1U5-S3p.js → button-9ro2C_DO.js} +1 -1
- package/dist/doc/assets/{card-CwQ070ao.js → card-DiRo_ZxR.js} +1 -1
- package/dist/doc/assets/{card-CUtpnLFS.js → card-ETnsHTxY.js} +1 -1
- package/dist/doc/assets/checkbox-BNwsQFlx.css +1 -0
- package/dist/doc/assets/checkbox-GxzrS_FW.js +1 -0
- package/dist/doc/assets/checkbox-XTMM84PN.js +28 -0
- package/dist/doc/assets/{component-CXumWSlt.js → component-Cd0V3c30.js} +1 -1
- package/dist/doc/assets/{default-D8NjjGBi.css → default-DOpWYWAd.css} +1 -1
- package/dist/doc/assets/{default-DHoZWdtn.js → default-Ddw34XZA.js} +1 -1
- package/dist/doc/assets/{demonstrable-B5KAWPKX.js → demonstrable-Dv7XIPoL.js} +1 -1
- package/dist/doc/assets/{dropdown-D3hwsYWo.js → dropdown-C6Kafffe.js} +1 -1
- package/dist/doc/assets/dropdown-CWekPPzX.js +1 -0
- package/dist/doc/assets/{dropdown-BDltvOgD.css → dropdown-MxPEtcwI.css} +1 -1
- package/dist/doc/assets/{footer-BgsenAcP.js → footer-DEmxvZDO.js} +1 -1
- package/dist/doc/assets/{footer-Bm8ssenm.js → footer-DmvqVfCJ.js} +1 -1
- package/dist/doc/assets/{form-k50YoLDD.js → form-DLfAvscm.js} +1 -1
- package/dist/doc/assets/{form-DKLHmzJQ.js → form-DQoPnfc6.js} +1 -1
- package/dist/doc/assets/{grid-TeUBpTW_.js → grid-Byaifs5F.js} +1 -1
- package/dist/doc/assets/{grid-BqtXNrmN.js → grid-Dyb-qIv6.js} +1 -1
- package/dist/doc/assets/{header-BXnWOksC.js → header-C2DRVubg.js} +1 -1
- package/dist/doc/assets/{header-eITS5i2z.js → header-CW68DlQ3.js} +1 -1
- package/dist/doc/assets/{index-BQmFywQ4.js → index-BTCbAXEh.js} +15 -15
- package/dist/doc/assets/{index-wi3jjcqb.js → index-DYd8GVyV.js} +1 -1
- package/dist/doc/assets/input-DJ8amP3y.css +1 -0
- package/dist/doc/assets/input-Dxw7RYfZ.js +37 -0
- package/dist/doc/assets/input-hkS14TCT.js +1 -0
- package/dist/doc/assets/{list-n45uFw2X.js → list-BYX5Hslw.js} +1 -1
- package/dist/doc/assets/{list-CGLoBn9q.js → list-n3xmt7CO.js} +1 -1
- package/dist/doc/assets/{loader-kFszqXxd.js → loader-C_KYFdY0.js} +1 -1
- package/dist/doc/assets/{loader-BV0MDdoZ.js → loader-hc6kqiqT.js} +1 -1
- package/dist/doc/assets/{modal-BQbrtOh6.js → modal-Ci7IYllg.js} +1 -1
- package/dist/doc/assets/{modal-DLTSg2Rm.js → modal-DprGtJnD.js} +1 -1
- package/dist/doc/assets/{nav-DQFqqSlk.js → nav--03mFDUT.js} +1 -1
- package/dist/doc/assets/{nav-DL_aupT5.js → nav-C9RI5Z6H.js} +1 -1
- package/dist/doc/assets/{page-5bIt8sIt.js → page-C85vct24.js} +1 -1
- package/dist/doc/assets/{page-HHRlPnpS.js → page-CMF9WylW.js} +1 -1
- package/dist/doc/assets/{pager-lLWSRkXq.js → pager-0bNXGtWQ.js} +1 -1
- package/dist/doc/assets/{pager-BJfdjd6d.js → pager-BuEhUbXw.js} +1 -1
- package/dist/doc/assets/{progress-BGFPfOOr.js → progress-B9G9PL1G.js} +1 -1
- package/dist/doc/assets/{progress-agXYCgzm.js → progress-aePOsZNN.js} +1 -1
- package/dist/doc/assets/radio-Dg31j783.css +1 -0
- package/dist/doc/assets/radio-FDvwgcUe.js +1 -0
- package/dist/doc/assets/radio-vJklHHcl.js +28 -0
- package/dist/doc/assets/{start-CqupTQKQ.js → start-Cpz5sHNq.js} +1 -1
- package/dist/doc/assets/{table-No82fyed.js → table-C_Rv3GlB.js} +1 -1
- package/dist/doc/assets/{table-CMUxQ9C6.js → table-D1jz3DKO.js} +1 -1
- package/dist/doc/assets/{tabs-uU4Onuid.js → tabs-CpDei3SM.js} +1 -1
- package/dist/doc/assets/{tabs-BO11EW27.js → tabs-DJI7K47M.js} +1 -1
- package/dist/doc/assets/{tag-COrA8kV9.js → tag-0ugBlzs4.js} +1 -1
- package/dist/doc/assets/{tag-Do20IKxB.js → tag-CgEGHygn.js} +1 -1
- package/dist/doc/assets/{toggle-BOUyuSz0.js → toggle-CsmmXJeS.js} +1 -1
- package/dist/doc/assets/{toggle-DazanQqx.js → toggle-Dxv9_B8u.js} +1 -1
- package/dist/doc/assets/{tooltip-CpdVg_-T.js → tooltip-BZOlKAkT.js} +1 -1
- package/dist/doc/assets/{tooltip-94laNPly.js → tooltip-CfuewoN3.js} +1 -1
- package/dist/doc/assets/{translatable-DbFxNJLL.js → translatable-eIyiPB31.js} +1 -1
- package/dist/doc/assets/{unit-CiQ7QHVC.js → unit-B5sbv-XJ.js} +1 -1
- package/dist/doc/assets/{unit-BBuvFoj-.js → unit-KaJ8YPkP.js} +1 -1
- package/dist/doc/index.html +1 -1
- package/dist/{dropdown-BwSLrIif.js → dropdown-DUUZsTpI.js} +1 -1
- package/dist/{dropdown-94Qb68fE.js → dropdown-UMn42uen.js} +40 -40
- package/dist/input-BS_1U11l.js +139 -0
- package/dist/input-CPJkbqQt.js +1 -0
- package/dist/radio-BlBm-IvA.js +1 -0
- package/dist/radio-CzWvdO-G.js +147 -0
- package/dist/style.css +1 -1
- package/dist/vui.esm.js +12 -1
- package/dist/vui.js +1 -1
- package/dist/vui.umd.js +1 -1
- package/package.json +5 -5
- package/dist/checkbox-B9yl-GCS.js +0 -1
- package/dist/doc/assets/checkbox-DUY-WF86.js +0 -1
- package/dist/doc/assets/checkbox-DrJf8HyQ.js +0 -14
- package/dist/doc/assets/checkbox-Dtjrzcei.css +0 -1
- package/dist/doc/assets/dropdown-EPlb5xOz.js +0 -1
- package/dist/doc/assets/input-BKMua51x.js +0 -1
- package/dist/doc/assets/input-BOPqansB.js +0 -15
- package/dist/doc/assets/input-D3l35AS9.css +0 -1
- package/dist/input-Dy5fCJhT.js +0 -103
- package/dist/input-WjGQ7q1J.js +0 -1
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import c from "./input-
|
|
2
|
-
import
|
|
3
|
-
import { a as
|
|
4
|
-
import { _ as g, c as
|
|
5
|
-
import { resolveComponent as
|
|
1
|
+
import c from "./input-BS_1U11l.js";
|
|
2
|
+
import f from "./list-BH719nj8.js";
|
|
3
|
+
import { a as b } from "./animable-DnFaMPYA.js";
|
|
4
|
+
import { _ as g, c as v, t as y } from "./_plugin-vue_export-helper-BSl1dQT6.js";
|
|
5
|
+
import { resolveComponent as n, openBlock as u, createElementBlock as w, normalizeClass as p, renderSlot as r, createElementVNode as k, withModifiers as V, createVNode as C, createBlock as I, mergeProps as $, createSlots as L, withCtx as d, createCommentVNode as S } from "vue";
|
|
6
6
|
import "highlight.js";
|
|
7
|
-
const
|
|
7
|
+
const B = {
|
|
8
8
|
"component.dropdown.placeholder": "Select a value ..."
|
|
9
9
|
}, F = {}, N = {
|
|
10
|
-
en:
|
|
10
|
+
en: B,
|
|
11
11
|
fr: F
|
|
12
12
|
}, A = {
|
|
13
13
|
disableFiltering: {
|
|
@@ -57,11 +57,11 @@ const $ = {
|
|
|
57
57
|
name: "VuiDropdown",
|
|
58
58
|
components: {
|
|
59
59
|
VuiInput: c,
|
|
60
|
-
VuiList:
|
|
60
|
+
VuiList: f
|
|
61
61
|
},
|
|
62
62
|
mixins: [
|
|
63
|
-
|
|
64
|
-
|
|
63
|
+
b,
|
|
64
|
+
v
|
|
65
65
|
],
|
|
66
66
|
props: A,
|
|
67
67
|
emits: ["input", "update:model-value"],
|
|
@@ -92,16 +92,16 @@ const $ = {
|
|
|
92
92
|
}
|
|
93
93
|
},
|
|
94
94
|
created() {
|
|
95
|
-
|
|
95
|
+
y(N), this.hasModelValue ? this.selected = this.modelValue : this.hasValue && (this.selected = this.value);
|
|
96
96
|
},
|
|
97
97
|
methods: {
|
|
98
98
|
labelFromChild(e, l, i) {
|
|
99
|
-
const { itemValue:
|
|
100
|
-
return e[
|
|
99
|
+
const { itemValue: a, itemLabel: t } = this;
|
|
100
|
+
return e[a].reduce((o, s) => s[a] === i ? s[t] : o, l);
|
|
101
101
|
},
|
|
102
102
|
labelFromItem(e) {
|
|
103
103
|
const { itemValue: l, itemLabel: i } = this;
|
|
104
|
-
return this.items.reduce((
|
|
104
|
+
return this.items.reduce((a, t) => Array.isArray(t[l]) ? this.labelFromChild(t, a, e) : t[l] === e ? t[i] : a, e);
|
|
105
105
|
},
|
|
106
106
|
onClick() {
|
|
107
107
|
this.disabled || this.onAnimate();
|
|
@@ -113,37 +113,37 @@ const $ = {
|
|
|
113
113
|
this.keyword = null, this.blur(), this.hasProp("value") || (this.selected = e), this.$emit("update:model-value", e);
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
|
-
},
|
|
117
|
-
function
|
|
118
|
-
const
|
|
119
|
-
return
|
|
116
|
+
}, j = ["id"];
|
|
117
|
+
function E(e, l, i, a, t, o) {
|
|
118
|
+
const s = n("vui-input"), m = n("vui-list");
|
|
119
|
+
return u(), w("div", {
|
|
120
120
|
id: e.componentId,
|
|
121
|
-
class:
|
|
121
|
+
class: p(["vui-dropdown", e.$props.class])
|
|
122
122
|
}, [
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
class:
|
|
123
|
+
r(e.$slots, "prepend"),
|
|
124
|
+
k("div", {
|
|
125
|
+
class: p([
|
|
126
126
|
"vui-dropdown-placeholder",
|
|
127
127
|
{ "vui-dropdown-placeholder--toggled": e.toggled },
|
|
128
128
|
{ "vui-dropdown-placeholder--animating": e.animating },
|
|
129
129
|
{ "vui-dropdown-placeholder--disabled": e.disabled }
|
|
130
130
|
]),
|
|
131
|
-
onClick: l[0] || (l[0] =
|
|
131
|
+
onClick: l[0] || (l[0] = V((...h) => o.onClick && o.onClick(...h), ["stop"]))
|
|
132
132
|
}, [
|
|
133
|
-
|
|
134
|
-
C(
|
|
133
|
+
r(e.$slots, "keyword", { keyword: t.keyword }, () => [
|
|
134
|
+
C(s, {
|
|
135
|
+
"with-icon": !1,
|
|
135
136
|
value: t.keyword,
|
|
136
137
|
type: "text",
|
|
137
138
|
class: "vui-dropdown-placeholder-label",
|
|
138
|
-
placeholder: o.placeholderValue
|
|
139
|
+
placeholder: `${o.placeholderValue}`,
|
|
139
140
|
onInput: o.onInput
|
|
140
141
|
}, null, 8, ["value", "placeholder", "onInput"])
|
|
141
142
|
])
|
|
142
143
|
], 2),
|
|
143
|
-
e.toggled ? (
|
|
144
|
+
e.toggled ? (u(), I(m, $({
|
|
144
145
|
key: 0,
|
|
145
|
-
|
|
146
|
-
"onUpdate:modelValue": l[1] || (l[1] = (s) => t.selected = s)
|
|
146
|
+
value: t.selected
|
|
147
147
|
}, e.$attrs, {
|
|
148
148
|
class: "vui-dropdown-list",
|
|
149
149
|
"group-id": e.componentGroupId,
|
|
@@ -156,33 +156,33 @@ function j(e, l, i, r, t, o) {
|
|
|
156
156
|
selectable: !0,
|
|
157
157
|
title: o.listTitle,
|
|
158
158
|
"onUpdate:modelValue": o.onToggle
|
|
159
|
-
}),
|
|
159
|
+
}), L({ _: 2 }, [
|
|
160
160
|
e.$slots.placeholder ? {
|
|
161
161
|
name: "placeholder",
|
|
162
|
-
fn:
|
|
163
|
-
|
|
162
|
+
fn: d(() => [
|
|
163
|
+
r(e.$slots, "placeholder")
|
|
164
164
|
]),
|
|
165
165
|
key: "0"
|
|
166
166
|
} : void 0,
|
|
167
167
|
e.$slots["group-item"] ? {
|
|
168
168
|
name: "group-item",
|
|
169
|
-
fn:
|
|
170
|
-
|
|
169
|
+
fn: d(() => [
|
|
170
|
+
r(e.$slots, "group-item")
|
|
171
171
|
]),
|
|
172
172
|
key: "1"
|
|
173
173
|
} : void 0,
|
|
174
174
|
e.$slots.item ? {
|
|
175
175
|
name: "item",
|
|
176
|
-
fn:
|
|
177
|
-
|
|
176
|
+
fn: d(() => [
|
|
177
|
+
r(e.$slots, "item")
|
|
178
178
|
]),
|
|
179
179
|
key: "2"
|
|
180
180
|
} : void 0
|
|
181
|
-
]), 1040, ["
|
|
182
|
-
|
|
183
|
-
], 10,
|
|
181
|
+
]), 1040, ["value", "group-id", "disable-filtering", "disabled", "items", "item-label", "item-value", "keyword", "title", "onUpdate:modelValue"])) : S("", !0),
|
|
182
|
+
r(e.$slots, "append")
|
|
183
|
+
], 10, j);
|
|
184
184
|
}
|
|
185
|
-
const D = /* @__PURE__ */ g(T, [["render",
|
|
185
|
+
const D = /* @__PURE__ */ g(T, [["render", E]]);
|
|
186
186
|
export {
|
|
187
187
|
D as default
|
|
188
188
|
};
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
import { _ as d, c as r, t as h } from "./_plugin-vue_export-helper-BSl1dQT6.js";
|
|
2
|
+
import { openBlock as t, createElementBlock as n, normalizeClass as i, renderSlot as u, createElementVNode as m, createCommentVNode as l } from "vue";
|
|
3
|
+
import "highlight.js";
|
|
4
|
+
const c = {
|
|
5
|
+
"component.input.placeholder": "Type a value ..."
|
|
6
|
+
}, y = {}, f = {
|
|
7
|
+
en: c,
|
|
8
|
+
fr: y
|
|
9
|
+
}, v = {
|
|
10
|
+
icon: {
|
|
11
|
+
default: void 0,
|
|
12
|
+
type: String
|
|
13
|
+
},
|
|
14
|
+
modelValue: {
|
|
15
|
+
default: void 0,
|
|
16
|
+
types: [
|
|
17
|
+
Boolean,
|
|
18
|
+
String,
|
|
19
|
+
Number,
|
|
20
|
+
null
|
|
21
|
+
]
|
|
22
|
+
},
|
|
23
|
+
maxlength: {
|
|
24
|
+
type: Number
|
|
25
|
+
},
|
|
26
|
+
name: {
|
|
27
|
+
type: String
|
|
28
|
+
},
|
|
29
|
+
placeholder: {
|
|
30
|
+
default: null,
|
|
31
|
+
types: [
|
|
32
|
+
Boolean,
|
|
33
|
+
String,
|
|
34
|
+
Number,
|
|
35
|
+
null
|
|
36
|
+
]
|
|
37
|
+
},
|
|
38
|
+
type: {
|
|
39
|
+
default: "text",
|
|
40
|
+
type: String
|
|
41
|
+
},
|
|
42
|
+
value: {
|
|
43
|
+
default: void 0,
|
|
44
|
+
types: [
|
|
45
|
+
Boolean,
|
|
46
|
+
Number,
|
|
47
|
+
String,
|
|
48
|
+
null
|
|
49
|
+
]
|
|
50
|
+
},
|
|
51
|
+
withIcon: {
|
|
52
|
+
default: !0,
|
|
53
|
+
type: Boolean
|
|
54
|
+
}
|
|
55
|
+
}, b = {
|
|
56
|
+
name: "VuiInput",
|
|
57
|
+
mixins: [
|
|
58
|
+
r
|
|
59
|
+
],
|
|
60
|
+
props: v,
|
|
61
|
+
emits: ["input", "update:model-value"],
|
|
62
|
+
data() {
|
|
63
|
+
return {
|
|
64
|
+
typed: null
|
|
65
|
+
};
|
|
66
|
+
},
|
|
67
|
+
computed: {
|
|
68
|
+
placeholderValue() {
|
|
69
|
+
return this.placeholder ? this.placeholder : this.$t("component.input.placeholder");
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
watch: {
|
|
73
|
+
value(e) {
|
|
74
|
+
this.typed = e;
|
|
75
|
+
},
|
|
76
|
+
modelValue(e) {
|
|
77
|
+
this.typed = e;
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
created() {
|
|
81
|
+
h(f), this.hasModelValue ? this.typed = this.modelValue : this.hasValue && (this.typed = this.value);
|
|
82
|
+
},
|
|
83
|
+
methods: {
|
|
84
|
+
onInput(e) {
|
|
85
|
+
this.typed = this.type === "number" ? e.target.valueAsNumber : e.target.value, this.$emit("input", e), this.$emit("update:model-value", this.typed);
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}, g = ["id"], I = ["value", "disabled", "maxlength", "name", "placeholder", "required", "type"], w = {
|
|
89
|
+
key: 1,
|
|
90
|
+
class: /* @__PURE__ */ i(["vui-input-icon", "fa-font"])
|
|
91
|
+
}, V = {
|
|
92
|
+
key: 2,
|
|
93
|
+
class: /* @__PURE__ */ i(["vui-input-icon", "fa-at"])
|
|
94
|
+
}, k = {
|
|
95
|
+
key: 3,
|
|
96
|
+
class: /* @__PURE__ */ i(["vui-input-icon", "fa-key"])
|
|
97
|
+
}, N = {
|
|
98
|
+
key: 4,
|
|
99
|
+
class: /* @__PURE__ */ i(["vui-input-icon", "fa-arrow-down-1-9"])
|
|
100
|
+
};
|
|
101
|
+
function S(e, o, $, B, s, a) {
|
|
102
|
+
return t(), n("div", {
|
|
103
|
+
id: e.componentId,
|
|
104
|
+
class: i([
|
|
105
|
+
"vui-input",
|
|
106
|
+
`vui-input--${e.layout}`,
|
|
107
|
+
{ "vui-input--flat": e.hasAttribute("flat") },
|
|
108
|
+
{ "vui-input--with-icon": e.withIcon },
|
|
109
|
+
{ "vui-input--disabled": e.disabled },
|
|
110
|
+
{ "vui-input--loading": !e.disabled && e.loading },
|
|
111
|
+
e.$props.class
|
|
112
|
+
])
|
|
113
|
+
}, [
|
|
114
|
+
u(e.$slots, "prepend"),
|
|
115
|
+
m("input", {
|
|
116
|
+
value: s.typed,
|
|
117
|
+
disabled: e.disabled,
|
|
118
|
+
maxlength: e.maxlength,
|
|
119
|
+
name: e.name,
|
|
120
|
+
placeholder: a.placeholderValue,
|
|
121
|
+
required: e.hasAttribute("required"),
|
|
122
|
+
type: e.type,
|
|
123
|
+
onInput: o[0] || (o[0] = (...p) => a.onInput && a.onInput(...p))
|
|
124
|
+
}, null, 40, I),
|
|
125
|
+
e.withIcon && e.icon ? (t(), n("i", {
|
|
126
|
+
key: 0,
|
|
127
|
+
class: i(["vui-input-icon", e.icon])
|
|
128
|
+
}, null, 2)) : l("", !0),
|
|
129
|
+
e.withIcon && !e.icon && e.type === "text" ? (t(), n("i", w)) : l("", !0),
|
|
130
|
+
e.withIcon && !e.icon && e.type === "email" ? (t(), n("i", V)) : l("", !0),
|
|
131
|
+
e.withIcon && !e.icon && e.type === "password" ? (t(), n("i", k)) : l("", !0),
|
|
132
|
+
e.withIcon && !e.icon && e.type === "number" ? (t(), n("i", N)) : l("", !0),
|
|
133
|
+
u(e.$slots, "append")
|
|
134
|
+
], 10, g);
|
|
135
|
+
}
|
|
136
|
+
const E = /* @__PURE__ */ d(b, [["render", S]]);
|
|
137
|
+
export {
|
|
138
|
+
E as default
|
|
139
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./_plugin-vue_export-helper-DeDoBcDj.js"),t=require("vue");require("highlight.js");const u={"component.input.placeholder":"Type a value ..."},s={},r={en:u,fr:s},d={icon:{default:void 0,type:String},modelValue:{default:void 0,types:[Boolean,String,Number,null]},maxlength:{type:Number},name:{type:String},placeholder:{default:null,types:[Boolean,String,Number,null]},type:{default:"text",type:String},value:{default:void 0,types:[Boolean,Number,String,null]},withIcon:{default:!0,type:Boolean}},p={name:"VuiInput",mixins:[l.composable],props:d,emits:["input","update:model-value"],data(){return{typed:null}},computed:{placeholderValue(){return this.placeholder?this.placeholder:this.$t("component.input.placeholder")}},watch:{value(e){this.typed=e},modelValue(e){this.typed=e}},created(){l.translatable(r),this.hasModelValue?this.typed=this.modelValue:this.hasValue&&(this.typed=this.value)},methods:{onInput(e){this.typed=this.type==="number"?e.target.valueAsNumber:e.target.value,this.$emit("input",e),this.$emit("update:model-value",this.typed)}}},m=["id"],c=["value","disabled","maxlength","name","placeholder","required","type"],h={key:1,class:t.normalizeClass(["vui-input-icon","fa-font"])},y={key:2,class:t.normalizeClass(["vui-input-icon","fa-at"])},f={key:3,class:t.normalizeClass(["vui-input-icon","fa-key"])},v={key:4,class:t.normalizeClass(["vui-input-icon","fa-arrow-down-1-9"])};function b(e,o,k,B,i,n){return t.openBlock(),t.createElementBlock("div",{id:e.componentId,class:t.normalizeClass(["vui-input",`vui-input--${e.layout}`,{"vui-input--flat":e.hasAttribute("flat")},{"vui-input--with-icon":e.withIcon},{"vui-input--disabled":e.disabled},{"vui-input--loading":!e.disabled&&e.loading},e.$props.class])},[t.renderSlot(e.$slots,"prepend"),t.createElementVNode("input",{value:i.typed,disabled:e.disabled,maxlength:e.maxlength,name:e.name,placeholder:n.placeholderValue,required:e.hasAttribute("required"),type:e.type,onInput:o[0]||(o[0]=(...a)=>n.onInput&&n.onInput(...a))},null,40,c),e.withIcon&&e.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["vui-input-icon",e.icon])},null,2)):t.createCommentVNode("",!0),e.withIcon&&!e.icon&&e.type==="text"?(t.openBlock(),t.createElementBlock("i",h)):t.createCommentVNode("",!0),e.withIcon&&!e.icon&&e.type==="email"?(t.openBlock(),t.createElementBlock("i",y)):t.createCommentVNode("",!0),e.withIcon&&!e.icon&&e.type==="password"?(t.openBlock(),t.createElementBlock("i",f)):t.createCommentVNode("",!0),e.withIcon&&!e.icon&&e.type==="number"?(t.openBlock(),t.createElementBlock("i",v)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"append")],10,m)}const g=l._export_sfc(p,[["render",b]]);exports.default=g;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./_plugin-vue_export-helper-DeDoBcDj.js"),l=require("vue");require("highlight.js");const o={},n={},s={en:o,fr:n},r={checked:{default:void 0,type:Boolean},checkedValue:{default:void 0,types:[Boolean,String,Number,null]},icon:{type:String,default:"fa-circle"},iconChecked:{type:String,default:"fa-circle-check"},modelValue:{default:void 0,types:[Boolean,String,Number,null]},name:{default:void 0,type:String},text:{default:void 0,type:String},uncheckedValue:{default:void 0,types:[Boolean,String,Number,null]},value:{default:void 0,types:[Boolean,String,Number,null]}},u={name:"VuiRadio",mixins:[i.composable],props:r,emits:["update:model-value"],data(){return{toggled:!1}},computed:{hasLabel(){return this.$slots.default||this.text},isChecked(){return this.hasProp("checked")?this.checked:this.hasProp("checkedValue")?this.toggled===this.checkedValue:this.toggled}},watch:{modelValue(e){this.toggled=e},value(e){this.toggled=e}},created(){i.translatable(s),this.hasModelValue?this.toggled=this.modelValue:this.hasValue&&(this.toggled=this.value)},methods:{onToggle(){this.disabled||(this.hasProp("checkedValue")?this.toggled=this.isChecked?this.uncheckedValue:this.checkedValue:this.toggled=!this.isChecked,this.$emit("update:model-value",this.toggled))}}},c=["id"],h=["name","disabled","required"],g=["for"];function f(e,d,k,p,b,t){return l.openBlock(),l.createElementBlock("div",{id:e.componentId,class:l.normalizeClass(["vui-radio",`vui-radio--${e.layout}`,{"vui-radio--flat":e.hasAttribute("flat")},{"vui-radio--with-label":t.hasLabel},{"vui-radio--with-icon":e.icon},{"vui-radio--checked":t.isChecked},{"vui-radio--disabled":e.disabled},{"vui-radio--loading":!e.disabled&&e.loading},e.$props.class]),onClick:d[0]||(d[0]=(...a)=>t.onToggle&&t.onToggle(...a))},[l.renderSlot(e.$slots,"prepend"),e.icon&&!t.isChecked?(l.openBlock(),l.createElementBlock("i",{key:0,class:l.normalizeClass(["vui-radio-icon",e.icon])},null,2)):l.createCommentVNode("",!0),e.iconChecked&&t.isChecked?(l.openBlock(),l.createElementBlock("i",{key:1,class:l.normalizeClass(["vui-radio-icon",e.iconChecked])},null,2)):l.createCommentVNode("",!0),l.createElementVNode("input",{name:e.name,disabled:e.disabled,required:e.hasAttribute("required"),type:"checkbox"},null,8,h),t.hasLabel?(l.openBlock(),l.createElementBlock("label",{key:2,class:"vui-radio-label",for:e.name},[l.renderSlot(e.$slots,"default",{},()=>[l.createTextVNode(l.toDisplayString(e.text),1)])],8,g)):l.createCommentVNode("",!0),l.renderSlot(e.$slots,"append")],10,c)}const m=i._export_sfc(u,[["render",f]]);exports.default=m;
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
import { _ as u, c as r, t as h } from "./_plugin-vue_export-helper-BSl1dQT6.js";
|
|
2
|
+
import { openBlock as d, createElementBlock as t, normalizeClass as l, renderSlot as a, createCommentVNode as s, createElementVNode as c, createTextVNode as f, toDisplayString as g } from "vue";
|
|
3
|
+
import "highlight.js";
|
|
4
|
+
const m = {}, p = {}, k = {
|
|
5
|
+
en: m,
|
|
6
|
+
fr: p
|
|
7
|
+
}, b = {
|
|
8
|
+
checked: {
|
|
9
|
+
default: void 0,
|
|
10
|
+
type: Boolean
|
|
11
|
+
},
|
|
12
|
+
checkedValue: {
|
|
13
|
+
default: void 0,
|
|
14
|
+
types: [
|
|
15
|
+
Boolean,
|
|
16
|
+
String,
|
|
17
|
+
Number,
|
|
18
|
+
null
|
|
19
|
+
]
|
|
20
|
+
},
|
|
21
|
+
icon: {
|
|
22
|
+
type: String,
|
|
23
|
+
default: "fa-circle"
|
|
24
|
+
},
|
|
25
|
+
iconChecked: {
|
|
26
|
+
type: String,
|
|
27
|
+
default: "fa-circle-check"
|
|
28
|
+
},
|
|
29
|
+
modelValue: {
|
|
30
|
+
default: void 0,
|
|
31
|
+
types: [
|
|
32
|
+
Boolean,
|
|
33
|
+
String,
|
|
34
|
+
Number,
|
|
35
|
+
null
|
|
36
|
+
]
|
|
37
|
+
},
|
|
38
|
+
name: {
|
|
39
|
+
default: void 0,
|
|
40
|
+
type: String
|
|
41
|
+
},
|
|
42
|
+
text: {
|
|
43
|
+
default: void 0,
|
|
44
|
+
type: String
|
|
45
|
+
},
|
|
46
|
+
uncheckedValue: {
|
|
47
|
+
default: void 0,
|
|
48
|
+
types: [
|
|
49
|
+
Boolean,
|
|
50
|
+
String,
|
|
51
|
+
Number,
|
|
52
|
+
null
|
|
53
|
+
]
|
|
54
|
+
},
|
|
55
|
+
value: {
|
|
56
|
+
default: void 0,
|
|
57
|
+
types: [
|
|
58
|
+
Boolean,
|
|
59
|
+
String,
|
|
60
|
+
Number,
|
|
61
|
+
null
|
|
62
|
+
]
|
|
63
|
+
}
|
|
64
|
+
}, v = {
|
|
65
|
+
name: "VuiRadio",
|
|
66
|
+
mixins: [
|
|
67
|
+
r
|
|
68
|
+
],
|
|
69
|
+
props: b,
|
|
70
|
+
emits: ["update:model-value"],
|
|
71
|
+
data() {
|
|
72
|
+
return {
|
|
73
|
+
toggled: !1
|
|
74
|
+
};
|
|
75
|
+
},
|
|
76
|
+
computed: {
|
|
77
|
+
hasLabel() {
|
|
78
|
+
return this.$slots.default || this.text;
|
|
79
|
+
},
|
|
80
|
+
isChecked() {
|
|
81
|
+
return this.hasProp("checked") ? this.checked : this.hasProp("checkedValue") ? this.toggled === this.checkedValue : this.toggled;
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
watch: {
|
|
85
|
+
modelValue(e) {
|
|
86
|
+
this.toggled = e;
|
|
87
|
+
},
|
|
88
|
+
value(e) {
|
|
89
|
+
this.toggled = e;
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
created() {
|
|
93
|
+
h(k), this.hasModelValue ? this.toggled = this.modelValue : this.hasValue && (this.toggled = this.value);
|
|
94
|
+
},
|
|
95
|
+
methods: {
|
|
96
|
+
onToggle() {
|
|
97
|
+
this.disabled || (this.hasProp("checkedValue") ? this.toggled = this.isChecked ? this.uncheckedValue : this.checkedValue : this.toggled = !this.isChecked, this.$emit("update:model-value", this.toggled));
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
}, V = ["id"], y = ["name", "disabled", "required"], C = ["for"];
|
|
101
|
+
function S(e, o, B, N, T, i) {
|
|
102
|
+
return d(), t("div", {
|
|
103
|
+
id: e.componentId,
|
|
104
|
+
class: l([
|
|
105
|
+
"vui-radio",
|
|
106
|
+
`vui-radio--${e.layout}`,
|
|
107
|
+
{ "vui-radio--flat": e.hasAttribute("flat") },
|
|
108
|
+
{ "vui-radio--with-label": i.hasLabel },
|
|
109
|
+
{ "vui-radio--with-icon": e.icon },
|
|
110
|
+
{ "vui-radio--checked": i.isChecked },
|
|
111
|
+
{ "vui-radio--disabled": e.disabled },
|
|
112
|
+
{ "vui-radio--loading": !e.disabled && e.loading },
|
|
113
|
+
e.$props.class
|
|
114
|
+
]),
|
|
115
|
+
onClick: o[0] || (o[0] = (...n) => i.onToggle && i.onToggle(...n))
|
|
116
|
+
}, [
|
|
117
|
+
a(e.$slots, "prepend"),
|
|
118
|
+
e.icon && !i.isChecked ? (d(), t("i", {
|
|
119
|
+
key: 0,
|
|
120
|
+
class: l(["vui-radio-icon", e.icon])
|
|
121
|
+
}, null, 2)) : s("", !0),
|
|
122
|
+
e.iconChecked && i.isChecked ? (d(), t("i", {
|
|
123
|
+
key: 1,
|
|
124
|
+
class: l(["vui-radio-icon", e.iconChecked])
|
|
125
|
+
}, null, 2)) : s("", !0),
|
|
126
|
+
c("input", {
|
|
127
|
+
name: e.name,
|
|
128
|
+
disabled: e.disabled,
|
|
129
|
+
required: e.hasAttribute("required"),
|
|
130
|
+
type: "checkbox"
|
|
131
|
+
}, null, 8, y),
|
|
132
|
+
i.hasLabel ? (d(), t("label", {
|
|
133
|
+
key: 2,
|
|
134
|
+
class: "vui-radio-label",
|
|
135
|
+
for: e.name
|
|
136
|
+
}, [
|
|
137
|
+
a(e.$slots, "default", {}, () => [
|
|
138
|
+
f(g(e.text), 1)
|
|
139
|
+
])
|
|
140
|
+
], 8, C)) : s("", !0),
|
|
141
|
+
a(e.$slots, "append")
|
|
142
|
+
], 10, V);
|
|
143
|
+
}
|
|
144
|
+
const L = /* @__PURE__ */ u(v, [["render", S]]);
|
|
145
|
+
export {
|
|
146
|
+
L as default
|
|
147
|
+
};
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.vui-button{box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);border-radius:.25rem;background-color:#e6e9ea;background-repeat:no-repeat;background-size:0 0;background-position:50% 50%;transition:background-size .125s,color .125s;position:relative;display:inline-flex;padding:0 1rem;justify-content:center;cursor:pointer}.vui-button.vui-button--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-button.vui-button--default .vui-button-icon:before{color:#000}.vui-button.vui-button--default.vui-button--loading .vui-button-loader{background-color:#000}.vui-button.vui-button--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-button.vui-button--error .vui-button-icon:before{color:#960e13}.vui-button.vui-button--error.vui-button--loading .vui-button-loader{background-color:#960e13}.vui-button.vui-button--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-button.vui-button--success .vui-button-icon:before{color:#145b32}.vui-button.vui-button--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-button.vui-button--warning .vui-button-icon:before{color:#976008}.vui-button .vui-button-loader{position:absolute;bottom:-2px;left:0;width:30%;height:2px;background-color:transparent}.vui-button:hover,.vui-button.vui-button--toggled{background-color:#d9dcde}.vui-button.vui-button--animating{background-size:100% 100%;background-image:linear-gradient(#e6e9ea,#e6e9ea)}.vui-button.vui-button--loading .vui-button-loader{animation:linear infinite;animation-name:loading;animation-duration:.8s;background-color:#545e64}.vui-button.vui-button--error:hover,.vui-button.vui-button--error.vui-button--toggled{background-color:#f7acae}.vui-button.vui-button--error.vui-button--animating{background-image:linear-gradient(#f37d81,#f37d81)}.vui-button.vui-button--success:hover,.vui-button.vui-button--success.vui-button--toggled{background-color:#89e5b0}.vui-button.vui-button--success.vui-button--animating{background-image:linear-gradient(#60db94,#60db94)}.vui-button.vui-button--warning:hover,.vui-button.vui-button--warning.vui-button--toggled{background-color:#fad9a4}.vui-button.vui-button--warning.vui-button--animating{background-image:linear-gradient(#f8c573,#f8c573)}.vui-button .vui-button-holder{position:relative;margin-top:.15rem;font-size:.85rem;font-weight:600;line-height:2rem;color:inherit;background-color:transparent;text-transform:uppercase;border:none;cursor:pointer}.vui-button .vui-button-holder .vui-button-icon{color:#869198}.vui-button.vui-button--flat{box-shadow:none}.vui-button.vui-button--with-label .vui-button-holder .vui-button-icon{margin-right:.75rem}.vui-button.vui-button--disabled{color:#869198;background-color:#bdc3c7;border:1px solid #869198;opacity:.4;cursor:default}.vui-button.vui-button--disabled button{color:inherit;cursor:default}.vui-button.vui-button--disabled button .vui-button-icon{color:inherit}.vui-checkbox{position:relative;display:inline-flex;padding-left:1rem;cursor:pointer}.vui-checkbox input[type=checkbox]{display:none}.vui-checkbox label{padding-left:1rem}.vui-checkbox:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Regular";font-style:normal;font-weight:400;text-rendering:auto;-webkit-font-smoothing:antialiased;content:"";position:absolute;top:0;left:0;font-size:1.5rem}.vui-checkbox.vui-checkbox--checked:before{content:""}.vui-checkbox.vui-checkbox--disabled{cursor:not-allowed}.vui-checkbox.vui-checkbox--disabled:before{color:#949da4;background-color:#e6e9ea}.vui-footer{padding:1rem;text-align:right;background-color:#e6e9ea;border:1px solid rgb(189,195,199);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.vui-form section{border:1px solid #d9dcde;border-radius:.25rem}.vui-form section:not(:first-of-type){margin-top:1rem}.vui-form section.section--submit{border:none;padding:1rem 0;text-align:center}.vui-form section fieldset{padding:1rem}.vui-form section fieldset .fieldset-item{display:flex}.vui-form section fieldset .fieldset-item label{flex:0 0 50%;line-height:2rem}.vui-form section fieldset .fieldset-item .input{flex:0 0 50%}.vui-form section fieldset .fieldset-item .input input{width:100%}.vui-header{padding:1rem;background-color:#e6e9ea;border:1px solid rgb(189,195,199);border-top-left-radius:.25rem;border-top-right-radius:.25rem}.vui-input{border:1px solid rgb(189,195,199);border-radius:.25rem}.vui-input input[type=date-time-local],.vui-input input[type=date],.vui-input input[type=text],.vui-input input[type=email],.vui-input input[type=number],.vui-input input[type=password]{width:100%;padding:.5rem .25rem .25rem .5rem;color:#000;outline:none;border:none}.vui-input input[type=date-time-local]:disabled,.vui-input input[type=date]:disabled,.vui-input input[type=text]:disabled,.vui-input input[type=email]:disabled,.vui-input input[type=number]:disabled,.vui-input input[type=password]:disabled{color:#78848c;background-color:#e6e9ea;cursor:not-allowed}.vui-table table{border-collapse:collapse}.vui-table table thead tr{background-color:#d9dcde}.vui-table table thead tr th{padding:1rem;border:1px solid rgb(189,195,199)}.vui-table table thead tr th:not(.text-center,.text-right){text-align:left}.vui-table table tbody tr td{padding:1rem;border:1px solid rgb(189,195,199)}@media (max-width: 550px){.vui-table table thead{display:none}.vui-table table tr{display:block;margin-bottom:1rem}.vui-table table td{display:block;text-align:right}.vui-table table td:before{content:attr(data-label);float:left}}.vui-grid{display:flex;flex-wrap:wrap}@media (min-width: 576px){.vui-grid.vui-grid--col-xs--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-xs--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-xs--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-xs--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-xs--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-xs--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-xs--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-xs--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-xs--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-xs--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-xs--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-xs--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 768px){.vui-grid.vui-grid--col-sm--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-sm--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-sm--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-sm--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-sm--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-sm--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-sm--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-sm--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-sm--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-sm--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-sm--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-sm--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 992px){.vui-grid.vui-grid--col-md--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-md--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-md--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-md--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-md--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-md--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-md--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-md--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-md--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-md--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-md--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-md--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 1200px){.vui-grid.vui-grid--col-xl--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-xl--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-xl--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-xl--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-xl--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-xl--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-xl--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-xl--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-xl--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-xl--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-xl--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-xl--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 1400px){.vui-grid.vui-grid--col-xxl--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-xxl--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-xxl--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-xxl--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-xxl--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-xxl--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-xxl--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-xxl--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-xxl--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-xxl--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-xxl--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-xxl--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}.vui-grid-unit{padding:1rem}.vui-grid-unit.vui-grid-unit-col--1{flex:1 1 1%}.vui-grid-unit.vui-grid-unit-col--2{flex:1 1 2%}.vui-grid-unit.vui-grid-unit-col--3{flex:1 1 3%}.vui-grid-unit.vui-grid-unit-col--4{flex:1 1 4%}.vui-grid-unit.vui-grid-unit-col--5{flex:1 1 5%}.vui-grid-unit.vui-grid-unit-col--6{flex:1 1 6%}.vui-grid-unit.vui-grid-unit-col--7{flex:1 1 7%}.vui-grid-unit.vui-grid-unit-col--8{flex:1 1 8%}.vui-grid-unit.vui-grid-unit-col--9{flex:1 1 9%}.vui-grid-unit.vui-grid-unit-col--10{flex:1 1 10%}.vui-grid-unit.vui-grid-unit-col--11{flex:1 1 11%}.vui-grid-unit.vui-grid-unit-col--12{flex:1 1 12%}.vui-grid-unit.vui-grid-unit-col--13{flex:1 1 13%}.vui-grid-unit.vui-grid-unit-col--14{flex:1 1 14%}.vui-grid-unit.vui-grid-unit-col--15{flex:1 1 15%}.vui-grid-unit.vui-grid-unit-col--16{flex:1 1 16%}.vui-grid-unit.vui-grid-unit-col--17{flex:1 1 17%}.vui-grid-unit.vui-grid-unit-col--18{flex:1 1 18%}.vui-grid-unit.vui-grid-unit-col--19{flex:1 1 19%}.vui-grid-unit.vui-grid-unit-col--20{flex:1 1 20%}.vui-grid-unit.vui-grid-unit-col--21{flex:1 1 21%}.vui-grid-unit.vui-grid-unit-col--22{flex:1 1 22%}.vui-grid-unit.vui-grid-unit-col--23{flex:1 1 23%}.vui-grid-unit.vui-grid-unit-col--24{flex:1 1 24%}.vui-grid-unit.vui-grid-unit-col--25{flex:1 1 25%}.vui-grid-unit.vui-grid-unit-col--26{flex:1 1 26%}.vui-grid-unit.vui-grid-unit-col--27{flex:1 1 27%}.vui-grid-unit.vui-grid-unit-col--28{flex:1 1 28%}.vui-grid-unit.vui-grid-unit-col--29{flex:1 1 29%}.vui-grid-unit.vui-grid-unit-col--30{flex:1 1 30%}.vui-grid-unit.vui-grid-unit-col--31{flex:1 1 31%}.vui-grid-unit.vui-grid-unit-col--32{flex:1 1 32%}.vui-grid-unit.vui-grid-unit-col--33{flex:1 1 33%}.vui-grid-unit.vui-grid-unit-col--34{flex:1 1 34%}.vui-grid-unit.vui-grid-unit-col--35{flex:1 1 35%}.vui-grid-unit.vui-grid-unit-col--36{flex:1 1 36%}.vui-grid-unit.vui-grid-unit-col--37{flex:1 1 37%}.vui-grid-unit.vui-grid-unit-col--38{flex:1 1 38%}.vui-grid-unit.vui-grid-unit-col--39{flex:1 1 39%}.vui-grid-unit.vui-grid-unit-col--40{flex:1 1 40%}.vui-grid-unit.vui-grid-unit-col--41{flex:1 1 41%}.vui-grid-unit.vui-grid-unit-col--42{flex:1 1 42%}.vui-grid-unit.vui-grid-unit-col--43{flex:1 1 43%}.vui-grid-unit.vui-grid-unit-col--44{flex:1 1 44%}.vui-grid-unit.vui-grid-unit-col--45{flex:1 1 45%}.vui-grid-unit.vui-grid-unit-col--46{flex:1 1 46%}.vui-grid-unit.vui-grid-unit-col--47{flex:1 1 47%}.vui-grid-unit.vui-grid-unit-col--48{flex:1 1 48%}.vui-grid-unit.vui-grid-unit-col--49{flex:1 1 49%}.vui-grid-unit.vui-grid-unit-col--50{flex:1 1 50%}.vui-grid-unit.vui-grid-unit-col--51{flex:1 1 51%}.vui-grid-unit.vui-grid-unit-col--52{flex:1 1 52%}.vui-grid-unit.vui-grid-unit-col--53{flex:1 1 53%}.vui-grid-unit.vui-grid-unit-col--54{flex:1 1 54%}.vui-grid-unit.vui-grid-unit-col--55{flex:1 1 55%}.vui-grid-unit.vui-grid-unit-col--56{flex:1 1 56%}.vui-grid-unit.vui-grid-unit-col--57{flex:1 1 57%}.vui-grid-unit.vui-grid-unit-col--58{flex:1 1 58%}.vui-grid-unit.vui-grid-unit-col--59{flex:1 1 59%}.vui-grid-unit.vui-grid-unit-col--60{flex:1 1 60%}.vui-grid-unit.vui-grid-unit-col--61{flex:1 1 61%}.vui-grid-unit.vui-grid-unit-col--62{flex:1 1 62%}.vui-grid-unit.vui-grid-unit-col--63{flex:1 1 63%}.vui-grid-unit.vui-grid-unit-col--64{flex:1 1 64%}.vui-grid-unit.vui-grid-unit-col--65{flex:1 1 65%}.vui-grid-unit.vui-grid-unit-col--66{flex:1 1 66%}.vui-grid-unit.vui-grid-unit-col--67{flex:1 1 67%}.vui-grid-unit.vui-grid-unit-col--68{flex:1 1 68%}.vui-grid-unit.vui-grid-unit-col--69{flex:1 1 69%}.vui-grid-unit.vui-grid-unit-col--70{flex:1 1 70%}.vui-grid-unit.vui-grid-unit-col--71{flex:1 1 71%}.vui-grid-unit.vui-grid-unit-col--72{flex:1 1 72%}.vui-grid-unit.vui-grid-unit-col--73{flex:1 1 73%}.vui-grid-unit.vui-grid-unit-col--74{flex:1 1 74%}.vui-grid-unit.vui-grid-unit-col--75{flex:1 1 75%}.vui-grid-unit.vui-grid-unit-col--76{flex:1 1 76%}.vui-grid-unit.vui-grid-unit-col--77{flex:1 1 77%}.vui-grid-unit.vui-grid-unit-col--78{flex:1 1 78%}.vui-grid-unit.vui-grid-unit-col--79{flex:1 1 79%}.vui-grid-unit.vui-grid-unit-col--80{flex:1 1 80%}.vui-grid-unit.vui-grid-unit-col--81{flex:1 1 81%}.vui-grid-unit.vui-grid-unit-col--82{flex:1 1 82%}.vui-grid-unit.vui-grid-unit-col--83{flex:1 1 83%}.vui-grid-unit.vui-grid-unit-col--84{flex:1 1 84%}.vui-grid-unit.vui-grid-unit-col--85{flex:1 1 85%}.vui-grid-unit.vui-grid-unit-col--86{flex:1 1 86%}.vui-grid-unit.vui-grid-unit-col--87{flex:1 1 87%}.vui-grid-unit.vui-grid-unit-col--88{flex:1 1 88%}.vui-grid-unit.vui-grid-unit-col--89{flex:1 1 89%}.vui-grid-unit.vui-grid-unit-col--90{flex:1 1 90%}.vui-grid-unit.vui-grid-unit-col--91{flex:1 1 91%}.vui-grid-unit.vui-grid-unit-col--92{flex:1 1 92%}.vui-grid-unit.vui-grid-unit-col--93{flex:1 1 93%}.vui-grid-unit.vui-grid-unit-col--94{flex:1 1 94%}.vui-grid-unit.vui-grid-unit-col--95{flex:1 1 95%}.vui-grid-unit.vui-grid-unit-col--96{flex:1 1 96%}.vui-grid-unit.vui-grid-unit-col--97{flex:1 1 97%}.vui-grid-unit.vui-grid-unit-col--98{flex:1 1 98%}.vui-grid-unit.vui-grid-unit-col--99{flex:1 1 99%}.vui-grid-unit.vui-grid-unit-col--100{flex:1 1 100%}.vui-alert{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);border-radius:.25rem;position:relative;width:100%;padding:.75rem}.vui-alert.vui-alert--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-alert.vui-alert--default .vui-alert-icon:before{color:#000}.vui-alert.vui-alert--default.vui-alert--loading .vui-alert-loader{background-color:#000}.vui-alert.vui-alert--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-alert.vui-alert--error .vui-alert-icon:before{color:#960e13}.vui-alert.vui-alert--error.vui-alert--loading .vui-alert-loader{background-color:#960e13}.vui-alert.vui-alert--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-alert.vui-alert--success .vui-alert-icon:before{color:#145b32}.vui-alert.vui-alert--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-alert.vui-alert--warning .vui-alert-icon:before{color:#976008}.vui-alert .vui-alert-icon{font-size:1rem;margin-right:.75rem}.vui-alert .vui-alert-icon:before{color:#869198}.vui-card{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);display:flex;flex-flow:column;background-color:#fff;border-radius:.25rem}.vui-card.vui-card--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-card.vui-card--default .vui-card-icon:before{color:#000}.vui-card.vui-card--default.vui-card--loading .vui-card-loader{background-color:#000}.vui-card.vui-card--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-card.vui-card--error .vui-card-icon:before{color:#960e13}.vui-card.vui-card--error.vui-card--loading .vui-card-loader{background-color:#960e13}.vui-card.vui-card--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-card.vui-card--success .vui-card-icon:before{color:#145b32}.vui-card.vui-card--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-card.vui-card--warning .vui-card-icon:before{color:#976008}.vui-card:not(.vui-card--flat){box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006}.vui-card .vui-card-header{padding:.75rem 1rem;font-size:1.15rem;line-height:1.2rem;font-weight:500;text-transform:none;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:inherit}.vui-card .vui-card-body{flex:1 1 auto;padding:2rem 1rem}.vui-card .vui-card-footer{padding:.5rem 1rem;text-align:right;border-top-style:solid;border-top-width:1px;border-top-color:inherit}.vui-list{display:flex;flex-flow:column;padding:0;border-radius:.25rem}.vui-list:not(.vui-list--flat){box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006}.vui-list.vui-list--flat{border-top:1px solid #d9dcde;border-left:1px solid #d9dcde;border-right:1px solid #d9dcde}.vui-list .vui-list-title{padding:1rem;font-weight:700}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label{background-color:#e6e9ea;background-repeat:no-repeat;background-size:0 0;background-position:50% 50%;transition:background-size .125s,color .125s;position:relative;padding:.75rem;background-color:#fff;border-radius:0;border-top:1px solid #d9dcde;border-bottom:1px solid #d9dcde;cursor:pointer}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label .vui-list-items-item-group-label-loader{position:absolute;bottom:-2px;left:0;width:30%;height:2px;background-color:transparent}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--toggled{background-color:#d9dcde}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--animating{background-size:100% 100%;background-image:linear-gradient(#e6e9ea,#e6e9ea)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--loading .vui-list-items-item-group-label-loader{animation:linear infinite;animation-name:loading;animation-duration:.8s;background-color:#545e64}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--error:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--error.vui-list-items-item-group-label--toggled{background-color:#f7acae}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--error.vui-list-items-item-group-label--animating{background-image:linear-gradient(#f37d81,#f37d81)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--success:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--success.vui-list-items-item-group-label--toggled{background-color:#89e5b0}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--success.vui-list-items-item-group-label--animating{background-image:linear-gradient(#60db94,#60db94)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--warning:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--warning.vui-list-items-item-group-label--toggled{background-color:#fad9a4}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--warning.vui-list-items-item-group-label--animating{background-image:linear-gradient(#f8c573,#f8c573)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label:after{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Solid";font-style:normal;font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;content:"";position:absolute;top:.75rem;right:1rem}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--toggled{border-top:1px solid rgb(189,195,199);border-bottom:1px solid rgb(189,195,199)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--open:after{content:""}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-label{padding-left:1.5rem}.vui-list .vui-list-items .vui-list-items-item-label{display:flex;padding:.75rem;border-bottom:1px solid #d9dcde}.vui-list .vui-list-items .vui-list-items-item-label:hover{background-color:#d9dcde;border-bottom:1px solid rgb(189,195,199)}.vui-list .vui-list-items .vui-list-items-item-label.vui-list-items-item-label--selectable{cursor:pointer}.vui-list .vui-list-items .vui-list-items-item-label.vui-list-items-item-label--selected{color:#145b32;background-color:#60db94}.vui-list .vui-list-items .vui-list-items-item-label .vui-list-items-item-label-icon{padding-right:.5rem}.vui-dropdown{position:relative;display:inline-flex;min-width:200px;border-radius:.25rem}.vui-dropdown .vui-dropdown-placeholder{background-color:#e6e9ea;background-repeat:no-repeat;background-size:0 0;background-position:50% 50%;transition:background-size .125s,color .125s;box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006;background-color:#fff;width:100%;cursor:pointer}.vui-dropdown .vui-dropdown-placeholder .vui-dropdown-placeholder-loader{position:absolute;bottom:-2px;left:0;width:30%;height:2px;background-color:transparent}.vui-dropdown .vui-dropdown-placeholder:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--toggled{background-color:#d9dcde}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--animating{background-size:100% 100%;background-image:linear-gradient(#e6e9ea,#e6e9ea)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--loading .vui-dropdown-placeholder-loader{animation:linear infinite;animation-name:loading;animation-duration:.8s;background-color:#545e64}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error.vui-dropdown-placeholder--toggled{background-color:#f7acae}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error.vui-dropdown-placeholder--animating{background-image:linear-gradient(#f37d81,#f37d81)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success.vui-dropdown-placeholder--toggled{background-color:#89e5b0}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success.vui-dropdown-placeholder--animating{background-image:linear-gradient(#60db94,#60db94)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning.vui-dropdown-placeholder--toggled{background-color:#fad9a4}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning.vui-dropdown-placeholder--animating{background-image:linear-gradient(#f8c573,#f8c573)}.vui-dropdown .vui-dropdown-placeholder:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Solid";font-style:normal;font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;position:absolute;top:.5rem;right:1rem;content:"";color:#bdc3c7}.vui-dropdown .vui-dropdown-placeholder:hover:before{color:#869198}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--toggled:before{content:"";top:.7rem;color:#869198}.vui-dropdown .vui-dropdown-placeholder .vui-input.vui-dropdown-placeholder-label{width:100%;padding:.25rem .5rem .25rem 1rem;margin:0;background-color:transparent}.vui-dropdown .vui-dropdown-placeholder .vui-input.vui-dropdown-placeholder-label input[type=text]{cursor:pointer;border:none;background-color:transparent}.vui-dropdown .vui-list.vui-dropdown-list{position:absolute;top:2.5rem;left:0;right:0;background-color:#fff;z-index:2}.vui-dropdown .vui-list.vui-dropdown-list .vui-list-items .vui-list-items-item{cursor:pointer}.vui-loader{box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);border-radius:.25rem;position:relative;display:inline-flex;padding:.75rem;justify-content:start}.vui-loader.vui-loader--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-loader.vui-loader--default .vui-loader-icon:before{color:#000}.vui-loader.vui-loader--default.vui-loader--loading .vui-loader-loader{background-color:#000}.vui-loader.vui-loader--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-loader.vui-loader--error .vui-loader-icon:before{color:#960e13}.vui-loader.vui-loader--error.vui-loader--loading .vui-loader-loader{background-color:#960e13}.vui-loader.vui-loader--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-loader.vui-loader--success .vui-loader-icon:before{color:#145b32}.vui-loader.vui-loader--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-loader.vui-loader--warning .vui-loader-icon:before{color:#976008}.vui-loader.vui-loader--flat{box-shadow:none}.vui-loader .vui-loader-icon{animation:rotating 2s linear infinite}.vui-loader .vui-loader-body{padding-left:1rem}.vui-modal{position:fixed;top:0;left:0;right:0;bottom:0;padding:2rem;background-color:#d9dcde;z-index:3}.vui-modal .vui-modal-content{display:flex;flex-flow:column;min-height:calc(100vh - 4rem);background-color:#fff;border-radius:.25rem;box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006}.vui-modal .vui-modal-content .vui-modal-content-header{display:flex;justify-content:space-between;padding:1rem;font-size:1.15rem;line-height:1.2rem;font-weight:500;text-transform:none;background-color:#e6e9ea;border-bottom:1px solid #d9dcde}.vui-modal .vui-modal-content .vui-modal-content-header .fa-regular.fa-circle-xmark{font-size:1.2rem;cursor:pointer}.vui-modal .vui-modal-content .vui-modal-content-body{flex:1 1 auto;padding:2rem 1rem}.vui-modal .vui-modal-content .vui-modal-content-footer{padding:.5rem 1rem;text-align:center;background-color:#e6e9ea;border-top:1px solid #d9dcde}.vui-nav{display:inline-flex}.vui-nav.vui-nav--flat .vui-list.vui-nav-list{box-shadow:none}.vui-nav.vui-nav--flat .vui-list.vui-nav-list .vui-list-items .vui-list-items-item:first-of-type{padding-left:0}.vui-nav.vui-nav--flat .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label:hover{background-color:transparent}.vui-nav .vui-list.vui-nav-list .vui-list-items{display:flex}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item{cursor:pointer}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item:first-of-type{padding-left:1rem}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label{border:none;padding-left:0}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label i.fa-solid{color:#bdc3c7}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label .vui-list-items-item-label-text{padding-left:.75rem}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label.vui-list-items-item-label--selected{color:#27ae60;background-color:inherit}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label.vui-list-items-item-label--selected i.fa-solid,.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label.vui-list-items-item-label--selected .vui-list-items-item-label-text{color:inherit}.vui-page{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);display:flex;flex-flow:column;border-radius:.25rem}.vui-page.vui-page--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-page.vui-page--default .vui-page-icon:before{color:#000}.vui-page.vui-page--default.vui-page--loading .vui-page-loader{background-color:#000}.vui-page.vui-page--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-page.vui-page--error .vui-page-icon:before{color:#960e13}.vui-page.vui-page--error.vui-page--loading .vui-page-loader{background-color:#960e13}.vui-page.vui-page--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-page.vui-page--success .vui-page-icon:before{color:#145b32}.vui-page.vui-page--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-page.vui-page--warning .vui-page-icon:before{color:#976008}.vui-page:not(.vui-page--flat){box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006}.vui-page .vui-page-header{padding:1rem;font-size:1.15rem;line-height:1.2rem;font-weight:500;text-transform:none;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:inherit}.vui-page .vui-page-body{flex:1 1 auto;padding:2rem 1rem}.vui-page .vui-page-footer{padding:.5rem;border-top-style:solid;border-top-width:1px;border-top-color:inherit}.vui-pager .vui-pager-content{display:flex;justify-content:space-between}.vui-pager .vui-pager-content .vui-button.vui-button--first,.vui-pager .vui-pager-content .vui-button.vui-button--next{margin-right:.25rem}.vui-pager .vui-pager-content .ellipse{padding:0 .75rem;line-height:2rem;text-align:center;opacity:0}.vui-pager .vui-pager-content .ellipse.visible{opacity:1}.vui-progress .vui-progress-bar{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);width:100%;height:1rem;background-color:#bdc3c7;border:1px solid #869198;border-radius:.25rem}.vui-progress .vui-progress-bar.vui-progress-bar--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-progress .vui-progress-bar.vui-progress-bar--default .vui-progress-bar-icon:before{color:#000}.vui-progress .vui-progress-bar.vui-progress-bar--default.vui-progress-bar--loading .vui-progress-bar-loader{background-color:#000}.vui-progress .vui-progress-bar.vui-progress-bar--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-progress .vui-progress-bar.vui-progress-bar--error .vui-progress-bar-icon:before{color:#960e13}.vui-progress .vui-progress-bar.vui-progress-bar--error.vui-progress-bar--loading .vui-progress-bar-loader{background-color:#960e13}.vui-progress .vui-progress-bar.vui-progress-bar--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-progress .vui-progress-bar.vui-progress-bar--success .vui-progress-bar-icon:before{color:#145b32}.vui-progress .vui-progress-bar.vui-progress-bar--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-progress .vui-progress-bar.vui-progress-bar--warning .vui-progress-bar-icon:before{color:#976008}.vui-progress .vui-progress-bar .vui-progress-bar-cursor{height:.9rem;background-color:#27ae60}.vui-tabs .vui-tabs-tabs{display:flex;padding:.5rem 0}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab{position:relative;padding:.5rem;border:1px solid #d9dcde;cursor:pointer}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab:not(:first-of-type){margin-left:1rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--with-icon .label{padding-left:2rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active{border-color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .vui-tabs-tabs-tab-icon:before{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .label{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon:before{color:#869198}.vui-tabs .vui-tabs-slots{padding:1rem;border:1px solid #d9dcde}.vui-tag{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);border-radius:.25rem;position:relative;padding:.5rem}.vui-tag.vui-tag--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-tag.vui-tag--default .vui-tag-icon:before{color:#000}.vui-tag.vui-tag--default.vui-tag--loading .vui-tag-loader{background-color:#000}.vui-tag.vui-tag--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-tag.vui-tag--error .vui-tag-icon:before{color:#960e13}.vui-tag.vui-tag--error.vui-tag--loading .vui-tag-loader{background-color:#960e13}.vui-tag.vui-tag--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-tag.vui-tag--success .vui-tag-icon:before{color:#145b32}.vui-tag.vui-tag--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-tag.vui-tag--warning .vui-tag-icon:before{color:#976008}.vui-tag.vui-tag--with-icon{padding-left:2.5rem}.vui-tag .vui-tag-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem;color:#869198}.vui-tag .vui-tag-icon:before{color:#869198}.vui-toggle{position:relative;display:inline-flex;height:1.45rem}.vui-toggle .vui-toggle-slider{position:absolute;bottom:0;width:4.5rem;padding:.25rem .5rem;background-color:#bdc3c7;border-radius:2.1rem;transition:.4s;cursor:pointer}.vui-toggle .vui-toggle-slider .vui-toggle-slider-button{width:1.65rem;height:1.65rem;background-color:#fff;border-radius:50%;transition:.4s}.vui-toggle .vui-toggle-label{padding-left:5rem}.vui-toggle.vui-toggle--checked .vui-toggle-slider{background-color:#27ae60}.vui-toggle.vui-toggle--checked .vui-toggle-slider .vui-toggle-slider-button{-webkit-transform:translateX(1.65rem);-ms-transform:translateX(1.65rem);transform:translate(1.65rem)}.vui-toggle.vui-toggle--disabled .vui-toggle-slider{background-color:#d9dcde;cursor:not-allowed}.vui-toggle.vui-toggle--disabled .vui-toggle-slider .vui-toggle-slider-button{background-color:#e6e9ea}.vui-toggle.vui-toggle--disabled.vui-toggle--checked .vui-toggle-slider{background-color:#89e5b0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{0%{left:0;opacity:1}50%{left:70%;opacity:0}to{left:0;opacity:1}}.vui-tooltip{max-width:300px;display:none;padding:.5rem;font-size:.9rem;color:#e6e9ea;background-color:#0097e6;border-radius:.25rem;box-shadow:0 3px 1px -2px #00659a66,0 2px 2px #00659a33,0 1px 5px #00659a66}.vui-tooltip.vui-tooltip--with-icon{padding-left:2.5rem}.vui-tooltip .vui-tooltip-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem;color:#869198}.vui-tooltip .vui-tooltip-icon:before{color:#e6e9ea}.vui-tooltip .vui-tooltip-pointer:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Solid";font-style:normal;font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;position:absolute;font-size:1.1rem;color:#0097e6}.vui-tooltip .vui-tooltip-pointer.vui-tooltip-pointer--bottom:before{top:-.65rem;left:calc(50% - 1rem);content:""}.vui-tooltip .vui-tooltip-pointer.vui-tooltip-pointer--left:before{top:40%;left:100%;content:""}.vui-tooltip .vui-tooltip-pointer.vui-tooltip-pointer--top:before{top:95%;left:calc(50% - 1rem);content:""}.vui-tooltip .vui-tooltip-pointer.vui-tooltip-pointer--right:before{top:40%;left:-.5rem;content:""}
|
|
1
|
+
.vui-button{box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);border-radius:.25rem;background-color:#e6e9ea;background-repeat:no-repeat;background-size:0 0;background-position:50% 50%;transition:background-size .125s,color .125s;position:relative;display:inline-flex;padding:0 1rem;justify-content:center;cursor:pointer}.vui-button.vui-button--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-button.vui-button--default .vui-button-icon:before{color:#000}.vui-button.vui-button--default.vui-button--loading .vui-button-loader{background-color:#000}.vui-button.vui-button--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-button.vui-button--error .vui-button-icon:before{color:#960e13}.vui-button.vui-button--error.vui-button--loading .vui-button-loader{background-color:#960e13}.vui-button.vui-button--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-button.vui-button--success .vui-button-icon:before{color:#145b32}.vui-button.vui-button--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-button.vui-button--warning .vui-button-icon:before{color:#976008}.vui-button .vui-button-loader{position:absolute;bottom:-2px;left:0;width:30%;height:2px;background-color:transparent}.vui-button:hover,.vui-button.vui-button--toggled{background-color:#d9dcde}.vui-button.vui-button--animating{background-size:100% 100%;background-image:linear-gradient(#e6e9ea,#e6e9ea)}.vui-button.vui-button--loading .vui-button-loader{animation:linear infinite;animation-name:loading;animation-duration:.8s;background-color:#545e64}.vui-button.vui-button--error:hover,.vui-button.vui-button--error.vui-button--toggled{background-color:#f7acae}.vui-button.vui-button--error.vui-button--animating{background-image:linear-gradient(#f37d81,#f37d81)}.vui-button.vui-button--success:hover,.vui-button.vui-button--success.vui-button--toggled{background-color:#89e5b0}.vui-button.vui-button--success.vui-button--animating{background-image:linear-gradient(#60db94,#60db94)}.vui-button.vui-button--warning:hover,.vui-button.vui-button--warning.vui-button--toggled{background-color:#fad9a4}.vui-button.vui-button--warning.vui-button--animating{background-image:linear-gradient(#f8c573,#f8c573)}.vui-button .vui-button-holder{position:relative;margin-top:.15rem;font-size:.85rem;font-weight:600;line-height:2rem;color:inherit;background-color:transparent;text-transform:uppercase;border:none;cursor:pointer}.vui-button .vui-button-holder .vui-button-icon{color:#869198}.vui-button.vui-button--flat{box-shadow:none}.vui-button.vui-button--with-label .vui-button-holder .vui-button-icon{margin-right:.75rem}.vui-button.vui-button--disabled{color:#869198;background-color:#bdc3c7;border:1px solid #869198;opacity:.4;cursor:default}.vui-button.vui-button--disabled button{color:inherit;cursor:default}.vui-button.vui-button--disabled button .vui-button-icon{color:inherit}.vui-checkbox{position:relative;display:inline-flex;cursor:pointer}.vui-checkbox.vui-checkbox--default input::placeholder{color:#bdc3c7}.vui-checkbox.vui-checkbox--default .vui-checkbox-icon:before{color:#000}.vui-checkbox.vui-checkbox--error{border-color:#960e13}.vui-checkbox.vui-checkbox--error input::placeholder{color:#ea2027}.vui-checkbox.vui-checkbox--error .vui-checkbox-icon:before{color:#960e13}.vui-checkbox.vui-checkbox--error .vui-checkbox-label{color:#ea2027}.vui-checkbox.vui-checkbox--success{border-color:#145b32}.vui-checkbox.vui-checkbox--success input::placeholder{color:#27ae60}.vui-checkbox.vui-checkbox--success .vui-checkbox-icon:before{color:#145b32}.vui-checkbox.vui-checkbox--success .vui-checkbox-label{color:#145b32}.vui-checkbox.vui-checkbox--warning{border-color:#976008}.vui-checkbox.vui-checkbox--warning input::placeholder{color:#f39c12}.vui-checkbox.vui-checkbox--warning .vui-checkbox-icon:before{color:#976008}.vui-checkbox.vui-checkbox--warning .vui-checkbox-label{color:#976008}.vui-checkbox.vui-checkbox--disabled{border-color:#949da4;cursor:not-allowed}.vui-checkbox.vui-checkbox--disabled input::placeholder{color:#000}.vui-checkbox.vui-checkbox--disabled .vui-checkbox-icon:before{color:#949da4}.vui-checkbox input[type=checkbox]{width:0;height:0;opacity:0}.vui-checkbox .vui-checkbox-icon:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Regular";font-style:normal;font-weight:400;text-rendering:auto;-webkit-font-smoothing:antialiased;margin-top:-.15rem;font-size:1.25rem}.vui-checkbox label{padding-left:.5rem}.vui-checkbox.vui-checkbox--disabled label{color:#949da4}.vui-footer{padding:1rem;text-align:right;background-color:#e6e9ea;border:1px solid rgb(189,195,199);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.vui-form section{border:1px solid #d9dcde;border-radius:.25rem}.vui-form section:not(:first-of-type){margin-top:1rem}.vui-form section.section--submit{border:none;padding:1rem 0;text-align:center}.vui-form section fieldset{padding:1rem}.vui-form section fieldset .fieldset-item{display:flex}.vui-form section fieldset .fieldset-item label{flex:0 0 50%;line-height:2rem}.vui-form section fieldset .fieldset-item .input{flex:0 0 50%}.vui-form section fieldset .fieldset-item .input input{width:100%}.vui-header{padding:1rem;background-color:#e6e9ea;border:1px solid rgb(189,195,199);border-top-left-radius:.25rem;border-top-right-radius:.25rem}.vui-input{display:inline-flex;border:1px solid rgb(189,195,199);border-radius:.15rem}.vui-input.vui-input--default input::placeholder{color:#bdc3c7}.vui-input.vui-input--default .vui-input-icon:before{color:#000}.vui-input.vui-input--error{border-color:#960e13}.vui-input.vui-input--error input::placeholder{color:#ea2027}.vui-input.vui-input--error .vui-input-icon:before{color:#960e13}.vui-input.vui-input--error .vui-input-label{color:#ea2027}.vui-input.vui-input--success{border-color:#145b32}.vui-input.vui-input--success input::placeholder{color:#27ae60}.vui-input.vui-input--success .vui-input-icon:before{color:#145b32}.vui-input.vui-input--success .vui-input-label{color:#145b32}.vui-input.vui-input--warning{border-color:#976008}.vui-input.vui-input--warning input::placeholder{color:#f39c12}.vui-input.vui-input--warning .vui-input-icon:before{color:#976008}.vui-input.vui-input--warning .vui-input-label{color:#976008}.vui-input.vui-input--disabled{border-color:#949da4;cursor:not-allowed}.vui-input.vui-input--disabled input::placeholder{color:#000}.vui-input.vui-input--disabled .vui-input-icon:before{color:#949da4}.vui-input input{width:100%;padding:.5rem .25rem .25rem .5rem;outline:none;border:none}.vui-input input:disabled{color:#78848c;background-color:#e6e9ea;border-color:#e6e9ea;cursor:not-allowed}.vui-input input:disabled::placeholder{color:#bdc3c7}.vui-input .vui-input-icon{padding:0 .5rem;background-color:#e6e9ea;border-left:1px solid rgb(189,195,199)}.vui-input .vui-input-icon:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Solid";font-style:normal;font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;line-height:1.75rem}.vui-radio{position:relative;display:inline-flex;cursor:pointer}.vui-radio.vui-radio--default input::placeholder{color:#bdc3c7}.vui-radio.vui-radio--default .vui-radio-icon:before{color:#000}.vui-radio.vui-radio--error{border-color:#960e13}.vui-radio.vui-radio--error input::placeholder{color:#ea2027}.vui-radio.vui-radio--error .vui-radio-icon:before{color:#960e13}.vui-radio.vui-radio--error .vui-radio-label{color:#ea2027}.vui-radio.vui-radio--success{border-color:#145b32}.vui-radio.vui-radio--success input::placeholder{color:#27ae60}.vui-radio.vui-radio--success .vui-radio-icon:before{color:#145b32}.vui-radio.vui-radio--success .vui-radio-label{color:#145b32}.vui-radio.vui-radio--warning{border-color:#976008}.vui-radio.vui-radio--warning input::placeholder{color:#f39c12}.vui-radio.vui-radio--warning .vui-radio-icon:before{color:#976008}.vui-radio.vui-radio--warning .vui-radio-label{color:#976008}.vui-radio.vui-radio--disabled{border-color:#949da4;cursor:not-allowed}.vui-radio.vui-radio--disabled input::placeholder{color:#000}.vui-radio.vui-radio--disabled .vui-radio-icon:before{color:#949da4}.vui-radio input[type=checkbox]{width:0;height:0;opacity:0}.vui-radio .vui-radio-icon:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Regular";font-style:normal;font-weight:400;text-rendering:auto;-webkit-font-smoothing:antialiased;margin-top:-.15rem;font-size:1.25rem}.vui-radio label{padding-left:.5rem}.vui-radio.vui-radio--disabled label{color:#949da4}.vui-table table{border-collapse:collapse}.vui-table table thead tr{background-color:#d9dcde}.vui-table table thead tr th{padding:1rem;border:1px solid rgb(189,195,199)}.vui-table table thead tr th:not(.text-center,.text-right){text-align:left}.vui-table table tbody tr td{padding:1rem;border:1px solid rgb(189,195,199)}@media (max-width: 550px){.vui-table table thead{display:none}.vui-table table tr{display:block;margin-bottom:1rem}.vui-table table td{display:block;text-align:right}.vui-table table td:before{content:attr(data-label);float:left}}.vui-grid{display:flex;flex-wrap:wrap}@media (min-width: 576px){.vui-grid.vui-grid--col-xs--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-xs--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-xs--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-xs--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-xs--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-xs--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-xs--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-xs--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-xs--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-xs--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-xs--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-xs--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 768px){.vui-grid.vui-grid--col-sm--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-sm--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-sm--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-sm--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-sm--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-sm--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-sm--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-sm--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-sm--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-sm--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-sm--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-sm--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 992px){.vui-grid.vui-grid--col-md--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-md--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-md--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-md--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-md--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-md--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-md--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-md--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-md--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-md--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-md--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-md--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 1200px){.vui-grid.vui-grid--col-xl--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-xl--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-xl--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-xl--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-xl--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-xl--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-xl--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-xl--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-xl--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-xl--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-xl--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-xl--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}@media (min-width: 1400px){.vui-grid.vui-grid--col-xxl--1>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 100%}.vui-grid.vui-grid--col-xxl--2>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 50%}.vui-grid.vui-grid--col-xxl--3>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 33.3333333333%}.vui-grid.vui-grid--col-xxl--4>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 25%}.vui-grid.vui-grid--col-xxl--5>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 20%}.vui-grid.vui-grid--col-xxl--6>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 16.6666666667%}.vui-grid.vui-grid--col-xxl--7>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 14.2857142857%}.vui-grid.vui-grid--col-xxl--8>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 12.5%}.vui-grid.vui-grid--col-xxl--9>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 11.1111111111%}.vui-grid.vui-grid--col-xxl--10>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 10%}.vui-grid.vui-grid--col-xxl--11>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 9.0909090909%}.vui-grid.vui-grid--col-xxl--12>.vui-grid-unit:not([class*=vui-grid-unit-col--]){flex:1 1 8.3333333333%}}.vui-grid-unit{padding:1rem}.vui-grid-unit.vui-grid-unit-col--1{flex:1 1 1%}.vui-grid-unit.vui-grid-unit-col--2{flex:1 1 2%}.vui-grid-unit.vui-grid-unit-col--3{flex:1 1 3%}.vui-grid-unit.vui-grid-unit-col--4{flex:1 1 4%}.vui-grid-unit.vui-grid-unit-col--5{flex:1 1 5%}.vui-grid-unit.vui-grid-unit-col--6{flex:1 1 6%}.vui-grid-unit.vui-grid-unit-col--7{flex:1 1 7%}.vui-grid-unit.vui-grid-unit-col--8{flex:1 1 8%}.vui-grid-unit.vui-grid-unit-col--9{flex:1 1 9%}.vui-grid-unit.vui-grid-unit-col--10{flex:1 1 10%}.vui-grid-unit.vui-grid-unit-col--11{flex:1 1 11%}.vui-grid-unit.vui-grid-unit-col--12{flex:1 1 12%}.vui-grid-unit.vui-grid-unit-col--13{flex:1 1 13%}.vui-grid-unit.vui-grid-unit-col--14{flex:1 1 14%}.vui-grid-unit.vui-grid-unit-col--15{flex:1 1 15%}.vui-grid-unit.vui-grid-unit-col--16{flex:1 1 16%}.vui-grid-unit.vui-grid-unit-col--17{flex:1 1 17%}.vui-grid-unit.vui-grid-unit-col--18{flex:1 1 18%}.vui-grid-unit.vui-grid-unit-col--19{flex:1 1 19%}.vui-grid-unit.vui-grid-unit-col--20{flex:1 1 20%}.vui-grid-unit.vui-grid-unit-col--21{flex:1 1 21%}.vui-grid-unit.vui-grid-unit-col--22{flex:1 1 22%}.vui-grid-unit.vui-grid-unit-col--23{flex:1 1 23%}.vui-grid-unit.vui-grid-unit-col--24{flex:1 1 24%}.vui-grid-unit.vui-grid-unit-col--25{flex:1 1 25%}.vui-grid-unit.vui-grid-unit-col--26{flex:1 1 26%}.vui-grid-unit.vui-grid-unit-col--27{flex:1 1 27%}.vui-grid-unit.vui-grid-unit-col--28{flex:1 1 28%}.vui-grid-unit.vui-grid-unit-col--29{flex:1 1 29%}.vui-grid-unit.vui-grid-unit-col--30{flex:1 1 30%}.vui-grid-unit.vui-grid-unit-col--31{flex:1 1 31%}.vui-grid-unit.vui-grid-unit-col--32{flex:1 1 32%}.vui-grid-unit.vui-grid-unit-col--33{flex:1 1 33%}.vui-grid-unit.vui-grid-unit-col--34{flex:1 1 34%}.vui-grid-unit.vui-grid-unit-col--35{flex:1 1 35%}.vui-grid-unit.vui-grid-unit-col--36{flex:1 1 36%}.vui-grid-unit.vui-grid-unit-col--37{flex:1 1 37%}.vui-grid-unit.vui-grid-unit-col--38{flex:1 1 38%}.vui-grid-unit.vui-grid-unit-col--39{flex:1 1 39%}.vui-grid-unit.vui-grid-unit-col--40{flex:1 1 40%}.vui-grid-unit.vui-grid-unit-col--41{flex:1 1 41%}.vui-grid-unit.vui-grid-unit-col--42{flex:1 1 42%}.vui-grid-unit.vui-grid-unit-col--43{flex:1 1 43%}.vui-grid-unit.vui-grid-unit-col--44{flex:1 1 44%}.vui-grid-unit.vui-grid-unit-col--45{flex:1 1 45%}.vui-grid-unit.vui-grid-unit-col--46{flex:1 1 46%}.vui-grid-unit.vui-grid-unit-col--47{flex:1 1 47%}.vui-grid-unit.vui-grid-unit-col--48{flex:1 1 48%}.vui-grid-unit.vui-grid-unit-col--49{flex:1 1 49%}.vui-grid-unit.vui-grid-unit-col--50{flex:1 1 50%}.vui-grid-unit.vui-grid-unit-col--51{flex:1 1 51%}.vui-grid-unit.vui-grid-unit-col--52{flex:1 1 52%}.vui-grid-unit.vui-grid-unit-col--53{flex:1 1 53%}.vui-grid-unit.vui-grid-unit-col--54{flex:1 1 54%}.vui-grid-unit.vui-grid-unit-col--55{flex:1 1 55%}.vui-grid-unit.vui-grid-unit-col--56{flex:1 1 56%}.vui-grid-unit.vui-grid-unit-col--57{flex:1 1 57%}.vui-grid-unit.vui-grid-unit-col--58{flex:1 1 58%}.vui-grid-unit.vui-grid-unit-col--59{flex:1 1 59%}.vui-grid-unit.vui-grid-unit-col--60{flex:1 1 60%}.vui-grid-unit.vui-grid-unit-col--61{flex:1 1 61%}.vui-grid-unit.vui-grid-unit-col--62{flex:1 1 62%}.vui-grid-unit.vui-grid-unit-col--63{flex:1 1 63%}.vui-grid-unit.vui-grid-unit-col--64{flex:1 1 64%}.vui-grid-unit.vui-grid-unit-col--65{flex:1 1 65%}.vui-grid-unit.vui-grid-unit-col--66{flex:1 1 66%}.vui-grid-unit.vui-grid-unit-col--67{flex:1 1 67%}.vui-grid-unit.vui-grid-unit-col--68{flex:1 1 68%}.vui-grid-unit.vui-grid-unit-col--69{flex:1 1 69%}.vui-grid-unit.vui-grid-unit-col--70{flex:1 1 70%}.vui-grid-unit.vui-grid-unit-col--71{flex:1 1 71%}.vui-grid-unit.vui-grid-unit-col--72{flex:1 1 72%}.vui-grid-unit.vui-grid-unit-col--73{flex:1 1 73%}.vui-grid-unit.vui-grid-unit-col--74{flex:1 1 74%}.vui-grid-unit.vui-grid-unit-col--75{flex:1 1 75%}.vui-grid-unit.vui-grid-unit-col--76{flex:1 1 76%}.vui-grid-unit.vui-grid-unit-col--77{flex:1 1 77%}.vui-grid-unit.vui-grid-unit-col--78{flex:1 1 78%}.vui-grid-unit.vui-grid-unit-col--79{flex:1 1 79%}.vui-grid-unit.vui-grid-unit-col--80{flex:1 1 80%}.vui-grid-unit.vui-grid-unit-col--81{flex:1 1 81%}.vui-grid-unit.vui-grid-unit-col--82{flex:1 1 82%}.vui-grid-unit.vui-grid-unit-col--83{flex:1 1 83%}.vui-grid-unit.vui-grid-unit-col--84{flex:1 1 84%}.vui-grid-unit.vui-grid-unit-col--85{flex:1 1 85%}.vui-grid-unit.vui-grid-unit-col--86{flex:1 1 86%}.vui-grid-unit.vui-grid-unit-col--87{flex:1 1 87%}.vui-grid-unit.vui-grid-unit-col--88{flex:1 1 88%}.vui-grid-unit.vui-grid-unit-col--89{flex:1 1 89%}.vui-grid-unit.vui-grid-unit-col--90{flex:1 1 90%}.vui-grid-unit.vui-grid-unit-col--91{flex:1 1 91%}.vui-grid-unit.vui-grid-unit-col--92{flex:1 1 92%}.vui-grid-unit.vui-grid-unit-col--93{flex:1 1 93%}.vui-grid-unit.vui-grid-unit-col--94{flex:1 1 94%}.vui-grid-unit.vui-grid-unit-col--95{flex:1 1 95%}.vui-grid-unit.vui-grid-unit-col--96{flex:1 1 96%}.vui-grid-unit.vui-grid-unit-col--97{flex:1 1 97%}.vui-grid-unit.vui-grid-unit-col--98{flex:1 1 98%}.vui-grid-unit.vui-grid-unit-col--99{flex:1 1 99%}.vui-grid-unit.vui-grid-unit-col--100{flex:1 1 100%}.vui-alert{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);border-radius:.25rem;position:relative;width:100%;padding:.75rem}.vui-alert.vui-alert--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-alert.vui-alert--default .vui-alert-icon:before{color:#000}.vui-alert.vui-alert--default.vui-alert--loading .vui-alert-loader{background-color:#000}.vui-alert.vui-alert--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-alert.vui-alert--error .vui-alert-icon:before{color:#960e13}.vui-alert.vui-alert--error.vui-alert--loading .vui-alert-loader{background-color:#960e13}.vui-alert.vui-alert--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-alert.vui-alert--success .vui-alert-icon:before{color:#145b32}.vui-alert.vui-alert--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-alert.vui-alert--warning .vui-alert-icon:before{color:#976008}.vui-alert .vui-alert-icon{font-size:1rem;margin-right:.75rem}.vui-alert .vui-alert-icon:before{color:#869198}.vui-card{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);display:flex;flex-flow:column;background-color:#fff;border-radius:.25rem}.vui-card.vui-card--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-card.vui-card--default .vui-card-icon:before{color:#000}.vui-card.vui-card--default.vui-card--loading .vui-card-loader{background-color:#000}.vui-card.vui-card--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-card.vui-card--error .vui-card-icon:before{color:#960e13}.vui-card.vui-card--error.vui-card--loading .vui-card-loader{background-color:#960e13}.vui-card.vui-card--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-card.vui-card--success .vui-card-icon:before{color:#145b32}.vui-card.vui-card--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-card.vui-card--warning .vui-card-icon:before{color:#976008}.vui-card:not(.vui-card--flat){box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006}.vui-card .vui-card-header{padding:.75rem 1rem;font-size:1.15rem;line-height:1.2rem;font-weight:500;text-transform:none;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:inherit}.vui-card .vui-card-body{flex:1 1 auto;padding:2rem 1rem}.vui-card .vui-card-footer{padding:.5rem 1rem;text-align:right;border-top-style:solid;border-top-width:1px;border-top-color:inherit}.vui-list{display:flex;flex-flow:column;padding:0;border-radius:.25rem}.vui-list:not(.vui-list--flat){box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006}.vui-list.vui-list--flat{border-top:1px solid #d9dcde;border-left:1px solid #d9dcde;border-right:1px solid #d9dcde}.vui-list .vui-list-title{padding:1rem;font-weight:700}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label{background-color:#e6e9ea;background-repeat:no-repeat;background-size:0 0;background-position:50% 50%;transition:background-size .125s,color .125s;position:relative;padding:.75rem;background-color:#fff;border-radius:0;border-top:1px solid #d9dcde;border-bottom:1px solid #d9dcde;cursor:pointer}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label .vui-list-items-item-group-label-loader{position:absolute;bottom:-2px;left:0;width:30%;height:2px;background-color:transparent}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--toggled{background-color:#d9dcde}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--animating{background-size:100% 100%;background-image:linear-gradient(#e6e9ea,#e6e9ea)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--loading .vui-list-items-item-group-label-loader{animation:linear infinite;animation-name:loading;animation-duration:.8s;background-color:#545e64}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--error:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--error.vui-list-items-item-group-label--toggled{background-color:#f7acae}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--error.vui-list-items-item-group-label--animating{background-image:linear-gradient(#f37d81,#f37d81)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--success:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--success.vui-list-items-item-group-label--toggled{background-color:#89e5b0}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--success.vui-list-items-item-group-label--animating{background-image:linear-gradient(#60db94,#60db94)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--warning:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--warning.vui-list-items-item-group-label--toggled{background-color:#fad9a4}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--warning.vui-list-items-item-group-label--animating{background-image:linear-gradient(#f8c573,#f8c573)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label:after{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Solid";font-style:normal;font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;content:"";position:absolute;top:.75rem;right:1rem}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label:hover,.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--toggled{border-top:1px solid rgb(189,195,199);border-bottom:1px solid rgb(189,195,199)}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-group-label.vui-list-items-item-group-label--open:after{content:""}.vui-list .vui-list-items .vui-list-items-group-item .vui-list-items-item-label{padding-left:1.5rem}.vui-list .vui-list-items .vui-list-items-item-label{display:flex;padding:.75rem;border-bottom:1px solid #d9dcde}.vui-list .vui-list-items .vui-list-items-item-label:hover{background-color:#d9dcde;border-bottom:1px solid rgb(189,195,199)}.vui-list .vui-list-items .vui-list-items-item-label.vui-list-items-item-label--selectable{cursor:pointer}.vui-list .vui-list-items .vui-list-items-item-label.vui-list-items-item-label--selected{color:#145b32;background-color:#60db94}.vui-list .vui-list-items .vui-list-items-item-label .vui-list-items-item-label-icon{padding-right:.5rem}.vui-dropdown{position:relative;display:inline-flex;min-width:200px;border-radius:.25rem}.vui-dropdown .vui-dropdown-placeholder{background-color:#e6e9ea;background-repeat:no-repeat;background-size:0 0;background-position:50% 50%;transition:background-size .125s,color .125s;box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006;background-color:#fff;width:100%;cursor:pointer}.vui-dropdown .vui-dropdown-placeholder .vui-dropdown-placeholder-loader{position:absolute;bottom:-2px;left:0;width:30%;height:2px;background-color:transparent}.vui-dropdown .vui-dropdown-placeholder:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--toggled{background-color:#d9dcde}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--animating{background-size:100% 100%;background-image:linear-gradient(#e6e9ea,#e6e9ea)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--loading .vui-dropdown-placeholder-loader{animation:linear infinite;animation-name:loading;animation-duration:.8s;background-color:#545e64}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error.vui-dropdown-placeholder--toggled{background-color:#f7acae}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--error.vui-dropdown-placeholder--animating{background-image:linear-gradient(#f37d81,#f37d81)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success.vui-dropdown-placeholder--toggled{background-color:#89e5b0}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--success.vui-dropdown-placeholder--animating{background-image:linear-gradient(#60db94,#60db94)}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning:hover,.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning.vui-dropdown-placeholder--toggled{background-color:#fad9a4}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--warning.vui-dropdown-placeholder--animating{background-image:linear-gradient(#f8c573,#f8c573)}.vui-dropdown .vui-dropdown-placeholder:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Solid";font-style:normal;font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;position:absolute;top:.5rem;right:1rem;content:"";color:#bdc3c7}.vui-dropdown .vui-dropdown-placeholder:hover:before{color:#869198}.vui-dropdown .vui-dropdown-placeholder.vui-dropdown-placeholder--toggled:before{content:"";top:.7rem;color:#869198}.vui-dropdown .vui-dropdown-placeholder .vui-input.vui-dropdown-placeholder-label{width:100%;padding:.25rem .5rem .25rem 1rem;margin:0;background-color:transparent}.vui-dropdown .vui-dropdown-placeholder .vui-input.vui-dropdown-placeholder-label input[type=text]{cursor:pointer;border:none;background-color:transparent}.vui-dropdown .vui-dropdown-placeholder .vui-input.vui-dropdown-placeholder-label input[type=text]::placeholder{color:#000}.vui-dropdown .vui-list.vui-dropdown-list{position:absolute;top:2.5rem;left:0;right:0;background-color:#fff;z-index:2}.vui-dropdown .vui-list.vui-dropdown-list .vui-list-items .vui-list-items-item{cursor:pointer}.vui-loader{box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);border-radius:.25rem;position:relative;display:inline-flex;padding:.75rem;justify-content:start}.vui-loader.vui-loader--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-loader.vui-loader--default .vui-loader-icon:before{color:#000}.vui-loader.vui-loader--default.vui-loader--loading .vui-loader-loader{background-color:#000}.vui-loader.vui-loader--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-loader.vui-loader--error .vui-loader-icon:before{color:#960e13}.vui-loader.vui-loader--error.vui-loader--loading .vui-loader-loader{background-color:#960e13}.vui-loader.vui-loader--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-loader.vui-loader--success .vui-loader-icon:before{color:#145b32}.vui-loader.vui-loader--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-loader.vui-loader--warning .vui-loader-icon:before{color:#976008}.vui-loader.vui-loader--flat{box-shadow:none}.vui-loader .vui-loader-icon{animation:rotating 2s linear infinite}.vui-loader .vui-loader-body{padding-left:1rem}.vui-modal{position:fixed;top:0;left:0;right:0;bottom:0;padding:2rem;background-color:#d9dcde;z-index:3}.vui-modal .vui-modal-content{display:flex;flex-flow:column;min-height:calc(100vh - 4rem);background-color:#fff;border-radius:.25rem;box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006}.vui-modal .vui-modal-content .vui-modal-content-header{display:flex;justify-content:space-between;padding:1rem;font-size:1.15rem;line-height:1.2rem;font-weight:500;text-transform:none;background-color:#e6e9ea;border-bottom:1px solid #d9dcde}.vui-modal .vui-modal-content .vui-modal-content-header .fa-regular.fa-circle-xmark{font-size:1.2rem;cursor:pointer}.vui-modal .vui-modal-content .vui-modal-content-body{flex:1 1 auto;padding:2rem 1rem}.vui-modal .vui-modal-content .vui-modal-content-footer{padding:.5rem 1rem;text-align:center;background-color:#e6e9ea;border-top:1px solid #d9dcde}.vui-nav{display:inline-flex}.vui-nav.vui-nav--flat .vui-list.vui-nav-list{box-shadow:none}.vui-nav.vui-nav--flat .vui-list.vui-nav-list .vui-list-items .vui-list-items-item:first-of-type{padding-left:0}.vui-nav.vui-nav--flat .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label:hover{background-color:transparent}.vui-nav .vui-list.vui-nav-list .vui-list-items{display:flex}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item{cursor:pointer}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item:first-of-type{padding-left:1rem}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label{border:none;padding-left:0}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label i.fa-solid{color:#bdc3c7}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label .vui-list-items-item-label-text{padding-left:.75rem}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label.vui-list-items-item-label--selected{color:#27ae60;background-color:inherit}.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label.vui-list-items-item-label--selected i.fa-solid,.vui-nav .vui-list.vui-nav-list .vui-list-items .vui-list-items-item .vui-list-items-item-label.vui-list-items-item-label--selected .vui-list-items-item-label-text{color:inherit}.vui-page{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);display:flex;flex-flow:column;border-radius:.25rem}.vui-page.vui-page--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-page.vui-page--default .vui-page-icon:before{color:#000}.vui-page.vui-page--default.vui-page--loading .vui-page-loader{background-color:#000}.vui-page.vui-page--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-page.vui-page--error .vui-page-icon:before{color:#960e13}.vui-page.vui-page--error.vui-page--loading .vui-page-loader{background-color:#960e13}.vui-page.vui-page--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-page.vui-page--success .vui-page-icon:before{color:#145b32}.vui-page.vui-page--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-page.vui-page--warning .vui-page-icon:before{color:#976008}.vui-page:not(.vui-page--flat){box-shadow:0 3px 1px -2px #0006,0 2px 2px #0003,0 1px 5px #0006}.vui-page .vui-page-header{padding:1rem;font-size:1.15rem;line-height:1.2rem;font-weight:500;text-transform:none;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:inherit}.vui-page .vui-page-body{flex:1 1 auto;padding:2rem 1rem}.vui-page .vui-page-footer{padding:.5rem;border-top-style:solid;border-top-width:1px;border-top-color:inherit}.vui-pager .vui-pager-content{display:flex;justify-content:space-between}.vui-pager .vui-pager-content .vui-button.vui-button--first,.vui-pager .vui-pager-content .vui-button.vui-button--next{margin-right:.25rem}.vui-pager .vui-pager-content .ellipse{padding:0 .75rem;line-height:2rem;text-align:center;opacity:0}.vui-pager .vui-pager-content .ellipse.visible{opacity:1}.vui-progress .vui-progress-bar{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);width:100%;height:1rem;background-color:#bdc3c7;border:1px solid #869198;border-radius:.25rem}.vui-progress .vui-progress-bar.vui-progress-bar--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-progress .vui-progress-bar.vui-progress-bar--default .vui-progress-bar-icon:before{color:#000}.vui-progress .vui-progress-bar.vui-progress-bar--default.vui-progress-bar--loading .vui-progress-bar-loader{background-color:#000}.vui-progress .vui-progress-bar.vui-progress-bar--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-progress .vui-progress-bar.vui-progress-bar--error .vui-progress-bar-icon:before{color:#960e13}.vui-progress .vui-progress-bar.vui-progress-bar--error.vui-progress-bar--loading .vui-progress-bar-loader{background-color:#960e13}.vui-progress .vui-progress-bar.vui-progress-bar--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-progress .vui-progress-bar.vui-progress-bar--success .vui-progress-bar-icon:before{color:#145b32}.vui-progress .vui-progress-bar.vui-progress-bar--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-progress .vui-progress-bar.vui-progress-bar--warning .vui-progress-bar-icon:before{color:#976008}.vui-progress .vui-progress-bar .vui-progress-bar-cursor{height:.9rem;background-color:#27ae60}.vui-tabs .vui-tabs-tabs{display:flex;padding:.5rem 0}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab{position:relative;padding:.5rem;border:1px solid #d9dcde;cursor:pointer}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab:not(:first-of-type){margin-left:1rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--with-icon .label{padding-left:2rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active{border-color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .vui-tabs-tabs-tab-icon:before{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab.vui-tabs-tabs-tab--active .label{color:#27ae60}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem}.vui-tabs .vui-tabs-tabs .vui-tabs-tabs-tab .vui-tabs-tabs-tab-icon:before{color:#869198}.vui-tabs .vui-tabs-slots{padding:1rem;border:1px solid #d9dcde}.vui-tag{display:inline-flex;color:#545e64;background-color:#d9dcde;border:1px solid rgb(189,195,199);border-radius:.25rem;position:relative;padding:.5rem}.vui-tag.vui-tag--default{color:#000;background-color:#fff;border:1px solid rgb(189,195,199)}.vui-tag.vui-tag--default .vui-tag-icon:before{color:#000}.vui-tag.vui-tag--default.vui-tag--loading .vui-tag-loader{background-color:#000}.vui-tag.vui-tag--error{color:#960e13;background-color:#f37d81;border:1px solid rgb(234,32,39)}.vui-tag.vui-tag--error .vui-tag-icon:before{color:#960e13}.vui-tag.vui-tag--error.vui-tag--loading .vui-tag-loader{background-color:#960e13}.vui-tag.vui-tag--success{color:#145b32;background-color:#60db94;border:1px solid rgb(39,174,96)}.vui-tag.vui-tag--success .vui-tag-icon:before{color:#145b32}.vui-tag.vui-tag--warning{color:#976008;background-color:#f8c573;border:1px solid rgb(243,156,18)}.vui-tag.vui-tag--warning .vui-tag-icon:before{color:#976008}.vui-tag.vui-tag--with-icon{padding-left:2.5rem}.vui-tag .vui-tag-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem;color:#869198}.vui-tag .vui-tag-icon:before{color:#869198}.vui-toggle{position:relative;display:inline-flex;height:1.45rem}.vui-toggle .vui-toggle-slider{position:absolute;bottom:0;width:4.5rem;padding:.25rem .5rem;background-color:#bdc3c7;border-radius:2.1rem;transition:.4s;cursor:pointer}.vui-toggle .vui-toggle-slider .vui-toggle-slider-button{width:1.65rem;height:1.65rem;background-color:#fff;border-radius:50%;transition:.4s}.vui-toggle .vui-toggle-label{padding-left:5rem}.vui-toggle.vui-toggle--checked .vui-toggle-slider{background-color:#27ae60}.vui-toggle.vui-toggle--checked .vui-toggle-slider .vui-toggle-slider-button{-webkit-transform:translateX(1.65rem);-ms-transform:translateX(1.65rem);transform:translate(1.65rem)}.vui-toggle.vui-toggle--disabled .vui-toggle-slider{background-color:#d9dcde;cursor:not-allowed}.vui-toggle.vui-toggle--disabled .vui-toggle-slider .vui-toggle-slider-button{background-color:#e6e9ea}.vui-toggle.vui-toggle--disabled.vui-toggle--checked .vui-toggle-slider{background-color:#89e5b0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading{0%{left:0;opacity:1}50%{left:70%;opacity:0}to{left:0;opacity:1}}.vui-tooltip{max-width:300px;display:none;padding:.5rem;font-size:.9rem;color:#e6e9ea;background-color:#0097e6;border-radius:.25rem;box-shadow:0 3px 1px -2px #00659a66,0 2px 2px #00659a33,0 1px 5px #00659a66}.vui-tooltip.vui-tooltip--with-icon{padding-left:2.5rem}.vui-tooltip .vui-tooltip-icon{position:absolute;top:.5rem;left:.75rem;font-size:1.1rem;margin-right:.75rem;color:#869198}.vui-tooltip .vui-tooltip-icon:before{color:#e6e9ea}.vui-tooltip .vui-tooltip-pointer:before{display:inline-flex;vertical-align:middle;font-family:"Font Awesome 5 Solid";font-style:normal;font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;position:absolute;font-size:1.1rem;color:#0097e6}.vui-tooltip .vui-tooltip-pointer.vui-tooltip-pointer--bottom:before{top:-.65rem;left:calc(50% - 1rem);content:""}.vui-tooltip .vui-tooltip-pointer.vui-tooltip-pointer--left:before{top:40%;left:100%;content:""}.vui-tooltip .vui-tooltip-pointer.vui-tooltip-pointer--top:before{top:95%;left:calc(50% - 1rem);content:""}.vui-tooltip .vui-tooltip-pointer.vui-tooltip-pointer--right:before{top:40%;left:-.5rem;content:""}
|