@wavemaker/app-runtime-wm-build 12.0.0-next.45031 → 12.0.0-next.45033

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.
@@ -437,65 +437,28 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
437
437
  =========*/
438
438
  :root {
439
439
  /*--shadows(elevations)--*/
440
- --wm-elevation-shadow-1: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
441
- --wm-elevation-shadow-2: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
442
- --wm-elevation-shadow-3: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.30);
443
- --wm-elevation-shadow-4: 0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.30);
444
- --wm-elevation-shadow-5: 0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.30);
445
- /*headings*/
446
- --wm-headings-color: var(--wm-color-on-surface);
447
- /*page content*/
448
- --wm-page-content-padding: 0;
449
- --wm-page-content-background: var(--wm-color-surface-container-lowest);
440
+ --wm-elevation-shadow-1: 0px 1px 2px 0px color-mix(in srgb, var(--wm-color-shadow), transparent calc(100% - 30%)), 0px 1px 3px 1px ~"color-mix(in srgb, var(--wm-color-shadow), transparent calc(100% - 15%))";
441
+ --wm-elevation-shadow-2: 0px 1px 2px 0px color-mix(in srgb, var(--wm-color-shadow), transparent calc(100% - 30%)), 0px 2px 6px 2px ~"color-mix(in srgb, var(--wm-color-shadow), transparent calc(100% - 15%))";
442
+ --wm-elevation-shadow-3: 0px 4px 8px 3px color-mix(in srgb, var(--wm-color-shadow), transparent calc(100% - 15%)), 0px 1px 3px 0px ~"color-mix(in srgb, var(--wm-color-shadow), transparent calc(100% - 30%))";
443
+ --wm-elevation-shadow-4: 0px 6px 10px 4px color-mix(in srgb, var(--wm-color-shadow), transparent calc(100% - 15%)), 0px 2px 3px 0px ~"color-mix(in srgb, var(--wm-color-shadow), transparent calc(100% - 30%))";
444
+ --wm-elevation-shadow-5: 0px 8px 12px 6px color-mix(in srgb, var(--wm-color-shadow), transparent calc(100% - 15%)), 0px 4px 4px 0px ~"color-mix(in srgb, var(--wm-color-shadow), transparent calc(100% - 30%))";
450
445
  /**--Components--**/
451
- /*--form field--*/
452
- --wm-caption-font-size: var(--wm-body-large-font-size);
453
- --wm-caption-font-weight: var(--wm-body-large-font-weight);
454
- --wm-caption-line-height: var(--wm-body-large-line-height);
455
- --wm-caption-letter-spacing: var(--wm-body-large-letter-spacing);
456
- --wm-caption-color: var(--wm-color-on-surface-variant);
457
- --wm-caption-margin: 0;
458
- --wm-caption-padding: 0;
459
- --wm-form-control-color: var(--wm-color-on-surface);
460
- --wm-form-control-background: transparent;
461
- --wm-form-control-border-width: var(--wm-border-width);
462
- --wm-form-control-border-color: var(--wm-color-outline);
463
- --wm-form-control-border-color-hover: var(--wm-color-on-surface);
464
- --wm-form-control-border-color-focus: var(--wm-color-primary);
465
- --wm-form-control-border-color-error: var(--wm-color-error);
466
- --wm-form-control-radius: var(--wm-radius-xs);
467
- --wm-form-control-height: 56px;
468
- --wm-form-control-padding: 16px;
469
- --wm-form-control-font-size: var(--wm-body-large-font-size);
470
- --wm-form-control-font-weight: var(--wm-body-large-font-weight);
471
- --wm-form-control-line-height: var(--wm-body-large-line-height);
472
- --wm-form-control-color-place-holder: var(--wm-color-on-surface-variant);
473
- --wm-help-block-color: var(--wm-color-on-surface);
474
- --wm-help-block-font-size: var(--wm-body-small-font-size);
475
- --wm-help-block-font-weight: var(--wm-body-small-font-weight);
476
- --wm-help-block-line-height: var(--wm-body-small-line-height);
477
- --wm-checkbox-background: transparent;
478
- --wm-checkbox-border-width: 2px;
479
- --wm-checkbox-border-color: var(--wm-color-on-surface-variant);
480
- --wm-checkbox-border-radius: var(--wm-radius-xxs);
481
- --wm-checkbox-background-selected: var(--wm-color-primary);
482
- --wm-checkbox-icon-color-selected: var(--wm-color-on-primary);
483
- --wm-checkbox-border-color-selected: var(--wm-color-primary);
484
- --wm-checkbox-state-hover: var(--wm-color-on-surface-hover);
485
- --wm-checkbox-state-focus: var(--wm-color-on-surface-focus);
486
- --wm-checkbox-selected-state-hover: var(--wm-color-primary-hover);
487
- --wm-checkbox-selected-state-focus: var(--wm-color-primary-focus);
488
- --wm-radiobutton-background: transparent;
489
- --wm-radiobutton-border-width: 2px;
490
- --wm-radiobutton-border-color: var(--wm-color-on-surface-variant);
491
- --wm-radiobutton-border-radius: var(--wm-radius-circle);
492
- --wm-radiobutton-background-selected: var(--wm-color-primary);
493
- --wm-radiobutton-icon-color-selected: var(--wm-color-on-primary);
494
- --wm-radiobutton-border-color-selected: var(--wm-color-primary);
495
- --wm-radiobutton-state-hover: var(--wm-color-on-surface-hover);
496
- --wm-radiobutton-state-focus: var(--wm-color-on-surface-focus);
497
- --wm-radiobutton-selected-state-hover: var(--wm-color-primary-hover);
498
- --wm-radiobutton-selected-state-focus: var(--wm-color-primary-focus);
446
+ /*--Anchor--*/
447
+ --wm-anchor-font-size: var(--wm-body-medium-font-size);
448
+ --wm-anchor-font-family: var(--wm-body-medium-font-family);
449
+ --wm-anchor-font-weight: var(--wm-body-medium-font-weight);
450
+ --wm-anchor-line-height: var(--wm-body-medium-line-height);
451
+ --wm-anchor-letter-spacing: var(--wm-body-medium-letter-spacing);
452
+ --wm-anchor-text-transform: none;
453
+ --wm-anchor-text-decoration: none;
454
+ --wm-anchor-color: var(--wm-color-primary);
455
+ --wm-anchor-color-hover: color-mix(in srgb, var(--wm-color-primary), var(--wm-color-black) var(--wm-opacity-hover));
456
+ --wm-anchor-color-focus: color-mix(in srgb, var(--wm-color-primary), var(--wm-color-black) var(--wm-opacity-focus));
457
+ --wm-anchor-color-active: color-mix(in srgb, var(--wm-color-primary), var(--wm-color-black) var(--wm-opacity-active));
458
+ --wm-anchor-gap: var(--wm-space-2);
459
+ /*--Button Group--*/
460
+ --wm-button-group-horizontal-radius: var(--wm-radius-pill);
461
+ --wm-button-group-vertical-radius: var(--wm-radius-xs);
499
462
  /*--button--*/
500
463
  --wm-btn-font-size: var(--wm-label-large-font-size);
501
464
  --wm-btn-font-family: var(--wm-label-large-font-family);
@@ -503,28 +466,29 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
503
466
  --wm-btn-line-height: var(--wm-label-large-line-height);
504
467
  --wm-btn-letter-spacing: var(--wm-label-large-letter-spacing);
505
468
  --wm-btn-text-transform: none;
506
- --wm-btn-color: var(--wm-color-on-surface);
507
- --wm-btn-background: var(--wm-color-surface);
469
+ --wm-btn-color: var(--wm-color-on-surface-variant);
470
+ --wm-btn-background: none;
508
471
  --wm-btn-border-width: 1px;
509
472
  --wm-btn-border-style: solid;
510
- --wm-btn-border-color: var(--wm-color-surface-container-highest);
473
+ --wm-btn-border-color: none;
511
474
  --wm-btn-radius: var(--wm-radius-pill);
512
475
  --wm-btn-padding: var(--wm-space-2) var(--wm-space-6);
513
476
  --wm-btn-min-width: auto;
514
477
  --wm-btn-height: 40px;
515
478
  --wm-btn-gap: var(--wm-space-2);
516
479
  --wm-btn-shadow: none;
517
- --wm-btn-state-layer-color: transparent;
480
+ --wm-btn-state-layer-color: var(--wm-color-on-surface-variant);
518
481
  --wm-btn-hover-state-layer-opacity: var(--wm-opacity-hover);
519
- --wm-btn-pressed-state-layer-opacity: var(--wm-opacity-active);
482
+ --wm-btn-focus-state-layer-opacity: var(--wm-opacity-focus);
483
+ --wm-btn-active-state-layer-opacity: var(--wm-opacity-active);
520
484
  --wm-btn-elevated: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0,0,0,0.15);
521
485
  --wm-btn-elevated-hover: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, .15);
522
486
  --wm-btn-elevated-focus: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0,0,0,0.15);
523
487
  --wm-btn-elevated-active: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0,0,0,0.15);
524
- --wm-btn-default-background: var(--wm-btn-background);
525
- --wm-btn-default-color: var(--wm-btn-color);
526
- --wm-btn-default-border-color: var(--wm-btn-border-color);
527
- --wm-btn-default-state-layer-color: var(--wm-btn-color);
488
+ --wm-btn-default-background: var(--wm-color-surface);
489
+ --wm-btn-default-color: var(--wm-color-on-surface);
490
+ --wm-btn-default-border-color: var(--wm-color-surface-container-highest);
491
+ --wm-btn-default-state-layer-color: var(--wm-color-on-surface);
528
492
  --wm-btn-primary-background: var(--wm-color-primary);
529
493
  --wm-btn-primary-color: var(--wm-color-on-primary);
530
494
  --wm-btn-primary-border-color: var(--wm-color-primary);
@@ -607,26 +571,167 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
607
571
  --wm-btn-lg-min-width: auto;
608
572
  --wm-btn-lg-height: 44px;
609
573
  --wm-btn-lg-gap: var(--wm-space-2);
610
- /*--Button Group--*/
611
- --wm-button-group-horizontal-radius: var(--wm-radius-pill);
612
- --wm-button-group-vertical-radius: var(--wm-radius-xs);
613
- /*--Anchor--*/
614
- --wm-anchor-font-size: var(--wm-body-medium-font-size);
615
- --wm-anchor-font-family: var(--wm-body-medium-font-family);
616
- --wm-anchor-font-weight: var(--wm-body-medium-font-weight);
617
- --wm-anchor-line-height: var(--wm-body-medium-line-height);
618
- --wm-anchor-letter-spacing: var(--wm-body-medium-letter-spacing);
619
- --wm-anchor-text-transform: none;
620
- --wm-anchor-text-decoration: none;
621
- --wm-anchor-color: var(--wm-color-primary);
622
- --wm-anchor-color-hover: color-mix(in srgb, var(--wm-color-primary), var(--wm-color-black) var(--wm-opacity-hover));
623
- --wm-anchor-color-focus: color-mix(in srgb, var(--wm-color-primary), var(--wm-color-black) var(--wm-opacity-focus));
624
- --wm-anchor-color-active: color-mix(in srgb, var(--wm-color-primary), var(--wm-color-black) var(--wm-opacity-active));
625
- --wm-anchor-gap: var(--wm-space-2);
626
- /*--Icon--*/
627
- --wm-icon-gap: var(--wm-space-1);
628
- /*--Grid Layout--*/
629
- --wm-grid-layout-column-padding: var(--wm-space-2);
574
+ /*--checkbox--*/
575
+ --wm-checkbox-background: transparent;
576
+ --wm-checkbox-border-width: 2px;
577
+ --wm-checkbox-border-color: var(--wm-color-on-surface-variant);
578
+ --wm-checkbox-border-radius: var(--wm-radius-xxs);
579
+ --wm-checkbox-background-selected: var(--wm-color-primary);
580
+ --wm-checkbox-icon-color-selected: var(--wm-color-on-primary);
581
+ --wm-checkbox-border-color-selected: var(--wm-color-primary);
582
+ --wm-checkbox-state-hover: var(--wm-color-on-surface-hover);
583
+ --wm-checkbox-state-focus: var(--wm-color-on-surface-focus);
584
+ --wm-checkbox-selected-state-hover: var(--wm-color-primary-hover);
585
+ --wm-checkbox-selected-state-focus: var(--wm-color-primary-focus);
586
+ /*--form field/composite--*/
587
+ --wm-caption-font-family: var(--wm-body-small-font-family);
588
+ --wm-caption-font-size: var(--wm-body-large-font-size);
589
+ --wm-caption-font-weight: var(--wm-body-large-font-weight);
590
+ --wm-caption-line-height: var(--wm-body-large-line-height);
591
+ --wm-caption-letter-spacing: var(--wm-body-large-letter-spacing);
592
+ --wm-caption-color: var(--wm-color-on-surface-variant);
593
+ --wm-caption-margin: 0;
594
+ --wm-caption-padding: 0;
595
+ --wm-form-control-color: var(--wm-color-on-surface);
596
+ --wm-form-control-background: transparent;
597
+ --wm-form-control-border-width: var(--wm-border-width);
598
+ --wm-form-control-border-color: var(--wm-color-outline);
599
+ --wm-form-control-border-color-hover: var(--wm-color-on-surface);
600
+ --wm-form-control-border-color-focus: var(--wm-color-primary);
601
+ --wm-form-control-border-color-error: var(--wm-color-error);
602
+ --wm-form-control-radius: var(--wm-radius-xs);
603
+ --wm-form-control-height: 56px;
604
+ --wm-form-control-padding: var(--wm-space-4);
605
+ --wm-form-control-font-family: var(--wm-body-large-font-family);
606
+ --wm-form-control-font-size: var(--wm-body-large-font-size);
607
+ --wm-form-control-font-weight: var(--wm-body-large-font-weight);
608
+ --wm-form-control-line-height: var(--wm-body-large-line-height);
609
+ --wm-form-control-letter-spacing: var(--wm-body-large-letter-spacing);
610
+ --wm-form-control-color-place-holder: var(--wm-color-on-surface-variant);
611
+ --wm-help-block-color: var(--wm-color-on-surface);
612
+ --wm-help-block-font-family: var(--wm-body-small-font-family);
613
+ --wm-help-block-font-size: var(--wm-body-small-font-size);
614
+ --wm-help-block-font-weight: var(--wm-body-small-font-weight);
615
+ --wm-help-block-line-height: var(--wm-body-small-line-height);
616
+ --wm-help-block-letter-spacing: var(--wm-body-small-letter-spacing);
617
+ --wm-input-group-btn-width: var(--wm-space-10);
618
+ --wm-input-group-btn-height: var(--wm-space-10);
619
+ --wm-input-group-btn-font-size: var(--wm-icon-size);
620
+ --wm-input-group-btn-border-radius: var(--wm-btn-radius);
621
+ /*--Container--*/
622
+ --wm-container-outlined-border-color: var(--wm-color-outline-variant);
623
+ --wm-container-outlined-border-width: var(--wm-border-width);
624
+ --wm-container-outlined-border-style: var(--wm-border-style);
625
+ --wm-container-elevation-border-radius: var(--wm-radius-sm);
626
+ --wm-container-elevation-shadow: var(--wm-elevation-shadow-1);
627
+ --wm-currency-inputgroup-addon-width: 40px;
628
+ --wm-currency-inputgroup-addon-font-family: var(--wm-form-control-font-family);
629
+ --wm-currency-inputgroup-addon-font-size: var(--wm-form-control-font-size);
630
+ --wm-currency-inputgroup-addon-font-weight: var(--wm-form-control-font-weight);
631
+ --wm-currency-inputgroup-addon-line-height: var(--wm-form-control-line-height);
632
+ --wm-currency-inputgroup-addon-letter-spacing: var(--wm-form-control-letter-spacing);
633
+ /* datepicker variables */
634
+ --wm-datepicker-color: var(--wm-color-on-surface);
635
+ --wm-datepicker-background: var(--wm-color-surface-container-high);
636
+ --wm-datepicker-border-radius: var(--wm-radius-lg);
637
+ --wm-datepicker-active-background: var(--wm-color-primary);
638
+ --wm-datepicker-active-color: var(--wm-color-on-primary);
639
+ --wm-datepicker-previous-icon: "\f30f";
640
+ --wm-datepicker-next-icon: "\f310";
641
+ --wm-datepicker-font-family: var(--wm-body-large-font-weight);
642
+ --wm-datepicker-font-size: var(--wm-body-large-font-size);
643
+ --wm-datepicker-font-weight: var(--wm-font-weight-regular);
644
+ --wm-datepicker-line-height: var(--wm-body-large-line-height);
645
+ --wm-datepicker-letter-spacing: var(--wm-body-large-letter-spacing);
646
+ --wm-datepicker-date-width: var(--wm-space-10);
647
+ --wm-datepicker-date-height: var(--wm-space-10);
648
+ --wm-datepicker-date-color: var(--wm-color-on-surface);
649
+ --wm-datepicker-date-background: var(--wm-color-surface-container-high);
650
+ --wm-datepicker-date-border-width: var(--wm-border-width);
651
+ --wm-datepicker-date-border-style: var(--wm-border-style);
652
+ --wm-datepicker-date-border-color: var(--wm-color-surface-container-high);
653
+ --wm-datepicker-date-border-radius: var(--wm-radius-pill);
654
+ --wm-datepicker-date-font-family: var(--wm-body-large-font-weight);
655
+ --wm-datepicker-date-font-size: var(--wm-body-large-font-size);
656
+ --wm-datepicker-date-font-weight: var(--wm-font-weight-regular);
657
+ --wm-datepicker-date-line-height: var(--wm-body-large-line-height);
658
+ --wm-datepicker-date-letter-spacing: var(--wm-body-large-letter-spacing);
659
+ --wm-datepicker-date-other-month-color: var(--wm-color-on-surface-variant);
660
+ --wm-datepicker-date-state-layer-color: var(--wm-color-on-surface-variant);
661
+ --wm-datepicker-date-hover-state-layer-opacity: var(--wm-opacity-hover);
662
+ --wm-datepicker-date-focus-state-layer-opacity: var(--wm-opacity-focus);
663
+ --wm-datepicker-date-active-state-layer-opacity: var(--wm-opacity-active);
664
+ /*--file upload--*/
665
+ --wm-file-upload-status-padding: var(--wm-space-2);
666
+ --wm-file-upload-status-border-color: var(--wm-border-color);
667
+ --wm-file-upload-status-border-width: var(--wm-border-width);
668
+ --wm-file-upload-status-border-style: var(--wm-border-style);
669
+ --wm-file-upload-status-background: var(--wm-color-surface-container-low);
670
+ --wm-file-upload-status-radius: var(--wm-radius-xs);
671
+ --wm-file-upload-status-bottom-space: var(--wm-space-1);
672
+ --wm-file-upload-bottom-space: var(--wm-space-1);
673
+ --wm-file-upload-title-color: var(--wm-color-black);
674
+ --wm-file-upload-title-font-size: var(--wm-body-medium-font-size);
675
+ --wm-file-upload-title-font-family: var(--wm-font-family-brand);
676
+ --wm-file-upload-title-font-weight: var(--wm-font-weight-regular);
677
+ --wm-file-upload-title-line-height: var(--wm-body-medium-line-height);
678
+ --wm-file-upload-size-color: var(--wm-color-black);
679
+ --wm-file-upload-size-font-size: var(--wm-body-small-font-size);
680
+ --wm-file-upload-size-font-family: var(--wm-font-family-brand);
681
+ --wm-file-upload-size-font-weight: var(--wm-font-weight-regular);
682
+ --wm-file-upload-size-line-height: var(--wm-body-small-line-height);
683
+ --wm-file-upload-gap: var(--wm-space-3);
684
+ --wm-file-upload-drop-box-gap: var(--wm-space-3);
685
+ --wm-file-upload-drop-box-bottom-space: var(--wm-space-2);
686
+ --wm-file-upload-multi-file-radius: var(--wm-radius-sm);
687
+ --wm-file-upload-drop-box-background: var(--wm-btn-background);
688
+ --wm-file-upload-message-caption-color: var(--wm-color-black);
689
+ --wm-file-upload-message-caption-font-size: var(--wm-body-large-font-size);
690
+ --wm-file-upload-message-caption-font-family: var(--wm-font-family-brand);
691
+ --wm-file-upload-message-caption-font-weight: var(--wm-font-weight-regular);
692
+ --wm-file-upload-message-caption-line-height: var(--wm-body-large-line-height);
693
+ --wm-file-upload-message-anchor-color: var(--wm-color-black);
694
+ --wm-file-upload-message-anchor-font-size: var(--wm-body-medium-font-size);
695
+ --wm-file-upload-message-anchor-font-family: var(--wm-font-family-brand);
696
+ --wm-file-upload-message-anchor-font-weight: var(--wm-font-weight-regular);
697
+ --wm-file-upload-message-anchor-line-height: var(--wm-body-medium-line-height);
698
+ --wm-file-upload-media-icon-size: var(--wm-icon-size);
699
+ --wm-file-upload-media-icon-padding: var(--wm-space-1);
700
+ /*--Message--*/
701
+ --wm-message-container-shadow: var(--wm-elevation-shadow-3);
702
+ --wm-message-container-border-radius: var(--wm-radius-xs);
703
+ --wm-message-container-border-width: var(--wm-border-width);
704
+ --wm-message-container-border-style: var(--wm-border-style);
705
+ --wm-message-container-padding: 14px var(--wm-space-4);
706
+ --wm-message-container-gap: var(--wm-space-3);
707
+ --wm-message-font-family: var(--wm-label-large-font-family);
708
+ --wm-message-font-weight: var(--wm-label-large-font-weight);
709
+ --wm-message-font-size: var(--wm-label-large-font-size);
710
+ --wm-message-line-height: var(--wm-label-large-line-height);
711
+ --wm-message-letter-spacing: var(--wm-label-large-letter-spacing);
712
+ --wm-message-container-background: var(--wm-color-primary);
713
+ --wm-message-container-color: var(--wm-color-on-primary);
714
+ --wm-message-container-border-color: var(--wm-color-primary);
715
+ /* Success message */
716
+ --wm-message-container-success-background: var(--wm-color-success);
717
+ --wm-message-container-success-color: var(--wm-color-on-success);
718
+ --wm-message-container-success-border-color: var(--wm-color-success);
719
+ /* info message */
720
+ --wm-message-container-info-background: var(--wm-color-info);
721
+ --wm-message-container-info-color: var(--wm-color-on-info);
722
+ --wm-message-container-info-border-color: var(--wm-color-info);
723
+ /* Warning message */
724
+ --wm-message-container-warning-background: var(--wm-color-warning);
725
+ --wm-message-container-warning-color: var(--wm-color-on-warning);
726
+ --wm-message-container-warning-border-color: var(--wm-color-warning);
727
+ /* Error message */
728
+ --wm-message-container-danger-background: var(--wm-color-error);
729
+ --wm-message-container-danger-color: var(--wm-color-on-error);
730
+ --wm-message-container-danger-border-color: var(--wm-color-error);
731
+ /* loading message */
732
+ --wm-message-container-loading-background: var(--wm-color-primary);
733
+ --wm-message-container-loading-color: var(--wm-color-on-primary);
734
+ --wm-message-container-loading-border-color: var(--wm-color-primary);
630
735
  /*--Picture--*/
631
736
  --wm-picture-radius-rounded: var(--wm-radius-xs);
632
737
  --wm-picture-radius-circle: var(--wm-radius-circle);
@@ -672,47 +777,100 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
672
777
  --wm-progress-circle-warning-stroke-active: var(--wm-color-warning);
673
778
  --wm-progress-circle-danger-stroke-inactive: var(--wm-color-error-focus);
674
779
  --wm-progress-circle-danger-stroke-active: var(--wm-color-error);
