@wavemaker/foundation-css 12.0.0-next.45049 → 12.0.0-next.45052

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.
@@ -481,6 +481,10 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
481
481
  --wm-btn-hover-state-layer-opacity: var(--wm-opacity-hover);
482
482
  --wm-btn-focus-state-layer-opacity: var(--wm-opacity-focus);
483
483
  --wm-btn-active-state-layer-opacity: var(--wm-opacity-active);
484
+ --wm-btn-disabled-color: var(--wm-color-on-surface);
485
+ --wm-btn-disabled-background: var(--wm-color-on-surface-active);
486
+ --wm-btn-disabled-border-color: var(--wm-color-on-surface-active);
487
+ --wm-btn-disabled-opacity: 0.38;
484
488
  --wm-btn-icon-width: 40px;
485
489
  --wm-btn-icon-height: 40px;
486
490
  --wm-btn-icon-size: var(--wm-icon-size-md);
@@ -577,6 +581,40 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
577
581
  --wm-btn-lg-min-width: auto;
578
582
  --wm-btn-lg-height: 44px;
579
583
  --wm-btn-lg-gap: var(--wm-space-2);
584
+ /*--card--*/
585
+ --wm-card-list-gap: var(--wm-space-4);
586
+ --wm-card-background: var(--wm-color-surface);
587
+ --wm-card-border-width: var(--wm-border-width);
588
+ --wm-card-border-style: var(--wm-border-style);
589
+ --wm-card-border-color: var(--wm-color-outline-variant);
590
+ --wm-card-border-radius: var(--wm-radius-md);
591
+ --wm-card-shadow: none;
592
+ --wm-card-shadow-hover: var(--wm-elevation-shadow-1);
593
+ --wm-card-shadow-focus: none;
594
+ --wm-card-shadow-active: none;
595
+ --wm-card-shadow-drag: var(--wm-elevation-shadow-3);
596
+ --wm-card-state-layer-color: var(--wm-color-on-surface);
597
+ --wm-card-state-layer-opacity: 0;
598
+ --wm-card-state-layer-opacity-hover: var(--wm-opacity-hover);
599
+ --wm-card-state-layer-opacity-focus: var(--wm-opacity-focus);
600
+ --wm-card-state-layer-opacity-active: var(--wm-opacity-active);
601
+ --wm-card-elevation-border-width: 0;
602
+ --wm-card-elevation-shadow: var(--wm-elevation-shadow-1);
603
+ --wm-card-elevation-shadow-hover: var(--wm-elevation-shadow-2);
604
+ --wm-card-elevation-shadow-focus: var(--wm-elevation-shadow-1);
605
+ --wm-card-elevation-shadow-active: var(--wm-elevation-shadow-1);
606
+ --wm-card-elevation-shadow-drag: var(--wm-elevation-shadow-4);
607
+ --wm-card-filled-border-width: 0;
608
+ --wm-card-filled-shadow: none;
609
+ --wm-card-filled-shadow-hover: var(--wm-elevation-shadow-1);
610
+ --wm-card-filled-shadow-focus: var(--wm-elevation-shadow-1);
611
+ --wm-card-filled-shadow-active: var(--wm-elevation-shadow-1);
612
+ --wm-card-filled-shadow-drag: var(--wm-elevation-shadow-3);
613
+ --wm-card-body-padding: var(--wm-space-4);
614
+ --wm-card-footer-padding: var(--wm-space-4);
615
+ --wm-card-footer-border-width: var(--wm-card-border-width);
616
+ --wm-card-footer-border-style: var(--wm-card-border-style);
617
+ --wm-card-footer-border-color: var(--wm-card-border-color);
580
618
  /*--checkbox--*/
581
619
  --wm-checkbox-background: transparent;
582
620
  --wm-checkbox-border-width: 2px;
@@ -595,12 +633,14 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
595
633
  --wm-caption-font-weight: var(--wm-body-large-font-weight);
596
634
  --wm-caption-line-height: var(--wm-body-large-line-height);
597
635
  --wm-caption-letter-spacing: var(--wm-body-large-letter-spacing);
598
- --wm-caption-color: var(--wm-color-on-surface);
636
+ --wm-caption-color: var(--wm-color-on-surface-variant);
599
637
  --wm-caption-margin: var(--wm-space-0);
600
638
  --wm-caption-padding: var(--wm-space-0);
601
639
  --wm-form-control-color: var(--wm-color-on-surface);
602
640
  --wm-form-control-background: transparent;
603
641
  --wm-form-control-border-width: var(--wm-border-width);
642
+ --wm-form-control-border-style: var(--wm-border-style);
643
+ --wm-form-control-border-width-focus: calc(var(--wm-border-width) * 3);
604
644
  --wm-form-control-border-color: var(--wm-color-outline);
605
645
  --wm-form-control-border-color-hover: var(--wm-color-on-surface);
606
646
  --wm-form-control-border-color-focus: var(--wm-color-primary);
@@ -613,7 +653,7 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
613
653
  --wm-form-control-font-weight: var(--wm-body-large-font-weight);
614
654
  --wm-form-control-line-height: var(--wm-body-large-line-height);
615
655
  --wm-form-control-letter-spacing: var(--wm-body-large-letter-spacing);
616
- --wm-form-control-color-place-holder: var(--wm-color-on-surface-variant);
656
+ --wm-form-control-color-place-holder: var(--wm-color-outline);
617
657
  --wm-help-block-color: var(--wm-color-on-surface);
618
658
  --wm-help-block-font-family: var(--wm-body-small-font-family);
619
659
  --wm-help-block-font-size: var(--wm-body-small-font-size);
@@ -11593,860 +11633,7 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
11593
11633
  width: 100%;
11594
11634
  height: 100%;
11595
11635
  }
