@wavemaker/app-runtime-wm-build 12.0.0-next.45032 → 12.0.0-next.45034

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.
@@ -466,28 +466,29 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
466
466
  --wm-btn-line-height: var(--wm-label-large-line-height);
467
467
  --wm-btn-letter-spacing: var(--wm-label-large-letter-spacing);
468
468
  --wm-btn-text-transform: none;
469
- --wm-btn-color: var(--wm-color-on-surface);
470
- --wm-btn-background: var(--wm-color-surface);
469
+ --wm-btn-color: var(--wm-color-on-surface-variant);
470
+ --wm-btn-background: none;
471
471
  --wm-btn-border-width: 1px;
472
472
  --wm-btn-border-style: solid;
473
- --wm-btn-border-color: var(--wm-color-surface-container-highest);
473
+ --wm-btn-border-color: none;
474
474
  --wm-btn-radius: var(--wm-radius-pill);
475
475
  --wm-btn-padding: var(--wm-space-2) var(--wm-space-6);
476
476
  --wm-btn-min-width: auto;
477
477
  --wm-btn-height: 40px;
478
478
  --wm-btn-gap: var(--wm-space-2);
479
479
  --wm-btn-shadow: none;
480
- --wm-btn-state-layer-color: transparent;
480
+ --wm-btn-state-layer-color: var(--wm-color-on-surface-variant);
481
481
  --wm-btn-hover-state-layer-opacity: var(--wm-opacity-hover);
482
- --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);
483
484
  --wm-btn-elevated: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0,0,0,0.15);
484
485
  --wm-btn-elevated-hover: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, .15);
485
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);
486
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);
487
- --wm-btn-default-background: var(--wm-btn-background);
488
- --wm-btn-default-color: var(--wm-btn-color);
489
- --wm-btn-default-border-color: var(--wm-btn-border-color);
490
- --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);
491
492
  --wm-btn-primary-background: var(--wm-color-primary);
492
493
  --wm-btn-primary-color: var(--wm-color-on-primary);
493
494
  --wm-btn-primary-border-color: var(--wm-color-primary);
@@ -583,13 +584,14 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
583
584
  --wm-checkbox-selected-state-hover: var(--wm-color-primary-hover);
584
585
  --wm-checkbox-selected-state-focus: var(--wm-color-primary-focus);
585
586
  /*--form field/composite--*/
587
+ --wm-caption-font-family: var(--wm-body-small-font-family);
586
588
  --wm-caption-font-size: var(--wm-body-large-font-size);
587
589
  --wm-caption-font-weight: var(--wm-body-large-font-weight);
588
590
  --wm-caption-line-height: var(--wm-body-large-line-height);
589
591
  --wm-caption-letter-spacing: var(--wm-body-large-letter-spacing);
590
- --wm-caption-color: var(--wm-color-on-surface-variant);
591
- --wm-caption-margin: 0;
592
- --wm-caption-padding: 0;
592
+ --wm-caption-color: var(--wm-color-on-surface);
593
+ --wm-caption-margin: var(--wm-space-0);
594
+ --wm-caption-padding: var(--wm-space-0);
593
595
  --wm-form-control-color: var(--wm-color-on-surface);
594
596
  --wm-form-control-background: transparent;
595
597
  --wm-form-control-border-width: var(--wm-border-width);
@@ -599,21 +601,66 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
599
601
  --wm-form-control-border-color-error: var(--wm-color-error);
600
602
  --wm-form-control-radius: var(--wm-radius-xs);
601
603
  --wm-form-control-height: 56px;
602
- --wm-form-control-padding: 16px;
604
+ --wm-form-control-padding: var(--wm-space-4);
605
+ --wm-form-control-font-family: var(--wm-body-large-font-family);
603
606
  --wm-form-control-font-size: var(--wm-body-large-font-size);
604
607
  --wm-form-control-font-weight: var(--wm-body-large-font-weight);
605
608
  --wm-form-control-line-height: var(--wm-body-large-line-height);
609
+ --wm-form-control-letter-spacing: var(--wm-body-large-letter-spacing);
606
610
  --wm-form-control-color-place-holder: var(--wm-color-on-surface-variant);
607
611
  --wm-help-block-color: var(--wm-color-on-surface);
612
+ --wm-help-block-font-family: var(--wm-body-small-font-family);
608
613
  --wm-help-block-font-size: var(--wm-body-small-font-size);
609
614
  --wm-help-block-font-weight: var(--wm-body-small-font-weight);
610
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);
611
621
  /*--Container--*/
612
622
  --wm-container-outlined-border-color: var(--wm-color-outline-variant);
613
623
  --wm-container-outlined-border-width: var(--wm-border-width);
614
624
  --wm-container-outlined-border-style: var(--wm-border-style);
615
625
  --wm-container-elevation-border-radius: var(--wm-radius-sm);
616
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-medium-font-family);
642
+ --wm-datepicker-font-size: var(--wm-body-medium-font-size);
643
+ --wm-datepicker-font-weight: var(--wm-body-medium-font-weight);
644
+ --wm-datepicker-line-height: var(--wm-body-medium-line-height);
645
+ --wm-datepicker-letter-spacing: var(--wm-body-medium-letter-spacing);
646
+ --wm-datepicker-date-width: var(--wm-space-8);
647
+ --wm-datepicker-date-height: var(--wm-space-8);
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-medium-font-family);
655
+ --wm-datepicker-date-font-size: var(--wm-body-medium-font-size);
656
+ --wm-datepicker-date-font-weight: var(--wm-body-medium-font-weight);
657
+ --wm-datepicker-date-line-height: var(--wm-body-medium-line-height);
658
+ --wm-datepicker-date-letter-spacing: var(--wm-body-medium-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);
617
664
  /*--file upload--*/
618
665
  --wm-file-upload-status-padding: var(--wm-space-2);
619
666
  --wm-file-upload-status-border-color: var(--wm-border-color);
@@ -655,7 +702,7 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
655
702
  --wm-message-container-border-radius: var(--wm-radius-xs);
656
703
  --wm-message-container-border-width: var(--wm-border-width);
657
704
  --wm-message-container-border-style: var(--wm-border-style);
658
- --wm-message-container-padding: 14px var(--wm-space-4);
705
+ --wm-message-container-padding: var(--wm-space-3) var(--wm-space-4);
659
706
  --wm-message-container-gap: var(--wm-space-3);
660
707
  --wm-message-font-family: var(--wm-label-large-font-family);
661
708
  --wm-message-font-weight: var(--wm-label-large-font-weight);
@@ -685,6 +732,65 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
685
732
  --wm-message-container-loading-background: var(--wm-color-primary);
686
733
  --wm-message-container-loading-color: var(--wm-color-on-primary);
687
734
  --wm-message-container-loading-border-color: var(--wm-color-primary);
735
+ /* panel variables */
736
+ --wm-panel-background: var(--wm-color-surface-container-lowest);
737
+ --wm-panel-radius: var(--wm-radius-md);
738
+ --wm-panel-shadow: var(--wm-elevation-shadow-1);
739
+ --wm-panel-heading-gap: var(--wm-space-2);
740
+ --wm-panel-heading-padding: var(--wm-space-4);
741
+ --wm-panel-heading-font-family: var(--wm-h4-font-family);
742
+ --wm-panel-heading-font-size: var(--wm-h4-font-size);
743
+ --wm-panel-heading-font-weight: var(--wm-h4-font-weight);
744
+ --wm-panel-heading-line-height: var(--wm-h4-line-height);
745
+ --wm-panel-heading-letter-spacing: var(--wm-h4-letter-spacing);
746
+ --wm-panel-heading-color: var(--wm-color-on-surface);
747
+ --wm-panel-heading-background: var(--wm-color-surface-container-lowest);
748
+ --wm-panel-description-font-family: var(--wm-body-medium-font-family);
749
+ --wm-panel-description-font-size: var(--wm-body-medium-font-size);
750
+ --wm-panel-description-font-weight: var(--wm-body-medium-font-weight);
751
+ --wm-panel-description-line-height: var(--wm-body-medium-line-height);
752
+ --wm-panel-description-letter-spacing: var(--wm-body-medium-letter-spacing);
753
+ --wm-panel-description-color: var(--wm-color-on-surface);
754
+ --wm-panel-actions-gap: var(--wm-space-2);
755
+ --wm-panel-content-padding: var(--wm-space-4);
756
+ --wm-panel-help-message-header-background: var(--wm-color-surface-container-lowest);
757
+ --wm-panel-help-message-border: var(--wm-color-outline-variant);
758
+ --wm-panel-help-message-border-width: var(--wm-border-width);
759
+ --wm-panel-help-message-border-style: var(--wm-border-style);
760
+ --wm-panel-help-message-padding: var(--wm-space-2);
761
+ --wm-panel-help-message-background: #fffed0;
762
+ --wm-panel-footer-padding: var(--wm-space-4);
763
+ --wm-panel-footer-border: var(--wm-color-outline-variant);
764
+ --wm-panel-footer-border-width: var(--wm-border-width);
765
+ --wm-panel-footer-border-style: var(--wm-border-style);
766
+ /* primary */
767
+ --wm-panel-background-primary: var(--wm-color-primary-container);
768
+ --wm-panel-heading-color-primary: var(--wm-color-primary);
769
+ --wm-panel-description-color-primary: var(--wm-color-primary);
770
+ /* secondary */
771
+ --wm-panel-background-secondary: var(--wm-color-secondary-container);
772
+ --wm-panel-heading-color-secondary: var(--wm-color-secondary);
773
+ --wm-panel-description-color-secondary: var(--wm-color-secondary);
774
+ /* tertiary */
775
+ --wm-panel-background-tertiary: var(--wm-color-tertiary-container);
776
+ --wm-panel-heading-color-tertiary: var(--wm-color-tertiary);
777
+ --wm-panel-description-color-tertiary: var(--wm-color-tertiary);
778
+ /* success */
779
+ --wm-panel-background-success: var(--wm-color-success-container);
780
+ --wm-panel-heading-color-success: var(--wm-color-success);
781
+ --wm-panel-description-color-success: var(--wm-color-success);
782
+ /* info */
783
+ --wm-panel-background-info: var(--wm-color-info-container);
784
+ --wm-panel-heading-color-info: var(--wm-color-info);
785
+ --wm-panel-description-color-info: var(--wm-color-info);
786
+ /* warning */
787
+ --wm-panel-background-warning: var(--wm-color-warning-container);
788
+ --wm-panel-heading-color-warning: var(--wm-color-warning);
789
+ --wm-panel-description-color-warning: var(--wm-color-warning);
790
+ /* danger */
791
+ --wm-panel-background-danger: var(--wm-color-error-container);
792
+ --wm-panel-heading-color-danger: var(--wm-color-error);
793
+ --wm-panel-description-color-danger: var(--wm-color-error);
688
794
  /*--Picture--*/
689
795
  --wm-picture-radius-rounded: var(--wm-radius-xs);
690
796
  --wm-picture-radius-circle: var(--wm-radius-circle);
@@ -751,6 +857,26 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
751
857
  --wm-rating-icon-opacity-inactive: 0.38;
752
858
  --wm-rating-icon-opacity-active: 1;
753
859
  --wm-rating-icon-opacity-readonly: 0.38;
860
+ /* Timepicker styles */
861
+ --wm-timepicker-input-font-family: var(--wm-h3-font-family);
862
+ --wm-timepicker-input-font-size: var(--wm-h3-font-size);
863
+ --wm-timepicker-input-font-weight: var(--wm-h3-font-weight);
864
+ --wm-timepicker-input-line-height: var(--wm-h3-line-height);
865
+ --wm-timepicker-input-letter-spacing: var(--wm-h3-letter-spacing);
866
+ --wm-timepicker-input-width: 60px;
867
+ --wm-timepicker-input-padding: var(--wm-space-0);
868
+ --wm-timepicker-background: var(--wm-color-surface-container-high);
869
+ --wm-timepicker-border-radius: var(--wm-radius-lg);
870
+ --wm-timepicker-padding: var(--wm-space-4);
871
+ --wm-timepicker-period-selector-border: var(--wm-border-width) var(--wm-border-style) var(--wm-color-outline);
872
+ --wm-timepicker-period-selector-border-radius: var(--wm-radius-sm);
873
+ --wm-timepicker-period-selector-background: var(--wm-color-tertiary-container);
874
+ --wm-timepicker-period-selector-color: var(--wm-color-on-tertiary-container);
875
+ --wm-timepicker-period-selector-font-family: var(--wm-h5-font-family);
876
+ --wm-timepicker-period-selector-font-size: var(--wm-h5-font-size);
877
+ --wm-timepicker-period-selector-font-weight: var(--wm-h5-font-weight);
878
+ --wm-timepicker-period-selector-line-height: var(--wm-h5-line-height);
879
+ --wm-timepicker-period-selector-letter-spacing: var(--wm-h5-letter-spacing);
754
880
  /*--Toast--*/
755
881
  --wm-toast-container-width: 344px;
756
882
  --wm-toast-container-shadow: var(--wm-elevation-shadow-3);
@@ -759,11 +885,16 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
759
885
  --wm-toast-container-border-style: var(--wm-border-style);
760
886
  --wm-toast-container-padding: 14px var(--wm-space-4) 14px var(--wm-space-12);
761
887
  --wm-toast-container-gap: var(--wm-space-1);
762
- --wm-toast-font-family: var(--wm-label-large-font-family);
763
- --wm-toast-font-weight: var(--wm-label-large-font-weight);
764
- --wm-toast-font-size: var(--wm-label-large-font-size);
765
- --wm-toast-line-height: var(--wm-label-large-line-height);
766
- --wm-toast-letter-spacing: var(--wm-label-large-letter-spacing);
888
+ --wm-toast-title-font-family: var(--wm-label-large-font-family);
889
+ --wm-toast-title-font-weight: var(--wm-label-large-font-weight);
890
+ --wm-toast-title-font-size: var(--wm-label-large-font-size);
891
+ --wm-toast-title-line-height: var(--wm-label-large-line-height);
892
+ --wm-toast-title-letter-spacing: var(--wm-label-large-letter-spacing);
893
+ --wm-toast-message-font-family: var(--wm-label-large-font-family);
894
+ --wm-toast-message-font-weight: var(--wm-label-large-font-weight);
895
+ --wm-toast-message-font-size: var(--wm-label-large-font-size);
896
+ --wm-toast-message-line-height: var(--wm-label-large-line-height);
897
+ --wm-toast-message-letter-spacing: var(--wm-label-large-letter-spacing);
767
898
  --wm-toast-container-background: var(--wm-color-info);
768
899
  --wm-toast-container-color: var(--wm-color-on-info);
769
900
  --wm-toast-container-border-color: var(--wm-color-info);
@@ -907,9 +1038,11 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
907
1038
  /* Track */
908
1039
  /* Handle */
909
1040
  /* Handle on hover */
1041
+ /* datepicker styles */
910
1042
  /* .app-fileupload .file-upload */
911
1043
  /**--Layout--**/
912
1044
  /** Layout styles */
1045
+ /* Timepicker styles */
913
1046
  /* toast styles */
914
1047
  /*--bootstrap 5 utilities start--*/
915
1048
  /* rtl:begin:remove */
@@ -924,6 +1057,15 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
924
1057
  margin: 0;
925
1058
  list-style-type: none;
926
1059
  }
1060
+ .wm-app .app-badge {
1061
+ padding: var(--wm-space-0) var(--wm-space-1);
1062
+ border-radius: var(--wm-radius-md);
1063
+ font-family: var(--wm-label-small-font-family);
1064
+ font-size: var(--wm-label-small-font-size);
1065
+ font-weight: var(--wm-label-small-font-weight);
1066
+ line-height: var(--wm-label-small-line-height);
1067
+ letter-spacing: var(--wm-label-small-letter-spacing);
1068
+ }
927
1069
  .wm-app::-webkit-scrollbar,
928
1070
  .wm-app ::-webkit-scrollbar {
929
1071
  width: var(--wm-scroll-bar-width);
@@ -8086,247 +8228,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
8086
8228
  .wm-app * {
8087
8229
  outline: 0 !important;
8088
8230
  }
8089
- .wm-app .ui-helper-hidden {
8090
- display: none;
8091
- }
8092
- .wm-app .ui-helper-hidden-accessible {
8093
- border: 0;
8094
- clip: rect(0 0 0 0);
8095
- height: 1px;
8096
- margin: -1px;
8097
- overflow: hidden;
8098
- padding: 0;
8099
- position: absolute;
8100
- width: 1px;
8101
- }
8102
- .wm-app .ui-helper-zfix,
8103
- .wm-app .ui-widget-overlay {
8104
- top: 0;
8105
- left: 0;
8106
- width: 100%;
8107
- height: 100%;
8108
- }
8109
- .wm-app .ui-helper-reset {
8110
- margin: 0;
8111
- padding: 0;
8112
- border: 0;
8113
- outline: 0;
8114
- line-height: 1.3;
8115
- text-decoration: none;
8116
- font-size: 100%;
8117
- list-style: none;
8118
- }
8119
- .wm-app .ui-helper-clearfix:after,
8120
- .wm-app .ui-helper-clearfix:before {
8121
- content: "";
8122
- display: table;
8123
- border-collapse: collapse;
8124
- }
8125
- .wm-app .ui-helper-clearfix:after {
8126
- clear: both;
8127
- }
8128
- .wm-app .ui-helper-clearfix {
8129
- min-height: 0;
8130
- }
8131
- .wm-app .ui-helper-zfix {
8132
- position: absolute;
8133
- opacity: 0;
8134
- filter: alpha(opacity=0);
8135
- }
8136
- .wm-app .ui-front {
8137
- z-index: 100;
8138
- }
8139
- .wm-app .ui-state-disabled {
8140
- cursor: default !important;
8141
- }
8142
- .wm-app .ui-icon {
8143
- display: block;
8144
- text-indent: -99999px;
8145
- overflow: hidden;
8146
- background-repeat: no-repeat;
8147
- }
8148
- .wm-app .ui-widget-overlay {
8149
- position: fixed;
8150
- }
8151
- .wm-app .ui-datepicker {
8152
- width: 17em;
8153
- padding: 0.2em 0.2em 0;
8154
- display: none;
8155
- }
8156
- .wm-app .ui-datepicker .ui-datepicker-header {
8157
- position: relative;
8158
- padding: 0.2em 0;
8159
- }
8160
- .wm-app .ui-datepicker .ui-datepicker-next,
8161
- .wm-app .ui-datepicker .ui-datepicker-prev {
8162
- position: absolute;
8163
- top: 2px;
8164
- width: 1.8em;
8165
- height: 1.8em;
8166
- }
8167
- .wm-app .ui-datepicker .ui-datepicker-next-hover,
8168
- .wm-app .ui-datepicker .ui-datepicker-prev-hover {
8169
- top: 1px;
8170
- }
8171
- .wm-app .ui-datepicker .ui-datepicker-prev {
8172
- left: 2px;
8173
- }
8174
- .wm-app .ui-datepicker .ui-datepicker-next {
8175
- right: 2px;
8176
- }
8177
- .wm-app .ui-datepicker .ui-datepicker-prev-hover {
8178
- left: 1px;
8179
- }
8180
- .wm-app .ui-datepicker .ui-datepicker-next-hover {
8181
- right: 1px;
8182
- }
8183
- .wm-app .ui-datepicker .ui-datepicker-next span,
8184
- .wm-app .ui-datepicker .ui-datepicker-prev span {
8185
- display: block;
8186
- position: absolute;
8187
- left: 50%;
8188
- margin-left: -8px;
8189
- top: 50%;
8190
- margin-top: -8px;
8191
- }
8192
- .wm-app .fa-ul > li,
8193
- .wm-app .ui-resizable {
8194
- position: relative;
8195
- }
8196
- .wm-app .ui-datepicker .ui-datepicker-title {
8197
- margin: 0 2.3em;
8198
- line-height: 1.8em;
8199
- text-align: center;
8200
- }
8201
- .wm-app .ui-datepicker .ui-datepicker-title select {
8202
- font-size: 1em;
8203
- margin: 1px 0;
8204
- }
8205
- .wm-app .ui-datepicker select.ui-datepicker-month,
8206
- .wm-app .ui-datepicker select.ui-datepicker-year {
8207
- width: 45%;
8208
- }
8209
- .wm-app .ui-datepicker table {
8210
- width: 100%;
8211
- font-size: 0.9em;
8212
- border-collapse: collapse;
8213
- margin: 0 0 0.4em;
8214
- }
8215
- .wm-app .ui-datepicker th {
8216
- padding: 0.7em 0.3em;
8217
- text-align: center;
8218
- font-weight: 700;
8219
- border: 0;
8220
- }
8221
- .wm-app .ui-datepicker td {
8222
- border: 0;
8223
- padding: 1px;
8224
- }
8225
- .wm-app .ui-datepicker td a,
8226
- .wm-app .ui-datepicker td span {
8227
- display: block;
8228
- padding: 0.2em;
8229
- text-align: right;
8230
- text-decoration: none;
8231
- }
8232
- .wm-app .fa-fw,
8233
- .wm-app .fa-li,
8234
- .wm-app .fa-stack-1x,
8235
- .wm-app .fa-stack-2x,
8236
- .wm-app .note-btn {
8237
- text-align: center;
8238
- }
8239
- .wm-app .ui-datepicker .ui-datepicker-buttonpane {
8240
- background-image: none;
8241
- margin: 0.7em 0 0;
8242
- padding: 0 0.2em;
8243
- border-left: 0;
8244
- border-right: 0;
8245
- border-bottom: 0;
8246
- }
8247
- .wm-app .ui-datepicker .ui-datepicker-buttonpane button {
8248
- float: right;
8249
- margin: 0.5em 0.2em 0.4em;
8250
- cursor: pointer;
8251
- padding: 0.2em 0.6em 0.3em;
8252
- width: auto;
8253
- overflow: visible;
8254
- }
8255
- .wm-app .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
8256
- .wm-app .ui-datepicker-multi .ui-datepicker-group,
8257
- .wm-app .ui-datepicker-rtl .ui-datepicker-buttonpane button {
8258
- float: left;
8259
- }
8260
- .wm-app .ui-datepicker.ui-datepicker-multi {
8261
- width: auto;
8262
- }
8263
- .wm-app .ui-datepicker-multi .ui-datepicker-group table {
8264
- width: 95%;
8265
- margin: 0 auto 0.4em;
8266
- }
8267
- .wm-app .ui-datepicker-multi-2 .ui-datepicker-group {
8268
- width: 50%;
8269
- }
8270
- .wm-app .ui-datepicker-multi-3 .ui-datepicker-group {
8271
- width: 33.3%;
8272
- }
8273
- .wm-app .ui-datepicker-multi-4 .ui-datepicker-group {
8274
- width: 25%;
8275
- }
8276
- .wm-app .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
8277
- .wm-app .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
8278
- border-left-width: 0;
8279
- }
8280
- .wm-app .ui-datepicker-multi .ui-datepicker-buttonpane {
8281
- clear: left;
8282
- }
8283
- .wm-app .ui-datepicker-row-break {
8284
- clear: both;
8285
- width: 100%;
8286
- font-size: 0;
8287
- }
8288
- .wm-app .ui-datepicker-rtl {
8289
- direction: rtl;
8290
- }
8291
- .wm-app .ui-datepicker-rtl .ui-datepicker-prev {
8292
- right: 2px;
8293
- left: auto;
8294
- }
8295
- .wm-app .ui-datepicker-rtl .ui-datepicker-next {
8296
- left: 2px;
8297
- right: auto;
8298
- }
8299
- .wm-app .ui-datepicker-rtl .ui-datepicker-prev:hover {
8300
- right: 1px;
8301
- left: auto;
8302
- }
8303
- .wm-app .ui-datepicker-rtl .ui-datepicker-next:hover {
8304
- left: 1px;
8305
- right: auto;
8306
- }
8307
- .wm-app .ui-datepicker-rtl .ui-datepicker-buttonpane {
8308
- clear: right;
8309
- }
8310
- .wm-app .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
8311
- .wm-app .ui-datepicker-rtl .ui-datepicker-group {
8312
- float: right;
8313
- }
8314
- .wm-app .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
8315
- .wm-app .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
8316
- border-right-width: 0;
8317
- border-left-width: 1px;
8318
- }
8319
- .wm-app .ui-resizable-handle {
8320
- position: absolute;
8321
- font-size: 0.1px;
8322
- display: block;
8323
- -ms-touch-action: none;
8324
- touch-action: none;
8325
- }
8326
- .wm-app .ui-resizable-autohide .ui-resizable-handle,
8327
- .wm-app .ui-resizable-disabled .ui-resizable-handle {
8328
- display: none;
8329
- }
8330
8231
  .wm-app .fa,