675
- /*--Container--*/
676
- --wm-container-outlined-border-color: var(--wm-color-outline-variant);
677
- --wm-container-outlined-border-width: var(--wm-border-width);
678
- --wm-container-outlined-border-style: var(--wm-border-style);
679
- --wm-container-elevation-border-radius: var(--wm-radius-sm);
680
- --wm-container-elevation-shadow: var(--wm-elevation-shadow-1);
681
- /*--Message--*/
682
- --wm-message-container-shadow: var(--wm-elevation-shadow-3);
683
- --wm-message-container-border-radius: var(--wm-radius-xs);
684
- --wm-message-container-border-width: var(--wm-border-width);
685
- --wm-message-container-border-style: var(--wm-border-style);
686
- --wm-message-container-padding: 14px var(--wm-space-4);
687
- --wm-message-container-gap: var(--wm-space-3);
688
- --wm-message-font-family: var(--wm-label-large-font-family);
689
- --wm-message-font-weight: var(--wm-label-large-font-weight);
690
- --wm-message-font-size: var(--wm-label-large-font-size);
691
- --wm-message-line-height: var(--wm-label-large-line-height);
692
- --wm-message-letter-spacing: var(--wm-label-large-letter-spacing);
693
- --wm-message-container-background: var(--wm-color-primary);
694
- --wm-message-container-color: var(--wm-color-on-primary);
695
- --wm-message-container-border-color: var(--wm-color-primary);
696
- /* Success message */
697
- --wm-message-container-success-background: var(--wm-color-success);
698
- --wm-message-container-success-color: var(--wm-color-on-success);
699
- --wm-message-container-success-border-color: var(--wm-color-success);
700
- /* info message */
701
- --wm-message-container-info-background: var(--wm-color-info);
702
- --wm-message-container-info-color: var(--wm-color-on-info);
703
- --wm-message-container-info-border-color: var(--wm-color-info);
704
- /* Warning message */
705
- --wm-message-container-warning-background: var(--wm-color-warning);
706
- --wm-message-container-warning-color: var(--wm-color-on-warning);
707
- --wm-message-container-warning-border-color: var(--wm-color-warning);
708
- /* Error message */
709
- --wm-message-container-danger-background: var(--wm-color-error);
710
- --wm-message-container-danger-color: var(--wm-color-on-error);
711
- --wm-message-container-danger-border-color: var(--wm-color-error);
712
- /* loading message */
713
- --wm-message-container-loading-background: var(--wm-color-primary);
714
- --wm-message-container-loading-color: var(--wm-color-on-primary);
715
- --wm-message-container-loading-border-color: var(--wm-color-primary);
780
+ /*--radiobutton--*/
781
+ --wm-radiobutton-background: transparent;
782
+ --wm-radiobutton-border-width: 2px;
783
+ --wm-radiobutton-border-color: var(--wm-color-on-surface-variant);
784
+ --wm-radiobutton-border-radius: var(--wm-radius-circle);
785
+ --wm-radiobutton-background-selected: var(--wm-color-primary);
786
+ --wm-radiobutton-icon-color-selected: var(--wm-color-on-primary);
787
+ --wm-radiobutton-border-color-selected: var(--wm-color-primary);
788
+ --wm-radiobutton-state-hover: var(--wm-color-on-surface-hover);
789
+ --wm-radiobutton-state-focus: var(--wm-color-on-surface-focus);
790
+ --wm-radiobutton-selected-state-hover: var(--wm-color-primary-hover);
791
+ --wm-radiobutton-selected-state-focus: var(--wm-color-primary-focus);
792
+ /*--Rating--*/
793
+ --wm-rating-gap: var(--wm-space-2);
794
+ --wm-rating-icon-gap: var(--wm-space-0);
795
+ --wm-rating-icon-color: var(--wm-color-on-surface);
796
+ --wm-rating-icon-color-active: var(--wm-color-warning);
797
+ --wm-rating-icon-size: var(--wm-icon-size);
798
+ --wm-rating-icon-opacity-inactive: 0.38;
799
+ --wm-rating-icon-opacity-active: 1;
800
+ --wm-rating-icon-opacity-readonly: 0.38;
801
+ /* Timepicker styles */
802
+ --wm-timepicker-font-family: var(--wm-display-small-font-family);
803
+ --wm-timepicker-font-size: var(--wm-display-small-font-size);
804
+ --wm-timepicker-font-weight: var(--wm-display-small-font-weight);
805
+ --wm-timepicker-line-height: var(--wm-display-small-line-height);
806
+ --wm-timepicker-letter-spacing: var(--wm-display-small-letter-spacing);
807
+ --wm-timepicker-background: var(--wm-color-surface-container-high);
808
+ --wm-timepicker-border-radius: var(--wm-radius-lg);
809
+ --wm-timepicker-padding: var(--wm-space-6) var(--wm-space-6);
810
+ --wm-timepicker-period-selector-border: var(--wm-border-width) var(--wm-border-style) var(--wm-color-outline);
811
+ --wm-timepicker-period-selector-border-radius: var(--wm-radius-sm);
812
+ --wm-timepicker-period-selector-background: var(--wm-color-tertiary-container);
813
+ --wm-timepicker-period-selector-color: var(--wm-color-on-tertiary-container);
814
+ --wm-timepicker-period-selector-font-family: var(--wm-h5-font-family);
815
+ --wm-timepicker-period-selector-font-size: var(--wm-h5-font-size);
816
+ --wm-timepicker-period-selector-font-weight: var(--wm-h5-font-weight);
817
+ --wm-timepicker-period-selector-line-height: var(--wm-h5-line-height);
818
+ --wm-timepicker-period-selector-letter-spacing: var(--wm-h5-font-letter-spacing);
819
+ /*--Toast--*/
820
+ --wm-toast-container-width: 344px;
821
+ --wm-toast-container-shadow: var(--wm-elevation-shadow-3);
822
+ --wm-toast-container-border-radius: var(--wm-radius-xs);
823
+ --wm-toast-container-border-width: var(--wm-border-width);
824
+ --wm-toast-container-border-style: var(--wm-border-style);
825
+ --wm-toast-container-padding: 14px var(--wm-space-4) 14px var(--wm-space-12);
826
+ --wm-toast-container-gap: var(--wm-space-1);
827
+ --wm-toast-title-font-family: var(--wm-label-large-font-family);
828
+ --wm-toast-title-font-weight: var(--wm-label-large-font-weight);
829
+ --wm-toast-title-font-size: var(--wm-label-large-font-size);
830
+ --wm-toast-title-line-height: var(--wm-label-large-line-height);
831
+ --wm-toast-title-letter-spacing: var(--wm-label-large-letter-spacing);
832
+ --wm-toast-message-font-family: var(--wm-label-large-font-family);
833
+ --wm-toast-message-font-weight: var(--wm-label-large-font-weight);
834
+ --wm-toast-message-font-size: var(--wm-label-large-font-size);
835
+ --wm-toast-message-line-height: var(--wm-label-large-line-height);
836
+ --wm-toast-message-letter-spacing: var(--wm-label-large-letter-spacing);
837
+ --wm-toast-container-background: var(--wm-color-info);
838
+ --wm-toast-container-color: var(--wm-color-on-info);
839
+ --wm-toast-container-border-color: var(--wm-color-info);
840
+ --wm-toast-icon: "\f2ff";
841
+ --wm-toast-position-top: var(--wm-space-3);
842
+ --wm-toast-position-left: var(--wm-space-3);
843
+ --wm-toast-position-right: var(--wm-space-3);
844
+ --wm-toast-position-bottom: var(--wm-space-3);
845
+ /* Success toast */
846
+ --wm-toast-container-success-background: var(--wm-color-success);
847
+ --wm-toast-container-success-color: var(--wm-color-on-success);
848
+ --wm-toast-container-success-border-color: var(--wm-color-success);
849
+ --wm-toast-success-icon: "\f1cf";
850
+ /* info toast */
851
+ --wm-toast-container-info-background: var(--wm-color-info);
852
+ --wm-toast-container-info-color: var(--wm-color-on-info);
853
+ --wm-toast-container-info-border-color: var(--wm-color-info);
854
+ --wm-toast-info-icon: "\f2ff";
855
+ /* Warning toast */
856
+ --wm-toast-container-warning-background: var(--wm-color-warning);
857
+ --wm-toast-container-warning-color: var(--wm-color-on-warning);
858
+ --wm-toast-container-warning-border-color: var(--wm-color-warning);
859
+ --wm-toast-warning-icon: "\f24c";
860
+ /* Error toast */
861
+ --wm-toast-container-error-background: var(--wm-color-error);
862
+ --wm-toast-container-error-color: var(--wm-color-on-error);
863
+ --wm-toast-container-error-border-color: var(--wm-color-error);
864
+ --wm-toast-error-icon: "\f24d";
865
+ /*headings*/
866
+ --wm-headings-color: var(--wm-color-on-surface);
867
+ /*page content*/
868
+ --wm-page-content-padding: 0;
869
+ --wm-page-content-background: var(--wm-color-surface-container-lowest);
870
+ /*--Icon--*/
871
+ --wm-icon-gap: var(--wm-space-1);
872
+ /*--Grid Layout--*/
873
+ --wm-grid-layout-column-padding: var(--wm-space-2);
716
874
  /**--Page Layout--**/
717
875
  /*--app header--*/
718
876
  --wm-header-bg-color: var(--wm-color-secondary);
@@ -819,8 +977,12 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
819
977
  /* Track */
820
978
  /* Handle */
821
979
  /* Handle on hover */
980
+ /* datepicker styles */
981
+ /* .app-fileupload .file-upload */
822
982
  /**--Layout--**/
823
983
  /** Layout styles */
984
+ /* Timepicker styles */
985
+ /* toast styles */
824
986
  /*--bootstrap 5 utilities start--*/
825
987
  /* rtl:begin:remove */
826
988
  /*--bootstrap 5 utilities end--*/
@@ -4488,7 +4650,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
4488
4650
  .wm-app .fa-star:before {
4489
4651
  content: "\f005";
4490
4652
  }
4491
- .wm-app .app-ratings .rating-style > label:before,
4492
4653
  .wm-app .fa-star-o:before {
4493
4654
  content: "\f006";
4494
4655
  }
@@ -7997,271 +8158,30 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
7997
8158
  .wm-app * {
7998
8159
  outline: 0 !important;
7999
8160
  }
8000
- .wm-app .ui-helper-hidden {
8001
- display: none;
8002
- }
8003
- .wm-app .ui-helper-hidden-accessible {
8004
- border: 0;
8005
- clip: rect(0 0 0 0);
8006
- height: 1px;
8007
- margin: -1px;
8008
- overflow: hidden;
8009
- padding: 0;
8010
- position: absolute;
8011
- width: 1px;
8161
+ .wm-app .fa,
8162
+ .wm-app .fa-stack,
8163
+ .wm-app .wi {
8164
+ display: inline-block;
8012
8165
  }
8013
- .wm-app .ui-helper-zfix,
8014
- .wm-app .ui-widget-overlay {
8015
- top: 0;
8166
+ .wm-app .ui-resizable-n {
8167
+ cursor: n-resize;
8168
+ height: 7px;
8169
+ width: 100%;
8170
+ top: -5px;
8016
8171
  left: 0;
8172
+ }
8173
+ .wm-app .ui-resizable-s {
8174
+ cursor: s-resize;
8175
+ height: 7px;
8017
8176
  width: 100%;
8018
- height: 100%;
8019
- }
8020
- .wm-app .ui-helper-reset {
8021
- margin: 0;
8022
- padding: 0;
8023
- border: 0;
8024
- outline: 0;
8025
- line-height: 1.3;
8026
- text-decoration: none;
8027
- font-size: 100%;
8028
- list-style: none;
8029
- }
8030
- .wm-app .ui-helper-clearfix:after,
8031
- .wm-app .ui-helper-clearfix:before {
8032
- content: "";
8033
- display: table;
8034
- border-collapse: collapse;
8035
- }
8036
- .wm-app .ui-helper-clearfix:after {
8037
- clear: both;
8038
- }
8039
- .wm-app .ui-helper-clearfix {
8040
- min-height: 0;
8041
- }
8042
- .wm-app .ui-helper-zfix {
8043
- position: absolute;
8044
- opacity: 0;
8045
- filter: alpha(opacity=0);
8046
- }
8047
- .wm-app .ui-front {
8048
- z-index: 100;
8049
- }
8050
- .wm-app .ui-state-disabled {
8051
- cursor: default !important;
8052
- }
8053
- .wm-app .ui-icon {
8054
- display: block;
8055
- text-indent: -99999px;
8056
- overflow: hidden;
8057
- background-repeat: no-repeat;
8058
- }
8059
- .wm-app .ui-widget-overlay {
8060
- position: fixed;
8061
- }
8062
- .wm-app .ui-datepicker {
8063
- width: 17em;
8064
- padding: 0.2em 0.2em 0;
8065
- display: none;
8066
- }
8067
- .wm-app .ui-datepicker .ui-datepicker-header {
8068
- position: relative;
8069
- padding: 0.2em 0;
8070
- }
8071
- .wm-app .ui-datepicker .ui-datepicker-next,
8072
- .wm-app .ui-datepicker .ui-datepicker-prev {
8073
- position: absolute;
8074
- top: 2px;
8075
- width: 1.8em;
8076
- height: 1.8em;
8077
- }
8078
- .wm-app .ui-datepicker .ui-datepicker-next-hover,
8079
- .wm-app .ui-datepicker .ui-datepicker-prev-hover {
8080
- top: 1px;
8081
- }
8082
- .wm-app .ui-datepicker .ui-datepicker-prev {
8083
- left: 2px;
8084
- }
8085
- .wm-app .ui-datepicker .ui-datepicker-next {
8086
- right: 2px;
8087
- }
8088
- .wm-app .ui-datepicker .ui-datepicker-prev-hover {
8089
- left: 1px;
8090
- }
8091
- .wm-app .ui-datepicker .ui-datepicker-next-hover {
8092
- right: 1px;
8093
- }
8094
- .wm-app .ui-datepicker .ui-datepicker-next span,
8095
- .wm-app .ui-datepicker .ui-datepicker-prev span {
8096
- display: block;
8097
- position: absolute;
8098
- left: 50%;
8099
- margin-left: -8px;
8100
- top: 50%;
8101
- margin-top: -8px;
8102
- }
8103
- .wm-app .fa-ul > li,
8104
- .wm-app .ui-resizable {
8105
- position: relative;
8106
- }
8107
- .wm-app .ui-datepicker .ui-datepicker-title {
8108
- margin: 0 2.3em;
8109
- line-height: 1.8em;
8110
- text-align: center;
8111
- }
8112
- .wm-app .ui-datepicker .ui-datepicker-title select {
8113
- font-size: 1em;
8114
- margin: 1px 0;
8115
- }
8116
- .wm-app .ui-datepicker select.ui-datepicker-month,
8117
- .wm-app .ui-datepicker select.ui-datepicker-year {
8118
- width: 45%;
8119
- }
8120
- .wm-app .ui-datepicker table {
8121
- width: 100%;
8122
- font-size: 0.9em;
8123
- border-collapse: collapse;
8124
- margin: 0 0 0.4em;
8125
- }
8126
- .wm-app .ui-datepicker th {
8127
- padding: 0.7em 0.3em;
8128
- text-align: center;
8129
- font-weight: 700;
8130
- border: 0;
8131
- }
8132
- .wm-app .ui-datepicker td {
8133
- border: 0;
8134
- padding: 1px;
8135
- }
8136
- .wm-app .ui-datepicker td a,
8137
- .wm-app .ui-datepicker td span {
8138
- display: block;
8139
- padding: 0.2em;
8140
- text-align: right;
8141
- text-decoration: none;
8142
- }
8143
- .wm-app .fa-fw,
8144
- .wm-app .fa-li,
8145
- .wm-app .fa-stack-1x,
8146
- .wm-app .fa-stack-2x,
8147
- .wm-app .note-btn {
8148
- text-align: center;
8149
- }
8150
- .wm-app .ui-datepicker .ui-datepicker-buttonpane {
8151
- background-image: none;
8152
- margin: 0.7em 0 0;
8153
- padding: 0 0.2em;
8154
- border-left: 0;
8155
- border-right: 0;
8156
- border-bottom: 0;
8157
- }
8158
- .wm-app .ui-datepicker .ui-datepicker-buttonpane button {
8159
- float: right;
8160
- margin: 0.5em 0.2em 0.4em;
8161
- cursor: pointer;
8162
- padding: 0.2em 0.6em 0.3em;
8163
- width: auto;
8164
- overflow: visible;
8165
- }
8166
- .wm-app .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
8167
- .wm-app .ui-datepicker-multi .ui-datepicker-group,
8168
- .wm-app .ui-datepicker-rtl .ui-datepicker-buttonpane button {
8169
- float: left;
8170
- }
8171
- .wm-app .ui-datepicker.ui-datepicker-multi {
8172
- width: auto;
8173
- }
8174
- .wm-app .ui-datepicker-multi .ui-datepicker-group table {
8175
- width: 95%;
8176
- margin: 0 auto 0.4em;
8177
- }
8178
- .wm-app .ui-datepicker-multi-2 .ui-datepicker-group {
8179
- width: 50%;
8180
- }
8181
- .wm-app .ui-datepicker-multi-3 .ui-datepicker-group {
8182
- width: 33.3%;
8183
- }
8184
- .wm-app .ui-datepicker-multi-4 .ui-datepicker-group {
8185
- width: 25%;
8186
- }
8187
- .wm-app .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
8188
- .wm-app .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
8189
- border-left-width: 0;
8190
- }
8191
- .wm-app .ui-datepicker-multi .ui-datepicker-buttonpane {
8192
- clear: left;
8193
- }
8194
- .wm-app .ui-datepicker-row-break {
8195
- clear: both;
8196
- width: 100%;
8197
- font-size: 0;
8198
- }
8199
- .wm-app .ui-datepicker-rtl {
8200
- direction: rtl;
8201
- }
8202
- .wm-app .ui-datepicker-rtl .ui-datepicker-prev {
8203
- right: 2px;
8204
- left: auto;
8205
- }
8206
- .wm-app .ui-datepicker-rtl .ui-datepicker-next {
8207
- left: 2px;
8208
- right: auto;
8209
- }
8210
- .wm-app .ui-datepicker-rtl .ui-datepicker-prev:hover {
8211
- right: 1px;
8212
- left: auto;
8213
- }
8214
- .wm-app .ui-datepicker-rtl .ui-datepicker-next:hover {
8215
- left: 1px;
8216
- right: auto;
8217
- }
8218
- .wm-app .ui-datepicker-rtl .ui-datepicker-buttonpane {
8219
- clear: right;
8220
- }
8221
- .wm-app .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
8222
- .wm-app .ui-datepicker-rtl .ui-datepicker-group {
8223
- float: right;
8224
- }
8225
- .wm-app .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
8226
- .wm-app .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
8227
- border-right-width: 0;
8228
- border-left-width: 1px;
8229
- }
8230
- .wm-app .ui-resizable-handle {
8231
- position: absolute;
8232
- font-size: 0.1px;
8233
- display: block;
8234
- -ms-touch-action: none;
8235
- touch-action: none;
8236
- }
8237
- .wm-app .ui-resizable-autohide .ui-resizable-handle,
8238
- .wm-app .ui-resizable-disabled .ui-resizable-handle {
8239
- display: none;
8240
- }
8241
- .wm-app .fa,
8242
- .wm-app .fa-stack,
8243
- .wm-app .wi {
8244
- display: inline-block;
8245
- }
8246
- .wm-app .ui-resizable-n {
8247
- cursor: n-resize;
8248
- height: 7px;
8249
- width: 100%;
8250
- top: -5px;
8251
- left: 0;
8252
- }
8253
- .wm-app .ui-resizable-s {
8254
- cursor: s-resize;
8255
- height: 7px;
8256
- width: 100%;
8257
- bottom: -5px;
8258
- left: 0;
8259
- }
8260
- .wm-app .ui-resizable-e {
8261
- cursor: e-resize;
8262
- width: 7px;
8263
- right: -5px;
8264
- top: 0;
8177
+ bottom: -5px;
8178
+ left: 0;
8179
+ }
8180
+ .wm-app .ui-resizable-e {
8181
+ cursor: e-resize;
8182
+ width: 7px;
8183
+ right: -5px;
8184
+ top: 0;
8265
8185
  height: 100%;
8266
8186
  }
8267
8187
  .wm-app .ui-resizable-w {
@@ -9661,7 +9581,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
9661
9581
  text-align: center;
9662
9582
  background-color: #000;
9663
9583
  }
9664
- .wm-app .app-livelist .media .img-thumbnail,
9665
9584
  .wm-app .note-popover,
9666
9585
  .wm-app .popover.fade.in {
9667
9586
  max-width: none;
@@ -10325,308 +10244,103 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
10325
10244
  display: none;
10326
10245
  top: 0;
10327
10246
  }
