jqwidgets-ng 17.1.0 → 18.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/ReleaseNotes.txt +125 -5
  2. package/esm2020/jqxgantt/angular_jqxgantt.mjs +4 -0
  3. package/fesm2015/jqwidgets-ng-jqxgantt.mjs +11 -0
  4. package/fesm2020/jqwidgets-ng-jqxgantt.mjs +11 -0
  5. package/jqwidgets/globalization/globalize.culture.cs-CZ.js +87 -87
  6. package/jqwidgets/globalization/globalize.culture.de-DE.js +83 -83
  7. package/jqwidgets/globalization/globalize.culture.en-CA.js +51 -51
  8. package/jqwidgets/globalization/globalize.culture.en-US.js +35 -35
  9. package/jqwidgets/globalization/globalize.culture.fr-FR.js +81 -81
  10. package/jqwidgets/globalization/globalize.culture.he-IL.js +99 -99
  11. package/jqwidgets/globalization/globalize.culture.hr-HR.js +83 -83
  12. package/jqwidgets/globalization/globalize.culture.hu-HU.js +82 -82
  13. package/jqwidgets/globalization/globalize.culture.it-IT.js +81 -81
  14. package/jqwidgets/globalization/globalize.culture.ja-JP.js +102 -102
  15. package/jqwidgets/globalization/globalize.culture.lt.js +85 -85
  16. package/jqwidgets/globalization/globalize.culture.ru-RU.js +84 -84
  17. package/jqwidgets/globalization/globalize.culture.sa-IN.js +73 -73
  18. package/jqwidgets/globalization/globalize.js +1591 -1591
  19. package/jqwidgets/jqxgantt.api.js +381 -381
  20. package/jqwidgets/jqxsplitlayout.js +6 -2445
  21. package/jqwidgets/styles/font/jqx-icons.svg +268 -268
  22. package/jqwidgets/styles/gantt/font/jqx-icons.svg +332 -332
  23. package/jqwidgets/styles/gantt/jqx.gantt.css +18667 -18667
  24. package/jqwidgets/styles/jqx.base.css +34 -34
  25. package/jqwidgets/styles/jqx.fluent.css +3563 -3563
  26. package/jqwidgets/styles/jqx.fluent_old.css +1262 -1262
  27. package/jqwidgets/styles/theme.css +293 -293
  28. package/jqxgantt/angular_jqxgantt.d.ts +1 -0
  29. package/package.json +3 -3