8331
8232
  .wm-app .fa-stack,
8332
8233
  .wm-app .wi {
@@ -9750,7 +9651,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
9750
9651
  text-align: center;
9751
9652
  background-color: #000;
9752
9653
  }
9753
- .wm-app .app-livelist .media .img-thumbnail,
9754
9654
  .wm-app .note-popover,
9755
9655
  .wm-app .popover.fade.in {
9756
9656
  max-width: none;
@@ -10414,316 +10314,111 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
10414
10314
  display: none;
10415
10315
  top: 0;
10416
10316
  }
10417
- .wm-app .app-search .dropdown-menu span,
10418
- .wm-app .app-search.dropdown-menu span {
10419
- display: inline-block;
10420
- line-height: 1em;
10421
- max-width: 100%;
10422
- text-overflow: ellipsis;
10317
+ .wm-app .visible-lg-block[hidden],
10318
+ .wm-app .visible-lg-inline-block[hidden],
10319
+ .wm-app .visible-lg-inline[hidden],
10320
+ .wm-app .visible-md-block[hidden],
10321
+ .wm-app .visible-md-inline-block[hidden],
10322
+ .wm-app .visible-md-inline[hidden],
10323
+ .wm-app .visible-sm-block[hidden],
10324
+ .wm-app .visible-sm-inline-block[hidden],
10325
+ .wm-app .visible-sm-inline[hidden],
10326
+ .wm-app .visible-xs-block[hidden],
10327
+ .wm-app .visible-xs-inline-block[hidden],
10328
+ .wm-app .visible-xs-inline[hidden] {
10329
+ display: none !important;
10423
10330
  }
10424
- .wm-app .app-search {
10425
- width: 30em;
10426
- position: relative;
10427
- vertical-align: middle;
10331
+ .wm-app input[type="file"] {
10332
+ padding: 0;
10428
10333
  }
10429
- .wm-app .app-search input {
10430
- height: 100%;
10334
+ .wm-app .infinite {
10335
+ animation-iteration-count: infinite;
10336
+ }
10337
+ .wm-app .app-content .app-spinner .spinner-message {
10338
+ background-color: rgba(255, 255, 255, 0.5);
10339
+ border: 1px solid #aeaeae;
10340
+ }
10341
+ .wm-app .global-spinner,
10342
+ .wm-app [classname="global-spinner"] {
10343
+ position: fixed;
10344
+ }
10345
+ .wm-app .app-popover {
10346
+ min-width: 50px;
10347
+ min-height: 50px;
10348
+ padding: 0;
10431
10349
  }
10432
- .wm-app .app-search input.model-holder {
10350
+ .wm-app .app-popover .popover-end,
10351
+ .wm-app .app-popover .popover-start {
10433
10352
  width: 0;
10353
+ padding: 0;
10434
10354
  height: 0;
10355
+ border: 0;
10435
10356
  position: absolute;
10436
- top: 30px;
10437
- left: 50%;
10438
- z-index: -1000;
10439
- opacity: 0;
10440
10357
  }
10441
- .wm-app .app-search .app-search-button {
10442
- background: 0 0;
10443
- filter: progid:DXImageTransform.Microsoft.Shadow(enabled=false);
10444
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
10445
- border: none;
10358
+ .wm-app .app-popover .popover-content {
10359
+ width: 100%;
10360
+ height: 100%;
10361
+ overflow: auto;
10446
10362
  padding: 0;
10447
10363
  }
10448
- .wm-app .app-search .dropdown-menu .status,
10449
- .wm-app .app-search.dropdown-menu .status {
10450
- background-color: rgba(0, 0, 0, 0.05);
10451
- border-top: 1px solid rgba(0, 0, 0, 0.1);
10452
- }
10453
- .wm-app .app-search .app-search-button:focus {
10454
- outline: 0;
10455
- }
10456
- .wm-app .app-search.dropdown-menu {
10457
- width: auto;
10458
- text-align: left;
10459
- z-index: 2000 !important;
10460
- max-height: 200px;
10461
- overflow-y: auto;
10364
+ .wm-app .app-popover .popover-content .app-partial {
10365
+ overflow: auto;
10462
10366
  }
10463
- .wm-app .app-search.dropdown-menu span {
10464
- padding-left: 4px;
10465
- width: auto;
10466
- overflow: hidden;
10367
+ .wm-app .app-popover .popover-content .app-partial > button {
10368
+ margin-top: 0.9em;
10467
10369
  }
10468
- .wm-app .app-search.dropdown-menu img {
10469
- line-height: 1em;
10370
+ .wm-app .app-popover .popover-title ~ .popover-content {
10371
+ ignore: a;
10372
+ height: calc(100% - 3em);
10470
10373
  }
10471
- .wm-app .app-search.dropdown-menu .status {
10472
- padding: 8px 15px;
10473
- text-align: center;
10474
- font-size: 12px;
10374
+ .wm-app .app-popover.bottom.bottom-right > .arrow,
10375
+ .wm-app .app-popover.bottom.top-right > .arrow,
10376
+ .wm-app .app-popover.top.bottom-right > .arrow,
10377
+ .wm-app .app-popover.top.top-right > .arrow {
10378
+ left: auto !important;
10379
+ right: 1em !important;
10475
10380
  }
10476
- .wm-app .app-search.dropdown-menu .status span {
10477
- overflow: initial;
10381
+ .wm-app .app-popover-wrapper .disable-popover {
10382
+ pointer-events: none;
10478
10383
  }
10479
- .wm-app .app-search .dropdown-menu {
10480
- width: auto;
10481
- text-align: left;
10482
- z-index: 2000 !important;
10483
- max-height: 200px;
10484
- overflow-y: auto;
10384
+ .wm-app .app-button {
10385
+ position: relative;
10485
10386
  }
10486
- .wm-app .app-search .dropdown-menu span {
10487
- padding-left: 4px;
10488
- width: auto;
10489
- overflow: hidden;
10387
+ .wm-app .app-button .btn-caption {
10388
+ margin: 0 0.2em;
10389
+ vertical-align: middle;
10490
10390
  }
10491
- .wm-app .app-search .dropdown-menu img {
10492
- line-height: 1em;
10391
+ .wm-app .app-button .btn-caption:empty {
10392
+ margin: 0;
10493
10393
  }
10494
- .wm-app .app-search .dropdown-menu .status {
10495
- padding: 8px 15px;
10496
- text-align: center;
10497
- font-size: 12px;
10394
+ .wm-app .app-button .badge {
10395
+ position: absolute;
10396
+ top: 9pt;
10397
+ right: 9pt;
10498
10398
  }
10499
- .wm-app .app-search .dropdown-menu .status span {
10500
- overflow: initial;
10399
+ .wm-app .app-menu {
10400
+ display: inline-block;
10401
+ position: relative;
10501
10402
  }
10502
- .wm-app .app-search .form-control-feedback {
10503
- right: 3em !important;
10403
+ .wm-app .app-menu .app-anchor > .caret,
10404
+ .wm-app .app-menu .app-button > .caret {
10405
+ border: none !important;
10406
+ margin-top: 0.25em;
10407
+ margin-right: 0.3em;
10408
+ width: 6px;
10409
+ position: relative;
10504
10410
  }
10505
- .wm-app .app-search .form-control-feedback.back-btn,
10506
- .wm-app .app-search .form-control-feedback.clear-btn {
10411
+ .wm-app .app-menu .dropdown-toggle .anchor-caption:empty + span.caret,
10412
+ .wm-app .app-menu .dropdown-toggle .btn-caption:empty + span.caret,
10413
+ .wm-app .app-menu .dropdown-toggle .caption:empty + span + span.caret {
10507
10414
  display: none;
10508
10415
  }
10509
- .wm-app .app-search .clear-btn.show-btn {
10510
- right: 2em !important;
10511
- cursor: pointer;
10512
- pointer-events: initial;
10513
- display: block;
10514
- z-index: 5;
10515
- padding-left: 10px;
10416
+ .wm-app .app-menu .dropdown-toggle.btn {
10417
+ white-space: normal;
10418
+ text-align: inherit;
10516
10419
  }
10517
- .wm-app .app-search [uib-typeahead-popup].dropdown-menu {
10518
- display: none;
10519
- }
10520
- .wm-app .app-search.full-screen.input-group {
10521
- width: 100% !important;
10522
- position: fixed;
10523
- display: block;
10524
- background-color: #fff;
10525
- height: 100%;
10526
- z-index: 5000;
10527
- border-radius: 0;
10528
- top: 0;
10529
- left: 0;
10530
- }
10531
- .wm-app .app-search.full-screen.input-group input {
10532
- padding-left: 2.5em;
10533
- border-bottom: 1px solid rgba(0, 0, 0, 0.5);
10534
- }
10535
- .wm-app .app-search.full-screen typeahead-container.dropdown.open {
10536
- top: 0 !important;
10537
- height: 100% !important;
10538
- }
10539
- .wm-app .app-search.full-screen .input-group-addon {
10540
- display: none;
10541
- }
10542
- .wm-app .app-search.full-screen .dropdown-menu {
10543
- display: block;
10544
- position: relative;
10545
- width: 100%;
10546
- ignore: a;
10547
- height: calc(100% - 36px);
10548
- overflow: auto;
10549
- max-height: initial;
10550
- top: 0 !important;
10551
- }
10552
- .wm-app .app-search.full-screen .back-btn {
10553
- right: 0.25em !important;
10554
- cursor: pointer;
10555
- pointer-events: initial;
10556
- display: block;
10557
- z-index: 5001;
10558
- left: 0;
10559
- }
10560
- .wm-app .visible-lg-block[hidden],
10561
- .wm-app .visible-lg-inline-block[hidden],
10562
- .wm-app .visible-lg-inline[hidden],
10563
- .wm-app .visible-md-block[hidden],
10564
- .wm-app .visible-md-inline-block[hidden],
10565
- .wm-app .visible-md-inline[hidden],
10566
- .wm-app .visible-sm-block[hidden],
10567
- .wm-app .visible-sm-inline-block[hidden],
10568
- .wm-app .visible-sm-inline[hidden],
10569
- .wm-app .visible-xs-block[hidden],
10570
- .wm-app .visible-xs-inline-block[hidden],
10571
- .wm-app .visible-xs-inline[hidden] {
10572
- display: none !important;
10573
- }
10574
- .wm-app .input-group.app-search {
10575
- display: inline-table;
10576
- width: 100%;
10577
- }
10578
- .wm-app input[type="file"] {
10579
- padding: 0;
10580
- }
10581
- .wm-app .app-spinner {
10582
- width: 100%;
10583
- height: 100%;
10584
- position: absolute;
10585
- top: 0;
10586
- left: 0;
10587
- z-index: 1050;
10588
- text-align: center;
10589
- background-color: rgba(0, 0, 0, 0.15);
10590
- }
10591
- .wm-app .app-spinner.spinner-transparent {
10592
- background-color: transparent;
10593
- }
10594
- .wm-app .app-spinner.spinner-transparent .spinner-message {
10595
- background-color: transparent;
10596
- border: none;
10597
- }
10598
- .wm-app .app-spinner .spinner-messages {
10599
- margin: 0;
10600
- }
10601
- .wm-app .app-spinner .spinner-messages p {
10602
- text-align: left;
10603
- margin: 0 0.4em;
10604
- }
10605
- .wm-app .app-spinner.app-page-switch .spinner-image {
10606
- color: #888;
10607
- }
10608
- .wm-app .app-spinner.app-page-switch .spinner-message {
10609
- background-color: transparent;
10610
- border: transparent;
10611
- }
10612
- .wm-app .app-spinner .spinner-message {
10613
- position: relative;
10614
- top: 40%;
10615
- margin-left: auto;
10616
- margin-right: auto;
10617
- padding: 0.5em;
10618
- background-color: transparent;
10619
- border: 1px solid transparent;
10620
- display: inline-table;
10621
- border-collapse: separate;
10622
- border-radius: 0.25em;
10623
- -webkit-transform: translate3d(0, 0, 0);
10624
- }
10625
- .wm-app .app-spinner .spinner-message .spinner-image,
10626
- .wm-app .app-spinner .spinner-message .spinner-messages,
10627
- .wm-app .app-spinner .spinner-message .spinner-text {
10628
- vertical-align: middle;
10629
- display: table-cell;
10630
- }
10631
- .wm-app .app-spinner .spinner-message .spinner-image {
10632
- font-size: 2em;
10633
- color: #212121;
10634
- }
10635
- .wm-app .app-spinner .spinner-message .spinner-text {
10636
- text-align: left;
10637
- padding-left: 0.5em;
10638
- }
10639
- .wm-app .infinite {
10640
- animation-iteration-count: infinite;
10641
- }
10642
- .wm-app .app-content .app-spinner .spinner-message {
10643
- background-color: rgba(255, 255, 255, 0.5);
10644
- border: 1px solid #aeaeae;
10645
- }
10646
- .wm-app .global-spinner,
10647
- .wm-app [classname="global-spinner"] {
10648
- position: fixed;
10649
- }
10650
- .wm-app .app-popover {
10651
- min-width: 50px;
10652
- min-height: 50px;
10653
- padding: 0;
10654
- }
10655
- .wm-app .app-popover .popover-end,
10656
- .wm-app .app-popover .popover-start {
10657
- width: 0;
10658
- padding: 0;
10659
- height: 0;
10660
- border: 0;
10661
- position: absolute;
10662
- }
10663
- .wm-app .app-popover .popover-content {
10664
- width: 100%;
10665
- height: 100%;
10666
- overflow: auto;
10667
- padding: 0;
10668
- }
10669
- .wm-app .app-popover .popover-content .app-partial {
10670
- overflow: auto;
10671
- }
10672
- .wm-app .app-popover .popover-content .app-partial > button {
10673
- margin-top: 0.9em;
10674
- }
10675
- .wm-app .app-popover .popover-title ~ .popover-content {
10676
- ignore: a;
10677
- height: calc(100% - 3em);
10678
- }
10679
- .wm-app .app-popover.bottom.bottom-right > .arrow,
10680
- .wm-app .app-popover.bottom.top-right > .arrow,
10681
- .wm-app .app-popover.top.bottom-right > .arrow,
10682
- .wm-app .app-popover.top.top-right > .arrow {
10683
- left: auto !important;
10684
- right: 1em !important;
10685
- }
10686
- .wm-app .app-popover-wrapper .disable-popover {
10687
- pointer-events: none;
10688
- }
10689
- .wm-app .app-button {
10690
- position: relative;
10691
- }
10692
- .wm-app .app-button .btn-caption {
10693
- margin: 0 0.2em;
10694
- vertical-align: middle;
10695
- }
10696
- .wm-app .app-button .btn-caption:empty {
10697
- margin: 0;
10698
- }
10699
- .wm-app .app-button .badge {
10700
- position: absolute;
10701
- top: 9pt;
10702
- right: 9pt;
10703
- }
10704
- .wm-app .app-menu {
10705
- display: inline-block;
10706
- position: relative;
10707
- }
10708
- .wm-app .app-menu .app-anchor > .caret,
10709
- .wm-app .app-menu .app-button > .caret {
10710
- border: none !important;
10711
- margin-top: 0.25em;
10712
- margin-right: 0.3em;
10713
- width: 6px;
10714
- position: relative;
10715
- }
10716
- .wm-app .app-menu .dropdown-toggle .anchor-caption:empty + span.caret,
10717
- .wm-app .app-menu .dropdown-toggle .btn-caption:empty + span.caret,
10718
- .wm-app .app-menu .dropdown-toggle .caption:empty + span + span.caret {
10719
- display: none;
10720
- }
10721
- .wm-app .app-menu .dropdown-toggle.btn {
10722
- white-space: normal;
10723
- text-align: inherit;
10724
- }
10725
- .wm-app .app-menu.open .dropdown-menu.horizontal {
10726
- display: table;
10420
+ .wm-app .app-menu.open .dropdown-menu.horizontal {
10421
+ display: table;
10727
10422
  }
10728
10423
  .wm-app .app-menu .dropdown-menu {
10729
10424
  z-index: 1040 !important;
@@ -11450,166 +11145,11 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
11450
11145
  -webkit-appearance: none;
11451
11146
  margin: 0;
11452
11147
  }
11453
- .wm-app .app-select,
11454
- .wm-app .app-textarea,
11455
- .wm-app .app-textbox {
11456
- max-width: 100%;
11457
- position: relative;
11458
- }
11459
- .wm-app .app-select.error,
11460
- .wm-app .app-textarea.error,
11461
- .wm-app .app-textbox.error {
11462
- border: 1px solid red;
11463
- }
11464
- .wm-app .select-locale.form-control.app-select {
11465
- width: auto;
11466
- }
11467
- .wm-app .app-input-wrapper,
11468
- .wm-app .app-select-wrapper {
11469
- display: inherit;
11470
- }
11471
- .wm-app .form-control optgroup {
11472
- background-color: rgba(0, 0, 0, 0.1);
11473
- }
11474
- .wm-app .form-control option {
11475
- background-color: #fff;
11476
- }
11477
- .wm-app .input-group .app-input-wrapper,
11478
- .wm-app .input-group .app-select-wrapper {
11479
- display: table-cell;
11480
- }
11481
- .wm-app .app-select option[disabled]:first-child {
11482
- display: none;
11483
- }
11484
- .wm-app .custom-select-disable .app-select option[disabled]:first-child {
11485
- display: block;
11486
- }
11487
- .wm-app .app-search.dropdown-menu .list-group-header {
11488
- list-style: none;
11489
- background-color: rgba(0, 0, 0, 0.1);
11490
- }
11491
- .wm-app .app-search.dropdown-menu .list-group-header.collapsible-content {
11492
- cursor: pointer;
11493
- }
11494
- .wm-app .app-search.dropdown-menu .list-group-header h4 {
11495
- margin: 0;
11496
- padding-left: 1em;
11497
- padding-right: 1em;
11498
- line-height: 2.5em;
11499
- display: table;
11500
- width: 100%;
11501
- }
11502
- .wm-app .app-search.dropdown-menu .list-group-header h4 .header-action {
11503
- display: table-cell;
11504
- }
11505
- .wm-app .app-search.dropdown-menu .list-group-header h4 .header-action i,
11506
- .wm-app .app-search.dropdown-menu .list-group-header h4 .header-action span {
11507
- float: right;
11508
- }
11509
- .wm-app .app-search.dropdown-menu .list-group-header h4 .header-action i {
11510
- padding: 0 10px;
11511
- }
11512
- .wm-app .app-timeinput {
11513
- position: relative;
11514
- max-width: 100%;
11515
- }
11516
11148
  .wm-app [widget="checkbox"][required="required"]:not([displayname]) .app-checkbox label.required:after {
11517
11149
  content: "*";
11518
11150
  color: red;
11519
11151
  margin-left: 2px;
11520
11152
  }
11521
- .wm-app .app-anchor {
11522
- cursor: pointer;
11523
- display: inline-block;
11524
- }
11525
- .wm-app .app-anchor .anchor-caption,
11526
- .wm-app .app-anchor .caption {
11527
- vertical-align: middle;
11528
- line-height: 1.4;
11529
- }
11530
- .wm-app .app-anchor .badge {
11531
- position: absolute;
11532
- right: 2px;
11533
- }
11534
- .wm-app .app-anchor .active .app-icon,
11535
- .wm-app .app-anchor .app-icon,
11536
- .wm-app .app-anchor:focus .app-icon,
11537
- .wm-app .app-anchor:hover .app-icon {
11538
- text-decoration: none;
11539
- }
11540
- .wm-app .app-checkbox.checkbox,
11541
- .wm-app .radio.app-radio {
11542
- display: inline-block;
11543
- }
11544
- .wm-app .app-checkbox.checkbox label,
11545
- .wm-app .radio.app-radio label {
11546
- width: 100%;
11547
- white-space: nowrap;
11548
- overflow: hidden;
11549
- text-overflow: ellipsis;
11550
- }
11551
- .wm-app .app-checkbox.checkbox label > *,
11552
- .wm-app .radio.app-radio label > * {
11553
- vertical-align: middle;
11554
- }
11555
- .wm-app .app-checkbox.checkbox label input:focus,
11556
- .wm-app .radio.app-radio label input:focus {
11557
- outline: #1794ef solid 1px !important;
11558
- }
11559
- .wm-app .app-toggle.checkbox label {
11560
- width: 60px;
11561
- height: 32px;
11562
- overflow: hidden;
11563
- box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
11564
- border-radius: 500px;
11565
- position: relative;
11566
- background-color: #2ecc71;
11567
- border: 1px solid rgba(0, 0, 0, 0.2);
11568
- }
11569
- .wm-app .app-toggle.checkbox label.unchecked {
11570
- background-color: #fff !important;
11571
- }
11572
- .wm-app .app-toggle.checkbox label.disabled {
11573
- opacity: 0.5;
11574
- }
11575
- .wm-app .app-toggle.checkbox input[type="checkbox"] {
11576
- position: absolute;
11577
- display: block;
11578
- cursor: pointer;
11579
- top: 0;
11580
- left: 0;
11581
- width: 100%;
11582
- height: 100%;
11583
- opacity: 0;
11584
- z-index: 6;
11585
- margin-top: 0 !important;
11586
- }
11587
- .wm-app .app-toggle.checkbox .caption {
11588
- visibility: hidden;
11589
- }
11590
- .wm-app .app-toggle.checkbox .switch {
11591
- position: absolute;
11592
- display: block;
11593
- left: 0;
11594
- top: 0;
11595
- background-color: #fff;
11596
- border-radius: 500px;
11597
- z-index: 1;
11598
- transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
11599
- transition-property: left, right;
11600
- transition-delay: 0s, 0.08s;
11601
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
11602
- text-align: center;
11603
- height: 100%;
11604
- border: 1px solid rgba(0, 0, 0, 0.1);
11605
- }
11606
- .wm-app .app-toggle.checkbox input[type="checkbox"]:checked ~ .switch {
11607
- right: 0;
11608
- left: auto;
11609
- transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
11610
- transition-property: left, right;
11611
- transition-delay: 0.08s, 0s;
11612
- }
11613
11153
  .wm-app .order-by li button {
11614
11154
  padding: 0;
11615
11155
  }
@@ -11651,13 +11191,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
11651
11191
  outline: 0;
11652
11192
  float: left;
11653
11193
  }
11654
- .wm-app .app-date .input-group-btn .btn:focus,
11655
- .wm-app .app-date .uib-button-bar .btn:focus,
11656
- .wm-app .app-datetime .input-group-btn .btn:focus,
11657
- .wm-app .app-datetime .uib-button-bar .btn:focus,
11658
- .wm-app .app-timeinput .input-group-btn .btn:focus {
11659
- outline: dotted 1px !important;
11660
- }
11661
11194
  .wm-app .nav.app-chips > li.app-chip-search .app-chip-input .app-textbox {
11662
11195
  height: 28px;
11663
11196
  padding: 4px 12px 8px;
@@ -11724,10 +11257,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
11724
11257
  overflow: hidden;
11725
11258
  transform: scale(1);
11726
11259
  }
11727
- .wm-app .app-datetime.input-group .dropdown-menu table,
11728
- .wm-app .app-timeinput.input-group .dropdown-menu table {
11729
- display: inline-table;
11730
- }
11731
11260
  .wm-app .app-switch .model-holder {
11732
11261
  width: 0;
11733
11262
  height: 0;
@@ -11744,10 +11273,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
11744
11273
  overflow: hidden;
11745
11274
  height: 100%;
11746
11275
  }
11747
- .wm-app .app-date.input-group .dropdown-menu li:last-child,
11748
- .wm-app .app-datetime.input-group .dropdown-menu li:last-child {
11749
- overflow: visible !important;
11750
- }
11751
11276
  .wm-app .app-switch .btn-group > .btn {
11752
11277
  border-radius: 500px;
11753
11278
  height: 100%;
@@ -11770,63 +11295,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
11770
11295
  vertical-align: middle;
11771
11296
  border-radius: 0;
11772
11297
  }
11773
- .wm-app .app-textarea {
11774
- height: 100%;
11775
- }
11776
- .wm-app .textarea-count {
11777
- text-align: right;
11778
- margin-top: 5px;
11779
- }
11780
- .wm-app .app-form .textarea-count {
11781
- width: calc(60%);
11782
- }
11783
- .wm-app .form-control.app-textarea {
11784
- height: 5.5em;
11785
- }
11786
- .wm-app .app-currency {
11787
- width: 100%;
11788
- }
11789
- .wm-app .app-timeinput.input-group {
11790
- max-width: 13em;
11791
- position: relative;
11792
- }
11793
- .wm-app .app-timeinput.input-group .dropdown {
11794
- position: static;
11795
- }
11796
- .wm-app .app-timeinput.input-group .dropdown-menu {
11797
- width: auto;
11798
- text-align: center;
11799
- }
11800
- .wm-app .app-datetime.input-group {
11801
- max-width: 21em;
11802
- position: relative;
11803
- }
11804
- .wm-app .app-datetime.input-group .dropdown {
11805
- position: static;
11806
- }
11807
- .wm-app .app-datetime.input-group .dropdown-menu {
11808
- top: 100% !important;
11809
- text-align: center;
11810
- width: auto;
11811
- padding: 0.5em;
11812
- }
11813
- .wm-app .app-datetime.input-group button.btn.btn-default.btn-date {
11814
- border-right: 0 #fff;
11815
- }
11816
- .wm-app .app-datetime.input-group button.btn.btn-default.btn-time {
11817
- border-left: 0 #fff;
11818
- }
11819
- .wm-app .app-date.input-group {
11820
- position: relative;
11821
- max-width: 13em;
11822
- }
11823
- .wm-app .app-date.input-group .form-control.app-dateinput {
11824
- position: relative;
11825
- }
11826
- .wm-app .app-date.input-group .dropdown-menu {
11827
- padding: 0.5em;
11828
- width: auto;
11829
- }
11830
11298
  .wm-app .mobile-input {
11831
11299
  left: 0;
11832
11300
  top: 0;
@@ -11840,71 +11308,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
11840
11308
  width: 100%;
11841
11309
  height: 31px;
11842
11310
  }
11843
- .wm-app .app-date .app-calendar-event .btn:after,
11844
- .wm-app .app-datetime .app-calendar-event .btn:after {
11845
- font-family: FontAwesome;
11846
- font-size: 6px;
11847
- content: "\f111\00a0\f111\00a0\f111";
11848
- position: absolute;
11849
- bottom: 0;
11850
- left: 0;
11851
- right: 0;
11852
- color: rgba(0, 0, 0, 0.2);
11853
- text-align: center;
11854
- line-height: 2px;
11855
- }
11856
- .wm-app .app-date .app-calendar-event.one .btn:after,
11857
- .wm-app .app-datetime .app-calendar-event.one .btn:after {
11858
- content: "\f111";
11859
- }
11860
- .wm-app .app-date .app-calendar-event.two .btn:after,
11861
- .wm-app .app-datetime .app-calendar-event.two .btn:after {
11862
- content: "\f111\00a0\f111";
11863
- }
11864
- .wm-app .app-date .uib-daypicker tbody .btn-default,
11865
- .wm-app .app-datetime .uib-daypicker tbody .btn-default {
11866
- position: relative;
11867
- margin: 0;
11868
- }
11869
- .wm-app .app-date .uib-daypicker tbody .btn-default:after,
11870
- .wm-app .app-datetime .uib-daypicker tbody .btn-default:after {
11871
- bottom: -1em;
11872
- }
11873
- .wm-app .app-date .uib-daypicker tbody .btn-default[disabled="disabled"],
11874
- .wm-app .app-datetime .uib-daypicker tbody .btn-default[disabled="disabled"] {
11875
- color: #aaa;
11876
- }
11877
- .wm-app .app-date .uib-daypicker table tbody tr.uib-weeks td:first-child,
11878
- .wm-app .app-datetime .uib-daypicker table tbody tr.uib-weeks td:first-child {
11879
- width: auto;
11880
- }
11881
- .wm-app .app-date tbody .btn.btn-default.active,
11882
- .wm-app .app-date tbody .btn.btn-default:focus,
11883
- .wm-app .app-datetime tbody .btn.btn-default.active,
11884
- .wm-app .app-datetime tbody .btn.btn-default:focus {
11885
- background-color: #bbb !important;
11886
- color: #333 !important;
11887
- }
11888
- .wm-app .app-date .add-opacity,
11889
- .wm-app .app-datetime .add-opacity,
11890
- .wm-app .app-timeinput .add-opacity {
11891
- opacity: 0 !important;
11892
- }
11893
- .wm-app .app-date .remove-opacity,
11894
- .wm-app .app-datetime .remove-opacity,
11895
- .wm-app .app-timeinput .remove-opacity {
11896
- opacity: 1 !important;
11897
- }
11898
- .wm-app .app-date .input-group-btn,
11899
- .wm-app .app-datetime .input-group-btn,
11900
- .wm-app .app-timeinput .input-group-btn {
11901
- vertical-align: top;
11902
- }
11903
- .wm-app .app-date .input-group-btn .app-icon,
11904
- .wm-app .app-datetime .input-group-btn .app-icon,
11905
- .wm-app .app-timeinput .input-group-btn .app-icon {
11906
- padding: 0;
11907
- }
11908
11311
  .wm-app .model-holder[bsdatepicker] {
11909
11312
  visibility: hidden;
11910
11313
  width: 0;
@@ -12000,471 +11403,50 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
12000
11403
  padding: 8px;
12001
11404
  margin-bottom: 8px;
12002
11405
  }
12003
- .wm-app .app-login-dialog .app-dialog-body .app-form {
12004
- box-shadow: none;
12005
- }
12006
- .wm-app .app-login-dialog .app-dialog-body .app-form .panel-body {
12007
- padding: 0;
12008
- }
12009
- .wm-app .app-dialog .app-dialog-form {
12010
- box-shadow: none;
12011
- border-color: transparent;
12012
- }
12013
- .wm-app .app-dialog .app-dialog-form .panel-body {
12014
- padding: 0;
12015
- }
12016
- .wm-app .app-dialog .app-form {
12017
- box-shadow: none !important;
12018
- border-color: transparent;
12019
- margin-bottom: 0;
12020
- }
12021
- .wm-app body.modal-open {
12022
- margin-right: 0;
12023
- overflow: hidden;
12024
- }
12025
- .wm-app body.modal-open .modal {
12026
- overflow: auto;
12027
- will-change: transform;
12028
- }
12029
- .wm-app .modal-backdrop {
12030
- height: 100%;
12031
- bottom: 0;
12032
- position: fixed !important;
12033
- }
12034
- .wm-app .app-list,
12035
- .wm-app .app-livelist {
12036
- position: relative;
12037
- list-style: none;
12038
- margin: 0;
12039
- padding: 0;
12040
- min-height: 2em;
12041
- }
12042
- .wm-app .app-list.inline .app-list-item,
12043
- .wm-app .app-livelist.inline .app-list-item {
12044
- display: inline-block;
12045
- }
12046
- .wm-app .app-list.Inline > .panel-heading,
12047
- .wm-app .app-livelist.Inline > .panel-heading {
12048
- display: table-caption;
12049
- background-color: inherit;
12050
- }
12051
- .wm-app .app-list > ul,
12052
- .wm-app .app-livelist > ul {
12053
- display: block;
12054
- padding-bottom: 1px;
12055
- }
12056
- .wm-app .app-list ul.list-group,
12057
- .wm-app .app-livelist ul.list-group {
12058
- margin-bottom: 0;
12059
- }
12060
- .wm-app .app-list li.app-list-item-group,
12061
- .wm-app .app-livelist li.app-list-item-group {
12062
- list-style: none;
12063
- }
12064
- .wm-app .app-list li.app-list-item-header,
12065
- .wm-app .app-livelist li.app-list-item-header {
12066
- list-style: none;
12067
- background-color: rgba(0, 0, 0, 0.1);
12068
- }
12069
- .wm-app .app-list li.app-list-item-header.collapsible-content,
12070
- .wm-app .app-livelist li.app-list-item-header.collapsible-content {
12071
- cursor: pointer;
12072
- }
12073
- .wm-app .app-list li.app-list-item-header h4,
12074
- .wm-app .app-livelist li.app-list-item-header h4 {
12075
- margin: 0;
12076
- padding-left: 1em;
12077
- padding-right: 1em;
12078
- line-height: 2.5em;
12079
- display: table;
12080
- width: 100%;
12081
- }
12082
- .wm-app .app-list li.app-list-item-header h4 .header-action,
12083
- .wm-app .app-livelist li.app-list-item-header h4 .header-action {
12084
- display: table-cell;
12085
- }
12086
- .wm-app .app-list li.app-list-item-header h4 .header-action i,
12087
- .wm-app .app-list li.app-list-item-header h4 .header-action span,
12088
- .wm-app .app-livelist li.app-list-item-header h4 .header-action i,
12089
- .wm-app .app-livelist li.app-list-item-header h4 .header-action span {
12090
- float: right;
12091
- }
12092
- .wm-app .app-list li.app-list-item-header h4 .header-action i,
12093
- .wm-app .app-livelist li.app-list-item-header h4 .header-action i {
12094
- padding: 0 10px;
12095
- }
12096
- .wm-app .app-list .app-list-item,
12097
- .wm-app .app-livelist .app-list-item {
12098
- position: relative;
12099
- list-style: none;
12100
- outline: 0;
12101
- }
12102
- .wm-app .app-list .app-list-item .app-list-item-value,
12103
- .wm-app .app-livelist .app-list-item .app-list-item-value {
12104
- word-break: break-word;
12105
- }
12106
- .wm-app .app-list .app-list-item.active,
12107
- .wm-app .app-livelist .app-list-item.active {
12108
- z-index: auto !important;
12109
- }
12110
- .wm-app .app-list .app-list-item.active.list-group-item .app-icon,
12111
- .wm-app .app-list .app-list-item.active.list-group-item .app-label,
12112
- .wm-app .app-livelist .app-list-item.active.list-group-item .app-icon,
12113
- .wm-app .app-livelist .app-list-item.active.list-group-item .app-label {
12114
- opacity: 0.9;
12115
- }
12116
- .wm-app .app-list .app-list-item.active.list-group-item .text-muted,
12117
- .wm-app .app-livelist .app-list-item.active.list-group-item .text-muted {
12118
- opacity: 0.7;
12119
- }
12120
- .wm-app .app-list .app-list-item.active.list-group-item .app-card,
12121
- .wm-app .app-list .app-list-item.active.list-group-item .app-panel,
12122
- .wm-app .app-list .app-list-item.active.list-group-item .app-tabs .tab-content,
12123
- .wm-app .app-list .app-list-item.active.list-group-item .ta-editor,
12124
- .wm-app .app-livelist .app-list-item.active.list-group-item .app-card,
12125
- .wm-app .app-livelist .app-list-item.active.list-group-item .app-panel,
12126
- .wm-app .app-livelist .app-list-item.active.list-group-item .app-tabs .tab-content,
12127
- .wm-app .app-livelist .app-list-item.active.list-group-item .ta-editor {
12128
- color: #333;
12129
- }
12130
- .wm-app .app-list .app-list-item.active.list-group-item .app-card:not(.panel) .panel-heading,
12131
- .wm-app .app-list .app-list-item.active.list-group-item .app-panel:not(.panel) .panel-heading,
12132
- .wm-app .app-livelist .app-list-item.active.list-group-item .app-card:not(.panel) .panel-heading,
12133
- .wm-app .app-livelist .app-list-item.active.list-group-item .app-panel:not(.panel) .panel-heading {
12134
- color: #fff;
12135
- }
12136
- .wm-app .app-list .app-picture,
12137
- .wm-app .app-livelist .app-picture {
12138
- text-align: center;
12139
- }
12140
- .wm-app .app-livelist li.app-list-item {
12141
- display: inline-block;
12142
- float: none;
12143
- vertical-align: top;
12144
- }
12145
- .wm-app .app-livelist li.app-list-item > .app-card {
12146
- height: 100%;
12147
- }
12148
- .wm-app .app-livelist li.app-list-item.active > .app-card {
12149
- border: 1px solid rgba(168, 168, 168, 0.9);
12150
- }
12151
- .wm-app .app-livelist li.app-list-item.disable-item:before {
12152
- content: "";
12153
- width: 100%;
12154
- height: 100%;
12155
- position: absolute;
12156
- left: 0;
12157
- right: 0;
12158
- top: 0;
12159
- bottom: 0;
12160
- z-index: 999;
12161
- }
12162
- .wm-app .app-livelist li.app-list-item:focus:not(.active):not(.disable-item) {
12163
- background-color: rgba(0, 0, 0, 0.05);
12164
- }
12165
- .wm-app .app-livelist .app-horizontal-list {
12166
- white-space: nowrap;
12167
- overflow: auto;
12168
- }
12169
- .wm-app .app-livelist .app-horizontal-list li.app-list-item {
12170
- white-space: normal;
12171
- margin-right: 4pt;
12172
- }
12173
- .wm-app .app-livelist > div.app-datanavigator,
12174
- .wm-app .app-livelist > nav.app-datanavigator {
12175
- display: table-cell;
12176
- vertical-align: middle;
12177
- width: 40pt;
12178
- padding: 5pt;
12179
- }
12180
- .wm-app .app-livelist.Inline {
12181
- display: table;
12182
- table-layout: fixed;
12183
- width: 100%;
12184
- }
12185
- .wm-app .app-livelist.Inline .app-livelist-container {
12186
- padding: 0;
12187
- }
12188
- .wm-app .app-livelist.Inline .app-list-item-group,
12189
- .wm-app .app-livelist.Inline .app-livelist-container .app-list-item {
12190
- display: inline-block;
12191
- }
12192
- .wm-app .app-livelist.Inline .app-datanavigator {
12193
- overflow: hidden;
12194
- }
12195
- .wm-app .app-livelist .app-datanavigator + .app-livelist-container {
12196
- vertical-align: middle;
12197
- white-space: nowrap;
12198
- overflow-x: auto;
12199
- overflow-y: hidden !important;
12200
- }
12201
- .wm-app .app-livelist .app-datanavigator + .app-livelist-container .app-list-item {
12202
- white-space: normal;
12203
- float: none;
12204
- }
12205
- .wm-app .app-livelist .app-datanavigator + .app-livelist-container .app-list-item-group ul.list-group {
12206
- display: inline-table;
12207
- }
12208
- .wm-app .app-livelist .app-datanavigator + .app-livelist-container .app-list-item-group ul.list-group > li {
12209
- display: inline-block;
12210
- vertical-align: middle;
12211
- }
12212
- .wm-app .app-livelist .app-datanavigator + .app-livelist-container .app-list-item-group ul.list-group .app-list-item-header {
12213
- display: table-cell;
12214
- text-align: center;
12215
- width: 10%;
12216
- white-space: normal;
12217
- }
12218
- .wm-app .app-grid .no-wrap,
12219
- .wm-app .app-grid .table tbody tr td .actions-column,
12220
- .wm-app .app-medialist.singlerow,
12221
- .wm-app .app-tabs .nav.nav-tabs,
12222
- .wm-app .app-tabs.has-transition > .tab-content {
12223
- white-space: nowrap;
12224
- }
12225
- .wm-app .app-livelist ul {
12226
- position: relative;
12227
- }
12228
- .wm-app .app-livelist .app-label {
12229
- overflow: hidden;
12230
- text-overflow: ellipsis;
12231
- word-break: break-word;
12232
- }
12233
- .wm-app .app-livelist .media {
12234
- margin-top: 0;
12235
- }
12236
- .wm-app .app-livelist .media-right {
12237
- padding-left: 0 !important;
12238
- }
12239
- .wm-app .app-livelist .media-right a,
12240
- .wm-app .app-livelist .media-right a:focus,
12241
- .wm-app .app-livelist .media-right a:hover {
12242
- text-decoration: none;
12243
- }
12244
- .wm-app .app-livelist .media-right a i,
12245
- .wm-app .app-livelist .media-right a:focus i,
12246
- .wm-app .app-livelist .media-right a:hover i {
12247
- font-size: 18pt;
12248
- color: inherit;
12249
- }
12250
- .wm-app .app-livelist .media-right ul.dropdown-menu a i {
12251
- font-size: inherit;
12252
- }
12253
- .wm-app .app-livelist .thumbnail {
12254
- margin-bottom: 0;
12255
- text-align: center;
12256
- }
12257
- .wm-app .app-livelist .thumbnail .caption .detail {
12258
- font-weight: 400;
12259
- }
12260
- .wm-app .app-livelist .loading-data-msg,
12261
- .wm-app .app-livelist .no-data-msg {
12262
- text-align: center;
12263
- }
12264
- .wm-app .app-livelist .loading-data-msg .app-icon {
12265
- font-size: 16pt;
12266
- }
12267
- .wm-app .app-livelist .loading-data-msg .loading-text {
12268
- vertical-align: top;
12269
- padding-left: 10px;
12270
- }
12271
- .wm-app .app-livelist:not(.On-Demand):not(.Scroll) .loading-data-msg {
12272
- position: absolute;
12273
- top: 0;
12274
- bottom: 5.3em;
12275
- width: 100%;
12276
- background: rgba(200, 200, 200, 0.55);
12277
- }
12278
- .wm-app .app-livelist:not(.On-Demand):not(.Scroll) .loading-data-msg > span {
12279
- position: absolute;
12280
- top: 50%;
12281
- left: 0;
12282
- width: 100%;
12283
- }
12284
- .wm-app .app-livelist:not(.On-Demand):not(.Scroll).None .loading-data-msg {
12285
- bottom: 0;
12286
- }
12287
- .wm-app .app-livelist:not(.On-Demand):not(.Scroll).Inline .loading-data-msg {
12288
- left: 0;
12289
- bottom: 0;
12290
- z-index: 1;
12291
- }
12292
- .wm-app .app-livelist.On-Demand .loading-data-msg,
12293
- .wm-app .app-livelist.Scroll .loading-data-msg {
12294
- height: 4em;
12295
- display: table;
12296
- width: 100%;
12297
- }
12298
- .wm-app .app-livelist.On-Demand .loading-data-msg > span,
12299
- .wm-app .app-livelist.Scroll .loading-data-msg > span {
12300
- display: table-cell;
12301
- height: 100%;
12302
- vertical-align: middle;
12303
- }
12304
- .wm-app .app-livelist.On-Demand .panel-footer {
12305
- padding: 0;
12306
- }
12307
- .wm-app .app-prefab {
12308
- min-height: 1em;
12309
- position: relative;
12310
- }
12311
- .wm-app .app-prefab .app-view {
12312
- z-index: 1000;
12313
- }
12314
- .wm-app .app-prefab .app-page .app-content {
12315
- background-color: transparent;
12316
- }
12317
- .wm-app .app-prefab-run {
12318
- height: 100%;
12319
- min-height: 500px;
12320
- }
12321
- .wm-app .app-datanavigator {
12322
- position: relative;
12323
- overflow-y: auto;
12324
- }
12325
- .wm-app .app-datanavigator .pagination,
12326
- .wm-app .app-datanavigator ul.pager,
12327
- .wm-app .app-datanavigator ul.pagination {
12328
- margin: 0;
12329
- }
12330
- .wm-app .app-datanavigator .pagination > li.pagecount > a,
12331
- .wm-app .app-datanavigator ul.pager > li.pagecount > a,
12332
- .wm-app .app-datanavigator ul.pagination > li.pagecount > a {
12333
- width: 4em;
12334
- padding-left: 0;
12335
- padding-right: 0;
12336
- height: 100%;
12337
- }
12338
- .wm-app .app-datanavigator .pagination > li.pagecount > a.ng-invalid,
12339
- .wm-app .app-datanavigator ul.pager > li.pagecount > a.ng-invalid,
12340
- .wm-app .app-datanavigator ul.pagination > li.pagecount > a.ng-invalid {
12341
- margin-right: 1px;
12342
- border-color: red;
12343
- }
12344
- .wm-app .app-datanavigator .pagination > li.pagecount > a .form-control,
12345
- .wm-app .app-datanavigator ul.pager > li.pagecount > a .form-control,
12346
- .wm-app .app-datanavigator ul.pagination > li.pagecount > a .form-control {
12347
- height: auto;
12348
- border: none;
12349
- box-shadow: none;
12350
- padding: 0 2px;
12351
- font-size: inherit !important;
12352
- background-color: transparent;
12353
- line-height: inherit;
12354
- }
12355
- .wm-app .app-datanavigator .pagination > li.totalcount.basiccount > a,
12356
- .wm-app .app-datanavigator ul.pager > li.totalcount.basiccount > a,
12357
- .wm-app .app-datanavigator ul.pagination > li.totalcount.basiccount > a {
12358
- border-left: 0;
12359
- }
12360
- .wm-app .app-datanavigator ul.pager {
12361
- display: inline-block;
12362
- }
12363
- .wm-app .app-datanavigator ul.pager.pager-sm {
12364
- zoom: 80%;
12365
- }
12366
- .wm-app .app-datanavigator .pagination.basic.pagination-sm .pagination-first a:before,
12367
- .wm-app .app-datanavigator .pagination.basic.pagination-sm .pagination-last a:before,
12368
- .wm-app .app-datanavigator .pagination.basic.pagination-sm .pagination-next a:before,
12369
- .wm-app .app-datanavigator .pagination.basic.pagination-sm .pagination-prev a:before,
12370
- .wm-app .app-datanavigator ul.pagination.basic.pagination-sm .pagination-first a:before,
12371
- .wm-app .app-datanavigator ul.pagination.basic.pagination-sm .pagination-last a:before,
12372
- .wm-app .app-datanavigator ul.pagination.basic.pagination-sm .pagination-next a:before,
12373
- .wm-app .app-datanavigator ul.pagination.basic.pagination-sm .pagination-prev a:before {
12374
- font-size: 11pt;
12375
- }
12376
- .wm-app .app-datanavigator .pagination.basic > li > a,
12377
- .wm-app .app-datanavigator ul.pagination.basic > li > a {
12378
- color: inherit;
12379
- background-color: transparent;
12380
- border-width: 0;
12381
- text-align: center;
12382
- }
12383
- .wm-app .app-datanavigator .pagination.basic > li.active > a,
12384
- .wm-app .app-datanavigator .pagination.basic > li:focus > a,
12385
- .wm-app .app-datanavigator .pagination.basic > li:hover > a,
12386
- .wm-app .app-datanavigator ul.pagination.basic > li.active > a,
12387
- .wm-app .app-datanavigator ul.pagination.basic > li:focus > a,
12388
- .wm-app .app-datanavigator ul.pagination.basic > li:hover > a {
12389
- color: inherit;
12390
- background-color: transparent;
12391
- border-bottom-width: 3px;
12392
- }
12393
- .wm-app .app-datanavigator .pagination.basic > li.active > a:hover,
12394
- .wm-app .app-datanavigator .pagination.basic > li:focus > a:hover,
12395
- .wm-app .app-datanavigator .pagination.basic > li:hover > a:hover,
12396
- .wm-app .app-datanavigator ul.pagination.basic > li.active > a:hover,
12397
- .wm-app .app-datanavigator ul.pagination.basic > li:focus > a:hover,
12398
- .wm-app .app-datanavigator ul.pagination.basic > li:hover > a:hover {
12399
- background-color: transparent;
12400
- border-bottom-width: 3px;
12401
- color: inherit;
12402
- font-weight: 700;
12403
- }
12404
- .wm-app .app-datanavigator .pagination.basic > li.disabled a[disabled],
12405
- .wm-app .app-datanavigator ul.pagination.basic > li.disabled a[disabled] {
12406
- pointer-events: none;
12407
- display: inline-block;
12408
- padding-left: 0;
12409
- padding-right: 0;
12410
- text-align: center;
11406
+ .wm-app .app-login-dialog .app-dialog-body .app-form {
11407
+ box-shadow: none;
12411
11408
  }
12412
- .wm-app .app-datanavigator .pagination.basic > li.disabled a[disabled]:before,
12413
- .wm-app .app-datanavigator ul.pagination.basic > li.disabled a[disabled]:before {
12414
- display: inline-block;
11409
+ .wm-app .app-login-dialog .app-dialog-body .app-form .panel-body {
11410
+ padding: 0;
11411
+ }
11412
+ .wm-app .app-dialog .app-dialog-form {
11413
+ box-shadow: none;
11414
+ border-color: transparent;
12415
11415
  }
12416
- .wm-app .app-datanavigator .pagination.basic .pagination-first a,
12417
- .wm-app .app-datanavigator .pagination.basic .pagination-last a,
12418
- .wm-app .app-datanavigator .pagination.basic .pagination-next a,
12419
- .wm-app .app-datanavigator .pagination.basic .pagination-prev a,
12420
- .wm-app .app-datanavigator ul.pagination.basic .pagination-first a,
12421
- .wm-app .app-datanavigator ul.pagination.basic .pagination-last a,
12422
- .wm-app .app-datanavigator ul.pagination.basic .pagination-next a,
12423
- .wm-app .app-datanavigator ul.pagination.basic .pagination-prev a {
11416
+ .wm-app .app-dialog .app-dialog-form .panel-body {
12424
11417
  padding: 0;
12425
- font-size: 0;
12426
- display: inline-table;
12427
11418
  }
12428
- .wm-app .app-datanavigator .pagination.basic .pagination-first a:before,
12429
- .wm-app .app-datanavigator .pagination.basic .pagination-last a:before,
12430
- .wm-app .app-datanavigator .pagination.basic .pagination-next a:before,
12431
- .wm-app .app-datanavigator .pagination.basic .pagination-prev a:before,
12432
- .wm-app .app-datanavigator ul.pagination.basic .pagination-first a:before,
12433
- .wm-app .app-datanavigator ul.pagination.basic .pagination-last a:before,
12434
- .wm-app .app-datanavigator ul.pagination.basic .pagination-next a:before,
12435
- .wm-app .app-datanavigator ul.pagination.basic .pagination-prev a:before {
12436
- font-family: wavicon;
12437
- font-size: 16pt;
12438
- vertical-align: initial;
12439
- width: 16pt;
12440
- height: 16pt;
12441
- position: relative;
11419
+ .wm-app .app-dialog .app-form {
11420
+ box-shadow: none !important;
11421
+ border-color: transparent;
11422
+ margin-bottom: 0;
12442
11423
  }
12443
- .wm-app .app-datanavigator .pagination.basic .pagination-next a:before,
12444
- .wm-app .app-datanavigator ul.pagination.basic .pagination-next a:before {
12445
- content: "\f1d2";
11424
+ .wm-app body.modal-open {
11425
+ margin-right: 0;
11426
+ overflow: hidden;
12446
11427
  }
12447
- .wm-app .app-datanavigator .pagination.basic .pagination-first a:before,
12448
- .wm-app .app-datanavigator ul.pagination.basic .pagination-first a:before {
12449
- content: "\f288";
11428
+ .wm-app body.modal-open .modal {
11429
+ overflow: auto;
11430
+ will-change: transform;
12450
11431
  }
12451
- .wm-app .app-datanavigator .pagination.basic .pagination-last a:before,
12452
- .wm-app .app-datanavigator ul.pagination.basic .pagination-last a:before {
12453
- content: "\f322";
11432
+ .wm-app .modal-backdrop {
11433
+ height: 100%;
11434
+ bottom: 0;
11435
+ position: fixed !important;
12454
11436
  }
12455
- .wm-app .app-datanavigator .pagination.active,
12456
- .wm-app .app-datanavigator ul.pagination.active {
12457
- background-color: transparent;
12458
- border-bottom-width: 2px;
11437
+ .wm-app .app-prefab {
11438
+ min-height: 1em;
11439
+ position: relative;
12459
11440
  }
12460
- .wm-app .app-datanavigator li.totalcount.basiccount a:hover,
12461
- .wm-app .app-datanavigator li.totalcount.basiccount > a {
12462
- color: inherit;
11441
+ .wm-app .app-prefab .app-view {
11442
+ z-index: 1000;
11443
+ }
11444
+ .wm-app .app-prefab .app-page .app-content {
12463
11445
  background-color: transparent;
12464
- border-width: 0;
12465
11446
  }
12466
- .wm-app .app-datanavigator[navigation="Pager"] {
12467
- overflow: hidden;
11447
+ .wm-app .app-prefab-run {
11448
+ height: 100%;
11449
+ min-height: 500px;
12468
11450
  }
12469
11451
  .wm-app .app-grid {
12470
11452
  position: relative;
@@ -12492,9 +11474,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
12492
11474
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
12493
11475
  outline: 0;
12494
11476
  }
12495
- .wm-app .app-grid .form-search .app-select {
12496
- width: auto;
12497
- }
12498
11477
  .wm-app .app-grid[spacing="condensed"] .app-datagrid-actions .app-anchor {
12499
11478
  font-size: 13px;
12500
11479
  }
@@ -12614,10 +11593,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
12614
11593
  .wm-app .app-grid .app-datagrid .app-datagrid-cell.cell-editing {
12615
11594
  vertical-align: middle;
12616
11595
  }
12617
- .wm-app .app-grid .app-datagrid .app-datagrid-cell.cell-editing .app-input-wrapper,
12618
- .wm-app .app-grid .app-datagrid .app-datagrid-cell.cell-editing .app-select-wrapper {
12619
- display: block;
12620
- }
12621
11596
  .wm-app .app-grid .app-datagrid .app-datagrid-cell.cell-editing:not(.checkbox-widget) .uib-timepicker input {
12622
11597
  border: 1px solid #e0e0e0;
12623
11598
  }
@@ -12812,11 +11787,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
12812
11787
  .wm-app .table-bordered {
12813
11788
  border-collapse: separate !important;
12814
11789
  }
12815
- .wm-app .app-form .panel-body,
12816
- .wm-app .app-livefilter .panel-body,
12817
- .wm-app .app-liveform .panel-body {
12818
- padding: 12px;
12819
- }
12820
11790
  .wm-app .nav > li .app-popover-wrapper a {
12821
11791
  position: relative;
12822
11792
  display: block;
@@ -12849,14 +11819,10 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
12849
11819
  display: table-cell;
12850
11820
  vertical-align: top;
12851
11821
  }
12852
- .wm-app .app-medialist .app-media-fullscreen .app-mobile-navbar .left-nav-btn,
12853
11822
  .wm-app .app-richtexteditor .locked.note-statusbar,
12854
11823
  .wm-app .wm-mobile-app .app-media-fullscreen .app-mobile-navbar .left-nav-btn {
12855
11824
  display: none;
12856
11825
  }
12857
- .wm-app .app-datagrid-paginator .pagination-sm li a {
12858
- padding-top: 6px;
12859
- }
12860
11826
  .wm-app .dropdown-menu.matchmode-dropdown {
12861
11827
  z-index: 2000;
12862
11828
  max-height: 300px;
@@ -12930,114 +11896,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
12930
11896
  .wm-app .note-modal .note-modal-footer > button {
12931
11897
  float: none;
12932
11898
  }
12933
- .wm-app .app-medialist {
12934
- overflow: auto;
12935
- }
12936
- .wm-app .app-medialist .thumbnail {
12937
- width: 100%;
12938
- height: 100%;
12939
- text-align: center;
12940
- position: relative;
12941
- }
12942
- .wm-app .app-medialist .thumbnail .thumbnail-image {
12943
- max-width: 100%;
12944
- width: auto;
12945
- height: 100%;
12946
- }
12947
- .wm-app .app-medialist .thumbnail .thumbnail-image-template {
12948
- max-width: 100%;
12949
- width: 100%;
12950
- height: 100%;
12951
- }
12952
- .wm-app .app-medialist .thumbnail .thumbnail-details {
12953
- position: absolute;
12954
- width: 100%;
12955
- height: 100%;
12956
- top: 0;
12957
- text-align: left;
12958
- }
12959
- .wm-app .app-medialist .app-media-item {
12960
- text-align: left;
12961
- position: relative;
12962
- }
12963
- .wm-app .app-medialist .app-media-thumbnail {
12964
- z-index: 100;
12965
- }
12966
- .wm-app .app-medialist .app-media-fullscreen,
12967
- .wm-app .wm-mobile-app .app-media-fullscreen {
12968
- z-index: 1000;
12969
- position: fixed;
12970
- top: 0;
12971
- right: 0;
12972
- bottom: 0;
12973
- left: 0;
12974
- }
12975
- .wm-app .app-medialist .app-media-fullscreen .app-header + .app-content,
12976
- .wm-app .wm-mobile-app .app-media-fullscreen .app-header + .app-content {
12977
- margin: 0;
12978
- ignore: a;
12979
- height: calc(100% - 36pt);
12980
- }
12981
- .wm-app .app-medialist .app-media-fullscreen .media-content,
12982
- .wm-app .wm-mobile-app .app-media-fullscreen .media-content {
12983
- display: table;
12984
- width: 100%;
12985
- height: 100%;
12986
- }
12987
- .wm-app .app-medialist .app-media-fullscreen .image-container,
12988
- .wm-app .wm-mobile-app .app-media-fullscreen .image-container {
12989
- display: table-cell;
12990
- vertical-align: middle;
12991
- text-align: center;
12992
- }
12993
- .wm-app .app-medialist .app-media-fullscreen .app-media-fullscreen-info-panel,
12994
- .wm-app .wm-mobile-app .app-media-fullscreen .app-media-fullscreen-info-panel {
12995
- position: absolute;
12996
- top: 0;
12997
- font-size: 1.5em;
12998
- color: #fff;
12999
- text-align: center;
13000
- width: 100%;
13001
- padding: 10px;
13002
- background-color: rgba(74, 75, 76, 0.38);
13003
- }
13004
- .wm-app .app-medialist .app-media-fullscreen .app-media-fullscreen-info-panel .back-btn,
13005
- .wm-app .wm-mobile-app .app-media-fullscreen .app-media-fullscreen-info-panel .back-btn {
13006
- font-size: 2em;
13007
- }
13008
- .wm-app .app-medialist .app-media-fullscreen .app-media-fullscreen-nav-control,
13009
- .wm-app .wm-mobile-app .app-media-fullscreen .app-media-fullscreen-nav-control {
13010
- position: absolute;
13011
- top: 50%;
13012
- background-color: rgba(74, 75, 76, 0.38);
13013
- border-radius: 20pt;
13014
- margin: -15pt 10pt 0;
13015
- color: #fff;
13016
- font-size: 18pt;
13017
- width: 30pt;
13018
- height: 30pt;
13019
- text-align: center;
13020
- }
13021
- .wm-app .app-accordion,
13022
- .wm-app .app-tabs.inverted > ul.nav:not(.nav-stacked) > li {
13023
- margin-bottom: 0;
13024
- }
13025
- .wm-app .app-medialist .app-media-fullscreen .app-media-fullscreen-nav-control:hover,
13026
- .wm-app .wm-mobile-app .app-media-fullscreen .app-media-fullscreen-nav-control:hover {
13027
- background-color: rgba(0, 0, 0, 0.5);
13028
- }
13029
- .wm-app .app-medialist .app-media-fullscreen .app-media-fullscreen-nav-control.left,
13030
- .wm-app .wm-mobile-app .app-media-fullscreen .app-media-fullscreen-nav-control.left {
13031
- left: 0;
13032
- }
13033
- .wm-app .app-medialist .app-media-fullscreen .app-media-fullscreen-nav-control.right,
13034
- .wm-app .wm-mobile-app .app-media-fullscreen .app-media-fullscreen-nav-control.right {
13035
- right: 0;
13036
- }
13037
- .wm-app .app-medialist .app-media-fullscreen .app-media-fullscreen-nav-control i.wi,
13038
- .wm-app .wm-mobile-app .app-media-fullscreen .app-media-fullscreen-nav-control i.wi {
13039
- text-decoration: none;
13040
- }
13041
11899
  .wm-app .app-tile {
13042
11900
  padding: 1em;
13043
11901
  margin: 0;
@@ -13046,46 +11904,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
13046
11904
  width: 100%;
13047
11905
  overflow: hidden;
13048
11906
  }
13049
- .wm-app .app-accordion {
13050
- position: relative;
13051
- }
13052
- .wm-app .app-accordion .panel + .panel {
13053
- margin: 0;
13054
- }
13055
- .wm-app .app-accordion .app-accordion-panel,
13056
- .wm-app .app-accordion .app-accordion-panel .panel-body,
13057
- .wm-app .app-accordion .app-accordion-panel .panel-collapse {
13058
- position: relative;
13059
- }
13060
- .wm-app .app-accordion .app-accordion-panel > .panel-heading {
13061
- width: 100%;
13062
- position: relative;
13063
- cursor: pointer;
13064
- }
13065
- .wm-app .app-accordion .app-accordion-panel > .panel-heading .panel-title > a {
13066
- text-decoration: none;
13067
- }
13068
- .wm-app .app-accordion .app-accordion-panel > .panel-heading .panel-title .panel-icon {
13069
- margin-right: 0.5em;
13070
- }
13071
- .wm-app .app-accordion .app-accordion-panel > .panel-heading > .panel-actions {
13072
- float: right;
13073
- right: 0.25em;
13074
- top: 0.9em;
13075
- position: absolute;
13076
- margin-right: 0.2em;
13077
- }
13078
- .wm-app .app-accordion .app-accordion-panel > .panel-heading > .panel-actions .panel-action {
13079
- background: 0 0;
13080
- box-shadow: none;
13081
- border: none;
13082
- padding: 0;
13083
- margin-right: 0.25em;
13084
- outline: 0;
13085
- }
13086
- .wm-app .app-accordion .app-accordion-panel > .panel-heading > .panel-actions .label {
13087
- margin-right: 0.25em;
13088
- }
13089
11907
  .wm-app .app-tabs {
13090
11908
  position: relative;
13091
11909
  width: 100%;
@@ -13367,127 +12185,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
13367
12185
  .wm-app .app-calendar .fc .fc-divider {
13368
12186
  margin: 0;
13369
12187
  }
13370
- .wm-app .app-livefilter {
13371
- position: relative;
13372
- }
13373
- .wm-app .app-livefilter .panel-heading .panel-title {
13374
- display: table;
13375
- width: 100%;
13376
- }
13377
- .wm-app .app-livefilter .panel-heading .panel-actions {
13378
- display: table-cell;
13379
- text-align: right;
13380
- }
13381
- .wm-app .app-livefilter .panel-heading .panel-actions .panel-action {
13382
- background: 0 0;
13383
- border: none;
13384
- padding: 0;
13385
- outline: 0;
13386
- }
13387
- .wm-app .app-livefilter .form-control {
13388
- display: inline-block;
13389
- }
13390
- .wm-app .app-livefilter .app-button,
13391
- .wm-app .app-livefilter .form-control {
13392
- margin-bottom: 4px;
13393
- margin-right: 8px;
13394
- }
13395
- .wm-app .app-livefilter .app-button {
13396
- float: right;
13397
- }
13398
- .wm-app .app-livefilter .form-group .list-group {
13399
- margin-bottom: 0;
13400
- }
13401
- .wm-app .app-livefilter .form-group .checkbox,
13402
- .wm-app .app-livefilter .form-group .radio {
13403
- margin-top: 0;
13404
- }
13405
- .wm-app .app-livefilter .form-group div.col-md-4 {
13406
- padding-right: 4px;
13407
- }
13408
- .wm-app .app-livefilter .form-group .inline .checkbox,
13409
- .wm-app .app-livefilter .form-group .inline .radio {
13410
- margin-top: 10px;
13411
- }
13412
- .wm-app .app-datetime.input-group-lg .form-control,
13413
- .wm-app .app-timeinput.input-group-lg .form-control {
13414
- font-size: 16px;
13415
- line-height: 1.3333333;
13416
- border-radius: 0;
13417
- }
13418
- .wm-app .app-datetime.input-group-sm .form-control,
13419
- .wm-app .app-timeinput.input-group-sm .form-control {
13420
- font-size: 11px;
13421
- line-height: 1.5;
13422
- border-radius: 0;
13423
- }
13424
- .wm-app .app-livefilter .form-control,
13425
- .wm-app .app-liveform .form-control {
13426
- border-radius: 0;
13427
- }
13428
- .wm-app .app-livefilter .app-date .input-group-btn .btn.btn-default,
13429
- .wm-app .app-livefilter .app-date .input-group-btn .btn.btn-default:hover,
13430
- .wm-app .app-livefilter .app-datetime .input-group-btn .btn.btn-default,
13431
- .wm-app .app-livefilter .app-datetime .input-group-btn .btn.btn-default:hover,
13432
- .wm-app .app-livefilter .app-timeinput .input-group-btn .btn.btn-default,
13433
- .wm-app .app-livefilter .app-timeinput .input-group-btn .btn.btn-default:hover,
13434
- .wm-app .app-liveform .app-date .input-group-btn .btn.btn-default,
13435
- .wm-app .app-liveform .app-date .input-group-btn .btn.btn-default:hover,
13436
- .wm-app .app-liveform .app-datetime .input-group-btn .btn.btn-default,
13437
- .wm-app .app-liveform .app-datetime .input-group-btn .btn.btn-default:hover,
13438
- .wm-app .app-liveform .app-timeinput .input-group-btn .btn.btn-default,
13439
- .wm-app .app-liveform .app-timeinput .input-group-btn .btn.btn-default:hover {
13440
- border-radius: 0;
13441
- border: 1px solid rgba(0, 0, 0, 0.1);
13442
- }
13443
- .wm-app .app-livefilter .app-currency .input-group-addon,
13444
- .wm-app .app-liveform .app-currency .input-group-addon {
13445
- border-radius: 0;
13446
- border-right: 1px solid rgba(0, 0, 0, 0.1);
13447
- }
13448
- .wm-app .app-livefilter .app-switch .btn-group > .btn.btn-default,
13449
- .wm-app .app-livefilter .app-switch .btn-group > .btn.btn-default.active,
13450
- .wm-app .app-livefilter .app-switch .btn-group > .btn.btn-default:focus,
13451
- .wm-app .app-livefilter .app-switch .btn-group > .btn.btn-default:hover,
13452
- .wm-app .app-liveform .app-switch .btn-group > .btn.btn-default,
13453
- .wm-app .app-liveform .app-switch .btn-group > .btn.btn-default.active,
13454
- .wm-app .app-liveform .app-switch .btn-group > .btn.btn-default:focus,
13455
- .wm-app .app-liveform .app-switch .btn-group > .btn.btn-default:hover {
13456
- border: 1px solid rgba(0, 0, 0, 0.1);
13457
- }
13458
- .wm-app .app-livefilter.align-right.position-top .app-checkbox.checkbox .app-checkboxset-label input[type="checkbox"],
13459
- .wm-app .app-livefilter.align-right.position-top .app-checkbox.checkbox .app-checkboxset-label input[type="radio"],
13460
- .wm-app .app-livefilter.align-right.position-top .app-checkbox.checkbox .app-radioset-label input[type="checkbox"],
13461
- .wm-app .app-livefilter.align-right.position-top .app-checkbox.checkbox .app-radioset-label input[type="radio"],
13462
- .wm-app .app-livefilter.align-right.position-top .radio.app-radio .app-checkboxset-label input[type="checkbox"],
13463
- .wm-app .app-livefilter.align-right.position-top .radio.app-radio .app-checkboxset-label input[type="radio"],
13464
- .wm-app .app-livefilter.align-right.position-top .radio.app-radio .app-radioset-label input[type="checkbox"],
13465
- .wm-app .app-livefilter.align-right.position-top .radio.app-radio .app-radioset-label input[type="radio"],
13466
- .wm-app .app-liveform.align-right.position-top .app-checkbox.checkbox .app-checkboxset-label input[type="checkbox"],
13467
- .wm-app .app-liveform.align-right.position-top .app-checkbox.checkbox .app-checkboxset-label input[type="radio"],
13468
- .wm-app .app-liveform.align-right.position-top .app-checkbox.checkbox .app-radioset-label input[type="checkbox"],
13469
- .wm-app .app-liveform.align-right.position-top .app-checkbox.checkbox .app-radioset-label input[type="radio"],
13470
- .wm-app .app-liveform.align-right.position-top .radio.app-radio .app-checkboxset-label input[type="checkbox"],
13471
- .wm-app .app-liveform.align-right.position-top .radio.app-radio .app-checkboxset-label input[type="radio"],
13472
- .wm-app .app-liveform.align-right.position-top .radio.app-radio .app-radioset-label input[type="checkbox"],
13473
- .wm-app .app-liveform.align-right.position-top .radio.app-radio .app-radioset-label input[type="radio"] {
13474
- margin-right: -20px;
13475
- }
13476
- .wm-app .app-livefilter.align-right.position-top .app-switch .btn-group .btn.btn-default:first-child,
13477
- .wm-app .app-liveform.align-right.position-top .app-switch .btn-group .btn.btn-default:first-child {
13478
- border: 1px solid rgba(0, 0, 0, 0.1);
13479
- border-radius: 0 19px 19px 0;
13480
- }
13481
- .wm-app .app-livefilter.align-right.position-top .app-switch .btn-group .btn.btn-default:last-child,
13482
- .wm-app .app-liveform.align-right.position-top .app-switch .btn-group .btn.btn-default:last-child {
13483
- border: 1px solid rgba(0, 0, 0, 0.1);
13484
- border-radius: 19px 0 0 19px;
13485
- }
13486
- .wm-app .app-form .app-chips.readonly .app-chip-search,
13487
- .wm-app .app-livefilter .app-chips.readonly .app-chip-search,
13488
- .wm-app .app-liveform .app-chips.readonly .app-chip-search {
13489
- display: none;
13490
- }
13491
12188
  .wm-app .app-login {
13492
12189
  position: relative;
13493
12190
  overflow: auto;
@@ -13515,11 +12212,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
13515
12212
  margin-top: 10px;
13516
12213
  display: inline-block;
13517
12214
  }
13518
- .wm-app .app-accordion-panel .panel-heading .panel-actions .panel-action i,
13519
- .wm-app .app-card .panel-heading .panel-actions .panel-action i,
13520
- .wm-app .app-panel .panel-heading .panel-actions .panel-action i {
13521
- font-style: normal;
13522
- }
13523
12215
  .wm-app .app-global-progress-bar.modal {
13524
12216
  background: rgba(0, 0, 0, 0.5);
13525
12217
  display: table;
@@ -13561,80 +12253,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
13561
12253
  z-index: 1060 !important;
13562
12254
  display: initial !important;
13563
12255
  }
13564
- .wm-app .app-datetime .form-group input {
13565
- min-width: 45px;
13566
- }
13567
- .wm-app .app-datetime tbody .btn.btn-link {
13568
- padding-left: 15px;
13569
- padding-right: 15px;
13570
- }
13571
- .wm-app .app-datetime tbody .btn.btn-link span {
13572
- display: inline-block !important;
13573
- }
13574
- .wm-app .app-datetime tr td:first-child {
13575
- padding-left: 15px;
13576
- }
13577
- .wm-app .app-datetime tr td:last-child {
13578
- padding-right: 15px;
13579
- }
13580
- .wm-app .app-datetime.input-group .app-dateinput.form-control {
13581
- position: absolute;
13582
- z-index: -1 !important;
13583
- width: 1px;
13584
- }
13585
- .wm-app .app-datetime.dropdown-menu {
13586
- z-index: 2000 !important;
13587
- }
13588
- .wm-app .app-date .uib-datepicker-popup.dropdown-menu {
13589
- z-index: 2000;
13590
- }
13591
- .wm-app .app-date[disabled="disabled"] > .input-group-btn .btn-date {
13592
- opacity: 0.65;
13593
- cursor: not-allowed;
13594
- }
13595
- .wm-app .date-picker-modal.modal-dialog {
13596
- height: 100%;
13597
- padding: 0;
13598
- margin: 0;
13599
- }
13600
- .wm-app .date-picker-modal.modal-dialog-centered {
13601
- display: flex;
13602
- justify-content: center;
13603
- align-items: center;
13604
- }
13605
- .wm-app .date-picker-modal > .modal-content {
13606
- border-radius: 8px;
13607
- }
13608
- .wm-app .date-picker-modal .modal-body {
13609
- text-align: center;
13610
- display: flex;
13611
- flex-direction: column;
13612
- min-width: 240pt;
13613
- }
13614
- .wm-app .date-picker-modal .modal-footer {
13615
- text-align: left;
13616
- }
13617
- .wm-app .date-picker-modal .bs-datepicker-body table td span.disabled {
13618
- background-color: transparent;
13619
- color: #ccc;
13620
- cursor: not-allowed;
13621
- }
13622
- .wm-app .date-picker-modal wm-pickergroup {
13623
- flex: 1;
13624
- display: flex;
13625
- justify-content: center;
13626
- align-items: center;
13627
- }
13628
- .wm-app .app-datetime-picker .date-picker-value {
13629
- flex: 1;
13630
- font-weight: 700;
13631
- font-size: 12pt;
13632
- text-align: center;
13633
- }
13634
- .wm-app .app-datetime-picker .app-time-separator {
13635
- font-size: 24pt;
13636
- margin-top: 8pt;
13637
- }
13638
12256
  .wm-app .app-picker-group {
13639
12257
  display: flex;
13640
12258
  flex-direction: row;
@@ -13664,12 +12282,7 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
13664
12282
  border-top: 1pt solid #bbb;
13665
12283
  border-bottom: 1pt solid #bbb;
13666
12284
  font-weight: 700;
13667
- font-size: 24pt;
13668
- }
13669
- .wm-app .app-form .overlay {
13670
- background: rgba(255, 255, 255, 0.5);
13671
- text-align: center;
13672
- padding: 1em;
12285
+ font-size: 24pt;
13673
12286
  }
13674
12287
  .wm-app .app-carousel .carousel.slide {
13675
12288
  height: inherit;
@@ -14667,101 +13280,12 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
14667
13280
  .wm-app .breadcrumb.path-based li.active a:hover {
14668
13281
  color: #21adf0;
14669
13282
  }
14670
- .wm-app .app-checkboxset,
14671
- .wm-app .app-radioset {
14672
- overflow: auto;
14673
- }
14674
- .wm-app .app-checkboxset .app-list-item-group .item-group,
14675
- .wm-app .app-radioset .app-list-item-group .item-group {
14676
- display: block;
14677
- }
14678
- .wm-app .app-checkboxset .app-list-item-group .list-group-header,
14679
- .wm-app .app-radioset .app-list-item-group .list-group-header {
14680
- list-style: none;
14681
- background-color: rgba(0, 0, 0, 0.1);
14682
- }
14683
- .wm-app .app-checkboxset .app-list-item-group .list-group-header.collapsible-content,
14684
- .wm-app .app-radioset .app-list-item-group .list-group-header.collapsible-content {
14685
- cursor: pointer;
14686
- }
14687
- .wm-app .app-checkboxset .app-list-item-group .list-group-header h4,
14688
- .wm-app .app-radioset .app-list-item-group .list-group-header h4 {
14689
- margin: 0;
14690
- padding-left: 1em;
14691
- padding-right: 1em;
14692
- line-height: 2.5em;
14693
- display: table;
14694
- width: 100%;
14695
- }
14696
- .wm-app .app-checkboxset .app-list-item-group .list-group-header h4 .header-action,
14697
- .wm-app .app-radioset .app-list-item-group .list-group-header h4 .header-action {
14698
- display: table-cell;
14699
- }
14700
- .wm-app .app-checkboxset .app-list-item-group .list-group-header h4 .header-action i,
14701
- .wm-app .app-checkboxset .app-list-item-group .list-group-header h4 .header-action span,
14702
- .wm-app .app-radioset .app-list-item-group .list-group-header h4 .header-action i,
14703
- .wm-app .app-radioset .app-list-item-group .list-group-header h4 .header-action span {
14704
- float: right;
14705
- }
14706
- .wm-app .app-checkboxset .app-list-item-group .list-group-header h4 .header-action i,
14707
- .wm-app .app-radioset .app-list-item-group .list-group-header h4 .header-action i {
14708
- padding: 0 10px;
14709
- }
14710
- .wm-app .app-checkboxset li label,
14711
- .wm-app .app-radioset li label {
14712
- vertical-align: middle;
14713
- }
14714
- .wm-app .app-checkboxset li input[type="checkbox"],
14715
- .wm-app .app-checkboxset li input[type="radio"],
14716
- .wm-app .app-radioset li input[type="checkbox"],
14717
- .wm-app .app-radioset li input[type="radio"] {
14718
- position: relative;
14719
- margin-right: 0.5em;
14720
- }
14721
- .wm-app .app-checkboxset.inline.list-group,
14722
- .wm-app .app-radioset.inline.list-group {
14723
- display: block;
14724
- }
14725
- .wm-app .app-checkboxset.inline li,
14726
- .wm-app .app-radioset.inline li {
14727
- display: inline-block;
14728
- margin-right: 0;
14729
- vertical-align: middle;
14730
- }
14731
- .wm-app .app-checkboxset.inline .app-list-item-group,
14732
- .wm-app .app-checkboxset.inline li.list-group-header,
14733
- .wm-app .app-radioset.inline .app-list-item-group,
14734
- .wm-app .app-radioset.inline li.list-group-header {
14735
- display: block;
14736
- }
14737
- .wm-app .app-checkboxset.inline li *,
14738
- .wm-app .app-radioset.inline li * {
14739
- vertical-align: middle;
14740
- }
14741
13283
  .wm-app .app-linear-layout.app-linear-layout-direction-column-reverse.app-linear-layout-spacing-0 > .app-linear-layout-item,
14742
13284
  .wm-app .app-linear-layout.app-linear-layout-direction-column.app-linear-layout-spacing-0 > .app-linear-layout-item,
14743
13285
  .wm-app .app-linear-layout.app-linear-layout-direction-row-reverse.app-linear-layout-spacing-0 > .app-linear-layout-item,
14744
13286
  .wm-app .app-linear-layout.app-linear-layout-direction-row.app-linear-layout-spacing-0 > .app-linear-layout-item {
14745
13287
  margin: 0;
14746
13288
  }
14747
- .wm-app .app-checkboxset.inline .app-list-item-group .item-group,
14748
- .wm-app .app-radioset.inline .app-list-item-group .item-group {
14749
- display: table;
14750
- width: 100%;
14751
- }
14752
- .wm-app .app-checkboxset.inline .app-list-item-group .item-group .list-group-header,
14753
- .wm-app .app-radioset.inline .app-list-item-group .item-group .list-group-header {
14754
- display: table-row;
14755
- }
14756
- .wm-app .app-checkboxset.inline .app-list-item-group .item-group .group-list-item,
14757
- .wm-app .app-radioset.inline .app-list-item-group .item-group .group-list-item {
14758
- display: table-cell;
14759
- }
14760
- .wm-app .checkbox label,
14761
- .wm-app .radio label {
14762
- cursor: default;
14763
- width: auto;
14764
- }
14765
13289
  .wm-app .app-linear-layout {
14766
13290
  display: flex;
14767
13291
  position: relative;
@@ -16132,232 +14656,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
16132
14656
  position: relative;
16133
14657
  height: 100%;
16134
14658
  }
16135
- .wm-app .app-panel {
16136
- position: relative;
16137
- }
16138
- .wm-app .app-panel .panel-body {
16139
- position: relative;
16140
- width: 100%;
16141
- height: 100%;
16142
- }
16143
- .wm-app .app-panel .panel-heading {
16144
- position: relative;
16145
- overflow: inherit;
16146
- }
16147
- .wm-app .app-panel .panel-heading .panel-icon,
16148
- .wm-app .app-panel .panel-heading .panel-image-icon {
16149
- margin-right: 0.5em;
16150
- }
16151
- .wm-app .app-panel .panel-heading .panel-title {
16152
- display: table;
16153
- width: 100%;
16154
- }
16155
- .wm-app .app-panel .panel-heading .panel-title > a {
16156
- text-decoration: none;
16157
- display: table-cell;
16158
- vertical-align: top;
16159
- }
16160
- .wm-app .app-panel .panel-heading .panel-actions {
16161
- margin-right: 0.2em;
16162
- white-space: nowrap;
16163
- display: table-cell;
16164
- text-align: right;
16165
- vertical-align: top;
16166
- }
16167
- .wm-app .app-panel .panel-heading .panel-actions .app-menu .app-button,
16168
- .wm-app .app-panel .panel-heading .panel-actions .panel-action {
16169
- color: inherit;
16170
- outline: 0;
16171
- background: 0 0;
16172
- box-shadow: none;
16173
- border: none;
16174
- padding: 0;
16175
- margin-left: 1em;
16176
- }
16177
- .wm-app .app-panel .panel-heading .panel-actions .app-menu .app-button .app-anchor,
16178
- .wm-app .app-panel .panel-heading .panel-actions .panel-action .app-anchor {
16179
- color: inherit;
16180
- text-decoration: none;
16181
- }
16182
- .wm-app .app-panel .panel-heading .panel-actions .app-menu .app-button a:hover,
16183
- .wm-app .app-panel .panel-heading .panel-actions .panel-action a:hover {
16184
- text-decoration: none;
16185
- }
16186
- .wm-app .app-panel .panel-heading .panel-actions .app-menu .app-button .app-anchor > .caret,
16187
- .wm-app .app-panel .panel-heading .panel-actions .panel-action .app-anchor > .caret {
16188
- display: none;
16189
- }
16190
- .wm-app .app-panel .panel-heading .panel-actions .label {
16191
- margin-right: 0.25em;
16192
- }
16193
- .wm-app .app-panel .panel-content {
16194
- height: 100%;
16195
- position: relative;
16196
- }
16197
- .wm-app .app-panel .panel-help-message {
16198
- overflow: auto;
16199
- display: none;
16200
- background: #fffed0;
16201
- border-left: 1px #ddd solid;
16202
- position: absolute;
16203
- top: 0;
16204
- right: 0;
16205
- width: 20%;
16206
- height: 100%;
16207
- z-index: 1000;
16208
- min-width: 100px;
16209
- }
16210
- .wm-app .app-panel .panel-help-message .panel-help-header {
16211
- background: #eee;
16212
- border-bottom: 1px #ddd solid;
16213
- padding: 0.5em;
16214
- margin: 0;
16215
- }
16216
- .wm-app .app-panel .panel-help-message .panel-help-content {
16217
- padding: 0.5em;
16218
- }
16219
- .wm-app .app-panel.show-help .panel-heading.show-help .panel-actions .glyphicon-question-sign {
16220
- color: #333;
16221
- }
16222
- .wm-app .app-panel.show-help .panel-content .panel-body.show-help {
16223
- width: 79%;
16224
- }
16225
- .wm-app .app-panel.show-help .panel-content .panel-help-message.show-help {
16226
- display: block;
16227
- }
16228
- .wm-app .app-panel.fullscreen {
16229
- position: fixed;
16230
- z-index: 1049;
16231
- left: 0.2em;
16232
- right: 0.2em;
16233
- top: 0.2em;
16234
- bottom: 0.2em;
16235
- margin: 0 !important;
16236
- }
16237
- .wm-app .app-panel.fullscreen .panel-content {
16238
- overflow: auto;
16239
- }
16240
- .wm-app .app-panel.fullscreen .app-panel-footer {
16241
- position: absolute;
16242
- left: 0;
16243
- right: 0;
16244
- bottom: 0;
16245
- }
16246
- .wm-app .app-dialog .app-panel.fullscreen {
16247
- height: 95vh;
16248
- }
16249
- .wm-app .app-panel-footer {
16250
- position: relative;
16251
- }
16252
- .wm-app .app-panel[enablefullscreen="true"]:not(.fullscreen) .color-picker {
16253
- position: absolute !important;
16254
- }
16255
- .wm-app .app-card {
16256
- position: relative;
16257
- }
16258
- .wm-app .app-card.card {
16259
- margin-bottom: 1em;
16260
- margin-left: 0.5em;
16261
- margin-right: 0.5em;
16262
- background-color: #fff;
16263
- border: 1px solid rgba(0, 0, 0, 0.1);
16264
- 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);
16265
- }
16266
- .wm-app .app-card.card .app-label:not(.text-muted) {
16267
- color: inherit;
16268
- }
16269
- .wm-app .app-card.card .app-card-header {
16270
- display: table;
16271
- width: 100%;
16272
- padding: 0.75em 0.5em;
16273
- background-color: rgba(0, 0, 0, 0.05);
16274
- }
16275
- .wm-app .app-card.card .app-card-header .app-card-avatar {
16276
- display: table-cell;
16277
- height: 32pt;
16278
- width: 32pt;
16279
- text-align: center;
16280
- vertical-align: top;
16281
- padding-top: 0.75rem;
16282
- }
16283
- .wm-app .app-card.card .app-card-header .app-card-avatar img {
16284
- width: 24pt;
16285
- height: 24pt;
16286
- }
16287
- .wm-app .app-card.card .app-card-header .app-card-avatar .app-icon {
16288
- font-size: 30pt;
16289
- }
16290
- .wm-app .app-card.card .app-card-header .app-card-header-text {
16291
- display: table-cell;
16292
- vertical-align: top;
16293
- padding-left: 0.5em;
16294
- padding-top: 0.75rem;
16295
- }
16296
- .wm-app .app-card.card .app-card-header .panel-actions .panel-action > .app-anchor > .app-icon {
16297
- top: 3px;
16298
- }
16299
- .wm-app .app-card.card .card-heading {
16300
- font-size: 1.2em;
16301
- letter-spacing: 0.005em;
16302
- margin: 0;
16303
- }
16304
- .wm-app .app-card.card .card-subheading {
16305
- font-size: 1em;
16306
- letter-spacing: 0.01em;
16307
- margin: 0;
16308
- }
16309
- .wm-app .app-card.card .app-card-image {
16310
- width: 100%;
16311
- height: 100%;
16312
- position: relative;
16313
- overflow: hidden;
16314
- text-align: center;
16315
- background-color: rgba(0, 0, 0, 0.3);
16316
- }
16317
- .wm-app .app-card.card .app-card-image img {
16318
- position: relative;
16319
- width: 100%;
16320
- }
16321
- .wm-app .app-card.card .app-card-image .card-image-headline {
16322
- position: absolute;
16323
- bottom: 0;
16324
- left: 0;
16325
- padding: 0 1.25rem;
16326
- color: #fff;
16327
- font-size: 1.5em;
16328
- }
16329
- .wm-app .app-card.card .app-card-content {
16330
- position: relative;
16331
- padding: 1em;
16332
- }
16333
- .wm-app .app-card.card .app-card-actions {
16334
- position: relative;
16335
- padding: 0.5rem 1.25rem;
16336
- }
16337
- .wm-app .app-card.card .app-card-actions .btn {
16338
- padding-left: 8px;
16339
- padding-right: 8px;
16340
- }
16341
- .wm-app .app-card.card .app-card-actions .app-icon {
16342
- font-size: 18pt;
16343
- vertical-align: middle;
16344
- }
16345
- .wm-app .app-card.card .app-card-footer {
16346
- position: relative;
16347
- padding: 0.5rem 1.25rem;
16348
- border-top: 1px solid rgba(0, 0, 0, 0.1);
16349
- }
16350
- .wm-app .app-card.card .card-title {
16351
- margin-bottom: 0.75rem;
16352
- font-size: 1.2em;
16353
- width: 100%;
16354
- font-weight: 700;
16355
- }
16356
- .wm-app .app-card.card .card-text {
16357
- margin-bottom: 1rem;
16358
- font-size: 1em;
16359
- width: 100%;
16360
- }
16361
14659
  .wm-app .app-wizard {
16362
14660
  position: relative;
16363
14661
  min-height: 4em;
@@ -16691,200 +14989,13 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
16691
14989
  .wm-app .on-demand-load-btn {
16692
14990
  color: #7b7f84;
16693
14991
  box-shadow: none !important;
16694
- margin-top: 6px;
16695
- margin-bottom: 0 !important;
16696
- }
16697
- .wm-app .on-demand-load-btn:hover {
16698
- background-color: #e6e6e6;
16699
- border-color: #e6e6e6;
16700
- color: #61656b;
16701
- }
16702
- .wm-app .app-device-liveform input:focus.ng-invalid,
16703
- .wm-app .app-form input:focus.ng-invalid,
16704
- .wm-app .app-livefilter input:focus.ng-invalid,
16705
- .wm-app .app-liveform input:focus.ng-invalid,
16706
- .wm-app .app-livelist input:focus.ng-invalid,
16707
- .wm-app .live-field .ng-touched.ng-invalid .form-control {
16708
- border-color: #dc143c;
16709
- }
16710
- .wm-app .spin-icon-in-center {
16711
- margin-left: 45%;
16712
- padding: 10px;
16713
- }
16714
- .wm-app .app-device-liveform,
16715
- .wm-app .app-form,
16716
- .wm-app .app-livefilter,
16717
- .wm-app .app-liveform,
16718
- .wm-app .app-livelist {
16719
- position: relative;
16720
- border-collapse: separate;
16721
- }
16722
- .wm-app .app-device-liveform > .panel-body,
16723
- .wm-app .app-form > .panel-body,
16724
- .wm-app .app-livefilter > .panel-body,
16725
- .wm-app .app-liveform > .panel-body,
16726
- .wm-app .app-livelist > .panel-body {
16727
- padding: 4px 4px 0;
16728
- }
16729
- .wm-app .app-device-liveform .app-label,
16730
- .wm-app .app-form .app-label,
16731
- .wm-app .app-livefilter .app-label,
16732
- .wm-app .app-liveform .app-label,
16733
- .wm-app .app-livelist .app-label {
16734
- overflow: hidden;
16735
- text-overflow: ellipsis;
16736
- word-break: break-word;
16737
- }
16738
- .wm-app .app-device-liveform .file-readonly,
16739
- .wm-app .app-form .file-readonly,
16740
- .wm-app .app-livefilter .file-readonly,
16741
- .wm-app .app-liveform .file-readonly,
16742
- .wm-app .app-livelist .file-readonly {
16743
- pointer-events: none;
16744
- }
16745
- .wm-app .app-device-liveform .form-action,
16746
- .wm-app .app-form .form-action,
16747
- .wm-app .app-livefilter .form-action,
16748
- .wm-app .app-liveform .form-action,
16749
- .wm-app .app-livelist .form-action {
16750
- text-align: right;
16751
- width: 100%;
16752
- float: none;
16753
- display: block;
16754
- padding: 4px 12px;
16755
- box-shadow: none;
16756
- }
16757
- .wm-app .app-device-liveform .form-action .app-anchor,
16758
- .wm-app .app-device-liveform .form-action .btn,
16759
- .wm-app .app-form .form-action .app-anchor,
16760
- .wm-app .app-form .form-action .btn,
16761
- .wm-app .app-livefilter .form-action .app-anchor,
16762
- .wm-app .app-livefilter .form-action .btn,
16763
- .wm-app .app-liveform .form-action .app-anchor,
16764
- .wm-app .app-liveform .form-action .btn,
16765
- .wm-app .app-livelist .form-action .app-anchor,
16766
- .wm-app .app-livelist .form-action .btn {
16767
- margin: 0 0 0 4px;
16768
- float: none;
16769
- border-radius: 4px;
16770
- }
16771
- .wm-app .app-device-liveform .app-checkboxset,
16772
- .wm-app .app-device-liveform .app-radioset,
16773
- .wm-app .app-form .app-checkboxset,
16774
- .wm-app .app-form .app-radioset,
16775
- .wm-app .app-livefilter .app-checkboxset,
16776
- .wm-app .app-livefilter .app-radioset,
16777
- .wm-app .app-liveform .app-checkboxset,
16778
- .wm-app .app-liveform .app-radioset,
16779
- .wm-app .app-tile.panel,
16780
- .wm-app .navbar {
16781
- margin-bottom: 0;
16782
- }
16783
- .wm-app .app-device-liveform .control-label,
16784
- .wm-app .app-form .control-label,
16785
- .wm-app .app-livefilter .control-label,
16786
- .wm-app .app-liveform .control-label,
16787
- .wm-app .app-livelist .control-label {
16788
- overflow: hidden;
16789
- text-overflow: ellipsis;
16790
- word-wrap: break-word;
16791
- padding-top: 7px;
16792
- }
16793
- .wm-app .app-device-liveform .form-control-static,
16794
- .wm-app .app-form .form-control-static,
16795
- .wm-app .app-livefilter .form-control-static,
16796
- .wm-app .app-liveform .form-control-static,
16797
- .wm-app .app-livelist .form-control-static {
16798
- font-weight: 400;
16799
- padding: 8px 12px 0;
16800
- }
16801
- .wm-app .app-device-liveform .ng-hide-animate,
16802
- .wm-app .app-form .ng-hide-animate,
16803
- .wm-app .app-livefilter .ng-hide-animate,
16804
- .wm-app .app-liveform .ng-hide-animate,
16805
- .wm-app .app-livelist .ng-hide-animate {
16806
- display: none !important;
16807
- }
16808
- .wm-app .app-device-liveform .app-message .close,
16809
- .wm-app .app-form .app-message .close,
16810
- .wm-app .app-livefilter .app-message .close,
16811
- .wm-app .app-liveform .app-message .close,
16812
- .wm-app .app-livelist .app-message .close {
16813
- font-size: 16px;
16814
- }
16815
- .wm-app .app-device-liveform .app-message.form-inline label,
16816
- .wm-app .app-form .app-message.form-inline label,
16817
- .wm-app .app-livefilter .app-message.form-inline label,
16818
- .wm-app .app-liveform .app-message.form-inline label,
16819
- .wm-app .app-livelist .app-message.form-inline label {
16820
- float: none;
16821
- width: auto;
16822
- }
16823
- .wm-app .app-device-liveform .full-width,
16824
- .wm-app .app-form .full-width,
16825
- .wm-app .app-livefilter .full-width,
16826
- .wm-app .app-liveform .full-width,
16827
- .wm-app .app-livelist .full-width {
16828
- width: 100%;
16829
- }
16830
- .wm-app .app-device-liveform .full-height,
16831
- .wm-app .app-form .full-height,
16832
- .wm-app .app-livefilter .full-height,
16833
- .wm-app .app-liveform .full-height,
16834
- .wm-app .app-livelist .full-height {
16835
- height: 100%;
16836
- }
16837
- .wm-app .app-carousel,
16838
- .wm-app .app-carousel carousel {
16839
- height: inherit;
16840
- }
16841
- .wm-app .app-device-liveform.align-right .app-label,
16842
- .wm-app .app-form.align-right .app-label,
16843
- .wm-app .app-livefilter.align-right .app-label,
16844
- .wm-app .app-liveform.align-right .app-label {
16845
- text-align: right;
16846
- }
16847
- .wm-app .app-device-liveform.align-center .app-blob-upload,
16848
- .wm-app .app-device-liveform.align-center .input-group,
16849
- .wm-app .app-form.align-center .app-blob-upload,
16850
- .wm-app .app-form.align-center .input-group,
16851
- .wm-app .app-livefilter.align-center .app-blob-upload,
16852
- .wm-app .app-livefilter.align-center .input-group,
16853
- .wm-app .app-liveform.align-center .app-blob-upload,
16854
- .wm-app .app-liveform.align-center .input-group {
16855
- display: inline-table;
16856
- }
16857
- .wm-app .app-device-liveform .ng-hide-add,
16858
- .wm-app .app-device-liveform .ng-hide-remove,
16859
- .wm-app .app-form .ng-hide-add,
16860
- .wm-app .app-form .ng-hide-remove,
16861
- .wm-app .app-livefilter .ng-hide-add,
16862
- .wm-app .app-livefilter .ng-hide-remove,
16863
- .wm-app .app-liveform .ng-hide-add,
16864
- .wm-app .app-liveform .ng-hide-remove {
16865
- transition: 0s linear all;
16866
- }
16867
- .wm-app .app-liveform-dialog .app-dialog-body {
16868
- padding: 0;
16869
- }
16870
- .wm-app [captionposition="top"] .control-label {
16871
- width: 100%;
16872
- }
16873
- .wm-app .app-search .app-textbox.ng-hide-animate {
16874
- display: none !important;
16875
- }
16876
- .wm-app .app-checkbox {
16877
- width: auto;
16878
- }
16879
- .wm-app .live-field .app-search {
16880
- width: 75%;
16881
- }
16882
- .wm-app .live-field.form-group .app-blob-upload {
16883
- opacity: 1;
16884
- position: relative;
14992
+ margin-top: 6px;
14993
+ margin-bottom: 0 !important;
16885
14994
  }
16886
- .wm-app .live-field.form-group .form-field-spinner {
16887
- left: 75%;
14995
+ .wm-app .on-demand-load-btn:hover {
14996
+ background-color: #e6e6e6;
14997
+ border-color: #e6e6e6;
14998
+ color: #61656b;
16888
14999
  }
16889
15000
  @-webkit-keyframes toAndFro {
16890
15001
  0%,
@@ -17363,25 +15474,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
17363
15474
  .wm-app .app-navbar .app-nav-item a .badge {
17364
15475
  top: 0;
17365
15476
  }
17366
- .wm-app .app-livelist.panel {
17367
- margin-bottom: 0;
17368
- }
17369
- .wm-app .app-toggle.checkbox {
17370
- margin-top: 0;
17371
- display: inline-block;
17372
- }
17373
- .wm-app .checkbox.col-md-push-3,
17374
- .wm-app .radio.col-md-push-3 {
17375
- max-width: 75%;
17376
- }
17377
- .wm-app .form-group .checkbox + .checkbox,
17378
- .wm-app .form-group .radio + .radio {
17379
- margin-top: 10px;
17380
- }
17381
- .wm-app .checkbox + .list-group-item.checkbox,
17382
- .wm-app .radio + .list-group-item.radio {
17383
- margin-top: 0;
17384
- }
17385
15477
  .wm-app .inline {
17386
15478
  display: inline;
17387
15479
  }
@@ -17427,13 +15519,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
17427
15519
  box-shadow: none !important;
17428
15520
  border: 0 !important;
17429
15521
  }
17430
- .wm-app .app-livelist .media-body {
17431
- overflow: inherit;
17432
- }
17433
- .wm-app .panel-heading .description:not(:empty) {
17434
- font-size: 0.75em;
17435
- margin-top: 5px;
17436
- }
17437
15522
  .wm-app .smoothscroll-wrapper {
17438
15523
  overflow: hidden !important;
17439
15524
  }
@@ -17441,27 +15526,10 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
17441
15526
  position: absolute;
17442
15527
  width: 100%;
17443
15528
  }
17444
- .wm-app .panel-collapse.collapse.in .smoothscroll-container,
17445
- .wm-app .tab-body .smoothscroll-container {
17446
- position: relative;
17447
- }
17448
15529
  .wm-app .ng-animate.item:not(.left):not(.right) {
17449
15530
  -webkit-transition: 0s ease-in-out left;
17450
15531
  transition: 0s ease-in-out left;
17451
15532
  }
17452
- .wm-app .uib-datepicker .uib-title,
17453
- .wm-app .uib-datepicker > table,
17454
- .wm-app .uib-daypicker > table,
17455
- .wm-app .uib-monthpicker > table,
17456
- .wm-app .uib-yearpicker > table {
17457
- width: 100%;
17458
- }
17459
- .wm-app .uib-button-bar {
17460
- padding: 10px 9px 2px;
17461
- }
17462
- .wm-app .uib-time input {
17463
- width: 50px;
17464
- }
17465
15533
  .wm-app .wms-caption-position-floating:after {
17466
15534
  margin: 10px;
17467
15535
  border: 1.5px solid #222;
@@ -17634,7 +15702,9 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
17634
15702
  border-bottom-left-radius: var(--wm-button-group-vertical-radius);
17635
15703
  border-bottom-right-radius: var(--wm-button-group-vertical-radius);
17636
15704
  }
17637
- .wm-app .btn {
15705
+ .wm-app .btn,
15706
+ .wm-app button {
15707
+ position: relative;
17638
15708
  font-size: var(--wm-btn-font-size);
17639
15709
  font-family: var(--wm-btn-font-family);
17640
15710
  font-weight: var(--wm-btn-font-weight);
@@ -17655,31 +15725,40 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
17655
15725
  gap: var(--wm-btn-gap);
17656
15726
  cursor: pointer;
17657
15727
  }
17658
- .wm-app .btn + .btn {
15728
+ .wm-app .btn + .btn,
15729
+ .wm-app button + .btn {
17659
15730
  margin-left: var(--wm-space-3);
17660
15731
  }
17661
- .wm-app .btn .app-icon {
15732
+ .wm-app .btn .app-icon,
15733
+ .wm-app button .app-icon {
17662
15734
  padding: 0;
17663
15735
  }
17664
- .wm-app .btn .btn-caption {
15736
+ .wm-app .btn .btn-caption,
15737
+ .wm-app button .btn-caption {
17665
15738
  margin: 0;
17666
15739
  }
17667
- .wm-app .btn .btn-caption:empty {
15740
+ .wm-app .btn .btn-caption:empty,
15741
+ .wm-app button .btn-caption:empty {
17668
15742
  display: none;
17669
15743
  }
17670
- .wm-app .btn[iconposition="right"] .btn-caption {
15744
+ .wm-app .btn[iconposition="right"] .btn-caption,
15745
+ .wm-app button[iconposition="right"] .btn-caption {
17671
15746
  margin: 0 !important;
17672
15747
  }
17673
- .wm-app .btn[iconposition="top"] {
15748
+ .wm-app .btn[iconposition="top"],
15749
+ .wm-app button[iconposition="top"] {
17674
15750
  flex-direction: column;
17675
15751
  }
17676
- .wm-app .btn[iconposition="top"] .button-image-icon + .btn-caption {
15752
+ .wm-app .btn[iconposition="top"] .button-image-icon + .btn-caption,
15753
+ .wm-app button[iconposition="top"] .button-image-icon + .btn-caption {
17677
15754
  margin-top: var(--wm-space-1);
17678
15755
  }
17679
- .wm-app .btn-fab {
15756
+ .wm-app .btn-fab,
15757
+ .wm-app button-fab {
17680
15758
  min-width: auto;
17681
15759
  }
17682
- .wm-app .btn-xs {
15760
+ .wm-app .btn-xs,
15761
+ .wm-app button-xs {
17683
15762
  --wm-btn-font-size: var(--wm-btn-xs-font-size);
17684
15763
  --wm-btn-font-family: var(--wm-btn-xs-font-family);
17685
15764
  --wm-btn-font-weight: var(--wm-btn-xs-font-weight);
@@ -17691,7 +15770,8 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
17691
15770
  --wm-btn-height: var(--wm-btn-xs-height);
17692
15771
  --wm-btn-gap: var(--wm-btn-xs-gap);
17693
15772
  }
17694
- .wm-app .btn-sm {
15773
+ .wm-app .btn-sm,
15774
+ .wm-app button-sm {
17695
15775
  --wm-btn-font-size: var(--wm-btn-sm-font-size);
17696
15776
  --wm-btn-font-family: var(--wm-btn-sm-font-family);
17697
15777
  --wm-btn-font-weight: var(--wm-btn-sm-font-weight);
@@ -17703,7 +15783,8 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
17703
15783
  --wm-btn-height: var(--wm-btn-sm-height);
17704
15784
  --wm-btn-gap: var(--wm-btn-sm-gap);
17705
15785
  }
17706
- .wm-app .btn-lg {
15786
+ .wm-app .btn-lg,
15787
+ .wm-app button-lg {
17707
15788
  --wm-btn-font-size: var(--wm-btn-lg-font-size);
17708
15789
  --wm-btn-font-family: var(--wm-btn-lg-font-family);
17709
15790
  --wm-btn-font-weight: var(--wm-btn-lg-font-weight);
@@ -17715,13 +15796,16 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
17715
15796
  --wm-btn-height: var(--wm-btn-lg-height);
17716
15797
  --wm-btn-gap: var(--wm-btn-lg-gap);
17717
15798
  }
17718
- .wm-app .btn-block {
15799
+ .wm-app .btn-block,
15800
+ .wm-app button-block {
17719
15801
  width: 100%;
17720
15802
  }
17721
- .wm-app .btn-block + .btn.btn-block {
15803
+ .wm-app .btn-block + .btn.btn-block,
15804
+ .wm-app button-block + .btn.btn-block {
17722
15805
  margin-top: 0;
17723
15806
  }
17724
- .wm-app .btn:before {
15807
+ .wm-app .btn:before,
15808
+ .wm-app button:before {
17725
15809
  content: "";
17726
15810
  top: 0;
17727
15811
  left: 0;
@@ -17733,137 +15817,153 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
17733
15817
  opacity: 0;
17734
15818
  background: var(--wm-btn-state-layer-color);
17735
15819
  }
17736
- .wm-app .btn:hover,
17737
- .wm-app .btn:focus,
17738
- .wm-app .btn.focus {
17739
- color: var(--wm-btn-color);
17740
- background: var(--wm-btn-background);
17741
- border-color: var(--wm-btn-border-color);
17742
- }
17743
15820
  .wm-app .btn:hover::before,
17744
- .wm-app .btn:focus::before,
17745
- .wm-app .btn.focus::before {
15821
+ .wm-app button:hover::before,
15822
+ .wm-app .btn.hover::before,
15823
+ .wm-app button.hover::before {
17746
15824
  opacity: var(--wm-btn-hover-state-layer-opacity);
17747
15825
  }
17748
- .wm-app .btn:active,
17749
- .wm-app .btn:active:focus,
17750
- .wm-app .btn:active:hover,
17751
- .wm-app .btn:active.focus {
17752
- color: var(--wm-btn-color);
17753
- background: var(--wm-btn-background);
17754
- border-color: var(--wm-btn-border-color);
17755
- box-shadow: none;
15826
+ .wm-app .btn:focus::before,
15827
+ .wm-app button:focus::before,
15828
+ .wm-app .btn.focus::before,
15829
+ .wm-app button.focus::before {
15830
+ opacity: var(--wm-btn-focus-state-layer-opacity);
17756
15831
  }
17757
15832
  .wm-app .btn:active::before,
15833
+ .wm-app button:active::before,
17758
15834
  .wm-app .btn:active:focus::before,
15835
+ .wm-app button:active:focus::before,
17759
15836
  .wm-app .btn:active:hover::before,
17760
- .wm-app .btn:active.focus::before {
17761
- opacity: var(--wm-btn-pressed-state-layer-opacity);
15837
+ .wm-app button:active:hover::before,
15838
+ .wm-app .btn:active.focus::before,
15839
+ .wm-app button:active.focus::before {
15840
+ opacity: var(--wm-btn-active-state-layer-opacity);
17762
15841
  }
17763
- .wm-app .btn-default {
15842
+ .wm-app .btn-default,
15843
+ .wm-app button-default {
17764
15844
  --wm-btn-color: var(--wm-btn-default-color);
17765
15845
  --wm-btn-background: var(--wm-btn-default-background);
17766
15846
  --wm-btn-border-color: var(--wm-btn-default-border-color);
17767
15847
  --wm-btn-state-layer-color: var(--wm-btn-default-state-layer-color);
17768
15848
  }
17769
- .wm-app .btn-default.btn-outlined {
15849
+ .wm-app .btn-default.btn-outlined,
15850
+ .wm-app button-default.btn-outlined {
17770
15851
  --wm-btn-color: var(--wm-btn-default-outlined-color);
17771
15852
  --wm-btn-background: var(--wm-btn-default-outlined-background);
17772
15853
  --wm-btn-border-color: var(--wm-btn-default-outlined-border-color);
17773
15854
  --wm-btn-state-layer-color: var(--wm-btn-default-outlined-state-layer-color);
17774
15855
  }
17775
- .wm-app .btn-primary {
15856
+ .wm-app .btn-primary,
15857
+ .wm-app button-primary {
17776
15858
  --wm-btn-color: var(--wm-btn-primary-color);
17777
15859
  --wm-btn-background: var(--wm-btn-primary-background);
17778
15860
  --wm-btn-border-color: var(--wm-btn-primary-border-color);
17779
15861
  --wm-btn-state-layer-color: var(--wm-btn-primary-state-layer-color);
17780
15862
  }
17781
- .wm-app .btn-primary.btn-outlined {
15863
+ .wm-app .btn-primary.btn-outlined,
15864
+ .wm-app button-primary.btn-outlined {
17782
15865
  --wm-btn-color: var(--wm-btn-primary-outlined-color);
17783
15866
  --wm-btn-background: var(--wm-btn-primary-outlined-background);
17784
15867
  --wm-btn-border-color: var(--wm-btn-primary-outlined-border-color);
17785
15868
  --wm-btn-state-layer-color: var(--wm-btn-primary-outlined-state-layer-color);
17786
15869
  }
17787
- .wm-app .btn-secondary {
15870
+ .wm-app .btn-secondary,
15871
+ .wm-app button-secondary {
17788
15872
  --wm-btn-color: var(--wm-btn-secondary-color);
17789
15873
  --wm-btn-background: var(--wm-btn-secondary-background);
17790
15874
  --wm-btn-border-color: var(--wm-btn-secondary-border-color);
17791
15875
  --wm-btn-state-layer-color: var(--wm-btn-secondary-state-layer-color);
17792
15876
  }
17793
- .wm-app .btn-secondary.btn-outlined {
15877
+ .wm-app .btn-secondary.btn-outlined,
15878
+ .wm-app button-secondary.btn-outlined {
17794
15879
  --wm-btn-color: var(--wm-btn-secondary-outlined-color);
17795
15880
  --wm-btn-background: var(--wm-btn-secondary-outlined-background);
17796
15881
  --wm-btn-border-color: var(--wm-btn-secondary-outlined-border-color);
17797
15882
  --wm-btn-state-layer-color: var(--wm-btn-secondary-outlined-state-layer-color);
17798
15883
  }
17799
- .wm-app .btn-success {
15884
+ .wm-app .btn-success,
15885
+ .wm-app button-success {
17800
15886
  --wm-btn-color: var(--wm-btn-success-color);
17801
15887
  --wm-btn-background: var(--wm-btn-success-background);
17802
15888
  --wm-btn-border-color: var(--wm-btn-success-border-color);
17803
15889
  --wm-btn-state-layer-color: var(--wm-btn-success-state-layer-color);
17804
15890
  }
17805
- .wm-app .btn-success.btn-outlined {
15891
+ .wm-app .btn-success.btn-outlined,
15892
+ .wm-app button-success.btn-outlined {
17806
15893
  --wm-btn-color: var(--wm-btn-success-outlined-color);
17807
15894
  --wm-btn-background: var(--wm-btn-success-outlined-background);
17808
15895
  --wm-btn-border-color: var(--wm-btn-success-outlined-border-color);
17809
15896
  --wm-btn-state-layer-color: var(--wm-btn-success-outlined-state-layer-color);
17810
15897
  }
17811
- .wm-app .btn-info {
15898
+ .wm-app .btn-info,
15899
+ .wm-app button-info {
17812
15900
  --wm-btn-color: var(--wm-btn-info-color);
17813
15901
  --wm-btn-background: var(--wm-btn-info-background);
17814
15902
  --wm-btn-border-color: var(--wm-btn-info-border-color);
17815
15903
  --wm-btn-state-layer-color: var(--wm-btn-info-state-layer-color);
17816
15904
  }
17817
- .wm-app .btn-info.btn-outlined {
15905
+ .wm-app .btn-info.btn-outlined,
15906
+ .wm-app button-info.btn-outlined {
17818
15907
  --wm-btn-color: var(--wm-btn-info-outlined-color);
17819
15908
  --wm-btn-background: var(--wm-btn-info-outlined-background);
17820
15909
  --wm-btn-border-color: var(--wm-btn-info-outlined-border-color);
17821
15910
  --wm-btn-state-layer-color: var(--wm-btn-info-outlined-state-layer-color);
17822
15911
  }
17823
- .wm-app .btn-warning {
15912
+ .wm-app .btn-warning,
15913
+ .wm-app button-warning {
17824
15914
  --wm-btn-color: var(--wm-btn-warning-color);
17825
15915
  --wm-btn-background: var(--wm-btn-warning-background);
17826
15916
  --wm-btn-border-color: var(--wm-btn-warning-border-color);
17827
15917
  --wm-btn-state-layer-color: var(--wm-btn-warning-state-layer-color);
17828
15918
  }
17829
- .wm-app .btn-warning.btn-outlined {
15919
+ .wm-app .btn-warning.btn-outlined,
15920
+ .wm-app button-warning.btn-outlined {
17830
15921
  --wm-btn-color: var(--wm-btn-warning-outlined-color);
17831
15922
  --wm-btn-background: var(--wm-btn-warning-outlined-background);
17832
15923
  --wm-btn-border-color: var(--wm-btn-warning-outlined-border-color);
17833
15924
  --wm-btn-state-layer-color: var(--wm-btn-warning-outlined-state-layer-color);
17834
15925
  }
17835
- .wm-app .btn-danger {
15926
+ .wm-app .btn-danger,
15927
+ .wm-app button-danger {
17836
15928
  --wm-btn-color: var(--wm-btn-danger-color);
17837
15929
  --wm-btn-background: var(--wm-btn-danger-background);
17838
15930
  --wm-btn-border-color: var(--wm-btn-danger-border-color);
17839
15931
  --wm-btn-state-layer-color: var(--wm-btn-danger-state-layer-color);
17840
15932
  }
17841
- .wm-app .btn-danger.btn-outlined {
15933
+ .wm-app .btn-danger.btn-outlined,
15934
+ .wm-app button-danger.btn-outlined {
17842
15935
  --wm-btn-color: var(--wm-btn-danger-outlined-color);
17843
15936
  --wm-btn-background: var(--wm-btn-danger-outlined-background);
17844
15937
  --wm-btn-border-color: var(--wm-btn-danger-outlined-border-color);
17845
15938
  --wm-btn-state-layer-color: var(--wm-btn-danger-outlined-state-layer-color);
17846
15939
  }
17847
- .wm-app .btn-text {
15940
+ .wm-app .btn-text,
15941
+ .wm-app button-text {
17848
15942
  --wm-btn-color: var(--wm-btn-background);
17849
15943
  background: none !important;
17850
15944
  border: none !important;
17851
15945
  --wm-btn-state-layer-color: var(--wm-btn-background);
17852
15946
  }
17853
- .wm-app .btn-elevated {
15947
+ .wm-app .btn-elevated,
15948
+ .wm-app button-elevated {
17854
15949
  box-shadow: var(--wm-btn-elevated);
17855
15950
  }
17856
- .wm-app .btn-elevated:hover {
15951
+ .wm-app .btn-elevated:hover,
15952
+ .wm-app button-elevated:hover {
17857
15953
  box-shadow: var(--wm-btn-elevated-hover);
17858
15954
  }
17859
- .wm-app .btn-elevated:focus {
15955
+ .wm-app .btn-elevated:focus,
15956
+ .wm-app button-elevated:focus {
17860
15957
  box-shadow: var(--wm-btn-elevated-focus);
17861
15958
  }
17862
- .wm-app .btn-elevated:active {
15959
+ .wm-app .btn-elevated:active,
15960
+ .wm-app button-elevated:active {
17863
15961
  box-shadow: var(--wm-btn-elevated-active);
17864
15962
  }
17865
15963
  .wm-app .btn.disabled,
17866
- .wm-app .btn[disabled] {
15964
+ .wm-app button.disabled,
15965
+ .wm-app .btn[disabled],
15966
+ .wm-app button[disabled] {
17867
15967
  opacity: 1;
17868
15968
  box-shadow: none;
17869
15969
  --wm-btn-color: var(--wm-color-dark-grey-200);
@@ -17872,27 +15972,47 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
17872
15972
  cursor: var(--wm-btn-cursor-disabled);
17873
15973
  }
17874
15974
  .wm-app .btn.disabled:hover,
15975
+ .wm-app button.disabled:hover,
17875
15976
  .wm-app .btn[disabled]:hover,
15977
+ .wm-app button[disabled]:hover,
15978
+ .wm-app .btn.disabled.hover,
15979
+ .wm-app button.disabled.hover,
15980
+ .wm-app .btn[disabled].hover,
15981
+ .wm-app button[disabled].hover,
17876
15982
  .wm-app .btn.disabled:focus,
15983
+ .wm-app button.disabled:focus,
17877
15984
  .wm-app .btn[disabled]:focus,
15985
+ .wm-app button[disabled]:focus,
17878
15986
  .wm-app .btn.disabled.focus,
15987
+ .wm-app button.disabled.focus,
17879
15988
  .wm-app .btn[disabled].focus,
15989
+ .wm-app button[disabled].focus,
17880
15990
  .wm-app .btn.disabled:active,
15991
+ .wm-app button.disabled:active,
17881
15992
  .wm-app .btn[disabled]:active,
15993
+ .wm-app button[disabled]:active,
17882
15994
  .wm-app .btn.disabled:active:focus,
15995
+ .wm-app button.disabled:active:focus,
17883
15996
  .wm-app .btn[disabled]:active:focus,
15997
+ .wm-app button[disabled]:active:focus,
17884
15998
  .wm-app .btn.disabled:active:hover,
15999
+ .wm-app button.disabled:active:hover,
17885
16000
  .wm-app .btn[disabled]:active:hover,
16001
+ .wm-app button[disabled]:active:hover,
17886
16002
  .wm-app .btn.disabled:active.focus,
17887
- .wm-app .btn[disabled]:active.focus {
16003
+ .wm-app button.disabled:active.focus,
16004
+ .wm-app .btn[disabled]:active.focus,
16005
+ .wm-app button[disabled]:active.focus {
17888
16006
  --wm-btn-color: var(--wm-color-dark-grey-200);
17889
16007
  --wm-btn-background: var(--wm-color-mid-grey-100);
17890
16008
  --wm-btn-border-color: var(--wm-btn-background);
17891
- background-color: var(--wm-btn-background);
16009
+ background: var(--wm-btn-background);
17892
16010
  border-color: var(--wm-btn-border-color);
17893
16011
  }
17894
16012
  .wm-app .btn.disabled::before,
17895
- .wm-app .btn[disabled]::before {
16013
+ .wm-app button.disabled::before,
16014
+ .wm-app .btn[disabled]::before,
16015
+ .wm-app button[disabled]::before {
17896
16016
  display: none;
17897
16017
  }
17898
16018
  .wm-app .app-checkbox {
@@ -18045,6 +16165,9 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
18045
16165
  width: 100%;
18046
16166
  position: relative;
18047
16167
  }
16168
+ .wm-app .app-colorpicker.input-group .form-control {
16169
+ padding-right: calc(var(--wm-form-control-padding) + 48px);
16170
+ }
18048
16171
  .wm-app .app-colorpicker.input-group .input-group-addon.colorpicker-container {
18049
16172
  display: inline-flex;
18050
16173
  align-items: center;
@@ -18092,6 +16215,20 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
18092
16215
  .wm-app .app-composite-widget:has([disabled="true"]) * {
18093
16216
  pointer-events: none;
18094
16217
  }
16218
+ .wm-app .app-composite-widget:not(.caption-top, .caption-floating):has(.app-textarea) {
16219
+ align-items: flex-start;
16220
+ }
16221
+ .wm-app .app-composite-widget:not(.caption-top, .caption-floating):has(.app-textarea) .control-label {
16222
+ margin-top: var(--wm-form-control-padding);
16223
+ }
16224
+ .wm-app .app-composite-widget:not(.caption-top, .caption-floating):has(.app-textarea).caption-left,
16225
+ .wm-app .app-composite-widget:not(.caption-top, .caption-floating):has(.app-textarea).caption-right {
16226
+ align-items: flex-start;
16227
+ }
16228
+ .wm-app .app-composite-widget:not(.caption-top, .caption-floating):has(.app-textarea).caption-left .control-label,
16229
+ .wm-app .app-composite-widget:not(.caption-top, .caption-floating):has(.app-textarea).caption-right .control-label {
16230
+ margin-top: var(--wm-form-control-padding);
16231
+ }
18095
16232
  .wm-app .app-composite-widget.caption-left {
18096
16233
  flex-direction: row;
18097
16234
  align-items: center;
@@ -18128,6 +16265,7 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
18128
16265
  padding: 0;
18129
16266
  opacity: 1;
18130
16267
  background: none;
16268
+ pointer-events: none;
18131
16269
  --wm-caption-color: var(--wm-form-control-color-place-holder);
18132
16270
  width: 100%;
18133
16271
  }
@@ -18156,6 +16294,29 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
18156
16294
  background: var(--wm-color-surface);
18157
16295
  z-index: -1;
18158
16296
  }
16297
+ .wm-app .app-composite-widget.caption-floating:has(.app-currency) .control-label {
16298
+ padding: 2px 4px;
16299
+ top: -10px;
16300
+ left: calc(var(--wm-form-control-padding) - 4px);
16301
+ width: auto;
16302
+ height: auto;
16303
+ --wm-caption-font-family: var(--wm-body-small-font-family);
16304
+ --wm-caption-font-size: var(--wm-body-small-font-size);
16305
+ --wm-caption-font-weight: var(--wm-body-small-font-weight);
16306
+ --wm-caption-line-height: var(--wm-body-small-line-height);
16307
+ --wm-caption-letter-spacing: var(--wm-body-small-letter-spacing);
16308
+ transform: none;
16309
+ }
16310
+ .wm-app .app-composite-widget.caption-floating:has(.app-currency) .control-label:before {
16311
+ content: "";
16312
+ position: absolute;
16313
+ left: 0;
16314
+ top: 0;
16315
+ width: 100%;
16316
+ height: 100%;
16317
+ background: var(--wm-color-surface);
16318
+ z-index: -1;
16319
+ }
18159
16320
  .wm-app .control-label {
18160
16321
  font-size: var(--wm-caption-font-size);
18161
16322
  font-weight: var(--wm-caption-font-weight);
@@ -18178,10 +16339,12 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
18178
16339
  border-radius: var(--wm-form-control-radius);
18179
16340
  height: var(--wm-form-control-height);
18180
16341
  width: 100%;
18181
- padding: 0 var(--wm-form-control-padding);
16342
+ padding: var(--wm-form-control-padding);
16343
+ font-family: var(--wm-form-control-font-family);
18182
16344
  font-size: var(--wm-form-control-font-size);
18183
16345
  font-weight: var(--wm-form-control-font-weight);
18184
16346
  line-height: var(--wm-form-control-line-height);
16347
+ letter-spacing: var(--wm-form-control-letter-spacing);
18185
16348
  }
18186
16349
  .wm-app .form-control::-moz-placeholder {
18187
16350
  color: var(--wm-input-place-holder);
@@ -18207,11 +16370,57 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
18207
16370
  border-color: var(--wm-form-control-border-color-focus);
18208
16371
  box-shadow: inset 0 0 0 1px var(--wm-form-control-border-color-focus);
18209
16372
  }
16373
+ .wm-app .app-input-wrapper {
16374
+ display: flex;
16375
+ flex-direction: column;
16376
+ }
16377
+ .wm-app .input-group:not(.app-currency) {
16378
+ position: relative;
16379
+ }
16380
+ .wm-app .input-group:not(.app-currency) .input-group-btn {
16381
+ position: absolute;
16382
+ top: var(--wm-space-2);
16383
+ right: var(--wm-space-1);
16384
+ display: inline-flex;
16385
+ align-items: center;
16386
+ justify-content: center;
16387
+ gap: var(--wm-space-1);
16388
+ }
16389
+ .wm-app .input-group:not(.app-currency) .input-group-btn .btn {
16390
+ width: var(--wm-input-group-btn-width);
16391
+ height: var(--wm-input-group-btn-height);
16392
+ border-radius: var(--wm-input-group-btn-border-radius);
16393
+ padding: 0;
16394
+ border: none;
16395
+ background: none;
16396
+ }
16397
+ .wm-app .input-group:not(.app-currency) .input-group-btn .btn .app-icon {
16398
+ font-size: var(--wm-input-group-btn-font-size);
16399
+ width: var(--wm-input-group-btn-font-size);
16400
+ height: var(--wm-input-group-btn-font-size);
16401
+ display: inline-flex;
16402
+ justify-content: center;
16403
+ align-items: center;
16404
+ }
16405
+ .wm-app .input-group:not(.app-currency) .input-group-btn .btn + .btn {
16406
+ margin: 0;
16407
+ }
16408
+ .wm-app .input-group:not(.app-currency) .form-control {
16409
+ padding-right: calc(var(--wm-input-group-btn-width) + var(--wm-space-4));
16410
+ }
16411
+ .wm-app .input-group:not(.app-currency).app-datetime .form-control {
16412
+ padding-right: calc(var(--wm-input-group-btn-width) * 2.4);
16413
+ }
18210
16414
  .wm-app .help-block {
18211
16415
  color: var(--wm-help-block-color);
16416
+ font-family: var(--wm-help-block-font-family);
18212
16417
  font-size: var(--wm-help-block-font-size);
18213
16418
  font-weight: var(--wm-help-block-font-weight);
18214
16419
  line-height: var(--wm-help-block-line-height);
16420
+ letter-spacing: var(--wm-help-block-letter-spacing);
16421
+ }
16422
+ .wm-app .help-block:not(:empty) {
16423
+ margin-top: var(--wm-space-1);
18215
16424
  }
18216
16425
  .wm-app .app-container {
18217
16426
  position: relative;
@@ -18226,6 +16435,190 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
18226
16435
  .wm-app .app-currency {
18227
16436
  position: relative;
18228
16437
  }
16438
+ .wm-app .app-currency.input-group .input-group-addon {
16439
+ width: var(--wm-currency-inputgroup-addon-width);
16440
+ height: calc(100% - 2px);
16441
+ position: absolute;
16442
+ top: 1px;
16443
+ left: 1px;
16444
+ display: inline-flex;
16445
+ align-items: center;
16446
+ justify-content: center;
16447
+ font-family: var(--wm-currency-inputgroup-addon-font-family);
16448
+ font-size: var(--wm-currency-inputgroup-addon-font-size);
16449
+ font-weight: var(--wm-currency-inputgroup-addon-font-weight);
16450
+ line-height: var(--wm-currency-inputgroup-addon-line-height);
16451
+ letter-spacing: var(--wm-currency-inputgroup-addon-letter-spacing);
16452
+ pointer-events: none;
16453
+ }
16454
+ .wm-app .app-currency.input-group .form-control.app-currency-input {
16455
+ padding-left: var(--wm-currency-inputgroup-addon-width);
16456
+ }
16457
+ .wm-app bs-datepicker-container {
16458
+ z-index: 1060;
16459
+ margin: var(--wm-space-3) var(--wm-space-0);
16460
+ }
16461
+ .wm-app bs-datepicker-container .bs-datepicker {
16462
+ background: var(--wm-datepicker-background);
16463
+ overflow: hidden;
16464
+ border-radius: var(--wm-datepicker-border-radius);
16465
+ text-align: center;
16466
+ }
16467
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-container .bs-datepicker-buttons {
16468
+ display: flex;
16469
+ justify-content: flex-end;
16470
+ align-items: flex-start;
16471
+ gap: 8px;
16472
+ padding: var(--wm-space-2) var(--wm-space-3);
16473
+ background-color: var(--wm-datepicker-background);
16474
+ border-bottom-left-radius: var(--wm-datepicker-border-radius);
16475
+ border-bottom-right-radius: var(--wm-datepicker-border-radius);
16476
+ }
16477
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view {
16478
+ display: flex;
16479
+ justify-content: space-between;
16480
+ align-items: center;
16481
+ padding: var(--wm-space-2) var(--wm-space-0);
16482
+ }
16483
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button {
16484
+ margin: var(--wm-space-1);
16485
+ background: var(--wm-btn-background) !important;
16486
+ padding: var(--wm-space-2);
16487
+ }
16488
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.previous,
16489
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.next {
16490
+ width: 40px;
16491
+ padding: 0;
16492
+ }
16493
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.previous span,
16494
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.next span {
16495
+ display: none;
16496
+ }
16497
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.previous:after,
16498
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.next:after {
16499
+ font-family: wavicon;
16500
+ font-size: var(--wm-icon-size-md);
16501
+ min-width: var(--wm-icon-size-md);
16502
+ height: var(--wm-icon-size-md);
16503
+ display: inline-flex;
16504
+ align-items: center;
16505
+ justify-content: center;
16506
+ }
16507
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.previous:after {
16508
+ content: var(--wm-datepicker-previous-icon);
16509
+ }
16510
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.next:after {
16511
+ content: var(--wm-datepicker-next-icon);
16512
+ }
16513
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body {
16514
+ background: var(--wm-datepicker-background);
16515
+ padding: 0 var(--wm-space-3);
16516
+ }
16517
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table {
16518
+ width: 100%;
16519
+ border-collapse: separate;
16520
+ border-spacing: 0;
16521
+ }
16522
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table th {
16523
+ margin: 0 auto;
16524
+ position: relative;
16525
+ color: var(--wm-datepicker-color);
16526
+ text-align: center;
16527
+ font-size: var(--wm-datepicker-font-size);
16528
+ font-style: var(--wm-datepicker-font-style);
16529
+ font-weight: var(--wm-datepicker-font-weight);
16530
+ line-height: var(--wm-datepicker-line-height);
16531
+ height: var(--wm-datepicker-cell-height);
16532
+ letter-spacing: var(--wm-datepicker-letter-spacing);
16533
+ }
16534
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td {
16535
+ text-align: center;
16536
+ position: relative;
16537
+ padding: var(--wm-space-1);
16538
+ }
16539
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span {
16540
+ position: relative;
16541
+ display: flex;
16542
+ justify-content: center;
16543
+ align-items: center;
16544
+ width: var(--wm-datepicker-date-width);
16545
+ height: var(--wm-datepicker-date-height);
16546
+ color: var(--wm-datepicker-date-color);
16547
+ background: var(--wm-datepicker-date-background);
16548
+ border: var(--wm-datepicker-date-border-width) var(--wm-datepicker-date-border-style) var(--wm-datepicker-date-border-color);
16549
+ border-radius: var(--wm-datepicker-date-border-radius);
16550
+ font-family: var(--wm-datepicker-date-font-family);
16551
+ font-size: var(--wm-datepicker-date-font-size);
16552
+ font-weight: var(--wm-datepicker-date-font-weight);
16553
+ line-height: var(--wm-datepicker-date-line-height);
16554
+ letter-spacing: var(--wm-datepicker-date-letter-spacing);
16555
+ cursor: pointer;
16556
+ }
16557
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.is-other-month {
16558
+ color: var(--wm-datepicker-date-other-month-color);
16559
+ }
16560
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span:before {
16561
+ content: "";
16562
+ top: 0;
16563
+ left: 0;
16564
+ right: 0;
16565
+ bottom: 0;
16566
+ position: absolute;
16567
+ pointer-events: none;
16568
+ border-radius: inherit;
16569
+ opacity: 0;
16570
+ background: var(--wm-datepicker-date-state-layer-color);
16571
+ }
16572
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span:hover::before,
16573
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.hover::before {
16574
+ opacity: var(--wm-datepicker-date-hover-state-layer-opacity);
16575
+ }
16576
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span:focus::before,
16577
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.focus::before {
16578
+ opacity: var(--wm-datepicker-date-focus-state-layer-opacity);
16579
+ }
16580
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span:active::before,
16581
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span:active:focus::before,
16582
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span:active:hover::before,
16583
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span:active.focus::before {
16584
+ opacity: var(--wm-datepicker-date-active-state-layer-opacity);
16585
+ }
16586
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.current-date.text-info:not(.selected) {
16587
+ --wm-datepicker-date-color: var(--wm-btn-primary-background);
16588
+ --wm-datepicker-date-border-color: var(--wm-btn-primary-border-color);
16589
+ }
16590
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.current-date.text-info:not(.selected).disabled {
16591
+ opacity: 0.38;
16592
+ }
16593
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.selected {
16594
+ --wm-datepicker-date-color: var(--wm-btn-primary-color);
16595
+ --wm-datepicker-date-background: var(--wm-btn-primary-background);
16596
+ --wm-datepicker-date-border-color: var(--wm-btn-primary-border-color);
16597
+ --wm-datepicker-date-state-layer-color: var(--wm-btn-primary-state-layer-color);
16598
+ }
16599
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.disabled {
16600
+ opacity: 0.38;
16601
+ cursor: var(--wm-btn-cursor-disabled);
16602
+ }
16603
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.disabled:before {
16604
+ display: none;
16605
+ }
16606
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table:not(.weeks) td span {
16607
+ height: auto;
16608
+ padding: var(--wm-space-2) var(--wm-space-3);
16609
+ width: auto;
16610
+ }
16611
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table.months td,
16612
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table.years td {
16613
+ padding: var(--wm-space-1);
16614
+ }
16615
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-buttons .btn-today-wrapper .btn,
16616
+ .wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-buttons .btn-clear-wrapper .btn {
16617
+ --wm-btn-color: var(--wm-color-primary);
16618
+ background: none !important;
16619
+ border: none !important;
16620
+ --wm-btn-state-layer-color: var(--wm-color-primary);
16621
+ }
18229
16622
  .wm-app .wm-app .app-fileupload {
18230
16623
  position: relative;
18231
16624
  overflow: hidden;
@@ -18331,6 +16724,50 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
18331
16724
  min-height: unset;
18332
16725
  padding: var(--wm-file-upload-media-icon-padding);
18333
16726
  }
16727
+ .wm-app .app-form,
16728
+ .wm-app .app-liveform,
16729
+ .wm-app .app-livefilter {
16730
+ position: relative;
16731
+ }
16732
+ .wm-app .app-form > .panel-heading > .panel-title > .form-action,
16733
+ .wm-app .app-liveform > .panel-heading > .panel-title > .form-action,
16734
+ .wm-app .app-livefilter > .panel-heading > .panel-title > .form-action {
16735
+ flex-grow: 1;
16736
+ justify-content: flex-end;
16737
+ }
16738
+ .wm-app .app-form > .panel-heading + .form-body,
16739
+ .wm-app .app-liveform > .panel-heading + .form-body,
16740
+ .wm-app .app-livefilter > .panel-heading + .form-body {
16741
+ padding-top: var(--wm-space-0);
16742
+ }
16743
+ .wm-app .app-form > .form-body,
16744
+ .wm-app .app-liveform > .form-body,
16745
+ .wm-app .app-livefilter > .form-body {
16746
+ position: relative;
16747
+ width: 100%;
16748
+ height: 100%;
16749
+ padding: var(--wm-panel-content-padding);
16750
+ }
16751
+ .wm-app .app-form > .form-body > .form-elements,
16752
+ .wm-app .app-liveform > .form-body > .form-elements,
16753
+ .wm-app .app-livefilter > .form-body > .form-elements {
16754
+ margin: var(--wm-space-0) calc(var(--wm-grid-layout-column-padding) * -0.75);
16755
+ }
16756
+ .wm-app .app-form > .form-body > .form-action,
16757
+ .wm-app .app-liveform > .form-body > .form-action,
16758
+ .wm-app .app-livefilter > .form-body > .form-action {
16759
+ display: flex;
16760
+ justify-content: flex-end;
16761
+ padding: var(--wm-panel-footer-padding);
16762
+ border-bottom-left-radius: var(--wm-panel-radius);
16763
+ border-bottom-right-radius: var(--wm-panel-radius);
16764
+ margin: calc(var(--wm-panel-content-padding) * 0.75) calc(var(--wm-panel-content-padding)* -1) calc(var(--wm-panel-content-padding)* -1);
16765
+ }
16766
+ .wm-app .app-form:has(> .form-body.hidden) > .panel-heading,
16767
+ .wm-app .app-liveform:has(> .form-body.hidden) > .panel-heading,
16768
+ .wm-app .app-livefilter:has(> .form-body.hidden) > .panel-heading {
16769
+ border-radius: var(--wm-panel-radius);
16770
+ }
18334
16771
  .wm-app .app-grid-layout {
18335
16772
  display: flex;
18336
16773
  flex-direction: column;
@@ -18541,11 +16978,14 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
18541
16978
  .wm-app .app-message .btn-transparent.close {
18542
16979
  color: inherit;
18543
16980
  opacity: 1;
16981
+ width: 40px;
16982
+ height: 40px;
16983
+ --wm-btn-state-layer-color: var(--wm-message-container-color);
18544
16984
  }
18545
16985
  .wm-app .app-message .btn-transparent.close span {
18546
16986
  display: none;
18547
16987
  }
18548
- .wm-app .app-message .btn-transparent.close:before {
16988
+ .wm-app .app-message .btn-transparent.close:after {
18549
16989
  content: "\f1e2";
18550
16990
  font-family: wavicon;
18551
16991
  font-size: var(--wm-icon-size-sm);
@@ -20108,6 +18548,177 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
20108
18548
  .wm-app .app-footer .app-nav.nav-pills li + li {
20109
18549
  margin-left: var(--wm-space-8);
20110
18550
  }
18551
+ .wm-app .app-panel,
18552
+ .wm-app .panel {
18553
+ position: relative;
18554
+ background: var(--wm-panel-background);
18555
+ border-radius: var(--wm-panel-radius);
18556
+ box-shadow: var(--wm-panel-shadow);
18557
+ }
18558
+ .wm-app .app-panel > .panel-heading,
18559
+ .wm-app .panel > .panel-heading {
18560
+ padding: var(--wm-panel-heading-padding);
18561
+ background: var(--wm-panel-heading-background);
18562
+ border-top-left-radius: var(--wm-panel-radius);
18563
+ border-top-right-radius: var(--wm-panel-radius);
18564
+ }
18565
+ .wm-app .app-panel > .panel-heading .panel-title,
18566
+ .wm-app .panel > .panel-heading .panel-title {
18567
+ display: flex;
18568
+ justify-content: flex-start;
18569
+ align-items: center;
18570
+ gap: var(--wm-panel-heading-gap);
18571
+ }
18572
+ .wm-app .app-panel > .panel-heading .panel-title .panel-toggle,
18573
+ .wm-app .panel > .panel-heading .panel-title .panel-toggle {
18574
+ display: flex;
18575
+ align-items: flex-start;
18576
+ justify-content: flex-start;
18577
+ flex-grow: 1;
18578
+ gap: var(--wm-panel-heading-gap);
18579
+ color: var(--wm-panel-heading-color);
18580
+ }
18581
+ .wm-app .app-panel > .panel-heading .panel-title .panel-actions:not(:empty),
18582
+ .wm-app .panel > .panel-heading .panel-title .panel-actions:not(:empty) {
18583
+ display: flex;
18584
+ align-items: center;
18585
+ gap: var(--wm-panel-actions-gap);
18586
+ }
18587
+ .wm-app .app-panel > .panel-heading .panel-title .panel-actions .panel-action,
18588
+ .wm-app .panel > .panel-heading .panel-title .panel-actions .panel-action {
18589
+ --wm-btn-state-layer-color: var(--wm-panel-heading-color);
18590
+ }
18591
+ .wm-app .app-panel > .panel-heading .panel-title .heading,
18592
+ .wm-app .panel > .panel-heading .panel-title .heading {
18593
+ font-family: var(--wm-panel-heading-font-family);
18594
+ font-size: var(--wm-panel-heading-font-size);
18595
+ font-weight: var(--wm-panel-heading-font-weight);
18596
+ line-height: var(--wm-panel-heading-line-height);
18597
+ letter-spacing: var(--wm-panel-heading-letter-spacing);
18598
+ color: var(--wm-panel-heading-color);
18599
+ }
18600
+ .wm-app .app-panel > .panel-heading .panel-title .description,
18601
+ .wm-app .panel > .panel-heading .panel-title .description {
18602
+ font-family: var(--wm-panel-description-font-family);
18603
+ font-size: var(--wm-panel-description-font-size);
18604
+ font-weight: var(--wm-panel-description-font-weight);
18605
+ line-height: var(--wm-panel-description-line-height);
18606
+ letter-spacing: var(--wm-panel-description-letter-spacing);
18607
+ color: var(--wm-panel-description-color);
18608
+ }
18609
+ .wm-app .app-panel > .panel-heading .panel-title .pull-left:empty,
18610
+ .wm-app .panel > .panel-heading .panel-title .pull-left:empty {
18611
+ display: none;
18612
+ }
18613
+ .wm-app .app-panel > .panel-content,
18614
+ .wm-app .panel > .panel-content {
18615
+ height: 100%;
18616
+ position: relative;
18617
+ }
18618
+ .wm-app .app-panel > .panel-content > .panel-body,
18619
+ .wm-app .panel > .panel-content > .panel-body {
18620
+ position: relative;
18621
+ width: 100%;
18622
+ height: 100%;
18623
+ padding: var(--wm-panel-content-padding);
18624
+ }
18625
+ .wm-app .app-panel > .panel-content > .panel-help-message,
18626
+ .wm-app .panel > .panel-content > .panel-help-message {
18627
+ overflow: auto;
18628
+ display: none;
18629
+ background: var(--wm-panel-help-message-background);
18630
+ position: absolute;
18631
+ top: 0;
18632
+ right: 0;
18633
+ width: 20%;
18634
+ height: 100%;
18635
+ z-index: 1000;
18636
+ min-width: 100px;
18637
+ }
18638
+ .wm-app .app-panel > .panel-content > .panel-help-message .panel-help-header,
18639
+ .wm-app .panel > .panel-content > .panel-help-message .panel-help-header {
18640
+ background: var(--wm-panel-help-message-header-background);
18641
+ border: var(--wm-panel-help-message-border-width) var(--wm-panel-help-message-border-style) var(--wm-panel-help-message-border);
18642
+ padding: var(--wm-panel-help-message-padding);
18643
+ }
18644
+ .wm-app .app-panel > .panel-content > .panel-help-message .panel-help-content,
18645
+ .wm-app .panel > .panel-content > .panel-help-message .panel-help-content {
18646
+ padding: var(--wm-panel-help-message-padding);
18647
+ border: var(--wm-panel-help-message-border-width) var(--wm-panel-help-message-border-style) var(--wm-panel-help-message-border);
18648
+ border-top: 0;
18649
+ }
18650
+ .wm-app .app-panel > .panel-footer,
18651
+ .wm-app .panel > .panel-footer,
18652
+ .wm-app .app-panel > .app-panel-footer,
18653
+ .wm-app .panel > .app-panel-footer {
18654
+ padding: var(--wm-panel-footer-padding);
18655
+ border-top: var(--wm-panel-footer-border-width) var(--wm-panel-footer-border-style) var(--wm-panel-footer-border);
18656
+ }
18657
+ .wm-app .app-panel.show-help > .panel-content > .panel-body.show-help,
18658
+ .wm-app .panel.show-help > .panel-content > .panel-body.show-help {
18659
+ width: 79%;
18660
+ }
18661
+ .wm-app .app-panel.show-help > .panel-content > .panel-help-message.show-help,
18662
+ .wm-app .panel.show-help > .panel-content > .panel-help-message.show-help {
18663
+ display: block;
18664
+ }
18665
+ .wm-app .app-panel.fullscreen,
18666
+ .wm-app .panel.fullscreen {
18667
+ position: fixed;
18668
+ z-index: 1049;
18669
+ inset: 0;
18670
+ margin: unset !important;
18671
+ }
18672
+ .wm-app .app-panel.fullscreen .panel-content,
18673
+ .wm-app .panel.fullscreen .panel-content {
18674
+ overflow: auto;
18675
+ }
18676
+ .wm-app .app-panel:has(> .panel-content[hidden] + .panel-footer[hidden]) > .panel-heading,
18677
+ .wm-app .panel:has(> .panel-content[hidden] + .panel-footer[hidden]) > .panel-heading {
18678
+ border-radius: var(--wm-panel-radius);
18679
+ }
18680
+ .wm-app .app-panel.panel-primary,
18681
+ .wm-app .panel.panel-primary {
18682
+ --wm-panel-heading-background: var(--wm-panel-background-primary);
18683
+ --wm-panel-heading-color: var(--wm-panel-heading-color-primary);
18684
+ --wm-panel-description-color: var(--wm-panel-description-color-primary);
18685
+ }
18686
+ .wm-app .app-panel.panel-secondary,
18687
+ .wm-app .panel.panel-secondary {
18688
+ --wm-panel-heading-background: var(--wm-panel-background-secondary);
18689
+ --wm-panel-heading-color: var(--wm-panel-heading-color-secondary);
18690
+ --wm-panel-description-color: var(--wm-panel-description-color-secondary);
18691
+ }
18692
+ .wm-app .app-panel.panel-tertiary,
18693
+ .wm-app .panel.panel-tertiary {
18694
+ --wm-panel-heading-background: var(--wm-panel-background-tertiary);
18695
+ --wm-panel-heading-color: var(--wm-panel-heading-color-tertiary);
18696
+ --wm-panel-description-color: var(--wm-panel-description-color-tertiary);
18697
+ }
18698
+ .wm-app .app-panel.panel-success,
18699
+ .wm-app .panel.panel-success {
18700
+ --wm-panel-heading-background: var(--wm-panel-background-success);
18701
+ --wm-panel-heading-color: var(--wm-panel-heading-color-success);
18702
+ --wm-panel-description-color: var(--wm-panel-description-color-success);
18703
+ }
18704
+ .wm-app .app-panel.panel-info,
18705
+ .wm-app .panel.panel-info {
18706
+ --wm-panel-heading-background: var(--wm-panel-background-info);
18707
+ --wm-panel-heading-color: var(--wm-panel-heading-color-info);
18708
+ --wm-panel-description-color: var(--wm-panel-description-color-info);
18709
+ }
18710
+ .wm-app .app-panel.panel-warning,
18711
+ .wm-app .panel.panel-warning {
18712
+ --wm-panel-heading-background: var(--wm-panel-background-warning);
18713
+ --wm-panel-heading-color: var(--wm-panel-heading-color-warning);
18714
+ --wm-panel-description-color: var(--wm-panel-description-color-warning);
18715
+ }
18716
+ .wm-app .app-panel.panel-danger,
18717
+ .wm-app .panel.panel-danger {
18718
+ --wm-panel-heading-background: var(--wm-panel-background-danger);
18719
+ --wm-panel-heading-color: var(--wm-panel-heading-color-danger);
18720
+ --wm-panel-description-color: var(--wm-panel-description-color-danger);
18721
+ }
20111
18722
  .wm-app .app-picture {
20112
18723
  position: relative;
20113
18724
  display: inline-flex;
@@ -20342,6 +18953,64 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
20342
18953
  }
20343
18954
  .wm-app .app-textarea {
20344
18955
  position: relative;
18956
+ padding: var(--wm-form-control-padding) var(--wm-form-control-padding) calc(var(--wm-form-control-padding) * 0.85);
18957
+ min-height: calc(var(--wm-form-control-height) * 1.85);
18958
+ height: calc(var(--wm-form-control-height) * 1.85);
18959
+ min-width: 100%;
18960
+ max-width: 100%;
18961
+ }
18962
+ .wm-app .textarea-count {
18963
+ color: var(--wm-help-block-color);
18964
+ font-family: var(--wm-help-block-font-family);
18965
+ font-size: var(--wm-help-block-font-size);
18966
+ font-weight: var(--wm-help-block-font-weight);
18967
+ line-height: var(--wm-help-block-line-height);
18968
+ letter-spacing: var(--wm-help-block-letter-spacing);
18969
+ text-align: right;
18970
+ }
18971
+ .wm-app .textarea-count:not(:empty) {
18972
+ margin-top: var(--wm-space-1);
18973
+ }
18974
+ .wm-app bs-dropdown-container {
18975
+ z-index: 2000;
18976
+ }
18977
+ .wm-app .dropdown-menu.app-datetime {
18978
+ background: var(--wm-timepicker-background);
18979
+ padding: var(--wm-timepicker-padding);
18980
+ border-radius: var(--wm-timepicker-border-radius);
18981
+ }
18982
+ .wm-app .app-datetime tbody tr:first-child,
18983
+ .wm-app .app-datetime tbody tr:last-child,
18984
+ .wm-app .app-datetime tbody .btn.btn-link {
18985
+ display: none;
18986
+ }
18987
+ .wm-app .app-datetime tbody td {
18988
+ font-family: var(--wm-timepicker-font-family);
18989
+ font-size: var(--wm-timepicker-font-size);
18990
+ font-weight: var(--wm-timepicker-font-weight);
18991
+ line-height: var(--wm-timepicker-line-height);
18992
+ letter-spacing: var(--wm-timepicker-letter-spacing);
18993
+ }
18994
+ .wm-app .app-datetime tbody .btn {
18995
+ --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
18996
+ --wm-btn-radius: var(--wm-radius-sm);
18997
+ --wm-btn-background: var(--wm-color-tertiary-container);
18998
+ --wm-btn-border-color: var(--wm-color-outline);
18999
+ --wm-btn-font-family: var(--wm-timepicker-period-selector-font-family);
19000
+ --wm-btn-font-size: var(--wm-timepicker-period-selector-font-size);
19001
+ --wm-btn-font-weight: var(--wm-timepicker-period-selector-font-weight);
19002
+ --wm-btn-line-height: var(--wm-timepicker-period-selector-line-height);
19003
+ --wm-btn-letter-spacing: var(--wm-timepicker-period-selector-letter-spacing);
19004
+ }
19005
+ .wm-app .app-datetime .form-control.bs-timepicker-field {
19006
+ width: var(--wm-timepicker-input-width);
19007
+ color: var(--wm-color-on-primary-container);
19008
+ font-family: var(--wm-timepicker-input-font-family);
19009
+ font-size: var(--wm-timepicker-input-font-size);
19010
+ font-weight: var(--wm-timepicker-input-font-weight);
19011
+ line-height: var(--wm-timepicker-input-line-height);
19012
+ letter-spacing: var(--wm-timepicker-input-letter-spacing);
19013
+ padding: var(--wm-timepicker-input-padding);
20345
19014
  }
20346
19015
  .wm-app .toast-container {
20347
19016
  position: fixed;
@@ -20376,12 +19045,20 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
20376
19045
  min-width: var(--wm-icon-size-md);
20377
19046
  height: var(--wm-icon-size-md);
20378
19047
  }
19048
+ .wm-app .toast-container .toast .toast-title {
19049
+ font-family: var(--wm-toast-title-font-family);
19050
+ font-size: var(--wm-toast-title-font-size);
19051
+ font-weight: var(--wm-toast-title-font-weight);
19052
+ line-height: var(--wm-toast-title-line-height);
19053
+ letter-spacing: var(--wm-toast-title-letter-spacing);
19054
+ word-wrap: break-word;
19055
+ }
20379
19056
  .wm-app .toast-container .toast .toast-message {
20380
- font-family: var(--wm-toast-font-famil);
20381
- font-size: var(--wm-toast-font-size);
20382
- font-weight: var(--wm-toast-font-weight);
20383
- line-height: var(--wm-toast-line-height);
20384
- letter-spacing: var(--wm-toast-letter-spacing);
19057
+ font-family: var(--wm-toast-message-font-family);
19058
+ font-size: var(--wm-toast-message-font-size);
19059
+ font-weight: var(--wm-toast-message-font-weight);
19060
+ line-height: var(--wm-toast-message-line-height);
19061
+ letter-spacing: var(--wm-toast-message-letter-spacing);
20385
19062
  word-wrap: break-word;
20386
19063
  }
20387
19064
  .wm-app .toast-container .toast.toast-success {