10328
- .wm-app .app-search .dropdown-menu span,
10329
- .wm-app .app-search.dropdown-menu span {
10330
- display: inline-block;
10331
- line-height: 1em;
10332
- max-width: 100%;
10333
- text-overflow: ellipsis;
10247
+ .wm-app .visible-lg-block[hidden],
10248
+ .wm-app .visible-lg-inline-block[hidden],
10249
+ .wm-app .visible-lg-inline[hidden],
10250
+ .wm-app .visible-md-block[hidden],
10251
+ .wm-app .visible-md-inline-block[hidden],
10252
+ .wm-app .visible-md-inline[hidden],
10253
+ .wm-app .visible-sm-block[hidden],
10254
+ .wm-app .visible-sm-inline-block[hidden],
10255
+ .wm-app .visible-sm-inline[hidden],
10256
+ .wm-app .visible-xs-block[hidden],
10257
+ .wm-app .visible-xs-inline-block[hidden],
10258
+ .wm-app .visible-xs-inline[hidden] {
10259
+ display: none !important;
10334
10260
  }
10335
- .wm-app .app-search {
10336
- width: 30em;
10337
- position: relative;
10338
- vertical-align: middle;
10261
+ .wm-app input[type="file"] {
10262
+ padding: 0;
10339
10263
  }
10340
- .wm-app .app-search input {
10341
- height: 100%;
10264
+ .wm-app .infinite {
10265
+ animation-iteration-count: infinite;
10266
+ }
10267
+ .wm-app .app-content .app-spinner .spinner-message {
10268
+ background-color: rgba(255, 255, 255, 0.5);
10269
+ border: 1px solid #aeaeae;
10270
+ }
10271
+ .wm-app .global-spinner,
10272
+ .wm-app [classname="global-spinner"] {
10273
+ position: fixed;
10274
+ }
10275
+ .wm-app .app-popover {
10276
+ min-width: 50px;
10277
+ min-height: 50px;
10278
+ padding: 0;
10342
10279
  }
10343
- .wm-app .app-search input.model-holder {
10280
+ .wm-app .app-popover .popover-end,
10281
+ .wm-app .app-popover .popover-start {
10344
10282
  width: 0;
10283
+ padding: 0;
10345
10284
  height: 0;
10285
+ border: 0;
10346
10286
  position: absolute;
10347
- top: 30px;
10348
- left: 50%;
10349
- z-index: -1000;
10350
- opacity: 0;
10351
10287
  }
10352
- .wm-app .app-search .app-search-button {
10353
- background: 0 0;
10354
- filter: progid:DXImageTransform.Microsoft.Shadow(enabled=false);
10355
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
10356
- border: none;
10288
+ .wm-app .app-popover .popover-content {
10289
+ width: 100%;
10290
+ height: 100%;
10291
+ overflow: auto;
10357
10292
  padding: 0;
10358
10293
  }
10359
- .wm-app .app-search .dropdown-menu .status,
10360
- .wm-app .app-search.dropdown-menu .status {
10361
- background-color: rgba(0, 0, 0, 0.05);
10362
- border-top: 1px solid rgba(0, 0, 0, 0.1);
10363
- }
10364
- .wm-app .app-search .app-search-button:focus {
10365
- outline: 0;
10366
- }
10367
- .wm-app .app-search.dropdown-menu {
10368
- width: auto;
10369
- text-align: left;
10370
- z-index: 2000 !important;
10371
- max-height: 200px;
10372
- overflow-y: auto;
10294
+ .wm-app .app-popover .popover-content .app-partial {
10295
+ overflow: auto;
10373
10296
  }
10374
- .wm-app .app-search.dropdown-menu span {
10375
- padding-left: 4px;
10376
- width: auto;
10377
- overflow: hidden;
10297
+ .wm-app .app-popover .popover-content .app-partial > button {
10298
+ margin-top: 0.9em;
10378
10299
  }
10379
- .wm-app .app-search.dropdown-menu img {
10380
- line-height: 1em;
10300
+ .wm-app .app-popover .popover-title ~ .popover-content {
10301
+ ignore: a;
10302
+ height: calc(100% - 3em);
10381
10303
  }
10382
- .wm-app .app-search.dropdown-menu .status {
10383
- padding: 8px 15px;
10384
- text-align: center;
10385
- font-size: 12px;
10304
+ .wm-app .app-popover.bottom.bottom-right > .arrow,
10305
+ .wm-app .app-popover.bottom.top-right > .arrow,
10306
+ .wm-app .app-popover.top.bottom-right > .arrow,
10307
+ .wm-app .app-popover.top.top-right > .arrow {
10308
+ left: auto !important;
10309
+ right: 1em !important;
10386
10310
  }
10387
- .wm-app .app-search.dropdown-menu .status span {
10388
- overflow: initial;
10311
+ .wm-app .app-popover-wrapper .disable-popover {
10312
+ pointer-events: none;
10389
10313
  }
10390
- .wm-app .app-search .dropdown-menu {
10391
- width: auto;
10392
- text-align: left;
10393
- z-index: 2000 !important;
10394
- max-height: 200px;
10395
- overflow-y: auto;
10314
+ .wm-app .app-button {
10315
+ position: relative;
10396
10316
  }
10397
- .wm-app .app-search .dropdown-menu span {
10398
- padding-left: 4px;
10399
- width: auto;
10400
- overflow: hidden;
10317
+ .wm-app .app-button .btn-caption {
10318
+ margin: 0 0.2em;
10319
+ vertical-align: middle;
10401
10320
  }
10402
- .wm-app .app-search .dropdown-menu img {
10403
- line-height: 1em;
10321
+ .wm-app .app-button .btn-caption:empty {
10322
+ margin: 0;
10404
10323
  }
10405
- .wm-app .app-search .dropdown-menu .status {
10406
- padding: 8px 15px;
10407
- text-align: center;
10408
- font-size: 12px;
10324
+ .wm-app .app-button .badge {
10325
+ position: absolute;
10326
+ top: 9pt;
10327
+ right: 9pt;
10409
10328
  }
10410
- .wm-app .app-search .dropdown-menu .status span {
10411
- overflow: initial;
10329
+ .wm-app .app-menu {
10330
+ display: inline-block;
10331
+ position: relative;
10412
10332
  }
10413
- .wm-app .app-search .form-control-feedback {
10414
- right: 3em !important;
10333
+ .wm-app .app-menu .app-anchor > .caret,
10334
+ .wm-app .app-menu .app-button > .caret {
10335
+ border: none !important;
10336
+ margin-top: 0.25em;
10337
+ margin-right: 0.3em;
10338
+ width: 6px;
10339
+ position: relative;
10415
10340
  }
10416
- .wm-app .app-search .form-control-feedback.back-btn,
10417
- .wm-app .app-search .form-control-feedback.clear-btn {
10418
- display: none;
10419
- }
10420
- .wm-app .app-search .clear-btn.show-btn {
10421
- right: 2em !important;
10422
- cursor: pointer;
10423
- pointer-events: initial;
10424
- display: block;
10425
- z-index: 5;
10426
- padding-left: 10px;
10427
- }
10428
- .wm-app .app-search [uib-typeahead-popup].dropdown-menu {
10429
- display: none;
10430
- }
10431
- .wm-app .app-search.full-screen.input-group {
10432
- width: 100% !important;
10433
- position: fixed;
10434
- display: block;
10435
- background-color: #fff;
10436
- height: 100%;
10437
- z-index: 5000;
10438
- border-radius: 0;
10439
- top: 0;
10440
- left: 0;
10441
- }
10442
- .wm-app .app-search.full-screen.input-group input {
10443
- padding-left: 2.5em;
10444
- border-bottom: 1px solid rgba(0, 0, 0, 0.5);
10445
- }
10446
- .wm-app .app-search.full-screen typeahead-container.dropdown.open {
10447
- top: 0 !important;
10448
- height: 100% !important;
10449
- }
10450
- .wm-app .app-search.full-screen .input-group-addon {
10451
- display: none;
10452
- }
10453
- .wm-app .app-search.full-screen .dropdown-menu {
10454
- display: block;
10455
- position: relative;
10456
- width: 100%;
10457
- ignore: a;
10458
- height: calc(100% - 36px);
10459
- overflow: auto;
10460
- max-height: initial;
10461
- top: 0 !important;
10462
- }
10463
- .wm-app .app-search.full-screen .back-btn {
10464
- right: 0.25em !important;
10465
- cursor: pointer;
10466
- pointer-events: initial;
10467
- display: block;
10468
- z-index: 5001;
10469
- left: 0;
10470
- }
10471
- .wm-app .visible-lg-block[hidden],
10472
- .wm-app .visible-lg-inline-block[hidden],
10473
- .wm-app .visible-lg-inline[hidden],
10474
- .wm-app .visible-md-block[hidden],
10475
- .wm-app .visible-md-inline-block[hidden],
10476
- .wm-app .visible-md-inline[hidden],
10477
- .wm-app .visible-sm-block[hidden],
10478
- .wm-app .visible-sm-inline-block[hidden],
10479
- .wm-app .visible-sm-inline[hidden],
10480
- .wm-app .visible-xs-block[hidden],
10481
- .wm-app .visible-xs-inline-block[hidden],
10482
- .wm-app .visible-xs-inline[hidden] {
10483
- display: none !important;
10484
- }
10485
- .wm-app .input-group.app-search {
10486
- display: inline-table;
10487
- width: 100%;
10488
- }
10489
- .wm-app input[type="file"] {
10490
- padding: 0;
10491
- }
10492
- .wm-app .app-spinner {
10493
- width: 100%;
10494
- height: 100%;
10495
- position: absolute;
10496
- top: 0;
10497
- left: 0;
10498
- z-index: 1050;
10499
- text-align: center;
10500
- background-color: rgba(0, 0, 0, 0.15);
10501
- }
10502
- .wm-app .app-spinner.spinner-transparent {
10503
- background-color: transparent;
10504
- }
10505
- .wm-app .app-spinner.spinner-transparent .spinner-message {
10506
- background-color: transparent;
10507
- border: none;
10508
- }
10509
- .wm-app .app-spinner .spinner-messages {
10510
- margin: 0;
10511
- }
10512
- .wm-app .app-spinner .spinner-messages p {
10513
- text-align: left;
10514
- margin: 0 0.4em;
10515
- }
10516
- .wm-app .app-spinner.app-page-switch .spinner-image {
10517
- color: #888;
10518
- }
10519
- .wm-app .app-spinner.app-page-switch .spinner-message {
10520
- background-color: transparent;
10521
- border: transparent;
10522
- }
10523
- .wm-app .app-spinner .spinner-message {
10524
- position: relative;
10525
- top: 40%;
10526
- margin-left: auto;
10527
- margin-right: auto;
10528
- padding: 0.5em;
10529
- background-color: transparent;
10530
- border: 1px solid transparent;
10531
- display: inline-table;
10532
- border-collapse: separate;
10533
- border-radius: 0.25em;
10534
- -webkit-transform: translate3d(0, 0, 0);
10535
- }
10536
- .wm-app .app-spinner .spinner-message .spinner-image,
10537
- .wm-app .app-spinner .spinner-message .spinner-messages,
10538
- .wm-app .app-spinner .spinner-message .spinner-text {
10539
- vertical-align: middle;
10540
- display: table-cell;
10541
- }
10542
- .wm-app .app-spinner .spinner-message .spinner-image {
10543
- font-size: 2em;
10544
- color: #212121;
10545
- }
10546
- .wm-app .app-spinner .spinner-message .spinner-text {
10547
- text-align: left;
10548
- padding-left: 0.5em;
10549
- }
10550
- .wm-app .infinite {
10551
- animation-iteration-count: infinite;
10552
- }
10553
- .wm-app .app-content .app-spinner .spinner-message {
10554
- background-color: rgba(255, 255, 255, 0.5);
10555
- border: 1px solid #aeaeae;
10556
- }
10557
- .wm-app .global-spinner,
10558
- .wm-app [classname="global-spinner"] {
10559
- position: fixed;
10560
- }
10561
- .wm-app .app-popover {
10562
- min-width: 50px;
10563
- min-height: 50px;
10564
- padding: 0;
10565
- }
10566
- .wm-app .app-popover .popover-end,
10567
- .wm-app .app-popover .popover-start {
10568
- width: 0;
10569
- padding: 0;
10570
- height: 0;
10571
- border: 0;
10572
- position: absolute;
10573
- }
10574
- .wm-app .app-popover .popover-content {
10575
- width: 100%;
10576
- height: 100%;
10577
- overflow: auto;
10578
- padding: 0;
10579
- }
10580
- .wm-app .app-popover .popover-content .app-partial {
10581
- overflow: auto;
10582
- }
10583
- .wm-app .app-popover .popover-content .app-partial > button {
10584
- margin-top: 0.9em;
10585
- }
10586
- .wm-app .app-popover .popover-title ~ .popover-content {
10587
- ignore: a;
10588
- height: calc(100% - 3em);
10589
- }
10590
- .wm-app .app-popover.bottom.bottom-right > .arrow,
10591
- .wm-app .app-popover.bottom.top-right > .arrow,
10592
- .wm-app .app-popover.top.bottom-right > .arrow,
10593
- .wm-app .app-popover.top.top-right > .arrow {
10594
- left: auto !important;
10595
- right: 1em !important;
10596
- }
10597
- .wm-app .app-popover-wrapper .disable-popover {
10598
- pointer-events: none;
10599
- }
10600
- .wm-app .app-button {
10601
- position: relative;
10602
- }
10603
- .wm-app .app-button .btn-caption {
10604
- margin: 0 0.2em;
10605
- vertical-align: middle;
10606
- }
10607
- .wm-app .app-button .btn-caption:empty {
10608
- margin: 0;
10609
- }
10610
- .wm-app .app-button .badge {
10611
- position: absolute;
10612
- top: 9pt;
10613
- right: 9pt;
10614
- }
10615
- .wm-app .app-menu {
10616
- display: inline-block;
10617
- position: relative;
10618
- }
10619
- .wm-app .app-menu .app-anchor > .caret,
10620
- .wm-app .app-menu .app-button > .caret {
10621
- border: none !important;
10622
- margin-top: 0.25em;
10623
- margin-right: 0.3em;
10624
- width: 6px;
10625
- position: relative;
10626
- }
10627
- .wm-app .app-menu .dropdown-toggle .anchor-caption:empty + span.caret,
10628
- .wm-app .app-menu .dropdown-toggle .btn-caption:empty + span.caret,
10629
- .wm-app .app-menu .dropdown-toggle .caption:empty + span + span.caret {
10341
+ .wm-app .app-menu .dropdown-toggle .anchor-caption:empty + span.caret,
10342
+ .wm-app .app-menu .dropdown-toggle .btn-caption:empty + span.caret,
10343
+ .wm-app .app-menu .dropdown-toggle .caption:empty + span + span.caret {
10630
10344
  display: none;
10631
10345
  }
10632
10346
  .wm-app .app-menu .dropdown-toggle.btn {
@@ -11361,198 +11075,43 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
11361
11075
  -webkit-appearance: none;
11362
11076
  margin: 0;
11363
11077
  }
11364
- .wm-app .app-select,
11365
- .wm-app .app-textarea,
11366
- .wm-app .app-textbox {
11367
- max-width: 100%;
11368
- position: relative;
11369
- }
11370
- .wm-app .app-select.error,
11371
- .wm-app .app-textarea.error,
11372
- .wm-app .app-textbox.error {
11373
- border: 1px solid red;
11374
- }
11375
- .wm-app .select-locale.form-control.app-select {
11376
- width: auto;
11377
- }
11378
- .wm-app .app-input-wrapper,
11379
- .wm-app .app-select-wrapper {
11380
- display: inherit;
11381
- }
11382
- .wm-app .form-control optgroup {
11383
- background-color: rgba(0, 0, 0, 0.1);
11384
- }
11385
- .wm-app .form-control option {
11386
- background-color: #fff;
11387
- }
11388
- .wm-app .input-group .app-input-wrapper,
11389
- .wm-app .input-group .app-select-wrapper {
11390
- display: table-cell;
11391
- }
11392
- .wm-app .app-select option[disabled]:first-child {
11393
- display: none;
11394
- }
11395
- .wm-app .custom-select-disable .app-select option[disabled]:first-child {
11396
- display: block;
11397
- }
11398
- .wm-app .app-search.dropdown-menu .list-group-header {
11399
- list-style: none;
11400
- background-color: rgba(0, 0, 0, 0.1);
11401
- }
11402
- .wm-app .app-search.dropdown-menu .list-group-header.collapsible-content {
11403
- cursor: pointer;
11404
- }
11405
- .wm-app .app-search.dropdown-menu .list-group-header h4 {
11406
- margin: 0;
11407
- padding-left: 1em;
11408
- padding-right: 1em;
11409
- line-height: 2.5em;
11410
- display: table;
11411
- width: 100%;
11412
- }
11413
- .wm-app .app-search.dropdown-menu .list-group-header h4 .header-action {
11414
- display: table-cell;
11415
- }
11416
- .wm-app .app-search.dropdown-menu .list-group-header h4 .header-action i,
11417
- .wm-app .app-search.dropdown-menu .list-group-header h4 .header-action span {
11418
- float: right;
11419
- }
11420
- .wm-app .app-search.dropdown-menu .list-group-header h4 .header-action i {
11421
- padding: 0 10px;
11422
- }
11423
- .wm-app .app-timeinput {
11424
- position: relative;
11425
- max-width: 100%;
11426
- }
11427
11078
  .wm-app [widget="checkbox"][required="required"]:not([displayname]) .app-checkbox label.required:after {
11428
11079
  content: "*";
11429
11080
  color: red;
11430
11081
  margin-left: 2px;
11431
11082
  }
11432
- .wm-app .app-anchor {
11433
- cursor: pointer;
11434
- display: inline-block;
11435
- }
11436
- .wm-app .app-anchor .anchor-caption,
11437
- .wm-app .app-anchor .caption {
11438
- vertical-align: middle;
11439
- line-height: 1.4;
11440
- }
11441
- .wm-app .app-anchor .badge {
11442
- position: absolute;
11443
- right: 2px;
11444
- }
11445
- .wm-app .app-anchor .active .app-icon,
11446
- .wm-app .app-anchor .app-icon,
11447
- .wm-app .app-anchor:focus .app-icon,
11448
- .wm-app .app-anchor:hover .app-icon {
11449
- text-decoration: none;
11083
+ .wm-app .order-by li button {
11084
+ padding: 0;
11450
11085
  }
11451
- .wm-app .app-checkbox.checkbox,
11452
- .wm-app .radio.app-radio {
11086
+ .wm-app .order-by li span {
11453
11087
  display: inline-block;
11454
- }
11455
- .wm-app .app-checkbox.checkbox label,
11456
- .wm-app .radio.app-radio label {
11457
- width: 100%;
11088
+ width: 70%;
11458
11089
  white-space: nowrap;
11459
11090
  overflow: hidden;
11460
11091
  text-overflow: ellipsis;
11461
11092
  }
11462
- .wm-app .app-checkbox.checkbox label > *,
11463
- .wm-app .radio.app-radio label > * {
11464
- vertical-align: middle;
11465
- }
11466
- .wm-app .app-checkbox.checkbox label input:focus,
11467
- .wm-app .radio.app-radio label input:focus {
11468
- outline: #1794ef solid 1px !important;
11093
+ .wm-app .nav.app-chips {
11094
+ position: relative;
11095
+ min-height: 20px;
11469
11096
  }
11470
- .wm-app .app-toggle.checkbox label {
11471
- width: 60px;
11472
- height: 32px;
11473
- overflow: hidden;
11474
- box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
11475
- border-radius: 500px;
11097
+ .wm-app .nav.app-chips > li {
11476
11098
  position: relative;
11477
- background-color: #2ecc71;
11478
- border: 1px solid rgba(0, 0, 0, 0.2);
11099
+ margin: 2px 0;
11479
11100
  }
11480
- .wm-app .app-toggle.checkbox label.unchecked {
11481
- background-color: #fff !important;
11101
+ .wm-app .nav.app-chips > li.disabled {
11102
+ cursor: not-allowed;
11103
+ pointer-events: none;
11482
11104
  }
11483
- .wm-app .app-toggle.checkbox label.disabled {
11484
- opacity: 0.5;
11105
+ .wm-app .nav.app-chips > li.app-chip-search {
11106
+ display: inline-block;
11107
+ width: 180px;
11485
11108
  }
11486
- .wm-app .app-toggle.checkbox input[type="checkbox"] {
11487
- position: absolute;
11109
+ .wm-app .nav.app-chips > li.app-chip-search.full-width {
11488
11110
  display: block;
11489
- cursor: pointer;
11490
- top: 0;
11491
- left: 0;
11492
11111
  width: 100%;
11493
- height: 100%;
11494
- opacity: 0;
11495
- z-index: 6;
11496
- margin-top: 0 !important;
11497
11112
  }
11498
- .wm-app .app-toggle.checkbox .caption {
11499
- visibility: hidden;
11500
- }
11501
- .wm-app .app-toggle.checkbox .switch {
11502
- position: absolute;
11503
- display: block;
11504
- left: 0;
11505
- top: 0;
11506
- background-color: #fff;
11507
- border-radius: 500px;
11508
- z-index: 1;
11509
- transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
11510
- transition-property: left, right;
11511
- transition-delay: 0s, 0.08s;
11512
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
11513
- text-align: center;
11514
- height: 100%;
11515
- border: 1px solid rgba(0, 0, 0, 0.1);
11516
- }
11517
- .wm-app .app-toggle.checkbox input[type="checkbox"]:checked ~ .switch {
11518
- right: 0;
11519
- left: auto;
11520
- transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
11521
- transition-property: left, right;
11522
- transition-delay: 0.08s, 0s;
11523
- }
11524
- .wm-app .order-by li button {
11525
- padding: 0;
11526
- }
11527
- .wm-app .order-by li span {
11528
- display: inline-block;
11529
- width: 70%;
11530
- white-space: nowrap;
11531
- overflow: hidden;
11532
- text-overflow: ellipsis;
11533
- }
11534
- .wm-app .nav.app-chips {
11535
- position: relative;
11536
- min-height: 20px;
11537
- }
11538
- .wm-app .nav.app-chips > li {
11539
- position: relative;
11540
- margin: 2px 0;
11541
- }
11542
- .wm-app .nav.app-chips > li.disabled {
11543
- cursor: not-allowed;
11544
- pointer-events: none;
11545
- }
11546
- .wm-app .nav.app-chips > li.app-chip-search {
11547
- display: inline-block;
11548
- width: 180px;
11549
- }
11550
- .wm-app .nav.app-chips > li.app-chip-search.full-width {
11551
- display: block;
11552
- width: 100%;
11553
- }
11554
- .wm-app .nav.app-chips > li.app-chip-search.full-width .app-chip-input {
11555
- width: 100% !important;
11113
+ .wm-app .nav.app-chips > li.app-chip-search.full-width .app-chip-input {
11114
+ width: 100% !important;
11556
11115
  }
11557
11116
  .wm-app .nav.app-chips > li.app-chip-search .app-chip-input {
11558
11117
  border-color: transparent;
@@ -11562,13 +11121,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
11562
11121
  outline: 0;
11563
11122
  float: left;
11564
11123
  }
11565
- .wm-app .app-date .input-group-btn .btn:focus,
11566
- .wm-app .app-date .uib-button-bar .btn:focus,
11567
- .wm-app .app-datetime .input-group-btn .btn:focus,
11568
- .wm-app .app-datetime .uib-button-bar .btn:focus,
11569
- .wm-app .app-timeinput .input-group-btn .btn:focus {
11570
- outline: dotted 1px !important;
11571
- }
11572
11124
  .wm-app .nav.app-chips > li.app-chip-search .app-chip-input .app-textbox {
11573
11125
  height: 28px;
11574
11126
  padding: 4px 12px 8px;
@@ -11635,10 +11187,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
11635
11187
  overflow: hidden;
11636
11188
  transform: scale(1);
11637
11189
  }
11638
- .wm-app .app-datetime.input-group .dropdown-menu table,
11639
- .wm-app .app-timeinput.input-group .dropdown-menu table {
11640
- display: inline-table;
11641
- }
11642
11190
  .wm-app .app-switch .model-holder {
11643
11191
  width: 0;
11644
11192
  height: 0;
@@ -11655,10 +11203,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
11655
11203
  overflow: hidden;
11656
11204
  height: 100%;
11657
11205
  }
11658
- .wm-app .app-date.input-group .dropdown-menu li:last-child,
11659
- .wm-app .app-datetime.input-group .dropdown-menu li:last-child {
11660
- overflow: visible !important;
11661
- }
11662
11206
  .wm-app .app-switch .btn-group > .btn {
11663
11207
  border-radius: 500px;
11664
11208
  height: 100%;
@@ -11681,63 +11225,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
11681
11225
  vertical-align: middle;
11682
11226
  border-radius: 0;
11683
11227
  }
11684
- .wm-app .app-textarea {
11685
- height: 100%;
11686
- }
11687
- .wm-app .textarea-count {
11688
- text-align: right;
11689
- margin-top: 5px;
11690
- }
11691
- .wm-app .app-form .textarea-count {
11692
- width: calc(60%);
11693
- }
11694
- .wm-app .form-control.app-textarea {
11695
- height: 5.5em;
11696
- }
11697
- .wm-app .app-currency {
11698
- width: 100%;
11699
- }
11700
- .wm-app .app-timeinput.input-group {
11701
- max-width: 13em;
11702
- position: relative;
11703
- }
11704
- .wm-app .app-timeinput.input-group .dropdown {
11705
- position: static;
11706
- }
11707
- .wm-app .app-timeinput.input-group .dropdown-menu {
11708
- width: auto;
11709
- text-align: center;
11710
- }
11711
- .wm-app .app-datetime.input-group {
11712
- max-width: 21em;
11713
- position: relative;
11714
- }
11715
- .wm-app .app-datetime.input-group .dropdown {
11716
- position: static;
11717
- }
11718
- .wm-app .app-datetime.input-group .dropdown-menu {
11719
- top: 100% !important;
11720
- text-align: center;
11721
- width: auto;
11722
- padding: 0.5em;
11723
- }
11724
- .wm-app .app-datetime.input-group button.btn.btn-default.btn-date {
11725
- border-right: 0 #fff;
11726
- }
11727
- .wm-app .app-datetime.input-group button.btn.btn-default.btn-time {
11728
- border-left: 0 #fff;
11729
- }
11730
- .wm-app .app-date.input-group {
11731
- position: relative;
11732
- max-width: 13em;
11733
- }
11734
- .wm-app .app-date.input-group .form-control.app-dateinput {
11735
- position: relative;
11736
- }
11737
- .wm-app .app-date.input-group .dropdown-menu {
11738
- padding: 0.5em;
11739
- width: auto;
11740
- }
11741
11228
  .wm-app .mobile-input {
11742
11229
  left: 0;
11743
11230
  top: 0;
@@ -11751,71 +11238,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
11751
11238
  width: 100%;
11752
11239
  height: 31px;
11753
11240
  }
11754
- .wm-app .app-date .app-calendar-event .btn:after,
11755
- .wm-app .app-datetime .app-calendar-event .btn:after {
11756
- font-family: FontAwesome;
11757
- font-size: 6px;
11758
- content: "\f111\00a0\f111\00a0\f111";
11759
- position: absolute;
11760
- bottom: 0;
11761
- left: 0;
11762
- right: 0;
11763
- color: rgba(0, 0, 0, 0.2);
11764
- text-align: center;
11765
- line-height: 2px;
11766
- }
11767
- .wm-app .app-date .app-calendar-event.one .btn:after,
11768
- .wm-app .app-datetime .app-calendar-event.one .btn:after {
11769
- content: "\f111";
11770
- }
11771
- .wm-app .app-date .app-calendar-event.two .btn:after,
11772
- .wm-app .app-datetime .app-calendar-event.two .btn:after {
11773
- content: "\f111\00a0\f111";
11774
- }
11775
- .wm-app .app-date .uib-daypicker tbody .btn-default,
11776
- .wm-app .app-datetime .uib-daypicker tbody .btn-default {
11777
- position: relative;
11778
- margin: 0;
11779
- }
11780
- .wm-app .app-date .uib-daypicker tbody .btn-default:after,
11781
- .wm-app .app-datetime .uib-daypicker tbody .btn-default:after {
11782
- bottom: -1em;
11783
- }
11784
- .wm-app .app-date .uib-daypicker tbody .btn-default[disabled="disabled"],
11785
- .wm-app .app-datetime .uib-daypicker tbody .btn-default[disabled="disabled"] {
11786
- color: #aaa;
11787
- }
11788
- .wm-app .app-date .uib-daypicker table tbody tr.uib-weeks td:first-child,
11789
- .wm-app .app-datetime .uib-daypicker table tbody tr.uib-weeks td:first-child {
11790
- width: auto;
11791
- }
11792
- .wm-app .app-date tbody .btn.btn-default.active,
11793
- .wm-app .app-date tbody .btn.btn-default:focus,
11794
- .wm-app .app-datetime tbody .btn.btn-default.active,
11795
- .wm-app .app-datetime tbody .btn.btn-default:focus {
11796
- background-color: #bbb !important;
11797
- color: #333 !important;
11798
- }
11799
- .wm-app .app-date .add-opacity,
11800
- .wm-app .app-datetime .add-opacity,
11801
- .wm-app .app-timeinput .add-opacity {
11802
- opacity: 0 !important;
11803
- }
11804
- .wm-app .app-date .remove-opacity,
11805
- .wm-app .app-datetime .remove-opacity,
11806
- .wm-app .app-timeinput .remove-opacity {
11807
- opacity: 1 !important;
11808
- }
11809
- .wm-app .app-date .input-group-btn,
11810
- .wm-app .app-datetime .input-group-btn,
11811
- .wm-app .app-timeinput .input-group-btn {
11812
- vertical-align: top;
11813
- }
11814
- .wm-app .app-date .input-group-btn .app-icon,
11815
- .wm-app .app-datetime .input-group-btn .app-icon,
11816
- .wm-app .app-timeinput .input-group-btn .app-icon {
11817
- padding: 0;
11818
- }
11819
11241
  .wm-app .model-holder[bsdatepicker] {
11820
11242
  visibility: hidden;
11821
11243
  width: 0;
@@ -11825,31 +11247,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
11825
11247
  .wm-app .app-required-input {
11826
11248
  color: red;
11827
11249
  }
11828
- .wm-app .app-colorpicker.input-group {
11829
- width: 10em;
11830
- position: relative;
11831
- }
11832
- .wm-app .app-colorpicker.input-group .input-group-addon {
11833
- width: 30px;
11834
- position: absolute;
11835
- right: 0;
11836
- height: 100%;
11837
- z-index: 3;
11838
- pointer-events: none;
11839
- padding: 0;
11840
- }
11841
- .wm-app .app-colorpicker.input-group .input-group-addon .colored-box {
11842
- width: 100%;
11843
- height: 100%;
11844
- display: inline-block;
11845
- background-color: #fff;
11846
- }
11847
- .wm-app .app-colorpicker.input-group .dropdown {
11848
- position: absolute;
11849
- }
11850
- .wm-app .app-colorpicker.input-group .dropdown .dropdown-menu {
11851
- min-width: 129px;
11852
- }
11853
11250
  .wm-app .app-grid .table,
11854
11251
  .wm-app .app-view,
11855
11252
  .wm-app .uib-day button,
@@ -11967,488 +11364,114 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
11967
11364
  bottom: 0;
11968
11365
  position: fixed !important;
11969
11366
  }
11970
- .wm-app .app-fileupload {
11971
- overflow: hidden;
11367
+ .wm-app .app-prefab {
11368
+ min-height: 1em;
11972
11369
  position: relative;
11973
- margin: 0 0 8px;
11974
- }
11975
- .wm-app .app-fileupload[disabled="disabled"] .app-multi-file-upload .caption,
11976
- .wm-app .app-fileupload[disabled="disabled"] .app-multi-file-upload .drop-box,
11977
- .wm-app .app-fileupload[disabled="disabled"] .app-multi-file-upload .form-horizontal .file-input,
11978
- .wm-app .app-fileupload[disabled="disabled"] .app-single-file-upload .caption,
11979
- .wm-app .app-fileupload[disabled="disabled"] .app-single-file-upload .drop-box,
11980
- .wm-app .app-fileupload[disabled="disabled"] .app-single-file-upload .form-horizontal .file-input {
11981
- cursor: not-allowed;
11982
11370
  }
11983
- .wm-app .app-fileupload[disabled="disabled"] .app-multi-file-upload .app-button-wrapper .app-button,
11984
- .wm-app .app-fileupload[disabled="disabled"] .app-single-file-upload .app-button-wrapper .app-button {
11985
- opacity: 0.65;
11371
+ .wm-app .app-prefab .app-view {
11372
+ z-index: 1000;
11986
11373
  }
11987
- .wm-app .app-fileupload .app-multi-file-upload,
11988
- .wm-app .app-fileupload .app-single-file-upload {
11989
- position: relative;
11990
- min-height: 3em;
11991
- height: auto;
11374
+ .wm-app .app-prefab .app-page .app-content {
11375
+ background-color: transparent;
11992
11376
  }
11993
- .wm-app .app-fileupload .app-multi-file-upload .app-button-wrapper,
11994
- .wm-app .app-fileupload .app-single-file-upload .app-button-wrapper {
11995
- position: relative;
11996
- display: inline-block;
11997
- margin-right: 4px;
11377
+ .wm-app .app-prefab-run {
11378
+ height: 100%;
11379
+ min-height: 500px;
11998
11380
  }
11999
- .wm-app .app-fileupload .file-upload {
12000
- width: 100%;
11381
+ .wm-app .app-datanavigator {
11382
+ position: relative;
12001
11383
  overflow-y: auto;
12002
11384
  }
12003
- .wm-app .app-fileupload .file-upload .file-upload-status .upload-file-list .file-icon {
12004
- font-size: 1.5em;
12005
- }
12006
- .wm-app .app-fileupload .file-upload .file-upload-status .upload-file-list .file-upload-stop {
12007
- margin-top: 30px;
12008
- }
12009
- .wm-app .app-fileupload .file-upload .file-upload-status .upload-file-list .media-right a i,
12010
- .wm-app .app-fileupload .file-upload .file-upload-status .upload-file-list .media-right span {
12011
- font-size: 1.5em;
12012
- text-decoration: none;
12013
- }
12014
- .wm-app .app-fileupload .file-upload .file-upload-status .upload-file-list .file-details .file-detail .uploaddetails {
11385
+ .wm-app .app-datanavigator .pagination,
11386
+ .wm-app .app-datanavigator ul.pager,
11387
+ .wm-app .app-datanavigator ul.pagination {
12015
11388
  margin: 0;
12016
11389
  }
12017
- .wm-app .app-fileupload .file-upload .file-upload-status .upload-file-list .file-details .file-detail .uploaddetails .filesize,
12018
- .wm-app .app-fileupload .file-upload .file-upload-status .upload-file-list .file-details .file-detail .uploaddetails .upload-title {
12019
- vertical-align: middle;
12020
- margin: 0 5pt;
11390
+ .wm-app .app-datanavigator .pagination > li.pagecount > a,
11391
+ .wm-app .app-datanavigator ul.pager > li.pagecount > a,
11392
+ .wm-app .app-datanavigator ul.pagination > li.pagecount > a {
11393
+ width: 4em;
11394
+ padding-left: 0;
11395
+ padding-right: 0;
11396
+ height: 100%;
12021
11397
  }
12022
- .wm-app .app-fileupload .file-upload .file-upload-status .upload-file-list .file-details .file-detail .uploaddetails .upload-title {
12023
- height: 1.3em;
12024
- text-overflow: ellipsis;
12025
- overflow: hidden;
11398
+ .wm-app .app-datanavigator .pagination > li.pagecount > a.ng-invalid,
11399
+ .wm-app .app-datanavigator ul.pager > li.pagecount > a.ng-invalid,
11400
+ .wm-app .app-datanavigator ul.pagination > li.pagecount > a.ng-invalid {
11401
+ margin-right: 1px;
11402
+ border-color: red;
12026
11403
  }
12027
- .wm-app .app-fileupload .form-horizontal {
12028
- position: relative;
11404
+ .wm-app .app-datanavigator .pagination > li.pagecount > a .form-control,
11405
+ .wm-app .app-datanavigator ul.pager > li.pagecount > a .form-control,
11406
+ .wm-app .app-datanavigator ul.pagination > li.pagecount > a .form-control {
11407
+ height: auto;
11408
+ border: none;
11409
+ box-shadow: none;
11410
+ padding: 0 2px;
11411
+ font-size: inherit !important;
11412
+ background-color: transparent;
11413
+ line-height: inherit;
12029
11414
  }
12030
- .wm-app .app-fileupload .form-horizontal .file-input {
12031
- position: absolute;
12032
- opacity: 0;
12033
- z-index: 2;
12034
- cursor: pointer;
12035
- width: 100%;
12036
- height: 100%;
11415
+ .wm-app .app-datanavigator .pagination > li.totalcount.basiccount > a,
11416
+ .wm-app .app-datanavigator ul.pager > li.totalcount.basiccount > a,
11417
+ .wm-app .app-datanavigator ul.pagination > li.totalcount.basiccount > a {
11418
+ border-left: 0;
12037
11419
  }
12038
- .wm-app .app-fileupload .app-multi-file-upload {
12039
- width: 100%;
12040
- height: 100%;
11420
+ .wm-app .app-datanavigator ul.pager {
11421
+ display: inline-block;
12041
11422
  }
12042
- .wm-app .app-fileupload .app-multi-file-upload .status {
12043
- border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
11423
+ .wm-app .app-datanavigator ul.pager.pager-sm {
11424
+ zoom: 80%;
12044
11425
  }
12045
- .wm-app .app-fileupload .app-multi-file-upload .icon {
12046
- font-size: 2em;
11426
+ .wm-app .app-datanavigator .pagination.basic.pagination-sm .pagination-first a:before,
11427
+ .wm-app .app-datanavigator .pagination.basic.pagination-sm .pagination-last a:before,
11428
+ .wm-app .app-datanavigator .pagination.basic.pagination-sm .pagination-next a:before,
11429
+ .wm-app .app-datanavigator .pagination.basic.pagination-sm .pagination-prev a:before,
11430
+ .wm-app .app-datanavigator ul.pagination.basic.pagination-sm .pagination-first a:before,
11431
+ .wm-app .app-datanavigator ul.pagination.basic.pagination-sm .pagination-last a:before,
11432
+ .wm-app .app-datanavigator ul.pagination.basic.pagination-sm .pagination-next a:before,
11433
+ .wm-app .app-datanavigator ul.pagination.basic.pagination-sm .pagination-prev a:before {
11434
+ font-size: 11pt;
12047
11435
  }
12048
- .wm-app .app-fileupload .app-multi-file-upload .drop-box {
12049
- border: 1px dashed rgba(0, 0, 0, 0.05);
12050
- background-color: rgba(0, 0, 0, 0.05);
12051
- vertical-align: middle;
11436
+ .wm-app .app-datanavigator .pagination.basic > li > a,
11437
+ .wm-app .app-datanavigator ul.pagination.basic > li > a {
11438
+ color: inherit;
11439
+ background-color: transparent;
11440
+ border-width: 0;
12052
11441
  text-align: center;
12053
- cursor: pointer;
12054
- }
12055
- .wm-app .app-fileupload .app-multi-file-upload .drop-box.file-dragover {
12056
- background-color: rgba(0, 0, 0, 0.2);
12057
- color: #fff;
12058
11442
  }
12059
- .wm-app .app-fileupload .app-multi-file-upload .app-anchor,
12060
- .wm-app .app-list .app-list-item.active.list-group-item .app-anchor,
12061
- .wm-app .app-list .app-list-item.active.list-group-item .app-label,
12062
- .wm-app .app-livelist .app-list-item.active.list-group-item .app-anchor,
12063
- .wm-app .app-livelist .app-list-item.active.list-group-item .app-label {
11443
+ .wm-app .app-datanavigator .pagination.basic > li.active > a,
11444
+ .wm-app .app-datanavigator .pagination.basic > li:focus > a,
11445
+ .wm-app .app-datanavigator .pagination.basic > li:hover > a,
11446
+ .wm-app .app-datanavigator ul.pagination.basic > li.active > a,
11447
+ .wm-app .app-datanavigator ul.pagination.basic > li:focus > a,
11448
+ .wm-app .app-datanavigator ul.pagination.basic > li:hover > a {
12064
11449
  color: inherit;
11450
+ background-color: transparent;
11451
+ border-bottom-width: 3px;
12065
11452
  }
12066
- .wm-app .app-fileupload .btn-default.highlight-drop-box,
12067
- .wm-app .app-fileupload .drop-box.highlight-drop-box {
12068
- background-color: #eaf0f8;
12069
- border: 2px dashed #0c81b8;
12070
- }
12071
- .wm-app .app-list,
12072
- .wm-app .app-livelist {
12073
- position: relative;
12074
- list-style: none;
12075
- margin: 0;
12076
- padding: 0;
12077
- min-height: 2em;
11453
+ .wm-app .app-datanavigator .pagination.basic > li.active > a:hover,
11454
+ .wm-app .app-datanavigator .pagination.basic > li:focus > a:hover,
11455
+ .wm-app .app-datanavigator .pagination.basic > li:hover > a:hover,
11456
+ .wm-app .app-datanavigator ul.pagination.basic > li.active > a:hover,
11457
+ .wm-app .app-datanavigator ul.pagination.basic > li:focus > a:hover,
11458
+ .wm-app .app-datanavigator ul.pagination.basic > li:hover > a:hover {
11459
+ background-color: transparent;
11460
+ border-bottom-width: 3px;
11461
+ color: inherit;
11462
+ font-weight: 700;
12078
11463
  }
12079
- .wm-app .app-list.inline .app-list-item,
12080
- .wm-app .app-livelist.inline .app-list-item {
11464
+ .wm-app .app-datanavigator .pagination.basic > li.disabled a[disabled],
11465
+ .wm-app .app-datanavigator ul.pagination.basic > li.disabled a[disabled] {
11466
+ pointer-events: none;
12081
11467
  display: inline-block;
11468
+ padding-left: 0;
11469
+ padding-right: 0;
11470
+ text-align: center;
12082
11471
  }
12083
- .wm-app .app-list.Inline > .panel-heading,
12084
- .wm-app .app-livelist.Inline > .panel-heading {
12085
- display: table-caption;
12086
- background-color: inherit;
12087
- }
12088
- .wm-app .app-list > ul,
12089
- .wm-app .app-livelist > ul {
12090
- display: block;
12091
- padding-bottom: 1px;
12092
- }
12093
- .wm-app .app-list ul.list-group,
12094
- .wm-app .app-livelist ul.list-group {
12095
- margin-bottom: 0;
12096
- }
12097
- .wm-app .app-list li.app-list-item-group,
12098
- .wm-app .app-livelist li.app-list-item-group {
12099
- list-style: none;
12100
- }
12101
- .wm-app .app-list li.app-list-item-header,
12102
- .wm-app .app-livelist li.app-list-item-header {
12103
- list-style: none;
12104
- background-color: rgba(0, 0, 0, 0.1);
12105
- }
12106
- .wm-app .app-list li.app-list-item-header.collapsible-content,
12107
- .wm-app .app-livelist li.app-list-item-header.collapsible-content {
12108
- cursor: pointer;
12109
- }
12110
- .wm-app .app-list li.app-list-item-header h4,
12111
- .wm-app .app-livelist li.app-list-item-header h4 {
12112
- margin: 0;
12113
- padding-left: 1em;
12114
- padding-right: 1em;
12115
- line-height: 2.5em;
12116
- display: table;
12117
- width: 100%;
12118
- }
12119
- .wm-app .app-list li.app-list-item-header h4 .header-action,
12120
- .wm-app .app-livelist li.app-list-item-header h4 .header-action {
12121
- display: table-cell;
12122
- }
12123
- .wm-app .app-list li.app-list-item-header h4 .header-action i,
12124
- .wm-app .app-list li.app-list-item-header h4 .header-action span,
12125
- .wm-app .app-livelist li.app-list-item-header h4 .header-action i,
12126
- .wm-app .app-livelist li.app-list-item-header h4 .header-action span {
12127
- float: right;
12128
- }
12129
- .wm-app .app-list li.app-list-item-header h4 .header-action i,
12130
- .wm-app .app-livelist li.app-list-item-header h4 .header-action i {
12131
- padding: 0 10px;
12132
- }
12133
- .wm-app .app-list .app-list-item,
12134
- .wm-app .app-livelist .app-list-item {
12135
- position: relative;
12136
- list-style: none;
12137
- outline: 0;
12138
- }
12139
- .wm-app .app-list .app-list-item .app-list-item-value,
12140
- .wm-app .app-livelist .app-list-item .app-list-item-value {
12141
- word-break: break-word;
12142
- }
12143
- .wm-app .app-list .app-list-item.active,
12144
- .wm-app .app-livelist .app-list-item.active {
12145
- z-index: auto !important;
12146
- }
12147
- .wm-app .app-list .app-list-item.active.list-group-item .app-icon,
12148
- .wm-app .app-list .app-list-item.active.list-group-item .app-label,
12149
- .wm-app .app-livelist .app-list-item.active.list-group-item .app-icon,
12150
- .wm-app .app-livelist .app-list-item.active.list-group-item .app-label {
12151
- opacity: 0.9;
12152
- }
12153
- .wm-app .app-list .app-list-item.active.list-group-item .text-muted,
12154
- .wm-app .app-livelist .app-list-item.active.list-group-item .text-muted {
12155
- opacity: 0.7;
12156
- }
12157
- .wm-app .app-list .app-list-item.active.list-group-item .app-card,
12158
- .wm-app .app-list .app-list-item.active.list-group-item .app-panel,
12159
- .wm-app .app-list .app-list-item.active.list-group-item .app-tabs .tab-content,
12160
- .wm-app .app-list .app-list-item.active.list-group-item .ta-editor,
12161
- .wm-app .app-livelist .app-list-item.active.list-group-item .app-card,
12162
- .wm-app .app-livelist .app-list-item.active.list-group-item .app-panel,
12163
- .wm-app .app-livelist .app-list-item.active.list-group-item .app-tabs .tab-content,
12164
- .wm-app .app-livelist .app-list-item.active.list-group-item .ta-editor {
12165
- color: #333;
12166
- }
12167
- .wm-app .app-list .app-list-item.active.list-group-item .app-card:not(.panel) .panel-heading,
12168
- .wm-app .app-list .app-list-item.active.list-group-item .app-panel:not(.panel) .panel-heading,
12169
- .wm-app .app-livelist .app-list-item.active.list-group-item .app-card:not(.panel) .panel-heading,
12170
- .wm-app .app-livelist .app-list-item.active.list-group-item .app-panel:not(.panel) .panel-heading {
12171
- color: #fff;
12172
- }
12173
- .wm-app .app-list .app-picture,
12174
- .wm-app .app-livelist .app-picture {
12175
- text-align: center;
12176
- }
12177
- .wm-app .app-livelist li.app-list-item {
12178
- display: inline-block;
12179
- float: none;
12180
- vertical-align: top;
12181
- }
12182
- .wm-app .app-livelist li.app-list-item > .app-card {
12183
- height: 100%;
12184
- }
12185
- .wm-app .app-livelist li.app-list-item.active > .app-card {
12186
- border: 1px solid rgba(168, 168, 168, 0.9);
12187
- }
12188
- .wm-app .app-livelist li.app-list-item.disable-item:before {
12189
- content: "";
12190
- width: 100%;
12191
- height: 100%;
12192
- position: absolute;
12193
- left: 0;
12194
- right: 0;
12195
- top: 0;
12196
- bottom: 0;
12197
- z-index: 999;
12198
- }
12199
- .wm-app .app-livelist li.app-list-item:focus:not(.active):not(.disable-item) {
12200
- background-color: rgba(0, 0, 0, 0.05);
12201
- }
12202
- .wm-app .app-livelist .app-horizontal-list {
12203
- white-space: nowrap;
12204
- overflow: auto;
12205
- }
12206
- .wm-app .app-livelist .app-horizontal-list li.app-list-item {
12207
- white-space: normal;
12208
- margin-right: 4pt;
12209
- }
12210
- .wm-app .app-livelist > div.app-datanavigator,
12211
- .wm-app .app-livelist > nav.app-datanavigator {
12212
- display: table-cell;
12213
- vertical-align: middle;
12214
- width: 40pt;
12215
- padding: 5pt;
12216
- }
12217
- .wm-app .app-livelist.Inline {
12218
- display: table;
12219
- table-layout: fixed;
12220
- width: 100%;
12221
- }
12222
- .wm-app .app-livelist.Inline .app-livelist-container {
12223
- padding: 0;
12224
- }
12225
- .wm-app .app-livelist.Inline .app-list-item-group,
12226
- .wm-app .app-livelist.Inline .app-livelist-container .app-list-item {
12227
- display: inline-block;
12228
- }
12229
- .wm-app .app-livelist.Inline .app-datanavigator {
12230
- overflow: hidden;
12231
- }
12232
- .wm-app .app-livelist .app-datanavigator + .app-livelist-container {
12233
- vertical-align: middle;
12234
- white-space: nowrap;
12235
- overflow-x: auto;
12236
- overflow-y: hidden !important;
12237
- }
12238
- .wm-app .app-livelist .app-datanavigator + .app-livelist-container .app-list-item {
12239
- white-space: normal;
12240
- float: none;
12241
- }
12242
- .wm-app .app-livelist .app-datanavigator + .app-livelist-container .app-list-item-group ul.list-group {
12243
- display: inline-table;
12244
- }
12245
- .wm-app .app-livelist .app-datanavigator + .app-livelist-container .app-list-item-group ul.list-group > li {
12246
- display: inline-block;
12247
- vertical-align: middle;
12248
- }
12249
- .wm-app .app-livelist .app-datanavigator + .app-livelist-container .app-list-item-group ul.list-group .app-list-item-header {
12250
- display: table-cell;
12251
- text-align: center;
12252
- width: 10%;
12253
- white-space: normal;
12254
- }
12255
- .wm-app .app-grid .no-wrap,
12256
- .wm-app .app-grid .table tbody tr td .actions-column,
12257
- .wm-app .app-medialist.singlerow,
12258
- .wm-app .app-tabs .nav.nav-tabs,
12259
- .wm-app .app-tabs.has-transition > .tab-content {
12260
- white-space: nowrap;
12261
- }
12262
- .wm-app .app-livelist ul {
12263
- position: relative;
12264
- }
12265
- .wm-app .app-livelist .app-label {
12266
- overflow: hidden;
12267
- text-overflow: ellipsis;
12268
- word-break: break-word;
12269
- }
12270
- .wm-app .app-livelist .media {
12271
- margin-top: 0;
12272
- }
12273
- .wm-app .app-livelist .media-right {
12274
- padding-left: 0 !important;
12275
- }
12276
- .wm-app .app-livelist .media-right a,
12277
- .wm-app .app-livelist .media-right a:focus,
12278
- .wm-app .app-livelist .media-right a:hover {
12279
- text-decoration: none;
12280
- }
12281
- .wm-app .app-livelist .media-right a i,
12282
- .wm-app .app-livelist .media-right a:focus i,
12283
- .wm-app .app-livelist .media-right a:hover i {
12284
- font-size: 18pt;
12285
- color: inherit;
12286
- }
12287
- .wm-app .app-livelist .media-right ul.dropdown-menu a i {
12288
- font-size: inherit;
12289
- }
12290
- .wm-app .app-livelist .thumbnail {
12291
- margin-bottom: 0;
12292
- text-align: center;
12293
- }
12294
- .wm-app .app-livelist .thumbnail .caption .detail {
12295
- font-weight: 400;
12296
- }
12297
- .wm-app .app-livelist .loading-data-msg,
12298
- .wm-app .app-livelist .no-data-msg {
12299
- text-align: center;
12300
- }
12301
- .wm-app .app-livelist .loading-data-msg .app-icon {
12302
- font-size: 16pt;
12303
- }
12304
- .wm-app .app-livelist .loading-data-msg .loading-text {
12305
- vertical-align: top;
12306
- padding-left: 10px;
12307
- }
12308
- .wm-app .app-livelist:not(.On-Demand):not(.Scroll) .loading-data-msg {
12309
- position: absolute;
12310
- top: 0;
12311
- bottom: 5.3em;
12312
- width: 100%;
12313
- background: rgba(200, 200, 200, 0.55);
12314
- }
12315
- .wm-app .app-livelist:not(.On-Demand):not(.Scroll) .loading-data-msg > span {
12316
- position: absolute;
12317
- top: 50%;
12318
- left: 0;
12319
- width: 100%;
12320
- }
12321
- .wm-app .app-livelist:not(.On-Demand):not(.Scroll).None .loading-data-msg {
12322
- bottom: 0;
12323
- }
12324
- .wm-app .app-livelist:not(.On-Demand):not(.Scroll).Inline .loading-data-msg {
12325
- left: 0;
12326
- bottom: 0;
12327
- z-index: 1;
12328
- }
12329
- .wm-app .app-livelist.On-Demand .loading-data-msg,
12330
- .wm-app .app-livelist.Scroll .loading-data-msg {
12331
- height: 4em;
12332
- display: table;
12333
- width: 100%;
12334
- }
12335
- .wm-app .app-livelist.On-Demand .loading-data-msg > span,
12336
- .wm-app .app-livelist.Scroll .loading-data-msg > span {
12337
- display: table-cell;
12338
- height: 100%;
12339
- vertical-align: middle;
12340
- }
12341
- .wm-app .app-livelist.On-Demand .panel-footer {
12342
- padding: 0;
12343
- }
12344
- .wm-app .app-prefab {
12345
- min-height: 1em;
12346
- position: relative;
12347
- }
12348
- .wm-app .app-prefab .app-view {
12349
- z-index: 1000;
12350
- }
12351
- .wm-app .app-prefab .app-page .app-content {
12352
- background-color: transparent;
12353
- }
12354
- .wm-app .app-prefab-run {
12355
- height: 100%;
12356
- min-height: 500px;
12357
- }
12358
- .wm-app .app-datanavigator {
12359
- position: relative;
12360
- overflow-y: auto;
12361
- }
12362
- .wm-app .app-datanavigator .pagination,
12363
- .wm-app .app-datanavigator ul.pager,
12364
- .wm-app .app-datanavigator ul.pagination {
12365
- margin: 0;
12366
- }
12367
- .wm-app .app-datanavigator .pagination > li.pagecount > a,
12368
- .wm-app .app-datanavigator ul.pager > li.pagecount > a,
12369
- .wm-app .app-datanavigator ul.pagination > li.pagecount > a {
12370
- width: 4em;
12371
- padding-left: 0;
12372
- padding-right: 0;
12373
- height: 100%;
12374
- }
12375
- .wm-app .app-datanavigator .pagination > li.pagecount > a.ng-invalid,
12376
- .wm-app .app-datanavigator ul.pager > li.pagecount > a.ng-invalid,
12377
- .wm-app .app-datanavigator ul.pagination > li.pagecount > a.ng-invalid {
12378
- margin-right: 1px;
12379
- border-color: red;
12380
- }
12381
- .wm-app .app-datanavigator .pagination > li.pagecount > a .form-control,
12382
- .wm-app .app-datanavigator ul.pager > li.pagecount > a .form-control,
12383
- .wm-app .app-datanavigator ul.pagination > li.pagecount > a .form-control {
12384
- height: auto;
12385
- border: none;
12386
- box-shadow: none;
12387
- padding: 0 2px;
12388
- font-size: inherit !important;
12389
- background-color: transparent;
12390
- line-height: inherit;
12391
- }
12392
- .wm-app .app-datanavigator .pagination > li.totalcount.basiccount > a,
12393
- .wm-app .app-datanavigator ul.pager > li.totalcount.basiccount > a,
12394
- .wm-app .app-datanavigator ul.pagination > li.totalcount.basiccount > a {
12395
- border-left: 0;
12396
- }
12397
- .wm-app .app-datanavigator ul.pager {
12398
- display: inline-block;
12399
- }
12400
- .wm-app .app-datanavigator ul.pager.pager-sm {
12401
- zoom: 80%;
12402
- }
12403
- .wm-app .app-datanavigator .pagination.basic.pagination-sm .pagination-first a:before,
12404
- .wm-app .app-datanavigator .pagination.basic.pagination-sm .pagination-last a:before,
12405
- .wm-app .app-datanavigator .pagination.basic.pagination-sm .pagination-next a:before,
12406
- .wm-app .app-datanavigator .pagination.basic.pagination-sm .pagination-prev a:before,
12407
- .wm-app .app-datanavigator ul.pagination.basic.pagination-sm .pagination-first a:before,
12408
- .wm-app .app-datanavigator ul.pagination.basic.pagination-sm .pagination-last a:before,
12409
- .wm-app .app-datanavigator ul.pagination.basic.pagination-sm .pagination-next a:before,
12410
- .wm-app .app-datanavigator ul.pagination.basic.pagination-sm .pagination-prev a:before {
12411
- font-size: 11pt;
12412
- }
12413
- .wm-app .app-datanavigator .pagination.basic > li > a,
12414
- .wm-app .app-datanavigator ul.pagination.basic > li > a {
12415
- color: inherit;
12416
- background-color: transparent;
12417
- border-width: 0;
12418
- text-align: center;
12419
- }
12420
- .wm-app .app-datanavigator .pagination.basic > li.active > a,
12421
- .wm-app .app-datanavigator .pagination.basic > li:focus > a,
12422
- .wm-app .app-datanavigator .pagination.basic > li:hover > a,
12423
- .wm-app .app-datanavigator ul.pagination.basic > li.active > a,
12424
- .wm-app .app-datanavigator ul.pagination.basic > li:focus > a,
12425
- .wm-app .app-datanavigator ul.pagination.basic > li:hover > a {
12426
- color: inherit;
12427
- background-color: transparent;
12428
- border-bottom-width: 3px;
12429
- }
12430
- .wm-app .app-datanavigator .pagination.basic > li.active > a:hover,
12431
- .wm-app .app-datanavigator .pagination.basic > li:focus > a:hover,
12432
- .wm-app .app-datanavigator .pagination.basic > li:hover > a:hover,
12433
- .wm-app .app-datanavigator ul.pagination.basic > li.active > a:hover,
12434
- .wm-app .app-datanavigator ul.pagination.basic > li:focus > a:hover,
12435
- .wm-app .app-datanavigator ul.pagination.basic > li:hover > a:hover {
12436
- background-color: transparent;
12437
- border-bottom-width: 3px;
12438
- color: inherit;
12439
- font-weight: 700;
12440
- }
12441
- .wm-app .app-datanavigator .pagination.basic > li.disabled a[disabled],
12442
- .wm-app .app-datanavigator ul.pagination.basic > li.disabled a[disabled] {
12443
- pointer-events: none;
12444
- display: inline-block;
12445
- padding-left: 0;
12446
- padding-right: 0;
12447
- text-align: center;
12448
- }
12449
- .wm-app .app-datanavigator .pagination.basic > li.disabled a[disabled]:before,
12450
- .wm-app .app-datanavigator ul.pagination.basic > li.disabled a[disabled]:before {
12451
- display: inline-block;
11472
+ .wm-app .app-datanavigator .pagination.basic > li.disabled a[disabled]:before,
11473
+ .wm-app .app-datanavigator ul.pagination.basic > li.disabled a[disabled]:before {
11474
+ display: inline-block;
12452
11475
  }
12453
11476
  .wm-app .app-datanavigator .pagination.basic .pagination-first a,
12454
11477
  .wm-app .app-datanavigator .pagination.basic .pagination-last a,
@@ -12529,9 +11552,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
12529
11552
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
12530
11553
  outline: 0;
12531
11554
  }
12532
- .wm-app .app-grid .form-search .app-select {
12533
- width: auto;
12534
- }
12535
11555
  .wm-app .app-grid[spacing="condensed"] .app-datagrid-actions .app-anchor {
12536
11556
  font-size: 13px;
12537
11557
  }
@@ -12651,10 +11671,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
12651
11671
  .wm-app .app-grid .app-datagrid .app-datagrid-cell.cell-editing {
12652
11672
  vertical-align: middle;
12653
11673
  }
12654
- .wm-app .app-grid .app-datagrid .app-datagrid-cell.cell-editing .app-input-wrapper,
12655
- .wm-app .app-grid .app-datagrid .app-datagrid-cell.cell-editing .app-select-wrapper {
12656
- display: block;
12657
- }
12658
11674
  .wm-app .app-grid .app-datagrid .app-datagrid-cell.cell-editing:not(.checkbox-widget) .uib-timepicker input {
12659
11675
  border: 1px solid #e0e0e0;
12660
11676
  }
@@ -12849,11 +11865,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
12849
11865
  .wm-app .table-bordered {
12850
11866
  border-collapse: separate !important;
12851
11867
  }
12852
- .wm-app .app-form .panel-body,
12853
- .wm-app .app-livefilter .panel-body,
12854
- .wm-app .app-liveform .panel-body {
12855
- padding: 12px;
12856
- }
12857
11868
  .wm-app .nav > li .app-popover-wrapper a {
12858
11869
  position: relative;
12859
11870
  display: block;
@@ -12886,7 +11897,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
12886
11897
  display: table-cell;
12887
11898
  vertical-align: top;
12888
11899
  }
12889
- .wm-app .app-medialist .app-media-fullscreen .app-mobile-navbar .left-nav-btn,
12890
11900
  .wm-app .app-richtexteditor .locked.note-statusbar,
12891
11901
  .wm-app .wm-mobile-app .app-media-fullscreen .app-mobile-navbar .left-nav-btn {
12892
11902
  display: none;
@@ -12967,114 +11977,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
12967
11977
  .wm-app .note-modal .note-modal-footer > button {
12968
11978
  float: none;
12969
11979
  }
12970
- .wm-app .app-medialist {
12971
- overflow: auto;
12972
- }
12973
- .wm-app .app-medialist .thumbnail {
12974
- width: 100%;
12975
- height: 100%;
12976
- text-align: center;
12977
- position: relative;
12978
- }
12979
- .wm-app .app-medialist .thumbnail .thumbnail-image {
12980
- max-width: 100%;
12981
- width: auto;
12982
- height: 100%;
12983
- }
12984
- .wm-app .app-medialist .thumbnail .thumbnail-image-template {
12985
- max-width: 100%;
12986
- width: 100%;
12987
- height: 100%;
12988
- }
12989
- .wm-app .app-medialist .thumbnail .thumbnail-details {
12990
- position: absolute;
12991
- width: 100%;
12992
- height: 100%;
12993
- top: 0;
12994
- text-align: left;
12995
- }
12996
- .wm-app .app-medialist .app-media-item {
12997
- text-align: left;
12998
- position: relative;
12999
- }
13000
- .wm-app .app-medialist .app-media-thumbnail {
13001
- z-index: 100;
13002
- }
13003
- .wm-app .app-medialist .app-media-fullscreen,
13004
- .wm-app .wm-mobile-app .app-media-fullscreen {
13005
- z-index: 1000;
13006
- position: fixed;
13007
- top: 0;
13008
- right: 0;
13009
- bottom: 0;
13010
- left: 0;
13011
- }
13012
- .wm-app .app-medialist .app-media-fullscreen .app-header + .app-content,
13013
- .wm-app .wm-mobile-app .app-media-fullscreen .app-header + .app-content {
13014
- margin: 0;
13015
- ignore: a;
13016
- height: calc(100% - 36pt);
13017
- }
13018
- .wm-app .app-medialist .app-media-fullscreen .media-content,
13019
- .wm-app .wm-mobile-app .app-media-fullscreen .media-content {
13020
- display: table;
13021
- width: 100%;
13022
- height: 100%;
13023
- }
13024
- .wm-app .app-medialist .app-media-fullscreen .image-container,
13025
- .wm-app .wm-mobile-app .app-media-fullscreen .image-container {
13026
- display: table-cell;
13027
- vertical-align: middle;
13028
- text-align: center;
13029
- }
13030
- .wm-app .app-medialist .app-media-fullscreen .app-media-fullscreen-info-panel,
13031
- .wm-app .wm-mobile-app .app-media-fullscreen .app-media-fullscreen-info-panel {
13032
- position: absolute;
13033
- top: 0;
13034
- font-size: 1.5em;
13035
- color: #fff;
13036
- text-align: center;
13037
- width: 100%;
13038
- padding: 10px;
13039
- background-color: rgba(74, 75, 76, 0.38);
13040
- }
13041
- .wm-app .app-medialist .app-media-fullscreen .app-media-fullscreen-info-panel .back-btn,
13042
- .wm-app .wm-mobile-app .app-media-fullscreen .app-media-fullscreen-info-panel .back-btn {
13043
- font-size: 2em;
13044
- }
13045
- .wm-app .app-medialist .app-media-fullscreen .app-media-fullscreen-nav-control,
13046
- .wm-app .wm-mobile-app .app-media-fullscreen .app-media-fullscreen-nav-control {
13047
- position: absolute;
13048
- top: 50%;
13049
- background-color: rgba(74, 75, 76, 0.38);
13050
- border-radius: 20pt;
13051
- margin: -15pt 10pt 0;
13052
- color: #fff;
13053
- font-size: 18pt;
13054
- width: 30pt;
13055
- height: 30pt;
13056
- text-align: center;
13057
- }
13058
- .wm-app .app-accordion,
13059
- .wm-app .app-tabs.inverted > ul.nav:not(.nav-stacked) > li {
13060
- margin-bottom: 0;
13061
- }
13062
- .wm-app .app-medialist .app-media-fullscreen .app-media-fullscreen-nav-control:hover,
13063
- .wm-app .wm-mobile-app .app-media-fullscreen .app-media-fullscreen-nav-control:hover {
13064
- background-color: rgba(0, 0, 0, 0.5);
13065
- }
13066
- .wm-app .app-medialist .app-media-fullscreen .app-media-fullscreen-nav-control.left,
13067
- .wm-app .wm-mobile-app .app-media-fullscreen .app-media-fullscreen-nav-control.left {
13068
- left: 0;
13069
- }
13070
- .wm-app .app-medialist .app-media-fullscreen .app-media-fullscreen-nav-control.right,
13071
- .wm-app .wm-mobile-app .app-media-fullscreen .app-media-fullscreen-nav-control.right {
13072
- right: 0;
13073
- }
13074
- .wm-app .app-medialist .app-media-fullscreen .app-media-fullscreen-nav-control i.wi,
13075
- .wm-app .wm-mobile-app .app-media-fullscreen .app-media-fullscreen-nav-control i.wi {
13076
- text-decoration: none;
13077
- }
13078
11980
  .wm-app .app-tile {
13079
11981
  padding: 1em;
13080
11982
  margin: 0;
@@ -13083,46 +11985,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
13083
11985
  width: 100%;
13084
11986
  overflow: hidden;
13085
11987
  }
13086
- .wm-app .app-accordion {
13087
- position: relative;
13088
- }
13089
- .wm-app .app-accordion .panel + .panel {
13090
- margin: 0;
13091
- }
13092
- .wm-app .app-accordion .app-accordion-panel,
13093
- .wm-app .app-accordion .app-accordion-panel .panel-body,
13094
- .wm-app .app-accordion .app-accordion-panel .panel-collapse {
13095
- position: relative;
13096
- }
13097
- .wm-app .app-accordion .app-accordion-panel > .panel-heading {
13098
- width: 100%;
13099
- position: relative;
13100
- cursor: pointer;
13101
- }
13102
- .wm-app .app-accordion .app-accordion-panel > .panel-heading .panel-title > a {
13103
- text-decoration: none;
13104
- }
13105
- .wm-app .app-accordion .app-accordion-panel > .panel-heading .panel-title .panel-icon {
13106
- margin-right: 0.5em;
13107
- }
13108
- .wm-app .app-accordion .app-accordion-panel > .panel-heading > .panel-actions {
13109
- float: right;
13110
- right: 0.25em;
13111
- top: 0.9em;
13112
- position: absolute;
13113
- margin-right: 0.2em;
13114
- }
13115
- .wm-app .app-accordion .app-accordion-panel > .panel-heading > .panel-actions .panel-action {
13116
- background: 0 0;
13117
- box-shadow: none;
13118
- border: none;
13119
- padding: 0;
13120
- margin-right: 0.25em;
13121
- outline: 0;
13122
- }
13123
- .wm-app .app-accordion .app-accordion-panel > .panel-heading > .panel-actions .label {
13124
- margin-right: 0.25em;
13125
- }
13126
11988
  .wm-app .app-tabs {
13127
11989
  position: relative;
13128
11990
  width: 100%;
@@ -13446,18 +12308,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
13446
12308
  .wm-app .app-livefilter .form-group .inline .radio {
13447
12309
  margin-top: 10px;
13448
12310
  }
13449
- .wm-app .app-datetime.input-group-lg .form-control,
13450
- .wm-app .app-timeinput.input-group-lg .form-control {
13451
- font-size: 16px;
13452
- line-height: 1.3333333;
13453
- border-radius: 0;
13454
- }
13455
- .wm-app .app-datetime.input-group-sm .form-control,
13456
- .wm-app .app-timeinput.input-group-sm .form-control {
13457
- font-size: 11px;
13458
- line-height: 1.5;
13459
- border-radius: 0;
13460
- }
13461
12311
  .wm-app .app-livefilter .form-control,
13462
12312
  .wm-app .app-liveform .form-control {
13463
12313
  border-radius: 0;
@@ -13477,11 +12327,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
13477
12327
  border-radius: 0;
13478
12328
  border: 1px solid rgba(0, 0, 0, 0.1);
13479
12329
  }
13480
- .wm-app .app-livefilter .app-currency .input-group-addon,
13481
- .wm-app .app-liveform .app-currency .input-group-addon {
13482
- border-radius: 0;
13483
- border-right: 1px solid rgba(0, 0, 0, 0.1);
13484
- }
13485
12330
  .wm-app .app-livefilter .app-switch .btn-group > .btn.btn-default,
13486
12331
  .wm-app .app-livefilter .app-switch .btn-group > .btn.btn-default.active,
13487
12332
  .wm-app .app-livefilter .app-switch .btn-group > .btn.btn-default:focus,
@@ -13552,84 +12397,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
13552
12397
  margin-top: 10px;
13553
12398
  display: inline-block;
13554
12399
  }
13555
- .wm-app .app-ratings {
13556
- display: inline-block;
13557
- vertical-align: middle;
13558
- position: relative;
13559
- font-size: 1em;
13560
- }
13561
- .wm-app .app-ratings .ratings-wrapper > * {
13562
- vertical-align: middle;
13563
- }
13564
- .wm-app .app-ratings .active {
13565
- color: #f7dc6f;
13566
- }
13567
- .wm-app .app-ratings .disabled {
13568
- color: #d3d3d3;
13569
- }
13570
- .wm-app .app-ratings .ratings-wrapper > label.caption {
13571
- margin: auto 0.25em;
13572
- font-size: 120%;
13573
- }
13574
- .wm-app .app-ratings .rating-style {
13575
- display: inline-block;
13576
- }
13577
- .wm-app .app-ratings .rating-style .rating-label-hover:hover,
13578
- .wm-app .app-ratings .rating-style .rating-label-hover:hover ~ label {
13579
- color: #dbc631;
13580
- }
13581
- .wm-app .app-ratings .rating-style > label {
13582
- position: relative;
13583
- float: right;
13584
- margin: 0;
13585
- }
13586
- .wm-app .app-ratings .rating-style > label:before {
13587
- margin: 1px;
13588
- font-family: FontAwesome;
13589
- }
13590
- .wm-app .app-ratings .rating-style > label.active:before {
13591
- content: "\f005";
13592
- }
13593
- .wm-app .app-ratings .ratings-container .ratings:before,
13594
- .wm-app .app-ratings .ratings-container:before {
13595
- content: "\f005\f005\f005\f005\f005\f005\f005\f005\f005\f005";
13596
- font-family: FontAwesome;
13597
- top: 0;
13598
- left: 0;
13599
- white-space: nowrap;
13600
- overflow: hidden;
13601
- }
13602
- .wm-app .app-ratings .rating-style > label > input {
13603
- display: none;
13604
- }
13605
- .wm-app .app-ratings .ratings-container {
13606
- display: inline-block;
13607
- text-align: left;
13608
- position: relative;
13609
- }
13610
- .wm-app .app-ratings .ratings-container > * {
13611
- vertical-align: middle;
13612
- }
13613
- .wm-app .app-ratings .ratings-container:before {
13614
- position: absolute;
13615
- width: inherit;
13616
- }
13617
- .wm-app .app-ratings .ratings-container .ratings {
13618
- font-size: inherit;
13619
- left: 0;
13620
- width: 100%;
13621
- overflow: hidden;
13622
- display: inline-block;
13623
- }
13624
- .wm-app .app-ratings .ratings-container .ratings:before {
13625
- position: absolute;
13626
- width: inherit;
13627
- }
13628
- .wm-app .app-accordion-panel .panel-heading .panel-actions .panel-action i,
13629
- .wm-app .app-card .panel-heading .panel-actions .panel-action i,
13630
- .wm-app .app-panel .panel-heading .panel-actions .panel-action i {
13631
- font-style: normal;
13632
- }
13633
12400
  .wm-app .app-global-progress-bar.modal {
13634
12401
  background: rgba(0, 0, 0, 0.5);
13635
12402
  display: table;
@@ -13671,80 +12438,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
13671
12438
  z-index: 1060 !important;
13672
12439
  display: initial !important;
13673
12440
  }
13674
- .wm-app .app-datetime .form-group input {
13675
- min-width: 45px;
13676
- }
13677
- .wm-app .app-datetime tbody .btn.btn-link {
13678
- padding-left: 15px;
13679
- padding-right: 15px;
13680
- }
13681
- .wm-app .app-datetime tbody .btn.btn-link span {
13682
- display: inline-block !important;
13683
- }
13684
- .wm-app .app-datetime tr td:first-child {
13685
- padding-left: 15px;
13686
- }
13687
- .wm-app .app-datetime tr td:last-child {
13688
- padding-right: 15px;
13689
- }
13690
- .wm-app .app-datetime.input-group .app-dateinput.form-control {
13691
- position: absolute;
13692
- z-index: -1 !important;
13693
- width: 1px;
13694
- }
13695
- .wm-app .app-datetime.dropdown-menu {
13696
- z-index: 2000 !important;
13697
- }
13698
- .wm-app .app-date .uib-datepicker-popup.dropdown-menu {
13699
- z-index: 2000;
13700
- }
13701
- .wm-app .app-date[disabled="disabled"] > .input-group-btn .btn-date {
13702
- opacity: 0.65;
13703
- cursor: not-allowed;
13704
- }
13705
- .wm-app .date-picker-modal.modal-dialog {
13706
- height: 100%;
13707
- padding: 0;
13708
- margin: 0;
13709
- }
13710
- .wm-app .date-picker-modal.modal-dialog-centered {
13711
- display: flex;
13712
- justify-content: center;
13713
- align-items: center;
13714
- }
13715
- .wm-app .date-picker-modal > .modal-content {
13716
- border-radius: 8px;
13717
- }
13718
- .wm-app .date-picker-modal .modal-body {
13719
- text-align: center;
13720
- display: flex;
13721
- flex-direction: column;
13722
- min-width: 240pt;
13723
- }
13724
- .wm-app .date-picker-modal .modal-footer {
13725
- text-align: left;
13726
- }
13727
- .wm-app .date-picker-modal .bs-datepicker-body table td span.disabled {
13728
- background-color: transparent;
13729
- color: #ccc;
13730
- cursor: not-allowed;
13731
- }
13732
- .wm-app .date-picker-modal wm-pickergroup {
13733
- flex: 1;
13734
- display: flex;
13735
- justify-content: center;
13736
- align-items: center;
13737
- }
13738
- .wm-app .app-datetime-picker .date-picker-value {
13739
- flex: 1;
13740
- font-weight: 700;
13741
- font-size: 12pt;
13742
- text-align: center;
13743
- }
13744
- .wm-app .app-datetime-picker .app-time-separator {
13745
- font-size: 24pt;
13746
- margin-top: 8pt;
13747
- }
13748
12441
  .wm-app .app-picker-group {
13749
12442
  display: flex;
13750
12443
  flex-direction: row;
@@ -14777,101 +13470,12 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
14777
13470
  .wm-app .breadcrumb.path-based li.active a:hover {
14778
13471
  color: #21adf0;
14779
13472
  }
14780
- .wm-app .app-checkboxset,
14781
- .wm-app .app-radioset {
14782
- overflow: auto;
14783
- }
14784
- .wm-app .app-checkboxset .app-list-item-group .item-group,
14785
- .wm-app .app-radioset .app-list-item-group .item-group {
14786
- display: block;
14787
- }
14788
- .wm-app .app-checkboxset .app-list-item-group .list-group-header,
14789
- .wm-app .app-radioset .app-list-item-group .list-group-header {
14790
- list-style: none;
14791
- background-color: rgba(0, 0, 0, 0.1);
14792
- }
14793
- .wm-app .app-checkboxset .app-list-item-group .list-group-header.collapsible-content,
14794
- .wm-app .app-radioset .app-list-item-group .list-group-header.collapsible-content {
14795
- cursor: pointer;
14796
- }
14797
- .wm-app .app-checkboxset .app-list-item-group .list-group-header h4,
14798
- .wm-app .app-radioset .app-list-item-group .list-group-header h4 {
14799
- margin: 0;
14800
- padding-left: 1em;
14801
- padding-right: 1em;
14802
- line-height: 2.5em;
14803
- display: table;
14804
- width: 100%;
14805
- }
14806
- .wm-app .app-checkboxset .app-list-item-group .list-group-header h4 .header-action,
14807
- .wm-app .app-radioset .app-list-item-group .list-group-header h4 .header-action {
14808
- display: table-cell;
14809
- }
14810
- .wm-app .app-checkboxset .app-list-item-group .list-group-header h4 .header-action i,
14811
- .wm-app .app-checkboxset .app-list-item-group .list-group-header h4 .header-action span,
14812
- .wm-app .app-radioset .app-list-item-group .list-group-header h4 .header-action i,
14813
- .wm-app .app-radioset .app-list-item-group .list-group-header h4 .header-action span {
14814
- float: right;
14815
- }
14816
- .wm-app .app-checkboxset .app-list-item-group .list-group-header h4 .header-action i,
14817
- .wm-app .app-radioset .app-list-item-group .list-group-header h4 .header-action i {
14818
- padding: 0 10px;
14819
- }
14820
- .wm-app .app-checkboxset li label,
14821
- .wm-app .app-radioset li label {
14822
- vertical-align: middle;
14823
- }
14824
- .wm-app .app-checkboxset li input[type="checkbox"],
14825
- .wm-app .app-checkboxset li input[type="radio"],
14826
- .wm-app .app-radioset li input[type="checkbox"],
14827
- .wm-app .app-radioset li input[type="radio"] {
14828
- position: relative;
14829
- margin-right: 0.5em;
14830
- }
14831
- .wm-app .app-checkboxset.inline.list-group,
14832
- .wm-app .app-radioset.inline.list-group {
14833
- display: block;
14834
- }
14835
- .wm-app .app-checkboxset.inline li,
14836
- .wm-app .app-radioset.inline li {
14837
- display: inline-block;
14838
- margin-right: 0;
14839
- vertical-align: middle;
14840
- }
14841
- .wm-app .app-checkboxset.inline .app-list-item-group,
14842
- .wm-app .app-checkboxset.inline li.list-group-header,
14843
- .wm-app .app-radioset.inline .app-list-item-group,
14844
- .wm-app .app-radioset.inline li.list-group-header {
14845
- display: block;
14846
- }
14847
- .wm-app .app-checkboxset.inline li *,
14848
- .wm-app .app-radioset.inline li * {
14849
- vertical-align: middle;
14850
- }
14851
13473
  .wm-app .app-linear-layout.app-linear-layout-direction-column-reverse.app-linear-layout-spacing-0 > .app-linear-layout-item,
14852
13474
  .wm-app .app-linear-layout.app-linear-layout-direction-column.app-linear-layout-spacing-0 > .app-linear-layout-item,
14853
13475
  .wm-app .app-linear-layout.app-linear-layout-direction-row-reverse.app-linear-layout-spacing-0 > .app-linear-layout-item,
14854
13476
  .wm-app .app-linear-layout.app-linear-layout-direction-row.app-linear-layout-spacing-0 > .app-linear-layout-item {
14855
13477
  margin: 0;
14856
13478
  }
14857
- .wm-app .app-checkboxset.inline .app-list-item-group .item-group,
14858
- .wm-app .app-radioset.inline .app-list-item-group .item-group {
14859
- display: table;
14860
- width: 100%;
14861
- }
14862
- .wm-app .app-checkboxset.inline .app-list-item-group .item-group .list-group-header,
14863
- .wm-app .app-radioset.inline .app-list-item-group .item-group .list-group-header {
14864
- display: table-row;
14865
- }
14866
- .wm-app .app-checkboxset.inline .app-list-item-group .item-group .group-list-item,
14867
- .wm-app .app-radioset.inline .app-list-item-group .item-group .group-list-item {
14868
- display: table-cell;
14869
- }
14870
- .wm-app .checkbox label,
14871
- .wm-app .radio label {
14872
- cursor: default;
14873
- width: auto;
14874
- }
14875
13479
  .wm-app .app-linear-layout {
14876
13480
  display: flex;
14877
13481
  position: relative;
@@ -16242,239 +14846,13 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
16242
14846
  position: relative;
16243
14847
  height: 100%;
16244
14848
  }
16245
- .wm-app .app-panel {
16246
- position: relative;
16247
- }
16248
- .wm-app .app-panel .panel-body {
14849
+ .wm-app .app-wizard {
16249
14850
  position: relative;
16250
- width: 100%;
16251
- height: 100%;
14851
+ min-height: 4em;
16252
14852
  }
16253
- .wm-app .app-panel .panel-heading {
14853
+ .wm-app .app-wizard .app-wizard-steps {
16254
14854
  position: relative;
16255
- overflow: inherit;
16256
- }
16257
- .wm-app .app-panel .panel-heading .panel-icon,
16258
- .wm-app .app-panel .panel-heading .panel-image-icon {
16259
- margin-right: 0.5em;
16260
- }
16261
- .wm-app .app-panel .panel-heading .panel-title {
16262
- display: table;
16263
- width: 100%;
16264
- }
16265
- .wm-app .app-panel .panel-heading .panel-title > a {
16266
- text-decoration: none;
16267
- display: table-cell;
16268
- vertical-align: top;
16269
- }
16270
- .wm-app .app-panel .panel-heading .panel-actions {
16271
- margin-right: 0.2em;
16272
- white-space: nowrap;
16273
- display: table-cell;
16274
- text-align: right;
16275
- vertical-align: top;
16276
- }
16277
- .wm-app .app-panel .panel-heading .panel-actions .app-menu .app-button,
16278
- .wm-app .app-panel .panel-heading .panel-actions .panel-action {
16279
- color: inherit;
16280
- outline: 0;
16281
- background: 0 0;
16282
- box-shadow: none;
16283
- border: none;
16284
- padding: 0;
16285
- margin-left: 1em;
16286
- }
16287
- .wm-app .app-panel .panel-heading .panel-actions .app-menu .app-button .app-anchor,
16288
- .wm-app .app-panel .panel-heading .panel-actions .panel-action .app-anchor {
16289
- color: inherit;
16290
- text-decoration: none;
16291
- }
16292
- .wm-app .app-panel .panel-heading .panel-actions .app-menu .app-button a:hover,
16293
- .wm-app .app-panel .panel-heading .panel-actions .panel-action a:hover {
16294
- text-decoration: none;
16295
- }
16296
- .wm-app .app-panel .panel-heading .panel-actions .app-menu .app-button .app-anchor > .caret,
16297
- .wm-app .app-panel .panel-heading .panel-actions .panel-action .app-anchor > .caret {
16298
- display: none;
16299
- }
16300
- .wm-app .app-panel .panel-heading .panel-actions .label {
16301
- margin-right: 0.25em;
16302
- }
16303
- .wm-app .app-panel .panel-content {
16304
- height: 100%;
16305
- position: relative;
16306
- }
16307
- .wm-app .app-panel .panel-help-message {
16308
- overflow: auto;
16309
- display: none;
16310
- background: #fffed0;
16311
- border-left: 1px #ddd solid;
16312
- position: absolute;
16313
- top: 0;
16314
- right: 0;
16315
- width: 20%;
16316
- height: 100%;
16317
- z-index: 1000;
16318
- min-width: 100px;
16319
- }
16320
- .wm-app .app-panel .panel-help-message .panel-help-header {
16321
- background: #eee;
16322
- border-bottom: 1px #ddd solid;
16323
- padding: 0.5em;
16324
- margin: 0;
16325
- }
16326
- .wm-app .app-panel .panel-help-message .panel-help-content {
16327
- padding: 0.5em;
16328
- }
16329
- .wm-app .app-panel.show-help .panel-heading.show-help .panel-actions .glyphicon-question-sign {
16330
- color: #333;
16331
- }
16332
- .wm-app .app-panel.show-help .panel-content .panel-body.show-help {
16333
- width: 79%;
16334
- }
16335
- .wm-app .app-panel.show-help .panel-content .panel-help-message.show-help {
16336
- display: block;
16337
- }
16338
- .wm-app .app-panel.fullscreen {
16339
- position: fixed;
16340
- z-index: 1049;
16341
- left: 0.2em;
16342
- right: 0.2em;
16343
- top: 0.2em;
16344
- bottom: 0.2em;
16345
- margin: 0 !important;
16346
- }
16347
- .wm-app .app-panel.fullscreen .panel-content {
16348
- overflow: auto;
16349
- }
16350
- .wm-app .app-panel.fullscreen .app-panel-footer {
16351
- position: absolute;
16352
- left: 0;
16353
- right: 0;
16354
- bottom: 0;
16355
- }
16356
- .wm-app .app-dialog .app-panel.fullscreen {
16357
- height: 95vh;
16358
- }
16359
- .wm-app .app-panel-footer {
16360
- position: relative;
16361
- }
16362
- .wm-app .app-panel[enablefullscreen="true"]:not(.fullscreen) .color-picker {
16363
- position: absolute !important;
16364
- }
16365
- .wm-app .app-card {
16366
- position: relative;
16367
- }
16368
- .wm-app .app-card.card {
16369
- margin-bottom: 1em;
16370
- margin-left: 0.5em;
16371
- margin-right: 0.5em;
16372
- background-color: #fff;
16373
- border: 1px solid rgba(0, 0, 0, 0.1);
16374
- box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
16375
- }
16376
- .wm-app .app-card.card .app-label:not(.text-muted) {
16377
- color: inherit;
16378
- }
16379
- .wm-app .app-card.card .app-card-header {
16380
- display: table;
16381
- width: 100%;
16382
- padding: 0.75em 0.5em;
16383
- background-color: rgba(0, 0, 0, 0.05);
16384
- }
16385
- .wm-app .app-card.card .app-card-header .app-card-avatar {
16386
- display: table-cell;
16387
- height: 32pt;
16388
- width: 32pt;
16389
- text-align: center;
16390
- vertical-align: top;
16391
- padding-top: 0.75rem;
16392
- }
16393
- .wm-app .app-card.card .app-card-header .app-card-avatar img {
16394
- width: 24pt;
16395
- height: 24pt;
16396
- }
16397
- .wm-app .app-card.card .app-card-header .app-card-avatar .app-icon {
16398
- font-size: 30pt;
16399
- }
16400
- .wm-app .app-card.card .app-card-header .app-card-header-text {
16401
- display: table-cell;
16402
- vertical-align: top;
16403
- padding-left: 0.5em;
16404
- padding-top: 0.75rem;
16405
- }
16406
- .wm-app .app-card.card .app-card-header .panel-actions .panel-action > .app-anchor > .app-icon {
16407
- top: 3px;
16408
- }
16409
- .wm-app .app-card.card .card-heading {
16410
- font-size: 1.2em;
16411
- letter-spacing: 0.005em;
16412
- margin: 0;
16413
- }
16414
- .wm-app .app-card.card .card-subheading {
16415
- font-size: 1em;
16416
- letter-spacing: 0.01em;
16417
- margin: 0;
16418
- }
16419
- .wm-app .app-card.card .app-card-image {
16420
- width: 100%;
16421
- height: 100%;
16422
- position: relative;
16423
- overflow: hidden;
16424
- text-align: center;
16425
- background-color: rgba(0, 0, 0, 0.3);
16426
- }
16427
- .wm-app .app-card.card .app-card-image img {
16428
- position: relative;
16429
- width: 100%;
16430
- }
16431
- .wm-app .app-card.card .app-card-image .card-image-headline {
16432
- position: absolute;
16433
- bottom: 0;
16434
- left: 0;
16435
- padding: 0 1.25rem;
16436
- color: #fff;
16437
- font-size: 1.5em;
16438
- }
16439
- .wm-app .app-card.card .app-card-content {
16440
- position: relative;
16441
- padding: 1em;
16442
- }
16443
- .wm-app .app-card.card .app-card-actions {
16444
- position: relative;
16445
- padding: 0.5rem 1.25rem;
16446
- }
16447
- .wm-app .app-card.card .app-card-actions .btn {
16448
- padding-left: 8px;
16449
- padding-right: 8px;
16450
- }
16451
- .wm-app .app-card.card .app-card-actions .app-icon {
16452
- font-size: 18pt;
16453
- vertical-align: middle;
16454
- }
16455
- .wm-app .app-card.card .app-card-footer {
16456
- position: relative;
16457
- padding: 0.5rem 1.25rem;
16458
- border-top: 1px solid rgba(0, 0, 0, 0.1);
16459
- }
16460
- .wm-app .app-card.card .card-title {
16461
- margin-bottom: 0.75rem;
16462
- font-size: 1.2em;
16463
- width: 100%;
16464
- font-weight: 700;
16465
- }
16466
- .wm-app .app-card.card .card-text {
16467
- margin-bottom: 1rem;
16468
- font-size: 1em;
16469
- width: 100%;
16470
- }
16471
- .wm-app .app-wizard {
16472
- position: relative;
16473
- min-height: 4em;
16474
- }
16475
- .wm-app .app-wizard .app-wizard-steps {
16476
- position: relative;
16477
- border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
14855
+ border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
16478
14856
  }
16479
14857
  .wm-app .app-wizard .app-wizard-steps.nav-justified .app-wizard-step {
16480
14858
  display: table-cell;
@@ -16809,193 +15187,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
16809
15187
  border-color: #e6e6e6;
16810
15188
  color: #61656b;
16811
15189
  }
16812
- .wm-app .app-device-liveform input:focus.ng-invalid,
16813
- .wm-app .app-form input:focus.ng-invalid,
16814
- .wm-app .app-livefilter input:focus.ng-invalid,
16815
- .wm-app .app-liveform input:focus.ng-invalid,
16816
- .wm-app .app-livelist input:focus.ng-invalid,
16817
- .wm-app .live-field .ng-touched.ng-invalid .form-control {
16818
- border-color: #dc143c;
16819
- }
16820
- .wm-app .spin-icon-in-center {
16821
- margin-left: 45%;
16822
- padding: 10px;
16823
- }
16824
- .wm-app .app-device-liveform,
16825
- .wm-app .app-form,
16826
- .wm-app .app-livefilter,
16827
- .wm-app .app-liveform,
16828
- .wm-app .app-livelist {
16829
- position: relative;
16830
- border-collapse: separate;
16831
- }
16832
- .wm-app .app-device-liveform > .panel-body,
16833
- .wm-app .app-form > .panel-body,
16834
- .wm-app .app-livefilter > .panel-body,
16835
- .wm-app .app-liveform > .panel-body,
16836
- .wm-app .app-livelist > .panel-body {
16837
- padding: 4px 4px 0;
16838
- }
16839
- .wm-app .app-device-liveform .app-label,
16840
- .wm-app .app-form .app-label,
16841
- .wm-app .app-livefilter .app-label,
16842
- .wm-app .app-liveform .app-label,
16843
- .wm-app .app-livelist .app-label {
16844
- overflow: hidden;
16845
- text-overflow: ellipsis;
16846
- word-break: break-word;
16847
- }
16848
- .wm-app .app-device-liveform .file-readonly,
16849
- .wm-app .app-form .file-readonly,
16850
- .wm-app .app-livefilter .file-readonly,
16851
- .wm-app .app-liveform .file-readonly,
16852
- .wm-app .app-livelist .file-readonly {
16853
- pointer-events: none;
16854
- }
16855
- .wm-app .app-device-liveform .form-action,
16856
- .wm-app .app-form .form-action,
16857
- .wm-app .app-livefilter .form-action,
16858
- .wm-app .app-liveform .form-action,
16859
- .wm-app .app-livelist .form-action {
16860
- text-align: right;
16861
- width: 100%;
16862
- float: none;
16863
- display: block;
16864
- padding: 4px 12px;
16865
- box-shadow: none;
16866
- }
16867
- .wm-app .app-device-liveform .form-action .app-anchor,
16868
- .wm-app .app-device-liveform .form-action .btn,
16869
- .wm-app .app-form .form-action .app-anchor,
16870
- .wm-app .app-form .form-action .btn,
16871
- .wm-app .app-livefilter .form-action .app-anchor,
16872
- .wm-app .app-livefilter .form-action .btn,
16873
- .wm-app .app-liveform .form-action .app-anchor,
16874
- .wm-app .app-liveform .form-action .btn,
16875
- .wm-app .app-livelist .form-action .app-anchor,
16876
- .wm-app .app-livelist .form-action .btn {
16877
- margin: 0 0 0 4px;
16878
- float: none;
16879
- border-radius: 4px;
16880
- }
16881
- .wm-app .app-device-liveform .app-checkboxset,
16882
- .wm-app .app-device-liveform .app-radioset,
16883
- .wm-app .app-form .app-checkboxset,
16884
- .wm-app .app-form .app-radioset,
16885
- .wm-app .app-livefilter .app-checkboxset,
16886
- .wm-app .app-livefilter .app-radioset,
16887
- .wm-app .app-liveform .app-checkboxset,
16888
- .wm-app .app-liveform .app-radioset,
16889
- .wm-app .app-tile.panel,
16890
- .wm-app .navbar {
16891
- margin-bottom: 0;
16892
- }
16893
- .wm-app .app-device-liveform .control-label,
16894
- .wm-app .app-form .control-label,
16895
- .wm-app .app-livefilter .control-label,
16896
- .wm-app .app-liveform .control-label,
16897
- .wm-app .app-livelist .control-label {
16898
- overflow: hidden;
16899
- text-overflow: ellipsis;
16900
- word-wrap: break-word;
16901
- padding-top: 7px;
16902
- }
16903
- .wm-app .app-device-liveform .form-control-static,
16904
- .wm-app .app-form .form-control-static,
16905
- .wm-app .app-livefilter .form-control-static,
16906
- .wm-app .app-liveform .form-control-static,
16907
- .wm-app .app-livelist .form-control-static {
16908
- font-weight: 400;
16909
- padding: 8px 12px 0;
16910
- }
16911
- .wm-app .app-device-liveform .ng-hide-animate,
16912
- .wm-app .app-form .ng-hide-animate,
16913
- .wm-app .app-livefilter .ng-hide-animate,
16914
- .wm-app .app-liveform .ng-hide-animate,
16915
- .wm-app .app-livelist .ng-hide-animate {
16916
- display: none !important;
16917
- }
16918
- .wm-app .app-device-liveform .app-message .close,
16919
- .wm-app .app-form .app-message .close,
16920
- .wm-app .app-livefilter .app-message .close,
16921
- .wm-app .app-liveform .app-message .close,
16922
- .wm-app .app-livelist .app-message .close {
16923
- font-size: 16px;
16924
- }
16925
- .wm-app .app-device-liveform .app-message.form-inline label,
16926
- .wm-app .app-form .app-message.form-inline label,
16927
- .wm-app .app-livefilter .app-message.form-inline label,
16928
- .wm-app .app-liveform .app-message.form-inline label,
16929
- .wm-app .app-livelist .app-message.form-inline label {
16930
- float: none;
16931
- width: auto;
16932
- }
16933
- .wm-app .app-device-liveform .full-width,
16934
- .wm-app .app-form .full-width,
16935
- .wm-app .app-livefilter .full-width,
16936
- .wm-app .app-liveform .full-width,
16937
- .wm-app .app-livelist .full-width {
16938
- width: 100%;
16939
- }
16940
- .wm-app .app-device-liveform .full-height,
16941
- .wm-app .app-form .full-height,
16942
- .wm-app .app-livefilter .full-height,
16943
- .wm-app .app-liveform .full-height,
16944
- .wm-app .app-livelist .full-height {
16945
- height: 100%;
16946
- }
16947
- .wm-app .app-carousel,
16948
- .wm-app .app-carousel carousel {
16949
- height: inherit;
16950
- }
16951
- .wm-app .app-device-liveform.align-right .app-label,
16952
- .wm-app .app-form.align-right .app-label,
16953
- .wm-app .app-livefilter.align-right .app-label,
16954
- .wm-app .app-liveform.align-right .app-label {
16955
- text-align: right;
16956
- }
16957
- .wm-app .app-device-liveform.align-center .app-blob-upload,
16958
- .wm-app .app-device-liveform.align-center .input-group,
16959
- .wm-app .app-form.align-center .app-blob-upload,
16960
- .wm-app .app-form.align-center .input-group,
16961
- .wm-app .app-livefilter.align-center .app-blob-upload,
16962
- .wm-app .app-livefilter.align-center .input-group,
16963
- .wm-app .app-liveform.align-center .app-blob-upload,
16964
- .wm-app .app-liveform.align-center .input-group {
16965
- display: inline-table;
16966
- }
16967
- .wm-app .app-device-liveform .ng-hide-add,
16968
- .wm-app .app-device-liveform .ng-hide-remove,
16969
- .wm-app .app-form .ng-hide-add,
16970
- .wm-app .app-form .ng-hide-remove,
16971
- .wm-app .app-livefilter .ng-hide-add,
16972
- .wm-app .app-livefilter .ng-hide-remove,
16973
- .wm-app .app-liveform .ng-hide-add,
16974
- .wm-app .app-liveform .ng-hide-remove {
16975
- transition: 0s linear all;
16976
- }
16977
- .wm-app .app-liveform-dialog .app-dialog-body {
16978
- padding: 0;
16979
- }
16980
- .wm-app [captionposition="top"] .control-label {
16981
- width: 100%;
16982
- }
16983
- .wm-app .app-search .app-textbox.ng-hide-animate {
16984
- display: none !important;
16985
- }
16986
- .wm-app .app-checkbox {
16987
- width: auto;
16988
- }
16989
- .wm-app .live-field .app-search {
16990
- width: 75%;
16991
- }
16992
- .wm-app .live-field.form-group .app-blob-upload {
16993
- opacity: 1;
16994
- position: relative;
16995
- }
16996
- .wm-app .live-field.form-group .form-field-spinner {
16997
- left: 75%;
16998
- }
16999
15190
  @-webkit-keyframes toAndFro {
17000
15191
  0%,
17001
15192
  100% {
@@ -17473,25 +15664,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
17473
15664
  .wm-app .app-navbar .app-nav-item a .badge {
17474
15665
  top: 0;
17475
15666
  }
17476
- .wm-app .app-livelist.panel {
17477
- margin-bottom: 0;
17478
- }
17479
- .wm-app .app-toggle.checkbox {
17480
- margin-top: 0;
17481
- display: inline-block;
17482
- }
17483
- .wm-app .checkbox.col-md-push-3,
17484
- .wm-app .radio.col-md-push-3 {
17485
- max-width: 75%;
17486
- }
17487
- .wm-app .form-group .checkbox + .checkbox,
17488
- .wm-app .form-group .radio + .radio {
17489
- margin-top: 10px;
17490
- }
17491
- .wm-app .checkbox + .list-group-item.checkbox,
17492
- .wm-app .radio + .list-group-item.radio {
17493
- margin-top: 0;
17494
- }
17495
15667
  .wm-app .inline {
17496
15668
  display: inline;
17497
15669
  }
@@ -17537,13 +15709,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
17537
15709
  box-shadow: none !important;
17538
15710
  border: 0 !important;
17539
15711
  }
17540
- .wm-app .app-livelist .media-body {
17541
- overflow: inherit;
17542
- }
17543
- .wm-app .panel-heading .description:not(:empty) {
17544
- font-size: 0.75em;
17545
- margin-top: 5px;
17546
- }
17547
15712
  .wm-app .smoothscroll-wrapper {
17548
15713
  overflow: hidden !important;
17549
15714
  }
@@ -17551,27 +15716,10 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
17551
15716
  position: absolute;
17552
15717
  width: 100%;
17553
15718
  }
17554
- .wm-app .panel-collapse.collapse.in .smoothscroll-container,
17555
- .wm-app .tab-body .smoothscroll-container {
17556
- position: relative;
17557
- }
17558
15719
  .wm-app .ng-animate.item:not(.left):not(.right) {
17559
15720
  -webkit-transition: 0s ease-in-out left;
17560
15721
  transition: 0s ease-in-out left;
17561
15722
  }
17562
- .wm-app .uib-datepicker .uib-title,
17563
- .wm-app .uib-datepicker > table,
17564
- .wm-app .uib-daypicker > table,
17565
- .wm-app .uib-monthpicker > table,
17566
- .wm-app .uib-yearpicker > table {
17567
- width: 100%;
17568
- }
17569
- .wm-app .uib-button-bar {
17570
- padding: 10px 9px 2px;
17571
- }
17572
- .wm-app .uib-time input {
17573
- width: 50px;
17574
- }
17575
15723
  .wm-app .wms-caption-position-floating:after {
17576
15724
  margin: 10px;
17577
15725
  border: 1.5px solid #222;
@@ -17744,7 +15892,9 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
17744
15892
  border-bottom-left-radius: var(--wm-button-group-vertical-radius);
17745
15893
  border-bottom-right-radius: var(--wm-button-group-vertical-radius);
17746
15894
  }
17747
- .wm-app .btn {
15895
+ .wm-app .btn,
15896
+ .wm-app button {
15897
+ position: relative;
17748
15898
  font-size: var(--wm-btn-font-size);
17749
15899
  font-family: var(--wm-btn-font-family);
17750
15900
  font-weight: var(--wm-btn-font-weight);
@@ -17765,31 +15915,40 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
17765
15915
  gap: var(--wm-btn-gap);
17766
15916
  cursor: pointer;
17767
15917
  }
17768
- .wm-app .btn + .btn {
15918
+ .wm-app .btn + .btn,
15919
+ .wm-app button + .btn {
17769
15920
  margin-left: var(--wm-space-3);
17770
15921
  }
17771
- .wm-app .btn .app-icon {
15922
+ .wm-app .btn .app-icon,
15923
+ .wm-app button .app-icon {
17772
15924
  padding: 0;
17773
15925
  }
17774
- .wm-app .btn .btn-caption {
15926
+ .wm-app .btn .btn-caption,
15927
+ .wm-app button .btn-caption {
17775
15928
  margin: 0;
17776
15929
  }
17777
- .wm-app .btn .btn-caption:empty {
15930
+ .wm-app .btn .btn-caption:empty,
15931
+ .wm-app button .btn-caption:empty {
17778
15932
  display: none;
17779
15933
  }
17780
- .wm-app .btn[iconposition="right"] .btn-caption {
15934
+ .wm-app .btn[iconposition="right"] .btn-caption,
15935
+ .wm-app button[iconposition="right"] .btn-caption {
17781
15936
  margin: 0 !important;
17782
15937
  }
17783
- .wm-app .btn[iconposition="top"] {
15938
+ .wm-app .btn[iconposition="top"],
15939
+ .wm-app button[iconposition="top"] {
17784
15940
  flex-direction: column;
17785
15941
  }
17786
- .wm-app .btn[iconposition="top"] .button-image-icon + .btn-caption {
15942
+ .wm-app .btn[iconposition="top"] .button-image-icon + .btn-caption,
15943
+ .wm-app button[iconposition="top"] .button-image-icon + .btn-caption {
17787
15944
  margin-top: var(--wm-space-1);
17788
15945
  }
17789
- .wm-app .btn-fab {
15946
+ .wm-app .btn-fab,
15947
+ .wm-app button-fab {
17790
15948
  min-width: auto;
17791
15949
  }
17792
- .wm-app .btn-xs {
15950
+ .wm-app .btn-xs,
15951
+ .wm-app button-xs {
17793
15952
  --wm-btn-font-size: var(--wm-btn-xs-font-size);
17794
15953
  --wm-btn-font-family: var(--wm-btn-xs-font-family);
17795
15954
  --wm-btn-font-weight: var(--wm-btn-xs-font-weight);
@@ -17801,7 +15960,8 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
17801
15960
  --wm-btn-height: var(--wm-btn-xs-height);
17802
15961
  --wm-btn-gap: var(--wm-btn-xs-gap);
17803
15962
  }
17804
- .wm-app .btn-sm {
15963
+ .wm-app .btn-sm,
15964
+ .wm-app button-sm {
17805
15965
  --wm-btn-font-size: var(--wm-btn-sm-font-size);
17806
15966
  --wm-btn-font-family: var(--wm-btn-sm-font-family);
17807
15967
  --wm-btn-font-weight: var(--wm-btn-sm-font-weight);
@@ -17813,7 +15973,8 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
17813
15973
  --wm-btn-height: var(--wm-btn-sm-height);
17814
15974
  --wm-btn-gap: var(--wm-btn-sm-gap);
17815
15975
  }
17816
- .wm-app .btn-lg {
15976
+ .wm-app .btn-lg,
15977
+ .wm-app button-lg {
17817
15978
  --wm-btn-font-size: var(--wm-btn-lg-font-size);
17818
15979
  --wm-btn-font-family: var(--wm-btn-lg-font-family);
17819
15980
  --wm-btn-font-weight: var(--wm-btn-lg-font-weight);
@@ -17825,13 +15986,16 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
17825
15986
  --wm-btn-height: var(--wm-btn-lg-height);
17826
15987
  --wm-btn-gap: var(--wm-btn-lg-gap);
17827
15988
  }
17828
- .wm-app .btn-block {
15989
+ .wm-app .btn-block,
15990
+ .wm-app button-block {
17829
15991
  width: 100%;
17830
15992
  }
17831
- .wm-app .btn-block + .btn.btn-block {
15993
+ .wm-app .btn-block + .btn.btn-block,
15994
+ .wm-app button-block + .btn.btn-block {
17832
15995
  margin-top: 0;
17833
15996
  }
17834
- .wm-app .btn:before {
15997
+ .wm-app .btn:before,
15998
+ .wm-app button:before {
17835
15999
  content: "";
17836
16000
  top: 0;
17837
16001
  left: 0;
@@ -17843,139 +16007,153 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
17843
16007
  opacity: 0;
17844
16008
  background: var(--wm-btn-state-layer-color);
17845
16009
  }
17846
- .wm-app .btn:hover,
17847
- .wm-app .btn:focus,
17848
- .wm-app .btn.focus {
17849
- color: var(--wm-btn-color);
17850
- background: var(--wm-btn-background);
17851
- border-color: var(--wm-btn-border-color);
17852
- }
17853
16010
  .wm-app .btn:hover::before,
17854
- .wm-app .btn:focus::before,
17855
- .wm-app .btn.focus::before {
16011
+ .wm-app button:hover::before,
16012
+ .wm-app .btn.hover::before,
16013
+ .wm-app button.hover::before {
17856
16014
  opacity: var(--wm-btn-hover-state-layer-opacity);
17857
16015
  }
17858
- .wm-app .btn:active,
17859
- .wm-app .btn:active:focus,
17860
- .wm-app .btn:active:hover,
17861
- .wm-app .btn:active.focus {
17862
- color: var(--wm-btn-color);
17863
- background: var(--wm-btn-background);
17864
- border-color: var(--wm-btn-border-color);
17865
- box-shadow: none;
16016
+ .wm-app .btn:focus::before,
16017
+ .wm-app button:focus::before,
16018
+ .wm-app .btn.focus::before,
16019
+ .wm-app button.focus::before {
16020
+ opacity: var(--wm-btn-focus-state-layer-opacity);
17866
16021
  }
17867
16022
  .wm-app .btn:active::before,
16023
+ .wm-app button:active::before,
17868
16024
  .wm-app .btn:active:focus::before,
16025
+ .wm-app button:active:focus::before,
17869
16026
  .wm-app .btn:active:hover::before,
17870
- .wm-app .btn:active.focus::before {
17871
- opacity: var(--wm-btn-pressed-state-layer-opacity);
16027
+ .wm-app button:active:hover::before,
16028
+ .wm-app .btn:active.focus::before,
16029
+ .wm-app button:active.focus::before {
16030
+ opacity: var(--wm-btn-active-state-layer-opacity);
17872
16031
  }
17873
- .wm-app .btn-default {
16032
+ .wm-app .btn-default,
16033
+ .wm-app button-default {
17874
16034
  --wm-btn-color: var(--wm-btn-default-color);
17875
16035
  --wm-btn-background: var(--wm-btn-default-background);
17876
16036
  --wm-btn-border-color: var(--wm-btn-default-border-color);
17877
16037
  --wm-btn-state-layer-color: var(--wm-btn-default-state-layer-color);
17878
16038
  }
17879
- .wm-app .btn-default.btn-outlined {
16039
+ .wm-app .btn-default.btn-outlined,
16040
+ .wm-app button-default.btn-outlined {
17880
16041
  --wm-btn-color: var(--wm-btn-default-outlined-color);
17881
16042
  --wm-btn-background: var(--wm-btn-default-outlined-background);
17882
16043
  --wm-btn-border-color: var(--wm-btn-default-outlined-border-color);
17883
16044
  --wm-btn-state-layer-color: var(--wm-btn-default-outlined-state-layer-color);
17884
16045
  }
17885
- .wm-app .btn-primary {
16046
+ .wm-app .btn-primary,
16047
+ .wm-app button-primary {
17886
16048
  --wm-btn-color: var(--wm-btn-primary-color);
17887
16049
  --wm-btn-background: var(--wm-btn-primary-background);
17888
16050
  --wm-btn-border-color: var(--wm-btn-primary-border-color);
17889
16051
  --wm-btn-state-layer-color: var(--wm-btn-primary-state-layer-color);
17890
16052
  }
17891
- .wm-app .btn-primary.btn-outlined {
16053
+ .wm-app .btn-primary.btn-outlined,
16054
+ .wm-app button-primary.btn-outlined {
17892
16055
  --wm-btn-color: var(--wm-btn-primary-outlined-color);
17893
16056
  --wm-btn-background: var(--wm-btn-primary-outlined-background);
17894
16057
  --wm-btn-border-color: var(--wm-btn-primary-outlined-border-color);
17895
16058
  --wm-btn-state-layer-color: var(--wm-btn-primary-outlined-state-layer-color);
17896
16059
  }
17897
- .wm-app .btn-secondary {
16060
+ .wm-app .btn-secondary,
16061
+ .wm-app button-secondary {
17898
16062
  --wm-btn-color: var(--wm-btn-secondary-color);
17899
16063
  --wm-btn-background: var(--wm-btn-secondary-background);
17900
16064
  --wm-btn-border-color: var(--wm-btn-secondary-border-color);
17901
16065
  --wm-btn-state-layer-color: var(--wm-btn-secondary-state-layer-color);
17902
16066
  }
17903
- .wm-app .btn-secondary.btn-outlined {
16067
+ .wm-app .btn-secondary.btn-outlined,
16068
+ .wm-app button-secondary.btn-outlined {
17904
16069
  --wm-btn-color: var(--wm-btn-secondary-outlined-color);
17905
16070
  --wm-btn-background: var(--wm-btn-secondary-outlined-background);
17906
16071
  --wm-btn-border-color: var(--wm-btn-secondary-outlined-border-color);
17907
16072
  --wm-btn-state-layer-color: var(--wm-btn-secondary-outlined-state-layer-color);
17908
16073
  }
17909
- .wm-app .btn-success {
16074
+ .wm-app .btn-success,
16075
+ .wm-app button-success {
17910
16076
  --wm-btn-color: var(--wm-btn-success-color);
17911
16077
  --wm-btn-background: var(--wm-btn-success-background);
17912
16078
  --wm-btn-border-color: var(--wm-btn-success-border-color);
17913
16079
  --wm-btn-state-layer-color: var(--wm-btn-success-state-layer-color);
17914
16080
  }
17915
- .wm-app .btn-success.btn-outlined {
16081
+ .wm-app .btn-success.btn-outlined,
16082
+ .wm-app button-success.btn-outlined {
17916
16083
  --wm-btn-color: var(--wm-btn-success-outlined-color);
17917
16084
  --wm-btn-background: var(--wm-btn-success-outlined-background);
17918
16085
  --wm-btn-border-color: var(--wm-btn-success-outlined-border-color);
17919
16086
  --wm-btn-state-layer-color: var(--wm-btn-success-outlined-state-layer-color);
17920
16087
  }
17921
- .wm-app .btn-info {
16088
+ .wm-app .btn-info,
16089
+ .wm-app button-info {
17922
16090
  --wm-btn-color: var(--wm-btn-info-color);
17923
16091
  --wm-btn-background: var(--wm-btn-info-background);
17924
16092
  --wm-btn-border-color: var(--wm-btn-info-border-color);
17925
16093
  --wm-btn-state-layer-color: var(--wm-btn-info-state-layer-color);
17926
16094
  }
17927
- .wm-app .btn-info.btn-outlined {
16095
+ .wm-app .btn-info.btn-outlined,
16096
+ .wm-app button-info.btn-outlined {
17928
16097
  --wm-btn-color: var(--wm-btn-info-outlined-color);
17929
16098
  --wm-btn-background: var(--wm-btn-info-outlined-background);
17930
16099
  --wm-btn-border-color: var(--wm-btn-info-outlined-border-color);
17931
16100
  --wm-btn-state-layer-color: var(--wm-btn-info-outlined-state-layer-color);
17932
16101
  }
17933
- .wm-app .btn-warning {
16102
+ .wm-app .btn-warning,
16103
+ .wm-app button-warning {
17934
16104
  --wm-btn-color: var(--wm-btn-warning-color);
17935
16105
  --wm-btn-background: var(--wm-btn-warning-background);
17936
16106
  --wm-btn-border-color: var(--wm-btn-warning-border-color);
17937
16107
  --wm-btn-state-layer-color: var(--wm-btn-warning-state-layer-color);
17938
16108
  }
17939
- .wm-app .btn-warning.btn-outlined {
16109
+ .wm-app .btn-warning.btn-outlined,
16110
+ .wm-app button-warning.btn-outlined {
17940
16111
  --wm-btn-color: var(--wm-btn-warning-outlined-color);
17941
16112
  --wm-btn-background: var(--wm-btn-warning-outlined-background);
17942
16113
  --wm-btn-border-color: var(--wm-btn-warning-outlined-border-color);
17943
16114
  --wm-btn-state-layer-color: var(--wm-btn-warning-outlined-state-layer-color);
17944
16115
  }
17945
- .wm-app .btn-danger {
16116
+ .wm-app .btn-danger,
16117
+ .wm-app button-danger {
17946
16118
  --wm-btn-color: var(--wm-btn-danger-color);
17947
16119
  --wm-btn-background: var(--wm-btn-danger-background);
17948
16120
  --wm-btn-border-color: var(--wm-btn-danger-border-color);
17949
16121
  --wm-btn-state-layer-color: var(--wm-btn-danger-state-layer-color);
17950
16122
  }
17951
- .wm-app .btn-danger.btn-outlined {
16123
+ .wm-app .btn-danger.btn-outlined,
16124
+ .wm-app button-danger.btn-outlined {
17952
16125
  --wm-btn-color: var(--wm-btn-danger-outlined-color);
17953
16126
  --wm-btn-background: var(--wm-btn-danger-outlined-background);
17954
16127
  --wm-btn-border-color: var(--wm-btn-danger-outlined-border-color);
17955
16128
  --wm-btn-state-layer-color: var(--wm-btn-danger-outlined-state-layer-color);
17956
16129
  }
17957
- .wm-app .btn-text {
16130
+ .wm-app .btn-text,
16131
+ .wm-app button-text {
16132
+ --wm-btn-color: var(--wm-btn-background);
17958
16133
  background: none !important;
17959
16134
  border: none !important;
17960
16135
  --wm-btn-state-layer-color: var(--wm-btn-background);
17961
16136
  }
17962
- .wm-app .btn-text .btn-caption {
17963
- color: var(--wm-btn-background);
17964
- }
17965
- .wm-app .btn-elevated {
16137
+ .wm-app .btn-elevated,
16138
+ .wm-app button-elevated {
17966
16139
  box-shadow: var(--wm-btn-elevated);
17967
16140
  }
17968
- .wm-app .btn-elevated:hover {
16141
+ .wm-app .btn-elevated:hover,
16142
+ .wm-app button-elevated:hover {
17969
16143
  box-shadow: var(--wm-btn-elevated-hover);
17970
16144
  }
17971
- .wm-app .btn-elevated:focus {
16145
+ .wm-app .btn-elevated:focus,
16146
+ .wm-app button-elevated:focus {
17972
16147
  box-shadow: var(--wm-btn-elevated-focus);
17973
16148
  }
17974
- .wm-app .btn-elevated:active {
16149
+ .wm-app .btn-elevated:active,
16150
+ .wm-app button-elevated:active {
17975
16151
  box-shadow: var(--wm-btn-elevated-active);
17976
16152
  }
17977
16153
  .wm-app .btn.disabled,
17978
- .wm-app .btn[disabled] {
16154
+ .wm-app button.disabled,
16155
+ .wm-app .btn[disabled],
16156
+ .wm-app button[disabled] {
17979
16157
  opacity: 1;
17980
16158
  box-shadow: none;
17981
16159
  --wm-btn-color: var(--wm-color-dark-grey-200);
@@ -17984,27 +16162,47 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
17984
16162
  cursor: var(--wm-btn-cursor-disabled);
17985
16163
  }
17986
16164
  .wm-app .btn.disabled:hover,
16165
+ .wm-app button.disabled:hover,
17987
16166
  .wm-app .btn[disabled]:hover,
16167
+ .wm-app button[disabled]:hover,
16168
+ .wm-app .btn.disabled.hover,
16169
+ .wm-app button.disabled.hover,
16170
+ .wm-app .btn[disabled].hover,
16171
+ .wm-app button[disabled].hover,
17988
16172
  .wm-app .btn.disabled:focus,
16173
+ .wm-app button.disabled:focus,
17989
16174
  .wm-app .btn[disabled]:focus,
16175
+ .wm-app button[disabled]:focus,
17990
16176
  .wm-app .btn.disabled.focus,
16177
+ .wm-app button.disabled.focus,
17991
16178
  .wm-app .btn[disabled].focus,
16179
+ .wm-app button[disabled].focus,
17992
16180
  .wm-app .btn.disabled:active,
16181
+ .wm-app button.disabled:active,
17993
16182
  .wm-app .btn[disabled]:active,
16183
+ .wm-app button[disabled]:active,
17994
16184
  .wm-app .btn.disabled:active:focus,
16185
+ .wm-app button.disabled:active:focus,
17995
16186
  .wm-app .btn[disabled]:active:focus,
16187
+ .wm-app button[disabled]:active:focus,
17996
16188
  .wm-app .btn.disabled:active:hover,
16189
+ .wm-app button.disabled:active:hover,
17997
16190
  .wm-app .btn[disabled]:active:hover,
16191
+ .wm-app button[disabled]:active:hover,
17998
16192
  .wm-app .btn.disabled:active.focus,
17999
- .wm-app .btn[disabled]:active.focus {
16193
+ .wm-app button.disabled:active.focus,
16194
+ .wm-app .btn[disabled]:active.focus,
16195
+ .wm-app button[disabled]:active.focus {
18000
16196
  --wm-btn-color: var(--wm-color-dark-grey-200);
18001
16197
  --wm-btn-background: var(--wm-color-mid-grey-100);
18002
16198
  --wm-btn-border-color: var(--wm-btn-background);
18003
- background-color: var(--wm-btn-background);
16199
+ background: var(--wm-btn-background);
18004
16200
  border-color: var(--wm-btn-border-color);
18005
16201
  }
18006
16202
  .wm-app .btn.disabled::before,
18007
- .wm-app .btn[disabled]::before {
16203
+ .wm-app button.disabled::before,
16204
+ .wm-app .btn[disabled]::before,
16205
+ .wm-app button[disabled]::before {
18008
16206
  display: none;
18009
16207
  }
18010
16208
  .wm-app .app-checkbox {
@@ -18153,6 +16351,266 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
18153
16351
  .wm-app .app-checkboxset.list-group.inline > li + li {
18154
16352
  margin: 0;
18155
16353
  }
16354
+ .wm-app .app-colorpicker.input-group {
16355
+ width: 100%;
16356
+ position: relative;
16357
+ }
16358
+ .wm-app .app-colorpicker.input-group .form-control {
16359
+ padding-right: calc(var(--wm-form-control-padding) + 48px);
16360
+ }
16361
+ .wm-app .app-colorpicker.input-group .input-group-addon.colorpicker-container {
16362
+ display: inline-flex;
16363
+ align-items: center;
16364
+ justify-content: center;
16365
+ width: 48px;
16366
+ height: 48px;
16367
+ position: absolute;
16368
+ top: 50%;
16369
+ right: 1px;
16370
+ transform: translateY(-50%);
16371
+ pointer-events: none;
16372
+ }
16373
+ .wm-app .app-colorpicker.input-group .input-group-addon.colorpicker-container .colored-box {
16374
+ font-size: var(--wm-icon-size);
16375
+ height: 50%;
16376
+ width: 50%;
16377
+ display: inline-flex;
16378
+ align-items: center;
16379
+ justify-content: center;
16380
+ border-radius: var(--wm-form-control-radius);
16381
+ overflow: hidden;
16382
+ }
16383
+ .wm-app .app-colorpicker.input-group .input-group-addon.colorpicker-container .colored-box:before {
16384
+ content: "\f1ef";
16385
+ font-family: wavicon;
16386
+ position: relative;
16387
+ z-index: -1;
16388
+ }
16389
+ .wm-app .app-composite-widget {
16390
+ position: relative;
16391
+ display: flex;
16392
+ flex-direction: row;
16393
+ align-items: center;
16394
+ }
16395
+ .wm-app .app-composite-widget:has(.form-control:not(.ng-touched.ng-invalid):focus) .control-label {
16396
+ color: var(--wm-color-primary);
16397
+ }
16398
+ .wm-app .app-composite-widget:has(.form-control.ng-touched.ng-invalid) .control-label {
16399
+ color: var(--wm-color-error);
16400
+ }
16401
+ .wm-app .app-composite-widget:has([disabled="true"]) {
16402
+ opacity: 0.38;
16403
+ cursor: not-allowed;
16404
+ }
16405
+ .wm-app .app-composite-widget:has([disabled="true"]) * {
16406
+ pointer-events: none;
16407
+ }
16408
+ .wm-app .app-composite-widget:not(.caption-top, .caption-floating):has(.app-textarea) {
16409
+ align-items: flex-start;
16410
+ }
16411
+ .wm-app .app-composite-widget:not(.caption-top, .caption-floating):has(.app-textarea) .control-label {
16412
+ margin-top: var(--wm-form-control-padding);
16413
+ }
16414
+ .wm-app .app-composite-widget:not(.caption-top, .caption-floating):has(.app-textarea).caption-left,
16415
+ .wm-app .app-composite-widget:not(.caption-top, .caption-floating):has(.app-textarea).caption-right {
16416
+ align-items: flex-start;
16417
+ }
16418
+ .wm-app .app-composite-widget:not(.caption-top, .caption-floating):has(.app-textarea).caption-left .control-label,
16419
+ .wm-app .app-composite-widget:not(.caption-top, .caption-floating):has(.app-textarea).caption-right .control-label {
16420
+ margin-top: var(--wm-form-control-padding);
16421
+ }
16422
+ .wm-app .app-composite-widget.caption-left {
16423
+ flex-direction: row;
16424
+ align-items: center;
16425
+ }
16426
+ .wm-app .app-composite-widget.caption-left .control-label {
16427
+ padding-right: var(--wm-space-2);
16428
+ }
16429
+ .wm-app .app-composite-widget.caption-right {
16430
+ flex-direction: row-reverse;
16431
+ align-items: center;
16432
+ }
16433
+ .wm-app .app-composite-widget.caption-right .control-label {
16434
+ padding-left: var(--wm-space-2);
16435
+ }
16436
+ .wm-app .app-composite-widget.caption-top {
16437
+ flex-direction: column;
16438
+ }
16439
+ .wm-app .app-composite-widget.caption-top .control-label {
16440
+ width: 100%;
16441
+ }
16442
+ .wm-app .app-composite-widget.caption-top .control-label + div {
16443
+ width: 100%;
16444
+ }
16445
+ .wm-app .app-composite-widget.caption-floating {
16446
+ flex-direction: column;
16447
+ margin-top: var(--wm-space-2);
16448
+ }
16449
+ .wm-app .app-composite-widget.caption-floating .control-label {
16450
+ max-width: calc(100% - var(--wm-form-control-padding) - var(--wm-form-control-padding));
16451
+ position: absolute;
16452
+ left: calc(var(--wm-form-control-padding) + var(--wm-form-control-border-width));
16453
+ top: calc(calc(var(--wm-form-control-height) * 0.5) - calc(var(--wm-form-control-font-size) * 0.65) - var(--wm-form-control-border-width));
16454
+ z-index: 1;
16455
+ padding: 0;
16456
+ opacity: 1;
16457
+ background: none;
16458
+ --wm-caption-color: var(--wm-form-control-color-place-holder);
16459
+ width: 100%;
16460
+ }
16461
+ .wm-app .app-composite-widget.caption-floating .control-label + div {
16462
+ width: 100%;
16463
+ }
16464
+ .wm-app .app-composite-widget.caption-floating.float-active .control-label {
16465
+ padding: 2px 4px;
16466
+ top: -10px;
16467
+ left: calc(var(--wm-form-control-padding) - 4px);
16468
+ width: auto;
16469
+ height: auto;
16470
+ --wm-caption-font-size: var(--wm-body-small-font-size);
16471
+ --wm-caption-font-weight: var(--wm-body-small-font-weight);
16472
+ --wm-caption-line-height: var(--wm-body-small-line-height);
16473
+ --wm-caption-letter-spacing: var(--wm-body-small-letter-spacing);
16474
+ transform: none;
16475
+ }
16476
+ .wm-app .app-composite-widget.caption-floating.float-active .control-label:before {
16477
+ content: "";
16478
+ position: absolute;
16479
+ left: 0;
16480
+ top: 0;
16481
+ width: 100%;
16482
+ height: 100%;
16483
+ background: var(--wm-color-surface);
16484
+ z-index: -1;
16485
+ }
16486
+ .wm-app .app-composite-widget.caption-floating:has(.app-currency) .control-label {
16487
+ padding: 2px 4px;
16488
+ top: -10px;
16489
+ left: calc(var(--wm-form-control-padding) - 4px);
16490
+ width: auto;
16491
+ height: auto;
16492
+ --wm-caption-font-family: var(--wm-body-small-font-family);
16493
+ --wm-caption-font-size: var(--wm-body-small-font-size);
16494
+ --wm-caption-font-weight: var(--wm-body-small-font-weight);
16495
+ --wm-caption-line-height: var(--wm-body-small-line-height);
16496
+ --wm-caption-letter-spacing: var(--wm-body-small-letter-spacing);
16497
+ transform: none;
16498
+ }
16499
+ .wm-app .app-composite-widget.caption-floating:has(.app-currency) .control-label:before {
16500
+ content: "";
16501
+ position: absolute;
16502
+ left: 0;
16503
+ top: 0;
16504
+ width: 100%;
16505
+ height: 100%;
16506
+ background: var(--wm-color-surface);
16507
+ z-index: -1;
16508
+ }
16509
+ .wm-app .control-label {
16510
+ font-size: var(--wm-caption-font-size);
16511
+ font-weight: var(--wm-caption-font-weight);
16512
+ line-height: var(--wm-caption-line-height);
16513
+ color: var(--wm-caption-color);
16514
+ margin: var(--wm-caption-margin);
16515
+ padding: var(--wm-caption-padding);
16516
+ display: inline-block;
16517
+ transition: all 0.2s ease-in-out;
16518
+ }
16519
+ .wm-app .control-label.required:after {
16520
+ content: "*";
16521
+ color: inherit;
16522
+ margin-left: 2px;
16523
+ }
16524
+ .wm-app .form-control {
16525
+ color: var(--wm-form-control-color);
16526
+ background: var(--wm-form-control-background);
16527
+ border: var(--wm-form-control-border-width) solid var(--wm-form-control-border-color);
16528
+ border-radius: var(--wm-form-control-radius);
16529
+ height: var(--wm-form-control-height);
16530
+ width: 100%;
16531
+ padding: var(--wm-form-control-padding);
16532
+ font-family: var(--wm-form-control-font-family);
16533
+ font-size: var(--wm-form-control-font-size);
16534
+ font-weight: var(--wm-form-control-font-weight);
16535
+ line-height: var(--wm-form-control-line-height);
16536
+ letter-spacing: var(--wm-form-control-letter-spacing);
16537
+ }
16538
+ .wm-app .form-control::-moz-placeholder {
16539
+ color: var(--wm-input-place-holder);
16540
+ opacity: 1;
16541
+ }
16542
+ .wm-app .form-control::-ms-input-placeholder {
16543
+ color: var(--wm-input-place-holder);
16544
+ }
16545
+ .wm-app .form-control::-webkit-input-placeholder {
16546
+ color: var(--wm-input-place-holder);
16547
+ }
16548
+ .wm-app .form-control.ng-touched.ng-invalid {
16549
+ border-color: var(--wm-form-control-border-color-error);
16550
+ }
16551
+ .wm-app .form-control.ng-touched.ng-invalid:focus {
16552
+ border-color: var(--wm-form-control-border-color-error);
16553
+ box-shadow: inset 0 0 0 1px var(--wm-form-control-border-color-error);
16554
+ }
16555
+ .wm-app .form-control:hover {
16556
+ border-color: var(--wm-form-control-border-color-hover);
16557
+ }
16558
+ .wm-app .form-control:focus {
16559
+ border-color: var(--wm-form-control-border-color-focus);
16560
+ box-shadow: inset 0 0 0 1px var(--wm-form-control-border-color-focus);
16561
+ }
16562
+ .wm-app .app-input-wrapper {
16563
+ display: flex;
16564
+ flex-direction: column;
16565
+ }
16566
+ .wm-app .input-group {
16567
+ position: relative;
16568
+ }
16569
+ .wm-app .input-group .input-group-btn {
16570
+ position: absolute;
16571
+ top: var(--wm-space-2);
16572
+ right: var(--wm-space-1);
16573
+ display: inline-flex;
16574
+ align-items: center;
16575
+ justify-content: center;
16576
+ gap: var(--wm-space-1);
16577
+ }
16578
+ .wm-app .input-group .input-group-btn .btn {
16579
+ width: var(--wm-input-group-btn-width);
16580
+ height: var(--wm-input-group-btn-height);
16581
+ border-radius: var(--wm-input-group-btn-border-radius);
16582
+ padding: 0;
16583
+ border: none;
16584
+ background: none;
16585
+ }
16586
+ .wm-app .input-group .input-group-btn .btn .app-icon {
16587
+ font-size: var(--wm-input-group-btn-font-size);
16588
+ width: var(--wm-input-group-btn-font-size);
16589
+ height: var(--wm-input-group-btn-font-size);
16590
+ display: inline-flex;
16591
+ justify-content: center;
16592
+ align-items: center;
16593
+ }
16594
+ .wm-app .input-group .input-group-btn .btn + .btn {
16595
+ margin: 0;
16596
+ }
16597
+ .wm-app .input-group .form-control {
16598
+ padding-right: calc(var(--wm-input-group-btn-width) + var(--wm-space-4));
16599
+ }
16600
+ .wm-app .input-group.app-datetime .form-control {
16601
+ padding-right: calc(var(--wm-input-group-btn-width) * 2.4);
16602
+ }
16603
+ .wm-app .help-block {
16604
+ color: var(--wm-help-block-color);
16605
+ font-family: var(--wm-help-block-font-family);
16606
+ font-size: var(--wm-help-block-font-size);
16607
+ font-weight: var(--wm-help-block-font-weight);
16608
+ line-height: var(--wm-help-block-line-height);
16609
+ letter-spacing: var(--wm-help-block-letter-spacing);
16610
+ }
16611
+ .wm-app .help-block:not(:empty) {
16612
+ margin-top: var(--wm-space-1);
16613
+ }
18156
16614
  .wm-app .app-container {
18157
16615
  position: relative;
18158
16616
  }
@@ -18163,148 +16621,296 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
18163
16621
  border-radius: var(--wm-container-elevation-border-radius);
18164
16622
  box-shadow: var(--wm-container-elevation-shadow);
18165
16623
  }
18166
- .wm-app .app-currency {
16624
+ .wm-app .app-currency {
16625
+ position: relative;
16626
+ }
16627
+ .wm-app .app-currency.input-group .input-group-addon {
16628
+ width: var(--wm-currency-inputgroup-addon-width);
16629
+ height: calc(100% - 2px);
16630
+ position: absolute;
16631
+ top: 1px;
16632
+ left: 1px;
16633
+ display: inline-flex;
16634
+ align-items: center;
16635
+ justify-content: center;
16636
+ font-family: var(--wm-currency-inputgroup-addon-font-family);
16637
+ font-size: var(--wm-currency-inputgroup-addon-font-size);
16638
+ font-weight: var(--wm-currency-inputgroup-addon-font-weight);
16639
+ line-height: var(--wm-currency-inputgroup-addon-line-height);
16640
+ letter-spacing: var(--wm-currency-inputgroup-addon-letter-spacing);
16641
+ pointer-events: none;
16642
+ }
16643
+ .wm-app .app-currency.input-group .form-control.app-currency-input {
16644
+ padding-left: var(--wm-currency-inputgroup-addon-width);
16645
+ }
16646
+ .wm-app bs-datepicker-container {
16647
+ z-index: 1060;
16648
+ margin: var(--wm-space-3) var(--wm-space-0);
16649
+ }
16650
+ .wm-app bs-datepicker-container .bs-datepicker {
16651
+ background: var(--wm-datepicker-background);
16652
+ overflow: hidden;
16653
+ border-radius: var(--wm-datepicker-border-radius);
16654
+ text-align: center;
16655
+ }
16656
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-container .bs-datepicker-buttons {
16657
+ display: flex;
16658
+ justify-content: flex-end;
16659
+ align-items: flex-start;
16660
+ gap: 8px;
16661
+ padding: var(--wm-space-2) var(--wm-space-3);
16662
+ background-color: var(--wm-datepicker-background);
16663
+ border-bottom-left-radius: var(--wm-datepicker-border-radius);
16664
+ border-bottom-right-radius: var(--wm-datepicker-border-radius);
16665
+ }
16666
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view {
16667
+ display: flex;
16668
+ justify-content: space-between;
16669
+ align-items: center;
16670
+ padding: var(--wm-space-2) var(--wm-space-0);
16671
+ }
16672
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button {
16673
+ margin: var(--wm-space-1);
16674
+ background: var(--wm-btn-background) !important;
16675
+ }
16676
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.previous,
16677
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.next {
16678
+ width: 40px;
16679
+ padding: 0;
16680
+ }
16681
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.previous span,
16682
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.next span {
16683
+ display: none;
16684
+ }
16685
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.previous:after,
16686
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.next:after {
16687
+ font-family: wavicon;
16688
+ font-size: var(--wm-icon-size-md);
16689
+ min-width: var(--wm-icon-size-md);
16690
+ height: var(--wm-icon-size-md);
16691
+ display: inline-flex;
16692
+ align-items: center;
16693
+ justify-content: center;
16694
+ }
16695
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.previous:after {
16696
+ content: var(--wm-datepicker-previous-icon);
16697
+ }
16698
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.next:after {
16699
+ content: var(--wm-datepicker-next-icon);
16700
+ }
16701
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body {
16702
+ background: var(--wm-datepicker-background);
16703
+ padding: 0 var(--wm-space-3);
16704
+ }
16705
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table {
16706
+ width: 100%;
16707
+ border-collapse: separate;
16708
+ border-spacing: 0;
16709
+ }
16710
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table th {
16711
+ margin: 0 auto;
18167
16712
  position: relative;
16713
+ color: var(--wm-datepicker-color);
16714
+ text-align: center;
16715
+ font-size: var(--wm-datepicker-font-size);
16716
+ font-style: var(--wm-datepicker-font-style);
16717
+ font-weight: var(--wm-datepicker-font-weight);
16718
+ line-height: var(--wm-datepicker-line-height);
16719
+ height: var(--wm-datepicker-cell-height);
16720
+ letter-spacing: var(--wm-datepicker-letter-spacing);
16721
+ }
16722
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td {
16723
+ text-align: center;
16724
+ position: relative;
16725
+ padding: var(--wm-space-1);
18168
16726
  }
18169
- .wm-app .app-composite-widget {
16727
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span {
18170
16728
  position: relative;
18171
16729
  display: flex;
18172
- flex-direction: row;
16730
+ justify-content: center;
18173
16731
  align-items: center;
16732
+ width: var(--wm-datepicker-date-width);
16733
+ height: var(--wm-datepicker-date-height);
16734
+ color: var(--wm-datepicker-date-color);
16735
+ background: var(--wm-datepicker-date-background);
16736
+ border: var(--wm-datepicker-date-border-width) var(--wm-datepicker-date-border-style) var(--wm-datepicker-date-border-color);
16737
+ border-radius: var(--wm-datepicker-date-border-radius);
16738
+ font-family: var(--wm-datepicker-date-font-family);
16739
+ font-size: var(--wm-datepicker-date-font-size);
16740
+ font-weight: var(--wm-datepicker-date-font-weight);
16741
+ line-height: var(--wm-datepicker-date-line-height);
16742
+ letter-spacing: var(--wm-datepicker-date-letter-spacing);
16743
+ cursor: pointer;
18174
16744
  }
18175
- .wm-app .app-composite-widget:has(.form-control:not(.ng-touched.ng-invalid):focus) .control-label {
18176
- color: var(--wm-color-primary);
16745
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.is-other-month {
16746
+ color: var(--wm-datepicker-date-other-month-color);
18177
16747
  }
18178
- .wm-app .app-composite-widget:has(.form-control.ng-touched.ng-invalid) .control-label {
18179
- color: var(--wm-color-error);
16748
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span:before {
16749
+ content: "";
16750
+ top: 0;
16751
+ left: 0;
16752
+ right: 0;
16753
+ bottom: 0;
16754
+ position: absolute;
16755
+ pointer-events: none;
16756
+ border-radius: inherit;
16757
+ opacity: 0;
16758
+ background: var(--wm-datepicker-date-state-layer-color);
18180
16759
  }
18181
- .wm-app .app-composite-widget:has([disabled="true"]) {
18182
- opacity: 0.38;
18183
- cursor: not-allowed;
16760
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span:hover::before,
16761
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.hover::before {
16762
+ opacity: var(--wm-datepicker-date-hover-state-layer-opacity);
18184
16763
  }
18185
- .wm-app .app-composite-widget:has([disabled="true"]) * {
18186
- pointer-events: none;
16764
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span:focus::before,
16765
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.focus::before {
16766
+ opacity: var(--wm-datepicker-date-focus-state-layer-opacity);
18187
16767
  }
18188
- .wm-app .app-composite-widget.caption-left {
18189
- flex-direction: row;
18190
- align-items: center;
16768
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span:active::before,
16769
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span:active:focus::before,
16770
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span:active:hover::before,
16771
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span:active.focus::before {
16772
+ opacity: var(--wm-datepicker-date-active-state-layer-opacity);
18191
16773
  }
18192
- .wm-app .app-composite-widget.caption-left .control-label {
18193
- padding-right: var(--wm-space-2);
16774
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.current-date.text-info:not(.selected) {
16775
+ --wm-datepicker-date-color: var(--wm-btn-primary-background);
16776
+ --wm-datepicker-date-border-color: var(--wm-btn-primary-border-color);
18194
16777
  }
18195
- .wm-app .app-composite-widget.caption-right {
18196
- flex-direction: row-reverse;
18197
- align-items: center;
16778
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.current-date.text-info:not(.selected).disabled {
16779
+ opacity: 0.38;
18198
16780
  }
18199
- .wm-app .app-composite-widget.caption-right .control-label {
18200
- padding-left: var(--wm-space-2);
16781
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.selected {
16782
+ --wm-datepicker-date-color: var(--wm-btn-primary-color);
16783
+ --wm-datepicker-date-background: var(--wm-btn-primary-background);
16784
+ --wm-datepicker-date-border-color: var(--wm-btn-primary-border-color);
16785
+ --wm-datepicker-date-state-layer-color: var(--wm-btn-primary-state-layer-color);
18201
16786
  }
18202
- .wm-app .app-composite-widget.caption-top {
18203
- flex-direction: column;
16787
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.disabled {
16788
+ opacity: 0.38;
16789
+ cursor: var(--wm-btn-cursor-disabled);
18204
16790
  }
18205
- .wm-app .app-composite-widget.caption-top .control-label {
18206
- width: 100%;
16791
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.disabled:before {
16792
+ display: none;
18207
16793
  }
18208
- .wm-app .app-composite-widget.caption-top .control-label + div {
16794
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table:not(.weeks) td span {
16795
+ height: calc(var(--wm-datepicker-date-height) - 0.25rem);
16796
+ padding: var(--wm-space-2) var(--wm-space-4);
18209
16797
  width: 100%;
18210
16798
  }
18211
- .wm-app .app-composite-widget.caption-floating {
18212
- flex-direction: column;
18213
- margin-top: var(--wm-space-2);
16799
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table.months td,
16800
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table.years td {
16801
+ padding: var(--wm-space-2);
18214
16802
  }
18215
- .wm-app .app-composite-widget.caption-floating .control-label {
18216
- max-width: calc(100% - var(--wm-form-control-padding) - var(--wm-form-control-padding));
18217
- position: absolute;
18218
- left: calc(var(--wm-form-control-padding) + var(--wm-form-control-border-width));
18219
- top: calc(calc(var(--wm-form-control-height) * 0.5) - calc(var(--wm-form-control-font-size) * 0.65) - var(--wm-form-control-border-width));
18220
- z-index: 1;
18221
- padding: 0;
18222
- opacity: 1;
18223
- background: none;
18224
- --wm-caption-color: var(--wm-form-control-color-place-holder);
18225
- width: 100%;
16803
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-buttons .btn-today-wrapper .btn,
16804
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-buttons .btn-clear-wrapper .btn {
16805
+ --wm-btn-color: var(--wm-color-primary);
16806
+ background: none !important;
16807
+ border: none !important;
16808
+ --wm-btn-state-layer-color: var(--wm-color-primary);
18226
16809
  }
18227
- .wm-app .app-composite-widget.caption-floating .control-label + div {
16810
+ .wm-app .wm-app .app-fileupload {
16811
+ position: relative;
16812
+ overflow: hidden;
16813
+ }
16814
+ .wm-app .app-fileupload .file-upload {
18228
16815
  width: 100%;
16816
+ overflow-y: auto;
18229
16817
  }
18230
- .wm-app .app-composite-widget.caption-floating.float-active .control-label {
18231
- padding: 2px 4px;
18232
- top: -10px;
18233
- left: calc(var(--wm-form-control-padding) - 4px);
18234
- width: auto;
16818
+ .wm-app .app-fileupload .app-single-file-upload {
16819
+ position: relative;
16820
+ display: inline-flex;
18235
16821
  height: auto;
18236
- --wm-caption-font-size: var(--wm-body-small-font-size);
18237
- --wm-caption-font-weight: var(--wm-body-small-font-weight);
18238
- --wm-caption-line-height: var(--wm-body-small-line-height);
18239
- --wm-caption-letter-spacing: var(--wm-body-small-letter-spacing);
18240
- transform: none;
16822
+ min-height: 3em;
16823
+ margin-bottom: var(--wm-file-upload-bottom-space);
18241
16824
  }
18242
- .wm-app .app-composite-widget.caption-floating.float-active .control-label:before {
18243
- content: "";
16825
+ .wm-app .app-fileupload .app-single-file-upload .app-button-wrapper {
16826
+ position: relative;
16827
+ display: inline-flex;
16828
+ }
16829
+ .wm-app .app-fileupload .app-single-file-upload .app-button-wrapper .form-horizontal,
16830
+ .wm-app .app-fileupload .app-multi-file-upload .drop-box .form-horizontal {
16831
+ position: relative;
16832
+ }
16833
+ .wm-app .app-fileupload .app-single-file-upload .app-button-wrapper .form-horizontal input,
16834
+ .wm-app .app-fileupload .app-multi-file-upload .drop-box .form-horizontal input {
18244
16835
  position: absolute;
18245
- left: 0;
18246
- top: 0;
16836
+ z-index: 2;
18247
16837
  width: 100%;
18248
16838
  height: 100%;
18249
- background: var(--wm-color-surface);
18250
- z-index: -1;
16839
+ cursor: pointer;
16840
+ opacity: 0;
18251
16841
  }
18252
- .wm-app .control-label {
18253
- font-size: var(--wm-caption-font-size);
18254
- font-weight: var(--wm-caption-font-weight);
18255
- line-height: var(--wm-caption-line-height);
18256
- color: var(--wm-caption-color);
18257
- margin: var(--wm-caption-margin);
18258
- padding: var(--wm-caption-padding);
18259
- display: inline-block;
18260
- transition: all 0.2s ease-in-out;
16842
+ .wm-app .wm-app .app-fileupload > .file-upload .file-upload-status {
16843
+ padding: var(--wm-file-upload-status-padding);
16844
+ background: var(--wm-file-upload-status-background);
16845
+ border: var(--wm-file-upload-status-border-width) var(--wm-file-upload-status-border-style) var(--wm-file-upload-status-border-color);
16846
+ border-radius: var(--wm-file-upload-status-radius);
16847
+ margin-bottom: var(--wm-file-upload-status-bottom-space);
18261
16848
  }
18262
- .wm-app .control-label.required:after {
18263
- content: "*";
18264
- color: inherit;
18265
- margin-left: 2px;
16849
+ .wm-app .wm-app .app-fileupload > .file-upload .file-upload-status .upload-file-list {
16850
+ display: flex;
16851
+ align-items: center;
16852
+ gap: var(--wm-file-upload-gap);
18266
16853
  }
18267
- .wm-app .form-control {
18268
- color: var(--wm-form-control-color);
18269
- background: var(--wm-form-control-background);
18270
- border: var(--wm-form-control-border-width) solid var(--wm-form-control-border-color);
18271
- border-radius: var(--wm-form-control-radius);
18272
- height: var(--wm-form-control-height);
16854
+ .wm-app .wm-app .app-fileupload > .file-upload .file-upload-status .upload-file-list .file-details {
16855
+ flex-grow: 1;
16856
+ }
16857
+ .wm-app .wm-app .app-fileupload .app-multi-file-upload {
18273
16858
  width: 100%;
18274
- padding: 0 var(--wm-form-control-padding);
18275
- font-size: var(--wm-form-control-font-size);
18276
- font-weight: var(--wm-form-control-font-weight);
18277
- line-height: var(--wm-form-control-line-height);
16859
+ height: 100%;
16860
+ margin-bottom: var(--wm-file-upload-drop-box-bottom-space);
18278
16861
  }
18279
- .wm-app .form-control::-moz-placeholder {
18280
- color: var(--wm-input-place-holder);
18281
- opacity: 1;
16862
+ .wm-app .app-fileupload .app-multi-file-upload .drop-box {
16863
+ border: var(--wm-file-upload-status-border-width) dashed var(--wm-file-upload-status-border-color);
16864
+ background-color: var(--wm-file-upload-drop-box-background);
16865
+ cursor: pointer;
16866
+ height: 100px;
16867
+ display: flex;
16868
+ flex-direction: column;
16869
+ justify-content: center;
16870
+ align-items: center;
16871
+ gap: var(--wm-file-upload-drop-box-gap);
16872
+ border-radius: var(--wm-file-upload-multi-file-radius);
18282
16873
  }
18283
- .wm-app .form-control::-ms-input-placeholder {
18284
- color: var(--wm-input-place-holder);
16874
+ .wm-app .app-fileupload .app-multi-file-upload .drop-box .message {
16875
+ text-align: center;
16876
+ cursor: pointer;
18285
16877
  }
18286
- .wm-app .form-control::-webkit-input-placeholder {
18287
- color: var(--wm-input-place-holder);
16878
+ .wm-app .app-fileupload .app-multi-file-upload .drop-box .message .caption {
16879
+ color: var(--wm-file-upload-message-caption-color);
16880
+ font-size: var(--wm-file-upload-message-caption-font-size);
16881
+ font-weight: var(--wm-file-upload-message-caption-font-weight);
16882
+ line-height: var(--wm-file-upload-message-caption-line-height);
18288
16883
  }
18289
- .wm-app .form-control.ng-touched.ng-invalid {
18290
- border-color: var(--wm-form-control-border-color-error);
16884
+ .wm-app .app-fileupload .app-multi-file-upload .drop-box .message .app-anchor {
16885
+ color: var(--wm-file-upload-message-anchor-color);
16886
+ font-size: var(--wm-file-upload-message-anchor-font-size);
16887
+ font-weight: var(--wm-file-upload-message-anchor-font-weight);
16888
+ line-height: var(--wm-file-upload-message-anchor-line-height);
18291
16889
  }
18292
- .wm-app .form-control.ng-touched.ng-invalid:focus {
18293
- border-color: var(--wm-form-control-border-color-error);
18294
- box-shadow: inset 0 0 0 1px var(--wm-form-control-border-color-error);
16890
+ .wm-app .wm-app .app-fileupload > .file-upload .file-upload-status .upload-file-list .file-details .uploaddetails {
16891
+ word-wrap: break-word;
16892
+ display: block;
18295
16893
  }
18296
- .wm-app .form-control:hover {
18297
- border-color: var(--wm-form-control-border-color-hover);
16894
+ .wm-app .wm-app .app-fileupload > .file-upload .file-upload-status .upload-file-list .file-details .uploaddetails .upload-title {
16895
+ width: auto;
16896
+ color: var(--wm-file-upload-title-color);
16897
+ font-size: var(--wm-file-upload-title-font-size);
16898
+ font-weight: var(--wm-file-upload-title-font-weight);
16899
+ line-height: var(--wm-file-upload-title-line-height);
18298
16900
  }
18299
- .wm-app .form-control:focus {
18300
- border-color: var(--wm-form-control-border-color-focus);
18301
- box-shadow: inset 0 0 0 1px var(--wm-form-control-border-color-focus);
16901
+ .wm-app .wm-app .app-fileupload > .file-upload .file-upload-status .upload-file-list .file-details .uploaddetails .filesize {
16902
+ color: var(--wm-file-upload-size-color);
16903
+ font-size: var(--wm-file-upload-size-font-size);
16904
+ font-weight: var(--wm-file-upload-size-font-weight);
16905
+ line-height: var(--wm-file-upload-size-line-height);
18302
16906
  }
18303
- .wm-app .help-block {
18304
- color: var(--wm-help-block-color);
18305
- font-size: var(--wm-help-block-font-size);
18306
- font-weight: var(--wm-help-block-font-weight);
18307
- line-height: var(--wm-help-block-line-height);
16907
+ .wm-app .wm-app .app-fileupload .file-upload .file-upload-status .upload-file-list .media-right span.status-icon,
16908
+ .wm-app .wm-app .app-fileupload .file-upload .file-upload-status .upload-file-list .media-right a.btn > i {
16909
+ font-size: var(--wm-file-upload-media-icon-size);
16910
+ }
16911
+ .wm-app .wm-app .app-fileupload .file-upload .file-upload-status .upload-file-list .media-right a.btn {
16912
+ min-height: unset;
16913
+ padding: var(--wm-file-upload-media-icon-padding);
18308
16914
  }
18309
16915
  .wm-app .app-grid-layout {
18310
16916
  display: flex;
@@ -20229,8 +18835,267 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
20229
18835
  .wm-app .app-radioset {
20230
18836
  position: relative;
20231
18837
  }
18838
+ .wm-app .app-ratings {
18839
+ display: inline-flex;
18840
+ position: relative;
18841
+ }
18842
+ .wm-app .app-ratings .ratings-wrapper {
18843
+ position: relative;
18844
+ display: flex;
18845
+ align-items: center;
18846
+ gap: var(--wm-rating-gap);
18847
+ }
18848
+ .wm-app .app-ratings .ratings-wrapper .rating-style {
18849
+ position: relative;
18850
+ display: inline-flex;
18851
+ flex-direction: row-reverse;
18852
+ gap: var(--wm-rating-icon-gap);
18853
+ }
18854
+ .wm-app .app-ratings .ratings-wrapper .rating-style input {
18855
+ display: none;
18856
+ }
18857
+ .wm-app .app-ratings .ratings-wrapper .rating-style label {
18858
+ display: inline-flex;
18859
+ align-items: center;
18860
+ justify-content: center;
18861
+ color: var(--wm-rating-icon-color);
18862
+ font-size: var(--wm-rating-icon-size);
18863
+ width: var(--wm-rating-icon-size);
18864
+ height: var(--wm-rating-icon-size);
18865
+ opacity: var(--wm-rating-icon-opacity-inactive);
18866
+ transition: all 0.05s ease-in-out;
18867
+ cursor: pointer;
18868
+ }
18869
+ .wm-app .app-ratings .ratings-wrapper .rating-style label:before {
18870
+ content: "\f4c1";
18871
+ font-family: wavicon;
18872
+ display: inline-flex;
18873
+ align-items: center;
18874
+ justify-content: center;
18875
+ font-size: inherit;
18876
+ height: 100%;
18877
+ width: 100%;
18878
+ }
18879
+ .wm-app .app-ratings .ratings-wrapper .rating-style label:hover,
18880
+ .wm-app .app-ratings .ratings-wrapper .rating-style label:hover ~ label,
18881
+ .wm-app .app-ratings .ratings-wrapper .rating-style label.active {
18882
+ opacity: var(--wm-rating-icon-opacity-active);
18883
+ color: var(--wm-rating-icon-color-active);
18884
+ }
18885
+ .wm-app .app-ratings .ratings-wrapper .rating-style label:hover:before,
18886
+ .wm-app .app-ratings .ratings-wrapper .rating-style label:hover ~ label:before,
18887
+ .wm-app .app-ratings .ratings-wrapper .rating-style label.active:before {
18888
+ content: "\f4c3";
18889
+ }
18890
+ .wm-app .app-ratings .ratings-wrapper .rating-style label:hover {
18891
+ transform: scale(1.2);
18892
+ }
18893
+ .wm-app .app-ratings .ratings-container {
18894
+ font-size: var(--wm-rating-icon-size);
18895
+ overflow: hidden;
18896
+ }
18897
+ .wm-app .app-ratings .ratings-container:before {
18898
+ content: "\f4c1\f4c1\f4c1\f4c1\f4c1\f4c1\f4c1\f4c1\f4c1\f4c1\f4c1\f4c1\f4c1\f4c1";
18899
+ font-family: wavicon;
18900
+ top: 0;
18901
+ left: 0;
18902
+ white-space: nowrap;
18903
+ overflow: hidden;
18904
+ opacity: var(--wm-rating-icon-opacity-inactive);
18905
+ }
18906
+ .wm-app .app-ratings .ratings-container .ratings.active {
18907
+ color: var(--wm-rating-icon-color-active);
18908
+ position: absolute;
18909
+ top: 0;
18910
+ overflow: hidden;
18911
+ }
18912
+ .wm-app .app-ratings .ratings-container .ratings.active:before {
18913
+ content: "\f4c3\f4c3\f4c3\f4c3\f4c3\f4c3\f4c3\f4c3\f4c3\f4c3\f4c3\f4c3\f4c3\f4c3";
18914
+ font-family: wavicon;
18915
+ top: 0;
18916
+ left: 0;
18917
+ white-space: nowrap;
18918
+ overflow: hidden;
18919
+ opacity: var(--wm-rating-icon-opacity-active);
18920
+ }
18921
+ .wm-app .app-ratings[readonly="true"] {
18922
+ opacity: var(--wm-rating-icon-opacity-readonly);
18923
+ }
20232
18924
  .wm-app .app-textarea {
20233
18925
  position: relative;
18926
+ padding: var(--wm-form-control-padding) var(--wm-form-control-padding) calc(var(--wm-form-control-padding) * 0.85);
18927
+ min-height: calc(var(--wm-form-control-height) * 1.85);
18928
+ height: calc(var(--wm-form-control-height) * 1.85);
18929
+ min-width: 100%;
18930
+ max-width: 100%;
18931
+ }
18932
+ .wm-app .textarea-count {
18933
+ color: var(--wm-help-block-color);
18934
+ font-family: var(--wm-help-block-font-family);
18935
+ font-size: var(--wm-help-block-font-size);
18936
+ font-weight: var(--wm-help-block-font-weight);
18937
+ line-height: var(--wm-help-block-line-height);
18938
+ letter-spacing: var(--wm-help-block-letter-spacing);
18939
+ }
18940
+ .wm-app .textarea-count:not(:empty) {
18941
+ margin-top: var(--wm-space-1);
18942
+ }
18943
+ .wm-app bs-dropdown-container {
18944
+ z-index: 2000;
18945
+ }
18946
+ .wm-app .dropdown-menu.app-datetime {
18947
+ background: var(--wm-timepicker-background);
18948
+ padding: var(--wm-timepicker-padding);
18949
+ border-radius: var(--wm-timepicker-border-radius);
18950
+ }
18951
+ .wm-app .app-datetime tbody tr:first-child,
18952
+ .wm-app .app-datetime tbody tr:last-child,
18953
+ .wm-app .app-datetime tbody .btn.btn-link {
18954
+ display: none;
18955
+ }
18956
+ .wm-app .app-datetime tbody td {
18957
+ font-family: var(--wm-timepicker-font-family);
18958
+ font-size: var(--wm-timepicker-font-size);
18959
+ font-weight: var(--wm-timepicker-font-weight);
18960
+ line-height: var(--wm-timepicker-line-height);
18961
+ letter-spacing: var(--wm-timepicker-letter-spacing);
18962
+ }
18963
+ .wm-app .app-datetime tbody .btn {
18964
+ --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
18965
+ --wm-btn-radius: var(--wm-radius-sm);
18966
+ --wm-btn-background: var(--wm-color-tertiary-container);
18967
+ --wm-btn-border-color: var(--wm-color-outline);
18968
+ --wm-btn-font-family: var(--wm-timepicker-period-selector-font-family);
18969
+ --wm-btn-font-size: var(--wm-timepicker-period-selector-font-size);
18970
+ --wm-btn-font-weight: var(--wm-timepicker-period-selector-font-weight);
18971
+ --wm-btn-line-height: var(--wm-timepicker-period-selector-line-height);
18972
+ --wm-btn-letter-spacing: var(--wm-timepicker-period-selector-letter-spacing);
18973
+ }
18974
+ .wm-app .app-datetime .form-control.bs-timepicker-field {
18975
+ width: 96px;
18976
+ color: var(--wm-color-on-primary-container);
18977
+ font-family: var(--wm-timepicker-font-family);
18978
+ font-size: var(--wm-timepicker-font-size);
18979
+ font-weight: var(--wm-timepicker-font-weight);
18980
+ line-height: var(--wm-timepicker-line-height);
18981
+ letter-spacing: var(--wm-timepicker-letter-spacing);
18982
+ }
18983
+ .wm-app .toast-container {
18984
+ position: fixed;
18985
+ z-index: 999999;
18986
+ pointer-events: auto;
18987
+ max-height: 80%;
18988
+ overflow: unset;
18989
+ }
18990
+ .wm-app .toast-container .toast {
18991
+ position: relative;
18992
+ display: flex;
18993
+ flex-direction: column;
18994
+ gap: var(--wm-toast-container-gap);
18995
+ flex-shrink: 0;
18996
+ width: var(--wm-toast-container-width);
18997
+ margin: auto;
18998
+ padding: var(--wm-toast-container-padding);
18999
+ border: var(--wm-toast-container-border-width) var(--wm-toast-container-border-style) var(--wm-toast-container-border-color);
19000
+ border-radius: var(--wm-toast-container-border-radius);
19001
+ background: var(--wm-toast-container-background);
19002
+ color: var(--wm-toast-container-color);
19003
+ box-shadow: var(--wm-toast-container-shadow);
19004
+ cursor: pointer;
19005
+ }
19006
+ .wm-app .toast-container .toast:before {
19007
+ position: absolute;
19008
+ content: var(--wm-toast-icon);
19009
+ font-family: wavicon;
19010
+ top: 14px;
19011
+ left: 12px;
19012
+ font-size: var(--wm-icon-size-md);
19013
+ min-width: var(--wm-icon-size-md);
19014
+ height: var(--wm-icon-size-md);
19015
+ }
19016
+ .wm-app .toast-container .toast .toast-title {
19017
+ font-family: var(--wm-toast-title-font-family);
19018
+ font-size: var(--wm-toast-title-font-size);
19019
+ font-weight: var(--wm-toast-title-font-weight);
19020
+ line-height: var(--wm-toast-title-line-height);
19021
+ letter-spacing: var(--wm-toast-title-letter-spacing);
19022
+ word-wrap: break-word;
19023
+ }
19024
+ .wm-app .toast-container .toast .toast-message {
19025
+ font-family: var(--wm-toast-message-font-family);
19026
+ font-size: var(--wm-toast-message-font-size);
19027
+ font-weight: var(--wm-toast-message-font-weight);
19028
+ line-height: var(--wm-toast-message-line-height);
19029
+ letter-spacing: var(--wm-toast-message-letter-spacing);
19030
+ word-wrap: break-word;
19031
+ }
19032
+ .wm-app .toast-container .toast.toast-success {
19033
+ --wm-toast-container-color: var(--wm-toast-container-success-color);
19034
+ --wm-toast-container-background: var(--wm-toast-container-success-background);
19035
+ --wm-toast-container-border-color: var(--wm-toast-container-success-border-color);
19036
+ --wm-toast-icon: var(--wm-toast-success-icon);
19037
+ }
19038
+ .wm-app .toast-container .toast.toast-info {
19039
+ --wm-toast-container-color: var(--wm-toast-container-info-color);
19040
+ --wm-toast-container-background: var(--wm-toast-container-info-background);
19041
+ --wm-toast-container-border-color: var(--wm-toast-container-info-border-color);
19042
+ --wm-toast-icon: var(--wm-toast-info-icon);
19043
+ }
19044
+ .wm-app .toast-container .toast.toast-warning {
19045
+ --wm-toast-container-color: var(--wm-toast-container-warning-color);
19046
+ --wm-toast-container-background: var(--wm-toast-container-warning-background);
19047
+ --wm-toast-container-border-color: var(--wm-toast-container-warning-border-color);
19048
+ --wm-toast-icon: var(--wm-toast-warning-icon);
19049
+ }
19050
+ .wm-app .toast-container .toast.toast-error {
19051
+ --wm-toast-container-color: var(--wm-toast-container-error-color);
19052
+ --wm-toast-container-background: var(--wm-toast-container-error-background);
19053
+ --wm-toast-container-border-color: var(--wm-toast-container-error-border-color);
19054
+ --wm-toast-icon: var(--wm-toast-error-icon);
19055
+ }
19056
+ .wm-app .toast-top-left {
19057
+ top: var(--wm-toast-position-top);
19058
+ left: var(--wm-toast-position-left);
19059
+ }
19060
+ .wm-app .toast-top-center {
19061
+ top: var(--wm-toast-position-top);
19062
+ }
19063
+ .wm-app .toast-top-right {
19064
+ top: var(--wm-toast-position-top);
19065
+ right: var(--wm-toast-position-right);
19066
+ }
19067
+ .wm-app .toast-center-left {
19068
+ left: var(--wm-toast-position-left);
19069
+ top: 50%;
19070
+ margin-top: -30px;
19071
+ }
19072
+ .wm-app .toast-center-center {
19073
+ left: 50%;
19074
+ top: 50%;
19075
+ margin-top: -30px;
19076
+ margin-left: -150px;
19077
+ }
19078
+ .wm-app .toast-center-right {
19079
+ right: var(--wm-toast-position-right);
19080
+ top: 50%;
19081
+ margin-top: -30px;
19082
+ }
19083
+ .wm-app .toast-bottom-left {
19084
+ bottom: var(--wm-toast-position-bottom);
19085
+ left: var(--wm-toast-position-left);
19086
+ }
19087
+ .wm-app .toast-bottom-center {
19088
+ bottom: var(--wm-toast-position-bottom);
19089
+ }
19090
+ .wm-app .toast-bottom-right {
19091
+ right: var(--wm-toast-position-right);
19092
+ bottom: var(--wm-toast-position-bottom);
19093
+ }
19094
+ .wm-app .toast-bottom-center,
19095
+ .wm-app .toast-center,
19096
+ .wm-app .toast-top-center {
19097
+ width: auto;
19098
+ margin: 0 calc(50% - calc(var(--wm-toast-container-width)/2));
20234
19099
  }
20235
19100
  .wm-app .app-video {
20236
19101
  position: relative;
@@ -24826,7 +23691,8 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
24826
23691
  z-index: 3 !important;
24827
23692
  }
24828
23693
  .wm-app [hidden],
24829
- .wm-app [hidden="true"] {
23694
+ .wm-app [hidden="true"],
23695
+ .wm-app .hidden {
24830
23696
  display: none !important;
24831
23697
  }
24832
23698
  .wm-app .pointer {