@wavemaker/app-runtime-wm-build 12.0.0-next.45096 → 12.0.0-next.45099

app-runtime-wm-build/wmapp/styles/foundation/foundation.css

@@ -427,6 +427,60 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   --wm-box-shadow-lg: 0 1rem 3rem rgba(29, 58, 83, 0.15);
   --wm-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
 }
+@media (prefers-color-scheme: dark) {
+  :root:not(:has(.wm-studio)) {
+    --wm-color-background: #141218;
+    --wm-color-error: #f2b8b5;
+    --wm-color-error-container: #8c1d18;
+    --wm-color-inverse-on-surface: #322f35;
+    --wm-color-inverse-primary: #6750a4;
+    --wm-color-inverse-surface: #e6e0e9;
+    --wm-color-on-background: #e6e0e9;
+    --wm-color-on-error: #601410;
+    --wm-color-on-error-container: #f9dedc;
+    --wm-color-on-primary: #381e72;
+    --wm-color-on-primary-container: #eaddff;
+    --wm-color-on-primary-fixed: #21005d;
+    --wm-color-on-primary-fixed-variant: #4f378b;
+    --wm-color-on-secondary: #332d41;
+    --wm-color-on-secondary-container: #e8def8;
+    --wm-color-on-secondary-fixed: #1d192b;
+    --wm-color-on-secondary-fixed-variant: #4a4458;
+    --wm-color-on-surface: #e6e0e9;
+    --wm-color-on-surface-variant: #cac4d0;
+    --wm-color-on-tertiary: #492532;
+    --wm-color-on-tertiary-container: #ffd8e4;
+    --wm-color-on-tertiary-fixed: #31111d;
+    --wm-color-on-tertiary-fixed-variant: #633b48;
+    --wm-color-on-success: #1d192b;
+    --wm-color-outline: #938f99;
+    --wm-color-outline-variant: #49454f;
+    --wm-color-primary: #d0bcfe;
+    --wm-color-primary-container: #4f378b;
+    --wm-color-primary-fixed: #eaddff;
+    --wm-color-primary-fixed-dim: #d0bcff;
+    --wm-color-scrim: #000000;
+    --wm-color-secondary: #ccc2dc;
+    --wm-color-secondary-container: #4a4458;
+    --wm-color-secondary-fixed: #e8def8;
+    --wm-color-secondary-fixed-dim: #ccc2dc;
+    --wm-color-shadow: #ffffff;
+    --wm-color-surface: #141218;
+    --wm-color-surface-bright: #3b383e;
+    --wm-color-surface-container: #211f26;
+    --wm-color-surface-container-high: #2b2930;
+    --wm-color-surface-container-highest: #36343b;
+    --wm-color-surface-container-low: #1d1b20;
+    --wm-color-surface-container-lowest: #0f0d13;
+    --wm-color-surface-dim: #141218;
+    --wm-color-surface-tint: #d0bcff;
+    --wm-color-surface-variant: #49454f;
+    --wm-color-tertiary: #efb8c8;
+    --wm-color-tertiary-container: #633b48;
+    --wm-color-tertiary-fixed: #ffd8e4;
+    --wm-color-tertiary-fixed-dim: #efb8c8;
+  }
+}
 /*=========
 css variables doesn't support by less functions to generate lighten, darken, fade, etc.
 We are using color-mix function of css variables.
@@ -1727,18 +1781,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   --wm-scroll-bar-thumb-radius: 6px;
   --wm-scroll-bar-thumb-hover: var(--wm-color-surface-container-highest);
 }
-:root {
-  --wm-color-primary-50: color-mix(in srgb, var(--wm-color-primary), var(--wm-color-white) 100%);
-  --wm-color-primary-100: color-mix(in srgb, var(--wm-color-primary), var(--wm-color-white) 80%);
-  --wm-color-primary-200: color-mix(in srgb, var(--wm-color-primary), var(--wm-color-white) 70%);
-  --wm-color-primary-300: color-mix(in srgb, var(--wm-color-primary), var(--wm-color-white) 60%);
-  --wm-color-primary-400: color-mix(in srgb, var(--wm-color-primary), var(--wm-color-white) 0%);
-  --wm-color-primary-500: color-mix(in srgb, var(--wm-color-primary), var(--wm-color-black) 20%);
-  --wm-color-primary-600: color-mix(in srgb, var(--wm-color-primary), var(--wm-color-black) 30%);
-  --wm-color-primary-700: color-mix(in srgb, var(--wm-color-primary), var(--wm-color-black) 40%);
-  --wm-color-primary-800: color-mix(in srgb, var(--wm-color-primary), var(--wm-color-black) 80%);
-  --wm-color-primary-900: color-mix(in srgb, var(--wm-color-primary), var(--wm-color-black) 90%);
-}
 /**--import specified google font url ex:Lexend--**/
 * {
   box-sizing: border-box;
@@ -1759,10 +1801,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   margin: 0;
   padding: 0;
   /** Reuasble style selectors with arguments */
-  /* width */
-  /* Track */
-  /* Handle */
-  /* Handle on hover */
   /* datepicker styles */
   /**--Layout--**/
   /*--Layout styles--*/
@@ -1772,6 +1810,15 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   /* pagination horizontal styles */
   /* Timepicker styles */
   /* toast styles */
+  /* wizard body styles */
+  /* wizard footer styles */
+  /* number wizard styles */
+  /* icon stepper */
+  /* icon stepper inline */
+  /* vertical wizard styles */
+  /* dotted wizard styles */
+  /* classic wizard styles */
+  /* vertical wizard styles */
   /*--bootstrap 5 utilities start--*/
   /* rtl:begin:remove */
   /*--bootstrap 5 utilities end--*/
@@ -1793,34 +1840,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
 .wm-app * {
   outline: 0 !important;
 }
-.wm-app .app-badge {
-  padding: var(--wm-space-0) var(--wm-space-1);
-  border-radius: var(--wm-radius-md);
-  font-family: var(--wm-label-small-font-family);
-  font-size: var(--wm-label-small-font-size);
-  font-weight: var(--wm-label-small-font-weight);
-  line-height: var(--wm-label-small-line-height);
-  letter-spacing: var(--wm-label-small-letter-spacing);
-}
-.wm-app::-webkit-scrollbar,
-.wm-app ::-webkit-scrollbar {
-  width: var(--wm-scroll-bar-width);
-  height: var(--wm-scroll-bar-height);
-}
-.wm-app::-webkit-scrollbar-track,
-.wm-app ::-webkit-scrollbar-track {
-  background: var(--wm-scroll-bar-track-bg);
-  border-radius: var(--wm-scroll-bar-track-radius);
-}
-.wm-app::-webkit-scrollbar-thumb,
-.wm-app ::-webkit-scrollbar-thumb {
-  background: var(--wm-scroll-bar-thumb-bg);
-  border-radius: var(--wm-scroll-bar-thumb-radius);
-}
-.wm-app::-webkit-scrollbar-thumb:hover,
-.wm-app ::-webkit-scrollbar-thumb:hover {
-  background: var(--wm-scroll-bar-thumb-hover);
-}
 .wm-app .fa,
 .wm-app .fa-stack,
 .wm-app .wi,
@@ -8917,102 +8936,30 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
 .wm-app .wm-sl-r.sl-zoom-out:before {
   content: "\f1cd";
 }
-.wm-app .sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  border: 0;
-}
-.wm-app .sr-only-focusable:active,
-.wm-app .sr-only-focusable:focus {
-  position: static;
-  width: auto;
-  height: auto;
-  margin: 0;
-  overflow: visible;
-  clip: auto;
-}
-.wm-app .note-btn-group,
-.wm-app .note-dropdown {
-  position: relative;
-}
-.wm-app .note-editor .note-editing-area p {
-  margin: 0 0 10px;
+@font-face {
+  font-family: summernote;
+  src: url('fonts/icons/summernote/summernote.eot?hqtw5a');
+  src: url('fonts/icons/summernote/summernote.eot?hqtw5a#iefix') format('embedded-opentype'), url('fonts/icons/summernote/summernote.ttf?hqtw5a') format('truetype'), url('fonts/icons/summernote/summernote.woff?hqtw5a') format('woff'), url('fonts/icons/summernote/summernote.svg?hqtw5a#summernote') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
 }
-.wm-app [class*=" note-icon-"]:before,
-.wm-app [class^="note-icon-"]:before {
-  display: inline-block;
-  font: normal normal normal 14px summernote;
-  font-size: inherit;
-  -webkit-font-smoothing: antialiased;
-  text-decoration: inherit;
-  text-rendering: auto;
+.wm-app [class^="note-icon-"],
+.wm-app [class*=" note-icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: summernote;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
   text-transform: none;
-  vertical-align: middle;
-  speak: none;
+  line-height: 1;
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-.wm-app .note-icon-align-center:before,
-.wm-app .note-icon-align-indent:before,
-.wm-app .note-icon-align-justify:before,
-.wm-app .note-icon-align-left:before,
-.wm-app .note-icon-align-outdent:before,
-.wm-app .note-icon-align-right:before,
-.wm-app .note-icon-align:before,
-.wm-app .note-icon-arrow-circle-down:before,
-.wm-app .note-icon-arrow-circle-left:before,
-.wm-app .note-icon-arrow-circle-right:before,
-.wm-app .note-icon-arrow-circle-up:before,
-.wm-app .note-icon-arrows-alt:before,
-.wm-app .note-icon-arrows-h:before,
-.wm-app .note-icon-arrows-v:before,
-.wm-app .note-icon-bold:before,
-.wm-app .note-icon-caret:before,
-.wm-app .note-icon-chain-broken:before,
-.wm-app .note-icon-circle:before,
-.wm-app .note-icon-close:before,
-.wm-app .note-icon-code:before,
-.wm-app .note-icon-col-after:before,
-.wm-app .note-icon-col-before:before,
-.wm-app .note-icon-col-remove:before,
-.wm-app .note-icon-eraser:before,
-.wm-app .note-icon-font:before,
-.wm-app .note-icon-frame:before,
-.wm-app .note-icon-italic:before,
-.wm-app .note-icon-link:before,
-.wm-app .note-icon-magic:before,
-.wm-app .note-icon-menu-check:before,
-.wm-app .note-icon-minus:before,
-.wm-app .note-icon-orderedlist:before,
-.wm-app .note-icon-pencil:before,
-.wm-app .note-icon-picture:before,
-.wm-app .note-icon-question:before,
-.wm-app .note-icon-redo:before,
-.wm-app .note-icon-row-above:before,
-.wm-app .note-icon-row-below:before,
-.wm-app .note-icon-row-remove:before,
-.wm-app .note-icon-special-character:before,
-.wm-app .note-icon-square:before,
-.wm-app .note-icon-strikethrough:before,
-.wm-app .note-icon-subscript:before,
-.wm-app .note-icon-summernote:before,
-.wm-app .note-icon-superscript:before,
-.wm-app .note-icon-table:before,
-.wm-app .note-icon-text-height:before,
-.wm-app .note-icon-trash:before,
-.wm-app .note-icon-underline:before,
-.wm-app .note-icon-undo:before,
-.wm-app .note-icon-unorderedlist:before,
-.wm-app .note-icon-video:before {
-  display: inline-block;
-  font-family: summernote;
-  font-style: normal;
-  font-weight: 400;
-  text-decoration: inherit;
+.wm-app .note-icon-notdef:before {
+  content: "\e900";
 }
 .wm-app .note-icon-align-center:before {
   content: "\f101";
@@ -9170,11 +9117,24 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
 .wm-app .note-icon-video:before {
   content: "\f134";
 }
-.wm-app .note-frame * {
-  color: #000;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
+.wm-app .sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+.wm-app .sr-only-focusable:active,
+.wm-app .sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
 }
 .wm-app kbd {
   padding: 3px 5px;
@@ -9187,1119 +9147,118 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   -ms-box-sizing: border-box;
   box-sizing: border-box;
 }
-.wm-app .note-editor.note-frame .note-editing-area .note-codable,
-.wm-app .note-input {
-  -ms-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-}
-.wm-app .note-toolbar {
-  border-bottom: 1px solid #e2e2e2;
-}
-.wm-app .note-btn-group {
-  display: inline-block;
-  margin-right: 8px;
-}
-.wm-app .note-btn-group > .note-btn-group {
-  margin-right: 0;
-}
-.wm-app .note-btn-group > .note-btn,
-.wm-app .note-btn-group > .note-btn-group {
-  margin-left: -4px;
-  border-radius: 0;
-}
-.wm-app .note-btn-group > .note-btn-group.active,
-.wm-app .note-btn-group > .note-btn-group.focus,
-.wm-app .note-btn-group > .note-btn.active,
-.wm-app .note-btn-group > .note-btn.focus {
-  border-radius: 0;
-}
-.wm-app .note-btn-group > .note-btn-group:first-child,
-.wm-app .note-btn-group > .note-btn:first-child {
-  margin-left: 0;
-  border-bottom-left-radius: 1px;
-  border-top-left-radius: 1px;
-}
-.wm-app .note-btn-group > .note-btn-group:first-child.active,
-.wm-app .note-btn-group > .note-btn-group:first-child.focus,
-.wm-app .note-btn-group > .note-btn:first-child.active,
-.wm-app .note-btn-group > .note-btn:first-child.focus {
-  border-bottom-left-radius: 1px;
-  border-top-left-radius: 1px;
-}
-.wm-app .note-btn-group > .note-btn-group:last-child:not(.note-dropdown),
-.wm-app .note-btn-group > .note-btn-group:last-child:not(.note-dropdown).active,
-.wm-app .note-btn-group > .note-btn-group:last-child:not(.note-dropdown).focus,
-.wm-app .note-btn-group > .note-btn:last-child:not(.note-dropdown),
-.wm-app .note-btn-group > .note-btn:last-child:not(.note-dropdown).active,
-.wm-app .note-btn-group > .note-btn:last-child:not(.note-dropdown).focus {
-  border-top-right-radius: 1px;
-  border-bottom-right-radius: 1px;
-}
-.wm-app .note-btn-group.open > .note-dropdown {
-  display: block;
+.wm-app .full-height,
+.wm-app body,
+.wm-app html {
+  height: 100%;
 }
-.wm-app .note-btn {
+.wm-app .help-list-item label {
   display: inline-block;
-  padding: 5px 10px;
-  margin-bottom: 0;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 1.4;
-  color: #333;
-  white-space: nowrap;
-  vertical-align: middle;
-  cursor: pointer;
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #fff;
-  border-radius: 1px;
-  outline: 0;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  touch-action: manipulation;
-}
-.wm-app .note-popover .note-popover-content .note-color-palette,
-.wm-app .note-toolbar .note-color-palette {
-  line-height: 1;
-}
-.wm-app .note-btn.disabled.focus,
-.wm-app .note-btn.disabled:focus,
-.wm-app .note-btn[disabled].focus,
-.wm-app .note-btn[disabled]:focus,
-.wm-app fieldset[disabled] .note-btn.focus,
-.wm-app fieldset[disabled] .note-btn:focus {
-  background-color: #fff;
-  border-color: #fff;
-}
-.wm-app .note-btn.focus,
-.wm-app .note-btn:focus,
-.wm-app .note-btn:hover {
-  color: #333;
-  text-decoration: none;
-  background-color: #ebebeb;
-  border: 1px solid #fff;
-  -webkit-border-radius: 1px;
-  -moz-border-radius: 1px;
-  border-radius: 1px;
-  outline: 0;
-}
-.wm-app .note-btn.active,
-.wm-app .note-btn:active {
-  background-image: none;
-  outline: 0;
+  margin-bottom: 5px;
 }
-.wm-app .note-btn.disabled,
-.wm-app .note-btn[disabled],
-.wm-app fieldset[disabled] .note-btn {
-  cursor: not-allowed;
-  -webkit-opacity: 0.65;
-  -khtml-opacity: 0.65;
-  -moz-opacity: 0.65;
-  opacity: 0.65;
-  -ms-filter: alpha(opacity=65);
-  filter: alpha(opacity=65);
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
+.wm-app .ng-hide {
+  display: none !important;
 }
-.wm-app .note-btn-primary {
-  color: #fff;
-  background: #fa6362;
+.wm-app .app-partial-info {
+  text-align: center;
 }
-.wm-app .note-btn-primary.focus,
-.wm-app .note-btn-primary:focus,
-.wm-app .note-btn-primary:hover {
+.wm-app .app-partial-info .partial-message {
+  padding: 0 0.25em;
+  border-radius: 0.25em;
+  border: 1px solid #9e9d9d;
+  text-align: center;
+  background: #575757;
   color: #fff;
-  text-decoration: none;
-  background-color: #fa6362;
-  border: 1px solid #fff;
-  -webkit-border-radius: 1px;
-  -moz-border-radius: 1px;
-  border-radius: 1px;
-}
-.wm-app .note-btn-block {
-  display: block;
-  width: 100%;
-}
-.wm-app .note-btn-block + .note-btn-block {
-  margin-top: 5px;
+  display: inline-block;
 }
-.wm-app input[type="submit"].note-btn-block,
-.wm-app input[type="reset"].note-btn-block,
-.wm-app input[type="button"].note-btn-block {
-  width: 100%;
+.wm-app .customTemplate section {
+  display: table;
+  white-space: normal;
 }
-.wm-app .note-dropdown-menu {
+.wm-app #wm-mobile-display {
+  width: 1px;
+  height: 1px;
   position: absolute;
-  top: 100%;
-  left: 0;
-  z-index: 1000;
+  z-index: -1000;
   display: none;
-  float: left;
-  min-width: 100px;
-  padding: 5px;
-  text-align: left;
-  background: #fff;
-  border: 1px solid #e2e2e2;
-  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
-  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
-  background-clip: padding-box;
+  top: 0;
 }
-.wm-app .note-btn-group.open .note-dropdown-menu,
-.wm-app .note-dropdown-item {
-  display: block;
+.wm-app .visible-lg-block[hidden],
+.wm-app .visible-lg-inline-block[hidden],
+.wm-app .visible-lg-inline[hidden],
+.wm-app .visible-md-block[hidden],
+.wm-app .visible-md-inline-block[hidden],
+.wm-app .visible-md-inline[hidden],
+.wm-app .visible-sm-block[hidden],
+.wm-app .visible-sm-inline-block[hidden],
+.wm-app .visible-sm-inline[hidden],
+.wm-app .visible-xs-block[hidden],
+.wm-app .visible-xs-inline-block[hidden],
+.wm-app .visible-xs-inline[hidden] {
+  display: none !important;
 }
-.wm-app .note-dropdown-item:hover {
-  background-color: #ebebeb;
+.wm-app input[type="file"] {
+  padding: 0;
 }
-.wm-app a.note-dropdown-item,
-.wm-app a.note-dropdown-item:hover {
-  margin: 2px 0;
-  color: #000;
-  text-decoration: none;
+.wm-app .infinite {
+  animation-iteration-count: infinite;
 }
-.wm-app .note-modal {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1050;
-  display: none;
-  overflow: hidden;
-  -webkit-opacity: 1;
-  -khtml-opacity: 1;
-  -moz-opacity: 1;
-  opacity: 1;
-  -ms-filter: alpha(opacity=100);
-  filter: alpha(opacity=100);
+.wm-app .app-tree {
+  padding: 0;
+  margin: 0;
+  font-family: robotoregular, Arial, sans-serif;
 }
-.wm-app .note-modal.open {
-  display: block;
+.wm-app .app-tree .app-tree a,
+.wm-app .app-tree ul li {
+  color: inherit;
 }
-.wm-app .note-modal-content {
-  position: relative;
-  width: auto;
-  margin: 30px 20px;
-  background: #fff;
-  border: 1px solid rgba(0, 0, 0, 0.2);
+.wm-app .app-tree li {
+  padding: 5px 0;
+  margin: 0;
+  list-style: none;
+  line-height: 17px;
+  white-space: nowrap;
   outline: 0;
-  background-clip: border-box;
-}
-.wm-app .note-modal-header {
-  padding: 30px 20px 20px;
-  border: 1px solid #ededef;
-}
-.wm-app .note-modal-header .close {
-  margin-top: -10px;
-}
-.wm-app .note-modal-body {
-  position: relative;
-  padding: 20px 30px;
 }
-.wm-app .note-modal-footer {
-  height: 40px;
-  padding: 10px;
-  text-align: center;
+.wm-app .app-tree li ul {
+  margin-left: 0;
+  padding: 0 0 0 18px;
 }
-.wm-app .note-modal-footer a {
-  color: #337ab7;
+.wm-app .app-tree li a {
+  padding-right: 3px;
+  margin: 0;
+  cursor: pointer;
+  height: 17px;
+  font-weight: inherit;
+  color: inherit;
+  background-color: transparent;
   text-decoration: none;
+  vertical-align: top;
+  display: inline-block;
 }
-.wm-app .note-modal-footer a:focus,
-.wm-app .note-modal-footer a:hover {
-  color: #23527c;
-  text-decoration: underline;
-}
-.wm-app .note-modal-footer .note-btn {
-  float: right;
-}
-.wm-app .note-modal-title {
+.wm-app .app-tree li a input.rename {
+  height: 14px;
+  width: 80px;
+  padding: 0;
   margin: 0;
-  font-size: 26px;
-  line-height: 1.4;
-  color: #42515f;
-}
-.wm-app .note-modal-backdrop {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1040;
-  display: none;
-  background: #000;
-  -webkit-opacity: 0.5;
-  -khtml-opacity: 0.5;
-  -moz-opacity: 0.5;
-  opacity: 0.5;
-  -ms-filter: alpha(opacity=50);
-  filter: alpha(opacity=50);
-}
-.wm-app .note-modal-backdrop.open {
-  display: block;
-}
-@media (min-width: 768px) {
-  .wm-app .note-modal-content {
-    width: 600px;
-    margin: 30px auto;
-  }
+  font-size: 12px;
+  border: 1px solid #585956;
 }
-@media (min-width: 992px) {
-  .wm-app .note-modal-content-large {
-    width: 900px;
-  }
+.wm-app .app-tree li[treenode].selected > a,
+.wm-app .app-tree li[treenode].selected > span,
+.wm-app .app-tree li[treenode].selected > span::before {
+  color: #21adf0;
 }
-.wm-app .note-form-group {
-  padding-bottom: 20px;
+.wm-app .app-tree li a.curSelectedNode {
+  padding-top: 0;
+  height: 17px;
 }
-.wm-app .note-form-group:last-child {
-  padding-bottom: 0;
-}
-.wm-app .note-form-label {
-  display: block;
-  margin-bottom: 10px;
-  font-size: 16px;
-  font-weight: 700;
-  color: #42515f;
-}
-.wm-app .note-input {
-  display: block;
-  width: 100%;
-  padding: 6px 4px;
-  font-size: 14px;
-  background: #fff;
-  border: 1px solid #ededef;
-  outline: 0;
-  box-sizing: border-box;
-}
-.wm-app .note-popover,
-.wm-app .note-tooltip {
-  display: block;
-  font-size: 13px;
-}
-.wm-app .note-input::-webkit-input-placeholder {
-  color: #eee;
-}
-.wm-app .note-input:-moz-placeholder {
-  color: #eee;
-}
-.wm-app .note-input::-moz-placeholder {
-  color: #eee;
-}
-.wm-app .note-input:-ms-input-placeholder {
-  color: #eee;
-}
-.wm-app .note-tooltip {
-  position: absolute;
-  z-index: 1070;
-  -webkit-opacity: 0;
-  -khtml-opacity: 0;
-  -moz-opacity: 0;
-  opacity: 0;
-  -ms-filter: alpha(opacity=0);
-  filter: alpha(opacity=0);
-}
-.wm-app .note-tooltip.in {
-  -webkit-opacity: 0.9;
-  -khtml-opacity: 0.9;
-  -moz-opacity: 0.9;
-  opacity: 0.9;
-  -ms-filter: alpha(opacity=90);
-  filter: alpha(opacity=90);
-}
-.wm-app .note-tooltip.top {
-  padding: 5px 0;
-  margin-top: -3px;
-}
-.wm-app .note-tooltip.right {
-  padding: 0 5px;
-  margin-left: 3px;
-}
-.wm-app .note-tooltip.bottom {
-  padding: 5px 0;
-  margin-top: 3px;
-}
-.wm-app .note-tooltip.left {
-  padding: 0 5px;
-  margin-left: -3px;
-}
-.wm-app .note-tooltip.bottom .note-tooltip-arrow {
-  top: 0;
-  left: 50%;
-  margin-left: -5px;
-  border-bottom-color: #000;
-  border-width: 0 5px 5px;
-}
-.wm-app .note-tooltip.top .note-tooltip-arrow {
-  bottom: 0;
-  left: 50%;
-  margin-left: -5px;
-  border-top-color: #000;
-  border-width: 5px 5px 0;
-}
-.wm-app .note-tooltip.right .note-tooltip-arrow {
-  top: 50%;
-  left: 0;
-  margin-top: -5px;
-  border-right-color: #000;
-  border-width: 5px 5px 5px 0;
-}
-.wm-app .note-tooltip.left .note-tooltip-arrow {
-  top: 50%;
-  right: 0;
-  margin-top: -5px;
-  border-left-color: #000;
-  border-width: 5px 0 5px 5px;
-}
-.wm-app .note-tooltip-arrow {
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
-}
-.wm-app .note-tooltip-content {
-  max-width: 200px;
-  padding: 3px 8px;
-  color: #fff;
-  text-align: center;
-  background-color: #000;
-}
-.wm-app .note-popover {
-  max-width: none;
-}
-.wm-app .note-popover {
-  position: absolute;
-  z-index: 1060;
-  display: none;
-  background: #fff;
-  border: 1px solid #ccc;
-}
-.wm-app .note-popover.in {
-  display: block;
-}
-.wm-app .note-popover.top {
-  padding: 5 0;
-  margin-top: -3px;
-}
-.wm-app .note-popover.right {
-  padding: 0 5;
-  margin-left: 3px;
-}
-.wm-app .note-popover.bottom {
-  padding: 5 0;
-  margin-top: 3px;
-}
-.wm-app .note-popover.left {
-  padding: 0 5;
-  margin-left: -3px;
-}
-.wm-app .note-popover.bottom .note-popover-arrow {
-  top: -11px;
-  left: 50%;
-  margin-left: -10px;
-  border-bottom-color: #999;
-  border-bottom-color: rgba(0, 0, 0, 0.25);
-  border-top-width: 0;
-}
-.wm-app .note-popover.bottom .note-popover-arrow::after {
-  top: 1px;
-  margin-left: -10px;
-  border-bottom-color: #fff;
-  border-top-width: 0;
-  content: " ";
-}
-.wm-app .note-popover.top .note-popover-arrow {
-  bottom: -11px;
-  left: 50%;
-  margin-left: -10px;
-  border-top-color: #999;
-  border-top-color: rgba(0, 0, 0, 0.25);
-  border-bottom-width: 0;
-}
-.wm-app .note-popover.top .note-popover-arrow::after {
-  bottom: 1px;
-  margin-left: -10px;
-  border-top-color: #fff;
-  border-bottom-width: 0;
-  content: " ";
-}
-.wm-app .note-popover.right .note-popover-arrow {
-  top: 50%;
-  left: -11px;
-  margin-top: -10px;
-  border-right-color: #999;
-  border-right-color: rgba(0, 0, 0, 0.25);
-  border-left-width: 0;
-}
-.wm-app .note-popover.right .note-popover-arrow::after {
-  left: 1px;
-  margin-top: -10px;
-  border-right-color: #fff;
-  border-left-width: 0;
-  content: " ";
-}
-.wm-app .note-popover.left .note-popover-arrow {
-  top: 50%;
-  right: -11px;
-  margin-top: -10px;
-  border-left-color: #999;
-  border-left-color: rgba(0, 0, 0, 0.25);
-  border-right-width: 0;
-}
-.wm-app .note-popover.left .note-popover-arrow::after {
-  right: 1px;
-  margin-top: -10px;
-  border-left-color: #fff;
-  border-right-width: 0;
-  content: " ";
-}
-.wm-app .note-popover-arrow {
-  position: absolute;
-  width: 0;
-  height: 0;
-  border: 11px solid transparent;
-}
-.wm-app .note-popover-arrow::after {
-  position: absolute;
-  display: block;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
-  border-width: 10px;
-  content: " ";
-}
-.wm-app .note-popover-content {
-  min-width: 100px;
-  min-height: 30px;
-  padding: 3px 8px;
-  color: #000;
-  text-align: center;
-  background-color: #fff;
-}
-.wm-app .note-editor {
-  position: relative;
-}
-.wm-app .note-editor .note-dropzone {
-  position: absolute;
-  z-index: 100;
-  display: none;
-  color: #87cefa;
-  background-color: #fff;
-  opacity: 0.95;
-  pointer-event: none;
-}
-.wm-app .note-editor .note-dropzone .note-dropzone-message {
-  display: table-cell;
-  font-size: 28px;
-  font-weight: 700;
-  text-align: center;
-  vertical-align: middle;
-}
-.wm-app .note-editor .note-dropzone.hover {
-  color: #098ddf;
-}
-.wm-app .note-editor.dragover .note-dropzone {
-  display: table;
-}
-.wm-app .note-editor .note-editing-area {
-  position: relative;
-}
-.wm-app .note-editor .note-editing-area .note-editable {
-  outline: 0;
-}
-.wm-app .note-editor .note-editing-area .note-editable table {
-  width: 100%;
-  border-collapse: collapse;
-}
-.wm-app .note-editor .note-editing-area .note-editable table td,
-.wm-app .note-editor .note-editing-area .note-editable table th {
-  padding: 5px 3px;
-  border: 1px solid #ececec;
-}
-.wm-app .note-editor .note-editing-area .note-editable sup {
-  vertical-align: super;
-}
-.wm-app .note-editor .note-editing-area .note-editable sub {
-  vertical-align: sub;
-}
-.wm-app .note-editor .note-editing-area .note-editable a {
-  font-family: inherit;
-  font-weight: inherit;
-  color: #337ab7;
-  text-decoration: inherit;
-  background-color: inherit;
-}
-.wm-app .note-editor .note-editing-area .note-editable a:focus,
-.wm-app .note-editor .note-editing-area .note-editable a:hover {
-  color: #23527c;
-  text-decoration: underline;
-  outline: 0;
-}
-.wm-app .note-editor .note-editing-area .note-editable figure {
-  margin: 0;
-}
-.wm-app .note-editor.note-frame {
-  border: 1px solid #a9a9a9;
-}
-.wm-app .note-editor.note-frame.codeview .note-editing-area .note-editable {
-  display: none;
-}
-.wm-app .note-editor.note-frame.codeview .note-editing-area .note-codable {
-  display: block;
-}
-.wm-app .note-editor.note-frame .note-editing-area {
-  overflow: hidden;
-}
-.wm-app .note-editor.note-frame .note-editing-area .note-editable {
-  padding: 10px;
-  overflow: auto;
-  color: #000;
-  word-wrap: break-word;
-  background-color: #fff;
-}
-.wm-app .note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"] {
-  background-color: #e5e5e5;
-}
-.wm-app .note-editor.note-frame .note-editing-area .note-codable {
-  display: none;
-  width: 100%;
-  padding: 10px;
-  margin-bottom: 0;
-  font-family: Menlo, Monaco, monospace, sans-serif;
-  font-size: 14px;
-  color: #ccc;
-  background-color: #222;
-  border: 0;
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
-  border-radius: 0;
-  box-shadow: none;
-  box-sizing: border-box;
-  resize: none;
-}
-.wm-app .note-editor.note-frame.fullscreen {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 1050;
-  width: 100% !important;
-}
-.wm-app .note-editor.note-frame.fullscreen .note-editable {
-  background-color: #fff;
-}
-.wm-app .note-editor.note-frame.fullscreen .note-resizebar {
-  display: none;
-}
-.wm-app .note-editor.note-frame .note-status-output {
-  display: block;
-  width: 100%;
-  height: 20px;
-  margin-bottom: 0;
-  font-size: 14px;
-  line-height: 1.42857143;
-  color: #000;
-  border: 0;
-  border-top: 1px solid #e2e2e2;
-}
-.wm-app .note-editor.note-frame .note-status-output:empty {
-  height: 0;
-  border-top: 0 solid transparent;
-}
-.wm-app .note-editor.note-frame .note-status-output .pull-right {
-  float: right !important;
-}
-.wm-app .note-editor.note-frame .note-status-output .text-muted {
-  color: #777;
-}
-.wm-app .note-editor.note-frame .note-status-output .text-primary {
-  color: #286090;
-}
-.wm-app .note-editor.note-frame .note-status-output .text-success {
-  color: #3c763d;
-}
-.wm-app .note-editor.note-frame .note-status-output .text-info {
-  color: #31708f;
-}
-.wm-app .note-editor.note-frame .note-status-output .text-warning {
-  color: #8a6d3b;
-}
-.wm-app .note-editor.note-frame .note-status-output .text-danger {
-  color: #a94442;
-}
-.wm-app .note-editor.note-frame .note-status-output .alert {
-  padding: 7px 10px 2px;
-  margin: -7px 0 0;
-  color: #000;
-  background-color: #f5f5f5;
-  border-radius: 0;
-}
-.wm-app .note-editor.note-frame .note-status-output .alert .note-icon {
-  margin-right: 5px;
-}
-.wm-app .note-editor.note-frame .note-status-output .alert-success {
-  color: #3c763d !important;
-  background-color: #dff0d8 !important;
-}
-.wm-app .note-editor.note-frame .note-status-output .alert-info {
-  color: #31708f !important;
-  background-color: #d9edf7 !important;
-}
-.wm-app .note-editor.note-frame .note-status-output .alert-warning {
-  color: #8a6d3b !important;
-  background-color: #fcf8e3 !important;
-}
-.wm-app .note-editor.note-frame .note-status-output .alert-danger {
-  color: #a94442 !important;
-  background-color: #f2dede !important;
-}
-.wm-app .note-editor.note-frame .note-statusbar {
-  background-color: #f5f5f5;
-  border-top: 1px solid #ddd;
-  border-bottom-right-radius: 4px;
-  border-bottom-left-radius: 4px;
-}
-.wm-app .note-editor.note-frame .note-statusbar .note-resizebar {
-  width: 100%;
-  height: 9px;
-  padding-top: 1px;
-  cursor: ns-resize;
-}
-.wm-app .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
-  width: 20px;
-  margin: 1px auto;
-  border-top: 1px solid #a9a9a9;
-}
-.wm-app .note-editor.note-frame .note-statusbar.locked .note-resizebar {
-  cursor: default;
-}
-.wm-app .note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar {
-  display: none;
-}
-.wm-app .note-editor.note-frame .note-placeholder {
-  padding: 10px;
-}
-.wm-app .note-popover .note-popover-content a {
-  display: inline-block;
-  max-width: 200px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  vertical-align: middle;
-}
-.wm-app .note-popover .note-popover-arrow {
-  left: 20px !important;
-}
-.wm-app .note-popover .note-popover-content,
-.wm-app .note-toolbar {
-  padding: 0 0 5px 5px;
-  margin: 0;
-  background-color: #fff;
-}
-.wm-app .note-popover .note-popover-content > .note-btn-group,
-.wm-app .note-toolbar > .note-btn-group {
-  margin-top: 5px;
-  margin-right: 5px;
-  margin-left: 0;
-}
-.wm-app .note-popover .note-popover-content .note-btn-group .note-table,
-.wm-app .note-toolbar .note-btn-group .note-table {
-  min-width: 0;
-  padding: 5px;
-}
-.wm-app .note-popover .note-popover-content .note-btn-group .note-table .note-dimension-picker,
-.wm-app .note-toolbar .note-btn-group .note-table .note-dimension-picker {
-  font-size: 18px;
-}
-.wm-app .note-popover .note-popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,
-.wm-app .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
-  position: absolute !important;
-  z-index: 3;
-  width: 10em;
-  height: 10em;
-  cursor: pointer;
-}
-.wm-app .note-popover .note-popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,
-.wm-app .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
-  position: relative !important;
-  z-index: 1;
-  width: 5em;
-  height: 5em;
-  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC);
-}
-.wm-app .note-popover .note-popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,
-.wm-app .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
-  position: absolute !important;
-  z-index: 2;
-  width: 1em;
-  height: 1em;
-  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC);
-}
-.wm-app .note-popover .note-popover-content .note-style blockquote,
-.wm-app .note-popover .note-popover-content .note-style h1,
-.wm-app .note-popover .note-popover-content .note-style h2,
-.wm-app .note-popover .note-popover-content .note-style h3,
-.wm-app .note-popover .note-popover-content .note-style h4,
-.wm-app .note-popover .note-popover-content .note-style h5,
-.wm-app .note-popover .note-popover-content .note-style h6,
-.wm-app .note-toolbar .note-style blockquote,
-.wm-app .note-toolbar .note-style h1,
-.wm-app .note-toolbar .note-style h2,
-.wm-app .note-toolbar .note-style h3,
-.wm-app .note-toolbar .note-style h4,
-.wm-app .note-toolbar .note-style h5,
-.wm-app .note-toolbar .note-style h6 {
-  margin: 0;
-}
-.wm-app .note-popover .note-popover-content .note-color .dropdown-toggle,
-.wm-app .note-toolbar .note-color .dropdown-toggle {
-  width: 20px;
-  padding-left: 5px;
-}
-.wm-app .note-popover .note-popover-content .note-color .note-dropdown-menu,
-.wm-app .note-toolbar .note-color .note-dropdown-menu {
-  min-width: 346px;
-  -webkit-box-sizing: content-box;
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
-}
-.wm-app .note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette,
-.wm-app .note-toolbar .note-color .note-dropdown-menu .note-palette {
-  display: inline-block;
-  width: 160px;
-  margin: 0;
-}
-.wm-app .note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette:first-child,
-.wm-app .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child {
-  margin: 0 15px 0 5px;
-}
-.wm-app .note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title,
-.wm-app .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title {
-  margin: 2px 7px;
-  font-size: 12px;
-  text-align: center;
-  border-bottom: 1px solid #eee;
-}
-.wm-app .note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,
-.wm-app .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset {
-  width: 100%;
-  padding: 2px 3px;
-  margin: 3px;
-  cursor: pointer;
-  background-color: #fff;
-  border: 0;
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
-  border-radius: 5px;
-}
-.wm-app .note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-color-row,
-.wm-app .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row {
-  height: 20px;
-}
-.wm-app .note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
-.wm-app .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover {
-  background: #eee;
-}
-.wm-app .note-popover .note-popover-content .note-para .note-dropdown-menu,
-.wm-app .note-toolbar .note-para .note-dropdown-menu {
-  min-width: 216px;
-  padding: 5px;
-}
-.wm-app .note-popover .note-popover-content .note-para .note-dropdown-menu > div:first-child,
-.wm-app .note-toolbar .note-para .note-dropdown-menu > div:first-child {
-  margin-right: 5px;
-}
-.wm-app .note-popover .note-popover-content .note-btn-fontname .note-dropdown-menu,
-.wm-app .note-toolbar .note-btn-fontname .note-dropdown-menu {
-  min-width: 200px;
-}
-.wm-app .note-popover .note-popover-content .note-dropdown-menu,
-.wm-app .note-toolbar .note-dropdown-menu {
-  min-width: 160px;
-}
-.wm-app .note-popover .note-popover-content .note-dropdown-menu.right,
-.wm-app .note-toolbar .note-dropdown-menu.right {
-  right: 0;
-  left: auto;
-}
-.wm-app .note-popover .note-popover-content .note-dropdown-menu.right::before,
-.wm-app .note-toolbar .note-dropdown-menu.right::before {
-  right: 9px;
-  left: auto !important;
-}
-.wm-app .note-popover .note-popover-content .note-dropdown-menu.right::after,
-.wm-app .note-toolbar .note-dropdown-menu.right::after {
-  right: 10px;
-  left: auto !important;
-}
-.wm-app .note-popover .note-popover-content .note-dropdown-menu.note-check .note-dropdown-item i,
-.wm-app .note-toolbar .note-dropdown-menu.note-check .note-dropdown-item i {
-  color: #00bfff;
-  visibility: hidden;
-}
-.wm-app .note-popover .note-popover-content .note-dropdown-menu.note-check .note-dropdown-item.checked i,
-.wm-app .note-toolbar .note-dropdown-menu.note-check .note-dropdown-item.checked i {
-  visibility: visible;
-}
-.wm-app .note-popover .note-popover-content .note-dropdown-menu .note-dropdown-item > *,
-.wm-app .note-toolbar .note-dropdown-menu .note-dropdown-item > * {
-  margin: 0;
-}
-.wm-app .note-popover .note-popover-content .note-fontsize-10,
-.wm-app .note-toolbar .note-fontsize-10 {
-  font-size: 10px;
-}
-.wm-app .note-popover .note-popover-content .note-color-palette div .note-color-btn,
-.wm-app .note-toolbar .note-color-palette div .note-color-btn {
-  width: 20px;
-  height: 20px;
-  padding: 0;
-  margin: 0;
-  border: 1px solid #fff;
-}
-.wm-app .note-popover .note-popover-content .note-color-palette div .note-color-btn:hover,
-.wm-app .note-toolbar .note-color-palette div .note-color-btn:hover {
-  border: 1px solid #000;
-}
-.wm-app .note-modal .note-modal-body label {
-  display: inline-block;
-  padding: 2px 5px;
-  margin-bottom: 2px;
-}
-.wm-app .note-modal .note-modal-body .help-list-item:hover {
-  background-color: #e0e0e0;
-}
-@-moz-document url-prefix() {
-  .wm-app .note-image-input {
-    height: auto;
-  }
-}
-.wm-app .note-placeholder {
-  position: absolute;
-  display: none;
-  color: gray;
-}
-.wm-app .note-handle .note-control-selection {
-  position: absolute;
-  display: none;
-  border: 1px solid #000;
-}
-.wm-app .note-handle .note-control-selection > div {
-  position: absolute;
-}
-.wm-app .note-handle .note-control-selection .note-control-selection-bg {
-  width: 100%;
-  height: 100%;
-  background-color: #000;
-  -webkit-opacity: 0.3;
-  -khtml-opacity: 0.3;
-  -moz-opacity: 0.3;
-  opacity: 0.3;
-  -ms-filter: alpha(opacity=30);
-  filter: alpha(opacity=30);
-}
-.wm-app .note-handle .note-control-selection .note-control-handle,
-.wm-app .note-handle .note-control-selection .note-control-holder {
-  width: 7px;
-  height: 7px;
-  border: 1px solid #000;
-}
-.wm-app .note-handle .note-control-selection .note-control-sizing {
-  width: 7px;
-  height: 7px;
-  background-color: #fff;
-  border: 1px solid #000;
-}
-.wm-app .full-height,
-.wm-app body,
-.wm-app html {
-  height: 100%;
-}
-.wm-app .note-handle .note-control-selection .note-control-nw {
-  top: -5px;
-  left: -5px;
-  border-right: 0;
-  border-bottom: 0;
-}
-.wm-app .note-handle .note-control-selection .note-control-ne {
-  top: -5px;
-  right: -5px;
-  border-bottom: 0;
-  border-left: none;
-}
-.wm-app .note-handle .note-control-selection .note-control-sw {
-  bottom: -5px;
-  left: -5px;
-  border-top: 0;
-  border-right: 0;
-}
-.wm-app .note-handle .note-control-selection .note-control-se {
-  right: -5px;
-  bottom: -5px;
-  cursor: se-resize;
-}
-.wm-app .note-handle .note-control-selection .note-control-se.note-control-holder {
-  cursor: default;
-  border-top: 0;
-  border-left: none;
-}
-.wm-app .note-handle .note-control-selection .note-control-selection-info {
-  right: 0;
-  bottom: 0;
-  padding: 5px;
-  margin: 5px;
-  font-size: 12px;
-  color: #fff;
-  background-color: #000;
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
-  border-radius: 5px;
-  -webkit-opacity: 0.7;
-  -khtml-opacity: 0.7;
-  -moz-opacity: 0.7;
-  opacity: 0.7;
-  -ms-filter: alpha(opacity=70);
-  filter: alpha(opacity=70);
-}
-.wm-app .note-hint-popover {
-  min-width: 100px;
-  padding: 2px;
-}
-.wm-app .note-hint-popover .note-popover-content {
-  max-height: 150px;
-  padding: 3px;
-  overflow: auto;
-}
-.wm-app .note-hint-popover .note-popover-content .note-hint-group .note-hint-item {
-  display: block !important;
-  padding: 3px;
-}
-.wm-app .note-hint-popover .note-popover-content .note-hint-group .note-hint-item.active,
-.wm-app .note-hint-popover .note-popover-content .note-hint-group .note-hint-item:hover {
-  display: block;
-  clear: both;
-  font-weight: 400;
-  line-height: 1.4;
-  color: #fff;
-  text-decoration: none;
-  white-space: nowrap;
-  cursor: pointer;
-  background-color: #428bca;
-  outline: 0;
-}
-.wm-app .help-list-item label {
-  display: inline-block;
-  margin-bottom: 5px;
-}
-.wm-app .ng-hide {
-  display: none !important;
-}
-.wm-app .app-partial-info {
-  text-align: center;
-}
-.wm-app .app-partial-info .partial-message {
-  padding: 0 0.25em;
-  border-radius: 0.25em;
-  border: 1px solid #9e9d9d;
-  text-align: center;
-  background: #575757;
-  color: #fff;
-  display: inline-block;
-}
-.wm-app .customTemplate section {
-  display: table;
-  white-space: normal;
-}
-.wm-app #wm-mobile-display {
-  width: 1px;
-  height: 1px;
-  position: absolute;
-  z-index: -1000;
-  display: none;
-  top: 0;
-}
-.wm-app .visible-lg-block[hidden],
-.wm-app .visible-lg-inline-block[hidden],
-.wm-app .visible-lg-inline[hidden],
-.wm-app .visible-md-block[hidden],
-.wm-app .visible-md-inline-block[hidden],
-.wm-app .visible-md-inline[hidden],
-.wm-app .visible-sm-block[hidden],
-.wm-app .visible-sm-inline-block[hidden],
-.wm-app .visible-sm-inline[hidden],
-.wm-app .visible-xs-block[hidden],
-.wm-app .visible-xs-inline-block[hidden],
-.wm-app .visible-xs-inline[hidden] {
-  display: none !important;
-}
-.wm-app input[type="file"] {
-  padding: 0;
-}
-.wm-app .infinite {
-  animation-iteration-count: infinite;
-}
-.wm-app .app-tree {
-  padding: 0;
-  margin: 0;
-  font-family: robotoregular, Arial, sans-serif;
-}
-.wm-app .app-tree .app-tree a,
-.wm-app .app-tree ul li {
-  color: inherit;
-}
-.wm-app .app-tree li {
-  padding: 5px 0;
-  margin: 0;
-  list-style: none;
-  line-height: 17px;
-  white-space: nowrap;
-  outline: 0;
-}
-.wm-app .app-tree li ul {
-  margin-left: 0;
-  padding: 0 0 0 18px;
-}
-.wm-app .app-tree li a {
-  padding-right: 3px;
-  margin: 0;
-  cursor: pointer;
-  height: 17px;
-  font-weight: inherit;
-  color: inherit;
-  background-color: transparent;
-  text-decoration: none;
-  vertical-align: top;
-  display: inline-block;
-}
-.wm-app .app-tree li a input.rename {
-  height: 14px;
-  width: 80px;
-  padding: 0;
-  margin: 0;
-  font-size: 12px;
-  border: 1px solid #585956;
-}
-.wm-app .app-tree li[treenode].selected > a,
-.wm-app .app-tree li[treenode].selected > span,
-.wm-app .app-tree li[treenode].selected > span::before {
-  color: #21adf0;
-}
-.wm-app .app-tree li a.curSelectedNode {
-  padding-top: 0;
-  height: 17px;
-}
-.wm-app .app-tree li a.curSelectedNode_Edit {
-  padding-top: 0;
-  background-color: transparent;
-  height: 17px;
-  border: 1px solid #666;
-  opacity: 0.8;
+.wm-app .app-tree li a.curSelectedNode_Edit {
+  padding-top: 0;
+  background-color: transparent;
+  height: 17px;
+  border: 1px solid #666;
+  opacity: 0.8;
 }
 .wm-app .app-tree li a.tmpTargetNode_inner {
   padding-top: 0;
@@ -10817,61 +9776,20 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   height: 100%;
   min-height: 500px;
 }
-.wm-app .app-richtexteditor .locked.note-statusbar,
 .wm-app .wm-mobile-app .app-media-fullscreen .app-mobile-navbar .left-nav-btn {
   display: none;
 }
 .wm-app .dropdown-menu.matchmode-dropdown {
   z-index: 2000;
   max-height: 300px;
-  overflow-y: auto;
-}
-.wm-app .app-livegrid {
-  position: relative;
-  height: auto;
-}
-.wm-app .app-livegrid .app-dialog {
-  width: auto !important;
-}
-.wm-app .app-richtexteditor {
-  position: relative;
-  overflow: inherit;
-}
-.wm-app .app-richtexteditor .note-editable {
-  border: none;
-}
-.wm-app .app-richtexteditor .note-dropdown-menu {
-  padding: 0;
-}
-.wm-app .app-richtexteditor .note-dropdown-menu > a {
-  padding: 2px 10px;
-}
-.wm-app .app-richtexteditor .note-dropdown-menu > a:hover {
-  text-decoration: none;
-}
-.wm-app .app-richtexteditor .note-status-output:empty {
-  padding: 0;
-}
-.wm-app .note-modal .note-modal-body,
-.wm-app .note-modal .note-modal-header {
-  padding: 1em;
-}
-.wm-app .note-modal .note-modal-header .note-modal-title {
-  margin: 0;
-}
-.wm-app .note-modal .note-modal-body label {
-  color: inherit;
-}
-.wm-app .note-modal .note-modal-body .form-group {
-  margin-bottom: 0;
+  overflow-y: auto;
 }
-.wm-app .note-modal .note-modal-footer {
-  min-height: 50px;
+.wm-app .app-livegrid {
+  position: relative;
   height: auto;
-  text-align: right;
 }
-.wm-app .note-modal .note-modal-footer > button {
-  float: none;
+.wm-app .app-livegrid .app-dialog {
+  width: auto !important;
 }
 .wm-app .app-chart .app-chart-inner.loading svg,
 .wm-app .app-picker .app-picker-empty-option {
@@ -10955,69 +9873,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   z-index: 9999;
   display: none;
 }
-.wm-app .app-calendar {
-  display: inline-block;
-  position: relative;
-}
-.wm-app .app-calendar .fc {
-  width: inherit;
-}
-.wm-app .app-calendar .well {
-  padding: 0;
-  margin-bottom: 0;
-  border: none;
-}
-.wm-app .app-calendar .well table thead tr th button.float-left,
-.wm-app .app-calendar .well table thead tr th button.float-right {
-  font-size: 21px;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.wm-app .app-calendar .fc .fc-view-container {
-  background: #fff;
-}
-.wm-app .app-calendar .fc table {
-  background-color: transparent;
-}
-.wm-app .app-calendar .fc th {
-  text-align: center;
-}
-.wm-app .app-calendar .fc th:not(.fc-axis) {
-  padding: 1em 0;
-  text-align: center;
-}
-.wm-app .app-calendar .fc .fc-event {
-  font-size: 12px;
-  border-radius: 0;
-  text-decoration: none;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  padding: 2px 4px;
-  background-color: #fff;
-}
-.wm-app .app-calendar .fc .fc-toolbar {
-  margin-bottom: 0.25em;
-  padding: 0 0.5em;
-}
-.wm-app .app-calendar .fc .fc-toolbar .fc-button {
-  border-radius: 0;
-  box-shadow: none;
-  border-color: rgba(0, 0, 0, 0.1);
-  text-shadow: 0;
-}
-.wm-app .app-calendar .fc .fc-toolbar h2 {
-  font-size: 1.1rem;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-.wm-app .app-calendar .fc .fc-toolbar > * > * {
-  margin: 0;
-}
-.wm-app .app-calendar .fc .fc-toolbar .fc-today-button {
-  margin-left: 0.75em;
-}
-.wm-app .app-calendar .fc .fc-divider {
-  margin: 0;
-}
 .wm-app .app-login {
   position: relative;
   overflow: auto;
@@ -11116,16 +9971,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   font-weight: 700;
   font-size: 24pt;
 }
-.wm-app .app-carousel .carousel.slide {
-  height: inherit;
-  width: inherit;
-}
-.wm-app .app-carousel .carousel.slide .carousel-control .icon-next,
-.wm-app .app-carousel .carousel.slide .carousel-control .icon-prev {
-  margin-top: -30%;
-  font-size: 70px;
-  cursor: pointer;
-}
 .wm-app .app-number.form-control.invalid {
   border-color: transparent;
   background-image: none;
@@ -11136,29 +9981,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   width: 100%;
   height: 100%;
 }
-@media only screen and (max-width: 767px) and (min-width: 299px) {
-  .wm-app .app-calendar .fc .fc-event {
-    background-color: #4caf50;
-    opacity: 0.8;
-    color: #fff;
-    border-radius: 4px;
-  }
-  .wm-app .app-calendar .fc .fc-toolbar .fc-toolbar-chunk {
-    display: flex;
-  }
-  .wm-app .app-calendar .fc .fc-toolbar .fc-toolbar-chunk .fc-button {
-    font-size: 0.9em;
-  }
-  .wm-app .app-calendar .fc .fc-toolbar .fc-toolbar-chunk .fc-toolbar-title {
-    font-size: 0.7rem;
-    text-align: center;
-    font-weight: 700;
-    padding: 0.1rem;
-  }
-  .wm-app .app-calendar .fc .fc-toolbar > * > :not(:first-child) {
-    margin-left: 0.1em;
-  }
-}
 .wm-app .app-linear-layout.app-linear-layout-direction-column-reverse.app-linear-layout-spacing-0 > .app-linear-layout-item,
 .wm-app .app-linear-layout.app-linear-layout-direction-column.app-linear-layout-spacing-0 > .app-linear-layout-item,
 .wm-app .app-linear-layout.app-linear-layout-direction-row-reverse.app-linear-layout-spacing-0 > .app-linear-layout-item,
@@ -12823,63 +11645,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
     transform: translate3d(0, 0, 0);
   }
 }
-.wm-app .app-carousel {
-  position: relative;
-  overflow: hidden;
-}
-.wm-app .app-carousel div.carousel-inner {
-  height: 100%;
-  white-space: nowrap;
-}
-.wm-app .app-carousel div.carousel-inner .app-carousel-item {
-  display: inline-block;
-  position: absolute;
-  width: 100%;
-}
-.wm-app .app-carousel div.carousel-inner .app-carousel-item.item {
-  overflow: hidden;
-  height: 100%;
-  display: inline-block;
-  position: absolute;
-  width: 100%;
-  transition: none;
-}
-.wm-app .app-carousel div.carousel-inner .app-carousel-item.item img {
-  width: 100%;
-}
-.wm-app .app-carousel div.carousel-inner .app-carousel-item.item.left-item {
-  left: -100%;
-}
-.wm-app .app-carousel div.carousel-inner .app-carousel-item.item.right-item {
-  left: 100%;
-}
-.wm-app .app-carousel .carousel {
-  height: 100%;
-}
-.wm-app .app-carousel carousel.hide-both .carousel-control,
-.wm-app .app-carousel carousel.hide-both .carousel-indicators,
-.wm-app .app-carousel carousel.hide-indicators .carousel-indicators,
-.wm-app .app-carousel carousel.hide-navs .carousel-control {
-  display: none;
-}
-.wm-app .app-carousel .carousel-control .wi-chevron-left,
-.wm-app .app-carousel .carousel-control .wi-chevron-right {
-  position: absolute;
-  top: 50%;
-  z-index: 5;
-  display: inline-block;
-  margin-top: -10px;
-  font-size: 32pt;
-}
-.wm-app .app-carousel .carousel-control .wi-chevron-right {
-  right: 50%;
-}
-.wm-app .app-carousel .carousel-control .wi-chevron-left {
-  left: 50%;
-}
-.wm-app .app-carousel .carousel-indicators li {
-  border-color: #ccc !important;
-}
 .wm-app .app-template.app-page .app-header {
   height: 6em;
   text-align: center;
@@ -13185,6 +11950,15 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   background: var(--wm-badge-background);
   border-radius: var(--wm-badge-radius);
 }
+.wm-app .app-badge {
+  padding: var(--wm-space-0) var(--wm-space-1);
+  border-radius: var(--wm-radius-md);
+  font-family: var(--wm-label-small-font-family);
+  font-size: var(--wm-label-small-font-size);
+  font-weight: var(--wm-label-small-font-weight);
+  line-height: var(--wm-label-small-line-height);
+  letter-spacing: var(--wm-label-small-letter-spacing);
+}
 .wm-app .btn-primary .badge {
   --wm-badge-color: var(--wm-badge-primary);
   --wm-badge-background: var(--wm-badge-primary-background);
@@ -13773,7 +12547,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   background: var(--wm-panel-background);
   border-radius: var(--wm-panel-radius);
   box-shadow: var(--wm-panel-shadow);
-  --wm-grid-layout-column-padding: var(--wm-space-0);
 }
 .wm-app .app-panel > .panel-heading,
 .wm-app .panel > .panel-heading {
@@ -13854,6 +12627,10 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   height: 100%;
   padding: var(--wm-panel-content-padding);
 }
+.wm-app .app-panel > .panel-content > .panel-body .app-grid-layout,
+.wm-app .panel > .panel-content > .panel-body .app-grid-layout {
+  padding: 0;
+}
 .wm-app .app-panel > .panel-content > .panel-help-message,
 .wm-app .panel > .panel-content > .panel-help-message {
   overflow: auto;
@@ -18760,6 +17537,380 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
 .wm-app .app-popover.left {
   margin-left: - calc(var(--wm-popover-gap) * -1);
 }
+.wm-app .app-wizard {
+  position: relative;
+  box-shadow: var(--wm-wizard-shadow);
+  background: var(--wm-wizard-background);
+  border-radius: var(--wm-wizard-radius);
+}
+.wm-app .app-wizard .app-wizard-heading {
+  position: relative;
+  width: 100%;
+  padding-top: var(--wm-wizard-heading-padding);
+}
+.wm-app .app-wizard .app-wizard-heading .app-wizard-steps {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  position: relative;
+}
+.wm-app .app-wizard .app-wizard-heading .app-wizard-steps > .app-wizard-step {
+  position: relative;
+  flex: 1;
+}
+.wm-app .app-wizard .app-wizard-heading .app-wizard-steps > .app-wizard-step:not(:first-of-type)::before {
+  background: var(--wm-wizard-stepper-step-indicator-border);
+  position: absolute;
+  content: "";
+  transform: translateY(var(--wm-app-wizard-stepper-step-indicator-transform-y));
+  height: var(--wm-wizard-stepper-step-indicator-border-height);
+  left: calc(-50% + var(--wm-wizard-stepper-step-indicator-gap));
+  right: calc(50% + var(--wm-wizard-stepper-step-indicator-gap));
+}
+.wm-app .app-wizard .app-wizard-heading .app-wizard-steps > .app-wizard-step > a {
+  display: flex;
+  flex-direction: column;
+  text-align: center;
+  cursor: pointer;
+  gap: var(--wm-wizard-stepper-step-title-gap);
+}
+.wm-app .app-wizard .app-wizard-heading .app-wizard-steps > .app-wizard-step > a .wizard-step-number {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  width: var(--wm-wizard-stepper-step-width);
+  height: var(--wm-wizard-stepper-step-height);
+  border-radius: var(--wm-wizard-stepper-step-radius);
+  background: var(--wm-wizard-stepper-step-background);
+}
+.wm-app .app-wizard .app-wizard-heading .app-wizard-steps > .app-wizard-step > a .wizard-step-number .count {
+  color: var(--wm-wizard-stepper-step-count-color);
+  font-size: var(--wm-wizard-stepper-step-count-font-size);
+  font-weight: var(--wm-wizard-stepper-step-count-font-weight);
+  font-family: var(--wm-wizard-stepper-step-count-font-family);
+  line-height: var(--wm-wizard-stepper-step-count-line-height);
+}
+.wm-app .app-wizard .app-wizard-heading .app-wizard-steps > .app-wizard-step > a .title-wrapper .step-title,
+.wm-app .app-wizard .app-wizard-heading .app-wizard-steps > .app-wizard-step > a .title-wrapper > span {
+  font-size: var(--wm-wizard-stepper-step-title-font-size);
+  font-weight: var(--wm-wizard-stepper-step-title-font-weight);
+  font-family: var(--wm-wizard-stepper-step-title-font-family);
+  color: var(--wm-wizard-stepper-step-title-color);
+  line-height: var(--wm-wizard-stepper-step-title-line-height);
+}
+.wm-app .app-wizard .app-wizard-heading .app-wizard-steps > .app-wizard-step.current > a .wizard-step-number {
+  background: var(--wm-wizard-stepper-step-current-background);
+}
+.wm-app .app-wizard .app-wizard-heading .app-wizard-steps > .app-wizard-step.active > a .wizard-step-number {
+  background: var(--wm-wizard-stepper-step-active-background);
+}
+.wm-app .app-wizard .app-wizard-heading .app-wizard-steps > .app-wizard-step.disabled {
+  opacity: var(--wm-wizard-stepper-step-disabled-background);
+}
+.wm-app .app-wizard .app-wizard-heading .app-wizard-steps > .app-wizard-step.disabled > a,
+.wm-app .app-wizard.vertical .app-wizard-heading .app-wizard-steps > .app-wizard-step.disabled > a {
+  cursor: default;
+}
+.wm-app .app-wizard .app-wizard-heading .app-wizard-steps > .app-wizard-step.current > a .wizard-step-number,
+.wm-app .app-wizard .app-wizard-heading .app-wizard-steps > .app-wizard-step.active > a .wizard-step-number {
+  opacity: 1;
+}
+.wm-app .app-wizard .app-wizard-heading .app-wizard-steps > .app-wizard-step > a .wizard-step-number i {
+  color: var(--wm-wizard-stepper-step-icon-color);
+  font-size: var(--wm-wizard-stepper-step-icon-size);
+}
+.wm-app .app-wizard .app-wizard-body {
+  padding: var(--wm-wizard-stepper-body-padding);
+}
+.wm-app .app-wizard .app-wizard-body .app-wizard-step-content {
+  font-family: var(--wm-wizard-stepper-body-font-family);
+  font-size: var(--wm-wizard-stepper-body-font-size);
+  font-weight: var(--wm-wizard-stepper-body-font-weight);
+  line-height: var(--wm-wizard-stepper-body-line-height);
+  letter-spacing: var(--wm-wizard-stepper-body-letter-spacing);
+  color: var(--wm-wizard-stepper-body-color);
+}
+.wm-app .app-wizard .app-wizard-body .app-wizard-step-content {
+  display: none;
+  position: relative;
+  min-height: var(--wm-wizard-step-content-height);
+  height: 100%;
+}
+.wm-app .app-wizard .app-wizard-body .app-wizard-step-content.current {
+  display: block;
+}
+.wm-app .app-wizard .app-wizard-actions {
+  display: flex;
+  justify-content: space-between;
+  padding: var(--wm-wizard-stepper-footer-padding);
+  border-top: var(--wm-wizard-stepper-footer-border-width) var(--wm-wizard-stepper-footer-border-style) var(--wm-wizard-stepper-footer-border);
+}
+.wm-app .app-wizard .app-wizard-actions .app-wizard-actions-right {
+  display: flex;
+  align-items: center;
+  gap: var(--wm-wizard-stepper-footer-actions-gap);
+  justify-content: flex-end;
+  width: 100%;
+}
+.wm-app .app-wizard .app-wizard-actions.left .app-wizard-actions-right {
+  justify-content: flex-start;
+}
+.wm-app .app-wizard .app-wizard-actions .app-wizard-actions-right .btn + .btn {
+  margin: unset;
+}
+.wm-app .app-wizard.number .app-wizard-heading .app-wizard-steps > .app-wizard-step.current > a .wizard-step-number {
+  --wm-wizard-stepper-step-current-background: var(--wm-wizard-number-stepper-step-current-background);
+}
+.wm-app .app-wizard.number .app-wizard-heading .app-wizard-steps > .app-wizard-step.active > a .wizard-step-number {
+  --wm-wizard-stepper-step-active-background: var(--wm-wizard-number-stepper-step-active-background);
+}
+.wm-app .app-wizard.number .app-wizard-heading .app-wizard-steps > .app-wizard-step.disabled {
+  --wm-wizard-stepper-step-disabled-background: var(--wm-wizard-number-stepper-step-disabled-background);
+}
+.wm-app .app-wizard.iconstepper .app-wizard-heading .app-wizard-steps > .app-wizard-step.current > a .wizard-step-number {
+  --wm-wizard-stepper-step-current-background: var(--wm-wizard-icon-stepper-step-current-background);
+}
+.wm-app .app-wizard.iconstepper .app-wizard-heading .app-wizard-steps > .app-wizard-step.active > a .wizard-step-number {
+  --wm-wizard-stepper-step-active-background: var(--wm-wizard-icon-stepper-step-active-background);
+}
+.wm-app .app-wizard.iconstepper .app-wizard-heading .app-wizard-steps > .app-wizard-step.disabled {
+  --wm-wizard-stepper-step-disabled-background: var(--wm-wizard-icon-stepper-step-disabled-background);
+}
+.wm-app .app-wizard.iconstepper.text-inline:not(.vertical) {
+  padding-top: var(--wm-wizard-icon-stepper-inline-padding-top);
+}
+.wm-app .app-wizard.iconstepper.text-inline .app-wizard-heading .app-wizard-steps > .app-wizard-step > a .title-wrapper,
+.wm-app .app-wizard.dottedstepper.text-inline .app-wizard-heading .app-wizard-steps > .app-wizard-step > a .title-wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  position: relative;
+}
+.wm-app .app-wizard.iconstepper.vertical.text-inline .app-wizard-heading .app-wizard-steps > .app-wizard-step > a,
+.wm-app .app-wizard.dottedstepper.vertical.text-inline .app-wizard-heading .app-wizard-steps > .app-wizard-step > a {
+  align-items: baseline;
+}
+.wm-app .app-wizard.iconstepper.vertical.text-inline .app-wizard-heading .app-wizard-steps > .app-wizard-step > a .title-wrapper {
+  align-items: flex-start;
+  gap: var(--wm-wizard-vertical-icon-stepper-inline-title-wrapper-gap);
+}
+.wm-app .app-wizard.vertical.text-inline .app-wizard-heading .app-wizard-steps > .app-wizard-step:not(:last-of-type)::before {
+  top: 10px;
+}
+.wm-app .app-wizard.iconstepper.text-inline.vertical {
+  padding-top: unset;
+}
+.wm-app .app-wizard.vertical .app-wizard-heading {
+  padding: var(--wm-wizard-vertical-heading-padding);
+}
+.wm-app .app-wizard.vertical .app-wizard-body {
+  padding-top: var(--wm-wizard-vertical-body-padding);
+}
+.wm-app .app-wizard.vertical .app-wizard-heading .app-wizard-steps {
+  flex-direction: column;
+  align-items: unset;
+  justify-content: flex-start;
+  gap: var(--wm-wizard-vertical-stepper-step-gap);
+}
+.wm-app .app-wizard.dottedstepper.text-inline {
+  padding-top: var(--wm-wizard-dotted-stepper-inline-padding);
+}
+.wm-app .app-wizard.dottedstepper.text-inline.vertical {
+  padding-top: unset;
+}
+.wm-app .app-wizard.dottedstepper.text-inline.vertical .app-wizard-heading .app-wizard-steps > .app-wizard-step > a .title-wrapper {
+  align-items: flex-start;
+  gap: var(--wm-wizard-vertical-dotted-stepper-inline-title-wrapper-gap);
+  position: relative;
+  top: 6px;
+}
+.wm-app .app-wizard.iconstepper.text-inline .app-wizard-heading .app-wizard-steps > .app-wizard-step > a .title-wrapper span:not(.step-title) {
+  position: absolute;
+  top: -64px;
+}
+.wm-app .app-wizard.vertical.iconstepper.text-inline .app-wizard-heading .app-wizard-steps > .app-wizard-step > a .title-wrapper span:not(.step-title),
+.wm-app .app-wizard.vertical.dottedstepper.text-inline .app-wizard-heading .app-wizard-steps > .app-wizard-step > a .title-wrapper span:not(.step-title) {
+  top: unset;
+  position: unset;
+}
+.wm-app .app-wizard.dottedstepper .app-wizard-heading .app-wizard-steps > .app-wizard-step > a .wizard-step-number {
+  width: var(--wm-wizard-dotted-stepper-step-width);
+  height: var(--wm-wizard-dotted-stepper-step-height);
+}
+.wm-app .app-wizard.dottedstepper .app-wizard-heading .app-wizard-steps > .app-wizard-step.active > a .wizard-step-number {
+  background: unset;
+}
+.wm-app .app-wizard.dottedstepper .app-wizard-heading .app-wizard-steps > .app-wizard-step.current > a .wizard-step-number .app-icon {
+  --wm-wizard-stepper-step-icon-color: var(--wm-wizard-dotted-stepper-step-current-icon-color);
+  --wm-wizard-stepper-step-icon-size: var(--wm-wizard-dotted-stepper-step-current-icon-size);
+}
+.wm-app .app-wizard.dottedstepper .app-wizard-heading .app-wizard-steps > .app-wizard-step.active > a .wizard-step-number .app-icon {
+  --wm-wizard-stepper-step-icon-color: var(--wm-wizard-dotted-stepper-step-active-icon-color);
+  --wm-wizard-stepper-step-icon-size: var(--wm-wizard-dotted-stepper-step-active-icon-size);
+}
+.wm-app .app-wizard.dottedstepper .app-wizard-heading .app-wizard-steps > .app-wizard-step.disabled {
+  --wm-wizard-stepper-step-disabled-background: var(--wm-wizard-dotted-stepper-step-disabled-background);
+}
+.wm-app .app-wizard.dottedstepper .app-wizard-heading .app-wizard-steps > .app-wizard-step.current > a .wizard-step-number {
+  --wm-wizard-stepper-step-background: var(--wm-wizard-dotted-stepper-step-current-background);
+}
+.wm-app .app-wizard.dottedstepper .app-wizard-heading .app-wizard-steps > .app-wizard-step.active > a .wizard-step-number {
+  --wm-wizard-stepper-step-background: var(--wm-wizard-dotted-stepper-step-active-background);
+}
+.wm-app .app-wizard.dottedstepper .app-wizard-heading .app-wizard-steps > .app-wizard-step.current:not(:last-of-type) > a .wizard-step-number .app-icon {
+  display: none;
+}
+.wm-app .app-wizard.dottedstepper .app-wizard-heading .app-wizard-steps > .app-wizard-step:not(:first-of-type)::before {
+  transform: translateY(3px);
+  right: calc(50% + var(--wm-wizard-dotted-stepper-step-indicator-gap));
+  left: calc(-50% + var(--wm-wizard-dotted-stepper-step-indicator-gap));
+  background: var(--wm-wizard-dotted-stepper-step-indicator-border);
+  height: var(--wm-wizard-dotted-stepper-step-indicator-border-height);
+}
+.wm-app .app-wizard.dottedstepper .app-wizard-heading .app-wizard-steps > .app-wizard-step.current:last-of-type > a .wizard-step-number:has(.app-icon) {
+  visibility: hidden;
+}
+.wm-app .app-wizard.dottedstepper .app-wizard-heading .app-wizard-steps > .app-wizard-step.current:last-of-type > a .wizard-step-number .app-icon {
+  visibility: visible;
+}
+.wm-app .app-wizard.dottedstepper.text-inline .app-wizard-heading .app-wizard-steps > .app-wizard-step > a .title-wrapper span:not(.step-title) {
+  top: -42px;
+}
+.wm-app .app-wizard.dottedstepper.app-wizard.vertical .app-wizard-heading .app-wizard-steps {
+  gap: var(--wm-wizard-vertical-dotted-stepper-step-gap);
+}
+.wm-app .app-wizard.dottedstepper.app-wizard.vertical .app-wizard-heading .app-wizard-steps > .app-wizard-step {
+  min-height: var(--wm-wizard-vertical-dotted-stepper-step-height);
+}
+.wm-app .app-wizard.dottedstepper.app-wizard.vertical .app-wizard-heading .app-wizard-steps > .app-wizard-step::before {
+  transform: translate(var(--wm-wizard-vertical-dotted-stepper-step-transform-x), var(--wm-wizard-vertical-dotted-stepper-step-transform-y));
+  top: var(--wm-wizard-vertical-dotted-stepper-step-top-offset-default);
+}
+.wm-app .app-wizard.dottedstepper.app-wizard.vertical.text-inline .app-wizard-heading .app-wizard-steps > .app-wizard-step::before {
+  top: var(--wm-wizard-vertical-dotted-stepper-step-top-offset-inline);
+}
+.wm-app .app-wizard.classic .app-wizard-heading {
+  padding: var(--wm-wizard-classic-wizard-heading-padding);
+}
+.wm-app .app-wizard.classic .app-wizard-heading .app-wizard-steps {
+  gap: var(--wm-wizard-classic-wizard-stepper-steps-gap);
+}
+.wm-app .app-wizard.classic .app-wizard-heading .app-wizard-steps .app-wizard-step::after,
+.wm-app .app-wizard.classic .app-wizard-heading .app-wizard-steps .app-wizard-step::before {
+  display: none;
+}
+.wm-app .app-wizard.classic .app-wizard-heading .app-wizard-steps .app-wizard-step > a {
+  gap: unset;
+  width: 100%;
+}
+.wm-app .app-wizard.classic .app-wizard-heading .app-wizard-steps .app-wizard-step > a .wizard-step-number {
+  display: none;
+}
+.wm-app .app-wizard.classic .app-wizard-heading .app-wizard-steps .app-wizard-step > a .title-wrapper {
+  position: relative;
+  cursor: default;
+  padding: var(--wm-wizard-classic-wizard-title-wrapper-padding);
+  background: var(--wm-wizard-classic-wizard-title-wrapper-background);
+  user-select: none;
+  transition: background 0.2s ease;
+  width: 100%;
+}
+.wm-app .app-wizard.classic .app-wizard-heading .app-wizard-steps .app-wizard-step.current > a .title-wrapper {
+  background: var(--wm-wizard-classic-wizard-title-wrapper-current-background);
+}
+.wm-app .app-wizard.classic .app-wizard-heading .app-wizard-steps .app-wizard-step.current > a .title-wrapper .step-title {
+  --wm-wizard-stepper-step-title-color: var(--wm-wizard-classic-wizard-title-wrapper-current-color);
+}
+.wm-app .app-wizard.classic .app-wizard-heading .app-wizard-steps .app-wizard-step.active > a .title-wrapper {
+  background: var(--wm-wizard-classic-wizard-title-wrapper-active-background);
+}
+.wm-app .app-wizard.classic .app-wizard-heading .app-wizard-steps .app-wizard-step.active > a .title-wrapper .step-title {
+  --wm-wizard-stepper-step-title-color: var(--wm-wizard-classic-wizard-title-wrapper-active-color);
+}
+.wm-app .app-wizard.classic .app-wizard-heading .app-wizard-steps .app-wizard-step.disabled {
+  opacity: unset;
+}
+.wm-app .app-wizard.classic .app-wizard-heading .app-wizard-steps .app-wizard-step.disabled > a .title-wrapper .step-title {
+  opacity: var(--wm-wizard-classic-wizard-step-title-disabled-color);
+}
+.wm-app .app-wizard.classic .app-wizard-heading .app-wizard-steps .app-wizard-step.current > a .title-wrapper::after {
+  border-left: var(--wm-wizard-classic-wizard-title-wrapper-border-left) var(--wm-wizard-classic-wizard-title-wrapper-border-style) var(--wm-wizard-classic-wizard-title-wrapper-current-background);
+}
+.wm-app .app-wizard.classic .app-wizard-heading .app-wizard-steps .app-wizard-step.active > a .title-wrapper::after {
+  border-left: var(--wm-wizard-classic-wizard-title-wrapper-border-left) var(--wm-wizard-classic-wizard-title-wrapper-border-style) var(--wm-wizard-classic-wizard-title-wrapper-active-background);
+}
+.wm-app .app-wizard.classic .app-wizard-heading .app-wizard-steps .app-wizard-step > a .title-wrapper::before,
+.wm-app .app-wizard.classic .app-wizard-heading .app-wizard-steps .app-wizard-step > a .title-wrapper::after {
+  content: " ";
+  position: absolute;
+  top: 0;
+  right: -17px;
+  width: 0;
+  height: 0;
+  border-top: var(--wm-wizard-classic-wizard-title-wrapper-border-top-size) var(--wm-wizard-classic-wizard-title-wrapper-border-style) transparent;
+  border-bottom: var(--wm-wizard-classic-wizard-title-wrapper-border-bottom-size) var(--wm-wizard-classic-wizard-title-wrapper-border-style) transparent;
+  border-left: var(--wm-wizard-classic-wizard-title-wrapper-border-left) var(--wm-wizard-classic-wizard-title-wrapper-border-style) var(--wm-wizard-classic-wizard-title-wrapper-background);
+  z-index: 2;
+  transition: border-color 0.2s ease;
+}
+.wm-app .app-wizard.classic .app-wizard-heading .app-wizard-steps .app-wizard-step > a .title-wrapper::before {
+  right: auto;
+  left: 0;
+  border-left: var(--wm-wizard-classic-wizard-title-wrapper-border-left) var(--wm-wizard-classic-wizard-title-wrapper-border-style) var(--wm-wizard-classic-wizard-title-border-white-color);
+  z-index: 0;
+}
+.wm-app .app-wizard.classic .app-wizard-steps .app-wizard-step:first-child .title-wrapper {
+  border-top-left-radius: var(--wm-wizard-classic-wizard-title-wrapper-border-radius);
+  border-bottom-left-radius: var(--wm-wizard-classic-wizard-title-wrapper-border-radius);
+}
+.wm-app .app-wizard.classic .app-wizard-steps .app-wizard-step:last-child .title-wrapper {
+  border-top-right-radius: var(--wm-wizard-classic-wizard-title-wrapper-border-radius);
+  border-bottom-right-radius: var(--wm-wizard-classic-wizard-title-wrapper-border-radius);
+  margin: unset;
+}
+.wm-app .app-wizard.classic .title-wrapper .step-title {
+  position: relative;
+}
+.wm-app .app-wizard.classic .app-wizard-steps .app-wizard-step:first-child .title-wrapper::before {
+  border: none !important;
+}
+.wm-app .app-wizard.classic .app-wizard-steps .app-wizard-step:last-child .title-wrapper::after {
+  border: none !important;
+}
+.wm-app .app-wizard.vertical {
+  display: grid;
+  grid-template-columns: var(--wm-wizard-vertical-grid-columns);
+}
+.wm-app .app-wizard.vertical .app-wizard-heading {
+  border-right: var(--wm-wizard-vertical-heading-border-width) var(--wm-wizard-vertical-heading-border-style) var(--wm-wizard-vertical-heading-border);
+}
+.wm-app .app-wizard.vertical .app-wizard-actions {
+  grid-column: 1 / -1;
+}
+.wm-app .app-wizard.vertical .app-wizard-heading .app-wizard-steps > .app-wizard-step {
+  position: relative;
+}
+.wm-app .app-wizard.vertical .app-wizard-heading .app-wizard-steps > .app-wizard-step:not(:last-of-type)::before {
+  position: absolute;
+  content: "";
+  height: 100%;
+  width: var(--wm-wizard-vertical-stepper-step-indicator-border-width);
+  background: var(--wm-wizard-vertical-stepper-step-indicator-background-border);
+  left: unset;
+  right: unset;
+  top: calc(100% - 35%);
+  transform: translate(var(--wm-wizard-vertical-stepper-step-indicator-transform-x), var(--wm-wizard-vertical-stepper-step-indicator-transform-y));
+}
+.wm-app .app-wizard.vertical .app-wizard-heading .app-wizard-steps > .app-wizard-step.current::before {
+  opacity: var(--wm-wizard-vertical-stepper-step-disabled-background);
+}
+.wm-app .app-wizard.vertical .app-wizard-heading .app-wizard-steps > .app-wizard-step:last-of-type::before {
+  display: none;
+}
+.wm-app .app-wizard.vertical .app-wizard-heading .app-wizard-steps > .app-wizard-step > a {
+  flex-direction: row;
+  justify-content: flex-start;
+}
 .wm-app .animated {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;