@ihk-gfi/lux-components-theme 14.3.0 → 14.5.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 (24) hide show
  1. package/package.json +1 -1
  2. package/prebuilt-themes/luxtheme-authentic-min.css +1 -1
  3. package/prebuilt-themes/luxtheme-authentic-min.css.map +1 -1
  4. package/prebuilt-themes/luxtheme-authentic.css +368 -104
  5. package/prebuilt-themes/luxtheme-authentic.css.map +1 -1
  6. package/prebuilt-themes/luxtheme-blue-min.css +1 -1
  7. package/prebuilt-themes/luxtheme-blue-min.css.map +1 -1
  8. package/prebuilt-themes/luxtheme-blue.css +323 -87
  9. package/prebuilt-themes/luxtheme-blue.css.map +1 -1
  10. package/prebuilt-themes/luxtheme-green-min.css +1 -1
  11. package/prebuilt-themes/luxtheme-green-min.css.map +1 -1
  12. package/prebuilt-themes/luxtheme-green.css +776 -137
  13. package/prebuilt-themes/luxtheme-green.css.map +1 -1
  14. package/src/authentic/_custom.scss +149 -135
  15. package/src/base/_luxcomponents.scss +55 -50
  16. package/src/base/_luxfocus.scss +54 -51
  17. package/src/base/components/_luxCheckboxContainerAc.scss +35 -0
  18. package/src/base/components/_luxFormControlWrapper.scss +27 -25
  19. package/src/base/components/_luxFormControlsAuthentic.scss +51 -28
  20. package/src/base/components/_luxLinkPlain.scss +52 -38
  21. package/src/base/components/_luxTileAc.scss +10 -11
  22. package/src/blue/_custom.scss +21 -11
  23. package/src/green/_custom.scss +358 -70
  24. package/src/green/luxtheme.scss +2 -1
package/prebuilt-themes/luxtheme-green.css CHANGED
@@ -74,7 +74,8 @@ lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover {
74
74
  background-color: #e3ebf5 !important;
75
75
  border-radius: 4px;
76
76
  }
77
- lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover lux-icon, lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover .lux-header-username {
77
+ lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover lux-icon,
78
+ lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover .lux-header-username {
78
79
  color: #e3ebf5 !important;
79
80
  }
80
81
 
@@ -161,10 +162,12 @@ lux-filter-form lux-menu .lux-filter-menu-trigger button:not([disabled]).mat-fab
161
162
  }
162
163
 
163
164
  /** ########## Chips ########## **/
164
- lux-chips .mat-standard-chip:focus-visible, lux-chips-ac .mat-standard-chip:focus-visible {
165
+ lux-chips .mat-standard-chip:focus-visible,
166
+ lux-chips-ac .mat-standard-chip:focus-visible {
165
167
  outline: 1px dotted #000000 !important;
166
168
  }
167
- lux-chips .mat-chip.mat-standard-chip:after, lux-chips-ac .mat-chip.mat-standard-chip:after {
169
+ lux-chips .mat-chip.mat-standard-chip:after,
170
+ lux-chips-ac .mat-chip.mat-standard-chip:after {
168
171
  background-color: unset;
169
172
  }
170
173
 
@@ -219,18 +222,18 @@ lux-datepicker mat-datepicker-toggle .mat-button-focus-overlay {
219
222
  display: none;
220
223
  }
221
224
 
222
- lux-datepicker-ac mat-datepicker-toggle button:focus-visible, lux-datetimepicker-ac mat-datepicker-toggle button:focus-visible {
225
+ lux-datepicker-ac mat-datepicker-toggle button:focus-visible,
226
+ lux-datetimepicker-ac mat-datepicker-toggle button:focus-visible {
223
227
  outline: 1px dotted #000000 !important;
224
- border-radius: 4px;
225
- }
226
- lux-datepicker-ac mat-datepicker-toggle button:hover, lux-datetimepicker-ac mat-datepicker-toggle button:hover {
227
- background-color: #fff;
228
- border-radius: 4px;
228
+ outline-offset: 2px;
229
+ border-radius: 2px;
229
230
  }
230
- lux-datepicker-ac mat-datepicker-toggle button:hover lux-icon.lux-datepicker-toggle-icon.lux-color-blue, lux-datetimepicker-ac mat-datepicker-toggle button:hover lux-icon.lux-datepicker-toggle-icon.lux-color-blue {
231
+ lux-datepicker-ac mat-datepicker-toggle button:hover lux-icon.lux-datepicker-toggle-icon.lux-color-blue,
232
+ lux-datetimepicker-ac mat-datepicker-toggle button:hover lux-icon.lux-datepicker-toggle-icon.lux-color-blue {
231
233
  color: #e3ebf5;
232
234
  }
233
- lux-datepicker-ac mat-datepicker-toggle .mat-button-focus-overlay, lux-datetimepicker-ac mat-datepicker-toggle .mat-button-focus-overlay {
235
+ lux-datepicker-ac mat-datepicker-toggle .mat-button-focus-overlay,
236
+ lux-datetimepicker-ac mat-datepicker-toggle .mat-button-focus-overlay {
234
237
  display: none;
235
238
  }
236
239
 
@@ -307,7 +310,8 @@ lux-table tr:hover > th {
307
310
  background-color: #e3ebf5 !important;
308
311
  border-radius: 0;
309
312
  }
310
- lux-table tr:focus-visible, lux-table td:focus-visible {
313
+ lux-table tr:focus-visible,
314
+ lux-table td:focus-visible {
311
315
  outline: 1px dotted #000000 !important;
312
316
  outline-offset: -1px;
313
317
  }
@@ -370,47 +374,167 @@ lux-table th.cdk-keyboard-focused div.mat-sort-header-container {
370
374
  mask-size: cover;
371
375
  }
372
376
 
373
- .lux-select-panel-ac.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active), .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active), .lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active), .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active), .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active), .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active), .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active), .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active) {
377
+ .lux-select-panel-ac.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active), .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
378
+ .lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
379
+ .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
380
+ .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
381
+ .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
382
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
383
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
384
+ .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
385
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
386
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active),
387
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-selected.mat-option:not(.mat-option-disabled):not(:hover):not(.mat-active) {
374
388
  color: #003366;
375
389
  background-color: #ffffff;
376
390
  font-weight: 600;
377
391
  }
378
- .lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused), .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused), .lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused), .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused), .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused), .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused), .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused), .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) {
392
+ .lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused), .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
393
+ .lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
394
+ .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
395
+ .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
396
+ .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
397
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
398
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
399
+ .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
400
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
401
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused),
402
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) {
379
403
  outline: 1px dotted #000000 !important;
380
404
  outline-offset: -1px;
381
405
  background-color: #4d7094;
382
406
  color: #ffffff;
383
407
  }
384
- .lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox, .lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox, .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox, .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox, .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox, .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox, .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox {
408
+ .lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
409
+ .lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
410
+ .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
411
+ .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
412
+ .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
413
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
414
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
415
+ .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
416
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
417
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox,
418
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox {
385
419
  color: #ffffff;
386
420
  }
387
- .lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked, .lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked, .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked, .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked, .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked, .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked, .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked {
421
+ .lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
422
+ .lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
423
+ .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
424
+ .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
425
+ .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
426
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
427
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
428
+ .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
429
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
430
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked,
431
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked {
388
432
  background-color: #ffffff;
389
433
  }
390
- .lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after, .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after, .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after, .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after, .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after {
434
+ .lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
435
+ .lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
436
+ .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
437
+ .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
438
+ .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
439
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
440
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
441
+ .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
442
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
443
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after,
444
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-pseudo-checkbox-checked::after {
391
445
  border-color: #003366 !important;
392
446
  }
393
- .lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after, .lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after, .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after, .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after, .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after, .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after, .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after {
447
+ .lux-select-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
448
+ .lux-select-panel-ac-multiple.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
449
+ .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
450
+ .lux-autocomplete-panel-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
451
+ .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
452
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
453
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
454
+ .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
455
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
456
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after,
457
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option.mat-option.mat-active:not(.cdk-mouse-focused) .mat-option-text::after {
394
458
  background-color: #fff;
395
459
  }
396
- .lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled), .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled), .lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled), .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled), .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled), .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled), .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled), .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) {
460
+ .lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled), .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
461
+ .lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
462
+ .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
463
+ .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
464
+ .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
465
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
466
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
467
+ .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
468
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
469
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled),
470
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) {
397
471
  background-color: #4d7094;
398
472
  color: #ffffff;
399
473
  border-radius: 0px !important;
400
474
  }