package/jqwidgets/styles/jqx.fluent_old.css CHANGED
@@ -1,1263 +1,1263 @@
1
- @import url("https://fonts.cdnfonts.com/css/segoe-ui-4");
2
- :root {
3
- --fluent-black: #000;
4
- --fluent-white: #fff;
5
- --fluent-surface: #fff;
6
- --fluent-surface-color: #000;
7
- --fluent-background: #fff;
8
- --fluent-background-color: #000;
9
- --fluent-type-primary: #201F1E;
10
- --fluent-type-secondary: #323130;
11
- --fluent-type-disabled: #323130;
12
- --fluent-body-divider: #EDEBE9;
13
- --fluent-input-background: #fff;
14
- --fluent-input-disabled-background: #EDEBE9;
15
- --fluent-input-border: #8A8886;
16
- --fluent-input-border-hover: #323130;
17
- --fluent-alert-color: #201F1E;
18
- --fluent-theme-primary: #0078D4;
19
- --fluent-theme-lighter-alt: #EFF6FC;
20
- --fluent-theme-lighter: #DEECF9;
21
- --fluent-theme-light: #C7E0F4;
22
- --fluent-theme-tertiary: #2B88D8;
23
- --fluent-theme-dark-alt: #106EBE;
24
- --fluent-theme-dark: #005A9E;
25
- --fluent-theme-darker: #004578;
26
- --fluent-btn-primary-color: #fff;
27
- --fluent-btn-primary-bg: #0078D4;
28
- --fluent-btn-primary-bg-hover: #106EBE;
29
- --fluent-btn-primary-bg-active: #005A9E;
30
- --fluent-btn-secondary-color: #201F1E;
31
- --fluent-btn-secondary-bg: #fff;
32
- --fluent-btn-secondary-bg-hover: #F3F2F1;
33
- --fluent-btn-secondary-bg-active: #EDEBE9;
34
- --fluent-btn-text-color: #201F1E;
35
- --fluent-btn-text-bg: #fff;
36
- --fluent-btn-text-color-hover: #201F1E;
37
- --fluent-btn-text-bg-hover: #F3F2F1;
38
- --fluent-btn-text-color-active: #201F1E;
39
- --fluent-btn-text-bg-active: #EDEBE9;
40
- --fluent-window-bg: #fff;
41
- --fluent-tabs-item-bg-hover: #F3F2F1;
42
- --fluent-list-items-group-bg: #EDEBE9;
43
- --fluent-tooltip-bg: #fff;
44
- --fluent-tooltip-color: #201F1E;
45
- --fluent-tag-bg: #F3F2F1;
46
- --fluent-tag-color: #201F1E;
47
- --fluent-breadcrumb-color: #605E5C;
48
- --fluent-breadcrumb-bg: transparent;
49
- --fluent-breadcrumb-color-hover: #201F1E;
50
- --fluent-breadcrumb-bg-hover: #F3F2F1;
51
- --fluent-accordion-header-color: #201F1E;
52
- --fluent-accordion-header-bg: #EDEBE9;
53
- --fluent-pager-color: #0078D4;
54
- --fluent-pager-bg: #fff;
55
- --fluent-pager-border: #C8C6C4;
56
- --fluent-sortable-border: #EDEBE9;
57
- --fluent-error-bg: #FDE7E9;
58
- --fluent-error-color: #A80000;
59
- --fluent-success-bg: #DFF6DD;
60
- --fluent-success-color: #107C10;
61
- --fluent-severe-warning-bg: #FED9CC;
62
- --fluent-severe-warning-color: #D83B01;
63
- --fluent-warning-bg: #FFF4CE;
64
- --fluent-warning-color: #797775;
65
- --fluent-greys-white: #fff;
66
- --fluent-greys-grey10: #FAF9F8;
67
- --fluent-greys-grey20: #F3F2F1;
68
- --fluent-greys-grey30: #EDEBE9;
69
- --fluent-greys-grey40: #E1DFDD;
70
- --fluent-greys-grey50: #D2D0CE;
71
- --fluent-greys-grey60: #C8C6C4;
72
- --fluent-greys-grey90: #A19F9D;
73
- --fluent-greys-grey110: #8A8886;
74
- --fluent-greys-grey130: #605E5C;
75
- --fluent-greys-grey150: #3B3A39;
76
- --fluent-greys-grey160: #323130;
77
- --fluent-greys-grey190: #201F1E;
78
- --fluent-overlay-light: rgba(red("#fff"), green("#fff"), blue("#fff"), 0.4);
79
- --fluent-overlay-dark: rgba(red("#000"), green("#000"), blue("#000"), 0.4);
80
- --fluent-box-shadow-4: 0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
81
- --fluent-box-shadow-8: 0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);
82
- --fluent-box-shadow-16: 0px 1.2px 3.6px rgba(0, 0, 0, 0.1), 0px 6.4px 14.4px rgba(0, 0, 0, 0.13);
83
- --fluent-box-shadow-64: 0px 4.8px 14.4px rgba(0, 0, 0, 0.18), 0px 25.6px 57.6px rgba(0, 0, 0, 0.22);
84
- --jqx-primary: var(--fluent-theme-primary);
85
- }
86
-
87
- body[theme=dark] {
88
- --fluent-surface: #282727;
89
- --fluent-surface-color: #fff;
90
- --fluent-background: #282727;
91
- --fluent-background-color: #fff;
92
- --fluent-input-background: #282727;
93
- --fluent-input-disabled-background: #605E5C;
94
- --fluent-greys-grey190: #fff;
95
- --fluent-type-primary: #EDEBE9;
96
- --fluent-input-border: #6c6c6c;
97
- --fluent-input-border-hover: #EDEBE9;
98
- --fluent-btn-secondary-color: #EDEBE9;
99
- --fluent-btn-secondary-bg: #8A8886;
100
- --fluent-btn-secondary-bg-hover: #605E5C;
101
- --fluent-btn-secondary-bg-active: #3B3A39;
102
- --fluent-btn-text-color: #201F1E;
103
- --fluent-btn-text-bg: #fff;
104
- --fluent-btn-text-color-hover: #fff;
105
- --fluent-btn-text-bg-hover: #605E5C;
106
- --fluent-btn-text-color-active: #fff;
107
- --fluent-btn-text-bg-active: #3B3A39;
108
- --fluent-window-bg: #282727;
109
- --fluent-tabs-item-bg-hover: #605E5C;
110
- --fluent-list-items-group-bg: #605E5C;
111
- --fluent-tooltip-bg: #201F1E;
112
- --fluent-tooltip-color: #fff;
113
- --fluent-tag-bg: #605E5C;
114
- --fluent-tag-color: #F3F2F1;
115
- --fluent-breadcrumb-color: #C8C6C4;
116
- --fluent-breadcrumb-bg: transparent;
117
- --fluent-breadcrumb-color-hover: #C8C6C4;
118
- --fluent-breadcrumb-bg-hover: #3B3A39;
119
- --fluent-accordion-header-color: #EDEBE9;
120
- --fluent-accordion-header-bg: #201F1E;
121
- --fluent-pager-color: #C8C6C4;
122
- --fluent-pager-bg: #201F1E;
123
- --fluent-pager-border: #3B3A39;
124
- --fluent-sortable-border: #3B3A39;
125
- }
126
-
127
- html {
128
- font-size: 14px;
129
- }
130
-
131
- body {
132
- font-family: "Segoe UI", sans-serif;
133
- color: var(--fluent-greys-grey190);
134
- }
135
- body * {
136
- box-sizing: border-box;
137
- }
138
-
139
- .jqx-splitter {
140
- overflow: auto !important;
141
- max-width: 100% !important;
142
- }
143
-
144
- .jqx-scrollbar-thumb-state-normal-horizontal.jqx-fill-state-normal,
145
- .jqx-scrollbar-thumb-state-normal.jqx-fill-state-normal {
146
- border-color: var(--fluent-greys-grey50);
147
- background: var(--fluent-greys-grey50);
148
- }
149
-
150
- .jqx-button.jqx-button-fluent {
151
- cursor: pointer;
152
- --jqx-border: var(--fluent-input-border);
153
- --jqx-background: var(--fluent-btn-secondary-bg);
154
- --jqx-background-color: var(--fluent-btn-secondary-color);
155
- background: var(--jqx-background);
156
- color: var(--jqx-background-color);
157
- border: 1px solid var(--jqx-border);
158
- border-radius: 2px;
159
- }
160
- .jqx-button.jqx-button-fluent:hover {
161
- --jqx-background: var(--fluent-btn-secondary-bg-hover);
162
- }
163
- .jqx-button.jqx-button-fluent:active {
164
- --jqx-background: var(--fluent-btn-secondary-bg-active);
165
- }
166
- .jqx-button.jqx-button-fluent:not(.jqx-navbar-block).jqx-fill-state-pressed, .jqx-button.jqx-button-fluent:not(.jqx-navbar-block).jqx-fill-state-focus, .jqx-button.jqx-button-fluent:not(.jqx-navbar-block):focus {
167
- outline-offset: 1px;
168
- outline: 2px solid var(--jqx-border);
169
- }
170
- .jqx-button.jqx-button-fluent.jqx-navbar-block.jqx-fill-state-pressed, .jqx-button.jqx-button-fluent.jqx-navbar-block.jqx-fill-state-focus, .jqx-button.jqx-button-fluent.jqx-navbar-block:focus {
171
- background: var(--fluent-btn-secondary-bg-active);
172
- }
173
- .jqx-button.jqx-button-fluent[disabled] {
174
- opacity: 1;
175
- --jqx-border: var(--fluent-greys-grey20);
176
- --jqx-background: var(--fluent-greys-grey20);
177
- --jqx-background-color: var(--fluent-greys-grey90);
178
- }
179
- .jqx-button.jqx-button-fluent.jqx-primary, .jqx-button.jqx-button-fluent.primary {
180
- --jqx-border: var(--fluent-btn-primary-bg);
181
- --jqx-background: var(--fluent-btn-primary-bg);
182
- --jqx-background-color: var(--fluent-btn-primary-color);
183
- }
184
- .jqx-button.jqx-button-fluent.jqx-primary:hover, .jqx-button.jqx-button-fluent.primary:hover {
185
- --jqx-border: var(--fluent-btn-primary-bg-hover);
186
- --jqx-background: var(--fluent-btn-primary-bg-hover);
187
- }
188
- .jqx-button.jqx-button-fluent.jqx-primary:active, .jqx-button.jqx-button-fluent.primary:active {
189
- --jqx-background: var(--fluent-btn-primary-bg-active);
190
- }
191
- .jqx-button.jqx-button-fluent.jqx-primary[disabled], .jqx-button.jqx-button-fluent.primary[disabled] {
192
- opacity: 1;
193
- --jqx-border: var(--fluent-greys-grey20);
194
- --jqx-background: var(--fluent-greys-grey20);
195
- --jqx-background-color: var(--fluent-greys-grey90);
196
- }
197
-
198
- .jqx-dropdownlist,
199
- .jqx-combobox,
200
- .jqx-dropdownbutton,
201
- .jqx-text-area,
202
- .jqx-input {
203
- --jqx-border: var(--fluent-input-border);
204
- --jqx-background: var(--fluent-input-background);
205
- min-height: 22px !important;
206
- background: var(--jqx-background);
207
- color: var(--jqx-background-color);
208
- border: 1px solid var(--jqx-border);
209
- border-radius: 2px;
210
- padding-left: 3px !important;
211
- padding-right: 3px !important;
212
- }
213
- .jqx-dropdownlist.jqx-fill-state-pressed, .jqx-dropdownlist.jqx-fill-state-focus, .jqx-dropdownlist:focus,
214
- .jqx-combobox.jqx-fill-state-pressed,
215
- .jqx-combobox.jqx-fill-state-focus,
216
- .jqx-combobox:focus,
217
- .jqx-dropdownbutton.jqx-fill-state-pressed,
218
- .jqx-dropdownbutton.jqx-fill-state-focus,
219
- .jqx-dropdownbutton:focus,
220
- .jqx-text-area.jqx-fill-state-pressed,
221
- .jqx-text-area.jqx-fill-state-focus,
222
- .jqx-text-area:focus,
223
- .jqx-input.jqx-fill-state-pressed,
224
- .jqx-input.jqx-fill-state-focus,
225
- .jqx-input:focus {
226
- --jqx-border: var(--fluent-theme-primary) !important;
227
- outline: 1px solid var(--jqx-border) !important;
228
- }
229
- .jqx-dropdownlist:hover, .jqx-dropdownlist[hover],
230
- .jqx-combobox:hover,
231
- .jqx-combobox[hover],
232
- .jqx-dropdownbutton:hover,
233
- .jqx-dropdownbutton[hover],
234
- .jqx-text-area:hover,
235
- .jqx-text-area[hover],
236
- .jqx-input:hover,
237
- .jqx-input[hover] {
238
- --jqx-border: var(--fluent-input-border-hover);
239
- }
240
- .jqx-dropdownlist.jqx-input-disabled, .jqx-dropdownlist[disabled],
241
- .jqx-combobox.jqx-input-disabled,
242
- .jqx-combobox[disabled],
243
- .jqx-dropdownbutton.jqx-input-disabled,
244
- .jqx-dropdownbutton[disabled],
245
- .jqx-text-area.jqx-input-disabled,
246
- .jqx-text-area[disabled],
247
- .jqx-input.jqx-input-disabled,
248
- .jqx-input[disabled] {
249
- --jqx-background: var(--fluent-input-disabled-background);
250
- --jqx-background-color: var(--fluent-greys-grey90);
251
- --jqx-border: var(--fluent-input-disabled-background);
252
- opacity: 1;
253
- }
254
- .jqx-dropdownlist.jqx-input-disabled input, .jqx-dropdownlist[disabled] input,
255
- .jqx-combobox.jqx-input-disabled input,
256
- .jqx-combobox[disabled] input,
257
- .jqx-dropdownbutton.jqx-input-disabled input,
258
- .jqx-dropdownbutton[disabled] input,
259
- .jqx-text-area.jqx-input-disabled input,
260
- .jqx-text-area[disabled] input,
261
- .jqx-input.jqx-input-disabled input,
262
- .jqx-input[disabled] input {
263
- color: var(--jqx-background-color);
264
- }
265
- .jqx-dropdownlist input,
266
- .jqx-combobox input,
267
- .jqx-dropdownbutton input,
268
- .jqx-text-area input,
269
- .jqx-input input {
270
- background: transparent;
271
- }
272
- .jqx-dropdownlist .jqx-combobox-content,
273
- .jqx-dropdownlist .jqx-combobox-arrow-normal,
274
- .jqx-dropdownlist .jqx-action-button,
275
- .jqx-combobox .jqx-combobox-content,
276
- .jqx-combobox .jqx-combobox-arrow-normal,
277
- .jqx-combobox .jqx-action-button,
278
- .jqx-dropdownbutton .jqx-combobox-content,
279
- .jqx-dropdownbutton .jqx-combobox-arrow-normal,
280
- .jqx-dropdownbutton .jqx-action-button,
281
- .jqx-text-area .jqx-combobox-content,
282
- .jqx-text-area .jqx-combobox-arrow-normal,
283
- .jqx-text-area .jqx-action-button,
284
- .jqx-input .jqx-combobox-content,
285
- .jqx-input .jqx-combobox-arrow-normal,
286
- .jqx-input .jqx-action-button {
287
- background-color: transparent;
288
- border: 0 !important;
289
- }
290
- .jqx-dropdownlist .jqx-icon-arrow-up,
291
- .jqx-combobox .jqx-icon-arrow-up,
292
- .jqx-dropdownbutton .jqx-icon-arrow-up,
293
- .jqx-text-area .jqx-icon-arrow-up,
294
- .jqx-input .jqx-icon-arrow-up {
295
- transform: rotate(180deg);
296
- background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6.70898L0.146484 0.855469L0.855469 0.146484L6 5.29102L11.1445 0.146484L11.8535 0.855469L6 6.70898Z' fill='%23605E5C'/%3E%3C/svg%3E") !important;
297
- background-repeat: no-repeat;
298
- background-position: center center;
299
- }
300
- .jqx-dropdownlist .jqx-icon-arrow-down,
301
- .jqx-dropdownlist .jqx-combobox-arrow-normal,
302
- .jqx-dropdownlist .jqx-combobox-arrow-hover,
303
- .jqx-combobox .jqx-icon-arrow-down,
304
- .jqx-combobox .jqx-combobox-arrow-normal,
305
- .jqx-combobox .jqx-combobox-arrow-hover,
306
- .jqx-dropdownbutton .jqx-icon-arrow-down,
307
- .jqx-dropdownbutton .jqx-combobox-arrow-normal,
308
- .jqx-dropdownbutton .jqx-combobox-arrow-hover,
309
- .jqx-text-area .jqx-icon-arrow-down,
310
- .jqx-text-area .jqx-combobox-arrow-normal,
311
- .jqx-text-area .jqx-combobox-arrow-hover,
312
- .jqx-input .jqx-icon-arrow-down,
313
- .jqx-input .jqx-combobox-arrow-normal,
314
- .jqx-input .jqx-combobox-arrow-hover {
315
- background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6.70898L0.146484 0.855469L0.855469 0.146484L6 5.29102L11.1445 0.146484L11.8535 0.855469L6 6.70898Z' fill='%23605E5C'/%3E%3C/svg%3E") !important;
316
- background-repeat: no-repeat;
317
- background-position: center center;
318
- }
319
-
320
- input.jqx-input {
321
- padding-left: 10px !important;
322
- padding-right: 10px !important;
323
- }
324
-
325
- .jqx-text-area {
326
- padding: 7px 10px !important;
327
- }
328
-
329
- .jqx-input {
330
- padding-top: 4px !important;
331
- padding-bottom: 4px !important;
332
- }
333
-
334
- .jqx-listbox-container {
335
- overflow: unset !important;
336
- }
337
-
338
- .jqx-listbox {
339
- border-radius: 2px;
340
- margin-top: 4px !important;
341
- border-color: transparent !important;
342
- box-shadow: var(--fluent-box-shadow-8) !important;
343
- }
344
- .jqx-listbox .jqx-item {
345
- --jqx-background: var(--fluent-btn-secondary-bg);
346
- --jqx-border: var(--jqx-background);
347
- --jqx-background-color: var(--fluent-btn-secondary-color);
348
- background: var(--jqx-background);
349
- color: var(--jqx-background-color);
350
- border: 1px solid var(--jqx-border);
351
- border-radius: 1px;
352
- }
353
- .jqx-listbox .jqx-item:hover {
354
- --jqx-background: var(--fluent-btn-secondary-bg-hover);
355
- }
356
- .jqx-listbox .jqx-item.jqx-fill-state-pressed, .jqx-listbox .jqx-item.jqx-fill-state-focus, .jqx-listbox .jqx-item:focus {
357
- --jqx-border: var(--fluent-greys-grey190);
358
- }
359
- .jqx-listbox .jqx-item.jqx-fill-state-disabled {
360
- opacity: 1;
361
- --jqx-border: var(--fluent-greys-grey20);
362
- --jqx-background: var(--fluent-greys-grey20);
363
- --jqx-background-color: var(--fluent-greys-grey90);
364
- }
365
-
366
- .jqx-popup {
367
- overflow: unset !important;
368
- border-radius: 2px;
369
- margin-top: 4px !important;
370
- border-color: transparent !important;
371
- box-shadow: var(--fluent-box-shadow-8) !important;
372
- background: var(--fluent-greys-white);
373
- }
374
- .jqx-popup .jqx-item {
375
- --jqx-background: var(--fluent-btn-secondary-bg);
376
- --jqx-border: var(--jqx-background);
377
- --jqx-background-color: var(--fluent-btn-secondary-color);
378
- background: var(--jqx-background);
379
- color: var(--jqx-background-color);
380
- border: 1px solid var(--jqx-border);
381
- border-radius: 1px;
382
- margin: 0;
383
- }
384
- .jqx-popup .jqx-item:hover {
385
- --jqx-background: var(--fluent-btn-secondary-bg-hover);
386
- }
387
- .jqx-popup .jqx-item.jqx-fill-state-pressed, .jqx-popup .jqx-item.jqx-fill-state-focus, .jqx-popup .jqx-item:focus {
388
- --jqx-border: var(--fluent-greys-grey190);
389
- }
390
- .jqx-popup .jqx-item.jqx-fill-state-disabled {
391
- opacity: 1;
392
- --jqx-border: var(--fluent-greys-grey20);
393
- --jqx-background: var(--fluent-greys-grey20);
394
- --jqx-background-color: var(--fluent-greys-grey90);
395
- }
396
-
397
- .jqx-color-picker {
398
- background: var(--fluent-greys-white);
399
- padding: 8px 8px 35px 8px;
400
- }
401
- .jqx-color-picker .jqx-color-picker-panel > div {
402
- display: flex;
403
- align-items: center;
404
- }
405
-
406
- .jqx-slider {
407
- --jqx-primary: var(--fluent-greys-grey130);
408
- --jqx-ui-state-active: var(--fluent-greys-grey130);
409
- --jqx-disabled: var(--fluent-greys-grey60);
410
- --jqx-slider-track-size: 4px;
411
- --jqx-slider-thumb-width: 16px;
412
- --jqx-slider-thumb-height: 16px;
413
- overflow: unset;
414
- opacity: 1;
415
- }
416
- .jqx-slider .jqx-track-container {
417
- border-radius: 2px;
418
- }
419
- .jqx-slider .jqx-slider-track {
420
- background: var(--jqx-disabled);
421
- overflow: unset;
422
- }
423
- .jqx-slider .jqx-slider-track .jqx-fill-state-normal {
424
- width: 16px;
425
- height: 16px;
426
- background-color: var(--fluent-greys-white) !important;
427
- border-width: 2px;
428
- border-color: var(--jqx-ui-state-active);
429
- }
430
- .jqx-slider .jqx-slider-track .jqx-fill-state-pressed {
431
- background-color: var(--jqx-ui-state-active);
432
- border-width: 2px;
433
- }
434
- .jqx-slider .jqx-slider-track:hover {
435
- background: var(--fluent-theme-light);
436
- }
437
- .jqx-slider .jqx-slider-track:hover .jqx-fill-state-pressed {
438
- background-color: var(--fluent-theme-primary);
439
- }
440
- .jqx-slider .jqx-slider-track:hover .jqx-fill-state-normal,
441
- .jqx-slider .jqx-slider-track:hover .jqx-fill-state-hover {
442
- border-color: var(--fluent-theme-primary);
443
- }
444
- .jqx-slider[disabled] {
445
- opacity: 1;
446
- }
447
- .jqx-slider[disabled] .jqx-track {
448
- --jqx-primary: var(--fluent-greys-grey90);
449
- background-color: var(--fluent-greys-grey20);
450
- --jqx-disabled: var(--fluent-greys-grey20);
451
- }
452
- .jqx-slider[disabled] .jqx-track .jqx-value {
453
- background-color: var(--fluent-greys-grey90);
454
- }
455
-
456
- .jqx-calendar {
457
- box-shadow: var(--fluent-box-shadow-8);
458
- border: 0;
459
- border-radius: 2px;
460
- }
461
- .jqx-calendar .jqx-calendar-title-header {
462
- background: transparent;
463
- }
464
- .jqx-calendar .jqx-calendar-column-header {
465
- border: 0;
466
- }
467
- .jqx-calendar td {
468
- border-radius: 0px;
469
- }
470
- .jqx-calendar td.jqx-fill-state-pressed {
471
- border-color: var(--fluent-greys-grey130) !important;
472
- background: var(--fluent-greys-grey30) !important;
473
- color: var(--fluent-greys-grey190) !important;
474
- }
475
- .jqx-calendar td.jqx-fill-state-hover {
476
- border-color: var(--fluent-greys-grey20);
477
- background: var(--fluent-greys-grey20);
478
- }
479
- .jqx-calendar td.jqx-calendar-cell-today {
480
- border-color: var(--fluent-theme-primary);
481
- background: var(--fluent-theme-primary);
482
- color: var(--fluent-greys-white);
483
- border-radius: 50px;
484
- }
485
-
486
- .jqx-rating-image-default img,
487
- .jqx-rating-image-hover img,
488
- .jqx-rating-image-backward img {
489
- visibility: hidden;
490
- }
491
- .jqx-rating-image-default:after,
492
- .jqx-rating-image-hover:after,
493
- .jqx-rating-image-backward:after {
494
- content: "";
495
- top: 0;
496
- position: absolute;
497
- display: block;
498
- background-position: center center;
499
- background-repeat: no-repeat;
500
- width: 20px;
501
- height: 20px;
502
- }
503
-
504
- .jqx-rating-image-backward:after {
505
- background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8281 12.2461L16.25 20L10 15.1953L3.75 20L6.17188 12.2461L0 7.5H7.65625L10 0L12.3438 7.5H20L13.8281 12.2461ZM13.877 16.6016C13.6296 15.7943 13.3822 14.9935 13.1348 14.1992C12.8874 13.3984 12.6335 12.5944 12.373 11.7871C13.0436 11.2858 13.7044 10.7812 14.3555 10.2734C15.0065 9.76562 15.6641 9.25781 16.3281 8.75H11.4258L10 4.18945L8.57422 8.75H3.67188C4.33594 9.25781 4.99349 9.76562 5.64453 10.2734C6.29557 10.7812 6.95638 11.2858 7.62695 11.7871C7.36654 12.5944 7.11263 13.3984 6.86523 14.1992C6.61784 14.9935 6.37044 15.7943 6.12305 16.6016L10 13.6133L13.877 16.6016Z' fill='%23A19F9D'/%3E%3C/svg%3E");
506
- background-color: #fff;
507
- }
508
-
509
- .jqx-rating-image-hover:after {
510
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='36' viewBox='0 0 24 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8281 20.2461L18.25 28L12 23.1953L5.75 28L8.17188 20.2461L2 15.5H9.65625L12 8L14.3438 15.5H22L15.8281 20.2461Z' fill='%230078D4'/%3E%3C/svg%3E");
511
- }
512
-
513
- .jqx-rating-image-default:after {
514
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='36' viewBox='0 0 24 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8281 20.2461L18.25 28L12 23.1953L5.75 28L8.17188 20.2461L2 15.5H9.65625L12 8L14.3438 15.5H22L15.8281 20.2461Z' fill='%23201F1E'/%3E%3C/svg%3E");
515
- }
516
-
517
- .jqx-tooltip {
518
- --jqx-tooltip-arrow-width: 16px;
519
- --jqx-tooltip-arrow-translate: 0;
520
- border: var(--jqx-border-width) solid var(--fluent-tooltip-bg);
521
- background-color: var(--fluent-tooltip-bg);
522
- color: var(--fluent-tooltip-color);
523
- box-shadow: var(--fluent-box-shadow-16) !important;
524
- border-radius: 2px;
525
- opacity: 1 !important;
526
- }
527
- .jqx-tooltip .jqx-tooltip-main {
528
- border: var(--jqx-border-width) solid var(--fluent-tooltip-bg);
529
- background-color: var(--fluent-tooltip-bg);
530
- color: var(--fluent-tooltip-color);
531
- border-radius: 2px;
532
- }
533
- .jqx-tooltip .jqx-tooltip-main > div {
534
- background: transparent !important;
535
- border: 0 !important;
536
- }
537
- .jqx-tooltip .jqx-tooltip-main:after {
538
- content: "";
539
- width: 0;
540
- height: 0;
541
- border-left: var(--jqx-tooltip-arrow-width) solid transparent;
542
- border-right: var(--jqx-tooltip-arrow-width) solid transparent;
543
- border-top: var(--jqx-tooltip-arrow-width) solid var(--fluent-tooltip-bg);
544
- position: absolute;
545
- bottom: 0;
546
- left: calc(50% - var(--jqx-tooltip-arrow-width));
547
- transform: translateX(var(--jqx-tooltip-arrow-translate));
548
- top: 100%;
549
- }
550
-
551
- .jqx-popover {
552
- border: var(--jqx-border-width) solid var(--fluent-tooltip-bg);
553
- background-color: var(--fluent-tooltip-bg);
554
- color: var(--fluent-tooltip-color);
555
- box-shadow: var(--fluent-box-shadow-16) !important;
556
- border-radius: 2px;
557
- }
558
- .jqx-popover .jqx-popover-title {
559
- border: var(--jqx-border-width) solid var(--fluent-tooltip-bg);
560
- background-color: var(--fluent-tooltip-bg);
561
- color: var(--fluent-tooltip-color);
562
- border-radius: 2px;
563
- }
564
- .jqx-popover .jqx-popover-arrow:after {
565
- border-width: 16px;
566
- }
567
- .jqx-popover.bottom .jqx-popover-arrow:after {
568
- top: 0;
569
- margin-left: -16px;
570
- }
571
- .jqx-popover.top .jqx-popover-arrow:after {
572
- bottom: 0;
573
- margin-left: -16px;
574
- }
575
- .jqx-popover.left .jqx-popover-arrow:after {
576
- right: 0;
577
- bottom: -16px;
578
- }
579
- .jqx-popover.right .jqx-popover-arrow:after {
580
- left: 0;
581
- bottom: -16px;
582
- }
583
-
584
- .jqx-window {
585
- border: var(--jqx-border-width) solid var(--fluent-tooltip-bg);
586
- background-color: var(--fluent-tooltip-bg);
587
- color: var(--fluent-tooltip-color);
588
- box-shadow: var(--fluent-box-shadow-64) !important;
589
- border-radius: 2px;
590
- padding: 18px 24px;
591
- }
592
- .jqx-window .jqx-window-collapse-button-background {
593
- display: none;
594
- }
595
- .jqx-window .jqx-icon-close {
596
- background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.71094 7L13.1016 12.3984L12.3984 13.1016L7 7.71094L1.60156 13.1016L0.898438 12.3984L6.28906 7L0.898438 1.60156L1.60156 0.898438L7 6.28906L12.3984 0.898438L13.1016 1.60156L7.71094 7Z' fill='%23605E5C'/%3E%3C/svg%3E");
597
- }
598
- .jqx-window .jqx-window-header {
599
- border: var(--jqx-border-width) solid var(--fluent-tooltip-bg);
600
- background-color: var(--fluent-tooltip-bg);
601
- color: var(--fluent-tooltip-color);
602
- border-radius: 2px;
603
- font-size: 20px;
604
- }
605
-
606
- .jqx-time-picker {
607
- border: var(--jqx-border-width) solid var(--fluent-tooltip-bg);
608
- background-color: var(--fluent-tooltip-bg);
609
- color: var(--fluent-tooltip-color);
610
- box-shadow: var(--fluent-box-shadow-16) !important;
611
- border-radius: 2px;
612
- }
613
- .jqx-time-picker .jqx-svg-picker:focus {
614
- border-color: var(--fluent-theme-primary);
615
- }
616
- .jqx-time-picker .jqx-widget-header {
617
- fill: var(--fluent-theme-primary);
618
- }
619
- .jqx-time-picker .jqx-header {
620
- background: var(--fluent-theme-primary);
621
- color: var(--fluent-greys-white);
622
- }
623
-
624
- .jqx-progressbar {
625
- border: 0;
626
- background: var(--fluent-greys-grey30);
627
- }
628
- .jqx-progressbar .jqx-fill-state-pressed {
629
- background: var(--fluent-theme-primary);
630
- }
631
-
632
- @-webkit-keyframes css-spinner {
633
- 0% {
634
- transform: rotate(0deg);
635
- }
636
- 100% {
637
- transform: rotate(360deg);
638
- }
639
- }
640
-
641
- @keyframes css-spinner {
642
- 0% {
643
- transform: rotate(0deg);
644
- }
645
- 100% {
646
- transform: rotate(360deg);
647
- }
648
- }
649
- .jqx-loader {
650
- background: transparent;
651
- color: var(--fluent-theme-primary);
652
- box-shadow: unset !important;
653
- }
654
- .jqx-loader .jqx-loader-icon {
655
- background-image: unset;
656
- box-sizing: border-box;
657
- border-radius: 50%;
658
- border-width: 1.5px;
659
- border-style: solid;
660
- border-color: rgb(0, 120, 212) rgb(199, 224, 244) rgb(199, 224, 244);
661
- -o-border-image: initial;
662
- border-image: initial;
663
- -webkit-animation-name: css-spinner;
664
- animation-name: css-spinner;
665
- -webkit-animation-duration: 1.3s;
666
- animation-duration: 1.3s;
667
- -webkit-animation-iteration-count: infinite;
668
- animation-iteration-count: infinite;
669
- -webkit-animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67);
670
- animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67);
671
- width: 28px;
672
- height: 28px;
673
- position: relative;
674
- margin: 0 auto 25px auto;
675
- }
676
-
677
- /* ALERT */
678
- .jqx-notification {
679
- display: flex;
680
- align-items: center;
681
- border-radius: 0;
682
- padding: 3px 10px;
683
- border: 0;
684
- font-size: 12px;
685
- color: var(--fluent-alert-color);
686
- box-shadow: unset !important;
687
- }
688
- .jqx-notification > div {
689
- display: flex;
690
- align-items: center;
691
- }
692
- .jqx-notification.jqx-notification-primary {
693
- color: var(--fluent-alert-color) !important;
694
- background-color: var(--fluent-theme-light) !important;
695
- }
696
- .jqx-notification.jqx-notification-info {
697
- color: var(--fluent-alert-color) !important;
698
- background-color: var(--fluent-greys-grey20) !important;
699
- }
700
- .jqx-notification.jqx-notification-success {
701
- color: var(--fluent-alert-color) !important;
702
- background-color: var(--fluent-success-bg) !important;
703
- }
704
- .jqx-notification.jqx-notification-warning {
705
- color: var(--fluent-alert-color) !important;
706
- background-color: var(--fluent-warning-bg) !important;
707
- }
708
- .jqx-notification.jqx-notification-severe-warning {
709
- color: var(--fluent-alert-color) !important;
710
- background-color: var(--fluent-severe-warning-bg) !important;
711
- }
712
- .jqx-notification.jqx-notification-error {
713
- color: var(--fluent-alert-color) !important;
714
- background-color: var(--fluent-error-bg) !important;
715
- }
716
- .jqx-notification .jqx-notification-icon.jqx-notification-icon-info,
717
- .jqx-notification .jqx-notification-icon.jqx-notification-icon-primary,
718
- .jqx-notification .jqx-notification-icon.jqx-notification-icon-warning {
719
- background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 15C6.80729 15 6.14062 14.9115 5.5 14.7344C4.86458 14.5573 4.26823 14.3073 3.71094 13.9844C3.15365 13.6562 2.64583 13.2656 2.1875 12.8125C1.73438 12.3542 1.34375 11.8464 1.01562 11.2891C0.692708 10.7318 0.442708 10.1354 0.265625 9.5C0.0885417 8.85938 0 8.19271 0 7.5C0 6.80729 0.0885417 6.14323 0.265625 5.50781C0.442708 4.86719 0.692708 4.26823 1.01562 3.71094C1.34375 3.15365 1.73438 2.64844 2.1875 2.19531C2.64583 1.73698 3.15365 1.34635 3.71094 1.02344C4.26823 0.695312 4.86458 0.442708 5.5 0.265625C6.14062 0.0885417 6.80729 0 7.5 0C8.19271 0 8.85677 0.0885417 9.49219 0.265625C10.1328 0.442708 10.7318 0.695312 11.2891 1.02344C11.8464 1.34635 12.3516 1.73698 12.8047 2.19531C13.263 2.64844 13.6536 3.15365 13.9766 3.71094C14.3047 4.26823 14.5573 4.86719 14.7344 5.50781C14.9115 6.14323 15 6.80729 15 7.5C15 8.19271 14.9115 8.85938 14.7344 9.5C14.5573 10.1354 14.3047 10.7318 13.9766 11.2891C13.6536 11.8464 13.263 12.3542 12.8047 12.8125C12.3516 13.2656 11.8464 13.6562 11.2891 13.9844C10.7318 14.3073 10.1328 14.5573 9.49219 14.7344C8.85677 14.9115 8.19271 15 7.5 15ZM7.5 1C6.90104 1 6.32552 1.07812 5.77344 1.23438C5.22135 1.39062 4.70312 1.60938 4.21875 1.89062C3.73958 2.17188 3.30208 2.51042 2.90625 2.90625C2.51042 3.30208 2.17188 3.74219 1.89062 4.22656C1.60938 4.70573 1.39062 5.22396 1.23438 5.78125C1.07812 6.33333 1 6.90625 1 7.5C1 8.09375 1.07812 8.66927 1.23438 9.22656C1.39062 9.77865 1.60938 10.2969 1.89062 10.7812C2.17188 11.2604 2.51042 11.6979 2.90625 12.0938C3.30208 12.4896 3.73958 12.8281 4.21875 13.1094C4.70312 13.3906 5.22135 13.6094 5.77344 13.7656C6.32552 13.9219 6.90104 14 7.5 14C8.09375 14 8.66667 13.9219 9.21875 13.7656C9.77604 13.6094 10.2943 13.3906 10.7734 13.1094C11.2578 12.8281 11.6979 12.4896 12.0938 12.0938C12.4896 11.6979 12.8281 11.2604 13.1094 10.7812C13.3906 10.2969 13.6094 9.77865 13.7656 9.22656C13.9219 8.67448 14 8.09896 14 7.5C14 6.90625 13.9219 6.33333 13.7656 5.78125C13.6094 5.22396 13.3906 4.70573 13.1094 4.22656C12.8281 3.74219 12.4896 3.30208 12.0938 2.90625C11.6979 2.51042 11.2578 2.17188 10.7734 1.89062C10.2943 1.60938 9.77604 1.39062 9.21875 1.23438C8.66667 1.07812 8.09375 1 7.5 1ZM7 6H8V11H7V6ZM7 4H8V5H7V4Z' fill='%23605E5C'/%3E%3C/svg%3E");
720
- width: 30px;
721
- height: 25px;
722
- }
723
- .jqx-notification .jqx-notification-icon.jqx-notification-icon-serve-warning {
724
- background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 15H0L7.5 0L15 15ZM1.61719 14H13.3828L7.5 2.23438L1.61719 14ZM8 6V11H7V6H8ZM7 12H8V13H7V12Z' fill='%23D83B01'/%3E%3C/svg%3E");
725
- width: 30px;
726
- height: 25px;
727
- }
728
- .jqx-notification .jqx-notification-icon.jqx-notification-icon-success {
729
- background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6484 4.64844L12.3516 5.35156L6.5 11.2031L3.64844 8.35156L4.35156 7.64844L6.5 9.79688L11.6484 4.64844ZM8 0C8.73438 0 9.44271 0.0963542 10.125 0.289062C10.8073 0.476562 11.4453 0.744792 12.0391 1.09375C12.6328 1.4375 13.1719 1.85417 13.6562 2.34375C14.1458 2.82812 14.5625 3.36719 14.9062 3.96094C15.2552 4.55469 15.5234 5.19271 15.7109 5.875C15.9036 6.55729 16 7.26562 16 8C16 8.73438 15.9036 9.44271 15.7109 10.125C15.5234 10.8073 15.2552 11.4453 14.9062 12.0391C14.5625 12.6328 14.1458 13.1745 13.6562 13.6641C13.1719 14.1484 12.6328 14.5651 12.0391 14.9141C11.4453 15.2578 10.8073 15.526 10.125 15.7188C9.44271 15.9062 8.73438 16 8 16C7.26562 16 6.55729 15.9062 5.875 15.7188C5.19271 15.526 4.55469 15.2578 3.96094 14.9141C3.36719 14.5651 2.82552 14.1484 2.33594 13.6641C1.85156 13.1745 1.4349 12.6328 1.08594 12.0391C0.742188 11.4453 0.473958 10.8099 0.28125 10.1328C0.09375 9.45052 0 8.73958 0 8C0 7.26562 0.09375 6.55729 0.28125 5.875C0.473958 5.19271 0.742188 4.55469 1.08594 3.96094C1.4349 3.36719 1.85156 2.82812 2.33594 2.34375C2.82552 1.85417 3.36719 1.4375 3.96094 1.09375C4.55469 0.744792 5.1901 0.476562 5.86719 0.289062C6.54948 0.0963542 7.26042 0 8 0ZM8 15C8.64062 15 9.25781 14.9167 9.85156 14.75C10.4505 14.5833 11.0078 14.349 11.5234 14.0469C12.0443 13.7396 12.5182 13.3724 12.9453 12.9453C13.3724 12.5182 13.737 12.0469 14.0391 11.5312C14.3464 11.0104 14.5833 10.4531 14.75 9.85938C14.9167 9.26562 15 8.64583 15 8C15 7.35938 14.9167 6.74219 14.75 6.14844C14.5833 5.54948 14.3464 4.99219 14.0391 4.47656C13.737 3.95573 13.3724 3.48177 12.9453 3.05469C12.5182 2.6276 12.0443 2.26302 11.5234 1.96094C11.0078 1.65365 10.4505 1.41667 9.85156 1.25C9.25781 1.08333 8.64062 1 8 1C7.35938 1 6.73958 1.08333 6.14062 1.25C5.54688 1.41667 4.98958 1.65365 4.46875 1.96094C3.95312 2.26302 3.48177 2.6276 3.05469 3.05469C2.6276 3.48177 2.26042 3.95573 1.95312 4.47656C1.65104 4.99219 1.41667 5.54948 1.25 6.14844C1.08333 6.74219 1 7.35938 1 8C1 8.64062 1.08333 9.26042 1.25 9.85938C1.41667 10.4531 1.65104 11.0104 1.95312 11.5312C2.26042 12.0469 2.6276 12.5182 3.05469 12.9453C3.48177 13.3724 3.95312 13.7396 4.46875 14.0469C4.98958 14.349 5.54688 14.5833 6.14062 14.75C6.73438 14.9167 7.35417 15 8 15Z' fill='%23107C10'/%3E%3C/svg%3E");
730
- }
731
- .jqx-notification .jqx-notification-icon.jqx-notification-icon-error {
732
- background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0C8.73438 0 9.44271 0.0963542 10.125 0.289062C10.8073 0.476562 11.4427 0.744792 12.0312 1.09375C12.625 1.44271 13.1641 1.86198 13.6484 2.35156C14.138 2.83594 14.5573 3.375 14.9062 3.96875C15.2552 4.55729 15.5234 5.19271 15.7109 5.875C15.9036 6.55729 16 7.26562 16 8C16 8.73438 15.9036 9.44271 15.7109 10.125C15.5234 10.8073 15.2552 11.4453 14.9062 12.0391C14.5573 12.6276 14.138 13.1667 13.6484 13.6562C13.1641 14.1406 12.625 14.5573 12.0312 14.9062C11.4427 15.2552 10.8073 15.526 10.125 15.7188C9.44271 15.9062 8.73438 16 8 16C7.26562 16 6.55729 15.9062 5.875 15.7188C5.19271 15.526 4.55469 15.2552 3.96094 14.9062C3.3724 14.5573 2.83333 14.1406 2.34375 13.6562C1.85938 13.1667 1.44271 12.6276 1.09375 12.0391C0.744792 11.4453 0.473958 10.8073 0.28125 10.125C0.09375 9.44271 0 8.73438 0 8C0 7.26562 0.09375 6.55729 0.28125 5.875C0.473958 5.19271 0.744792 4.55729 1.09375 3.96875C1.44271 3.375 1.85938 2.83594 2.34375 2.35156C2.83333 1.86198 3.3724 1.44271 3.96094 1.09375C4.55469 0.744792 5.19271 0.476562 5.875 0.289062C6.55729 0.0963542 7.26562 0 8 0ZM8 15C8.64583 15 9.26562 14.9167 9.85938 14.75C10.4583 14.5833 11.0156 14.349 11.5312 14.0469C12.0521 13.7396 12.5234 13.375 12.9453 12.9531C13.3724 12.526 13.737 12.0547 14.0391 11.5391C14.3464 11.0182 14.5833 10.4609 14.75 9.86719C14.9167 9.26823 15 8.64583 15 8C15 7.35417 14.9167 6.73438 14.75 6.14062C14.5833 5.54167 14.3464 4.98438 14.0391 4.46875C13.737 3.94792 13.3724 3.47656 12.9453 3.05469C12.5234 2.6276 12.0521 2.26302 11.5312 1.96094C11.0156 1.65365 10.4583 1.41667 9.85938 1.25C9.26562 1.08333 8.64583 1 8 1C7.35417 1 6.73177 1.08333 6.13281 1.25C5.53906 1.41667 4.98177 1.65365 4.46094 1.96094C3.94531 2.26302 3.47396 2.6276 3.04688 3.05469C2.625 3.47656 2.26042 3.94792 1.95312 4.46875C1.65104 4.98438 1.41667 5.54167 1.25 6.14062C1.08333 6.73438 1 7.35417 1 8C1 8.64583 1.08333 9.26823 1.25 9.86719C1.41667 10.4609 1.65104 11.0182 1.95312 11.5391C2.26042 12.0547 2.625 12.526 3.04688 12.9531C3.47396 13.375 3.94531 13.7396 4.46094 14.0469C4.98177 14.349 5.53906 14.5833 6.13281 14.75C6.73177 14.9167 7.35417 15 8 15ZM11.4609 5.24219L8.71094 8L11.4609 10.7578L10.7578 11.4609L8 8.71094L5.24219 11.4609L4.53906 10.7578L7.28906 8L4.53906 5.24219L5.24219 4.53906L8 7.28906L10.7578 4.53906L11.4609 5.24219Z' fill='%23A4262C'/%3E%3C/svg%3E");
733
- }
734
- .jqx-notification .jqx-notification-close-button {
735
- background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.44434 5L9.90723 9.46777L9.46777 9.90723L5 5.44434L0.532227 9.90723L0.0927734 9.46777L4.55566 5L0.0927734 0.532227L0.532227 0.0927734L5 4.55566L9.46777 0.0927734L9.90723 0.532227L5.44434 5Z' fill='%23201F1E'/%3E%3C/svg%3E") !important;
736
- right: 0 !important;
737
- top: 0 !important;
738
- background-position: center center !important;
739
- }
740
-
741
- .jqx-bar-gauge svg > path.jqx-bar-gauge-background-slice {
742
- fill: var(--fluent-greys-grey10) !important;
743
- }
744
- .jqx-bar-gauge svg > path#jqxBarGaugeSlice0 {
745
- fill: var(--fluent-success-bg) !important;
746
- }
747
- .jqx-bar-gauge svg > path#jqxBarGaugeSlice1 {
748
- fill: var(--fluent-error-bg) !important;
749
- }
750
- .jqx-bar-gauge svg > path#jqxBarGaugeSlice2 {
751
- fill: var(--fluent-warning-bg) !important;
752
- }
753
- .jqx-bar-gauge svg > path#jqxBarGaugeSlice3 {
754
- fill: var(--fluent-theme-lighter) !important;
755
- }
756
- .jqx-bar-gauge #jqxBarGaugeLabelLine0,
757
- .jqx-bar-gauge #jqxBarGaugeLabel0 {
758
- fill: var(--fluent-success-color) !important;
759
- stroke: var(--fluent-success-color) !important;
760
- }
761
- .jqx-bar-gauge #jqxBarGaugeLabelLine1,
762
- .jqx-bar-gauge #jqxBarGaugeLabel1 {
763
- fill: var(--fluent-error-color) !important;
764
- stroke: var(--fluent-error-color) !important;
765
- }
766
- .jqx-bar-gauge #jqxBarGaugeLabelLine2,
767
- .jqx-bar-gauge #jqxBarGaugeLabel2 {
768
- fill: var(--fluent-warning-color) !important;
769
- stroke: var(--fluent-warning-color) !important;
770
- }
771
- .jqx-bar-gauge #jqxBarGaugeLabelLine3,
772
- .jqx-bar-gauge #jqxBarGaugeLabel3 {
773
- fill: var(--fluent-theme-primary) !important;
774
- stroke: var(--fluent-theme-primary) !important;
775
- }
776
-
777
- #jqxMenu.jqx-menu {
778
- border: 0;
779
- background: var(--fluent-theme-primary);
780
- border-radius: 0;
781
- color: var(--fluent-greys-white);
782
- position: relative;
783
- display: flex;
784
- align-items: center;
785
- }
786
- #jqxMenu.jqx-menu:not(.jqx-touch) .jqx-menu-ul {
787
- display: flex;
788
- height: 100%;
789
- align-items: center;
790
- }
791
- #jqxMenu.jqx-menu:not(.jqx-touch) .jqx-menu-ul li {
792
- display: flex;
793
- height: 100%;
794
- align-items: center;
795
- border: 0;
796
- }
797
- #jqxMenu.jqx-menu .jqx-menu-minimized-button {
798
- filter: invert(1000%);
799
- }
800
- #jqxMenu.jqx-menu .jqx-menu-item-top {
801
- border-radius: 0px;
802
- }
803
- #jqxMenu.jqx-menu .jqx-menu-item-top.jqx-menu-item-top-hover {
804
- background: var(--fluent-theme-dark);
805
- color: var(--fluent-greys-white);
806
- }
807
- #jqxMenu.jqx-menu .jqx-menu-item-top.jqx-menu-item-top-selected:not(.jqx-menu-item-top-hover) {
808
- background: var(--fluent-theme-darker);
809
- color: var(--fluent-greys-white);
810
- }
811
-
812
- .jqx-tabs {
813
- border: 0;
814
- background: transparent;
815
- }
816
- .jqx-tabs .jqx-tabs-header {
817
- border: 0;
818
- background: transparent;
819
- margin-bottom: 15px;
820
- padding: 0;
821
- }
822
- .jqx-tabs .jqx-tabs-header .jqx-item {
823
- margin: 0 7px !important;
824
- border: 0;
825
- border-bottom: 2px solid transparent;
826
- color: var(--fluent-btn-secondary-color);
827
- padding: 7px 5px !important;
828
- }
829
- .jqx-tabs .jqx-tabs-header .jqx-item:focus {
830
- border: 1px solid var(--fluent-input-border-hover);
831
- border-radius: 2px;
832
- }
833
- .jqx-tabs .jqx-tabs-header .jqx-item.jqx-fill-state-pressed {
834
- border-color: var(--fluent-theme-primary);
835
- }
836
- .jqx-tabs .jqx-tabs-header .jqx-item.jqx-fill-state-pressed:hover {
837
- background: var(--fluent-btn-secondary-bg-hover);
838
- }
839
- .jqx-tabs .jqx-tabs-header .jqx-item.jqx-fill-state-hover {
840
- border-color: var(--fluent-btn-secondary-bg-hover);
841
- background: var(--fluent-btn-secondary-bg-hover);
842
- }
843
-
844
- .jqx-tabs.primary {
845
- border: 0;
846
- background: transparent;
847
- }
848
- .jqx-tabs.primary .jqx-tabs-header {
849
- border: 0;
850
- background: transparent;
851
- margin-bottom: 15px;
852
- padding: 0;
853
- }
854
- .jqx-tabs.primary .jqx-tabs-header .jqx-item {
855
- margin: 0 7px !important;
856
- border: 1px solid transparent;
857
- color: var(--fluent-btn-secondary-color);
858
- padding: 7px 5px !important;
859
- border-radius: 0 !important;
860
- }
861
- .jqx-tabs.primary .jqx-tabs-header .jqx-item:focus {
862
- border: 1px solid var(--fluent-input-border-hover);
863
- border-radius: 2px;
864
- }
865
- .jqx-tabs.primary .jqx-tabs-header .jqx-item.jqx-fill-state-pressed {
866
- color: var(--fluent-btn-primary-color);
867
- background: var(--fluent-btn-primary-bg);
868
- }
869
- .jqx-tabs.primary .jqx-tabs-header .jqx-item.jqx-fill-state-pressed:hover {
870
- background: var(--fluent-btn-primary-bg-hover);
871
- }
872
- .jqx-tabs.primary .jqx-tabs-header .jqx-item.jqx-fill-state-hover {
873
- color: var(--fluent-btn-primary-color);
874
- border-color: var(--fluent-btn-primary-bg-hover);
875
- background: var(--fluent-btn-primary-bg-hover);
876
- }
877
-
878
- .jqx-navigationbar,
879
- .jqx-expander {
880
- background: var(--fluent-greys-white);
881
- }
882
- .jqx-navigationbar .jqx-expander-header,
883
- .jqx-expander .jqx-expander-header {
884
- background: transparent;
885
- font-size: 16px;
886
- display: flex;
887
- align-items: center;
888
- justify-content: flex-end;
889
- color: var(--fluent-greys-grey190);
890
- flex-direction: row-reverse;
891
- gap: 10px;
892
- padding: 10px 20px;
893
- }
894
- .jqx-navigationbar .jqx-expander-header .jqx-expander-arrow,
895
- .jqx-expander .jqx-expander-header .jqx-expander-arrow {
896
- transform: rotate(-90deg);
897
- background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
898
- }
899
- .jqx-navigationbar .jqx-expander-header .jqx-expander-arrow.jqx-expander-arrow-expanded,
900
- .jqx-expander .jqx-expander-header .jqx-expander-arrow.jqx-expander-arrow-expanded {
901
- transform: rotate(0deg);
902
- }
903
-
904
- .jqx-bulletchart .jqx-bulletchart-target,
905
- .jqx-bulletchart .jqx-bulletchart-pointer,
906
- .jqx-bulletchart .jqx-bulletchart-range {
907
- background-color: var(--fluent-theme-primary) !important;
908
- }
909
-
910
- .jqx-tree {
911
- margin: 0;
912
- border: 0;
913
- background: var(--fluent-greys-white);
914
- }
915
- .jqx-tree .jqx-tree-item-arrow-expand {
916
- margin-right: 10px;
917
- margin-top: 9px !important;
918
- transform: rotate(180deg);
919
- background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
920
- }
921
- .jqx-tree .jqx-tree-item-arrow-collapse {
922
- margin-right: 10px;
923
- margin-top: 9px !important;
924
- background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
925
- transform: rotate(0deg);
926
- }
927
- .jqx-tree .jqx-tree-dropdown-root {
928
- width: 100% !important;
929
- margin: 10px 0 !important;
930
- }
931
- .jqx-tree .jqx-tree-dropdown-root .jqx-tree-item {
932
- border: 0 !important;
933
- display: block !important;
934
- overflow: hidden;
935
- border-radius: 0;
936
- padding: 10px !important;
937
- }
938
- .jqx-tree .jqx-tree-dropdown-root .jqx-tree-item-hover {
939
- background: var(--fluent-greys-grey20);
940
- color: var(--fluent-greys-grey190);
941
- }
942
- .jqx-tree .jqx-tree-dropdown-root .jqx-fill-state-pressed,
943
- .jqx-tree .jqx-tree-dropdown-root .jqx-tree-item-selected {
944
- background: var(--fluent-theme-primary);
945
- color: var(--fluent-greys-white);
946
- }
947
- .jqx-tree .jqx-tree-dropdown-root li.xx-jqx-tree-item-li {
948
- display: block;
949
- width: 100%;
950
- margin: 0 !important;
951
- margin-top: 0 !important;
952
- line-height: 1 !important;
953
- padding-top: 10px !important;
954
- padding-bottom: 10px !important;
955
- }
956
- .jqx-tree .jqx-tree-dropdown-root li.xx-jqx-tree-item-li .jqx-tree-item {
957
- border: 0 !important;
958
- padding-top: 10px !important;
959
- padding-bottom: 10px !important;
960
- display: block !important;
961
- overflow: hidden;
962
- }
963
- .jqx-tree .jqx-tree-dropdown-root li.xx-jqx-tree-item-li .jqx-tree-item-selected,
964
- .jqx-tree .jqx-tree-dropdown-root li.xx-jqx-tree-item-li .jqx-fill-state-pressed {
965
- display: block !important;
966
- background: transparent;
967
- }
968
- .jqx-tree .jqx-tree-dropdown-root li.xx-jqx-tree-item-li .jqx-tree-item-selected[aria-selected=true],
969
- .jqx-tree .jqx-tree-dropdown-root li.xx-jqx-tree-item-li .jqx-fill-state-pressed[aria-selected=true] {
970
- color: var(--fluent-greys-grey190);
971
- }
972
- .jqx-tree .jqx-tree-dropdown-root li.xx-jqx-tree-item-li[aria-selected=true] {
973
- background: var(--fluent-theme-primary);
974
- color: var(--fluent-greys-white);
975
- }
976
- .jqx-tree .jqx-tree-dropdown-root li.xx-jqx-tree-item-li[aria-selected=true]:hover {
977
- color: var(--fluent-greys-grey190);
978
- }
979
- .jqx-tree .jqx-tree-dropdown-root li.xx-jqx-tree-item-li .jqx-tree-item-hover {
980
- background: var(--fluent-greys-grey20);
981
- }
982
- .jqx-tree .jqx-tree-dropdown-root li.xx-jqx-tree-item-li .jqx-tree-item-hover .jqx-tree-item {
983
- border: 0;
984
- background: transparent;
985
- }
986
- .jqx-datatable.jqx-grid {
987
- background: var(--fluent-greys-white);
988
- border: 0;
989
- }
990
- .jqx-datatable.jqx-grid .jqx-cell {
991
- padding: 8px 4px;
992
- }
993
- .jqx-datatable.jqx-grid .jqx-grid-column-header,
994
- .jqx-datatable.jqx-grid .jqx-grid-columngroup-header {
995
- font-family: "Segoe UI";
996
- font-weight: 600;
997
- font-size: 14px;
998
- line-height: 20px;
999
- color: var(--fluent-greys-grey190);
1000
- }
1001
- .jqx-datatable.jqx-grid .jqx-widget-header,
1002
- .jqx-datatable.jqx-grid .jqx-grid-pager,
1003
- .jqx-datatable.jqx-grid .jqx-grid-toolbar {
1004
- background: var(--fluent-greys-grey10);
1005
- }
1006
- .jqx-datatable.jqx-grid .jqx-grid-header {
1007
- background: var(--fluent-greys-white);
1008
- font-family: "Segoe UI";
1009
- font-weight: 600;
1010
- font-size: 14px;
1011
- line-height: 20px;
1012
- color: var(--fluent-greys-grey190);
1013
- border-bottom: 2px solid #F8F8F8;
1014
- }
1015
- .jqx-datatable.jqx-grid .jqx-grid-cell,
1016
- .jqx-datatable.jqx-grid .jqx-grid-column-header,
1017
- .jqx-datatable.jqx-grid .jqx-grid-group-cell {
1018
- background-color: var(--fluent-greys-white);
1019
- border: 0;
1020
- }
1021
- .jqx-datatable.jqx-grid .jqx-grid-cell.jqx-grid-cell-selected,
1022
- .jqx-datatable.jqx-grid .jqx-grid-column-header.jqx-grid-cell-selected,
1023
- .jqx-datatable.jqx-grid .jqx-grid-group-cell.jqx-grid-cell-selected {
1024
- background-color: var(--fluent-greys-grey10);
1025
- }
1026
- .jqx-datatable.jqx-grid .jqx-icon-arrow-right {
1027
- transform: rotate(-90deg);
1028
- background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
1029
- background-position: center;
1030
- background-repeat: no-repeat;
1031
- margin-right: 10px;
1032
- }
1033
- .jqx-datatable.jqx-grid .jqx-icon-arrow-down {
1034
- background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
1035
- transform: rotate(0deg);
1036
- background-position: center;
1037
- background-repeat: no-repeat;
1038
- margin-right: 10px;
1039
- }
1040
- .jqx-datatable.jqx-grid .jqx-cell.jqx-grid-cell-hover {
1041
- background-color: var(--fluent-greys-grey20);
1042
- }
1043
-
1044
- .jqx-grid:not(.jqx-datatable) {
1045
- background: var(--fluent-greys-white);
1046
- border: 0;
1047
- }
1048
- .jqx-grid:not(.jqx-datatable) .jqx-grid-card-cell table {
1049
- box-shadow: var(--fluent-box-shadow-4);
1050
- border-radius: 2px;
1051
- }
1052
- .jqx-grid:not(.jqx-datatable) .jqx-cell {
1053
- padding: 8px 4px;
1054
- }
1055
- .jqx-grid:not(.jqx-datatable) .jqx-grid-column-header,
1056
- .jqx-grid:not(.jqx-datatable) .jqx-grid-columngroup-header {
1057
- font-family: "Segoe UI";
1058
- font-weight: 600;
1059
- font-size: 14px;
1060
- line-height: 20px;
1061
- color: var(--fluent-greys-grey190);
1062
- }
1063
- .jqx-grid:not(.jqx-datatable) .jqx-grid-header {
1064
- font-family: "Segoe UI";
1065
- font-weight: 600;
1066
- font-size: 14px;
1067
- line-height: 20px;
1068
- color: var(--fluent-greys-grey190);
1069
- border-bottom: 2px solid #F8F8F8;
1070
- }
1071
- .jqx-grid:not(.jqx-datatable) .jqx-grid-cell,
1072
- .jqx-grid:not(.jqx-datatable) .jqx-grid-column-header,
1073
- .jqx-grid:not(.jqx-datatable) .jqx-grid-group-cell {
1074
- background-color: var(--fluent-greys-white);
1075
- border-color: var(--fluent-body-divider);
1076
- }
1077
- .jqx-grid:not(.jqx-datatable) .jqx-grid-cell.jqx-grid-cell-selected,
1078
- .jqx-grid:not(.jqx-datatable) .jqx-grid-column-header.jqx-grid-cell-selected,
1079
- .jqx-grid:not(.jqx-datatable) .jqx-grid-group-cell.jqx-grid-cell-selected {
1080
- background-color: var(--fluent-theme-lighter) !important;
1081
- border-color: var(--fluent-theme-light) !important;
1082
- }
1083
- .jqx-grid:not(.jqx-datatable) .jqx-grid-cell-alt {
1084
- background: var(--fluent-greys-grey10) !important;
1085
- }
1086
- .jqx-grid:not(.jqx-datatable) .jqx-icon-arrow-right {
1087
- transform: rotate(-90deg);
1088
- background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
1089
- background-position: center;
1090
- background-repeat: no-repeat;
1091
- }
1092
- .jqx-grid:not(.jqx-datatable) .jqx-icon-arrow-left {
1093
- transform: rotate(90deg);
1094
- background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
1095
- background-position: center;
1096
- background-repeat: no-repeat;
1097
- }
1098
- .jqx-grid:not(.jqx-datatable) .jqx-icon-arrow-down {
1099
- background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
1100
- transform: rotate(0deg);
1101
- background-position: center;
1102
- background-repeat: no-repeat;
1103
- }
1104
- .jqx-grid:not(.jqx-datatable) .jqx-icon-arrow-up {
1105
- background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
1106
- transform: rotate(180deg);
1107
- background-position: center;
1108
- background-repeat: no-repeat;
1109
- }
1110
- .jqx-grid:not(.jqx-datatable) .jqx-cell.jqx-grid-cell-hover {
1111
- background-color: var(--fluent-greys-grey20);
1112
- }
1113
- .jqx-grid:not(.jqx-datatable) .jqx-widget-header,
1114
- .jqx-grid:not(.jqx-datatable) .jqx-grid-pager,
1115
- .jqx-grid:not(.jqx-datatable) .jqx-grid-toolbar {
1116
- background: var(--fluent-greys-white);
1117
- }
1118
- .jqx-grid:not(.jqx-datatable) .jqx-checkbox-check-checked {
1119
- background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='2' fill='%230078D4'/%3E%3Cpath d='M16.3516 6.35156L8 14.7109L3.64844 10.3516L4.35156 9.64844L8 13.2891L15.6484 5.64844L16.3516 6.35156Z' fill='white'/%3E%3C/svg%3E");
1120
- background-position: center center;
1121
- background-repeat: no-repeat;
1122
- }
1123
-
1124
- .jqx-scheduler .jqx-scheduler-cell-selected {
1125
- background: var(--fluent-theme-lighter) !important;
1126
- border-color: var(--fluent-theme-primary) !important;
1127
- }
1128
- .jqx-scheduler .jqx-scheduler-cell-focus {
1129
- border-color: var(--fluent-theme-primary) !important;
1130
- background: var(--fluent-theme-primary) !important;
1131
- }
1132
-
1133
- .jqx-scheduler-edit-dialog-label {
1134
- line-height: 32px !important;
1135
- }
1136
-
1137
- .jqx-scheduler-edit-dialog-field {
1138
- min-height: 32px !important;
1139
- }
1140
- .jqx-scheduler-edit-dialog-field .jqx-input {
1141
- min-height: 32px !important;
1142
- }
1143
-
1144
- .jqx-docking {
1145
- gap: 15px;
1146
- display: flex;
1147
- padding: 15px;
1148
- box-sizing: border-box;
1149
- }
1150
- .jqx-docking .jqx-docking-panel {
1151
- gap: 15px;
1152
- display: flex;
1153
- flex-flow: column;
1154
- }
1155
- .jqx-docking .jqx-window {
1156
- box-shadow: var(--fluent-box-shadow-16) !important;
1157
- padding: 10px !important;
1158
- }
1159
-
1160
- .jqx-docking-layout .jqx-layout-group-root {
1161
- display: flex;
1162
- gap: 10px;
1163
- box-sizing: border-box;
1164
- background: var(--fluent-greys-white);
1165
- }
1166
- .jqx-docking-layout .jqx-window {
1167
- box-shadow: var(--fluent-box-shadow-16) !important;
1168
- padding: 10px !important;
1169
- }
1170
- .jqx-docking-layout .jqx-layout-group-default-horizontal > div {
1171
- display: flex;
1172
- flex-flow: column;
1173
- gap: 10px;
1174
- box-sizing: border-box;
1175
- }
1176
- .jqx-docking-layout .jqx-layout-ribbon-header {
1177
- border-color: var(--fluent-theme-light);
1178
- background: var(--fluent-theme-lighter);
1179
- }
1180
-
1181
- .jqx-splitter {
1182
- border: 0;
1183
- }
1184
-
1185
- .jqx-kanban {
1186
- border: 0;
1187
- }
1188
- .jqx-kanban .jqx-fill-state-normal {
1189
- border-color: var(--fluent-greys-grey50);
1190
- background: var(--fluent-greys-grey20);
1191
- }
1192
- .jqx-kanban .jqx-widget-content {
1193
- border-color: var(--fluent-greys-white);
1194
- }
1195
- .jqx-kanban .jqx-kanban-item {
1196
- box-shadow: var(--fluent-box-shadow-4);
1197
- margin-bottom: 10px;
1198
- }
1199
- .jqx-kanban .jqx-icon-arrow-right {
1200
- transform: rotate(-90deg);
1201
- background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
1202
- background-position: center;
1203
- background-repeat: no-repeat;
1204
- background-size: 150%;
1205
- }
1206
- .jqx-kanban .jqx-icon-arrow-left {
1207
- transform: rotate(90deg);
1208
- background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
1209
- background-position: center;
1210
- background-repeat: no-repeat;
1211
- background-size: 150%;
1212
- }
1213
- .jqx-kanban .jqx-icon-arrow-down {
1214
- background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
1215
- transform: rotate(0deg);
1216
- background-position: center;
1217
- background-repeat: no-repeat;
1218
- background-size: 150%;
1219
- }
1220
- .jqx-kanban .jqx-icon-arrow-up {
1221
- background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
1222
- transform: rotate(180deg);
1223
- background-position: center;
1224
- background-repeat: no-repeat;
1225
- background-size: 150%;
1226
- }
1227
- .jqx-kanban .jqx-kanban-item-keyword {
1228
- border-radius: 100px;
1229
- border-color: var(--fluent-theme-lighter);
1230
- background-color: var(--fluent-theme-lighter);
1231
- padding: 2px 5px;
1232
- }
1233
- .jqx-kanban .jqx-widget-header {
1234
- border-color: var(--fluent-greys-grey30);
1235
- background: var(--fluent-greys-white);
1236
- border: 1px solid var(--fluent-greys-grey50);
1237
- border-radius: 2px;
1238
- }
1239
-
1240
- .jqx-editor {
1241
- border-color: var(--fluent-theme-light);
1242
- background: var(--fluent-theme-lighter);
1243
- border-radius: 2px;
1244
- }
1245
- .jqx-editor .jqx-editor-content {
1246
- border-color: var(--fluent-theme-light);
1247
- padding: 10px;
1248
- box-sizing: border-box !important;
1249
- }
1250
- .jqx-editor .jqx-editor-toolbar {
1251
- display: flex;
1252
- gap: 4px;
1253
- flex-wrap: wrap;
1254
- }
1255
- .jqx-editor .jqx-widget-header {
1256
- border-color: var(--fluent-theme-light);
1257
- background: var(--fluent-theme-lighter);
1258
- border-radius: 2px;
1259
- }
1260
-
1261
- .jqx-date-time-input-popup table td input {
1262
- padding: 4px 0px !important;
1
+ @import url("https://fonts.cdnfonts.com/css/segoe-ui-4");
2
+ :root {
3
+ --fluent-black: #000;
4
+ --fluent-white: #fff;
5
+ --fluent-surface: #fff;
6
+ --fluent-surface-color: #000;
7
+ --fluent-background: #fff;
8
+ --fluent-background-color: #000;
9
+ --fluent-type-primary: #201F1E;
10
+ --fluent-type-secondary: #323130;
11
+ --fluent-type-disabled: #323130;
12
+ --fluent-body-divider: #EDEBE9;
13
+ --fluent-input-background: #fff;
14
+ --fluent-input-disabled-background: #EDEBE9;
15
+ --fluent-input-border: #8A8886;
16
+ --fluent-input-border-hover: #323130;
17
+ --fluent-alert-color: #201F1E;
18
+ --fluent-theme-primary: #0078D4;
19
+ --fluent-theme-lighter-alt: #EFF6FC;
20
+ --fluent-theme-lighter: #DEECF9;
21
+ --fluent-theme-light: #C7E0F4;
22
+ --fluent-theme-tertiary: #2B88D8;
23
+ --fluent-theme-dark-alt: #106EBE;
24
+ --fluent-theme-dark: #005A9E;
25
+ --fluent-theme-darker: #004578;
26
+ --fluent-btn-primary-color: #fff;
27
+ --fluent-btn-primary-bg: #0078D4;
28
+ --fluent-btn-primary-bg-hover: #106EBE;
29
+ --fluent-btn-primary-bg-active: #005A9E;
30
+ --fluent-btn-secondary-color: #201F1E;
31
+ --fluent-btn-secondary-bg: #fff;
32
+ --fluent-btn-secondary-bg-hover: #F3F2F1;
33
+ --fluent-btn-secondary-bg-active: #EDEBE9;
34
+ --fluent-btn-text-color: #201F1E;
35
+ --fluent-btn-text-bg: #fff;
36
+ --fluent-btn-text-color-hover: #201F1E;
37
+ --fluent-btn-text-bg-hover: #F3F2F1;
38
+ --fluent-btn-text-color-active: #201F1E;
39
+ --fluent-btn-text-bg-active: #EDEBE9;
40
+ --fluent-window-bg: #fff;
41
+ --fluent-tabs-item-bg-hover: #F3F2F1;
42
+ --fluent-list-items-group-bg: #EDEBE9;
43
+ --fluent-tooltip-bg: #fff;
44
+ --fluent-tooltip-color: #201F1E;
45
+ --fluent-tag-bg: #F3F2F1;
46
+ --fluent-tag-color: #201F1E;
47
+ --fluent-breadcrumb-color: #605E5C;
48
+ --fluent-breadcrumb-bg: transparent;
49
+ --fluent-breadcrumb-color-hover: #201F1E;
50
+ --fluent-breadcrumb-bg-hover: #F3F2F1;
51
+ --fluent-accordion-header-color: #201F1E;
52
+ --fluent-accordion-header-bg: #EDEBE9;
53
+ --fluent-pager-color: #0078D4;
54
+ --fluent-pager-bg: #fff;
55
+ --fluent-pager-border: #C8C6C4;
56
+ --fluent-sortable-border: #EDEBE9;
57
+ --fluent-error-bg: #FDE7E9;
58
+ --fluent-error-color: #A80000;
59
+ --fluent-success-bg: #DFF6DD;
60
+ --fluent-success-color: #107C10;
61
+ --fluent-severe-warning-bg: #FED9CC;
62
+ --fluent-severe-warning-color: #D83B01;
63
+ --fluent-warning-bg: #FFF4CE;
64
+ --fluent-warning-color: #797775;
65
+ --fluent-greys-white: #fff;
66
+ --fluent-greys-grey10: #FAF9F8;
67
+ --fluent-greys-grey20: #F3F2F1;
68
+ --fluent-greys-grey30: #EDEBE9;
69
+ --fluent-greys-grey40: #E1DFDD;
70
+ --fluent-greys-grey50: #D2D0CE;
71
+ --fluent-greys-grey60: #C8C6C4;
72
+ --fluent-greys-grey90: #A19F9D;
73
+ --fluent-greys-grey110: #8A8886;
74
+ --fluent-greys-grey130: #605E5C;
75
+ --fluent-greys-grey150: #3B3A39;
76
+ --fluent-greys-grey160: #323130;
77
+ --fluent-greys-grey190: #201F1E;
78
+ --fluent-overlay-light: rgba(red("#fff"), green("#fff"), blue("#fff"), 0.4);
79
+ --fluent-overlay-dark: rgba(red("#000"), green("#000"), blue("#000"), 0.4);
80
+ --fluent-box-shadow-4: 0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
81
+ --fluent-box-shadow-8: 0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);
82
+ --fluent-box-shadow-16: 0px 1.2px 3.6px rgba(0, 0, 0, 0.1), 0px 6.4px 14.4px rgba(0, 0, 0, 0.13);
83
+ --fluent-box-shadow-64: 0px 4.8px 14.4px rgba(0, 0, 0, 0.18), 0px 25.6px 57.6px rgba(0, 0, 0, 0.22);
84
+ --jqx-primary: var(--fluent-theme-primary);
85
+ }
86
+
87
+ body[theme=dark] {
88
+ --fluent-surface: #282727;
89
+ --fluent-surface-color: #fff;
90
+ --fluent-background: #282727;
91
+ --fluent-background-color: #fff;
92
+ --fluent-input-background: #282727;
93
+ --fluent-input-disabled-background: #605E5C;
94
+ --fluent-greys-grey190: #fff;
95
+ --fluent-type-primary: #EDEBE9;
96
+ --fluent-input-border: #6c6c6c;
97
+ --fluent-input-border-hover: #EDEBE9;
98
+ --fluent-btn-secondary-color: #EDEBE9;
99
+ --fluent-btn-secondary-bg: #8A8886;
100
+ --fluent-btn-secondary-bg-hover: #605E5C;
101
+ --fluent-btn-secondary-bg-active: #3B3A39;
102
+ --fluent-btn-text-color: #201F1E;
103
+ --fluent-btn-text-bg: #fff;
104
+ --fluent-btn-text-color-hover: #fff;
105
+ --fluent-btn-text-bg-hover: #605E5C;
106
+ --fluent-btn-text-color-active: #fff;
107
+ --fluent-btn-text-bg-active: #3B3A39;
108
+ --fluent-window-bg: #282727;
109
+ --fluent-tabs-item-bg-hover: #605E5C;
110
+ --fluent-list-items-group-bg: #605E5C;
111
+ --fluent-tooltip-bg: #201F1E;
112
+ --fluent-tooltip-color: #fff;
113
+ --fluent-tag-bg: #605E5C;
114
+ --fluent-tag-color: #F3F2F1;
115
+ --fluent-breadcrumb-color: #C8C6C4;
116
+ --fluent-breadcrumb-bg: transparent;
117
+ --fluent-breadcrumb-color-hover: #C8C6C4;
118
+ --fluent-breadcrumb-bg-hover: #3B3A39;
119
+ --fluent-accordion-header-color: #EDEBE9;
120
+ --fluent-accordion-header-bg: #201F1E;
121
+ --fluent-pager-color: #C8C6C4;
122
+ --fluent-pager-bg: #201F1E;
123
+ --fluent-pager-border: #3B3A39;
124
+ --fluent-sortable-border: #3B3A39;
125
+ }
126
+
127
+ html {
128
+ font-size: 14px;
129
+ }
130
+
131
+ body {
132
+ font-family: "Segoe UI", sans-serif;
133
+ color: var(--fluent-greys-grey190);
134
+ }
135
+ body * {
136
+ box-sizing: border-box;
137
+ }
138
+
139
+ .jqx-splitter {
140
+ overflow: auto !important;
141
+ max-width: 100% !important;
142
+ }
143
+
144
+ .jqx-scrollbar-thumb-state-normal-horizontal.jqx-fill-state-normal,
145
+ .jqx-scrollbar-thumb-state-normal.jqx-fill-state-normal {
146
+ border-color: var(--fluent-greys-grey50);
147
+ background: var(--fluent-greys-grey50);
148
+ }
149
+
150
+ .jqx-button.jqx-button-fluent {
151
+ cursor: pointer;
152
+ --jqx-border: var(--fluent-input-border);
153
+ --jqx-background: var(--fluent-btn-secondary-bg);
154
+ --jqx-background-color: var(--fluent-btn-secondary-color);
155
+ background: var(--jqx-background);
156
+ color: var(--jqx-background-color);
157
+ border: 1px solid var(--jqx-border);
158
+ border-radius: 2px;
159
+ }
160
+ .jqx-button.jqx-button-fluent:hover {
161
+ --jqx-background: var(--fluent-btn-secondary-bg-hover);
162
+ }
163
+ .jqx-button.jqx-button-fluent:active {
164
+ --jqx-background: var(--fluent-btn-secondary-bg-active);
165
+ }
166
+ .jqx-button.jqx-button-fluent:not(.jqx-navbar-block).jqx-fill-state-pressed, .jqx-button.jqx-button-fluent:not(.jqx-navbar-block).jqx-fill-state-focus, .jqx-button.jqx-button-fluent:not(.jqx-navbar-block):focus {
167
+ outline-offset: 1px;
168
+ outline: 2px solid var(--jqx-border);
169
+ }
170
+ .jqx-button.jqx-button-fluent.jqx-navbar-block.jqx-fill-state-pressed, .jqx-button.jqx-button-fluent.jqx-navbar-block.jqx-fill-state-focus, .jqx-button.jqx-button-fluent.jqx-navbar-block:focus {
171
+ background: var(--fluent-btn-secondary-bg-active);
172
+ }
173
+ .jqx-button.jqx-button-fluent[disabled] {
174
+ opacity: 1;
175
+ --jqx-border: var(--fluent-greys-grey20);
176
+ --jqx-background: var(--fluent-greys-grey20);
177
+ --jqx-background-color: var(--fluent-greys-grey90);
178
+ }
179
+ .jqx-button.jqx-button-fluent.jqx-primary, .jqx-button.jqx-button-fluent.primary {
180
+ --jqx-border: var(--fluent-btn-primary-bg);
181
+ --jqx-background: var(--fluent-btn-primary-bg);
182
+ --jqx-background-color: var(--fluent-btn-primary-color);
183
+ }
184
+ .jqx-button.jqx-button-fluent.jqx-primary:hover, .jqx-button.jqx-button-fluent.primary:hover {
185
+ --jqx-border: var(--fluent-btn-primary-bg-hover);
186
+ --jqx-background: var(--fluent-btn-primary-bg-hover);
187
+ }
188
+ .jqx-button.jqx-button-fluent.jqx-primary:active, .jqx-button.jqx-button-fluent.primary:active {
189
+ --jqx-background: var(--fluent-btn-primary-bg-active);
190
+ }
191
+ .jqx-button.jqx-button-fluent.jqx-primary[disabled], .jqx-button.jqx-button-fluent.primary[disabled] {
192
+ opacity: 1;
193
+ --jqx-border: var(--fluent-greys-grey20);
194
+ --jqx-background: var(--fluent-greys-grey20);
195
+ --jqx-background-color: var(--fluent-greys-grey90);
196
+ }
197
+
198
+ .jqx-dropdownlist,
199
+ .jqx-combobox,
200
+ .jqx-dropdownbutton,
201
+ .jqx-text-area,
202
+ .jqx-input {
203
+ --jqx-border: var(--fluent-input-border);
204
+ --jqx-background: var(--fluent-input-background);
205
+ min-height: 22px !important;
206
+ background: var(--jqx-background);
207
+ color: var(--jqx-background-color);
208
+ border: 1px solid var(--jqx-border);
209
+ border-radius: 2px;
210
+ padding-left: 3px !important;
211
+ padding-right: 3px !important;
212
+ }
213
+ .jqx-dropdownlist.jqx-fill-state-pressed, .jqx-dropdownlist.jqx-fill-state-focus, .jqx-dropdownlist:focus,
214
+ .jqx-combobox.jqx-fill-state-pressed,
215
+ .jqx-combobox.jqx-fill-state-focus,
216
+ .jqx-combobox:focus,
217
+ .jqx-dropdownbutton.jqx-fill-state-pressed,
218
+ .jqx-dropdownbutton.jqx-fill-state-focus,
219
+ .jqx-dropdownbutton:focus,
220
+ .jqx-text-area.jqx-fill-state-pressed,
221
+ .jqx-text-area.jqx-fill-state-focus,
222
+ .jqx-text-area:focus,
223
+ .jqx-input.jqx-fill-state-pressed,
224
+ .jqx-input.jqx-fill-state-focus,
225
+ .jqx-input:focus {
226
+ --jqx-border: var(--fluent-theme-primary) !important;
227
+ outline: 1px solid var(--jqx-border) !important;
228
+ }
229
+ .jqx-dropdownlist:hover, .jqx-dropdownlist[hover],
230
+ .jqx-combobox:hover,
231
+ .jqx-combobox[hover],
232
+ .jqx-dropdownbutton:hover,
233
+ .jqx-dropdownbutton[hover],
234
+ .jqx-text-area:hover,
235
+ .jqx-text-area[hover],
236
+ .jqx-input:hover,
237
+ .jqx-input[hover] {
238
+ --jqx-border: var(--fluent-input-border-hover);
239
+ }
240
+ .jqx-dropdownlist.jqx-input-disabled, .jqx-dropdownlist[disabled],
241
+ .jqx-combobox.jqx-input-disabled,
242
+ .jqx-combobox[disabled],
243
+ .jqx-dropdownbutton.jqx-input-disabled,
244
+ .jqx-dropdownbutton[disabled],
245
+ .jqx-text-area.jqx-input-disabled,
246
+ .jqx-text-area[disabled],
247
+ .jqx-input.jqx-input-disabled,
248
+ .jqx-input[disabled] {
249
+ --jqx-background: var(--fluent-input-disabled-background);
250
+ --jqx-background-color: var(--fluent-greys-grey90);
251
+ --jqx-border: var(--fluent-input-disabled-background);
252
+ opacity: 1;
253
+ }
254
+ .jqx-dropdownlist.jqx-input-disabled input, .jqx-dropdownlist[disabled] input,
255
+ .jqx-combobox.jqx-input-disabled input,
256
+ .jqx-combobox[disabled] input,
257
+ .jqx-dropdownbutton.jqx-input-disabled input,
258
+ .jqx-dropdownbutton[disabled] input,
259
+ .jqx-text-area.jqx-input-disabled input,
260
+ .jqx-text-area[disabled] input,
261
+ .jqx-input.jqx-input-disabled input,
262
+ .jqx-input[disabled] input {
263
+ color: var(--jqx-background-color);
264
+ }
265
+ .jqx-dropdownlist input,
266
+ .jqx-combobox input,
267
+ .jqx-dropdownbutton input,
268
+ .jqx-text-area input,
269
+ .jqx-input input {
270
+ background: transparent;
271
+ }
272
+ .jqx-dropdownlist .jqx-combobox-content,
273
+ .jqx-dropdownlist .jqx-combobox-arrow-normal,
274
+ .jqx-dropdownlist .jqx-action-button,
275
+ .jqx-combobox .jqx-combobox-content,
276
+ .jqx-combobox .jqx-combobox-arrow-normal,
277
+ .jqx-combobox .jqx-action-button,
278
+ .jqx-dropdownbutton .jqx-combobox-content,
279
+ .jqx-dropdownbutton .jqx-combobox-arrow-normal,
280
+ .jqx-dropdownbutton .jqx-action-button,
281
+ .jqx-text-area .jqx-combobox-content,
282
+ .jqx-text-area .jqx-combobox-arrow-normal,
283
+ .jqx-text-area .jqx-action-button,
284
+ .jqx-input .jqx-combobox-content,
285
+ .jqx-input .jqx-combobox-arrow-normal,
286
+ .jqx-input .jqx-action-button {
287
+ background-color: transparent;
288
+ border: 0 !important;
289
+ }
290
+ .jqx-dropdownlist .jqx-icon-arrow-up,
291
+ .jqx-combobox .jqx-icon-arrow-up,
292
+ .jqx-dropdownbutton .jqx-icon-arrow-up,
293
+ .jqx-text-area .jqx-icon-arrow-up,
294
+ .jqx-input .jqx-icon-arrow-up {
295
+ transform: rotate(180deg);
296
+ background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6.70898L0.146484 0.855469L0.855469 0.146484L6 5.29102L11.1445 0.146484L11.8535 0.855469L6 6.70898Z' fill='%23605E5C'/%3E%3C/svg%3E") !important;
297
+ background-repeat: no-repeat;
298
+ background-position: center center;
299
+ }
300
+ .jqx-dropdownlist .jqx-icon-arrow-down,
301
+ .jqx-dropdownlist .jqx-combobox-arrow-normal,
302
+ .jqx-dropdownlist .jqx-combobox-arrow-hover,
303
+ .jqx-combobox .jqx-icon-arrow-down,
304
+ .jqx-combobox .jqx-combobox-arrow-normal,
305
+ .jqx-combobox .jqx-combobox-arrow-hover,
306
+ .jqx-dropdownbutton .jqx-icon-arrow-down,
307
+ .jqx-dropdownbutton .jqx-combobox-arrow-normal,
308
+ .jqx-dropdownbutton .jqx-combobox-arrow-hover,
309
+ .jqx-text-area .jqx-icon-arrow-down,
310
+ .jqx-text-area .jqx-combobox-arrow-normal,
311
+ .jqx-text-area .jqx-combobox-arrow-hover,
312
+ .jqx-input .jqx-icon-arrow-down,
313
+ .jqx-input .jqx-combobox-arrow-normal,
314
+ .jqx-input .jqx-combobox-arrow-hover {
315
+ background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6.70898L0.146484 0.855469L0.855469 0.146484L6 5.29102L11.1445 0.146484L11.8535 0.855469L6 6.70898Z' fill='%23605E5C'/%3E%3C/svg%3E") !important;
316
+ background-repeat: no-repeat;
317
+ background-position: center center;
318
+ }
319
+
320
+ input.jqx-input {
321
+ padding-left: 10px !important;
322
+ padding-right: 10px !important;
323
+ }
324
+
325
+ .jqx-text-area {
326
+ padding: 7px 10px !important;
327
+ }
328
+
329
+ .jqx-input {
330
+ padding-top: 4px !important;
331
+ padding-bottom: 4px !important;
332
+ }
333
+
334
+ .jqx-listbox-container {
335
+ overflow: unset !important;
336
+ }
337
+
338
+ .jqx-listbox {
339
+ border-radius: 2px;
340
+ margin-top: 4px !important;
341
+ border-color: transparent !important;
342
+ box-shadow: var(--fluent-box-shadow-8) !important;
343
+ }
344
+ .jqx-listbox .jqx-item {
345
+ --jqx-background: var(--fluent-btn-secondary-bg);
346
+ --jqx-border: var(--jqx-background);
347
+ --jqx-background-color: var(--fluent-btn-secondary-color);
348
+ background: var(--jqx-background);
349
+ color: var(--jqx-background-color);
350
+ border: 1px solid var(--jqx-border);
351
+ border-radius: 1px;
352
+ }
353
+ .jqx-listbox .jqx-item:hover {
354
+ --jqx-background: var(--fluent-btn-secondary-bg-hover);
355
+ }
356
+ .jqx-listbox .jqx-item.jqx-fill-state-pressed, .jqx-listbox .jqx-item.jqx-fill-state-focus, .jqx-listbox .jqx-item:focus {
357
+ --jqx-border: var(--fluent-greys-grey190);
358
+ }
359
+ .jqx-listbox .jqx-item.jqx-fill-state-disabled {
360
+ opacity: 1;
361
+ --jqx-border: var(--fluent-greys-grey20);
362
+ --jqx-background: var(--fluent-greys-grey20);
363
+ --jqx-background-color: var(--fluent-greys-grey90);
364
+ }
365
+
366
+ .jqx-popup {
367
+ overflow: unset !important;
368
+ border-radius: 2px;
369
+ margin-top: 4px !important;
370
+ border-color: transparent !important;
371
+ box-shadow: var(--fluent-box-shadow-8) !important;
372
+ background: var(--fluent-greys-white);
373
+ }
374
+ .jqx-popup .jqx-item {
375
+ --jqx-background: var(--fluent-btn-secondary-bg);
376
+ --jqx-border: var(--jqx-background);
377
+ --jqx-background-color: var(--fluent-btn-secondary-color);
378
+ background: var(--jqx-background);
379
+ color: var(--jqx-background-color);
380
+ border: 1px solid var(--jqx-border);
381
+ border-radius: 1px;
382
+ margin: 0;
383
+ }
384
+ .jqx-popup .jqx-item:hover {
385
+ --jqx-background: var(--fluent-btn-secondary-bg-hover);
386
+ }
387
+ .jqx-popup .jqx-item.jqx-fill-state-pressed, .jqx-popup .jqx-item.jqx-fill-state-focus, .jqx-popup .jqx-item:focus {
388
+ --jqx-border: var(--fluent-greys-grey190);
389
+ }
390
+ .jqx-popup .jqx-item.jqx-fill-state-disabled {
391
+ opacity: 1;
392
+ --jqx-border: var(--fluent-greys-grey20);
393
+ --jqx-background: var(--fluent-greys-grey20);
394
+ --jqx-background-color: var(--fluent-greys-grey90);
395
+ }
396
+
397
+ .jqx-color-picker {
398
+ background: var(--fluent-greys-white);
399
+ padding: 8px 8px 35px 8px;
400
+ }
401
+ .jqx-color-picker .jqx-color-picker-panel > div {
402
+ display: flex;
403
+ align-items: center;
404
+ }
405
+
406
+ .jqx-slider {
407
+ --jqx-primary: var(--fluent-greys-grey130);
408
+ --jqx-ui-state-active: var(--fluent-greys-grey130);
409
+ --jqx-disabled: var(--fluent-greys-grey60);
410
+ --jqx-slider-track-size: 4px;
411
+ --jqx-slider-thumb-width: 16px;
412
+ --jqx-slider-thumb-height: 16px;
413
+ overflow: unset;
414
+ opacity: 1;
415
+ }
416
+ .jqx-slider .jqx-track-container {
417
+ border-radius: 2px;
418
+ }
419
+ .jqx-slider .jqx-slider-track {
420
+ background: var(--jqx-disabled);
421
+ overflow: unset;
422
+ }
423
+ .jqx-slider .jqx-slider-track .jqx-fill-state-normal {
424
+ width: 16px;
425
+ height: 16px;
426
+ background-color: var(--fluent-greys-white) !important;
427
+ border-width: 2px;
428
+ border-color: var(--jqx-ui-state-active);
429
+ }
430
+ .jqx-slider .jqx-slider-track .jqx-fill-state-pressed {
431
+ background-color: var(--jqx-ui-state-active);
432
+ border-width: 2px;
433
+ }
434
+ .jqx-slider .jqx-slider-track:hover {
435
+ background: var(--fluent-theme-light);
436
+ }
437
+ .jqx-slider .jqx-slider-track:hover .jqx-fill-state-pressed {
438
+ background-color: var(--fluent-theme-primary);
439
+ }
440
+ .jqx-slider .jqx-slider-track:hover .jqx-fill-state-normal,
441
+ .jqx-slider .jqx-slider-track:hover .jqx-fill-state-hover {
442
+ border-color: var(--fluent-theme-primary);
443
+ }
444
+ .jqx-slider[disabled] {
445
+ opacity: 1;
446
+ }
447
+ .jqx-slider[disabled] .jqx-track {
448
+ --jqx-primary: var(--fluent-greys-grey90);
449
+ background-color: var(--fluent-greys-grey20);
450
+ --jqx-disabled: var(--fluent-greys-grey20);
451
+ }
452
+ .jqx-slider[disabled] .jqx-track .jqx-value {
453
+ background-color: var(--fluent-greys-grey90);
454
+ }
455
+
456
+ .jqx-calendar {
457
+ box-shadow: var(--fluent-box-shadow-8);
458
+ border: 0;
459
+ border-radius: 2px;
460
+ }
461
+ .jqx-calendar .jqx-calendar-title-header {
462
+ background: transparent;
463
+ }
464
+ .jqx-calendar .jqx-calendar-column-header {
465
+ border: 0;
466
+ }
467
+ .jqx-calendar td {
468
+ border-radius: 0px;
469
+ }
470
+ .jqx-calendar td.jqx-fill-state-pressed {
471
+ border-color: var(--fluent-greys-grey130) !important;
472
+ background: var(--fluent-greys-grey30) !important;
473
+ color: var(--fluent-greys-grey190) !important;
474
+ }
475
+ .jqx-calendar td.jqx-fill-state-hover {
476
+ border-color: var(--fluent-greys-grey20);
477
+ background: var(--fluent-greys-grey20);
478
+ }
479
+ .jqx-calendar td.jqx-calendar-cell-today {
480
+ border-color: var(--fluent-theme-primary);
481
+ background: var(--fluent-theme-primary);
482
+ color: var(--fluent-greys-white);
483
+ border-radius: 50px;
484
+ }
485
+
486
+ .jqx-rating-image-default img,
487
+ .jqx-rating-image-hover img,
488
+ .jqx-rating-image-backward img {
489
+ visibility: hidden;
490
+ }
491
+ .jqx-rating-image-default:after,
492
+ .jqx-rating-image-hover:after,
493
+ .jqx-rating-image-backward:after {
494
+ content: "";
495
+ top: 0;
496
+ position: absolute;
497
+ display: block;
498
+ background-position: center center;
499
+ background-repeat: no-repeat;
500
+ width: 20px;
501
+ height: 20px;
502
+ }
503
+
504
+ .jqx-rating-image-backward:after {
505
+ background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8281 12.2461L16.25 20L10 15.1953L3.75 20L6.17188 12.2461L0 7.5H7.65625L10 0L12.3438 7.5H20L13.8281 12.2461ZM13.877 16.6016C13.6296 15.7943 13.3822 14.9935 13.1348 14.1992C12.8874 13.3984 12.6335 12.5944 12.373 11.7871C13.0436 11.2858 13.7044 10.7812 14.3555 10.2734C15.0065 9.76562 15.6641 9.25781 16.3281 8.75H11.4258L10 4.18945L8.57422 8.75H3.67188C4.33594 9.25781 4.99349 9.76562 5.64453 10.2734C6.29557 10.7812 6.95638 11.2858 7.62695 11.7871C7.36654 12.5944 7.11263 13.3984 6.86523 14.1992C6.61784 14.9935 6.37044 15.7943 6.12305 16.6016L10 13.6133L13.877 16.6016Z' fill='%23A19F9D'/%3E%3C/svg%3E");
506
+ background-color: #fff;
507
+ }
508
+
509
+ .jqx-rating-image-hover:after {
510
+ background-image: url("data:image/svg+xml,%3Csvg width='24' height='36' viewBox='0 0 24 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8281 20.2461L18.25 28L12 23.1953L5.75 28L8.17188 20.2461L2 15.5H9.65625L12 8L14.3438 15.5H22L15.8281 20.2461Z' fill='%230078D4'/%3E%3C/svg%3E");
511
+ }
512
+
513
+ .jqx-rating-image-default:after {
514
+ background-image: url("data:image/svg+xml,%3Csvg width='24' height='36' viewBox='0 0 24 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8281 20.2461L18.25 28L12 23.1953L5.75 28L8.17188 20.2461L2 15.5H9.65625L12 8L14.3438 15.5H22L15.8281 20.2461Z' fill='%23201F1E'/%3E%3C/svg%3E");
515
+ }
516
+
517
+ .jqx-tooltip {
518
+ --jqx-tooltip-arrow-width: 16px;
519
+ --jqx-tooltip-arrow-translate: 0;
520
+ border: var(--jqx-border-width) solid var(--fluent-tooltip-bg);
521
+ background-color: var(--fluent-tooltip-bg);
522
+ color: var(--fluent-tooltip-color);
523
+ box-shadow: var(--fluent-box-shadow-16) !important;
524
+ border-radius: 2px;
525
+ opacity: 1 !important;
526
+ }
527
+ .jqx-tooltip .jqx-tooltip-main {
528
+ border: var(--jqx-border-width) solid var(--fluent-tooltip-bg);
529
+ background-color: var(--fluent-tooltip-bg);
530
+ color: var(--fluent-tooltip-color);
531
+ border-radius: 2px;
532
+ }
533
+ .jqx-tooltip .jqx-tooltip-main > div {
534
+ background: transparent !important;
535
+ border: 0 !important;
536
+ }
537
+ .jqx-tooltip .jqx-tooltip-main:after {
538
+ content: "";
539
+ width: 0;
540
+ height: 0;
541
+ border-left: var(--jqx-tooltip-arrow-width) solid transparent;
542
+ border-right: var(--jqx-tooltip-arrow-width) solid transparent;
543
+ border-top: var(--jqx-tooltip-arrow-width) solid var(--fluent-tooltip-bg);
544
+ position: absolute;
545
+ bottom: 0;
546
+ left: calc(50% - var(--jqx-tooltip-arrow-width));
547
+ transform: translateX(var(--jqx-tooltip-arrow-translate));
548
+ top: 100%;
549
+ }
550
+
551
+ .jqx-popover {
552
+ border: var(--jqx-border-width) solid var(--fluent-tooltip-bg);
553
+ background-color: var(--fluent-tooltip-bg);
554
+ color: var(--fluent-tooltip-color);
555
+ box-shadow: var(--fluent-box-shadow-16) !important;
556
+ border-radius: 2px;
557
+ }
558
+ .jqx-popover .jqx-popover-title {
559
+ border: var(--jqx-border-width) solid var(--fluent-tooltip-bg);
560
+ background-color: var(--fluent-tooltip-bg);
561
+ color: var(--fluent-tooltip-color);
562
+ border-radius: 2px;
563
+ }
564
+ .jqx-popover .jqx-popover-arrow:after {
565
+ border-width: 16px;
566
+ }
567
+ .jqx-popover.bottom .jqx-popover-arrow:after {
568
+ top: 0;
569
+ margin-left: -16px;
570
+ }
571
+ .jqx-popover.top .jqx-popover-arrow:after {
572
+ bottom: 0;
573
+ margin-left: -16px;
574
+ }
575
+ .jqx-popover.left .jqx-popover-arrow:after {
576
+ right: 0;
577
+ bottom: -16px;
578
+ }
579
+ .jqx-popover.right .jqx-popover-arrow:after {
580
+ left: 0;
581
+ bottom: -16px;
582
+ }
583
+
584
+ .jqx-window {
585
+ border: var(--jqx-border-width) solid var(--fluent-tooltip-bg);
586
+ background-color: var(--fluent-tooltip-bg);
587
+ color: var(--fluent-tooltip-color);
588
+ box-shadow: var(--fluent-box-shadow-64) !important;
589
+ border-radius: 2px;
590
+ padding: 18px 24px;
591
+ }
592
+ .jqx-window .jqx-window-collapse-button-background {
593
+ display: none;
594
+ }
595
+ .jqx-window .jqx-icon-close {
596
+ background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.71094 7L13.1016 12.3984L12.3984 13.1016L7 7.71094L1.60156 13.1016L0.898438 12.3984L6.28906 7L0.898438 1.60156L1.60156 0.898438L7 6.28906L12.3984 0.898438L13.1016 1.60156L7.71094 7Z' fill='%23605E5C'/%3E%3C/svg%3E");
597
+ }
598
+ .jqx-window .jqx-window-header {
599
+ border: var(--jqx-border-width) solid var(--fluent-tooltip-bg);
600
+ background-color: var(--fluent-tooltip-bg);
601
+ color: var(--fluent-tooltip-color);
602
+ border-radius: 2px;
603
+ font-size: 20px;
604
+ }
605
+
606
+ .jqx-time-picker {
607
+ border: var(--jqx-border-width) solid var(--fluent-tooltip-bg);
608
+ background-color: var(--fluent-tooltip-bg);
609
+ color: var(--fluent-tooltip-color);
610
+ box-shadow: var(--fluent-box-shadow-16) !important;
611
+ border-radius: 2px;
612
+ }
613
+ .jqx-time-picker .jqx-svg-picker:focus {
614
+ border-color: var(--fluent-theme-primary);
615
+ }
616
+ .jqx-time-picker .jqx-widget-header {
617
+ fill: var(--fluent-theme-primary);
618
+ }
619
+ .jqx-time-picker .jqx-header {
620
+ background: var(--fluent-theme-primary);
621
+ color: var(--fluent-greys-white);
622
+ }
623
+
624
+ .jqx-progressbar {
625
+ border: 0;
626
+ background: var(--fluent-greys-grey30);
627
+ }
628
+ .jqx-progressbar .jqx-fill-state-pressed {
629
+ background: var(--fluent-theme-primary);
630
+ }
631
+
632
+ @-webkit-keyframes css-spinner {
633
+ 0% {
634
+ transform: rotate(0deg);
635
+ }
636
+ 100% {
637
+ transform: rotate(360deg);
638
+ }
639
+ }
640
+
641
+ @keyframes css-spinner {
642
+ 0% {
643
+ transform: rotate(0deg);
644
+ }
645
+ 100% {
646
+ transform: rotate(360deg);
647
+ }
648
+ }
649
+ .jqx-loader {
650
+ background: transparent;
651
+ color: var(--fluent-theme-primary);
652
+ box-shadow: unset !important;
653
+ }
654
+ .jqx-loader .jqx-loader-icon {
655
+ background-image: unset;
656
+ box-sizing: border-box;
657
+ border-radius: 50%;
658
+ border-width: 1.5px;
659
+ border-style: solid;
660
+ border-color: rgb(0, 120, 212) rgb(199, 224, 244) rgb(199, 224, 244);
661
+ -o-border-image: initial;
662
+ border-image: initial;
663
+ -webkit-animation-name: css-spinner;
664
+ animation-name: css-spinner;
665
+ -webkit-animation-duration: 1.3s;
666
+ animation-duration: 1.3s;
667
+ -webkit-animation-iteration-count: infinite;
668
+ animation-iteration-count: infinite;
669
+ -webkit-animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67);
670
+ animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67);
671
+ width: 28px;
672
+ height: 28px;
673
+ position: relative;
674
+ margin: 0 auto 25px auto;
675
+ }
676
+
677
+ /* ALERT */
678
+ .jqx-notification {
679
+ display: flex;
680
+ align-items: center;
681
+ border-radius: 0;
682
+ padding: 3px 10px;
683
+ border: 0;
684
+ font-size: 12px;
685
+ color: var(--fluent-alert-color);
686
+ box-shadow: unset !important;
687
+ }
688
+ .jqx-notification > div {
689
+ display: flex;
690
+ align-items: center;
691
+ }
692
+ .jqx-notification.jqx-notification-primary {
693
+ color: var(--fluent-alert-color) !important;
694
+ background-color: var(--fluent-theme-light) !important;
695
+ }
696
+ .jqx-notification.jqx-notification-info {
697
+ color: var(--fluent-alert-color) !important;
698
+ background-color: var(--fluent-greys-grey20) !important;
699
+ }
700
+ .jqx-notification.jqx-notification-success {
701
+ color: var(--fluent-alert-color) !important;
702
+ background-color: var(--fluent-success-bg) !important;
703
+ }
704
+ .jqx-notification.jqx-notification-warning {
705
+ color: var(--fluent-alert-color) !important;
706
+ background-color: var(--fluent-warning-bg) !important;
707
+ }
708
+ .jqx-notification.jqx-notification-severe-warning {
709
+ color: var(--fluent-alert-color) !important;
710
+ background-color: var(--fluent-severe-warning-bg) !important;
711
+ }
712
+ .jqx-notification.jqx-notification-error {
713
+ color: var(--fluent-alert-color) !important;
714
+ background-color: var(--fluent-error-bg) !important;
715
+ }
716
+ .jqx-notification .jqx-notification-icon.jqx-notification-icon-info,
717
+ .jqx-notification .jqx-notification-icon.jqx-notification-icon-primary,
718
+ .jqx-notification .jqx-notification-icon.jqx-notification-icon-warning {
719
+ background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 15C6.80729 15 6.14062 14.9115 5.5 14.7344C4.86458 14.5573 4.26823 14.3073 3.71094 13.9844C3.15365 13.6562 2.64583 13.2656 2.1875 12.8125C1.73438 12.3542 1.34375 11.8464 1.01562 11.2891C0.692708 10.7318 0.442708 10.1354 0.265625 9.5C0.0885417 8.85938 0 8.19271 0 7.5C0 6.80729 0.0885417 6.14323 0.265625 5.50781C0.442708 4.86719 0.692708 4.26823 1.01562 3.71094C1.34375 3.15365 1.73438 2.64844 2.1875 2.19531C2.64583 1.73698 3.15365 1.34635 3.71094 1.02344C4.26823 0.695312 4.86458 0.442708 5.5 0.265625C6.14062 0.0885417 6.80729 0 7.5 0C8.19271 0 8.85677 0.0885417 9.49219 0.265625C10.1328 0.442708 10.7318 0.695312 11.2891 1.02344C11.8464 1.34635 12.3516 1.73698 12.8047 2.19531C13.263 2.64844 13.6536 3.15365 13.9766 3.71094C14.3047 4.26823 14.5573 4.86719 14.7344 5.50781C14.9115 6.14323 15 6.80729 15 7.5C15 8.19271 14.9115 8.85938 14.7344 9.5C14.5573 10.1354 14.3047 10.7318 13.9766 11.2891C13.6536 11.8464 13.263 12.3542 12.8047 12.8125C12.3516 13.2656 11.8464 13.6562 11.2891 13.9844C10.7318 14.3073 10.1328 14.5573 9.49219 14.7344C8.85677 14.9115 8.19271 15 7.5 15ZM7.5 1C6.90104 1 6.32552 1.07812 5.77344 1.23438C5.22135 1.39062 4.70312 1.60938 4.21875 1.89062C3.73958 2.17188 3.30208 2.51042 2.90625 2.90625C2.51042 3.30208 2.17188 3.74219 1.89062 4.22656C1.60938 4.70573 1.39062 5.22396 1.23438 5.78125C1.07812 6.33333 1 6.90625 1 7.5C1 8.09375 1.07812 8.66927 1.23438 9.22656C1.39062 9.77865 1.60938 10.2969 1.89062 10.7812C2.17188 11.2604 2.51042 11.6979 2.90625 12.0938C3.30208 12.4896 3.73958 12.8281 4.21875 13.1094C4.70312 13.3906 5.22135 13.6094 5.77344 13.7656C6.32552 13.9219 6.90104 14 7.5 14C8.09375 14 8.66667 13.9219 9.21875 13.7656C9.77604 13.6094 10.2943 13.3906 10.7734 13.1094C11.2578 12.8281 11.6979 12.4896 12.0938 12.0938C12.4896 11.6979 12.8281 11.2604 13.1094 10.7812C13.3906 10.2969 13.6094 9.77865 13.7656 9.22656C13.9219 8.67448 14 8.09896 14 7.5C14 6.90625 13.9219 6.33333 13.7656 5.78125C13.6094 5.22396 13.3906 4.70573 13.1094 4.22656C12.8281 3.74219 12.4896 3.30208 12.0938 2.90625C11.6979 2.51042 11.2578 2.17188 10.7734 1.89062C10.2943 1.60938 9.77604 1.39062 9.21875 1.23438C8.66667 1.07812 8.09375 1 7.5 1ZM7 6H8V11H7V6ZM7 4H8V5H7V4Z' fill='%23605E5C'/%3E%3C/svg%3E");
720
+ width: 30px;
721
+ height: 25px;
722
+ }
723
+ .jqx-notification .jqx-notification-icon.jqx-notification-icon-serve-warning {
724
+ background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 15H0L7.5 0L15 15ZM1.61719 14H13.3828L7.5 2.23438L1.61719 14ZM8 6V11H7V6H8ZM7 12H8V13H7V12Z' fill='%23D83B01'/%3E%3C/svg%3E");
725
+ width: 30px;
726
+ height: 25px;
727
+ }
728
+ .jqx-notification .jqx-notification-icon.jqx-notification-icon-success {
729
+ background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6484 4.64844L12.3516 5.35156L6.5 11.2031L3.64844 8.35156L4.35156 7.64844L6.5 9.79688L11.6484 4.64844ZM8 0C8.73438 0 9.44271 0.0963542 10.125 0.289062C10.8073 0.476562 11.4453 0.744792 12.0391 1.09375C12.6328 1.4375 13.1719 1.85417 13.6562 2.34375C14.1458 2.82812 14.5625 3.36719 14.9062 3.96094C15.2552 4.55469 15.5234 5.19271 15.7109 5.875C15.9036 6.55729 16 7.26562 16 8C16 8.73438 15.9036 9.44271 15.7109 10.125C15.5234 10.8073 15.2552 11.4453 14.9062 12.0391C14.5625 12.6328 14.1458 13.1745 13.6562 13.6641C13.1719 14.1484 12.6328 14.5651 12.0391 14.9141C11.4453 15.2578 10.8073 15.526 10.125 15.7188C9.44271 15.9062 8.73438 16 8 16C7.26562 16 6.55729 15.9062 5.875 15.7188C5.19271 15.526 4.55469 15.2578 3.96094 14.9141C3.36719 14.5651 2.82552 14.1484 2.33594 13.6641C1.85156 13.1745 1.4349 12.6328 1.08594 12.0391C0.742188 11.4453 0.473958 10.8099 0.28125 10.1328C0.09375 9.45052 0 8.73958 0 8C0 7.26562 0.09375 6.55729 0.28125 5.875C0.473958 5.19271 0.742188 4.55469 1.08594 3.96094C1.4349 3.36719 1.85156 2.82812 2.33594 2.34375C2.82552 1.85417 3.36719 1.4375 3.96094 1.09375C4.55469 0.744792 5.1901 0.476562 5.86719 0.289062C6.54948 0.0963542 7.26042 0 8 0ZM8 15C8.64062 15 9.25781 14.9167 9.85156 14.75C10.4505 14.5833 11.0078 14.349 11.5234 14.0469C12.0443 13.7396 12.5182 13.3724 12.9453 12.9453C13.3724 12.5182 13.737 12.0469 14.0391 11.5312C14.3464 11.0104 14.5833 10.4531 14.75 9.85938C14.9167 9.26562 15 8.64583 15 8C15 7.35938 14.9167 6.74219 14.75 6.14844C14.5833 5.54948 14.3464 4.99219 14.0391 4.47656C13.737 3.95573 13.3724 3.48177 12.9453 3.05469C12.5182 2.6276 12.0443 2.26302 11.5234 1.96094C11.0078 1.65365 10.4505 1.41667 9.85156 1.25C9.25781 1.08333 8.64062 1 8 1C7.35938 1 6.73958 1.08333 6.14062 1.25C5.54688 1.41667 4.98958 1.65365 4.46875 1.96094C3.95312 2.26302 3.48177 2.6276 3.05469 3.05469C2.6276 3.48177 2.26042 3.95573 1.95312 4.47656C1.65104 4.99219 1.41667 5.54948 1.25 6.14844C1.08333 6.74219 1 7.35938 1 8C1 8.64062 1.08333 9.26042 1.25 9.85938C1.41667 10.4531 1.65104 11.0104 1.95312 11.5312C2.26042 12.0469 2.6276 12.5182 3.05469 12.9453C3.48177 13.3724 3.95312 13.7396 4.46875 14.0469C4.98958 14.349 5.54688 14.5833 6.14062 14.75C6.73438 14.9167 7.35417 15 8 15Z' fill='%23107C10'/%3E%3C/svg%3E");
730
+ }
731
+ .jqx-notification .jqx-notification-icon.jqx-notification-icon-error {
732
+ background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0C8.73438 0 9.44271 0.0963542 10.125 0.289062C10.8073 0.476562 11.4427 0.744792 12.0312 1.09375C12.625 1.44271 13.1641 1.86198 13.6484 2.35156C14.138 2.83594 14.5573 3.375 14.9062 3.96875C15.2552 4.55729 15.5234 5.19271 15.7109 5.875C15.9036 6.55729 16 7.26562 16 8C16 8.73438 15.9036 9.44271 15.7109 10.125C15.5234 10.8073 15.2552 11.4453 14.9062 12.0391C14.5573 12.6276 14.138 13.1667 13.6484 13.6562C13.1641 14.1406 12.625 14.5573 12.0312 14.9062C11.4427 15.2552 10.8073 15.526 10.125 15.7188C9.44271 15.9062 8.73438 16 8 16C7.26562 16 6.55729 15.9062 5.875 15.7188C5.19271 15.526 4.55469 15.2552 3.96094 14.9062C3.3724 14.5573 2.83333 14.1406 2.34375 13.6562C1.85938 13.1667 1.44271 12.6276 1.09375 12.0391C0.744792 11.4453 0.473958 10.8073 0.28125 10.125C0.09375 9.44271 0 8.73438 0 8C0 7.26562 0.09375 6.55729 0.28125 5.875C0.473958 5.19271 0.744792 4.55729 1.09375 3.96875C1.44271 3.375 1.85938 2.83594 2.34375 2.35156C2.83333 1.86198 3.3724 1.44271 3.96094 1.09375C4.55469 0.744792 5.19271 0.476562 5.875 0.289062C6.55729 0.0963542 7.26562 0 8 0ZM8 15C8.64583 15 9.26562 14.9167 9.85938 14.75C10.4583 14.5833 11.0156 14.349 11.5312 14.0469C12.0521 13.7396 12.5234 13.375 12.9453 12.9531C13.3724 12.526 13.737 12.0547 14.0391 11.5391C14.3464 11.0182 14.5833 10.4609 14.75 9.86719C14.9167 9.26823 15 8.64583 15 8C15 7.35417 14.9167 6.73438 14.75 6.14062C14.5833 5.54167 14.3464 4.98438 14.0391 4.46875C13.737 3.94792 13.3724 3.47656 12.9453 3.05469C12.5234 2.6276 12.0521 2.26302 11.5312 1.96094C11.0156 1.65365 10.4583 1.41667 9.85938 1.25C9.26562 1.08333 8.64583 1 8 1C7.35417 1 6.73177 1.08333 6.13281 1.25C5.53906 1.41667 4.98177 1.65365 4.46094 1.96094C3.94531 2.26302 3.47396 2.6276 3.04688 3.05469C2.625 3.47656 2.26042 3.94792 1.95312 4.46875C1.65104 4.98438 1.41667 5.54167 1.25 6.14062C1.08333 6.73438 1 7.35417 1 8C1 8.64583 1.08333 9.26823 1.25 9.86719C1.41667 10.4609 1.65104 11.0182 1.95312 11.5391C2.26042 12.0547 2.625 12.526 3.04688 12.9531C3.47396 13.375 3.94531 13.7396 4.46094 14.0469C4.98177 14.349 5.53906 14.5833 6.13281 14.75C6.73177 14.9167 7.35417 15 8 15ZM11.4609 5.24219L8.71094 8L11.4609 10.7578L10.7578 11.4609L8 8.71094L5.24219 11.4609L4.53906 10.7578L7.28906 8L4.53906 5.24219L5.24219 4.53906L8 7.28906L10.7578 4.53906L11.4609 5.24219Z' fill='%23A4262C'/%3E%3C/svg%3E");
733
+ }
734
+ .jqx-notification .jqx-notification-close-button {
735
+ background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.44434 5L9.90723 9.46777L9.46777 9.90723L5 5.44434L0.532227 9.90723L0.0927734 9.46777L4.55566 5L0.0927734 0.532227L0.532227 0.0927734L5 4.55566L9.46777 0.0927734L9.90723 0.532227L5.44434 5Z' fill='%23201F1E'/%3E%3C/svg%3E") !important;
736
+ right: 0 !important;
737
+ top: 0 !important;
738
+ background-position: center center !important;
739
+ }
740
+
741
+ .jqx-bar-gauge svg > path.jqx-bar-gauge-background-slice {
742
+ fill: var(--fluent-greys-grey10) !important;
743
+ }
744
+ .jqx-bar-gauge svg > path#jqxBarGaugeSlice0 {
745
+ fill: var(--fluent-success-bg) !important;
746
+ }
747
+ .jqx-bar-gauge svg > path#jqxBarGaugeSlice1 {
748
+ fill: var(--fluent-error-bg) !important;
749
+ }
750
+ .jqx-bar-gauge svg > path#jqxBarGaugeSlice2 {
751
+ fill: var(--fluent-warning-bg) !important;
752
+ }
753
+ .jqx-bar-gauge svg > path#jqxBarGaugeSlice3 {
754
+ fill: var(--fluent-theme-lighter) !important;
755
+ }
756
+ .jqx-bar-gauge #jqxBarGaugeLabelLine0,
757
+ .jqx-bar-gauge #jqxBarGaugeLabel0 {
758
+ fill: var(--fluent-success-color) !important;
759
+ stroke: var(--fluent-success-color) !important;
760
+ }
761
+ .jqx-bar-gauge #jqxBarGaugeLabelLine1,
762
+ .jqx-bar-gauge #jqxBarGaugeLabel1 {
763
+ fill: var(--fluent-error-color) !important;
764
+ stroke: var(--fluent-error-color) !important;
765
+ }
766
+ .jqx-bar-gauge #jqxBarGaugeLabelLine2,
767
+ .jqx-bar-gauge #jqxBarGaugeLabel2 {
768
+ fill: var(--fluent-warning-color) !important;
769
+ stroke: var(--fluent-warning-color) !important;
770
+ }
771
+ .jqx-bar-gauge #jqxBarGaugeLabelLine3,
772
+ .jqx-bar-gauge #jqxBarGaugeLabel3 {
773
+ fill: var(--fluent-theme-primary) !important;
774
+ stroke: var(--fluent-theme-primary) !important;
775
+ }
776
+
777
+ #jqxMenu.jqx-menu {
778
+ border: 0;
779
+ background: var(--fluent-theme-primary);
780
+ border-radius: 0;
781
+ color: var(--fluent-greys-white);
782
+ position: relative;
783
+ display: flex;
784
+ align-items: center;
785
+ }
786
+ #jqxMenu.jqx-menu:not(.jqx-touch) .jqx-menu-ul {
787
+ display: flex;
788
+ height: 100%;
789
+ align-items: center;
790
+ }
791
+ #jqxMenu.jqx-menu:not(.jqx-touch) .jqx-menu-ul li {
792
+ display: flex;
793
+ height: 100%;
794
+ align-items: center;
795
+ border: 0;
796
+ }
797
+ #jqxMenu.jqx-menu .jqx-menu-minimized-button {
798
+ filter: invert(1000%);
799
+ }
800
+ #jqxMenu.jqx-menu .jqx-menu-item-top {
801
+ border-radius: 0px;
802
+ }
803
+ #jqxMenu.jqx-menu .jqx-menu-item-top.jqx-menu-item-top-hover {
804
+ background: var(--fluent-theme-dark);
805
+ color: var(--fluent-greys-white);
806
+ }
807
+ #jqxMenu.jqx-menu .jqx-menu-item-top.jqx-menu-item-top-selected:not(.jqx-menu-item-top-hover) {
808
+ background: var(--fluent-theme-darker);
809
+ color: var(--fluent-greys-white);
810
+ }
811
+
812
+ .jqx-tabs {
813
+ border: 0;
814
+ background: transparent;
815
+ }
816
+ .jqx-tabs .jqx-tabs-header {
817
+ border: 0;
818
+ background: transparent;
819
+ margin-bottom: 15px;
820
+ padding: 0;
821
+ }
822
+ .jqx-tabs .jqx-tabs-header .jqx-item {
823
+ margin: 0 7px !important;
824
+ border: 0;
825
+ border-bottom: 2px solid transparent;
826
+ color: var(--fluent-btn-secondary-color);
827
+ padding: 7px 5px !important;
828
+ }
829
+ .jqx-tabs .jqx-tabs-header .jqx-item:focus {
830
+ border: 1px solid var(--fluent-input-border-hover);
831
+ border-radius: 2px;
832
+ }
833
+ .jqx-tabs .jqx-tabs-header .jqx-item.jqx-fill-state-pressed {
834
+ border-color: var(--fluent-theme-primary);
835
+ }
836
+ .jqx-tabs .jqx-tabs-header .jqx-item.jqx-fill-state-pressed:hover {
837
+ background: var(--fluent-btn-secondary-bg-hover);
838
+ }
839
+ .jqx-tabs .jqx-tabs-header .jqx-item.jqx-fill-state-hover {
840
+ border-color: var(--fluent-btn-secondary-bg-hover);
841
+ background: var(--fluent-btn-secondary-bg-hover);
842
+ }
843
+
844
+ .jqx-tabs.primary {
845
+ border: 0;
846
+ background: transparent;
847
+ }
848
+ .jqx-tabs.primary .jqx-tabs-header {
849
+ border: 0;
850
+ background: transparent;
851
+ margin-bottom: 15px;
852
+ padding: 0;
853
+ }
854
+ .jqx-tabs.primary .jqx-tabs-header .jqx-item {
855
+ margin: 0 7px !important;
856
+ border: 1px solid transparent;
857
+ color: var(--fluent-btn-secondary-color);
858
+ padding: 7px 5px !important;
859
+ border-radius: 0 !important;
860
+ }
861
+ .jqx-tabs.primary .jqx-tabs-header .jqx-item:focus {
862
+ border: 1px solid var(--fluent-input-border-hover);
863
+ border-radius: 2px;
864
+ }
865
+ .jqx-tabs.primary .jqx-tabs-header .jqx-item.jqx-fill-state-pressed {
866
+ color: var(--fluent-btn-primary-color);
867
+ background: var(--fluent-btn-primary-bg);
868
+ }
869
+ .jqx-tabs.primary .jqx-tabs-header .jqx-item.jqx-fill-state-pressed:hover {
870
+ background: var(--fluent-btn-primary-bg-hover);
871
+ }
872
+ .jqx-tabs.primary .jqx-tabs-header .jqx-item.jqx-fill-state-hover {
873
+ color: var(--fluent-btn-primary-color);
874
+ border-color: var(--fluent-btn-primary-bg-hover);
875
+ background: var(--fluent-btn-primary-bg-hover);
876
+ }
877
+
878
+ .jqx-navigationbar,
879
+ .jqx-expander {
880
+ background: var(--fluent-greys-white);
881
+ }
882
+ .jqx-navigationbar .jqx-expander-header,
883
+ .jqx-expander .jqx-expander-header {
884
+ background: transparent;
885
+ font-size: 16px;
886
+ display: flex;
887
+ align-items: center;
888
+ justify-content: flex-end;
889
+ color: var(--fluent-greys-grey190);
890
+ flex-direction: row-reverse;
891
+ gap: 10px;
892
+ padding: 10px 20px;
893
+ }
894
+ .jqx-navigationbar .jqx-expander-header .jqx-expander-arrow,
895
+ .jqx-expander .jqx-expander-header .jqx-expander-arrow {
896
+ transform: rotate(-90deg);
897
+ background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
898
+ }
899
+ .jqx-navigationbar .jqx-expander-header .jqx-expander-arrow.jqx-expander-arrow-expanded,
900
+ .jqx-expander .jqx-expander-header .jqx-expander-arrow.jqx-expander-arrow-expanded {
901
+ transform: rotate(0deg);
902
+ }
903
+
904
+ .jqx-bulletchart .jqx-bulletchart-target,
905
+ .jqx-bulletchart .jqx-bulletchart-pointer,
906
+ .jqx-bulletchart .jqx-bulletchart-range {
907
+ background-color: var(--fluent-theme-primary) !important;
908
+ }
909
+
910
+ .jqx-tree {
911
+ margin: 0;
912
+ border: 0;
913
+ background: var(--fluent-greys-white);
914
+ }
915
+ .jqx-tree .jqx-tree-item-arrow-expand {
916
+ margin-right: 10px;
917
+ margin-top: 9px !important;
918
+ transform: rotate(180deg);
919
+ background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
920
+ }
921
+ .jqx-tree .jqx-tree-item-arrow-collapse {
922
+ margin-right: 10px;
923
+ margin-top: 9px !important;
924
+ background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
925
+ transform: rotate(0deg);
926
+ }
927
+ .jqx-tree .jqx-tree-dropdown-root {
928
+ width: 100% !important;
929
+ margin: 10px 0 !important;
930
+ }
931
+ .jqx-tree .jqx-tree-dropdown-root .jqx-tree-item {
932
+ border: 0 !important;
933
+ display: block !important;
934
+ overflow: hidden;
935
+ border-radius: 0;
936
+ padding: 10px !important;
937
+ }
938
+ .jqx-tree .jqx-tree-dropdown-root .jqx-tree-item-hover {
939
+ background: var(--fluent-greys-grey20);
940
+ color: var(--fluent-greys-grey190);
941
+ }
942
+ .jqx-tree .jqx-tree-dropdown-root .jqx-fill-state-pressed,
943
+ .jqx-tree .jqx-tree-dropdown-root .jqx-tree-item-selected {
944
+ background: var(--fluent-theme-primary);
945
+ color: var(--fluent-greys-white);
946
+ }
947
+ .jqx-tree .jqx-tree-dropdown-root li.xx-jqx-tree-item-li {
948
+ display: block;
949
+ width: 100%;
950
+ margin: 0 !important;
951
+ margin-top: 0 !important;
952
+ line-height: 1 !important;
953
+ padding-top: 10px !important;
954
+ padding-bottom: 10px !important;
955
+ }
956
+ .jqx-tree .jqx-tree-dropdown-root li.xx-jqx-tree-item-li .jqx-tree-item {
957
+ border: 0 !important;
958
+ padding-top: 10px !important;
959
+ padding-bottom: 10px !important;
960
+ display: block !important;
961
+ overflow: hidden;
962
+ }
963
+ .jqx-tree .jqx-tree-dropdown-root li.xx-jqx-tree-item-li .jqx-tree-item-selected,
964
+ .jqx-tree .jqx-tree-dropdown-root li.xx-jqx-tree-item-li .jqx-fill-state-pressed {
965
+ display: block !important;
966
+ background: transparent;
967
+ }
968
+ .jqx-tree .jqx-tree-dropdown-root li.xx-jqx-tree-item-li .jqx-tree-item-selected[aria-selected=true],
969
+ .jqx-tree .jqx-tree-dropdown-root li.xx-jqx-tree-item-li .jqx-fill-state-pressed[aria-selected=true] {
970
+ color: var(--fluent-greys-grey190);
971
+ }
972
+ .jqx-tree .jqx-tree-dropdown-root li.xx-jqx-tree-item-li[aria-selected=true] {
973
+ background: var(--fluent-theme-primary);
974
+ color: var(--fluent-greys-white);
975
+ }
976
+ .jqx-tree .jqx-tree-dropdown-root li.xx-jqx-tree-item-li[aria-selected=true]:hover {
977
+ color: var(--fluent-greys-grey190);
978
+ }
979
+ .jqx-tree .jqx-tree-dropdown-root li.xx-jqx-tree-item-li .jqx-tree-item-hover {
980
+ background: var(--fluent-greys-grey20);
981
+ }
982
+ .jqx-tree .jqx-tree-dropdown-root li.xx-jqx-tree-item-li .jqx-tree-item-hover .jqx-tree-item {
983
+ border: 0;
984
+ background: transparent;
985
+ }
986
+ .jqx-datatable.jqx-grid {
987
+ background: var(--fluent-greys-white);
988
+ border: 0;
989
+ }
990
+ .jqx-datatable.jqx-grid .jqx-cell {
991
+ padding: 8px 4px;
992
+ }
993
+ .jqx-datatable.jqx-grid .jqx-grid-column-header,
994
+ .jqx-datatable.jqx-grid .jqx-grid-columngroup-header {
995
+ font-family: "Segoe UI";
996
+ font-weight: 600;
997
+ font-size: 14px;
998
+ line-height: 20px;
999
+ color: var(--fluent-greys-grey190);
1000
+ }
1001
+ .jqx-datatable.jqx-grid .jqx-widget-header,
1002
+ .jqx-datatable.jqx-grid .jqx-grid-pager,
1003
+ .jqx-datatable.jqx-grid .jqx-grid-toolbar {
1004
+ background: var(--fluent-greys-grey10);
1005
+ }
1006
+ .jqx-datatable.jqx-grid .jqx-grid-header {
1007
+ background: var(--fluent-greys-white);
1008
+ font-family: "Segoe UI";
1009
+ font-weight: 600;
1010
+ font-size: 14px;
1011
+ line-height: 20px;
1012
+ color: var(--fluent-greys-grey190);
1013
+ border-bottom: 2px solid #F8F8F8;
1014
+ }
1015
+ .jqx-datatable.jqx-grid .jqx-grid-cell,
1016
+ .jqx-datatable.jqx-grid .jqx-grid-column-header,
1017
+ .jqx-datatable.jqx-grid .jqx-grid-group-cell {
1018
+ background-color: var(--fluent-greys-white);
1019
+ border: 0;
1020
+ }
1021
+ .jqx-datatable.jqx-grid .jqx-grid-cell.jqx-grid-cell-selected,
1022
+ .jqx-datatable.jqx-grid .jqx-grid-column-header.jqx-grid-cell-selected,
1023
+ .jqx-datatable.jqx-grid .jqx-grid-group-cell.jqx-grid-cell-selected {
1024
+ background-color: var(--fluent-greys-grey10);
1025
+ }
1026
+ .jqx-datatable.jqx-grid .jqx-icon-arrow-right {
1027
+ transform: rotate(-90deg);
1028
+ background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
1029
+ background-position: center;
1030
+ background-repeat: no-repeat;
1031
+ margin-right: 10px;
1032
+ }
1033
+ .jqx-datatable.jqx-grid .jqx-icon-arrow-down {
1034
+ background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
1035
+ transform: rotate(0deg);
1036
+ background-position: center;
1037
+ background-repeat: no-repeat;
1038
+ margin-right: 10px;
1039
+ }
1040
+ .jqx-datatable.jqx-grid .jqx-cell.jqx-grid-cell-hover {
1041
+ background-color: var(--fluent-greys-grey20);
1042
+ }
1043
+
1044
+ .jqx-grid:not(.jqx-datatable) {
1045
+ background: var(--fluent-greys-white);
1046
+ border: 0;
1047
+ }
1048
+ .jqx-grid:not(.jqx-datatable) .jqx-grid-card-cell table {
1049
+ box-shadow: var(--fluent-box-shadow-4);
1050
+ border-radius: 2px;
1051
+ }
1052
+ .jqx-grid:not(.jqx-datatable) .jqx-cell {
1053
+ padding: 8px 4px;
1054
+ }
1055
+ .jqx-grid:not(.jqx-datatable) .jqx-grid-column-header,
1056
+ .jqx-grid:not(.jqx-datatable) .jqx-grid-columngroup-header {
1057
+ font-family: "Segoe UI";
1058
+ font-weight: 600;
1059
+ font-size: 14px;
1060
+ line-height: 20px;
1061
+ color: var(--fluent-greys-grey190);
1062
+ }
1063
+ .jqx-grid:not(.jqx-datatable) .jqx-grid-header {
1064
+ font-family: "Segoe UI";
1065
+ font-weight: 600;
1066
+ font-size: 14px;
1067
+ line-height: 20px;
1068
+ color: var(--fluent-greys-grey190);
1069
+ border-bottom: 2px solid #F8F8F8;
1070
+ }
1071
+ .jqx-grid:not(.jqx-datatable) .jqx-grid-cell,
1072
+ .jqx-grid:not(.jqx-datatable) .jqx-grid-column-header,
1073
+ .jqx-grid:not(.jqx-datatable) .jqx-grid-group-cell {
1074
+ background-color: var(--fluent-greys-white);
1075
+ border-color: var(--fluent-body-divider);
1076
+ }
1077
+ .jqx-grid:not(.jqx-datatable) .jqx-grid-cell.jqx-grid-cell-selected,
1078
+ .jqx-grid:not(.jqx-datatable) .jqx-grid-column-header.jqx-grid-cell-selected,
1079
+ .jqx-grid:not(.jqx-datatable) .jqx-grid-group-cell.jqx-grid-cell-selected {
1080
+ background-color: var(--fluent-theme-lighter) !important;
1081
+ border-color: var(--fluent-theme-light) !important;
1082
+ }
1083
+ .jqx-grid:not(.jqx-datatable) .jqx-grid-cell-alt {
1084
+ background: var(--fluent-greys-grey10) !important;
1085
+ }
1086
+ .jqx-grid:not(.jqx-datatable) .jqx-icon-arrow-right {
1087
+ transform: rotate(-90deg);
1088
+ background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
1089
+ background-position: center;
1090
+ background-repeat: no-repeat;
1091
+ }
1092
+ .jqx-grid:not(.jqx-datatable) .jqx-icon-arrow-left {
1093
+ transform: rotate(90deg);
1094
+ background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
1095
+ background-position: center;
1096
+ background-repeat: no-repeat;
1097
+ }
1098
+ .jqx-grid:not(.jqx-datatable) .jqx-icon-arrow-down {
1099
+ background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
1100
+ transform: rotate(0deg);
1101
+ background-position: center;
1102
+ background-repeat: no-repeat;
1103
+ }
1104
+ .jqx-grid:not(.jqx-datatable) .jqx-icon-arrow-up {
1105
+ background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
1106
+ transform: rotate(180deg);
1107
+ background-position: center;
1108
+ background-repeat: no-repeat;
1109
+ }
1110
+ .jqx-grid:not(.jqx-datatable) .jqx-cell.jqx-grid-cell-hover {
1111
+ background-color: var(--fluent-greys-grey20);
1112
+ }
1113
+ .jqx-grid:not(.jqx-datatable) .jqx-widget-header,
1114
+ .jqx-grid:not(.jqx-datatable) .jqx-grid-pager,
1115
+ .jqx-grid:not(.jqx-datatable) .jqx-grid-toolbar {
1116
+ background: var(--fluent-greys-white);
1117
+ }
1118
+ .jqx-grid:not(.jqx-datatable) .jqx-checkbox-check-checked {
1119
+ background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='2' fill='%230078D4'/%3E%3Cpath d='M16.3516 6.35156L8 14.7109L3.64844 10.3516L4.35156 9.64844L8 13.2891L15.6484 5.64844L16.3516 6.35156Z' fill='white'/%3E%3C/svg%3E");
1120
+ background-position: center center;
1121
+ background-repeat: no-repeat;
1122
+ }
1123
+
1124
+ .jqx-scheduler .jqx-scheduler-cell-selected {
1125
+ background: var(--fluent-theme-lighter) !important;
1126
+ border-color: var(--fluent-theme-primary) !important;
1127
+ }
1128
+ .jqx-scheduler .jqx-scheduler-cell-focus {
1129
+ border-color: var(--fluent-theme-primary) !important;
1130
+ background: var(--fluent-theme-primary) !important;
1131
+ }
1132
+
1133
+ .jqx-scheduler-edit-dialog-label {
1134
+ line-height: 32px !important;
1135
+ }
1136
+
1137
+ .jqx-scheduler-edit-dialog-field {
1138
+ min-height: 32px !important;
1139
+ }
1140
+ .jqx-scheduler-edit-dialog-field .jqx-input {
1141
+ min-height: 32px !important;
1142
+ }
1143
+
1144
+ .jqx-docking {
1145
+ gap: 15px;
1146
+ display: flex;
1147
+ padding: 15px;
1148
+ box-sizing: border-box;
1149
+ }
1150
+ .jqx-docking .jqx-docking-panel {
1151
+ gap: 15px;
1152
+ display: flex;
1153
+ flex-flow: column;
1154
+ }
1155
+ .jqx-docking .jqx-window {
1156
+ box-shadow: var(--fluent-box-shadow-16) !important;
1157
+ padding: 10px !important;
1158
+ }
1159
+
1160
+ .jqx-docking-layout .jqx-layout-group-root {
1161
+ display: flex;
1162
+ gap: 10px;
1163
+ box-sizing: border-box;
1164
+ background: var(--fluent-greys-white);
1165
+ }
1166
+ .jqx-docking-layout .jqx-window {
1167
+ box-shadow: var(--fluent-box-shadow-16) !important;
1168
+ padding: 10px !important;
1169
+ }
1170
+ .jqx-docking-layout .jqx-layout-group-default-horizontal > div {
1171
+ display: flex;
1172
+ flex-flow: column;
1173
+ gap: 10px;
1174
+ box-sizing: border-box;
1175
+ }
1176
+ .jqx-docking-layout .jqx-layout-ribbon-header {
1177
+ border-color: var(--fluent-theme-light);
1178
+ background: var(--fluent-theme-lighter);
1179
+ }
1180
+
1181
+ .jqx-splitter {
1182
+ border: 0;
1183
+ }
1184
+
1185
+ .jqx-kanban {
1186
+ border: 0;
1187
+ }
1188
+ .jqx-kanban .jqx-fill-state-normal {
1189
+ border-color: var(--fluent-greys-grey50);
1190
+ background: var(--fluent-greys-grey20);
1191
+ }
1192
+ .jqx-kanban .jqx-widget-content {
1193
+ border-color: var(--fluent-greys-white);
1194
+ }
1195
+ .jqx-kanban .jqx-kanban-item {
1196
+ box-shadow: var(--fluent-box-shadow-4);
1197
+ margin-bottom: 10px;
1198
+ }
1199
+ .jqx-kanban .jqx-icon-arrow-right {
1200
+ transform: rotate(-90deg);
1201
+ background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
1202
+ background-position: center;
1203
+ background-repeat: no-repeat;
1204
+ background-size: 150%;
1205
+ }
1206
+ .jqx-kanban .jqx-icon-arrow-left {
1207
+ transform: rotate(90deg);
1208
+ background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
1209
+ background-position: center;
1210
+ background-repeat: no-repeat;
1211
+ background-size: 150%;
1212
+ }
1213
+ .jqx-kanban .jqx-icon-arrow-down {
1214
+ background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
1215
+ transform: rotate(0deg);
1216
+ background-position: center;
1217
+ background-repeat: no-repeat;
1218
+ background-size: 150%;
1219
+ }
1220
+ .jqx-kanban .jqx-icon-arrow-up {
1221
+ background-image: url("data:image/svg+xml,%3Csvg width='36' height='42' viewBox='0 0 36 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 25.9453L10.1953 18.1406L11.1406 17.1953L18 24.0547L24.8594 17.1953L25.8047 18.1406L18 25.9453Z' fill='%23605E5C'/%3E%3C/svg%3E");
1222
+ transform: rotate(180deg);
1223
+ background-position: center;
1224
+ background-repeat: no-repeat;
1225
+ background-size: 150%;
1226
+ }
1227
+ .jqx-kanban .jqx-kanban-item-keyword {
1228
+ border-radius: 100px;
1229
+ border-color: var(--fluent-theme-lighter);
1230
+ background-color: var(--fluent-theme-lighter);
1231
+ padding: 2px 5px;
1232
+ }
1233
+ .jqx-kanban .jqx-widget-header {
1234
+ border-color: var(--fluent-greys-grey30);
1235
+ background: var(--fluent-greys-white);
1236
+ border: 1px solid var(--fluent-greys-grey50);
1237
+ border-radius: 2px;
1238
+ }
1239
+
1240
+ .jqx-editor {
1241
+ border-color: var(--fluent-theme-light);
1242
+ background: var(--fluent-theme-lighter);
1243
+ border-radius: 2px;
1244
+ }
1245
+ .jqx-editor .jqx-editor-content {
1246
+ border-color: var(--fluent-theme-light);
1247
+ padding: 10px;
1248
+ box-sizing: border-box !important;
1249
+ }
1250
+ .jqx-editor .jqx-editor-toolbar {
1251
+ display: flex;
1252
+ gap: 4px;
1253
+ flex-wrap: wrap;
1254
+ }
1255
+ .jqx-editor .jqx-widget-header {
1256
+ border-color: var(--fluent-theme-light);
1257
+ background: var(--fluent-theme-lighter);
1258
+ border-radius: 2px;
1259
+ }
1260
+
1261
+ .jqx-date-time-input-popup table td input {
1262
+ padding: 4px 0px !important;
1263
1263
  }/*# sourceMappingURL=jqx.fluent_old.css.map */