11596
- .wm-app .app-wizard.dottedstepper,
11597
- .wm-app .app-wizard.iconstepper,
11598
- .wm-app .app-wizard.number {
11599
- background-color: transparent;
11600
- box-shadow: none;
11601
- }
11602
- .wm-app .app-wizard.dottedstepper.panel,
11603
- .wm-app .app-wizard.iconstepper.panel,
11604
- .wm-app .app-wizard.number.panel {
11605
- box-shadow: none;
11606
- }
11607
- .wm-app .app-wizard.dottedstepper .app-wizard-body,
11608
- .wm-app .app-wizard.iconstepper .app-wizard-body,
11609
- .wm-app .app-wizard.number .app-wizard-body {
11610
- padding: 1em 0 0;
11611
- }
11612
- .wm-app .app-wizard.dottedstepper .app-wizard-body .app-form .panel-footer,
11613
- .wm-app .app-wizard.dottedstepper .app-wizard-body .app-form .panel-heading,
11614
- .wm-app .app-wizard.iconstepper .app-wizard-body .app-form .panel-footer,
11615
- .wm-app .app-wizard.iconstepper .app-wizard-body .app-form .panel-heading,
11616
- .wm-app .app-wizard.number .app-wizard-body .app-form .panel-footer,
11617
- .wm-app .app-wizard.number .app-wizard-body .app-form .panel-heading {
11618
- padding: 1em 2em;
11619
- }
11620
- .wm-app .app-wizard.dottedstepper .app-wizard-steps,
11621
- .wm-app .app-wizard.iconstepper .app-wizard-steps,
11622
- .wm-app .app-wizard.number .app-wizard-steps {
11623
- box-shadow: none;
11624
- border-radius: 0;
11625
- border-bottom: 0;
11626
- background-color: transparent;
11627
- padding: 2em 0 0;
11628
- display: flex;
11629
- flex-direction: row;
11630
- }
11631
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step:not(:last-child).active .arrow,
11632
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step:not(:last-child).active .arrow,
11633
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step:not(:last-child).active .arrow {
11634
- border-color: #21adf0;
11635
- right: -13px;
11636
- }
11637
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step,
11638
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step,
11639
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step {
11640
- position: relative;
11641
- text-align: center;
11642
- }
11643
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step::before,
11644
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step::before,
11645
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step::before {
11646
- display: inline-block;
11647
- content: "";
11648
- position: absolute;
11649
- left: -9px;
11650
- top: 18px;
11651
- height: 100%;
11652
- width: 100%;
11653
- border-top: 1px solid #e2e2e2;
11654
- }
11655
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step .wizard-step-number,
11656
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step .wizard-step-number,
11657
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step .wizard-step-number {
11658
- display: inline-block;
11659
- position: absolute;
11660
- padding-top: 0;
11661
- width: 24pt;
11662
- height: 24pt;
11663
- top: -22px;
11664
- left: 50%;
11665
- font-size: 1.1em;
11666
- text-align: center;
11667
- color: #999;
11668
- border: 1px solid #cacfd3;
11669
- background-color: #fff;
11670
- border-radius: 50%;
11671
- line-height: 1.7;
11672
- }
11673
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step .wizard-step-number i,
11674
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step .wizard-step-number i,
11675
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step .wizard-step-number i {
11676
- padding: 4px;
11677
- }
11678
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step .wizard-step-number i,
11679
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step .wizard-step-number span,
11680
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step .wizard-step-number i,
11681
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step .wizard-step-number span,
11682
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step .wizard-step-number i,
11683
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step .wizard-step-number span {
11684
- position: relative;
11685
- z-index: 1;
11686
- }
11687
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step .wizard-step-number .count,
11688
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step .wizard-step-number .count,
11689
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step .wizard-step-number .count {
11690
- top: 4px;
11691
- }
11692
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step a,
11693
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step a,
11694
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step a {
11695
- padding: 0 1.5em;
11696
- border-radius: 0;
11697
- background: 0 0;
11698
- display: inline-block;
11699
- margin-top: 2em;
11700
- }
11701
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.current::after,
11702
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.current::after,
11703
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.current::after {
11704
- color: #21adf0;
11705
- border-color: #21adf0;
11706
- }
11707
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.current a,
11708
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.current a,
11709
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.current a {
11710
- background-color: transparent;
11711
- color: #21adf0;
11712
- }
11713
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.current .wizard-step-number,
11714
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.current .wizard-step-number,
11715
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.current .wizard-step-number {
11716
- border-color: #21adf0;
11717
- }
11718
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.current .wizard-step-number .dottedstepper,
11719
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.current .wizard-step-number .dottedstepper,
11720
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.current .wizard-step-number .dottedstepper {
11721
- background: #21adf0;
11722
- }
11723
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.current .wizard-step-number .app-icon,
11724
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.current .wizard-step-number .app-icon,
11725
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.current .wizard-step-number .app-icon {
11726
- color: #21adf0;
11727
- }
11728
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.active::after,
11729
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.active::after,
11730
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.active::after {
11731
- color: green;
11732
- border-color: green;
11733
- }
11734
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.active a,
11735
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.active a,
11736
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.active a {
11737
- background-color: transparent;
11738
- color: green;
11739
- }
11740
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.active .wizard-step-number,
11741
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.active .wizard-step-number,
11742
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.active .wizard-step-number {
11743
- border-color: #51b155;
11744
- }
11745
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.active .wizard-step-number .dottedstepper,
11746
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.active .wizard-step-number .dottedstepper,
11747
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.active .wizard-step-number .dottedstepper {
11748
- background: #51b155;
11749
- }
11750
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.active .wizard-step-number .app-icon,
11751
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.active .wizard-step-number .app-icon,
11752
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.active .wizard-step-number .app-icon {
11753
- color: #51b155;
11754
- }
11755
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.disabled a,
11756
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.disabled a,
11757
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.disabled a {
11758
- background-color: transparent;
11759
- }
11760
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step:first-child::before,
11761
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step:first-child::before,
11762
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step:first-child::before {
11763
- left: 50%;
11764
- width: 50%;
11765
- }
11766
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step:last-child::before,
11767
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step:last-child::before,
11768
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step:last-child::before {
11769
- width: 50%;
11770
- }
11771
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step .app-icon,
11772
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step .app-icon,
11773
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step .app-icon {
11774
- font-size: 1.6em;
11775
- }
11776
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step .app-icon.sl-check,
11777
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step .app-icon.sl-check,
11778
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step .app-icon.sl-check {
11779
- font-size: 1em;
11780
- }
11781
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step .arrow,
11782
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step .arrow,
11783
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step .arrow {
11784
- display: none;
11785
- }
11786
- .wm-app .app-wizard.dottedstepper .app-wizard-actions,
11787
- .wm-app .app-wizard.iconstepper .app-wizard-actions,
11788
- .wm-app .app-wizard.number .app-wizard-actions {
11789
- border-radius: 6px;
11790
- }
11791
- .wm-app .app-wizard.dottedstepper .app-wizard-actions .app-button,
11792
- .wm-app .app-wizard.iconstepper .app-wizard-actions .app-button,
11793
- .wm-app .app-wizard.number .app-wizard-actions .app-button {
11794
- box-shadow: none;
11795
- padding: 10px 25px;
11796
- text-transform: capitalize;
11797
- margin-right: 1em;
11798
- }
11799
- .wm-app .app-wizard.dottedstepper .app-wizard-actions .app-button:last-child,
11800
- .wm-app .app-wizard.iconstepper .app-wizard-actions .app-button:last-child,
11801
- .wm-app .app-wizard.number .app-wizard-actions .app-button:last-child {
11802
- margin-right: 0;
11803
- }
11804
- .wm-app .app-wizard.dottedstepper .app-wizard-actions .app-button .sl-check,
11805
- .wm-app .app-wizard.iconstepper .app-wizard-actions .app-button .sl-check,
11806
- .wm-app .app-wizard.number .app-wizard-actions .app-button .sl-check {
11807
- font-size: 0.8em;
11808
- }
11809
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-body,
11810
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-heading,
11811
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-body,
11812
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-heading,
11813
- .wm-app .app-wizard.number.vertical .app-wizard-body,
11814
- .wm-app .app-wizard.number.vertical .app-wizard-heading {
11815
- float: left;
11816
- }
11817
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-heading,
11818
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-heading,
11819
- .wm-app .app-wizard.number.vertical .app-wizard-heading {
11820
- width: 25%;
11821
- padding: 0 2em;
11822
- }
11823
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-body,
11824
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-body,
11825
- .wm-app .app-wizard.number.vertical .app-wizard-body {
11826
- width: 75%;
11827
- }
11828
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps,
11829
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps,
11830
- .wm-app .app-wizard.number.vertical .app-wizard-steps {
11831
- display: flex;
11832
- flex-direction: column;
11833
- }
11834
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step,
11835
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step,
11836
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step {
11837
- display: block;
11838
- text-align: left;
11839
- width: 100%;
11840
- }
11841
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step a,
11842
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step a,
11843
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step a {
11844
- padding: 0 2em;
11845
- text-align: left;
11846
- }
11847
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step::before,
11848
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step::before,
11849
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step::before {
11850
- border-left: 1px solid #e2e2e2;
11851
- border-top: 0;
11852
- top: 50px;
11853
- }
11854
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step:first-child::before,
11855
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step:first-child::before,
11856
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step:first-child::before {
11857
- left: -7px;
11858
- width: inherit;
11859
- }
11860
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step:last-child::before,
11861
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step:last-child::before,
11862
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step:last-child::before {
11863
- border-left: 0;
11864
- }
11865
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step .wizard-step-number,
11866
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step .wizard-step-number,
11867
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step .wizard-step-number {
11868
- left: -25px;
11869
- top: 8px;
11870
- margin-left: 0;
11871
- }
11872
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-actions,
11873
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-actions,
11874
- .wm-app .app-wizard.number.vertical .app-wizard-actions {
11875
- background: 0 0;
11876
- box-shadow: none;
11877
- border: 0;
11878
- padding: 12px 0;
11879
- float: left;
11880
- width: 100%;
11881
- }
11882
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step .wizard-step-number,
11883
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step .wizard-step-number,
11884
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step .wizard-step-number {
11885
- margin-left: -1.1em;
11886
- }
11887
- .wm-app .app-wizard.dottedstepper .wizard-step-number i.dottedstepper {
11888
- width: 10px;
11889
- height: 10px;
11890
- border-radius: 50%;
11891
- background: #bdbdbd;
11892
- display: inline-block;
11893
- top: 3px;
11894
- }
11895
- .wm-app .app-wizard.dottedstepper .wizard-step-number {
11896
- font-size: 1.3em;
11897
- }
11898
- .wm-app .app-wizard.dottedstepper.text-inline {
11899
- margin-top: 3em;
11900
- }
11901
- .wm-app .app-wizard.dottedstepper.text-inline .title-wrapper {
11902
- position: relative;
11903
- top: -50px;
11904
- left: 0;
11905
- }
11906
- .wm-app .app-wizard.dottedstepper.text-inline .title-wrapper span:first-child {
11907
- padding: 0 0.2em;
11908
- font-size: 20px;
11909
- vertical-align: top;
11910
- display: block;
11911
- }
11912
- .wm-app .app-wizard.dottedstepper.text-inline .title-wrapper .step-title {
11913
- font-size: 14px;
11914
- display: inline-block;
11915
- top: 40px;
11916
- }
11917
- .wm-app .app-wizard.dottedstepper.text-inline .subtitle-wrapper {
11918
- left: 0;
11919
- }
11920
- .wm-app .app-wizard.dottedstepper.text-inline .app-wizard-steps .app-wizard-step a {
11921
- line-height: normal;
11922
- }
11923
- .wm-app .app-wizard.dottedstepper.vertical.text-inline .app-wizard-steps .app-wizard-step .title-wrapper {
11924
- top: 24px;
11925
- left: 0;
11926
- padding: 0;
11927
- display: block;
11928
- }
11929
- .wm-app .app-wizard.dottedstepper.vertical.text-inline .app-wizard-steps .app-wizard-step .title-wrapper .step-title {
11930
- display: block;
11931
- top: 5px;
11932
- }
11933
- .wm-app .app-wizard.dottedstepper.vertical.text-inline .app-wizard-steps .app-wizard-step .title-wrapper span:first-child {
11934
- margin-top: 0;
11935
- padding: 0;
11936
- }
11937
- .wm-app .app-wizard.dottedstepper.vertical.text-inline .app-wizard-steps .app-wizard-step .subtitle-wrapper {
11938
- top: 40px;
11939
- }
11940
- .wm-app .app-wizard.dottedstepper.vertical.text-inline .app-wizard-steps .app-wizard-step .wizard-step-number {
11941
- left: -22px;
11942
- top: 22px;
11943
- }
11944
- .wm-app .app-wizard.vertical .subtitle-wrapper {
11945
- top: 0;
11946
- left: 0;
11947
- position: relative;
11948
- z-index: 10;
11949
- }
11950
- .wm-app .app-wizard.iconstepper.text-inline {
11951
- margin-top: 3em;
11952
- }
11953
- .wm-app .app-wizard.iconstepper.text-inline .title-wrapper {
11954
- position: relative;
11955
- width: 10em;
11956
- top: -50px;
11957
- left: 0;
11958
- }
11959
- .wm-app .app-wizard.iconstepper.text-inline .title-wrapper span:first-child {
11960
- padding: 0 0.2em;
11961
- font-size: 20px;
11962
- vertical-align: top;
11963
- display: block;
11964
- }
11965
- .wm-app .app-wizard.iconstepper.text-inline .title-wrapper .step-title {
11966
- font-size: 14px;
11967
- display: inline-block;
11968
- top: 40px;
11969
- }
11970
- .wm-app .app-wizard.iconstepper.text-inline .app-wizard-steps .app-wizard-step a {
11971
- line-height: normal;
11972
- }
11973
- .wm-app .app-wizard.iconstepper.text-inline .app-wizard-steps .app-wizard-step .wizard-step-number {
11974
- padding-top: 0;
11975
- width: 24pt;
11976
- height: 24pt;
11977
- top: -23px;
11978
- }
11979
- .wm-app .app-wizard.iconstepper.vertical.text-inline .app-wizard-steps .app-wizard-step .title-wrapper {
11980
- top: 24px;
11981
- left: 0;
11982
- padding: 0;
11983
- display: block;
11984
- }
11985
- .wm-app .app-wizard.iconstepper.vertical.text-inline .app-wizard-steps .app-wizard-step .title-wrapper .step-title {
11986
- display: block;
11987
- top: 5px;
11988
- }
11989
- .wm-app .app-wizard.iconstepper.vertical.text-inline .app-wizard-steps .app-wizard-step .title-wrapper span:first-child {
11990
- margin-top: 0;
11991
- padding: 0;
11992
- }
11993
- .wm-app .app-wizard.iconstepper.vertical.text-inline .app-wizard-steps .app-wizard-step .wizard-step-number {
11994
- left: -22px;
11995
- top: 22px;
11996
- }
11997
- .wm-app .app-wizard.iconstepper.vertical.text-inline .app-wizard-steps .app-wizard-step .subtitle-wrapper {
11998
- top: 40px;
11999
- left: 0;
12000
- position: relative;
12001
- z-index: 10;
12002
- }
12003
- .wm-app .app-wizard.iconstepper.vertical .subtitle-wrapper {
12004
- top: 0;
12005
- left: 0;
12006
- position: relative;
12007
- z-index: 10;
12008
- }
12009
- .wm-app .app-wizard .subtitle-wrapper .read_more {
12010
- margin-top: 0;
12011
- line-height: 0.5;
12012
- text-decoration: underline;
12013
- position: absolute;
12014
- left: 0;
12015
- font-size: 12px;
12016
- width: 100%;
12017
- }
12018
- .wm-app .app-wizard.classic .app-wizard-steps {
12019
- display: flex;
12020
- flex-direction: row;
12021
- }
12022
- .wm-app .app-wizard.classic .app-wizard-steps .app-wizard-step.active a {
12023
- background-color: #fff;
12024
- color: #4caf50;
12025
- text-align: center;
12026
- }
12027
- .wm-app .app-wizard.classic .app-wizard-steps .app-wizard-step.active a .arrow::before {
12028
- border-left-color: #fff;
12029
- }
12030
- .wm-app .app-wizard.classic .app-wizard-steps .title-center-align {
12031
- display: flex;
12032
- justify-content: center;
12033
- align-items: center;
12034
- }
12035
- .wm-app .app-wizard.classic:has(.subtitle-wrapper) .app-wizard-steps .app-wizard-step:not(:last-child) .arrow {
12036
- width: 50px;
12037
- height: 50px;
12038
- right: 0;
12039
- top: 21px;
12040
- }
12041
- .wm-app .app-wizard.classic:has(.subtitle-wrapper) .app-wizard-steps .app-wizard-step a {
12042
- text-align: left;
12043
- }
12044
11636
  @media only screen and (max-width: 767px) and (min-width: 299px) {
12045
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps,
12046
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps,
12047
- .wm-app .app-wizard.number.vertical .app-wizard-steps,
12048
- .wm-app .app-wizard.vertical .app-wizard-steps {
12049
- display: flex;
12050
- flex-direction: row;
12051
- }
12052
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step,
12053
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step,
12054
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step,
12055
- .wm-app .app-wizard.vertical .app-wizard-steps .app-wizard-step {
12056
- width: 100%;
12057
- }
12058
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step::before,
12059
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step::before,
12060
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step::before,
12061
- .wm-app .app-wizard.vertical .app-wizard-steps .app-wizard-step::before {
12062
- border-top: 1px solid #e2e2e2;
12063
- border-left: 0;
12064
- top: 18px;
12065
- }
12066
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step .subtitle-wrapper,
12067
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step .title-wrapper,
12068
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step .subtitle-wrapper,
12069
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step .title-wrapper,
12070
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step .subtitle-wrapper,
12071
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step .title-wrapper,
12072
- .wm-app .app-wizard.vertical .app-wizard-steps .app-wizard-step .subtitle-wrapper,
12073
- .wm-app .app-wizard.vertical .app-wizard-steps .app-wizard-step .title-wrapper {
12074
- top: 0;
12075
- left: -45px;
12076
- position: relative;
12077
- }
12078
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-heading,
12079
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-heading,
12080
- .wm-app .app-wizard.number.vertical .app-wizard-heading,
12081
- .wm-app .app-wizard.vertical .app-wizard-heading {
12082
- width: 100%;
12083
- padding: 0 1.5em;
12084
- }
12085
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-actions .app-button:last-child,
12086
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-actions .app-button:last-child,
12087
- .wm-app .app-wizard.number.vertical .app-wizard-actions .app-button:last-child,
12088
- .wm-app .app-wizard.vertical .app-wizard-actions .app-button:last-child {
12089
- z-index: 11;
12090
- }
12091
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step .subtitle-wrapper,
12092
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step .title-wrapper,
12093
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step .subtitle-wrapper,
12094
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step .title-wrapper {
12095
- left: -7px;
12096
- }
12097
- .wm-app .app-wizard.dottedstepper .app-wizard-steps,
12098
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps,
12099
- .wm-app .app-wizard.iconstepper .app-wizard-steps,
12100
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps,
12101
- .wm-app .app-wizard.number .app-wizard-steps,
12102
- .wm-app .app-wizard.number.vertical .app-wizard-steps {
12103
- padding: 2em 0 0;
12104
- }
12105
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step .step-title,
12106
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step .step-title,
12107
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step .step-title,
12108
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step .step-title,
12109
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step .step-title,
12110
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step .step-title {
12111
- visibility: hidden;
12112
- pointer-events: none;
12113
- }
12114
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step .wizard-step-number,
12115
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step .wizard-step-number,
12116
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step .wizard-step-number,
12117
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step .wizard-step-number,
12118
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step .wizard-step-number,
12119
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step .wizard-step-number {
12120
- width: 20pt;
12121
- height: 20pt;
12122
- top: -20px;
12123
- line-height: 1.5;
12124
- }
12125
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step .wizard-step-number i,
12126
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step .wizard-step-number i,
12127
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step .wizard-step-number i,
12128
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step .wizard-step-number i,
12129
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step .wizard-step-number i,
12130
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step .wizard-step-number i {
12131
- padding: 0;
12132
- }
12133
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step .wizard-step-number i.dottedstepper,
12134
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step .wizard-step-number i.dottedstepper,
12135
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step .wizard-step-number i.dottedstepper,
12136
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step .wizard-step-number i.dottedstepper,
12137
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step .wizard-step-number i.dottedstepper,
12138
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step .wizard-step-number i.dottedstepper {
12139
- padding: 2px;
12140
- top: 2px;
12141
- }
12142
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.current,
12143
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step.current,
12144
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.current,
12145
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step.current,
12146
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.current,
12147
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step.current {
12148
- width: 100%;
12149
- }
12150
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.active a,
12151
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.current a,
12152
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.disabled a,
12153
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step.active a,
12154
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step.current a,
12155
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step.disabled a,
12156
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.active a,
12157
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.current a,
12158
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.disabled a,
12159
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step.active a,
12160
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step.current a,
12161
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step.disabled a,
12162
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.active a,
12163
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.current a,
12164
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.disabled a,
12165
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step.active a,
12166
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step.current a,
12167
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step.disabled a {
12168
- text-align: center;
12169
- padding: 0 10px;
12170
- background-color: transparent;
12171
- }
12172
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.active a .arrow::after,
12173
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.active a .arrow:before,
12174
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.current a .arrow::after,
12175
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.current a .arrow:before,
12176
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.disabled a .arrow::after,
12177
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.disabled a .arrow:before,
12178
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step.active a .arrow::after,
12179
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step.active a .arrow:before,
12180
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step.current a .arrow::after,
12181
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step.current a .arrow:before,
12182
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step.disabled a .arrow::after,
12183
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step.disabled a .arrow:before,
12184
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.active a .arrow::after,
12185
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.active a .arrow:before,
12186
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.current a .arrow::after,
12187
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.current a .arrow:before,
12188
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.disabled a .arrow::after,
12189
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.disabled a .arrow:before,
12190
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step.active a .arrow::after,
12191
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step.active a .arrow:before,
12192
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step.current a .arrow::after,
12193
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step.current a .arrow:before,
12194
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step.disabled a .arrow::after,
12195
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step.disabled a .arrow:before,
12196
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.active a .arrow::after,
12197
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.active a .arrow:before,
12198
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.current a .arrow::after,
12199
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.current a .arrow:before,
12200
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.disabled a .arrow::after,
12201
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.disabled a .arrow:before,
12202
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step.active a .arrow::after,
12203
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step.active a .arrow:before,
12204
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step.current a .arrow::after,
12205
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step.current a .arrow:before,
12206
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step.disabled a .arrow::after,
12207
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step.disabled a .arrow:before {
12208
- content: "";
12209
- position: absolute;
12210
- top: 25px;
12211
- left: 0;
12212
- border: 0;
12213
- border-top: 2px solid #cacfd3;
12214
- width: 100%;
12215
- }
12216
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step:first-child a .arrow::after,
12217
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step:first-child a .arrow::before,
12218
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step:first-child a .arrow::after,
12219
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step:first-child a .arrow::before,
12220
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step:first-child a .arrow::after,
12221
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step:first-child a .arrow::before,
12222
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step:first-child a .arrow::after,
12223
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step:first-child a .arrow::before,
12224
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step:first-child a .arrow::after,
12225
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step:first-child a .arrow::before,
12226
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step:first-child a .arrow::after,
12227
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step:first-child a .arrow::before {
12228
- left: 50%;
12229
- }
12230
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step:last-child a .arrow::after,
12231
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step:last-child a .arrow::before,
12232
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step:last-child a .arrow::after,
12233
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step:last-child a .arrow::before,
12234
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step:last-child a .arrow::after,
12235
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step:last-child a .arrow::before,
12236
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step:last-child a .arrow::after,
12237
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step:last-child a .arrow::before,
12238
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step:last-child a .arrow::after,
12239
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step:last-child a .arrow::before,
12240
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step:last-child a .arrow::after,
12241
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step:last-child a .arrow::before {
12242
- left: -50%;
12243
- }
12244
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.current .step-title,
12245
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step.current .step-title,
12246
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.current .step-title,
12247
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step.current .step-title,
12248
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step.current .step-title,
12249
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step.current .step-title {
12250
- visibility: visible;
12251
- }
12252
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step .subtitle-wrapper .step-title,
12253
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step .subtitle-wrapper .step-title,
12254
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step .subtitle-wrapper .step-title,
12255
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step .subtitle-wrapper .step-title,
12256
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step .subtitle-wrapper .step-title,
12257
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step .subtitle-wrapper .step-title {
12258
- height: auto;
12259
- }
12260
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step:has(.subtitle-wrapper),
12261
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step:has(.subtitle-wrapper),
12262
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step:has(.subtitle-wrapper),
12263
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step:has(.subtitle-wrapper),
12264
- .wm-app .app-wizard.number .app-wizard-steps .app-wizard-step:has(.subtitle-wrapper),
12265
- .wm-app .app-wizard.number.vertical .app-wizard-steps .app-wizard-step:has(.subtitle-wrapper) {
12266
- height: 150px;
12267
- }
12268
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.active a .app-icon,
12269
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.current a .app-icon,
12270
- .wm-app .app-wizard.dottedstepper .app-wizard-steps .app-wizard-step.disabled a .app-icon {
12271
- font-size: 1.1em;
12272
- }
12273
- .wm-app .app-wizard.dottedstepper.text-inline .app-wizard-steps .app-wizard-step .wizard-step-number {
12274
- width: 20pt;
12275
- height: 20pt;
12276
- top: -20px;
12277
- line-height: 1.5;
12278
- padding-top: 1px;
12279
- }
12280
- .wm-app .app-wizard.dottedstepper.text-inline .app-wizard-steps .app-wizard-step .step-title,
12281
- .wm-app .app-wizard.iconstepper.text-inline .app-wizard-steps .app-wizard-step .step-title {
12282
- padding-top: 0;
12283
- }
12284
- .wm-app .app-wizard.dottedstepper.text-inline .app-wizard-steps .app-wizard-step a .title-wrapper {
12285
- display: inline-block;
12286
- left: 0;
12287
- }
12288
- .wm-app .app-wizard.dottedstepper.text-inline .app-wizard-steps .app-wizard-step a .title-wrapper span:first-child {
12289
- font-size: 16px;
12290
- }
12291
- .wm-app .app-wizard.dottedstepper.text-inline .app-wizard-steps .app-wizard-step a .title-wrapper .step-title {
12292
- top: 44px;
12293
- }
12294
- .wm-app .app-wizard.dottedstepper.text-inline .app-wizard-steps .app-wizard-step a .subtitle-wrapper .read_more {
12295
- left: 0;
12296
- }
12297
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-heading,
12298
- .wm-app .app-wizard.vertical .app-wizard-heading {
12299
- padding: 0;
12300
- }
12301
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-body,
12302
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-heading,
12303
- .wm-app .app-wizard.vertical .app-wizard-body,
12304
- .wm-app .app-wizard.vertical .app-wizard-heading {
12305
- width: 100%;
12306
- float: none;
12307
- }
12308
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step,
12309
- .wm-app .app-wizard.vertical .app-wizard-steps .app-wizard-step {
12310
- display: table-cell;
12311
- text-align: center;
12312
- width: 50%;
12313
- }
12314
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step::before,
12315
- .wm-app .app-wizard.vertical .app-wizard-steps .app-wizard-step::before {
12316
- border-top: 1px solid #e2e2e2;
12317
- border-left: 0;
12318
- top: 18px;
12319
- }
12320
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step:first-child::before,
12321
- .wm-app .app-wizard.vertical .app-wizard-steps .app-wizard-step:first-child::before {
12322
- left: 50%;
12323
- width: 50%;
12324
- }
12325
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step .wizard-step-number,
12326
- .wm-app .app-wizard.vertical .app-wizard-steps .app-wizard-step .wizard-step-number {
12327
- left: 50%;
12328
- top: -28px;
12329
- margin-left: -1.5em;
12330
- }
12331
- .wm-app .app-wizard.dottedstepper.vertical .app-wizard-steps .app-wizard-step .title-wrapper,
12332
- .wm-app .app-wizard.vertical .app-wizard-steps .app-wizard-step .title-wrapper {
12333
- top: -65px;
12334
- left: -8%;
12335
- display: inline;
12336
- }
12337
- .wm-app .app-wizard.dottedstepper.vertical.text-inline .app-wizard-steps .app-wizard-step .wizard-step-number,
12338
- .wm-app .app-wizard.vertical.text-inline .app-wizard-steps .app-wizard-step .wizard-step-number {
12339
- top: -20px;
12340
- left: 50%;
12341
- }
12342
- .wm-app .app-wizard.dottedstepper.vertical.text-inline .app-wizard-steps .app-wizard-step a .title-wrapper,
12343
- .wm-app .app-wizard.vertical.text-inline .app-wizard-steps .app-wizard-step a .title-wrapper {
12344
- top: -65px;
12345
- left: 20px;
12346
- }
12347
- .wm-app .app-wizard.dottedstepper.vertical.text-inline .app-wizard-steps .app-wizard-step .step-title,
12348
- .wm-app .app-wizard.vertical.text-inline .app-wizard-steps .app-wizard-step .step-title {
12349
- display: inline-block;
12350
- padding-left: 5px;
12351
- }
12352
- .wm-app .app-wizard.dottedstepper.vertical.text-inline .app-wizard-steps .app-wizard-step .subtitle-wrapper,
12353
- .wm-app .app-wizard.vertical.text-inline .app-wizard-steps .app-wizard-step .subtitle-wrapper {
12354
- top: -20px;
12355
- left: 25%;
12356
- text-align: left;
12357
- }
12358
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.active a .app-icon,
12359
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.current a .app-icon,
12360
- .wm-app .app-wizard.iconstepper .app-wizard-steps .app-wizard-step.disabled a .app-icon {
12361
- font-size: 1.1em;
12362
- }
12363
- .wm-app .app-wizard.iconstepper.text-inline .app-wizard-steps .app-wizard-step .wizard-step-number {
12364
- width: 20pt;
12365
- height: 20pt;
12366
- top: -20px;
12367
- line-height: 1.5;
12368
- }
12369
- .wm-app .app-wizard.iconstepper.text-inline .app-wizard-steps .app-wizard-step a .title-wrapper {
12370
- display: inline-block;
12371
- left: 0;
12372
- }
12373
- .wm-app .app-wizard.iconstepper.text-inline .app-wizard-steps .app-wizard-step a .title-wrapper span:first-child {
12374
- font-size: 16px;
12375
- }
12376
- .wm-app .app-wizard.iconstepper.text-inline .app-wizard-steps .app-wizard-step a .title-wrapper .step-title {
12377
- top: 43px;
12378
- }
12379
- .wm-app .app-wizard.iconstepper.text-inline .app-wizard-steps .app-wizard-step a .subtitle-wrapper .read_more {
12380
- left: 0;
12381
- }
12382
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-heading,
12383
- .wm-app .app-wizard.vertical .app-wizard-heading {
12384
- padding: 0;
12385
- }
12386
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-body,
12387
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-heading,
12388
- .wm-app .app-wizard.vertical .app-wizard-body,
12389
- .wm-app .app-wizard.vertical .app-wizard-heading {
12390
- width: 100%;
12391
- float: none;
12392
- }
12393
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step,
12394
- .wm-app .app-wizard.vertical .app-wizard-steps .app-wizard-step {
12395
- display: table-cell;
12396
- text-align: center;
12397
- }
12398
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step::before,
12399
- .wm-app .app-wizard.vertical .app-wizard-steps .app-wizard-step::before {
12400
- border-top: 1px solid #e2e2e2;
12401
- border-left: 0;
12402
- top: 18px;
12403
- }
12404
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step:first-child::before,
12405
- .wm-app .app-wizard.vertical .app-wizard-steps .app-wizard-step:first-child::before {
12406
- left: 50%;
12407
- width: 50%;
12408
- }
12409
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step .wizard-step-number,
12410
- .wm-app .app-wizard.vertical .app-wizard-steps .app-wizard-step .wizard-step-number {
12411
- left: 50%;
12412
- top: -28px;
12413
- margin-left: -1.5em;
12414
- }
12415
- .wm-app .app-wizard.iconstepper.vertical .app-wizard-steps .app-wizard-step .title-wrapper,
12416
- .wm-app .app-wizard.vertical .app-wizard-steps .app-wizard-step .title-wrapper {
12417
- top: -65px;
12418
- left: -8%;
12419
- display: inline;
12420
- }
12421
- .wm-app .app-wizard.iconstepper.vertical.text-inline .app-wizard-steps .app-wizard-step .wizard-step-number,
12422
- .wm-app .app-wizard.vertical.text-inline .app-wizard-steps .app-wizard-step .wizard-step-number {
12423
- top: -20px;
12424
- left: 50%;
12425
- }
12426
- .wm-app .app-wizard.iconstepper.vertical.text-inline .app-wizard-steps .app-wizard-step a .title-wrapper,
12427
- .wm-app .app-wizard.vertical.text-inline .app-wizard-steps .app-wizard-step a .title-wrapper {
12428
- top: -65px;
12429
- }
12430
- .wm-app .app-wizard.iconstepper.vertical.text-inline .app-wizard-steps .app-wizard-step .step-title,
12431
- .wm-app .app-wizard.vertical.text-inline .app-wizard-steps .app-wizard-step .step-title {
12432
- display: inline;
12433
- }
12434
- .wm-app .app-wizard .app-wizard-step.current:has(.subtitle-wrapper) .read_more {
12435
- margin-top: 0;
12436
- }
12437
- .wm-app .app-wizard .app-wizard-step.current:has(.subtitle-wrapper) .readmore_subtitle {
12438
- position: absolute;
12439
- padding: 5px;
12440
- left: 0;
12441
- background: #fff;
12442
- box-shadow: 0 0 10px 2px #c3c3c2;
12443
- z-index: 10;
12444
- }
12445
- .wm-app .app-wizard .app-wizard-step.current:has(.subtitle-wrapper) .readmore_subtitle .step-title {
12446
- display: inline;
12447
- height: auto;
12448
- top: 0;
12449
- }
12450
11637
  .wm-app .app-calendar .fc .fc-event {
12451
11638
  background-color: #4caf50;
12452
11639
  opacity: 0.8;
@@ -13845,150 +13032,32 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
13845
13032
  position: relative;
13846
13033
  height: 100%;
13847
13034
  }
13848
- .wm-app .app-wizard {
13849
- position: relative;
13850
- min-height: 4em;
13035
+ .wm-app.wm-mobile-app:not(.domcontent) {
13036
+ overflow: hidden;
13851
13037
  }
13852
- .wm-app .app-wizard .app-wizard-steps {
13038
+ .wm-app #wm-app-content,
13039
+ .wm-app .app-included-page,
13040
+ .wm-app .app-page,
13041
+ .wm-app .app-partial {
13042
+ width: 100%;
13043
+ height: 100%;
13853
13044
  position: relative;
13854
- border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
13045
+ background-color: inherit;
13855
13046
  }
13856
- .wm-app .app-wizard .app-wizard-steps.nav-justified .app-wizard-step {
13857
- display: table-cell;
13858
- width: 50%;
13047
+ .wm-app .container {
13048
+ max-width: 100%;
13049
+ padding: 0;
13050
+ margin: 0;
13859
13051
  }
13860
- .wm-app .app-wizard .app-wizard-steps .app-wizard-step {
13861
- position: relative;
13052
+ .wm-app .row {
13053
+ margin: 0;
13862
13054
  }
13863
- .wm-app .app-wizard .app-wizard-steps .app-wizard-step a {
13864
- cursor: not-allowed;
13865
- padding: 0 20px;
13866
- line-height: 46px;
13867
- margin-bottom: 0;
13055
+ .wm-app .app-content .app-page-content > .app-ng-transclude {
13056
+ opacity: 1;
13057
+ transition: opacity 0.5s ease-in-out;
13868
13058
  }
13869
- .wm-app .app-wizard .app-wizard-steps .app-wizard-step.current {
13870
- pointer-events: none;
13871
- width: 50%;
13872
- }
13873
- .wm-app .app-wizard .app-wizard-steps .app-wizard-step.current a {
13874
- cursor: default;
13875
- }
13876
- .wm-app .app-wizard .app-wizard-steps .app-wizard-step.active {
13877
- pointer-events: all;
13878
- }
13879
- .wm-app .app-wizard .app-wizard-steps .app-wizard-step.active a {
13880
- cursor: pointer;
13881
- border-radius: 0;
13882
- }
13883
- .wm-app .app-wizard .app-wizard-steps .app-wizard-step.current a,
13884
- .wm-app .app-wizard .app-wizard-steps .app-wizard-step.current a:active,
13885
- .wm-app .app-wizard .app-wizard-steps .app-wizard-step.current a:focus,
13886
- .wm-app .app-wizard .app-wizard-steps .app-wizard-step.current a:hover {
13887
- background-color: #fff;
13888
- }
13889
- .wm-app .app-wizard .app-wizard-steps .app-wizard-step.disabled a,
13890
- .wm-app .app-wizard .app-wizard-steps .app-wizard-step.disabled a:active,
13891
- .wm-app .app-wizard .app-wizard-steps .app-wizard-step.disabled a:focus,
13892
- .wm-app .app-wizard .app-wizard-steps .app-wizard-step.disabled a:hover {
13893
- background-color: #eee;
13894
- }
13895
- .wm-app .app-wizard .app-wizard-steps .app-wizard-step .step-title {
13896
- position: relative;
13897
- line-height: 1;
13898
- display: inline-block;
13899
- vertical-align: middle;
13900
- font-size: 14px;
13901
- }
13902
- .wm-app .app-wizard .app-wizard-steps .app-wizard-step .subtitle-wrapper {
13903
- pointer-events: auto;
13904
- display: block;
13905
- line-height: 0;
13906
- }
13907
- .wm-app .app-wizard .app-wizard-steps .app-wizard-step .subtitle-wrapper .step-title {
13908
- font-size: 12px;
13909
- text-overflow: ellipsis;
13910
- overflow: hidden;
13911
- line-height: 1.2;
13912
- top: -5px;
13913
- display: -webkit-box;
13914
- -webkit-line-clamp: 3;
13915
- -webkit-box-orient: vertical;
13916
- height: 44px;
13917
- }
13918
- .wm-app .app-wizard .app-wizard-steps .app-wizard-step:not(:last-child) .arrow {
13919
- width: 28px;
13920
- height: 28px;
13921
- display: inline-block;
13922
- background-color: inherit;
13923
- right: -15px;
13924
- position: absolute;
13925
- top: 9px;
13926
- z-index: 99;
13927
- border: 1px solid rgba(0, 0, 0, 0.1);
13928
- border-bottom-width: 0;
13929
- border-left-width: 0;
13930
- -ms-transform: rotate(45deg) skew(11deg, 11deg);
13931
- -o-transform: rotate(45deg) skew(11deg, 11deg);
13932
- -moz-transform: rotate(45deg) skew(11deg, 11deg);
13933
- -webkit-transform: rotate(45deg) skew(11deg, 11deg);
13934
- transform: rotate(45deg) skew(11deg, 11deg);
13935
- }
13936
- .wm-app .app-wizard .app-wizard-body {
13937
- position: relative;
13938
- }
13939
- .wm-app .app-wizard .app-wizard-body .app-wizard-step-content {
13940
- position: relative;
13941
- display: none;
13942
- height: 100%;
13943
- min-height: 4em;
13944
- }
13945
- .wm-app .app-wizard .app-wizard-body .app-wizard-step-content.current {
13946
- display: block;
13947
- }
13948
- .wm-app .app-wizard .app-wizard-actions .app-wizard-skip {
13949
- margin-top: 8px;
13950
- position: absolute;
13951
- text-decoration: underline;
13952
- cursor: pointer;
13953
- }
13954
- .wm-app .app-wizard .app-wizard-actions .app-wizard-actions-right {
13955
- text-align: right;
13956
- }
13957
- .wm-app .app-wizard .app-wizard-actions .app-wizard-actions-right .app-button {
13958
- margin-right: 8px;
13959
- }
13960
- .wm-app .app-wizard .app-wizard-actions.left .app-wizard-actions-right {
13961
- text-align: left;
13962
- }
13963
- .wm-app .app-wizard .app-wizard-actions.left .app-wizard-skip {
13964
- right: 12px;
13965
- }
13966
- .wm-app.wm-mobile-app:not(.domcontent) {
13967
- overflow: hidden;
13968
- }
13969
- .wm-app #wm-app-content,
13970
- .wm-app .app-included-page,
13971
- .wm-app .app-page,
13972
- .wm-app .app-partial {
13973
- width: 100%;
13974
- height: 100%;
13975
- position: relative;
13976
- background-color: inherit;
13977
- }
13978
- .wm-app .container {
13979
- max-width: 100%;
13980
- padding: 0;
13981
- margin: 0;
13982
- }
13983
- .wm-app .row {
13984
- margin: 0;
13985
- }
13986
- .wm-app .app-content .app-page-content > .app-ng-transclude {
13987
- opacity: 1;
13988
- transition: opacity 0.5s ease-in-out;
13989
- }
13990
- .wm-app .app-content .app-page-content.load {
13991
- overflow: hidden;
13059
+ .wm-app .app-content .app-page-content.load {
13060
+ overflow: hidden;
13992
13061
  }
13993
13062
  .wm-app .app-content .app-page-content.load > :not(.app-page-content-loader) {
13994
13063
  opacity: 0;
@@ -14881,106 +13950,380 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
14881
13950
  --wm-btn-border-color: var(--wm-btn-warning-outlined-border-color);
14882
13951
  --wm-btn-state-layer-color: var(--wm-btn-warning-outlined-state-layer-color);
14883
13952
  }
14884
- .wm-app .btn-danger,
14885
- .wm-app button-danger {
14886
- --wm-btn-color: var(--wm-btn-danger-color);
14887
- --wm-btn-background: var(--wm-btn-danger-background);
14888
- --wm-btn-border-color: var(--wm-btn-danger-border-color);
14889
- --wm-btn-state-layer-color: var(--wm-btn-danger-state-layer-color);
13953
+ .wm-app .btn-danger,
13954
+ .wm-app button-danger {
13955
+ --wm-btn-color: var(--wm-btn-danger-color);
13956
+ --wm-btn-background: var(--wm-btn-danger-background);
13957
+ --wm-btn-border-color: var(--wm-btn-danger-border-color);
13958
+ --wm-btn-state-layer-color: var(--wm-btn-danger-state-layer-color);
13959
+ }
13960
+ .wm-app .btn-danger.btn-outlined,
13961
+ .wm-app button-danger.btn-outlined {
13962
+ --wm-btn-color: var(--wm-btn-danger-outlined-color);
13963
+ --wm-btn-background: var(--wm-btn-danger-outlined-background);
13964
+ --wm-btn-border-color: var(--wm-btn-danger-outlined-border-color);
13965
+ --wm-btn-state-layer-color: var(--wm-btn-danger-outlined-state-layer-color);
13966
+ }
13967
+ .wm-app .btn-text,
13968
+ .wm-app button-text {
13969
+ --wm-btn-color: var(--wm-btn-background);
13970
+ background: none !important;
13971
+ border: none !important;
13972
+ --wm-btn-state-layer-color: var(--wm-btn-background);
13973
+ }
13974
+ .wm-app .btn-elevated,
13975
+ .wm-app button-elevated {
13976
+ box-shadow: var(--wm-btn-elevated);
13977
+ }
13978
+ .wm-app .btn-elevated:hover,
13979
+ .wm-app button-elevated:hover {
13980
+ box-shadow: var(--wm-btn-elevated-hover);
13981
+ }
13982
+ .wm-app .btn-elevated:focus,
13983
+ .wm-app button-elevated:focus {
13984
+ box-shadow: var(--wm-btn-elevated-focus);
13985
+ }
13986
+ .wm-app .btn-elevated:active,
13987
+ .wm-app button-elevated:active {
13988
+ box-shadow: var(--wm-btn-elevated-active);
13989
+ }
13990
+ .wm-app .btn-icon,
13991
+ .wm-app button-icon {
13992
+ width: var(--wm-btn-icon-width);
13993
+ height: var(--wm-btn-icon-height);
13994
+ margin: var(--wm-btn-icon-margin);
13995
+ --wm-btn-padding: var(--wm-btn-icon-padding);
13996
+ --wm-btn-font-size: var(--wm-btn-icon-size);
13997
+ --wm-btn-radius: var(--wm-btn-icon-radius);
13998
+ }
13999
+ .wm-app .btn.disabled,
14000
+ .wm-app button.disabled,
14001
+ .wm-app .btn[disabled],
14002
+ .wm-app button[disabled] {
14003
+ --wm-btn-color: var(--wm-btn-disabled-color);
14004
+ --wm-btn-background: var(--wm-btn-disabled-background);
14005
+ --wm-btn-border-color: var(--wm-btn-disabled-border-color);
14006
+ opacity: var(--wm-btn-disabled-opacity);
14007
+ box-shadow: none;
14008
+ cursor: not-allowed;
14009
+ }
14010
+ .wm-app .btn.disabled:hover,
14011
+ .wm-app button.disabled:hover,
14012
+ .wm-app .btn[disabled]:hover,
14013
+ .wm-app button[disabled]:hover,
14014
+ .wm-app .btn.disabled.hover,
14015
+ .wm-app button.disabled.hover,
14016
+ .wm-app .btn[disabled].hover,
14017
+ .wm-app button[disabled].hover,
14018
+ .wm-app .btn.disabled:focus,
14019
+ .wm-app button.disabled:focus,
14020
+ .wm-app .btn[disabled]:focus,
14021
+ .wm-app button[disabled]:focus,
14022
+ .wm-app .btn.disabled.focus,
14023
+ .wm-app button.disabled.focus,
14024
+ .wm-app .btn[disabled].focus,
14025
+ .wm-app button[disabled].focus,
14026
+ .wm-app .btn.disabled:active,
14027
+ .wm-app button.disabled:active,
14028
+ .wm-app .btn[disabled]:active,
14029
+ .wm-app button[disabled]:active,
14030
+ .wm-app .btn.disabled:active:focus,
14031
+ .wm-app button.disabled:active:focus,
14032
+ .wm-app .btn[disabled]:active:focus,
14033
+ .wm-app button[disabled]:active:focus,
14034
+ .wm-app .btn.disabled:active:hover,
14035
+ .wm-app button.disabled:active:hover,
14036
+ .wm-app .btn[disabled]:active:hover,
14037
+ .wm-app button[disabled]:active:hover,
14038
+ .wm-app .btn.disabled:active.focus,
14039
+ .wm-app button.disabled:active.focus,
14040
+ .wm-app .btn[disabled]:active.focus,
14041
+ .wm-app button[disabled]:active.focus {
14042
+ --wm-btn-color: var(--wm-btn-disabled-color);
14043
+ --wm-btn-background: var(--wm-btn-disabled-background);
14044
+ --wm-btn-border-color: var(--wm-btn-disabled-border-color);
14045
+ opacity: var(--wm-btn-disabled-opacity);
14046
+ box-shadow: none;
14047
+ cursor: not-allowed;
14048
+ }
14049
+ .wm-app .btn.disabled:before,
14050
+ .wm-app button.disabled:before,
14051
+ .wm-app .btn[disabled]:before,
14052
+ .wm-app button[disabled]:before {
14053
+ display: none;
14054
+ }
14055
+ .wm-app .btn.disabled.btn-outlined,
14056
+ .wm-app button.disabled.btn-outlined,
14057
+ .wm-app .btn[disabled].btn-outlined,
14058
+ .wm-app button[disabled].btn-outlined {
14059
+ background: none;
14060
+ }
14061
+ .wm-app .app-panel,
14062
+ .wm-app .panel {
14063
+ position: relative;
14064
+ background: var(--wm-panel-background);
14065
+ border-radius: var(--wm-panel-radius);
14066
+ box-shadow: var(--wm-panel-shadow);
14067
+ }
14068
+ .wm-app .app-panel > .panel-heading,
14069
+ .wm-app .panel > .panel-heading {
14070
+ padding: var(--wm-panel-heading-padding);
14071
+ background: var(--wm-panel-heading-background);
14072
+ border-top-left-radius: var(--wm-panel-radius);
14073
+ border-top-right-radius: var(--wm-panel-radius);
14074
+ }
14075
+ .wm-app .app-panel > .panel-heading .panel-title,
14076
+ .wm-app .panel > .panel-heading .panel-title {
14077
+ display: flex;
14078
+ justify-content: flex-start;
14079
+ gap: var(--wm-panel-heading-gap);
14080
+ }
14081
+ .wm-app .app-panel > .panel-heading .panel-title .panel-toggle,
14082
+ .wm-app .panel > .panel-heading .panel-title .panel-toggle {
14083
+ display: flex;
14084
+ align-items: flex-start;
14085
+ justify-content: flex-start;
14086
+ flex-grow: 1;
14087
+ gap: var(--wm-panel-heading-gap);
14088
+ color: var(--wm-panel-heading-color);
14089
+ }
14090
+ .wm-app .app-panel > .panel-heading .panel-title .panel-actions:not(:empty),
14091
+ .wm-app .panel > .panel-heading .panel-title .panel-actions:not(:empty) {
14092
+ display: flex;
14093
+ align-items: center;
14094
+ gap: var(--wm-panel-actions-gap);
14095
+ }
14096
+ .wm-app .app-panel > .panel-heading .panel-title .panel-actions .panel-action,
14097
+ .wm-app .panel > .panel-heading .panel-title .panel-actions .panel-action {
14098
+ --wm-btn-state-layer-color: var(--wm-panel-heading-color);
14099
+ }
14100
+ .wm-app .app-panel > .panel-heading .panel-title .heading,
14101
+ .wm-app .panel > .panel-heading .panel-title .heading {
14102
+ font-family: var(--wm-panel-heading-font-family);
14103
+ font-size: var(--wm-panel-heading-font-size);
14104
+ font-weight: var(--wm-panel-heading-font-weight);
14105
+ line-height: var(--wm-panel-heading-line-height);
14106
+ letter-spacing: var(--wm-panel-heading-letter-spacing);
14107
+ color: var(--wm-panel-heading-color);
14108
+ }
14109
+ .wm-app .app-panel > .panel-heading .panel-title .description,
14110
+ .wm-app .panel > .panel-heading .panel-title .description {
14111
+ font-family: var(--wm-panel-description-font-family);
14112
+ font-size: var(--wm-panel-description-font-size);
14113
+ font-weight: var(--wm-panel-description-font-weight);
14114
+ line-height: var(--wm-panel-description-line-height);
14115
+ letter-spacing: var(--wm-panel-description-letter-spacing);
14116
+ color: var(--wm-panel-description-color);
14117
+ }
14118
+ .wm-app .app-panel > .panel-heading .panel-title .pull-left,
14119
+ .wm-app .panel > .panel-heading .panel-title .pull-left {
14120
+ display: inline-flex;
14121
+ flex-direction: column;
14122
+ }
14123
+ .wm-app .app-panel > .panel-heading .panel-title .pull-left:empty,
14124
+ .wm-app .panel > .panel-heading .panel-title .pull-left:empty {
14125
+ display: none;
14126
+ }
14127
+ .wm-app .app-panel > .panel-heading .panel-title .pull-left:has(.panel-icon[hidden]),
14128
+ .wm-app .panel > .panel-heading .panel-title .pull-left:has(.panel-icon[hidden]) {
14129
+ display: none;
14130
+ }
14131
+ .wm-app .app-panel > .panel-content,
14132
+ .wm-app .panel > .panel-content {
14133
+ height: 100%;
14134
+ position: relative;
14135
+ }
14136
+ .wm-app .app-panel > .panel-content > .panel-body,
14137
+ .wm-app .panel > .panel-content > .panel-body {
14138
+ position: relative;
14139
+ width: 100%;
14140
+ height: 100%;
14141
+ padding: var(--wm-panel-content-padding);
14142
+ }
14143
+ .wm-app .app-panel > .panel-content > .panel-help-message,
14144
+ .wm-app .panel > .panel-content > .panel-help-message {
14145
+ overflow: auto;
14146
+ display: none;
14147
+ background: var(--wm-panel-help-message-background);
14148
+ position: absolute;
14149
+ top: 0;
14150
+ right: 0;
14151
+ width: 20%;
14152
+ height: 100%;
14153
+ z-index: 1000;
14154
+ min-width: 100px;
14155
+ }
14156
+ .wm-app .app-panel > .panel-content > .panel-help-message .panel-help-header,
14157
+ .wm-app .panel > .panel-content > .panel-help-message .panel-help-header {
14158
+ background: var(--wm-panel-help-message-header-background);
14159
+ border: var(--wm-panel-help-message-border-width) var(--wm-panel-help-message-border-style) var(--wm-panel-help-message-border);
14160
+ padding: var(--wm-panel-help-message-padding);
14161
+ }
14162
+ .wm-app .app-panel > .panel-content > .panel-help-message .panel-help-content,
14163
+ .wm-app .panel > .panel-content > .panel-help-message .panel-help-content {
14164
+ padding: var(--wm-panel-help-message-padding);
14165
+ border: var(--wm-panel-help-message-border-width) var(--wm-panel-help-message-border-style) var(--wm-panel-help-message-border);
14166
+ border-top: 0;
14167
+ }
14168
+ .wm-app .app-panel > .panel-footer,
14169
+ .wm-app .panel > .panel-footer,
14170
+ .wm-app .app-panel > .app-panel-footer,
14171
+ .wm-app .panel > .app-panel-footer {
14172
+ padding: var(--wm-panel-footer-padding);
14173
+ border-top: var(--wm-panel-footer-border-width) var(--wm-panel-footer-border-style) var(--wm-panel-footer-border);
14174
+ }
14175
+ .wm-app .app-panel.show-help > .panel-content > .panel-body.show-help,
14176
+ .wm-app .panel.show-help > .panel-content > .panel-body.show-help {
14177
+ width: 79%;
14178
+ }
14179
+ .wm-app .app-panel.show-help > .panel-content > .panel-help-message.show-help,
14180
+ .wm-app .panel.show-help > .panel-content > .panel-help-message.show-help {
14181
+ display: block;
14182
+ }
14183
+ .wm-app .app-panel.fullscreen,
14184
+ .wm-app .panel.fullscreen {
14185
+ position: fixed;
14186
+ z-index: 1049;
14187
+ inset: 0;
14188
+ margin: unset !important;
14189
+ }
14190
+ .wm-app .app-panel.fullscreen .panel-content,
14191
+ .wm-app .panel.fullscreen .panel-content {
14192
+ overflow: auto;
14193
+ }
14194
+ .wm-app .app-panel:has(> .panel-content[hidden] + .panel-footer[hidden]) > .panel-heading,
14195
+ .wm-app .panel:has(> .panel-content[hidden] + .panel-footer[hidden]) > .panel-heading {
14196
+ border-radius: var(--wm-panel-radius);
14197
+ }
14198
+ .wm-app .app-panel.panel-primary,
14199
+ .wm-app .panel.panel-primary {
14200
+ --wm-panel-heading-background: var(--wm-panel-background-primary);
14201
+ --wm-panel-heading-color: var(--wm-panel-heading-color-primary);
14202
+ --wm-panel-description-color: var(--wm-panel-description-color-primary);
14203
+ }
14204
+ .wm-app .app-panel.panel-secondary,
14205
+ .wm-app .panel.panel-secondary {
14206
+ --wm-panel-heading-background: var(--wm-panel-background-secondary);
14207
+ --wm-panel-heading-color: var(--wm-panel-heading-color-secondary);
14208
+ --wm-panel-description-color: var(--wm-panel-description-color-secondary);
14209
+ }
14210
+ .wm-app .app-panel.panel-tertiary,
14211
+ .wm-app .panel.panel-tertiary {
14212
+ --wm-panel-heading-background: var(--wm-panel-background-tertiary);
14213
+ --wm-panel-heading-color: var(--wm-panel-heading-color-tertiary);
14214
+ --wm-panel-description-color: var(--wm-panel-description-color-tertiary);
14215
+ }
14216
+ .wm-app .app-panel.panel-success,
14217
+ .wm-app .panel.panel-success {
14218
+ --wm-panel-heading-background: var(--wm-panel-background-success);
14219
+ --wm-panel-heading-color: var(--wm-panel-heading-color-success);
14220
+ --wm-panel-description-color: var(--wm-panel-description-color-success);
14221
+ }
14222
+ .wm-app .app-panel.panel-info,
14223
+ .wm-app .panel.panel-info {
14224
+ --wm-panel-heading-background: var(--wm-panel-background-info);
14225
+ --wm-panel-heading-color: var(--wm-panel-heading-color-info);
14226
+ --wm-panel-description-color: var(--wm-panel-description-color-info);
14227
+ }
14228
+ .wm-app .app-panel.panel-warning,
14229
+ .wm-app .panel.panel-warning {
14230
+ --wm-panel-heading-background: var(--wm-panel-background-warning);
14231
+ --wm-panel-heading-color: var(--wm-panel-heading-color-warning);
14232
+ --wm-panel-description-color: var(--wm-panel-description-color-warning);
14233
+ }
14234
+ .wm-app .app-panel.panel-danger,
14235
+ .wm-app .panel.panel-danger {
14236
+ --wm-panel-heading-background: var(--wm-panel-background-danger);
14237
+ --wm-panel-heading-color: var(--wm-panel-heading-color-danger);
14238
+ --wm-panel-description-color: var(--wm-panel-description-color-danger);
14239
+ }
14240
+ .wm-app .app-livelist.list-card {
14241
+ background: none;
14242
+ border: none;
14243
+ box-shadow: none;
14244
+ }
14245
+ .wm-app .app-livelist.list-card .list-group {
14246
+ display: flex;
14247
+ flex-direction: row;
14248
+ flex-wrap: wrap;
14249
+ }
14250
+ .wm-app .app-livelist.list-card .list-group .app-list-item {
14251
+ background: none;
14252
+ padding: calc(var(--wm-card-list-gap) / 2);
14253
+ }
14254
+ .wm-app .app-livelist.list-card .list-group .app-list-item:before {
14255
+ display: none;
14256
+ }
14257
+ .wm-app .app-livelist.list-card > .panel-heading {
14258
+ padding: 0px;
14259
+ margin-bottom: var(--wm-panel-heading-padding);
14260
+ }
14261
+ .wm-app .app-livelist.list-card > .panel-footer {
14262
+ border: none;
14263
+ padding: 0px;
14264
+ margin-top: var(--wm-panel-footer-padding);
14265
+ }
14266
+ .wm-app .app-card {
14267
+ background: var(--wm-card-background);
14268
+ border: var(--wm-card-border-width) var(--wm-card-border-style) var(--wm-card-border-color);
14269
+ border-radius: var(--wm-card-border-radius);
14270
+ box-shadow: var(--wm-card-shadow);
14271
+ }
14272
+ .wm-app .app-card:before {
14273
+ content: "";
14274
+ position: absolute;
14275
+ top: 0;
14276
+ left: 0;
14277
+ width: 100%;
14278
+ height: 100%;
14279
+ background: var(--wm-card-state-layer-color);
14280
+ opacity: var(--wm-card-state-layer-opacity);
14281
+ border-radius: inherit;
14282
+ }
14283
+ .wm-app .app-card .app-card-content {
14284
+ padding: var(--wm-card-body-padding);
14890
14285
  }
14891
- .wm-app .btn-danger.btn-outlined,
14892
- .wm-app button-danger.btn-outlined {
14893
- --wm-btn-color: var(--wm-btn-danger-outlined-color);
14894
- --wm-btn-background: var(--wm-btn-danger-outlined-background);
14895
- --wm-btn-border-color: var(--wm-btn-danger-outlined-border-color);
14896
- --wm-btn-state-layer-color: var(--wm-btn-danger-outlined-state-layer-color);
14286
+ .wm-app .app-card .app-card-footer {
14287
+ padding: var(--wm-card-footer-padding);
14288
+ border-top: var(--wm-card-footer-border-width) var(--wm-card-footer-border-style) var(--wm-card-footer-border-color);
14897
14289
  }
14898
- .wm-app .btn-text,
14899
- .wm-app button-text {
14900
- --wm-btn-color: var(--wm-btn-background);
14901
- background: none !important;
14902
- border: none !important;
14903
- --wm-btn-state-layer-color: var(--wm-btn-background);
14290
+ .wm-app .app-card:hover {
14291
+ --wm-card-shadow: var(--wm-card-shadow-hover);
14292
+ --wm-card-state-layer-opacity: var(--wm-card-state-layer-opacity-hover);
14904
14293
  }
14905
- .wm-app .btn-elevated,
14906
- .wm-app button-elevated {
14907
- box-shadow: var(--wm-btn-elevated);
14294
+ .wm-app .app-card:focus {
14295
+ --wm-card-shadow: var(--wm-card-shadow-focus);
14296
+ --wm-card-state-layer-opacity: var(--wm-card-state-layer-opacity-focus);
14908
14297
  }
14909
- .wm-app .btn-elevated:hover,
14910
- .wm-app button-elevated:hover {
14911
- box-shadow: var(--wm-btn-elevated-hover);
14298
+ .wm-app .app-card:active {
14299
+ --wm-card-shadow: var(--wm-card-shadow-active);
14300
+ --wm-card-state-layer-opacity: var(--wm-card-state-layer-opacity-active);
14912
14301
  }
14913
- .wm-app .btn-elevated:focus,
14914
- .wm-app button-elevated:focus {
14915
- box-shadow: var(--wm-btn-elevated-focus);
14302
+ .wm-app .app-card.card-elevation {
14303
+ --wm-card-border-width: var(--wm-card-elevation-border-width);
14304
+ --wm-card-shadow: var(--wm-card-elevation-shadow);
14916
14305
  }
14917
- .wm-app .btn-elevated:active,
14918
- .wm-app button-elevated:active {
14919
- box-shadow: var(--wm-btn-elevated-active);
14306
+ .wm-app .app-card.card-elevation:hover {
14307
+ --wm-card-shadow: var(--wm-card-elevation-shadow-hover);
14920
14308
  }
14921
- .wm-app .btn-icon,
14922
- .wm-app button-icon {
14923
- width: var(--wm-btn-icon-width);
14924
- height: var(--wm-btn-icon-height);
14925
- margin: var(--wm-btn-icon-margin);
14926
- --wm-btn-padding: var(--wm-btn-icon-padding);
14927
- --wm-btn-font-size: var(--wm-btn-icon-size);
14928
- --wm-btn-radius: var(--wm-btn-icon-radius);
14309
+ .wm-app .app-card.card-elevation:focus {
14310
+ --wm-card-shadow: var(--wm-card-elevation-shadow-focus);
14929
14311
  }
14930
- .wm-app .btn.disabled,
14931
- .wm-app button.disabled,
14932
- .wm-app .btn[disabled],
14933
- .wm-app button[disabled] {
14934
- opacity: 1;
14935
- box-shadow: none;
14936
- --wm-btn-color: var(--wm-color-dark-grey-200);
14937
- --wm-btn-background: var(--wm-color-mid-grey-100);
14938
- --wm-btn-border-color: var(--wm-btn-background);
14939
- cursor: var(--wm-btn-cursor-disabled);
14312
+ .wm-app .app-card.card-elevation:active {
14313
+ --wm-card-shadow: var(--wm-card-elevation-shadow-active);
14940
14314
  }
14941
- .wm-app .btn.disabled:hover,
14942
- .wm-app button.disabled:hover,
14943
- .wm-app .btn[disabled]:hover,
14944
- .wm-app button[disabled]:hover,
14945
- .wm-app .btn.disabled.hover,
14946
- .wm-app button.disabled.hover,
14947
- .wm-app .btn[disabled].hover,
14948
- .wm-app button[disabled].hover,
14949
- .wm-app .btn.disabled:focus,
14950
- .wm-app button.disabled:focus,
14951
- .wm-app .btn[disabled]:focus,
14952
- .wm-app button[disabled]:focus,
14953
- .wm-app .btn.disabled.focus,
14954
- .wm-app button.disabled.focus,
14955
- .wm-app .btn[disabled].focus,
14956
- .wm-app button[disabled].focus,
14957
- .wm-app .btn.disabled:active,
14958
- .wm-app button.disabled:active,
14959
- .wm-app .btn[disabled]:active,
14960
- .wm-app button[disabled]:active,
14961
- .wm-app .btn.disabled:active:focus,
14962
- .wm-app button.disabled:active:focus,
14963
- .wm-app .btn[disabled]:active:focus,
14964
- .wm-app button[disabled]:active:focus,
14965
- .wm-app .btn.disabled:active:hover,
14966
- .wm-app button.disabled:active:hover,
14967
- .wm-app .btn[disabled]:active:hover,
14968
- .wm-app button[disabled]:active:hover,
14969
- .wm-app .btn.disabled:active.focus,
14970
- .wm-app button.disabled:active.focus,
14971
- .wm-app .btn[disabled]:active.focus,
14972
- .wm-app button[disabled]:active.focus {
14973
- --wm-btn-color: var(--wm-color-dark-grey-200);
14974
- --wm-btn-background: var(--wm-color-mid-grey-100);
14975
- --wm-btn-border-color: var(--wm-btn-background);
14976
- background: var(--wm-btn-background);
14977
- border-color: var(--wm-btn-border-color);
14315
+ .wm-app .app-card.card-filled {
14316
+ --wm-card-border-width: var(--wm-card-filled-border-width);
14317
+ --wm-card-shadow: var(--wm-card-filled-shadow);
14978
14318
  }
14979
- .wm-app .btn.disabled::before,
14980
- .wm-app button.disabled::before,
14981
- .wm-app .btn[disabled]::before,
14982
- .wm-app button[disabled]::before {
14983
- display: none;
14319
+ .wm-app .app-card.card-filled:hover {
14320
+ --wm-card-shadow: var(--wm-card-filled-shadow-hover);
14321
+ }
14322
+ .wm-app .app-card.card-filled:focus {
14323
+ --wm-card-shadow: var(--wm-card-filled-shadow-focus);
14324
+ }
14325
+ .wm-app .app-card.card-filled:active {
14326
+ --wm-card-shadow: var(--wm-card-filled-shadow-active);
14984
14327
  }
14985
14328
  .wm-app .app-checkbox {
14986
14329
  position: relative;
@@ -15233,7 +14576,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
15233
14576
  opacity: 1;
15234
14577
  background: none;
15235
14578
  pointer-events: none;
15236
- --wm-caption-color: var(--wm-form-control-color-place-holder);
15237
14579
  width: 100%;
15238
14580
  }
15239
14581
  .wm-app .app-composite-widget.caption-floating .control-label + div {
@@ -15305,7 +14647,7 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
15305
14647
  .wm-app .form-control {
15306
14648
  color: var(--wm-form-control-color);
15307
14649
  background: var(--wm-form-control-background);
15308
- border: var(--wm-form-control-border-width) solid var(--wm-form-control-border-color);
14650
+ border: var(--wm-form-control-border-width) var(--wm-form-control-border-style) var(--wm-form-control-border-color);
15309
14651
  border-radius: var(--wm-form-control-radius);
15310
14652
  height: var(--wm-form-control-height);
15311
14653
  width: 100%;
@@ -15318,28 +14660,28 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
15318
14660
  transition: all 0.2s ease-in-out;
15319
14661
  }
15320
14662
  .wm-app .form-control::-moz-placeholder {
15321
- color: var(--wm-input-place-holder);
14663
+ color: var(--wm-form-control-color-place-holder);
15322
14664
  opacity: 1;
15323
14665
  }
15324
14666
  .wm-app .form-control::-ms-input-placeholder {
15325
- color: var(--wm-input-place-holder);
14667
+ color: var(--wm-form-control-color-place-holder);
15326
14668
  }
15327
14669
  .wm-app .form-control::-webkit-input-placeholder {
15328
- color: var(--wm-input-place-holder);
14670
+ color: var(--wm-form-control-color-place-holder);
15329
14671
  }
15330
14672
  .wm-app .form-control.ng-touched.ng-invalid {
15331
14673
  border-color: var(--wm-form-control-border-color-error);
15332
14674
  }
15333
14675
  .wm-app .form-control.ng-touched.ng-invalid:focus {
15334
14676
  border-color: var(--wm-form-control-border-color-error);
15335
- box-shadow: inset 0 0 0 2px var(--wm-form-control-border-color-error);
14677
+ box-shadow: inset 0 0 0 calc(var(--wm-form-control-border-width-focus) - var(--wm-form-control-border-width)) var(--wm-form-control-border-color-error);
15336
14678
  }
15337
14679
  .wm-app .form-control:hover {
15338
14680
  border-color: var(--wm-form-control-border-color-hover);
15339
14681
  }
15340
14682
  .wm-app .form-control:focus {
15341
14683
  border-color: var(--wm-form-control-border-color-focus);
15342
- box-shadow: inset 0 0 0 2px var(--wm-form-control-border-color-focus);
14684
+ box-shadow: inset 0 0 0 calc(var(--wm-form-control-border-width-focus) - var(--wm-form-control-border-width)) var(--wm-form-control-border-color-focus);
15343
14685
  }
15344
14686
  .wm-app .app-input-wrapper {
15345
14687
  display: flex;
@@ -16430,181 +15772,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
16430
15772
  content: "\f310";
16431
15773
  font-family: wavicon;
16432
15774
  }
16433
- .wm-app .app-panel,
16434
- .wm-app .panel {
16435
- position: relative;
16436
- background: var(--wm-panel-background);
16437
- border-radius: var(--wm-panel-radius);
16438
- box-shadow: var(--wm-panel-shadow);
16439
- }
16440
- .wm-app .app-panel > .panel-heading,
16441
- .wm-app .panel > .panel-heading {
16442
- padding: var(--wm-panel-heading-padding);
16443
- background: var(--wm-panel-heading-background);
16444
- border-top-left-radius: var(--wm-panel-radius);
16445
- border-top-right-radius: var(--wm-panel-radius);
16446
- }
16447
- .wm-app .app-panel > .panel-heading .panel-title,
16448
- .wm-app .panel > .panel-heading .panel-title {
16449
- display: flex;
16450
- justify-content: flex-start;
16451
- gap: var(--wm-panel-heading-gap);
16452
- }
16453
- .wm-app .app-panel > .panel-heading .panel-title .panel-toggle,
16454
- .wm-app .panel > .panel-heading .panel-title .panel-toggle {
16455
- display: flex;
16456
- align-items: flex-start;
16457
- justify-content: flex-start;
16458
- flex-grow: 1;
16459
- gap: var(--wm-panel-heading-gap);
16460
- color: var(--wm-panel-heading-color);
16461
- }
16462
- .wm-app .app-panel > .panel-heading .panel-title .panel-actions:not(:empty),
16463
- .wm-app .panel > .panel-heading .panel-title .panel-actions:not(:empty) {
16464
- display: flex;
16465
- align-items: center;
16466
- gap: var(--wm-panel-actions-gap);
16467
- }
16468
- .wm-app .app-panel > .panel-heading .panel-title .panel-actions .panel-action,
16469
- .wm-app .panel > .panel-heading .panel-title .panel-actions .panel-action {
16470
- --wm-btn-state-layer-color: var(--wm-panel-heading-color);
16471
- }
16472
- .wm-app .app-panel > .panel-heading .panel-title .heading,
16473
- .wm-app .panel > .panel-heading .panel-title .heading {
16474
- font-family: var(--wm-panel-heading-font-family);
16475
- font-size: var(--wm-panel-heading-font-size);
16476
- font-weight: var(--wm-panel-heading-font-weight);
16477
- line-height: var(--wm-panel-heading-line-height);
16478
- letter-spacing: var(--wm-panel-heading-letter-spacing);
16479
- color: var(--wm-panel-heading-color);
16480
- }
16481
- .wm-app .app-panel > .panel-heading .panel-title .description,
16482
- .wm-app .panel > .panel-heading .panel-title .description {
16483
- font-family: var(--wm-panel-description-font-family);
16484
- font-size: var(--wm-panel-description-font-size);
16485
- font-weight: var(--wm-panel-description-font-weight);
16486
- line-height: var(--wm-panel-description-line-height);
16487
- letter-spacing: var(--wm-panel-description-letter-spacing);
16488
- color: var(--wm-panel-description-color);
16489
- }
16490
- .wm-app .app-panel > .panel-heading .panel-title .pull-left,
16491
- .wm-app .panel > .panel-heading .panel-title .pull-left {
16492
- display: inline-flex;
16493
- flex-direction: column;
16494
- }
16495
- .wm-app .app-panel > .panel-heading .panel-title .pull-left:empty,
16496
- .wm-app .panel > .panel-heading .panel-title .pull-left:empty {
16497
- display: none;
16498
- }
16499
- .wm-app .app-panel > .panel-content,
16500
- .wm-app .panel > .panel-content {
16501
- height: 100%;
16502
- position: relative;
16503
- }
16504
- .wm-app .app-panel > .panel-content > .panel-body,
16505
- .wm-app .panel > .panel-content > .panel-body {
16506
- position: relative;
16507
- width: 100%;
16508
- height: 100%;
16509
- padding: var(--wm-panel-content-padding);
16510
- }
16511
- .wm-app .app-panel > .panel-content > .panel-help-message,
16512
- .wm-app .panel > .panel-content > .panel-help-message {
16513
- overflow: auto;
16514
- display: none;
16515
- background: var(--wm-panel-help-message-background);
16516
- position: absolute;
16517
- top: 0;
16518
- right: 0;
16519
- width: 20%;
16520
- height: 100%;
16521
- z-index: 1000;
16522
- min-width: 100px;
16523
- }
16524
- .wm-app .app-panel > .panel-content > .panel-help-message .panel-help-header,
16525
- .wm-app .panel > .panel-content > .panel-help-message .panel-help-header {
16526
- background: var(--wm-panel-help-message-header-background);
16527
- border: var(--wm-panel-help-message-border-width) var(--wm-panel-help-message-border-style) var(--wm-panel-help-message-border);
16528
- padding: var(--wm-panel-help-message-padding);
16529
- }
16530
- .wm-app .app-panel > .panel-content > .panel-help-message .panel-help-content,
16531
- .wm-app .panel > .panel-content > .panel-help-message .panel-help-content {
16532
- padding: var(--wm-panel-help-message-padding);
16533
- border: var(--wm-panel-help-message-border-width) var(--wm-panel-help-message-border-style) var(--wm-panel-help-message-border);
16534
- border-top: 0;
16535
- }
16536
- .wm-app .app-panel > .panel-footer,
16537
- .wm-app .panel > .panel-footer,
16538
- .wm-app .app-panel > .app-panel-footer,
16539
- .wm-app .panel > .app-panel-footer {
16540
- padding: var(--wm-panel-footer-padding);
16541
- border-top: var(--wm-panel-footer-border-width) var(--wm-panel-footer-border-style) var(--wm-panel-footer-border);
16542
- }
16543
- .wm-app .app-panel.show-help > .panel-content > .panel-body.show-help,
16544
- .wm-app .panel.show-help > .panel-content > .panel-body.show-help {
16545
- width: 79%;
16546
- }
16547
- .wm-app .app-panel.show-help > .panel-content > .panel-help-message.show-help,
16548
- .wm-app .panel.show-help > .panel-content > .panel-help-message.show-help {
16549
- display: block;
16550
- }
16551
- .wm-app .app-panel.fullscreen,
16552
- .wm-app .panel.fullscreen {
16553
- position: fixed;
16554
- z-index: 1049;
16555
- inset: 0;
16556
- margin: unset !important;
16557
- }
16558
- .wm-app .app-panel.fullscreen .panel-content,
16559
- .wm-app .panel.fullscreen .panel-content {
16560
- overflow: auto;
16561
- }
16562
- .wm-app .app-panel:has(> .panel-content[hidden] + .panel-footer[hidden]) > .panel-heading,
16563
- .wm-app .panel:has(> .panel-content[hidden] + .panel-footer[hidden]) > .panel-heading {
16564
- border-radius: var(--wm-panel-radius);
16565
- }
16566
- .wm-app .app-panel.panel-primary,
16567
- .wm-app .panel.panel-primary {
16568
- --wm-panel-heading-background: var(--wm-panel-background-primary);
16569
- --wm-panel-heading-color: var(--wm-panel-heading-color-primary);
16570
- --wm-panel-description-color: var(--wm-panel-description-color-primary);
16571
- }
16572
- .wm-app .app-panel.panel-secondary,
16573
- .wm-app .panel.panel-secondary {
16574
- --wm-panel-heading-background: var(--wm-panel-background-secondary);
16575
- --wm-panel-heading-color: var(--wm-panel-heading-color-secondary);
16576
- --wm-panel-description-color: var(--wm-panel-description-color-secondary);
16577
- }
16578
- .wm-app .app-panel.panel-tertiary,
16579
- .wm-app .panel.panel-tertiary {
16580
- --wm-panel-heading-background: var(--wm-panel-background-tertiary);
16581
- --wm-panel-heading-color: var(--wm-panel-heading-color-tertiary);
16582
- --wm-panel-description-color: var(--wm-panel-description-color-tertiary);
16583
- }
16584
- .wm-app .app-panel.panel-success,
16585
- .wm-app .panel.panel-success {
16586
- --wm-panel-heading-background: var(--wm-panel-background-success);
16587
- --wm-panel-heading-color: var(--wm-panel-heading-color-success);
16588
- --wm-panel-description-color: var(--wm-panel-description-color-success);
16589
- }
16590
- .wm-app .app-panel.panel-info,
16591
- .wm-app .panel.panel-info {
16592
- --wm-panel-heading-background: var(--wm-panel-background-info);
16593
- --wm-panel-heading-color: var(--wm-panel-heading-color-info);
16594
- --wm-panel-description-color: var(--wm-panel-description-color-info);
16595
- }
16596
- .wm-app .app-panel.panel-warning,
16597
- .wm-app .panel.panel-warning {
16598
- --wm-panel-heading-background: var(--wm-panel-background-warning);
16599
- --wm-panel-heading-color: var(--wm-panel-heading-color-warning);
16600
- --wm-panel-description-color: var(--wm-panel-description-color-warning);
16601
- }
16602
- .wm-app .app-panel.panel-danger,
16603
- .wm-app .panel.panel-danger {
16604
- --wm-panel-heading-background: var(--wm-panel-background-danger);
16605
- --wm-panel-heading-color: var(--wm-panel-heading-color-danger);
16606
- --wm-panel-description-color: var(--wm-panel-description-color-danger);
16607
- }
16608
15775
  .wm-app .app-picture {
16609
15776
  position: relative;
16610
15777
  display: inline-flex;