401
- .lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox {
475
+ .lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
476
+ .lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
477
+ .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
478
+ .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
479
+ .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
480
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
481
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
482
+ .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
483
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
484
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
485
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox {
402
486
  color: #ffffff;
403
487
  }
404
- .lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked, .lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked, .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked, .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked, .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked, .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked, .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked {
488
+ .lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
489
+ .lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
490
+ .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
491
+ .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
492
+ .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
493
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
494
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
495
+ .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
496
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
497
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked,
498
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked {
405
499
  background-color: #ffffff;
406
500
  }
407
- .lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after, .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after, .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after, .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after, .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after {
501
+ .lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
502
+ .lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
503
+ .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
504
+ .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
505
+ .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
506
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
507
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
508
+ .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
509
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
510
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after,
511
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox-checked::after {
408
512
  border-color: #003366 !important;
409
513
  }
410
- .lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox {
514
+ .lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
515
+ .lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
516
+ .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
517
+ .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
518
+ .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
519
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
520
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
521
+ .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
522
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
523
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox,
524
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-pseudo-checkbox {
411
525
  color: #ffffff;
412
526
  }
413
- .lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after, .lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after, .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after, .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after, .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after, .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after, .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after {
527
+ .lux-select-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after, .lux-select-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
528
+ .lux-select-panel-ac-multiple.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
529
+ .lux-select-panel-ac-multiple.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
530
+ .lux-autocomplete-panel-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
531
+ .lux-autocomplete-panel-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
532
+ .lux-autocomplete-panel-dense-ac.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
533
+ .lux-autocomplete-panel-dense-ac.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
534
+ .lux-chips-ac-autocomplete-panel.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
535
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
536
+ .lux-chips-ac-autocomplete-panel-dense.mat-select-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after,
537
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) .mat-option-text::after {
414
538
  background-color: #fff;
415
539
  }
416
540
 
@@ -453,17 +577,20 @@ lux-button:not(.lang-select-trigger-ac, .user-menu-trigger-ac, .lux-action-nav-i
453
577
  }
454
578
 
455
579
  /** ########## Autocomplete ########## **/
456
- .lux-autocomplete-panel mat-option:focus-visible, .lux-chips-autocomplete-panel mat-option:focus-visible, .lux-autocomplete-panel-ac mat-option:focus-visible {
580
+ .lux-autocomplete-panel mat-option:focus-visible,
581
+ .lux-chips-autocomplete-panel mat-option:focus-visible {
457
582
  outline: 1px dotted #000000 !important;
458
583
  outline-offset: -1px;
459
584
  border-radius: 4px;
460
585
  }
461
- .lux-autocomplete-panel mat-option.mat-active, .lux-chips-autocomplete-panel mat-option.mat-active, .lux-autocomplete-panel-ac mat-option.mat-active {
586
+ .lux-autocomplete-panel mat-option.mat-active,
587
+ .lux-chips-autocomplete-panel mat-option.mat-active {
462
588
  outline: 1px dotted #000000 !important;
463
589
  outline-offset: -1px;
464
590
  border-radius: 4px;
465
591
  }
466
- .lux-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled), .lux-chips-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled), .lux-autocomplete-panel-ac mat-option:hover:not(.invalid, .mat-option-disabled) {
592
+ .lux-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled),
593
+ .lux-chips-autocomplete-panel mat-option:hover:not(.invalid, .mat-option-disabled) {
467
594
  background-color: #e3ebf5 !important;
468
595
  border-radius: 4px;
469
596
  }
@@ -687,10 +814,10 @@ lux-stepper-large .lux-stepper-large-nav-item.lux-active .lux-stepper-large-nav-
687
814
  color: unset;
688
815
  }
689
816
  lux-stepper-large .lux-stepper-large-nav-item:not(.lux-active):not(.lux-completed) .lux-stepper-large-nav-item-label-container a.lux-stepper-large-nav-item-label-link:hover {
690
- color: #2E8533;
817
+ color: #2e8533;
691
818
  }
692
819
  lux-stepper-large .lux-stepper-large-nav-item:not(.lux-active).lux-completed .lux-stepper-large-nav-item-label-container a.lux-stepper-large-nav-item-label-link:hover {
693
- color: #56BD66;
820
+ color: #56bd66;
694
821
  }
695
822
 
696
823
  /** ########## File-Upload ########## **/
@@ -796,7 +923,7 @@ lux-app-header-ac .lux-app-header-nav-bar .lux-app-title {
796
923
  color: #003366;
797
924
  font-size: 20px;
798
925
  font-weight: 400;
799
- font-family: Korb, Roboto, Helvetica Neue, sans-serif, mustOverriden;
926
+ font-family: Korb, Roboto, Helvetica Neue, sans-serif, Roboto, Helvetica Neue, sans-serif;
800
927
  }
801
928
  lux-app-header-ac .lux-app-header-nav-bar .lux-app-title.lux-mobile {
802
929
  font-size: 16px;
@@ -861,49 +988,66 @@ lux-app-header-ac .lux-app-header-nav-bar .lux-header-ac-nav-menu .lux-menu-exte
861
988
  background-color: #ffffff;
862
989
  }
863
990
 
991
+ lux-link-plain {
992
+ display: inline-flex;
993
+ align-items: baseline;
994
+ }
864
995
  lux-link-plain .link-wrapper {
865
- display: inline-block;
996
+ display: flex;
997
+ gap: 0.25em;
998
+ align-items: baseline;
866
999
  font-family: inherit;
867
- font-size: inherit;
868
- font-weight: inherit;
869
- color: #003bee;
870
1000
  }
871
1001
  lux-link-plain .link-wrapper .lux-link-plain-text {
872
- text-decoration: none;
1002
+ font-family: inherit;
1003
+ font-size: inherit;
1004
+ font-weight: inherit;
1005
+ text-decoration: inherit;
1006
+ color: inherit;
1007
+ display: flex;
873
1008
  }
874
1009
  lux-link-plain .link-wrapper lux-icon {
875
1010
  font-size: inherit;
876
- vertical-align: middle;
877
- line-height: 1;
1011
+ display: flex;
1012
+ }
1013
+ lux-link-plain .link-wrapper lux-icon mat-icon.mat-icon.lux-lx-icon-no-size {
1014
+ padding: 0px !important;
1015
+ width: 0.8em;
1016
+ height: 0.8em;
1017
+ overflow: visible;
1018
+ }
1019
+ lux-link-plain .link-wrapper:focus-visible:not(.lux-disabled) {
1020
+ outline: 1px dotted #000000 !important;
1021
+ border-radius: 2px;
878
1022
  }
879
- lux-link-plain .link-wrapper lux-icon i, lux-link-plain .link-wrapper lux-icon mat-icon {
1023
+ lux-link-plain.default-style {
880
1024
  color: #003bee;
881
- padding: 0 !important;
1025
+ font-family: inherit;
882
1026
  }
1027
+ lux-link-plain.default-style lux-icon i,
1028
+ lux-link-plain.default-style lux-icon mat-icon {
1029
+ color: #003bee;
1030
+ }
1031
+ lux-link-plain.lux-disabled,
883
1032
  lux-link-plain .link-wrapper.lux-disabled {
884
1033
  color: #636D76;
885
1034
  cursor: text;
1035
+ text-decoration: none;
886
1036
  }
887
- lux-link-plain .link-wrapper.lux-disabled lux-icon i, lux-link-plain .link-wrapper.lux-disabled lux-icon mat-icon {
1037
+ lux-link-plain.lux-disabled lux-icon i,
1038
+ lux-link-plain.lux-disabled lux-icon mat-icon,
1039
+ lux-link-plain .link-wrapper.lux-disabled lux-icon i,
1040
+ lux-link-plain .link-wrapper.lux-disabled lux-icon mat-icon {
888
1041
  color: #636D76;
889
1042
  }
890
- lux-link-plain .link-wrapper:hover:not(.lux-disabled) {
891
- color: #e3ebf5;
1043
+ lux-link-plain:hover:not(.lux-disabled) {
1044
+ color: #4d7094;
892
1045
  text-decoration: underline;
893
1046
  cursor: pointer;
894
1047
  }
895
- lux-link-plain .link-wrapper:hover:not(.lux-disabled) lux-icon i, lux-link-plain .link-wrapper:hover:not(.lux-disabled) lux-icon mat-icon {
896
- color: #e3ebf5;
897
- }
898
- lux-link-plain .link-wrapper:focus:not(.lux-disabled, :hover) {
899
- outline: 1px dotted #000000 !important;
900
- border-radius: 2px;
901
- }
902
- lux-link-plain.breadcrump-item .link-wrapper {
903
- color: inherit;
904
- }
905
- lux-link-plain.breadcrump-item .link-wrapper lux-icon mat-icon {
906
- color: inherit;
1048
+ lux-link-plain:hover:not(.lux-disabled) lux-icon i,
1049
+ lux-link-plain:hover:not(.lux-disabled) lux-icon mat-icon {
1050
+ color: #4d7094;
907
1051
  }
908
1052
 
909
1053
  lux-tile-ac .mat-card.lux-tile-ac {
@@ -934,7 +1078,7 @@ lux-tile-ac .mat-card.lux-tile-ac .lux-tile-icon lux-icon mat-icon.lux-lx-icon-n
934
1078
  }
935
1079
  lux-tile-ac .mat-card.lux-tile-ac .lux-tile-header-titel-ac mat-card-title {
936
1080
  color: #003366;
937
- font-family: Korb, Roboto, Helvetica Neue, sans-serif, mustOverriden;
1081
+ font-family: Korb, Roboto, Helvetica Neue, sans-serif, Roboto, Helvetica Neue, sans-serif;
938
1082
  font-size: 20px;
939
1083
  margin-bottom: 8px;
940
1084
  }
@@ -4187,9 +4331,17 @@ lux-form-control-wrapper .lux-form-control-wrapper .lux-input-row-authentic .lux
4187
4331
  width: 1em;
4188
4332
  height: 1em;
4189
4333
  }
4334
+ lux-form-control-wrapper .lux-form-control-wrapper.lux-dense-authentic {
4335
+ margin: 0;
4336
+ }
4337
+ lux-form-control-wrapper .lux-form-control-wrapper.lux-dense-authentic .lux-form-control-container-authentic {
4338
+ padding: 0.375em 0.5em;
4339
+ }
4340
+ lux-form-control-wrapper .lux-form-control-wrapper.lux-dense-authentic .lux-form-control-container-authentic.lux-no-input-row {
4341
+ padding: 0.375em 0em;
4342
+ }
4190
4343
  lux-form-control-wrapper .lux-form-control-wrapper:hover:not(.lux-form-control-disabled-authentic):not(.lux-focused-authentic):not(.lux-form-control-error-authentic) .lux-form-control-container-authentic:not(.lux-no-input-row) {
4191
- border-color: black;
4192
- box-shadow: 0 0 0 1px black inset;
4344
+ border-color: #003366;
4193
4345
  }
4194
4346
  lux-form-control-wrapper .lux-form-control-wrapper.lux-focused-authentic .lux-form-control-label-authentic > * {
4195
4347
  color: #26527d;
@@ -4230,16 +4382,19 @@ lux-form-control-wrapper select:-webkit-autofill:focus {
4230
4382
  /*
4231
4383
  * Theming for LUX-Select
4232
4384
  */
4233
- lux-select-ac mat-select, lux-lookup-combobox-ac mat-select {
4234
- font-family: mustOverriden;
4385
+ lux-select-ac mat-select,
4386
+ lux-lookup-combobox-ac mat-select {
4387
+ font-family: Roboto, Helvetica Neue, sans-serif;
4235
4388
  height: calc(1.5em - 1px) !important;
4236
4389
  }
4237
- lux-select-ac mat-select .mat-select-arrow-wrapper, lux-lookup-combobox-ac mat-select .mat-select-arrow-wrapper {
4390
+ lux-select-ac mat-select .mat-select-arrow-wrapper,
4391
+ lux-lookup-combobox-ac mat-select .mat-select-arrow-wrapper {
4238
4392
  margin-left: 2px;
4239
4393
  height: 24px;
4240
4394
  width: 24px;
4241
4395
  }
4242
- lux-select-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow, lux-lookup-combobox-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow {
4396
+ lux-select-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow,
4397
+ lux-lookup-combobox-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow {
4243
4398
  border: none;
4244
4399
  width: 100%;
4245
4400
  height: 100%;
@@ -4254,10 +4409,12 @@ lux-select-ac mat-select .mat-select-arrow-wrapper .mat-select-arrow, lux-lookup
4254
4409
  mask-position: center;
4255
4410
  mask-size: cover;
4256
4411
  }
4257
- lux-select-ac mat-select[aria-disabled=true] .mat-select-arrow, lux-lookup-combobox-ac mat-select[aria-disabled=true] .mat-select-arrow {
4412
+ lux-select-ac mat-select[aria-disabled=true] .mat-select-arrow,
4413
+ lux-lookup-combobox-ac mat-select[aria-disabled=true] .mat-select-arrow {
4258
4414
  background-color: #636D76;
4259
4415
  }
4260
- lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow, lux-lookup-combobox-ac mat-select[aria-disabled=false] .mat-select-arrow {
4416
+ lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow,
4417
+ lux-lookup-combobox-ac mat-select[aria-disabled=false] .mat-select-arrow {
4261
4418
  background-color: #003366;
4262
4419
  }
4263
4420
 
@@ -4267,9 +4424,10 @@ lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow, lux-lookup-comb
4267
4424
  }
4268
4425
 
4269
4426
  .cdk-overlay-pane .mat-option {
4270
- font-family: mustOverriden;
4427
+ font-family: Roboto, Helvetica Neue, sans-serif;
4271
4428
  }
4272
4429
  .cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac,
4430
+ .cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-dense-ac,
4273
4431
  .cdk-overlay-pane .mat-select-panel.lux-select-panel-ac,
4274
4432
  .cdk-overlay-pane .mat-select-panel.lux-select-panel-ac-multiple {
4275
4433
  border: 2px solid #003366;
@@ -4277,24 +4435,26 @@ lux-select-ac mat-select[aria-disabled=false] .mat-select-arrow, lux-lookup-comb
4277
4435
  box-shadow: none !important;
4278
4436
  }
4279
4437
  .cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac .mat-pseudo-checkbox,
4438
+ .cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-dense-ac .mat-pseudo-checkbox,
4280
4439
  .cdk-overlay-pane .mat-select-panel.lux-select-panel-ac .mat-pseudo-checkbox,
4281
4440
  .cdk-overlay-pane .mat-select-panel.lux-select-panel-ac-multiple .mat-pseudo-checkbox {
4282
4441
  color: #003366;
4283
4442
  }
4284
- .cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac {
4443
+ .cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-ac,
4444
+ .cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-dense-ac {
4285
4445
  min-width: calc(100% + 14px) !important;
4286
4446
  max-width: calc(100% + 14px) !important;
4287
- margin: 13px -9px;
4288
- border: 2px solid #003366;
4289
- border-radius: 4px;
4290
- box-shadow: none !important;
4447
+ margin: 13px -9px 0px;
4448
+ }
4449
+ .cdk-overlay-pane .mat-autocomplete-panel.lux-autocomplete-panel-dense-ac {
4450
+ margin-top: 7px;
4291
4451
  }
4292
4452
 
4293
4453
  /*
4294
4454
  * Theming für Lux-Checkbox
4295
4455
  */
4296
4456
  lux-checkbox-ac label {
4297
- font-family: mustOverriden;
4457
+ font-family: Roboto, Helvetica Neue, sans-serif;
4298
4458
  font-size: 15px;
4299
4459
  color: #003366;
4300
4460
  cursor: pointer;
@@ -4310,7 +4470,10 @@ lux-checkbox-ac .mat-checkbox-ripple {
4310
4470
  lux-checkbox-ac .mat-checkbox-inner-container {
4311
4471
  width: 1.25em;
4312
4472
  height: 1.25em;
4313
- margin-top: 3px;
4473
+ margin-top: 0.125em;
4474
+ }
4475
+ lux-checkbox-ac .mat-checkbox-inner-container .mat-checkbox-frame {
4476
+ border-color: #003366;
4314
4477
  }
4315
4478
  lux-checkbox-ac .mat-checkbox-inner-container .mat-checkbox-frame {
4316
4479
  border-color: #003366;
@@ -4322,22 +4485,28 @@ lux-checkbox-ac .mat-checkbox-disabled .mat-checkbox-inner-container .mat-checkb
4322
4485
  border-color: #636D76;
4323
4486
  }
4324
4487
 
4325
- lux-datepicker-ac mat-datepicker-toggle, lux-datetimepicker-ac mat-datepicker-toggle {
4488
+ lux-datepicker-ac mat-datepicker-toggle,
4489
+ lux-datetimepicker-ac mat-datepicker-toggle {
4326
4490
  height: 24px !important;
4327
4491
  width: 24px !important;
4328
4492
  }
4329
- lux-datepicker-ac mat-datepicker-toggle .mat-icon-button, lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button {
4493
+ lux-datepicker-ac mat-datepicker-toggle .mat-icon-button,
4494
+ lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button {
4330
4495
  height: 24px !important;
4331
4496
  width: 24px !important;
4332
4497
  line-height: 1.5;
4333
4498
  font-size: inherit;
4334
4499
  }
4335
- lux-datepicker-ac mat-datepicker-toggle .mat-icon-button lux-icon.lux-datepicker-toggle-icon, lux-datepicker-ac mat-datepicker-toggle .mat-icon-button mat-icon.mat-icon, lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button lux-icon.lux-datepicker-toggle-icon, lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button mat-icon.mat-icon {
4500
+ lux-datepicker-ac mat-datepicker-toggle .mat-icon-button lux-icon.lux-datepicker-toggle-icon,
4501
+ lux-datepicker-ac mat-datepicker-toggle .mat-icon-button mat-icon.mat-icon,
4502
+ lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button lux-icon.lux-datepicker-toggle-icon,
4503
+ lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button mat-icon.mat-icon {
4336
4504
  height: 24px !important;
4337
4505
  width: 24px !important;
4338
4506
  padding: 0px !important;
4339
4507
  }
4340
- lux-datepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg, lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg {
4508
+ lux-datepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg,
4509
+ lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg {
4341
4510
  color: #636D76;
4342
4511
  }
4343
4512
 
@@ -4345,7 +4514,7 @@ lux-datepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg
4345
4514
  .lux-datetimepicker-overlay .mat-card.lux-card {
4346
4515
  border: 2px solid #003366;
4347
4516
  box-shadow: none !important;
4348
- margin: 13px -9px;
4517
+ margin: 13px -9px 0;
4349
4518
  }
4350
4519
  .cdk-overlay-pane .mat-datepicker-content .mat-calendar-header button:hover,
4351
4520
  .lux-datetimepicker-overlay .mat-card.lux-card .mat-calendar-header button:hover {
@@ -4358,7 +4527,10 @@ lux-datepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg
4358
4527
  */
4359
4528
  lux-toggle-ac .mat-slide-toggle label {
4360
4529
  color: #003366;
4361
- font-family: mustOverriden;
4530
+ font-family: Roboto, Helvetica Neue, sans-serif;
4531
+ }
4532
+ lux-toggle-ac .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
4533
+ background-color: #e0e7ed;
4362
4534
  }
4363
4535
  lux-toggle-ac .mat-slide-toggle .mat-slide-toggle-thumb {
4364
4536
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
@@ -4382,9 +4554,12 @@ lux-toggle-ac .mat-slide-toggle.mat-disabled:not(.mat-checked) .mat-slide-toggle
4382
4554
  lux-radio-ac .mat-radio-container {
4383
4555
  border-radius: 50%;
4384
4556
  }
4557
+ lux-radio-ac .mat-radio-container span.mat-radio-outer-circle {
4558
+ border-color: #003366;
4559
+ }
4385
4560
  lux-radio-ac .mat-radio-label {
4386
4561
  color: #003366;
4387
- font-family: mustOverriden;
4562
+ font-family: Roboto, Helvetica Neue, sans-serif;
4388
4563
  }
4389
4564
  lux-radio-ac .mat-radio-checked.mat-radio-disabled label .mat-radio-container span.mat-radio-inner-circle {
4390
4565
  background-color: #636D76;
@@ -4392,6 +4567,9 @@ lux-radio-ac .mat-radio-checked.mat-radio-disabled label .mat-radio-container sp
4392
4567
  lux-radio-ac .mat-radio-checked.mat-radio-disabled label .mat-radio-container span.mat-radio-outer-circle {
4393
4568
  border-color: #636D76;
4394
4569
  }
4570
+ lux-radio-ac .mat-radio-group.lux-horizontal {
4571
+ row-gap: 0.75em;
4572
+ }
4395
4573
  lux-radio-ac .mat-radio-disabled label.mat-radio-label .mat-radio-label-content {
4396
4574
  color: #636D76;
4397
4575
  }
@@ -4405,7 +4583,8 @@ lux-radio-ac .mat-radio-disabled label.mat-radio-label .mat-radio-container span
4405
4583
  /*
4406
4584
  * Theming for LUX-Input/LUX-Textarea
4407
4585
  */
4408
- input, input.mat-input-element,
4586
+ input,
4587
+ input.mat-input-element,
4409
4588
  textarea {
4410
4589
  font: inherit;
4411
4590
  background: 0 0;
@@ -4421,6 +4600,10 @@ textarea {
4421
4600
  font-size: 15px;
4422
4601
  }
4423
4602
 
4603
+ lux-textarea-ac text-area {
4604
+ line-height: normal;
4605
+ }
4606
+
4424
4607
  /**
4425
4608
  * Theming für LUX-Chips
4426
4609
  */
@@ -4455,8 +4638,9 @@ lux-chips-ac .lux-chips mat-chip-list div.mat-chip-list-wrapper {
4455
4638
  margin: 0px 0px 0px -4px;
4456
4639
  }
4457
4640
 
4458
- .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel {
4459
- margin-top: -21px;
4641
+ .lux-chips-ac-autocomplete-panel.mat-autocomplete-panel,
4642
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel {
4643
+ margin-top: -22px;
4460
4644
  margin-left: 0;
4461
4645
  margin-right: 0;
4462
4646
  border-radius: 4px;
@@ -4464,6 +4648,10 @@ lux-chips-ac .lux-chips mat-chip-list div.mat-chip-list-wrapper {
4464
4648
  border: 2px solid #003366;
4465
4649
  }
4466
4650
 
4651
+ .lux-chips-ac-autocomplete-panel-dense.mat-autocomplete-panel {
4652
+ margin-top: -18px;
4653
+ }
4654
+
4467
4655
  /*
4468
4656
  * Theming for LUX-Slider
4469
4657
  */
@@ -4644,6 +4832,35 @@ lux-slider-ac .lux-show-thumb-label-always.mat-slider-disabled .mat-slider-thumb
4644
4832
  background-color: #fff;
4645
4833
  }
4646
4834
 
4835
+ lux-checkbox-container-ac .lux-label-container {
4836
+ min-height: 1.2em;
4837
+ font-size: 0.75rem;
4838
+ line-height: 1.2em;
4839
+ color: #003366;
4840
+ margin: 0 calc(0.5em + 1px) 0.25em calc(0.5em + 1px);
4841
+ }
4842
+ lux-checkbox-container-ac .lux-checkbox-container {
4843
+ display: flex;
4844
+ flex-flow: row wrap;
4845
+ place-content: stretch flex-start;
4846
+ align-items: stretch;
4847
+ gap: 10px;
4848
+ max-width: 100%;
4849
+ }
4850
+ lux-checkbox-container-ac .lux-checkbox-container.lux-vertical {
4851
+ flex-direction: column;
4852
+ }
4853
+ lux-checkbox-container-ac .lux-checkbox-container lux-form-control-wrapper .lux-form-control-wrapper {
4854
+ margin: 0;
4855
+ }
4856
+ lux-checkbox-container-ac .lux-checkbox-container lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-label-authentic,
4857
+ lux-checkbox-container-ac .lux-checkbox-container lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-misc-authentic {
4858
+ display: none !important;
4859
+ }
4860
+ lux-checkbox-container-ac .lux-checkbox-container lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-authentic.lux-no-input-row {
4861
+ padding: 0;
4862
+ }
4863
+
4647
4864
  /*
4648
4865
  * Theming for LUX-App-Content
4649
4866
  */
@@ -4699,13 +4916,16 @@ lux-app-header .lux-app-header .lux-header-user .lux-header-user-short > span {
4699
4916
  color: #003366;
4700
4917
  background-color: #ffffff;
4701
4918
  }
4702
- lux-app-header .lux-side-nav-header, lux-app-header .lux-side-nav-footer {
4919
+ lux-app-header .lux-side-nav-header,
4920
+ lux-app-header .lux-side-nav-footer {
4703
4921
  color: #0846ff;
4704
4922
  }
4705
4923
  lux-app-header .lux-header-side-nav .lux-side-nav-trigger-active {
4706
4924
  background-color: rgba(0, 0, 0, 0.12);
4707
4925
  }
4708
- lux-app-header .lux-side-nav .lux-side-nav-content lux-button, lux-app-header .lux-side-nav .lux-side-nav-content .lux-menu-item, lux-app-header .lux-side-nav .lux-side-nav-content .lux-action-nav-menu lux-button {
4926
+ lux-app-header .lux-side-nav .lux-side-nav-content lux-button,
4927
+ lux-app-header .lux-side-nav .lux-side-nav-content .lux-menu-item,
4928
+ lux-app-header .lux-side-nav .lux-side-nav-content .lux-action-nav-menu lux-button {
4709
4929
  color: #003366;
4710
4930
  font-weight: 600;
4711
4931
  }
@@ -4808,7 +5028,7 @@ lux-card .lux-card-content-container mat-tab-group.lux-tab-group .lux-tabs-notif
4808
5028
  lux-card .lux-card-content-container {
4809
5029
  overflow-x: hidden;
4810
5030
  padding: 6px;
4811
- font-family: mustOverriden;
5031
+ font-family: Roboto, Helvetica Neue, sans-serif;
4812
5032
  }
4813
5033
  lux-card .lux-card-content-container > * {
4814
5034
  margin-bottom: 0;
@@ -4924,7 +5144,8 @@ lux-divider .mat-divider {
4924
5144
  lux-file-list .lux-file-list {
4925
5145
  margin: 0px;
4926
5146
  }
4927
- lux-file-list .lux-file-list .lux-file-list-entry-label, lux-file-list .lux-file-list .lux-file-list-entry-icon {
5147
+ lux-file-list .lux-file-list .lux-file-list-entry-label,
5148
+ lux-file-list .lux-file-list .lux-file-list-entry-icon {
4928
5149
  color: #003366;
4929
5150
  }
4930
5151
  lux-file-list .lux-file-list .lux-card-title-container {
@@ -4989,7 +5210,8 @@ lux-file-progress .lux-file-overlay mat-spinner svg circle {
4989
5210
  gap: 12px;
4990
5211
  padding: 24px 48px;
4991
5212
  }
4992
- .lux-file-upload-container .lux-file-upload-drop-container .lux-file-upload-drop-container-progress, .lux-file-upload-container .lux-file-upload-drop-container .lux-file-upload-drop-container-no-progress {
5213
+ .lux-file-upload-container .lux-file-upload-drop-container .lux-file-upload-drop-container-progress,
5214
+ .lux-file-upload-container .lux-file-upload-drop-container .lux-file-upload-drop-container-no-progress {
4993
5215
  height: 8px;
4994
5216
  }
4995
5217
  .lux-file-upload-container .lux-file-upload-drop-container.lux-file-upload-drop-container-disabled {
@@ -5178,7 +5400,8 @@ lux-file-progress .lux-file-overlay mat-spinner svg circle {
5178
5400
  .lux-form-control .lux-form-control-container {
5179
5401
  padding: 6px 0 0 0;
5180
5402
  }
5181
- .lux-form-control .lux-form-control-container input:required, .lux-form-control .lux-form-control-container textarea:required {
5403
+ .lux-form-control .lux-form-control-container input:required,
5404
+ .lux-form-control .lux-form-control-container textarea:required {
5182
5405
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
5183
5406
  }
5184
5407
  .lux-form-control .lux-form-control-container:after {
@@ -5254,21 +5477,25 @@ lux-list .mat-card-content.menu-item-content {
5254
5477
  /*
5255
5478
  * Theming for LUX-Lookup-Components
5256
5479
  */
5257
- lux-lookup-combobox mat-select[aria-disabled=true] .mat-select-arrow, lux-lookup-combobox-ac mat-select[aria-disabled=true] .mat-select-arrow {
5480
+ lux-lookup-combobox mat-select[aria-disabled=true] .mat-select-arrow,
5481
+ lux-lookup-combobox-ac mat-select[aria-disabled=true] .mat-select-arrow {
5258
5482
  border-width: 7px;
5259
5483
  margin: 0;
5260
5484
  color: #636D76;
5261
5485
  }
5262
- lux-lookup-combobox mat-select[aria-disabled=false] .mat-select-arrow, lux-lookup-combobox-ac mat-select[aria-disabled=false] .mat-select-arrow {
5486
+ lux-lookup-combobox mat-select[aria-disabled=false] .mat-select-arrow,
5487
+ lux-lookup-combobox-ac mat-select[aria-disabled=false] .mat-select-arrow {
5263
5488
  border-width: 7px;
5264
5489
  margin: 0;
5265
5490
  color: #003366;
5266
5491
  }
5267
5492
 
5268
- .lux-autocomplete-panel .mat-option, .lux-select-panel .mat-option {
5493
+ .lux-autocomplete-panel .mat-option,
5494
+ .lux-select-panel .mat-option {
5269
5495
  border-left: none;
5270
5496
  }
5271
- .lux-autocomplete-panel .mat-option.invalid, .lux-select-panel .mat-option.invalid {
5497
+ .lux-autocomplete-panel .mat-option.invalid,
5498
+ .lux-select-panel .mat-option.invalid {
5272
5499
  border-left: 2px solid #ea515a;
5273
5500
  }
5274
5501
 
@@ -5627,7 +5854,8 @@ lux-filter-form lux-menu.filter-menu .lux-filter-menu-trigger button.lux-button-
5627
5854
  /*
5628
5855
  * Theming for LUX-Stepper
5629
5856
  */
5630
- lux-stepper .mat-stepper-horizontal, lux-stepper .mat-stepper-vertical {
5857
+ lux-stepper .mat-stepper-horizontal,
5858
+ lux-stepper .mat-stepper-vertical {
5631
5859
  background-color: transparent;
5632
5860
  }
5633
5861
  lux-stepper .lux-ignore-mat-step-icons mat-step-header {
@@ -5848,7 +6076,7 @@ lux-stepper-large {
5848
6076
  background-color: #2E8533;
5849
6077
  }
5850
6078
  .lux-stepper-large-nav-item.lux-touched:not(.lux-disabled).lux-completed:not(.lux-active) a {
5851
- color: #2E8533;
6079
+ color: #2e8533;
5852
6080
  position: relative;
5853
6081
  }
5854
6082
  .lux-stepper-large-nav-item.lux-touched:not(.lux-disabled).lux-completed:not(.lux-active) a::after {
@@ -5858,7 +6086,7 @@ lux-stepper-large {
5858
6086
  width: 23px;
5859
6087
  height: 23px;
5860
6088
  margin: 5px 10px 0px;
5861
- background-color: #2E8533;
6089
+ background-color: #2e8533;
5862
6090
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23036' stroke-linecap='round' stroke-linejoin='round' d='M0.5,8.55 L3.23,12.06 C3.4166359,12.3024927 3.70402432,12.4461869 4.01,12.4500671 C4.31092451,12.4534817 4.59741556,12.3212551 4.79,12.09 L13.5,1.55'/%3E%3C/svg%3E");
5863
6091
  -webkit-mask-repeat: no-repeat;
5864
6092
  -webkit-mask-position: center;
@@ -8710,11 +8938,18 @@ body {
8710
8938
  font-family: Roboto, Helvetica Neue, sans-serif;
8711
8939
  }
8712
8940
 
8713
- p, div, span {
8941
+ p,
8942
+ div,
8943
+ span {
8714
8944
  font-family: Roboto, Helvetica Neue, sans-serif;
8715
8945
  }
8716
8946
 
8717
- h1, h2, h3, h4, h5, h6 {
8947
+ h1,
8948
+ h2,
8949
+ h3,
8950
+ h4,
8951
+ h5,
8952
+ h6 {
8718
8953
  font-family: Korb, Roboto, Helvetica Neue, sans-serif;
8719
8954
  }
8720
8955
 
@@ -8722,7 +8957,9 @@ lux-card .mat-card {
8722
8957
  color: #003366;
8723
8958
  }
8724
8959
 
8725
- lux-panel .mat-expansion-panel, lux-panel .mat-expansion-panel-header-title, lux-panel .mat-expansion-panel-header-description {
8960
+ lux-panel .mat-expansion-panel,
8961
+ lux-panel .mat-expansion-panel-header-title,
8962
+ lux-panel .mat-expansion-panel-header-description {
8726
8963
  color: #003366;
8727
8964
  }
8728
8965
 
@@ -8764,13 +9001,16 @@ lux-app-header .lux-app-header .lux-header-user .lux-header-user-short > span {
8764
9001
  color: #003366;
8765
9002
  background-color: #ffffff;
8766
9003
  }
8767
- lux-app-header .lux-side-nav-header, lux-app-header .lux-side-nav-footer {
9004
+ lux-app-header .lux-side-nav-header,
9005
+ lux-app-header .lux-side-nav-footer {
8768
9006
  color: #0846ff;
8769
9007
  }
8770
9008
  lux-app-header .lux-header-side-nav .lux-side-nav-trigger-active {
8771
9009
  background-color: rgba(0, 0, 0, 0.12);
8772
9010
  }
8773
- lux-app-header .lux-side-nav .lux-side-nav-content lux-button, lux-app-header .lux-side-nav .lux-side-nav-content .lux-menu-item, lux-app-header .lux-side-nav .lux-side-nav-content .lux-action-nav-menu lux-button {
9011
+ lux-app-header .lux-side-nav .lux-side-nav-content lux-button,
9012
+ lux-app-header .lux-side-nav .lux-side-nav-content .lux-menu-item,
9013
+ lux-app-header .lux-side-nav .lux-side-nav-content .lux-action-nav-menu lux-button {
8774
9014
  color: #003366;
8775
9015
  }
8776
9016
 
@@ -8834,7 +9074,8 @@ lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover {
8834
9074
  background-color: #e3ebf5 !important;
8835
9075
  border-radius: 4px;
8836
9076
  }
8837
- lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover lux-icon, lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover .lux-header-username {
9077
+ lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover lux-icon,
9078
+ lux-app-header lux-menu-trigger button.lux-right-nav-trigger:hover .lux-header-username {
8838
9079
  color: #003366 !important;
8839
9080
  }
8840
9081
  lux-app-header .lux-menu-trigger-default .mat-button-wrapper {
@@ -8864,9 +9105,6 @@ lux-button button.lux-button.lux-icon-button {
8864
9105
  border-radius: 18px;
8865
9106
  height: 45px;
8866
9107
  }
8867
- lux-button button.lux-button.lux-icon-button lux-icon:not(.lux-button-icon-round) {
8868
- line-height: 0.5;
8869
- }
8870
9108
  lux-button button.lux-button.lux-icon-button lux-icon:not(.lux-button-icon-round) i.lux-fa-icon {
8871
9109
  font-size: 1em !important;
8872
9110
  }
@@ -8878,7 +9116,6 @@ lux-button button.lux-button.lux-icon-button lux-icon:not(.lux-button-icon-round
8878
9116
  }
8879
9117
  lux-button button.lux-button.lux-icon-button mat-icon.mat-icon.lux-lx-icon:not(.lux-fa-icon, .lux-material-icon),
8880
9118
  lux-button button.lux-button.lux-icon-button mat-icon.mat-icon.lux-lx-icon-no-size:not(.lux-fa-icon, .lux-material-icon) {
8881
- line-height: 0.5;
8882
9119
  height: 22px;
8883
9120
  width: 22px;
8884
9121
  }
@@ -8940,7 +9177,7 @@ lux-tile .lux-tile-label {
8940
9177
  }
8941
9178
 
8942
9179
  lux-tile .lux-highlight:hover {
8943
- color: #56BD66;
9180
+ color: #56bd66;
8944
9181
  }
8945
9182
  lux-tile mat-card[class~=lux-cursor]:focus {
8946
9183
  outline: 1px dotted #000000 !important;
@@ -8963,13 +9200,26 @@ lux-tile mat-card[class~=lux-cursor]:hover h2 {
8963
9200
  /*
8964
9201
  * Theming for LUX-Form-Controls
8965
9202
  */
8966
- lux-checkbox .lux-form-control .lux-form-control-label, lux-toggle .lux-form-control .lux-form-control-label, lux-radio .lux-form-control .lux-form-control-label, lux-slider .lux-form-control .lux-form-control-label {
9203
+ lux-checkbox .lux-form-control .lux-form-control-label,
9204
+ lux-toggle .lux-form-control .lux-form-control-label,
9205
+ lux-radio .lux-form-control .lux-form-control-label,
9206
+ lux-slider .lux-form-control .lux-form-control-label {
8967
9207
  padding-bottom: 4px;
8968
9208
  }
8969
- lux-checkbox .lux-form-control .lux-form-control-container, lux-toggle .lux-form-control .lux-form-control-container, lux-radio .lux-form-control .lux-form-control-container, lux-slider .lux-form-control .lux-form-control-container {
9209
+ lux-checkbox .lux-form-control .lux-form-control-container,
9210
+ lux-toggle .lux-form-control .lux-form-control-container,
9211
+ lux-radio .lux-form-control .lux-form-control-container,
9212
+ lux-slider .lux-form-control .lux-form-control-container {
8970
9213
  padding: 10px 0px;
8971
9214
  }
8972
- lux-checkbox .lux-form-control:not(.lux-form-control-disabled) .lux-form-control-label > *, lux-checkbox .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *, lux-toggle .lux-form-control:not(.lux-form-control-disabled) .lux-form-control-label > *, lux-toggle .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *, lux-radio .lux-form-control:not(.lux-form-control-disabled) .lux-form-control-label > *, lux-radio .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *, lux-slider .lux-form-control:not(.lux-form-control-disabled) .lux-form-control-label > *, lux-slider .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > * {
9215
+ lux-checkbox .lux-form-control:not(.lux-form-control-disabled) .lux-form-control-label > *,
9216
+ lux-checkbox .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
9217
+ lux-toggle .lux-form-control:not(.lux-form-control-disabled) .lux-form-control-label > *,
9218
+ lux-toggle .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
9219
+ lux-radio .lux-form-control:not(.lux-form-control-disabled) .lux-form-control-label > *,
9220
+ lux-radio .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
9221
+ lux-slider .lux-form-control:not(.lux-form-control-disabled) .lux-form-control-label > *,
9222
+ lux-slider .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > * {
8973
9223
  color: #003366;
8974
9224
  }
8975
9225
 
@@ -8977,56 +9227,211 @@ lux-checkbox .lux-form-control:not(.lux-form-control-disabled) .lux-form-control
8977
9227
  color: #003366;
8978
9228
  }
8979
9229
 
8980
- lux-input .lux-form-control .lux-form-control-label, lux-select .lux-form-control .lux-form-control-label, lux-file-input .lux-form-control .lux-form-control-label, lux-textarea .lux-form-control .lux-form-control-label, lux-autocomplete .lux-form-control .lux-form-control-label, lux-datepicker .lux-form-control .lux-form-control-label, lux-datetimepicker .lux-form-control .lux-form-control-label, lux-chips .lux-form-control .lux-form-control-label, lux-lookup-autocomplete .lux-form-control .lux-form-control-label, lux-lookup-combobox .lux-form-control .lux-form-control-label {
9230
+ lux-input .lux-form-control .lux-form-control-label,
9231
+ lux-select .lux-form-control .lux-form-control-label,
9232
+ lux-file-input .lux-form-control .lux-form-control-label,
9233
+ lux-textarea .lux-form-control .lux-form-control-label,
9234
+ lux-autocomplete .lux-form-control .lux-form-control-label,
9235
+ lux-datepicker .lux-form-control .lux-form-control-label,
9236
+ lux-datetimepicker .lux-form-control .lux-form-control-label,
9237
+ lux-chips .lux-form-control .lux-form-control-label,
9238
+ lux-lookup-autocomplete .lux-form-control .lux-form-control-label,
9239
+ lux-lookup-combobox .lux-form-control .lux-form-control-label {
8981
9240
  padding-bottom: 4px;
8982
9241
  }
8983
- lux-input .lux-form-control .lux-form-control-container, lux-select .lux-form-control .lux-form-control-container, lux-file-input .lux-form-control .lux-form-control-container, lux-textarea .lux-form-control .lux-form-control-container, lux-autocomplete .lux-form-control .lux-form-control-container, lux-datepicker .lux-form-control .lux-form-control-container, lux-datetimepicker .lux-form-control .lux-form-control-container, lux-chips .lux-form-control .lux-form-control-container, lux-lookup-autocomplete .lux-form-control .lux-form-control-container, lux-lookup-combobox .lux-form-control .lux-form-control-container {
9242
+ lux-input .lux-form-control .lux-form-control-container,
9243
+ lux-select .lux-form-control .lux-form-control-container,
9244
+ lux-file-input .lux-form-control .lux-form-control-container,
9245
+ lux-textarea .lux-form-control .lux-form-control-container,
9246
+ lux-autocomplete .lux-form-control .lux-form-control-container,
9247
+ lux-datepicker .lux-form-control .lux-form-control-container,
9248
+ lux-datetimepicker .lux-form-control .lux-form-control-container,
9249
+ lux-chips .lux-form-control .lux-form-control-container,
9250
+ lux-lookup-autocomplete .lux-form-control .lux-form-control-container,
9251
+ lux-lookup-combobox .lux-form-control .lux-form-control-container {
8984
9252
  border: 1px solid rgba(0, 0, 0, 0.42);
8985
9253
  border-radius: 4px;
8986
9254
  padding: 10px 5px 10px 5px;
8987
9255
  }
8988
- lux-input .lux-form-control .lux-form-control-container:after, lux-select .lux-form-control .lux-form-control-container:after, lux-file-input .lux-form-control .lux-form-control-container:after, lux-textarea .lux-form-control .lux-form-control-container:after, lux-autocomplete .lux-form-control .lux-form-control-container:after, lux-datepicker .lux-form-control .lux-form-control-container:after, lux-datetimepicker .lux-form-control .lux-form-control-container:after, lux-chips .lux-form-control .lux-form-control-container:after, lux-lookup-autocomplete .lux-form-control .lux-form-control-container:after, lux-lookup-combobox .lux-form-control .lux-form-control-container:after {
9256
+ lux-input .lux-form-control .lux-form-control-container:after,
9257
+ lux-select .lux-form-control .lux-form-control-container:after,
9258
+ lux-file-input .lux-form-control .lux-form-control-container:after,
9259
+ lux-textarea .lux-form-control .lux-form-control-container:after,
9260
+ lux-autocomplete .lux-form-control .lux-form-control-container:after,
9261
+ lux-datepicker .lux-form-control .lux-form-control-container:after,
9262
+ lux-datetimepicker .lux-form-control .lux-form-control-container:after,
9263
+ lux-chips .lux-form-control .lux-form-control-container:after,
9264
+ lux-lookup-autocomplete .lux-form-control .lux-form-control-container:after,
9265
+ lux-lookup-combobox .lux-form-control .lux-form-control-container:after {
8989
9266
  border-bottom: 0px;
8990
9267
  }
8991
- lux-input .lux-form-control .lux-label, lux-input .lux-form-control mat-hint, lux-input .lux-form-control mat-error, lux-select .lux-form-control .lux-label, lux-select .lux-form-control mat-hint, lux-select .lux-form-control mat-error, lux-file-input .lux-form-control .lux-label, lux-file-input .lux-form-control mat-hint, lux-file-input .lux-form-control mat-error, lux-textarea .lux-form-control .lux-label, lux-textarea .lux-form-control mat-hint, lux-textarea .lux-form-control mat-error, lux-autocomplete .lux-form-control .lux-label, lux-autocomplete .lux-form-control mat-hint, lux-autocomplete .lux-form-control mat-error, lux-datepicker .lux-form-control .lux-label, lux-datepicker .lux-form-control mat-hint, lux-datepicker .lux-form-control mat-error, lux-datetimepicker .lux-form-control .lux-label, lux-datetimepicker .lux-form-control mat-hint, lux-datetimepicker .lux-form-control mat-error, lux-chips .lux-form-control .lux-label, lux-chips .lux-form-control mat-hint, lux-chips .lux-form-control mat-error, lux-lookup-autocomplete .lux-form-control .lux-label, lux-lookup-autocomplete .lux-form-control mat-hint, lux-lookup-autocomplete .lux-form-control mat-error, lux-lookup-combobox .lux-form-control .lux-label, lux-lookup-combobox .lux-form-control mat-hint, lux-lookup-combobox .lux-form-control mat-error {
9268
+ lux-input .lux-form-control .lux-label,
9269
+ lux-input .lux-form-control mat-hint,
9270
+ lux-input .lux-form-control mat-error,
9271
+ lux-select .lux-form-control .lux-label,
9272
+ lux-select .lux-form-control mat-hint,
9273
+ lux-select .lux-form-control mat-error,
9274
+ lux-file-input .lux-form-control .lux-label,
9275
+ lux-file-input .lux-form-control mat-hint,
9276
+ lux-file-input .lux-form-control mat-error,
9277
+ lux-textarea .lux-form-control .lux-label,
9278
+ lux-textarea .lux-form-control mat-hint,
9279
+ lux-textarea .lux-form-control mat-error,
9280
+ lux-autocomplete .lux-form-control .lux-label,
9281
+ lux-autocomplete .lux-form-control mat-hint,
9282
+ lux-autocomplete .lux-form-control mat-error,
9283
+ lux-datepicker .lux-form-control .lux-label,
9284
+ lux-datepicker .lux-form-control mat-hint,
9285
+ lux-datepicker .lux-form-control mat-error,
9286
+ lux-datetimepicker .lux-form-control .lux-label,
9287
+ lux-datetimepicker .lux-form-control mat-hint,
9288
+ lux-datetimepicker .lux-form-control mat-error,
9289
+ lux-chips .lux-form-control .lux-label,
9290
+ lux-chips .lux-form-control mat-hint,
9291
+ lux-chips .lux-form-control mat-error,
9292
+ lux-lookup-autocomplete .lux-form-control .lux-label,
9293
+ lux-lookup-autocomplete .lux-form-control mat-hint,
9294
+ lux-lookup-autocomplete .lux-form-control mat-error,
9295
+ lux-lookup-combobox .lux-form-control .lux-label,
9296
+ lux-lookup-combobox .lux-form-control mat-hint,
9297
+ lux-lookup-combobox .lux-form-control mat-error {
8992
9298
  color: #003366;
8993
9299
  }
8994
- lux-input .lux-form-control-error .lux-form-control-label > *, lux-select .lux-form-control-error .lux-form-control-label > *, lux-file-input .lux-form-control-error .lux-form-control-label > *, lux-textarea .lux-form-control-error .lux-form-control-label > *, lux-autocomplete .lux-form-control-error .lux-form-control-label > *, lux-datepicker .lux-form-control-error .lux-form-control-label > *, lux-datetimepicker .lux-form-control-error .lux-form-control-label > *, lux-chips .lux-form-control-error .lux-form-control-label > *, lux-lookup-autocomplete .lux-form-control-error .lux-form-control-label > *, lux-lookup-combobox .lux-form-control-error .lux-form-control-label > * {
9300
+ lux-input .lux-form-control-error .lux-form-control-label > *,
9301
+ lux-select .lux-form-control-error .lux-form-control-label > *,
9302
+ lux-file-input .lux-form-control-error .lux-form-control-label > *,
9303
+ lux-textarea .lux-form-control-error .lux-form-control-label > *,
9304
+ lux-autocomplete .lux-form-control-error .lux-form-control-label > *,
9305
+ lux-datepicker .lux-form-control-error .lux-form-control-label > *,
9306
+ lux-datetimepicker .lux-form-control-error .lux-form-control-label > *,
9307
+ lux-chips .lux-form-control-error .lux-form-control-label > *,
9308
+ lux-lookup-autocomplete .lux-form-control-error .lux-form-control-label > *,
9309
+ lux-lookup-combobox .lux-form-control-error .lux-form-control-label > * {
8995
9310
  color: #ea515a !important;
8996
9311
  }
8997
- lux-input .lux-form-control-error .lux-form-control-container, lux-select .lux-form-control-error .lux-form-control-container, lux-file-input .lux-form-control-error .lux-form-control-container, lux-textarea .lux-form-control-error .lux-form-control-container, lux-autocomplete .lux-form-control-error .lux-form-control-container, lux-datepicker .lux-form-control-error .lux-form-control-container, lux-datetimepicker .lux-form-control-error .lux-form-control-container, lux-chips .lux-form-control-error .lux-form-control-container, lux-lookup-autocomplete .lux-form-control-error .lux-form-control-container, lux-lookup-combobox .lux-form-control-error .lux-form-control-container {
9312
+ lux-input .lux-form-control-error .lux-form-control-container,
9313
+ lux-select .lux-form-control-error .lux-form-control-container,
9314
+ lux-file-input .lux-form-control-error .lux-form-control-container,
9315
+ lux-textarea .lux-form-control-error .lux-form-control-container,
9316
+ lux-autocomplete .lux-form-control-error .lux-form-control-container,
9317
+ lux-datepicker .lux-form-control-error .lux-form-control-container,
9318
+ lux-datetimepicker .lux-form-control-error .lux-form-control-container,
9319
+ lux-chips .lux-form-control-error .lux-form-control-container,
9320
+ lux-lookup-autocomplete .lux-form-control-error .lux-form-control-container,
9321
+ lux-lookup-combobox .lux-form-control-error .lux-form-control-container {
8998
9322
  border-color: #2E8533 !important;
8999
9323
  box-shadow: 0 0 0 2px #ea515a, 0 0 4px 2px #ea515a;
9000
9324
  }
9001
- lux-input .lux-form-control-error .lux-form-control-container:after, lux-select .lux-form-control-error .lux-form-control-container:after, lux-file-input .lux-form-control-error .lux-form-control-container:after, lux-textarea .lux-form-control-error .lux-form-control-container:after, lux-autocomplete .lux-form-control-error .lux-form-control-container:after, lux-datepicker .lux-form-control-error .lux-form-control-container:after, lux-datetimepicker .lux-form-control-error .lux-form-control-container:after, lux-chips .lux-form-control-error .lux-form-control-container:after, lux-lookup-autocomplete .lux-form-control-error .lux-form-control-container:after, lux-lookup-combobox .lux-form-control-error .lux-form-control-container:after {
9325
+ lux-input .lux-form-control-error .lux-form-control-container:after,
9326
+ lux-select .lux-form-control-error .lux-form-control-container:after,
9327
+ lux-file-input .lux-form-control-error .lux-form-control-container:after,
9328
+ lux-textarea .lux-form-control-error .lux-form-control-container:after,
9329
+ lux-autocomplete .lux-form-control-error .lux-form-control-container:after,
9330
+ lux-datepicker .lux-form-control-error .lux-form-control-container:after,
9331
+ lux-datetimepicker .lux-form-control-error .lux-form-control-container:after,
9332
+ lux-chips .lux-form-control-error .lux-form-control-container:after,
9333
+ lux-lookup-autocomplete .lux-form-control-error .lux-form-control-container:after,
9334
+ lux-lookup-combobox .lux-form-control-error .lux-form-control-container:after {
9002
9335
  border-bottom: 0px;
9003
9336
  }
9004
- lux-input .lux-form-control-error .lux-form-control-misc > *, lux-select .lux-form-control-error .lux-form-control-misc > *, lux-file-input .lux-form-control-error .lux-form-control-misc > *, lux-textarea .lux-form-control-error .lux-form-control-misc > *, lux-autocomplete .lux-form-control-error .lux-form-control-misc > *, lux-datepicker .lux-form-control-error .lux-form-control-misc > *, lux-datetimepicker .lux-form-control-error .lux-form-control-misc > *, lux-chips .lux-form-control-error .lux-form-control-misc > *, lux-lookup-autocomplete .lux-form-control-error .lux-form-control-misc > *, lux-lookup-combobox .lux-form-control-error .lux-form-control-misc > * {
9337
+ lux-input .lux-form-control-error .lux-form-control-misc > *,
9338
+ lux-select .lux-form-control-error .lux-form-control-misc > *,
9339
+ lux-file-input .lux-form-control-error .lux-form-control-misc > *,
9340
+ lux-textarea .lux-form-control-error .lux-form-control-misc > *,
9341
+ lux-autocomplete .lux-form-control-error .lux-form-control-misc > *,
9342
+ lux-datepicker .lux-form-control-error .lux-form-control-misc > *,
9343
+ lux-datetimepicker .lux-form-control-error .lux-form-control-misc > *,
9344
+ lux-chips .lux-form-control-error .lux-form-control-misc > *,
9345
+ lux-lookup-autocomplete .lux-form-control-error .lux-form-control-misc > *,
9346
+ lux-lookup-combobox .lux-form-control-error .lux-form-control-misc > * {
9005
9347
  color: #ea515a !important;
9006
9348
  }
9007
- lux-input .lux-form-control-disabled .lux-form-control-container, lux-select .lux-form-control-disabled .lux-form-control-container, lux-file-input .lux-form-control-disabled .lux-form-control-container, lux-textarea .lux-form-control-disabled .lux-form-control-container, lux-autocomplete .lux-form-control-disabled .lux-form-control-container, lux-datepicker .lux-form-control-disabled .lux-form-control-container, lux-datetimepicker .lux-form-control-disabled .lux-form-control-container, lux-chips .lux-form-control-disabled .lux-form-control-container, lux-lookup-autocomplete .lux-form-control-disabled .lux-form-control-container, lux-lookup-combobox .lux-form-control-disabled .lux-form-control-container {
9349
+ lux-input .lux-form-control-disabled .lux-form-control-container,
9350
+ lux-select .lux-form-control-disabled .lux-form-control-container,
9351
+ lux-file-input .lux-form-control-disabled .lux-form-control-container,
9352
+ lux-textarea .lux-form-control-disabled .lux-form-control-container,
9353
+ lux-autocomplete .lux-form-control-disabled .lux-form-control-container,
9354
+ lux-datepicker .lux-form-control-disabled .lux-form-control-container,
9355
+ lux-datetimepicker .lux-form-control-disabled .lux-form-control-container,
9356
+ lux-chips .lux-form-control-disabled .lux-form-control-container,
9357
+ lux-lookup-autocomplete .lux-form-control-disabled .lux-form-control-container,
9358
+ lux-lookup-combobox .lux-form-control-disabled .lux-form-control-container {
9008
9359
  color: #636D76 !important;
9009
9360
  border: 1px dashed #636D76 !important;
9010
9361
  border-radius: 4px;
9011
9362
  padding: 10px 5px 10px 5px;
9012
9363
  }
9013
- lux-input .lux-form-control-disabled .lux-form-control-container:after, lux-select .lux-form-control-disabled .lux-form-control-container:after, lux-file-input .lux-form-control-disabled .lux-form-control-container:after, lux-textarea .lux-form-control-disabled .lux-form-control-container:after, lux-autocomplete .lux-form-control-disabled .lux-form-control-container:after, lux-datepicker .lux-form-control-disabled .lux-form-control-container:after, lux-datetimepicker .lux-form-control-disabled .lux-form-control-container:after, lux-chips .lux-form-control-disabled .lux-form-control-container:after, lux-lookup-autocomplete .lux-form-control-disabled .lux-form-control-container:after, lux-lookup-combobox .lux-form-control-disabled .lux-form-control-container:after {
9364
+ lux-input .lux-form-control-disabled .lux-form-control-container:after,
9365
+ lux-select .lux-form-control-disabled .lux-form-control-container:after,
9366
+ lux-file-input .lux-form-control-disabled .lux-form-control-container:after,
9367
+ lux-textarea .lux-form-control-disabled .lux-form-control-container:after,
9368
+ lux-autocomplete .lux-form-control-disabled .lux-form-control-container:after,
9369
+ lux-datepicker .lux-form-control-disabled .lux-form-control-container:after,
9370
+ lux-datetimepicker .lux-form-control-disabled .lux-form-control-container:after,
9371
+ lux-chips .lux-form-control-disabled .lux-form-control-container:after,
9372
+ lux-lookup-autocomplete .lux-form-control-disabled .lux-form-control-container:after,
9373
+ lux-lookup-combobox .lux-form-control-disabled .lux-form-control-container:after {
9014
9374
  border-bottom: 0px;
9015
9375
  }
9016
- lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *, lux-select .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *, lux-file-input .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *, lux-textarea .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *, lux-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *, lux-datepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *, lux-datetimepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *, lux-chips .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *, lux-lookup-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *, lux-lookup-combobox .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > * {
9376
+ lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
9377
+ lux-select .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
9378
+ lux-file-input .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
9379
+ lux-textarea .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
9380
+ lux-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
9381
+ lux-datepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
9382
+ lux-datetimepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
9383
+ lux-chips .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
9384
+ lux-lookup-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > *,
9385
+ lux-lookup-combobox .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-label > * {
9017
9386
  color: #003366;
9018
9387
  }
9019
- lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container, lux-select .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container, lux-file-input .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container, lux-textarea .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container, lux-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container, lux-datepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container, lux-datetimepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container, lux-chips .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container, lux-lookup-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container, lux-lookup-combobox .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container {
9388
+ lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container,
9389
+ lux-select .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container,
9390
+ lux-file-input .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container,
9391
+ lux-textarea .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container,
9392
+ lux-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container,
9393
+ lux-datepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container,
9394
+ lux-datetimepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container,
9395
+ lux-chips .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container,
9396
+ lux-lookup-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container,
9397
+ lux-lookup-combobox .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container {
9020
9398
  box-shadow: 0 0 0 2px #2E8533, 0 0 4px 2px #2E8533;
9021
9399
  }
9022
- lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after, lux-select .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after, lux-file-input .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after, lux-textarea .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after, lux-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after, lux-datepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after, lux-datetimepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after, lux-chips .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after, lux-lookup-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after, lux-lookup-combobox .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after {
9400
+ lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after,
9401
+ lux-select .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after,
9402
+ lux-file-input .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after,
9403
+ lux-textarea .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after,
9404
+ lux-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after,
9405
+ lux-datepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after,
9406
+ lux-datetimepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after,
9407
+ lux-chips .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after,
9408
+ lux-lookup-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after,
9409
+ lux-lookup-combobox .lux-form-control:not(.lux-form-control-disabled).lux-focused .lux-form-control-container:after {
9023
9410
  border-bottom: 0px !important;
9024
9411
  }
9025
- lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container, lux-select .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container, lux-file-input .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container, lux-textarea .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container, lux-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container, lux-datepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container, lux-datetimepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container, lux-chips .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container, lux-lookup-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container, lux-lookup-combobox .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container {
9412
+ lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container,
9413
+ lux-select .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container,
9414
+ lux-file-input .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container,
9415
+ lux-textarea .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container,
9416
+ lux-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container,
9417
+ lux-datepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container,
9418
+ lux-datetimepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container,
9419
+ lux-chips .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container,
9420
+ lux-lookup-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container,
9421
+ lux-lookup-combobox .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error .lux-form-control-container {
9026
9422
  border-color: #ea515a !important;
9027
9423
  box-shadow: 0 0 0 2px #ea515a, 0 0 4px 2px #ea515a;
9028
9424
  }
9029
- lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after, lux-select .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after, lux-file-input .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after, lux-textarea .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after, lux-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after, lux-datepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after, lux-datetimepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after, lux-chips .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after, lux-lookup-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after, lux-lookup-combobox .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after {
9425
+ lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after,
9426
+ lux-select .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after,
9427
+ lux-file-input .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after,
9428
+ lux-textarea .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after,
9429
+ lux-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after,
9430
+ lux-datepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after,
9431
+ lux-datetimepicker .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after,
9432
+ lux-chips .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after,
9433
+ lux-lookup-autocomplete .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after,
9434
+ lux-lookup-combobox .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form-control-error:after {
9030
9435
  border-bottom: 0px !important;
9031
9436
  }
9032
9437
 
@@ -9041,15 +9446,31 @@ lux-input .lux-form-control:not(.lux-form-control-disabled).lux-focused.lux-form
9041
9446
  }
9042
9447
 
9043
9448
  lux-file-input lux-button.lux-menu-item button lux-icon,
9044
- lux-file-input lux-button.lux-menu-trigger-default button lux-icon, lux-file-input-ac lux-button.lux-menu-item button lux-icon,
9449
+ lux-file-input lux-button.lux-menu-trigger-default button lux-icon,
9450
+ lux-file-input-ac lux-button.lux-menu-item button lux-icon,
9045
9451
  lux-file-input-ac lux-button.lux-menu-trigger-default button lux-icon {
9046
9452
  display: inline;
9047
9453
  }
9454
+ lux-file-input lux-button.lux-menu-item button lux-icon mat-icon,
9455
+ lux-file-input lux-button.lux-menu-trigger-default button lux-icon mat-icon,
9456
+ lux-file-input-ac lux-button.lux-menu-item button lux-icon mat-icon,
9457
+ lux-file-input-ac lux-button.lux-menu-trigger-default button lux-icon mat-icon {
9458
+ vertical-align: unset;
9459
+ }
9048
9460
 
9049
9461
  /*
9050
9462
  * Theming für LUX-Layout-Form-Row
9051
9463
  */
9052
- lux-layout-form-row lux-input .lux-form-control, lux-layout-form-row lux-select .lux-form-control, lux-layout-form-row lux-file-input .lux-form-control, lux-layout-form-row lux-textarea .lux-form-control, lux-layout-form-row lux-autocomplete .lux-form-control, lux-layout-form-row lux-datepicker .lux-form-control, lux-layout-form-row lux-datetimepicker .lux-form-control, lux-layout-form-row lux-chips .lux-form-control, lux-layout-form-row lux-lookup-autocomplete .lux-form-control, lux-layout-form-row lux-lookup-combobox .lux-form-control {
9464
+ lux-layout-form-row lux-input .lux-form-control,
9465
+ lux-layout-form-row lux-select .lux-form-control,
9466
+ lux-layout-form-row lux-file-input .lux-form-control,
9467
+ lux-layout-form-row lux-textarea .lux-form-control,
9468
+ lux-layout-form-row lux-autocomplete .lux-form-control,
9469
+ lux-layout-form-row lux-datepicker .lux-form-control,
9470
+ lux-layout-form-row lux-datetimepicker .lux-form-control,
9471
+ lux-layout-form-row lux-chips .lux-form-control,
9472
+ lux-layout-form-row lux-lookup-autocomplete .lux-form-control,
9473
+ lux-layout-form-row lux-lookup-combobox .lux-form-control {
9053
9474
  margin-right: 0px;
9054
9475
  margin-left: 0px;
9055
9476
  }
@@ -9080,10 +9501,10 @@ lux-table table.mat-table.cdk-table.mat-sort.lux-multiselect-table {
9080
9501
  border-spacing: 0px 0px !important;
9081
9502
  }
9082
9503
  lux-table .mat-header-row:not(.lux-table-header-no-data) {
9083
- background-color: #E4F1E4;
9504
+ background-color: #e4f1e4;
9084
9505
  }
9085
9506
  lux-table .mat-row:nth-child(even) {
9086
- background-color: #EFF3F6;
9507
+ background-color: #eff3f6;
9087
9508
  }
9088
9509
  lux-table .mat-row:nth-child(odd) {
9089
9510
  background-color: #ffffff;
@@ -9169,17 +9590,21 @@ lux-radio .mat-radio-button .mat-radio-ripple {
9169
9590
  justify-content: space-between;
9170
9591
  padding: 10px 10px 18px 10px;
9171
9592
  }
9172
- .lux-datepicker-custom-header-component button, .lux-datepicker-custom-header-component .mat-icon-button {
9593
+ .lux-datepicker-custom-header-component button,
9594
+ .lux-datepicker-custom-header-component .mat-icon-button {
9173
9595
  font-size: 18px;
9174
9596
  color: #003366;
9175
9597
  }
9176
- .lux-datepicker-custom-header-component button .mat-button-focus-overlay, .lux-datepicker-custom-header-component .mat-icon-button .mat-button-focus-overlay {
9598
+ .lux-datepicker-custom-header-component button .mat-button-focus-overlay,
9599
+ .lux-datepicker-custom-header-component .mat-icon-button .mat-button-focus-overlay {
9177
9600
  display: none;
9178
9601
  }
9179
- .lux-datepicker-custom-header-component button:focus, .lux-datepicker-custom-header-component .mat-icon-button:focus {
9602
+ .lux-datepicker-custom-header-component button:focus,
9603
+ .lux-datepicker-custom-header-component .mat-icon-button:focus {
9180
9604
  outline: 1px dotted #000000 !important;
9181
9605
  }
9182
- .lux-datepicker-custom-header-component button:hover, .lux-datepicker-custom-header-component .mat-icon-button:hover {
9606
+ .lux-datepicker-custom-header-component button:hover,
9607
+ .lux-datepicker-custom-header-component .mat-icon-button:hover {
9183
9608
  background-color: #e3ebf5 !important;
9184
9609
  border-radius: 4px;
9185
9610
  }
@@ -9208,17 +9633,18 @@ lux-radio .mat-radio-button .mat-radio-ripple {
9208
9633
  .lux-datepicker-panel .mat-calendar-content td.mat-calendar-body-cell-container .mat-calendar-body-cell-content.mat-focus-indicator {
9209
9634
  border-radius: 2px;
9210
9635
  font-size: 18px;
9211
- background-color: #E3EBF5;
9636
+ background-color: #e3ebf5;
9212
9637
  color: #003366;
9213
9638
  }
9214
9639
  .lux-datepicker-panel .mat-calendar-content td.mat-calendar-body-cell-container .mat-calendar-body-cell-content.mat-focus-indicator.mat-calendar-body-selected {
9215
9640
  background-color: #003366;
9216
- color: #E3EBF5;
9641
+ color: #e3ebf5;
9217
9642
  }
9218
9643
  .lux-datepicker-panel .mat-calendar-content .mat-calendar-body-label:not(:last-of-type) {
9219
9644
  visibility: hidden;
9220
9645
  }
9221
- .lux-datepicker-panel .mat-calendar-content .mat-calendar-body-label:last-of-type, .lux-datepicker-panel .mat-calendar-content th.mat-calendar-table-header-divider {
9646
+ .lux-datepicker-panel .mat-calendar-content .mat-calendar-body-label:last-of-type,
9647
+ .lux-datepicker-panel .mat-calendar-content th.mat-calendar-table-header-divider {
9222
9648
  display: none;
9223
9649
  }
9224
9650
 
@@ -9246,17 +9672,18 @@ lux-radio .mat-radio-button .mat-radio-ripple {
9246
9672
  .lux-datetime-overlay-content .mat-calendar-content td.mat-calendar-body-cell-container .mat-calendar-body-cell-content.mat-focus-indicator {
9247
9673
  border-radius: 2px;
9248
9674
  font-size: 18px;
9249
- background-color: #E3EBF5;
9675
+ background-color: #e3ebf5;
9250
9676
  color: #003366;
9251
9677
  }
9252
9678
  .lux-datetime-overlay-content .mat-calendar-content td.mat-calendar-body-cell-container .mat-calendar-body-cell-content.mat-focus-indicator.mat-calendar-body-selected {
9253
9679
  background-color: #003366;
9254
- color: #E3EBF5;
9680
+ color: #e3ebf5;
9255
9681
  }
9256
9682
  .lux-datetime-overlay-content .mat-calendar-content .mat-calendar-body-label:not(:last-of-type) {
9257
9683
  visibility: hidden;
9258
9684
  }
9259
- .lux-datetime-overlay-content .mat-calendar-content .mat-calendar-body-label:last-of-type, .lux-datetime-overlay-content .mat-calendar-content th.mat-calendar-table-header-divider {
9685
+ .lux-datetime-overlay-content .mat-calendar-content .mat-calendar-body-label:last-of-type,
9686
+ .lux-datetime-overlay-content .mat-calendar-content th.mat-calendar-table-header-divider {
9260
9687
  display: none;
9261
9688
  }
9262
9689
 
@@ -9293,4 +9720,216 @@ lux-filter-form lux-accordion .mat-expansion-panel-header.mat-expanded {
9293
9720
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
9294
9721
  }
9295
9722
 
9723
+ /**
9724
+ * Theming für Lux-Formcontrols-AC
9725
+ */
9726
+ lux-form-control-wrapper .lux-form-control-wrapper {
9727
+ margin: 2px 0px;
9728
+ }
9729
+ lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-label-authentic {
9730
+ margin: 0 0 4px 0;
9731
+ font-size: 12px;
9732
+ height: 15px;
9733
+ }
9734
+ lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-misc-authentic {
9735
+ margin: 4px 0 0 0;
9736
+ min-height: 17px;
9737
+ font-size: 12px;
9738
+ }
9739
+ lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-misc-authentic mat-hint {
9740
+ color: #003366;
9741
+ }
9742
+ lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-authentic {
9743
+ padding: 10px 5px;
9744
+ line-height: 1;
9745
+ border-color: rgba(0, 0, 0, 0.42);
9746
+ }
9747
+ lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-authentic .lux-input-row-authentic {
9748
+ min-height: unset;
9749
+ height: 18px;
9750
+ color: #003366;
9751
+ }
9752
+ lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-authentic.lux-no-input-row {
9753
+ font-size: 15px;
9754
+ font-family: Roboto, Helvetica Neue, sans-serif;
9755
+ padding: 8px 0;
9756
+ height: 40px;
9757
+ }
9758
+ lux-form-control-wrapper .lux-form-control-wrapper:hover:not(.lux-form-control-disabled-authentic):not(.lux-focused-authentic):not(.lux-form-control-error-authentic) .lux-form-control-container-authentic:not(.lux-no-input-row) {
9759
+ box-shadow: none;
9760
+ }
9761
+ lux-form-control-wrapper .lux-form-control-wrapper.lux-focused-authentic .lux-form-control-label-authentic > * {
9762
+ color: #003366;
9763
+ }
9764
+ lux-form-control-wrapper .lux-form-control-wrapper.lux-focused-authentic .lux-form-control-container-authentic:not(.lux-no-input-row) {
9765
+ border-color: #2E8533;
9766
+ box-shadow: 0 0 0 2px #2E8533, 0 0 4px 2px #2E8533;
9767
+ }
9768
+ lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-error-authentic:not(.lux-form-control-disabled-authentic) .lux-form-control-label-authentic > * {
9769
+ color: #ea515a;
9770
+ }
9771
+ lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-error-authentic:not(.lux-form-control-disabled-authentic) .lux-form-control-container-authentic:not(.lux-no-input-row) {
9772
+ border-color: #ea515a;
9773
+ box-shadow: 0 0 0 2px #ea515a, 0 0 4px 2px #ea515a;
9774
+ }
9775
+ lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-disabled-authentic .lux-form-control-container-authentic,
9776
+ lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-disabled-authentic .lux-form-control-label-authentic,
9777
+ lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-disabled-authentic .lux-form-control-misc-authentic > * {
9778
+ color: #636D76;
9779
+ }
9780
+ lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-disabled-authentic .lux-form-control-container-authentic:not(.lux-no-input-row) {
9781
+ border-style: dashed;
9782
+ border-color: #636D76;
9783
+ }
9784
+ lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-disabled-authentic .lux-form-control-container-authentic:not(.lux-no-input-row) .mat-input-element::placeholder {
9785
+ color: #636D76;
9786
+ }
9787
+ lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-readonly-authentic, lux-form-control-wrapper .lux-form-control-wrapper.lux-form-control-disabled-authentic {
9788
+ pointer-events: none;
9789
+ }
9790
+
9791
+ /*
9792
+ * Theming für LUX-Checkbox-ac
9793
+ */
9794
+ lux-checkbox-ac .mat-checkbox-inner-container .mat-checkbox-frame {
9795
+ border-radius: 4px;
9796
+ border: 1px solid #003366;
9797
+ }
9798
+ lux-checkbox-ac .mat-checkbox-inner-container .mat-checkbox-background,
9799
+ lux-checkbox-ac .mat-checkbox-inner-container .mat-checkbox-checkmark {
9800
+ border-radius: 4px;
9801
+ }
9802
+
9803
+ /*
9804
+ * Theming für LUX-Radio-ac
9805
+ */
9806
+ lux-radio-ac lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-authentic.lux-no-input-row {
9807
+ padding: 10px 0;
9808
+ height: auto;
9809
+ }
9810
+ lux-radio-ac .mat-radio-outer-circle {
9811
+ border: 1.5px solid #003366;
9812
+ }
9813
+ lux-radio-ac .mat-radio-inner-circle {
9814
+ border-radius: 2px;
9815
+ background-color: transparent !important;
9816
+ border-bottom: 5px solid white;
9817
+ border-right: 5px solid white;
9818
+ height: 32px;
9819
+ width: 14px;
9820
+ margin-top: -8px;
9821
+ margin-left: 3px;
9822
+ }
9823
+ lux-radio-ac .mat-radio-checked .mat-radio-outer-circle {
9824
+ background: #003366;
9825
+ }
9826
+ lux-radio-ac .mat-radio-checked.mat-radio-disabled .mat-radio-outer-circle {
9827
+ background: #636D76;
9828
+ border: none;
9829
+ }
9830
+ lux-radio-ac .mat-radio-checked .mat-radio-inner-circle {
9831
+ transform: rotate(45deg) scale(0.4);
9832
+ }
9833
+ lux-radio-ac .mat-radio-button .mat-radio-label-content {
9834
+ line-height: normal;
9835
+ }
9836
+ lux-radio-ac .mat-radio-button .mat-radio-ripple {
9837
+ height: 20px; /*double of your required circle radius*/
9838
+ width: 20px; /*double of your required circle radius*/
9839
+ left: calc(50% - 10px); /*'10px'-same as your required circle radius*/
9840
+ top: calc(50% - 10px); /*'10px'-same as your required circle radius */
9841
+ }
9842
+
9843
+ /*
9844
+ * Theming für LUX-datepicker-ac und LUX-datetimepicker-ac
9845
+ */
9846
+ lux-datepicker-ac mat-datepicker-toggle,
9847
+ lux-datetimepicker-ac mat-datepicker-toggle {
9848
+ height: 18px !important;
9849
+ width: 18px !important;
9850
+ }
9851
+ lux-datepicker-ac mat-datepicker-toggle .mat-icon-button,
9852
+ lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button {
9853
+ height: 18px !important;
9854
+ width: 18px !important;
9855
+ line-height: 1.5;
9856
+ font-size: inherit;
9857
+ }
9858
+ lux-datepicker-ac mat-datepicker-toggle .mat-icon-button lux-icon.lux-datepicker-toggle-icon,
9859
+ lux-datepicker-ac mat-datepicker-toggle .mat-icon-button mat-icon.mat-icon,
9860
+ lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button lux-icon.lux-datepicker-toggle-icon,
9861
+ lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button mat-icon.mat-icon {
9862
+ height: 18px !important;
9863
+ width: 18px !important;
9864
+ padding: 0px !important;
9865
+ }
9866
+ lux-datepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg,
9867
+ lux-datetimepicker-ac mat-datepicker-toggle .mat-icon-button.mat-button-disabled svg {
9868
+ color: #636D76;
9869
+ }
9870
+ lux-datepicker-ac mat-datepicker-toggle button:hover lux-icon.lux-datepicker-toggle-icon.lux-color-blue,
9871
+ lux-datetimepicker-ac mat-datepicker-toggle button:hover lux-icon.lux-datepicker-toggle-icon.lux-color-blue {
9872
+ color: #4d7094;
9873
+ }
9874
+
9875
+ .cdk-overlay-pane .mat-datepicker-content,
9876
+ .lux-datetimepicker-overlay .mat-card.lux-card {
9877
+ margin: 11px -6px;
9878
+ }
9879
+
9880
+ /*
9881
+ * Theming für LUX-select-ac und LUX-lookup-combobox-ac
9882
+ */
9883
+ lux-select-ac mat-select,
9884
+ lux-lookup-combobox-ac mat-select {
9885
+ height: 18px !important;
9886
+ }
9887
+ lux-select-ac .mat-select-value,
9888
+ lux-lookup-combobox-ac .mat-select-value {
9889
+ line-height: normal;
9890
+ }
9891
+
9892
+ /*
9893
+ * Theming für LUX-file-input und LUX-file-input-ac
9894
+ */
9895
+ lux-file-input .lux-menu-extended,
9896
+ lux-file-input-ac .lux-menu-extended {
9897
+ gap: 4px;
9898
+ }
9899
+ lux-file-input .lux-menu-extended lux-button button.lux-button lux-icon.lux-button-icon:not(.lux-button-icon-round).lux-lx-icon,
9900
+ lux-file-input-ac .lux-menu-extended lux-button button.lux-button lux-icon.lux-button-icon:not(.lux-button-icon-round).lux-lx-icon {
9901
+ height: 14px;
9902
+ width: 14px;
9903
+ font-size: 14px;
9904
+ }
9905
+
9906
+ /*
9907
+ * Theming für LUX-file-list
9908
+ */
9909
+ lux-file-list .lux-menu-extended {
9910
+ gap: 4px;
9911
+ }
9912
+ lux-file-list .lux-menu-extended .lux-menu-item lux-icon mat-icon.lux-lx-icon-no-size,
9913
+ lux-file-list .lux-menu-extended .lux-menu-trigger lux-icon mat-icon.lux-lx-icon-no-size {
9914
+ font-size: 16px !important;
9915
+ }
9916
+
9917
+ /*
9918
+ * Theming für LUX-textarea-ac
9919
+ */
9920
+ lux-textarea-ac textarea {
9921
+ min-height: 18px;
9922
+ line-height: normal;
9923
+ }
9924
+
9925
+ lux-checkbox-container-ac .lux-checkbox-container {
9926
+ row-gap: 6px;
9927
+ }
9928
+ lux-checkbox-container-ac .lux-label-container {
9929
+ margin: 0 0 0.25em 0;
9930
+ }
9931
+ lux-checkbox-container-ac lux-checkbox-ac lux-form-control-wrapper .lux-form-control-wrapper .lux-form-control-container-authentic.lux-no-input-row {
9932
+ height: auto;
9933
+ }
9934
+
9296
9935
  /*# sourceMappingURL=luxtheme-green.css.map */