@wavemaker/foundation-css 12.0.0-next.45032 → 12.0.0-next.45033

foundation-css/foundation/foundation.css

@@ -466,28 +466,29 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   --wm-btn-line-height: var(--wm-label-large-line-height);
   --wm-btn-letter-spacing: var(--wm-label-large-letter-spacing);
   --wm-btn-text-transform: none;
-  --wm-btn-color: var(--wm-color-on-surface);
-  --wm-btn-background: var(--wm-color-surface);
+  --wm-btn-color: var(--wm-color-on-surface-variant);
+  --wm-btn-background: none;
   --wm-btn-border-width: 1px;
   --wm-btn-border-style: solid;
-  --wm-btn-border-color: var(--wm-color-surface-container-highest);
+  --wm-btn-border-color: none;
   --wm-btn-radius: var(--wm-radius-pill);
   --wm-btn-padding: var(--wm-space-2) var(--wm-space-6);
   --wm-btn-min-width: auto;
   --wm-btn-height: 40px;
   --wm-btn-gap: var(--wm-space-2);
   --wm-btn-shadow: none;
-  --wm-btn-state-layer-color: transparent;
+  --wm-btn-state-layer-color: var(--wm-color-on-surface-variant);
   --wm-btn-hover-state-layer-opacity: var(--wm-opacity-hover);
-  --wm-btn-pressed-state-layer-opacity: var(--wm-opacity-active);
+  --wm-btn-focus-state-layer-opacity: var(--wm-opacity-focus);
+  --wm-btn-active-state-layer-opacity: var(--wm-opacity-active);
   --wm-btn-elevated: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0,0,0,0.15);
   --wm-btn-elevated-hover: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, .15);
   --wm-btn-elevated-focus: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0,0,0,0.15);
   --wm-btn-elevated-active: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0,0,0,0.15);
-  --wm-btn-default-background: var(--wm-btn-background);
-  --wm-btn-default-color: var(--wm-btn-color);
-  --wm-btn-default-border-color: var(--wm-btn-border-color);
-  --wm-btn-default-state-layer-color: var(--wm-btn-color);
+  --wm-btn-default-background: var(--wm-color-surface);
+  --wm-btn-default-color: var(--wm-color-on-surface);
+  --wm-btn-default-border-color: var(--wm-color-surface-container-highest);
+  --wm-btn-default-state-layer-color: var(--wm-color-on-surface);
   --wm-btn-primary-background: var(--wm-color-primary);
   --wm-btn-primary-color: var(--wm-color-on-primary);
   --wm-btn-primary-border-color: var(--wm-color-primary);
@@ -583,6 +584,7 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   --wm-checkbox-selected-state-hover: var(--wm-color-primary-hover);
   --wm-checkbox-selected-state-focus: var(--wm-color-primary-focus);
   /*--form field/composite--*/
+  --wm-caption-font-family: var(--wm-body-small-font-family);
   --wm-caption-font-size: var(--wm-body-large-font-size);
   --wm-caption-font-weight: var(--wm-body-large-font-weight);
   --wm-caption-line-height: var(--wm-body-large-line-height);
@@ -599,21 +601,66 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   --wm-form-control-border-color-error: var(--wm-color-error);
   --wm-form-control-radius: var(--wm-radius-xs);
   --wm-form-control-height: 56px;
-  --wm-form-control-padding: 16px;
+  --wm-form-control-padding: var(--wm-space-4);
+  --wm-form-control-font-family: var(--wm-body-large-font-family);
   --wm-form-control-font-size: var(--wm-body-large-font-size);
   --wm-form-control-font-weight: var(--wm-body-large-font-weight);
   --wm-form-control-line-height: var(--wm-body-large-line-height);
+  --wm-form-control-letter-spacing: var(--wm-body-large-letter-spacing);
   --wm-form-control-color-place-holder: var(--wm-color-on-surface-variant);
   --wm-help-block-color: var(--wm-color-on-surface);
+  --wm-help-block-font-family: var(--wm-body-small-font-family);
   --wm-help-block-font-size: var(--wm-body-small-font-size);
   --wm-help-block-font-weight: var(--wm-body-small-font-weight);
   --wm-help-block-line-height: var(--wm-body-small-line-height);
+  --wm-help-block-letter-spacing: var(--wm-body-small-letter-spacing);
+  --wm-input-group-btn-width: var(--wm-space-10);
+  --wm-input-group-btn-height: var(--wm-space-10);
+  --wm-input-group-btn-font-size: var(--wm-icon-size);
+  --wm-input-group-btn-border-radius: var(--wm-btn-radius);
   /*--Container--*/
   --wm-container-outlined-border-color: var(--wm-color-outline-variant);
   --wm-container-outlined-border-width: var(--wm-border-width);
   --wm-container-outlined-border-style: var(--wm-border-style);
   --wm-container-elevation-border-radius: var(--wm-radius-sm);
   --wm-container-elevation-shadow: var(--wm-elevation-shadow-1);
+  --wm-currency-inputgroup-addon-width: 40px;
+  --wm-currency-inputgroup-addon-font-family: var(--wm-form-control-font-family);
+  --wm-currency-inputgroup-addon-font-size: var(--wm-form-control-font-size);
+  --wm-currency-inputgroup-addon-font-weight: var(--wm-form-control-font-weight);
+  --wm-currency-inputgroup-addon-line-height: var(--wm-form-control-line-height);
+  --wm-currency-inputgroup-addon-letter-spacing: var(--wm-form-control-letter-spacing);
+  /* datepicker variables */
+  --wm-datepicker-color: var(--wm-color-on-surface);
+  --wm-datepicker-background: var(--wm-color-surface-container-high);
+  --wm-datepicker-border-radius: var(--wm-radius-lg);
+  --wm-datepicker-active-background: var(--wm-color-primary);
+  --wm-datepicker-active-color: var(--wm-color-on-primary);
+  --wm-datepicker-previous-icon: "\f30f";
+  --wm-datepicker-next-icon: "\f310";
+  --wm-datepicker-font-family: var(--wm-body-large-font-weight);
+  --wm-datepicker-font-size: var(--wm-body-large-font-size);
+  --wm-datepicker-font-weight: var(--wm-font-weight-regular);
+  --wm-datepicker-line-height: var(--wm-body-large-line-height);
+  --wm-datepicker-letter-spacing: var(--wm-body-large-letter-spacing);
+  --wm-datepicker-date-width: var(--wm-space-10);
+  --wm-datepicker-date-height: var(--wm-space-10);
+  --wm-datepicker-date-color: var(--wm-color-on-surface);
+  --wm-datepicker-date-background: var(--wm-color-surface-container-high);
+  --wm-datepicker-date-border-width: var(--wm-border-width);
+  --wm-datepicker-date-border-style: var(--wm-border-style);
+  --wm-datepicker-date-border-color: var(--wm-color-surface-container-high);
+  --wm-datepicker-date-border-radius: var(--wm-radius-pill);
+  --wm-datepicker-date-font-family: var(--wm-body-large-font-weight);
+  --wm-datepicker-date-font-size: var(--wm-body-large-font-size);
+  --wm-datepicker-date-font-weight: var(--wm-font-weight-regular);
+  --wm-datepicker-date-line-height: var(--wm-body-large-line-height);
+  --wm-datepicker-date-letter-spacing: var(--wm-body-large-letter-spacing);
+  --wm-datepicker-date-other-month-color: var(--wm-color-on-surface-variant);
+  --wm-datepicker-date-state-layer-color: var(--wm-color-on-surface-variant);
+  --wm-datepicker-date-hover-state-layer-opacity: var(--wm-opacity-hover);
+  --wm-datepicker-date-focus-state-layer-opacity: var(--wm-opacity-focus);
+  --wm-datepicker-date-active-state-layer-opacity: var(--wm-opacity-active);
   /*--file upload--*/
   --wm-file-upload-status-padding: var(--wm-space-2);
   --wm-file-upload-status-border-color: var(--wm-border-color);
@@ -751,6 +798,24 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   --wm-rating-icon-opacity-inactive: 0.38;
   --wm-rating-icon-opacity-active: 1;
   --wm-rating-icon-opacity-readonly: 0.38;
+  /* Timepicker styles */
+  --wm-timepicker-font-family: var(--wm-display-small-font-family);
+  --wm-timepicker-font-size: var(--wm-display-small-font-size);
+  --wm-timepicker-font-weight: var(--wm-display-small-font-weight);
+  --wm-timepicker-line-height: var(--wm-display-small-line-height);
+  --wm-timepicker-letter-spacing: var(--wm-display-small-letter-spacing);
+  --wm-timepicker-background: var(--wm-color-surface-container-high);
+  --wm-timepicker-border-radius: var(--wm-radius-lg);
+  --wm-timepicker-padding: var(--wm-space-6) var(--wm-space-6);
+  --wm-timepicker-period-selector-border: var(--wm-border-width) var(--wm-border-style) var(--wm-color-outline);
+  --wm-timepicker-period-selector-border-radius: var(--wm-radius-sm);
+  --wm-timepicker-period-selector-background: var(--wm-color-tertiary-container);
+  --wm-timepicker-period-selector-color: var(--wm-color-on-tertiary-container);
+  --wm-timepicker-period-selector-font-family: var(--wm-h5-font-family);
+  --wm-timepicker-period-selector-font-size: var(--wm-h5-font-size);
+  --wm-timepicker-period-selector-font-weight: var(--wm-h5-font-weight);
+  --wm-timepicker-period-selector-line-height: var(--wm-h5-line-height);
+  --wm-timepicker-period-selector-letter-spacing: var(--wm-h5-font-letter-spacing);
   /*--Toast--*/
   --wm-toast-container-width: 344px;
   --wm-toast-container-shadow: var(--wm-elevation-shadow-3);
@@ -759,11 +824,16 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   --wm-toast-container-border-style: var(--wm-border-style);
   --wm-toast-container-padding: 14px var(--wm-space-4) 14px var(--wm-space-12);
   --wm-toast-container-gap: var(--wm-space-1);
-  --wm-toast-font-family: var(--wm-label-large-font-family);
-  --wm-toast-font-weight: var(--wm-label-large-font-weight);
-  --wm-toast-font-size: var(--wm-label-large-font-size);
-  --wm-toast-line-height: var(--wm-label-large-line-height);
-  --wm-toast-letter-spacing: var(--wm-label-large-letter-spacing);
+  --wm-toast-title-font-family: var(--wm-label-large-font-family);
+  --wm-toast-title-font-weight: var(--wm-label-large-font-weight);
+  --wm-toast-title-font-size: var(--wm-label-large-font-size);
+  --wm-toast-title-line-height: var(--wm-label-large-line-height);
+  --wm-toast-title-letter-spacing: var(--wm-label-large-letter-spacing);
+  --wm-toast-message-font-family: var(--wm-label-large-font-family);
+  --wm-toast-message-font-weight: var(--wm-label-large-font-weight);
+  --wm-toast-message-font-size: var(--wm-label-large-font-size);
+  --wm-toast-message-line-height: var(--wm-label-large-line-height);
+  --wm-toast-message-letter-spacing: var(--wm-label-large-letter-spacing);
   --wm-toast-container-background: var(--wm-color-info);
   --wm-toast-container-color: var(--wm-color-on-info);
   --wm-toast-container-border-color: var(--wm-color-info);
@@ -907,9 +977,11 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   /* Track */
   /* Handle */
   /* Handle on hover */
+  /* datepicker styles */
   /* .app-fileupload .file-upload */
   /**--Layout--**/
   /** Layout styles */
+  /* Timepicker styles */
   /* toast styles */
   /*--bootstrap 5 utilities start--*/
   /* rtl:begin:remove */
@@ -8086,247 +8158,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
 .wm-app * {
   outline: 0 !important;
 }
-.wm-app .ui-helper-hidden {
-  display: none;
-}
-.wm-app .ui-helper-hidden-accessible {
-  border: 0;
-  clip: rect(0 0 0 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-}
-.wm-app .ui-helper-zfix,
-.wm-app .ui-widget-overlay {
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-.wm-app .ui-helper-reset {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  outline: 0;
-  line-height: 1.3;
-  text-decoration: none;
-  font-size: 100%;
-  list-style: none;
-}
-.wm-app .ui-helper-clearfix:after,
-.wm-app .ui-helper-clearfix:before {
-  content: "";
-  display: table;
-  border-collapse: collapse;
-}
-.wm-app .ui-helper-clearfix:after {
-  clear: both;
-}
-.wm-app .ui-helper-clearfix {
-  min-height: 0;
-}
-.wm-app .ui-helper-zfix {
-  position: absolute;
-  opacity: 0;
-  filter: alpha(opacity=0);
-}
-.wm-app .ui-front {
-  z-index: 100;
-}
-.wm-app .ui-state-disabled {
-  cursor: default !important;
-}
-.wm-app .ui-icon {
-  display: block;
-  text-indent: -99999px;
-  overflow: hidden;
-  background-repeat: no-repeat;
-}
-.wm-app .ui-widget-overlay {
-  position: fixed;
-}
-.wm-app .ui-datepicker {
-  width: 17em;
-  padding: 0.2em 0.2em 0;
-  display: none;
-}
-.wm-app .ui-datepicker .ui-datepicker-header {
-  position: relative;
-  padding: 0.2em 0;
-}
-.wm-app .ui-datepicker .ui-datepicker-next,
-.wm-app .ui-datepicker .ui-datepicker-prev {
-  position: absolute;
-  top: 2px;
-  width: 1.8em;
-  height: 1.8em;
-}
-.wm-app .ui-datepicker .ui-datepicker-next-hover,
-.wm-app .ui-datepicker .ui-datepicker-prev-hover {
-  top: 1px;
-}
-.wm-app .ui-datepicker .ui-datepicker-prev {
-  left: 2px;
-}
-.wm-app .ui-datepicker .ui-datepicker-next {
-  right: 2px;
-}
-.wm-app .ui-datepicker .ui-datepicker-prev-hover {
-  left: 1px;
-}
-.wm-app .ui-datepicker .ui-datepicker-next-hover {
-  right: 1px;
-}
-.wm-app .ui-datepicker .ui-datepicker-next span,
-.wm-app .ui-datepicker .ui-datepicker-prev span {
-  display: block;
-  position: absolute;
-  left: 50%;
-  margin-left: -8px;
-  top: 50%;
-  margin-top: -8px;
-}
-.wm-app .fa-ul > li,
-.wm-app .ui-resizable {
-  position: relative;
-}
-.wm-app .ui-datepicker .ui-datepicker-title {
-  margin: 0 2.3em;
-  line-height: 1.8em;
-  text-align: center;
-}
-.wm-app .ui-datepicker .ui-datepicker-title select {
-  font-size: 1em;
-  margin: 1px 0;
-}
-.wm-app .ui-datepicker select.ui-datepicker-month,
-.wm-app .ui-datepicker select.ui-datepicker-year {
-  width: 45%;
-}
-.wm-app .ui-datepicker table {
-  width: 100%;
-  font-size: 0.9em;
-  border-collapse: collapse;
-  margin: 0 0 0.4em;
-}
-.wm-app .ui-datepicker th {
-  padding: 0.7em 0.3em;
-  text-align: center;
-  font-weight: 700;
-  border: 0;
-}
-.wm-app .ui-datepicker td {
-  border: 0;
-  padding: 1px;
-}
-.wm-app .ui-datepicker td a,
-.wm-app .ui-datepicker td span {
-  display: block;
-  padding: 0.2em;
-  text-align: right;
-  text-decoration: none;
-}
-.wm-app .fa-fw,
-.wm-app .fa-li,
-.wm-app .fa-stack-1x,
-.wm-app .fa-stack-2x,
-.wm-app .note-btn {
-  text-align: center;
-}
-.wm-app .ui-datepicker .ui-datepicker-buttonpane {
-  background-image: none;
-  margin: 0.7em 0 0;
-  padding: 0 0.2em;
-  border-left: 0;
-  border-right: 0;
-  border-bottom: 0;
-}
-.wm-app .ui-datepicker .ui-datepicker-buttonpane button {
-  float: right;
-  margin: 0.5em 0.2em 0.4em;
-  cursor: pointer;
-  padding: 0.2em 0.6em 0.3em;
-  width: auto;
-  overflow: visible;
-}
-.wm-app .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
-.wm-app .ui-datepicker-multi .ui-datepicker-group,
-.wm-app .ui-datepicker-rtl .ui-datepicker-buttonpane button {
-  float: left;
-}
-.wm-app .ui-datepicker.ui-datepicker-multi {
-  width: auto;
-}
-.wm-app .ui-datepicker-multi .ui-datepicker-group table {
-  width: 95%;
-  margin: 0 auto 0.4em;
-}
-.wm-app .ui-datepicker-multi-2 .ui-datepicker-group {
-  width: 50%;
-}
-.wm-app .ui-datepicker-multi-3 .ui-datepicker-group {
-  width: 33.3%;
-}
-.wm-app .ui-datepicker-multi-4 .ui-datepicker-group {
-  width: 25%;
-}
-.wm-app .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
-.wm-app .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
-  border-left-width: 0;
-}
-.wm-app .ui-datepicker-multi .ui-datepicker-buttonpane {
-  clear: left;
-}
-.wm-app .ui-datepicker-row-break {
-  clear: both;
-  width: 100%;
-  font-size: 0;
-}
-.wm-app .ui-datepicker-rtl {
-  direction: rtl;
-}
-.wm-app .ui-datepicker-rtl .ui-datepicker-prev {
-  right: 2px;
-  left: auto;
-}
-.wm-app .ui-datepicker-rtl .ui-datepicker-next {
-  left: 2px;
-  right: auto;
-}
-.wm-app .ui-datepicker-rtl .ui-datepicker-prev:hover {
-  right: 1px;
-  left: auto;
-}
-.wm-app .ui-datepicker-rtl .ui-datepicker-next:hover {
-  left: 1px;
-  right: auto;
-}
-.wm-app .ui-datepicker-rtl .ui-datepicker-buttonpane {
-  clear: right;
-}
-.wm-app .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
-.wm-app .ui-datepicker-rtl .ui-datepicker-group {
-  float: right;
-}
-.wm-app .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
-.wm-app .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
-  border-right-width: 0;
-  border-left-width: 1px;
-}
-.wm-app .ui-resizable-handle {
-  position: absolute;
-  font-size: 0.1px;
-  display: block;
-  -ms-touch-action: none;
-  touch-action: none;
-}
-.wm-app .ui-resizable-autohide .ui-resizable-handle,
-.wm-app .ui-resizable-disabled .ui-resizable-handle {
-  display: none;
-}
 .wm-app .fa,
 .wm-app .fa-stack,
 .wm-app .wi {
@@ -9750,7 +9581,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   text-align: center;
   background-color: #000;
 }
-.wm-app .app-livelist .media .img-thumbnail,
 .wm-app .note-popover,
 .wm-app .popover.fade.in {
   max-width: none;
@@ -10414,316 +10244,111 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   display: none;
   top: 0;
 }
-.wm-app .app-search .dropdown-menu span,
-.wm-app .app-search.dropdown-menu span {
-  display: inline-block;
-  line-height: 1em;
-  max-width: 100%;
-  text-overflow: ellipsis;
+.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 .app-search {
-  width: 30em;
-  position: relative;
-  vertical-align: middle;
+.wm-app input[type="file"] {
+  padding: 0;
 }
-.wm-app .app-search input {
-  height: 100%;
+.wm-app .infinite {
+  animation-iteration-count: infinite;
+}
+.wm-app .app-content .app-spinner .spinner-message {
+  background-color: rgba(255, 255, 255, 0.5);
+  border: 1px solid #aeaeae;
+}
+.wm-app .global-spinner,
+.wm-app [classname="global-spinner"] {
+  position: fixed;
+}
+.wm-app .app-popover {
+  min-width: 50px;
+  min-height: 50px;
+  padding: 0;
 }
-.wm-app .app-search input.model-holder {
+.wm-app .app-popover .popover-end,
+.wm-app .app-popover .popover-start {
   width: 0;
+  padding: 0;
   height: 0;
+  border: 0;
   position: absolute;
-  top: 30px;
-  left: 50%;
-  z-index: -1000;
-  opacity: 0;
 }
-.wm-app .app-search .app-search-button {
-  background: 0 0;
-  filter: progid:DXImageTransform.Microsoft.Shadow(enabled=false);
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
-  border: none;
+.wm-app .app-popover .popover-content {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
   padding: 0;
 }
-.wm-app .app-search .dropdown-menu .status,
-.wm-app .app-search.dropdown-menu .status {
-  background-color: rgba(0, 0, 0, 0.05);
-  border-top: 1px solid rgba(0, 0, 0, 0.1);
-}
-.wm-app .app-search .app-search-button:focus {
-  outline: 0;
-}
-.wm-app .app-search.dropdown-menu {
-  width: auto;
-  text-align: left;
-  z-index: 2000 !important;
-  max-height: 200px;
-  overflow-y: auto;
+.wm-app .app-popover .popover-content .app-partial {
+  overflow: auto;
 }
-.wm-app .app-search.dropdown-menu span {
-  padding-left: 4px;
-  width: auto;
-  overflow: hidden;
+.wm-app .app-popover .popover-content .app-partial > button {
+  margin-top: 0.9em;
 }
-.wm-app .app-search.dropdown-menu img {
-  line-height: 1em;
+.wm-app .app-popover .popover-title ~ .popover-content {
+  ignore: a;
+  height: calc(100% - 3em);
 }
-.wm-app .app-search.dropdown-menu .status {
-  padding: 8px 15px;
-  text-align: center;
-  font-size: 12px;
+.wm-app .app-popover.bottom.bottom-right > .arrow,
+.wm-app .app-popover.bottom.top-right > .arrow,
+.wm-app .app-popover.top.bottom-right > .arrow,
+.wm-app .app-popover.top.top-right > .arrow {
+  left: auto !important;
+  right: 1em !important;
 }
-.wm-app .app-search.dropdown-menu .status span {
-  overflow: initial;
+.wm-app .app-popover-wrapper .disable-popover {
+  pointer-events: none;
 }
-.wm-app .app-search .dropdown-menu {
-  width: auto;
-  text-align: left;
-  z-index: 2000 !important;
-  max-height: 200px;
-  overflow-y: auto;
+.wm-app .app-button {
+  position: relative;
 }
-.wm-app .app-search .dropdown-menu span {
-  padding-left: 4px;
-  width: auto;
-  overflow: hidden;
+.wm-app .app-button .btn-caption {
+  margin: 0 0.2em;
+  vertical-align: middle;
 }
-.wm-app .app-search .dropdown-menu img {
-  line-height: 1em;
+.wm-app .app-button .btn-caption:empty {
+  margin: 0;
 }
-.wm-app .app-search .dropdown-menu .status {
-  padding: 8px 15px;
-  text-align: center;
-  font-size: 12px;
+.wm-app .app-button .badge {
+  position: absolute;
+  top: 9pt;
+  right: 9pt;
 }
-.wm-app .app-search .dropdown-menu .status span {
-  overflow: initial;
+.wm-app .app-menu {
+  display: inline-block;
+  position: relative;
 }
-.wm-app .app-search .form-control-feedback {
-  right: 3em !important;
+.wm-app .app-menu .app-anchor > .caret,
+.wm-app .app-menu .app-button > .caret {
+  border: none !important;
+  margin-top: 0.25em;
+  margin-right: 0.3em;
+  width: 6px;
+  position: relative;
 }
-.wm-app .app-search .form-control-feedback.back-btn,
-.wm-app .app-search .form-control-feedback.clear-btn {
+.wm-app .app-menu .dropdown-toggle .anchor-caption:empty + span.caret,
+.wm-app .app-menu .dropdown-toggle .btn-caption:empty + span.caret,
+.wm-app .app-menu .dropdown-toggle .caption:empty + span + span.caret {
   display: none;
 }
-.wm-app .app-search .clear-btn.show-btn {
-  right: 2em !important;
-  cursor: pointer;
-  pointer-events: initial;
-  display: block;
-  z-index: 5;
-  padding-left: 10px;
+.wm-app .app-menu .dropdown-toggle.btn {
+  white-space: normal;
+  text-align: inherit;
 }
-.wm-app .app-search [uib-typeahead-popup].dropdown-menu {
-  display: none;
-}
-.wm-app .app-search.full-screen.input-group {
-  width: 100% !important;
-  position: fixed;
-  display: block;
-  background-color: #fff;
-  height: 100%;
-  z-index: 5000;
-  border-radius: 0;
-  top: 0;
-  left: 0;
-}
-.wm-app .app-search.full-screen.input-group input {
-  padding-left: 2.5em;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
-}
-.wm-app .app-search.full-screen typeahead-container.dropdown.open {
-  top: 0 !important;
-  height: 100% !important;
-}
-.wm-app .app-search.full-screen .input-group-addon {
-  display: none;
-}
-.wm-app .app-search.full-screen .dropdown-menu {
-  display: block;
-  position: relative;
-  width: 100%;
-  ignore: a;
-  height: calc(100% - 36px);
-  overflow: auto;
-  max-height: initial;
-  top: 0 !important;
-}
-.wm-app .app-search.full-screen .back-btn {
-  right: 0.25em !important;
-  cursor: pointer;
-  pointer-events: initial;
-  display: block;
-  z-index: 5001;
-  left: 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-group.app-search {
-  display: inline-table;
-  width: 100%;
-}
-.wm-app input[type="file"] {
-  padding: 0;
-}
-.wm-app .app-spinner {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1050;
-  text-align: center;
-  background-color: rgba(0, 0, 0, 0.15);
-}
-.wm-app .app-spinner.spinner-transparent {
-  background-color: transparent;
-}
-.wm-app .app-spinner.spinner-transparent .spinner-message {
-  background-color: transparent;
-  border: none;
-}
-.wm-app .app-spinner .spinner-messages {
-  margin: 0;
-}
-.wm-app .app-spinner .spinner-messages p {
-  text-align: left;
-  margin: 0 0.4em;
-}
-.wm-app .app-spinner.app-page-switch .spinner-image {
-  color: #888;
-}
-.wm-app .app-spinner.app-page-switch .spinner-message {
-  background-color: transparent;
-  border: transparent;
-}
-.wm-app .app-spinner .spinner-message {
-  position: relative;
-  top: 40%;
-  margin-left: auto;
-  margin-right: auto;
-  padding: 0.5em;
-  background-color: transparent;
-  border: 1px solid transparent;
-  display: inline-table;
-  border-collapse: separate;
-  border-radius: 0.25em;
-  -webkit-transform: translate3d(0, 0, 0);
-}
-.wm-app .app-spinner .spinner-message .spinner-image,
-.wm-app .app-spinner .spinner-message .spinner-messages,
-.wm-app .app-spinner .spinner-message .spinner-text {
-  vertical-align: middle;
-  display: table-cell;
-}
-.wm-app .app-spinner .spinner-message .spinner-image {
-  font-size: 2em;
-  color: #212121;
-}
-.wm-app .app-spinner .spinner-message .spinner-text {
-  text-align: left;
-  padding-left: 0.5em;
-}
-.wm-app .infinite {
-  animation-iteration-count: infinite;
-}
-.wm-app .app-content .app-spinner .spinner-message {
-  background-color: rgba(255, 255, 255, 0.5);
-  border: 1px solid #aeaeae;
-}
-.wm-app .global-spinner,
-.wm-app [classname="global-spinner"] {
-  position: fixed;
-}
-.wm-app .app-popover {
-  min-width: 50px;
-  min-height: 50px;
-  padding: 0;
-}
-.wm-app .app-popover .popover-end,
-.wm-app .app-popover .popover-start {
-  width: 0;
-  padding: 0;
-  height: 0;
-  border: 0;
-  position: absolute;
-}
-.wm-app .app-popover .popover-content {
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  padding: 0;
-}
-.wm-app .app-popover .popover-content .app-partial {
-  overflow: auto;
-}
-.wm-app .app-popover .popover-content .app-partial > button {
-  margin-top: 0.9em;
-}
-.wm-app .app-popover .popover-title ~ .popover-content {
-  ignore: a;
-  height: calc(100% - 3em);
-}
-.wm-app .app-popover.bottom.bottom-right > .arrow,
-.wm-app .app-popover.bottom.top-right > .arrow,
-.wm-app .app-popover.top.bottom-right > .arrow,
-.wm-app .app-popover.top.top-right > .arrow {
-  left: auto !important;
-  right: 1em !important;
-}
-.wm-app .app-popover-wrapper .disable-popover {
-  pointer-events: none;
-}
-.wm-app .app-button {
-  position: relative;
-}
-.wm-app .app-button .btn-caption {
-  margin: 0 0.2em;
-  vertical-align: middle;
-}
-.wm-app .app-button .btn-caption:empty {
-  margin: 0;
-}
-.wm-app .app-button .badge {
-  position: absolute;
-  top: 9pt;
-  right: 9pt;
-}
-.wm-app .app-menu {
-  display: inline-block;
-  position: relative;
-}
-.wm-app .app-menu .app-anchor > .caret,
-.wm-app .app-menu .app-button > .caret {
-  border: none !important;
-  margin-top: 0.25em;
-  margin-right: 0.3em;
-  width: 6px;
-  position: relative;
-}
-.wm-app .app-menu .dropdown-toggle .anchor-caption:empty + span.caret,
-.wm-app .app-menu .dropdown-toggle .btn-caption:empty + span.caret,
-.wm-app .app-menu .dropdown-toggle .caption:empty + span + span.caret {
-  display: none;
-}
-.wm-app .app-menu .dropdown-toggle.btn {
-  white-space: normal;
-  text-align: inherit;
-}
-.wm-app .app-menu.open .dropdown-menu.horizontal {
-  display: table;
+.wm-app .app-menu.open .dropdown-menu.horizontal {
+  display: table;
 }
 .wm-app .app-menu .dropdown-menu {
   z-index: 1040 !important;
@@ -11450,198 +11075,43 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   -webkit-appearance: none;
   margin: 0;
 }
-.wm-app .app-select,
-.wm-app .app-textarea,
-.wm-app .app-textbox {
-  max-width: 100%;
-  position: relative;
-}
-.wm-app .app-select.error,
-.wm-app .app-textarea.error,
-.wm-app .app-textbox.error {
-  border: 1px solid red;
-}
-.wm-app .select-locale.form-control.app-select {
-  width: auto;
-}
-.wm-app .app-input-wrapper,
-.wm-app .app-select-wrapper {
-  display: inherit;
-}
-.wm-app .form-control optgroup {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-.wm-app .form-control option {
-  background-color: #fff;
-}
-.wm-app .input-group .app-input-wrapper,
-.wm-app .input-group .app-select-wrapper {
-  display: table-cell;
-}
-.wm-app .app-select option[disabled]:first-child {
-  display: none;
-}
-.wm-app .custom-select-disable .app-select option[disabled]:first-child {
-  display: block;
-}
-.wm-app .app-search.dropdown-menu .list-group-header {
-  list-style: none;
-  background-color: rgba(0, 0, 0, 0.1);
-}
-.wm-app .app-search.dropdown-menu .list-group-header.collapsible-content {
-  cursor: pointer;
-}
-.wm-app .app-search.dropdown-menu .list-group-header h4 {
-  margin: 0;
-  padding-left: 1em;
-  padding-right: 1em;
-  line-height: 2.5em;
-  display: table;
-  width: 100%;
-}
-.wm-app .app-search.dropdown-menu .list-group-header h4 .header-action {
-  display: table-cell;
-}
-.wm-app .app-search.dropdown-menu .list-group-header h4 .header-action i,
-.wm-app .app-search.dropdown-menu .list-group-header h4 .header-action span {
-  float: right;
-}
-.wm-app .app-search.dropdown-menu .list-group-header h4 .header-action i {
-  padding: 0 10px;
-}
-.wm-app .app-timeinput {
-  position: relative;
-  max-width: 100%;
-}
 .wm-app [widget="checkbox"][required="required"]:not([displayname]) .app-checkbox label.required:after {
   content: "*";
   color: red;
   margin-left: 2px;
 }
-.wm-app .app-anchor {
-  cursor: pointer;
-  display: inline-block;
-}
-.wm-app .app-anchor .anchor-caption,
-.wm-app .app-anchor .caption {
-  vertical-align: middle;
-  line-height: 1.4;
-}
-.wm-app .app-anchor .badge {
-  position: absolute;
-  right: 2px;
-}
-.wm-app .app-anchor .active .app-icon,
-.wm-app .app-anchor .app-icon,
-.wm-app .app-anchor:focus .app-icon,
-.wm-app .app-anchor:hover .app-icon {
-  text-decoration: none;
+.wm-app .order-by li button {
+  padding: 0;
 }
-.wm-app .app-checkbox.checkbox,
-.wm-app .radio.app-radio {
+.wm-app .order-by li span {
   display: inline-block;
-}
-.wm-app .app-checkbox.checkbox label,
-.wm-app .radio.app-radio label {
-  width: 100%;
+  width: 70%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.wm-app .app-checkbox.checkbox label > *,
-.wm-app .radio.app-radio label > * {
-  vertical-align: middle;
-}
-.wm-app .app-checkbox.checkbox label input:focus,
-.wm-app .radio.app-radio label input:focus {
-  outline: #1794ef solid 1px !important;
+.wm-app .nav.app-chips {
+  position: relative;
+  min-height: 20px;
 }
-.wm-app .app-toggle.checkbox label {
-  width: 60px;
-  height: 32px;
-  overflow: hidden;
-  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
-  border-radius: 500px;
+.wm-app .nav.app-chips > li {
   position: relative;
-  background-color: #2ecc71;
-  border: 1px solid rgba(0, 0, 0, 0.2);
+  margin: 2px 0;
 }
-.wm-app .app-toggle.checkbox label.unchecked {
-  background-color: #fff !important;
+.wm-app .nav.app-chips > li.disabled {
+  cursor: not-allowed;
+  pointer-events: none;
 }
-.wm-app .app-toggle.checkbox label.disabled {
-  opacity: 0.5;
+.wm-app .nav.app-chips > li.app-chip-search {
+  display: inline-block;
+  width: 180px;
 }
-.wm-app .app-toggle.checkbox input[type="checkbox"] {
-  position: absolute;
+.wm-app .nav.app-chips > li.app-chip-search.full-width {
   display: block;
-  cursor: pointer;
-  top: 0;
-  left: 0;
   width: 100%;
-  height: 100%;
-  opacity: 0;
-  z-index: 6;
-  margin-top: 0 !important;
 }
-.wm-app .app-toggle.checkbox .caption {
-  visibility: hidden;
-}
-.wm-app .app-toggle.checkbox .switch {
-  position: absolute;
-  display: block;
-  left: 0;
-  top: 0;
-  background-color: #fff;
-  border-radius: 500px;
-  z-index: 1;
-  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-  transition-property: left, right;
-  transition-delay: 0s, 0.08s;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-  text-align: center;
-  height: 100%;
-  border: 1px solid rgba(0, 0, 0, 0.1);
-}
-.wm-app .app-toggle.checkbox input[type="checkbox"]:checked ~ .switch {
-  right: 0;
-  left: auto;
-  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-  transition-property: left, right;
-  transition-delay: 0.08s, 0s;
-}
-.wm-app .order-by li button {
-  padding: 0;
-}
-.wm-app .order-by li span {
-  display: inline-block;
-  width: 70%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.wm-app .nav.app-chips {
-  position: relative;
-  min-height: 20px;
-}
-.wm-app .nav.app-chips > li {
-  position: relative;
-  margin: 2px 0;
-}
-.wm-app .nav.app-chips > li.disabled {
-  cursor: not-allowed;
-  pointer-events: none;
-}
-.wm-app .nav.app-chips > li.app-chip-search {
-  display: inline-block;
-  width: 180px;
-}
-.wm-app .nav.app-chips > li.app-chip-search.full-width {
-  display: block;
-  width: 100%;
-}
-.wm-app .nav.app-chips > li.app-chip-search.full-width .app-chip-input {
-  width: 100% !important;
+.wm-app .nav.app-chips > li.app-chip-search.full-width .app-chip-input {
+  width: 100% !important;
 }
 .wm-app .nav.app-chips > li.app-chip-search .app-chip-input {
   border-color: transparent;
@@ -11651,13 +11121,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   outline: 0;
   float: left;
 }
-.wm-app .app-date .input-group-btn .btn:focus,
-.wm-app .app-date .uib-button-bar .btn:focus,
-.wm-app .app-datetime .input-group-btn .btn:focus,
-.wm-app .app-datetime .uib-button-bar .btn:focus,
-.wm-app .app-timeinput .input-group-btn .btn:focus {
-  outline: dotted 1px !important;
-}
 .wm-app .nav.app-chips > li.app-chip-search .app-chip-input .app-textbox {
   height: 28px;
   padding: 4px 12px 8px;
@@ -11724,10 +11187,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   overflow: hidden;
   transform: scale(1);
 }
-.wm-app .app-datetime.input-group .dropdown-menu table,
-.wm-app .app-timeinput.input-group .dropdown-menu table {
-  display: inline-table;
-}
 .wm-app .app-switch .model-holder {
   width: 0;
   height: 0;
@@ -11744,10 +11203,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   overflow: hidden;
   height: 100%;
 }
-.wm-app .app-date.input-group .dropdown-menu li:last-child,
-.wm-app .app-datetime.input-group .dropdown-menu li:last-child {
-  overflow: visible !important;
-}
 .wm-app .app-switch .btn-group > .btn {
   border-radius: 500px;
   height: 100%;
@@ -11770,63 +11225,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   vertical-align: middle;
   border-radius: 0;
 }
-.wm-app .app-textarea {
-  height: 100%;
-}
-.wm-app .textarea-count {
-  text-align: right;
-  margin-top: 5px;
-}
-.wm-app .app-form .textarea-count {
-  width: calc(60%);
-}
-.wm-app .form-control.app-textarea {
-  height: 5.5em;
-}
-.wm-app .app-currency {
-  width: 100%;
-}
-.wm-app .app-timeinput.input-group {
-  max-width: 13em;
-  position: relative;
-}
-.wm-app .app-timeinput.input-group .dropdown {
-  position: static;
-}
-.wm-app .app-timeinput.input-group .dropdown-menu {
-  width: auto;
-  text-align: center;
-}
-.wm-app .app-datetime.input-group {
-  max-width: 21em;
-  position: relative;
-}
-.wm-app .app-datetime.input-group .dropdown {
-  position: static;
-}
-.wm-app .app-datetime.input-group .dropdown-menu {
-  top: 100% !important;
-  text-align: center;
-  width: auto;
-  padding: 0.5em;
-}
-.wm-app .app-datetime.input-group button.btn.btn-default.btn-date {
-  border-right: 0 #fff;
-}
-.wm-app .app-datetime.input-group button.btn.btn-default.btn-time {
-  border-left: 0 #fff;
-}
-.wm-app .app-date.input-group {
-  position: relative;
-  max-width: 13em;
-}
-.wm-app .app-date.input-group .form-control.app-dateinput {
-  position: relative;
-}
-.wm-app .app-date.input-group .dropdown-menu {
-  padding: 0.5em;
-  width: auto;
-}
 .wm-app .mobile-input {
   left: 0;
   top: 0;
@@ -11840,71 +11238,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   width: 100%;
   height: 31px;
 }
-.wm-app .app-date .app-calendar-event .btn:after,
-.wm-app .app-datetime .app-calendar-event .btn:after {
-  font-family: FontAwesome;
-  font-size: 6px;
-  content: "\f111\00a0\f111\00a0\f111";
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  color: rgba(0, 0, 0, 0.2);
-  text-align: center;
-  line-height: 2px;
-}
-.wm-app .app-date .app-calendar-event.one .btn:after,
-.wm-app .app-datetime .app-calendar-event.one .btn:after {
-  content: "\f111";
-}
-.wm-app .app-date .app-calendar-event.two .btn:after,
-.wm-app .app-datetime .app-calendar-event.two .btn:after {
-  content: "\f111\00a0\f111";
-}
-.wm-app .app-date .uib-daypicker tbody .btn-default,
-.wm-app .app-datetime .uib-daypicker tbody .btn-default {
-  position: relative;
-  margin: 0;
-}
-.wm-app .app-date .uib-daypicker tbody .btn-default:after,
-.wm-app .app-datetime .uib-daypicker tbody .btn-default:after {
-  bottom: -1em;
-}
-.wm-app .app-date .uib-daypicker tbody .btn-default[disabled="disabled"],
-.wm-app .app-datetime .uib-daypicker tbody .btn-default[disabled="disabled"] {
-  color: #aaa;
-}
-.wm-app .app-date .uib-daypicker table tbody tr.uib-weeks td:first-child,
-.wm-app .app-datetime .uib-daypicker table tbody tr.uib-weeks td:first-child {
-  width: auto;
-}
-.wm-app .app-date tbody .btn.btn-default.active,
-.wm-app .app-date tbody .btn.btn-default:focus,
-.wm-app .app-datetime tbody .btn.btn-default.active,
-.wm-app .app-datetime tbody .btn.btn-default:focus {
-  background-color: #bbb !important;
-  color: #333 !important;
-}
-.wm-app .app-date .add-opacity,
-.wm-app .app-datetime .add-opacity,
-.wm-app .app-timeinput .add-opacity {
-  opacity: 0 !important;
-}
-.wm-app .app-date .remove-opacity,
-.wm-app .app-datetime .remove-opacity,
-.wm-app .app-timeinput .remove-opacity {
-  opacity: 1 !important;
-}
-.wm-app .app-date .input-group-btn,
-.wm-app .app-datetime .input-group-btn,
-.wm-app .app-timeinput .input-group-btn {
-  vertical-align: top;
-}
-.wm-app .app-date .input-group-btn .app-icon,
-.wm-app .app-datetime .input-group-btn .app-icon,
-.wm-app .app-timeinput .input-group-btn .app-icon {
-  padding: 0;
-}
 .wm-app .model-holder[bsdatepicker] {
   visibility: hidden;
   width: 0;
@@ -12031,279 +11364,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   bottom: 0;
   position: fixed !important;
 }
-.wm-app .app-list,
-.wm-app .app-livelist {
-  position: relative;
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  min-height: 2em;
-}
-.wm-app .app-list.inline .app-list-item,
-.wm-app .app-livelist.inline .app-list-item {
-  display: inline-block;
-}
-.wm-app .app-list.Inline > .panel-heading,
-.wm-app .app-livelist.Inline > .panel-heading {
-  display: table-caption;
-  background-color: inherit;
-}
-.wm-app .app-list > ul,
-.wm-app .app-livelist > ul {
-  display: block;
-  padding-bottom: 1px;
-}
-.wm-app .app-list ul.list-group,
-.wm-app .app-livelist ul.list-group {
-  margin-bottom: 0;
-}
-.wm-app .app-list li.app-list-item-group,
-.wm-app .app-livelist li.app-list-item-group {
-  list-style: none;
-}
-.wm-app .app-list li.app-list-item-header,
-.wm-app .app-livelist li.app-list-item-header {
-  list-style: none;
-  background-color: rgba(0, 0, 0, 0.1);
-}
-.wm-app .app-list li.app-list-item-header.collapsible-content,
-.wm-app .app-livelist li.app-list-item-header.collapsible-content {
-  cursor: pointer;
-}
-.wm-app .app-list li.app-list-item-header h4,
-.wm-app .app-livelist li.app-list-item-header h4 {
-  margin: 0;
-  padding-left: 1em;
-  padding-right: 1em;
-  line-height: 2.5em;
-  display: table;
-  width: 100%;
-}
-.wm-app .app-list li.app-list-item-header h4 .header-action,
-.wm-app .app-livelist li.app-list-item-header h4 .header-action {
-  display: table-cell;
-}
-.wm-app .app-list li.app-list-item-header h4 .header-action i,
-.wm-app .app-list li.app-list-item-header h4 .header-action span,
-.wm-app .app-livelist li.app-list-item-header h4 .header-action i,
-.wm-app .app-livelist li.app-list-item-header h4 .header-action span {
-  float: right;
-}
-.wm-app .app-list li.app-list-item-header h4 .header-action i,
-.wm-app .app-livelist li.app-list-item-header h4 .header-action i {
-  padding: 0 10px;
-}
-.wm-app .app-list .app-list-item,
-.wm-app .app-livelist .app-list-item {
-  position: relative;
-  list-style: none;
-  outline: 0;
-}
-.wm-app .app-list .app-list-item .app-list-item-value,
-.wm-app .app-livelist .app-list-item .app-list-item-value {
-  word-break: break-word;
-}
-.wm-app .app-list .app-list-item.active,
-.wm-app .app-livelist .app-list-item.active {
-  z-index: auto !important;
-}
-.wm-app .app-list .app-list-item.active.list-group-item .app-icon,
-.wm-app .app-list .app-list-item.active.list-group-item .app-label,
-.wm-app .app-livelist .app-list-item.active.list-group-item .app-icon,
-.wm-app .app-livelist .app-list-item.active.list-group-item .app-label {
-  opacity: 0.9;
-}
-.wm-app .app-list .app-list-item.active.list-group-item .text-muted,
-.wm-app .app-livelist .app-list-item.active.list-group-item .text-muted {
-  opacity: 0.7;
-}
-.wm-app .app-list .app-list-item.active.list-group-item .app-card,
-.wm-app .app-list .app-list-item.active.list-group-item .app-panel,
-.wm-app .app-list .app-list-item.active.list-group-item .app-tabs .tab-content,
-.wm-app .app-list .app-list-item.active.list-group-item .ta-editor,
-.wm-app .app-livelist .app-list-item.active.list-group-item .app-card,
-.wm-app .app-livelist .app-list-item.active.list-group-item .app-panel,
-.wm-app .app-livelist .app-list-item.active.list-group-item .app-tabs .tab-content,
-.wm-app .app-livelist .app-list-item.active.list-group-item .ta-editor {
-  color: #333;
-}
-.wm-app .app-list .app-list-item.active.list-group-item .app-card:not(.panel) .panel-heading,
-.wm-app .app-list .app-list-item.active.list-group-item .app-panel:not(.panel) .panel-heading,
-.wm-app .app-livelist .app-list-item.active.list-group-item .app-card:not(.panel) .panel-heading,
-.wm-app .app-livelist .app-list-item.active.list-group-item .app-panel:not(.panel) .panel-heading {
-  color: #fff;
-}
-.wm-app .app-list .app-picture,
-.wm-app .app-livelist .app-picture {
-  text-align: center;
-}
-.wm-app .app-livelist li.app-list-item {
-  display: inline-block;
-  float: none;
-  vertical-align: top;
-}
-.wm-app .app-livelist li.app-list-item > .app-card {
-  height: 100%;
-}
-.wm-app .app-livelist li.app-list-item.active > .app-card {
-  border: 1px solid rgba(168, 168, 168, 0.9);
-}
-.wm-app .app-livelist li.app-list-item.disable-item:before {
-  content: "";
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  z-index: 999;
-}
-.wm-app .app-livelist li.app-list-item:focus:not(.active):not(.disable-item) {
-  background-color: rgba(0, 0, 0, 0.05);
-}
-.wm-app .app-livelist .app-horizontal-list {
-  white-space: nowrap;
-  overflow: auto;
-}
-.wm-app .app-livelist .app-horizontal-list li.app-list-item {
-  white-space: normal;
-  margin-right: 4pt;
-}
-.wm-app .app-livelist > div.app-datanavigator,
-.wm-app .app-livelist > nav.app-datanavigator {
-  display: table-cell;
-  vertical-align: middle;
-  width: 40pt;
-  padding: 5pt;
-}
-.wm-app .app-livelist.Inline {
-  display: table;
-  table-layout: fixed;
-  width: 100%;
-}
-.wm-app .app-livelist.Inline .app-livelist-container {
-  padding: 0;
-}
-.wm-app .app-livelist.Inline .app-list-item-group,
-.wm-app .app-livelist.Inline .app-livelist-container .app-list-item {
-  display: inline-block;
-}
-.wm-app .app-livelist.Inline .app-datanavigator {
-  overflow: hidden;
-}
-.wm-app .app-livelist .app-datanavigator + .app-livelist-container {
-  vertical-align: middle;
-  white-space: nowrap;
-  overflow-x: auto;
-  overflow-y: hidden !important;
-}
-.wm-app .app-livelist .app-datanavigator + .app-livelist-container .app-list-item {
-  white-space: normal;
-  float: none;
-}
-.wm-app .app-livelist .app-datanavigator + .app-livelist-container .app-list-item-group ul.list-group {
-  display: inline-table;
-}
-.wm-app .app-livelist .app-datanavigator + .app-livelist-container .app-list-item-group ul.list-group > li {
-  display: inline-block;
-  vertical-align: middle;
-}
-.wm-app .app-livelist .app-datanavigator + .app-livelist-container .app-list-item-group ul.list-group .app-list-item-header {
-  display: table-cell;
-  text-align: center;
-  width: 10%;
-  white-space: normal;
-}
-.wm-app .app-grid .no-wrap,
-.wm-app .app-grid .table tbody tr td .actions-column,
-.wm-app .app-medialist.singlerow,
-.wm-app .app-tabs .nav.nav-tabs,
-.wm-app .app-tabs.has-transition > .tab-content {
-  white-space: nowrap;
-}
-.wm-app .app-livelist ul {
-  position: relative;
-}
-.wm-app .app-livelist .app-label {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-break: break-word;
-}
-.wm-app .app-livelist .media {
-  margin-top: 0;
-}
-.wm-app .app-livelist .media-right {
-  padding-left: 0 !important;
-}
-.wm-app .app-livelist .media-right a,
-.wm-app .app-livelist .media-right a:focus,
-.wm-app .app-livelist .media-right a:hover {
-  text-decoration: none;
-}
-.wm-app .app-livelist .media-right a i,
-.wm-app .app-livelist .media-right a:focus i,
-.wm-app .app-livelist .media-right a:hover i {
-  font-size: 18pt;
-  color: inherit;
-}
-.wm-app .app-livelist .media-right ul.dropdown-menu a i {
-  font-size: inherit;
-}
-.wm-app .app-livelist .thumbnail {
-  margin-bottom: 0;
-  text-align: center;
-}
-.wm-app .app-livelist .thumbnail .caption .detail {
-  font-weight: 400;
-}
-.wm-app .app-livelist .loading-data-msg,
-.wm-app .app-livelist .no-data-msg {
-  text-align: center;
-}
-.wm-app .app-livelist .loading-data-msg .app-icon {
-  font-size: 16pt;
-}
-.wm-app .app-livelist .loading-data-msg .loading-text {
-  vertical-align: top;
-  padding-left: 10px;
-}
-.wm-app .app-livelist:not(.On-Demand):not(.Scroll) .loading-data-msg {
-  position: absolute;
-  top: 0;
-  bottom: 5.3em;
-  width: 100%;
-  background: rgba(200, 200, 200, 0.55);
-}
-.wm-app .app-livelist:not(.On-Demand):not(.Scroll) .loading-data-msg > span {
-  position: absolute;
-  top: 50%;
-  left: 0;
-  width: 100%;
-}
-.wm-app .app-livelist:not(.On-Demand):not(.Scroll).None .loading-data-msg {
-  bottom: 0;
-}
-.wm-app .app-livelist:not(.On-Demand):not(.Scroll).Inline .loading-data-msg {
-  left: 0;
-  bottom: 0;
-  z-index: 1;
-}
-.wm-app .app-livelist.On-Demand .loading-data-msg,
-.wm-app .app-livelist.Scroll .loading-data-msg {
-  height: 4em;
-  display: table;
-  width: 100%;
-}
-.wm-app .app-livelist.On-Demand .loading-data-msg > span,
-.wm-app .app-livelist.Scroll .loading-data-msg > span {
-  display: table-cell;
-  height: 100%;
-  vertical-align: middle;
-}
-.wm-app .app-livelist.On-Demand .panel-footer {
-  padding: 0;
-}
 .wm-app .app-prefab {
   min-height: 1em;
   position: relative;
@@ -12492,9 +11552,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
   outline: 0;
 }
-.wm-app .app-grid .form-search .app-select {
-  width: auto;
-}
 .wm-app .app-grid[spacing="condensed"] .app-datagrid-actions .app-anchor {
   font-size: 13px;
 }
@@ -12614,10 +11671,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
 .wm-app .app-grid .app-datagrid .app-datagrid-cell.cell-editing {
   vertical-align: middle;
 }
-.wm-app .app-grid .app-datagrid .app-datagrid-cell.cell-editing .app-input-wrapper,
-.wm-app .app-grid .app-datagrid .app-datagrid-cell.cell-editing .app-select-wrapper {
-  display: block;
-}
 .wm-app .app-grid .app-datagrid .app-datagrid-cell.cell-editing:not(.checkbox-widget) .uib-timepicker input {
   border: 1px solid #e0e0e0;
 }
@@ -12812,11 +11865,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
 .wm-app .table-bordered {
   border-collapse: separate !important;
 }
-.wm-app .app-form .panel-body,
-.wm-app .app-livefilter .panel-body,
-.wm-app .app-liveform .panel-body {
-  padding: 12px;
-}
 .wm-app .nav > li .app-popover-wrapper a {
   position: relative;
   display: block;
@@ -12849,7 +11897,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   display: table-cell;
   vertical-align: top;
 }
-.wm-app .app-medialist .app-media-fullscreen .app-mobile-navbar .left-nav-btn,
 .wm-app .app-richtexteditor .locked.note-statusbar,
 .wm-app .wm-mobile-app .app-media-fullscreen .app-mobile-navbar .left-nav-btn {
   display: none;
@@ -12927,164 +11974,16 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   height: auto;
   text-align: right;
 }
-.wm-app .note-modal .note-modal-footer > button {
-  float: none;
-}
-.wm-app .app-medialist {
-  overflow: auto;
-}
-.wm-app .app-medialist .thumbnail {
-  width: 100%;
-  height: 100%;
-  text-align: center;
-  position: relative;
-}
-.wm-app .app-medialist .thumbnail .thumbnail-image {
-  max-width: 100%;
-  width: auto;
-  height: 100%;
-}
-.wm-app .app-medialist .thumbnail .thumbnail-image-template {
-  max-width: 100%;
-  width: 100%;
-  height: 100%;
-}
-.wm-app .app-medialist .thumbnail .thumbnail-details {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  text-align: left;
-}
-.wm-app .app-medialist .app-media-item {
-  text-align: left;
-  position: relative;
-}
-.wm-app .app-medialist .app-media-thumbnail {
-  z-index: 100;
-}
-.wm-app .app-medialist .app-media-fullscreen,
-.wm-app .wm-mobile-app .app-media-fullscreen {
-  z-index: 1000;
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-.wm-app .app-medialist .app-media-fullscreen .app-header + .app-content,
-.wm-app .wm-mobile-app .app-media-fullscreen .app-header + .app-content {
-  margin: 0;
-  ignore: a;
-  height: calc(100% - 36pt);
-}
-.wm-app .app-medialist .app-media-fullscreen .media-content,
-.wm-app .wm-mobile-app .app-media-fullscreen .media-content {
-  display: table;
-  width: 100%;
-  height: 100%;
-}
-.wm-app .app-medialist .app-media-fullscreen .image-container,
-.wm-app .wm-mobile-app .app-media-fullscreen .image-container {
-  display: table-cell;
-  vertical-align: middle;
-  text-align: center;
-}
-.wm-app .app-medialist .app-media-fullscreen .app-media-fullscreen-info-panel,
-.wm-app .wm-mobile-app .app-media-fullscreen .app-media-fullscreen-info-panel {
-  position: absolute;
-  top: 0;
-  font-size: 1.5em;
-  color: #fff;
-  text-align: center;
-  width: 100%;
-  padding: 10px;
-  background-color: rgba(74, 75, 76, 0.38);
-}
-.wm-app .app-medialist .app-media-fullscreen .app-media-fullscreen-info-panel .back-btn,
-.wm-app .wm-mobile-app .app-media-fullscreen .app-media-fullscreen-info-panel .back-btn {
-  font-size: 2em;
-}
-.wm-app .app-medialist .app-media-fullscreen .app-media-fullscreen-nav-control,
-.wm-app .wm-mobile-app .app-media-fullscreen .app-media-fullscreen-nav-control {
-  position: absolute;
-  top: 50%;
-  background-color: rgba(74, 75, 76, 0.38);
-  border-radius: 20pt;
-  margin: -15pt 10pt 0;
-  color: #fff;
-  font-size: 18pt;
-  width: 30pt;
-  height: 30pt;
-  text-align: center;
-}
-.wm-app .app-accordion,
-.wm-app .app-tabs.inverted > ul.nav:not(.nav-stacked) > li {
-  margin-bottom: 0;
-}
-.wm-app .app-medialist .app-media-fullscreen .app-media-fullscreen-nav-control:hover,
-.wm-app .wm-mobile-app .app-media-fullscreen .app-media-fullscreen-nav-control:hover {
-  background-color: rgba(0, 0, 0, 0.5);
-}
-.wm-app .app-medialist .app-media-fullscreen .app-media-fullscreen-nav-control.left,
-.wm-app .wm-mobile-app .app-media-fullscreen .app-media-fullscreen-nav-control.left {
-  left: 0;
-}
-.wm-app .app-medialist .app-media-fullscreen .app-media-fullscreen-nav-control.right,
-.wm-app .wm-mobile-app .app-media-fullscreen .app-media-fullscreen-nav-control.right {
-  right: 0;
-}
-.wm-app .app-medialist .app-media-fullscreen .app-media-fullscreen-nav-control i.wi,
-.wm-app .wm-mobile-app .app-media-fullscreen .app-media-fullscreen-nav-control i.wi {
-  text-decoration: none;
-}
-.wm-app .app-tile {
-  padding: 1em;
-  margin: 0;
-  position: relative;
-  display: inline-block;
-  width: 100%;
-  overflow: hidden;
-}
-.wm-app .app-accordion {
-  position: relative;
-}
-.wm-app .app-accordion .panel + .panel {
-  margin: 0;
-}
-.wm-app .app-accordion .app-accordion-panel,
-.wm-app .app-accordion .app-accordion-panel .panel-body,
-.wm-app .app-accordion .app-accordion-panel .panel-collapse {
-  position: relative;
-}
-.wm-app .app-accordion .app-accordion-panel > .panel-heading {
-  width: 100%;
-  position: relative;
-  cursor: pointer;
-}
-.wm-app .app-accordion .app-accordion-panel > .panel-heading .panel-title > a {
-  text-decoration: none;
-}
-.wm-app .app-accordion .app-accordion-panel > .panel-heading .panel-title .panel-icon {
-  margin-right: 0.5em;
-}
-.wm-app .app-accordion .app-accordion-panel > .panel-heading > .panel-actions {
-  float: right;
-  right: 0.25em;
-  top: 0.9em;
-  position: absolute;
-  margin-right: 0.2em;
-}
-.wm-app .app-accordion .app-accordion-panel > .panel-heading > .panel-actions .panel-action {
-  background: 0 0;
-  box-shadow: none;
-  border: none;
-  padding: 0;
-  margin-right: 0.25em;
-  outline: 0;
+.wm-app .note-modal .note-modal-footer > button {
+  float: none;
 }
-.wm-app .app-accordion .app-accordion-panel > .panel-heading > .panel-actions .label {
-  margin-right: 0.25em;
+.wm-app .app-tile {
+  padding: 1em;
+  margin: 0;
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  overflow: hidden;
 }
 .wm-app .app-tabs {
   position: relative;
@@ -13409,18 +12308,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
 .wm-app .app-livefilter .form-group .inline .radio {
   margin-top: 10px;
 }
-.wm-app .app-datetime.input-group-lg .form-control,
-.wm-app .app-timeinput.input-group-lg .form-control {
-  font-size: 16px;
-  line-height: 1.3333333;
-  border-radius: 0;
-}
-.wm-app .app-datetime.input-group-sm .form-control,
-.wm-app .app-timeinput.input-group-sm .form-control {
-  font-size: 11px;
-  line-height: 1.5;
-  border-radius: 0;
-}
 .wm-app .app-livefilter .form-control,
 .wm-app .app-liveform .form-control {
   border-radius: 0;
@@ -13440,11 +12327,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   border-radius: 0;
   border: 1px solid rgba(0, 0, 0, 0.1);
 }
-.wm-app .app-livefilter .app-currency .input-group-addon,
-.wm-app .app-liveform .app-currency .input-group-addon {
-  border-radius: 0;
-  border-right: 1px solid rgba(0, 0, 0, 0.1);
-}
 .wm-app .app-livefilter .app-switch .btn-group > .btn.btn-default,
 .wm-app .app-livefilter .app-switch .btn-group > .btn.btn-default.active,
 .wm-app .app-livefilter .app-switch .btn-group > .btn.btn-default:focus,
@@ -13515,11 +12397,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   margin-top: 10px;
   display: inline-block;
 }
-.wm-app .app-accordion-panel .panel-heading .panel-actions .panel-action i,
-.wm-app .app-card .panel-heading .panel-actions .panel-action i,
-.wm-app .app-panel .panel-heading .panel-actions .panel-action i {
-  font-style: normal;
-}
 .wm-app .app-global-progress-bar.modal {
   background: rgba(0, 0, 0, 0.5);
   display: table;
@@ -13561,80 +12438,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   z-index: 1060 !important;
   display: initial !important;
 }
-.wm-app .app-datetime .form-group input {
-  min-width: 45px;
-}
-.wm-app .app-datetime tbody .btn.btn-link {
-  padding-left: 15px;
-  padding-right: 15px;
-}
-.wm-app .app-datetime tbody .btn.btn-link span {
-  display: inline-block !important;
-}
-.wm-app .app-datetime tr td:first-child {
-  padding-left: 15px;
-}
-.wm-app .app-datetime tr td:last-child {
-  padding-right: 15px;
-}
-.wm-app .app-datetime.input-group .app-dateinput.form-control {
-  position: absolute;
-  z-index: -1 !important;
-  width: 1px;
-}
-.wm-app .app-datetime.dropdown-menu {
-  z-index: 2000 !important;
-}
-.wm-app .app-date .uib-datepicker-popup.dropdown-menu {
-  z-index: 2000;
-}
-.wm-app .app-date[disabled="disabled"] > .input-group-btn .btn-date {
-  opacity: 0.65;
-  cursor: not-allowed;
-}
-.wm-app .date-picker-modal.modal-dialog {
-  height: 100%;
-  padding: 0;
-  margin: 0;
-}
-.wm-app .date-picker-modal.modal-dialog-centered {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.wm-app .date-picker-modal > .modal-content {
-  border-radius: 8px;
-}
-.wm-app .date-picker-modal .modal-body {
-  text-align: center;
-  display: flex;
-  flex-direction: column;
-  min-width: 240pt;
-}
-.wm-app .date-picker-modal .modal-footer {
-  text-align: left;
-}
-.wm-app .date-picker-modal .bs-datepicker-body table td span.disabled {
-  background-color: transparent;
-  color: #ccc;
-  cursor: not-allowed;
-}
-.wm-app .date-picker-modal wm-pickergroup {
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.wm-app .app-datetime-picker .date-picker-value {
-  flex: 1;
-  font-weight: 700;
-  font-size: 12pt;
-  text-align: center;
-}
-.wm-app .app-datetime-picker .app-time-separator {
-  font-size: 24pt;
-  margin-top: 8pt;
-}
 .wm-app .app-picker-group {
   display: flex;
   flex-direction: row;
@@ -14667,101 +13470,12 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
 .wm-app .breadcrumb.path-based li.active a:hover {
   color: #21adf0;
 }
-.wm-app .app-checkboxset,
-.wm-app .app-radioset {
-  overflow: auto;
-}
-.wm-app .app-checkboxset .app-list-item-group .item-group,
-.wm-app .app-radioset .app-list-item-group .item-group {
-  display: block;
-}
-.wm-app .app-checkboxset .app-list-item-group .list-group-header,
-.wm-app .app-radioset .app-list-item-group .list-group-header {
-  list-style: none;
-  background-color: rgba(0, 0, 0, 0.1);
-}
-.wm-app .app-checkboxset .app-list-item-group .list-group-header.collapsible-content,
-.wm-app .app-radioset .app-list-item-group .list-group-header.collapsible-content {
-  cursor: pointer;
-}
-.wm-app .app-checkboxset .app-list-item-group .list-group-header h4,
-.wm-app .app-radioset .app-list-item-group .list-group-header h4 {
-  margin: 0;
-  padding-left: 1em;
-  padding-right: 1em;
-  line-height: 2.5em;
-  display: table;
-  width: 100%;
-}
-.wm-app .app-checkboxset .app-list-item-group .list-group-header h4 .header-action,
-.wm-app .app-radioset .app-list-item-group .list-group-header h4 .header-action {
-  display: table-cell;
-}
-.wm-app .app-checkboxset .app-list-item-group .list-group-header h4 .header-action i,
-.wm-app .app-checkboxset .app-list-item-group .list-group-header h4 .header-action span,
-.wm-app .app-radioset .app-list-item-group .list-group-header h4 .header-action i,
-.wm-app .app-radioset .app-list-item-group .list-group-header h4 .header-action span {
-  float: right;
-}
-.wm-app .app-checkboxset .app-list-item-group .list-group-header h4 .header-action i,
-.wm-app .app-radioset .app-list-item-group .list-group-header h4 .header-action i {
-  padding: 0 10px;
-}
-.wm-app .app-checkboxset li label,
-.wm-app .app-radioset li label {
-  vertical-align: middle;
-}
-.wm-app .app-checkboxset li input[type="checkbox"],
-.wm-app .app-checkboxset li input[type="radio"],
-.wm-app .app-radioset li input[type="checkbox"],
-.wm-app .app-radioset li input[type="radio"] {
-  position: relative;
-  margin-right: 0.5em;
-}
-.wm-app .app-checkboxset.inline.list-group,
-.wm-app .app-radioset.inline.list-group {
-  display: block;
-}
-.wm-app .app-checkboxset.inline li,
-.wm-app .app-radioset.inline li {
-  display: inline-block;
-  margin-right: 0;
-  vertical-align: middle;
-}
-.wm-app .app-checkboxset.inline .app-list-item-group,
-.wm-app .app-checkboxset.inline li.list-group-header,
-.wm-app .app-radioset.inline .app-list-item-group,
-.wm-app .app-radioset.inline li.list-group-header {
-  display: block;
-}
-.wm-app .app-checkboxset.inline li *,
-.wm-app .app-radioset.inline li * {
-  vertical-align: middle;
-}
 .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,
 .wm-app .app-linear-layout.app-linear-layout-direction-row.app-linear-layout-spacing-0 > .app-linear-layout-item {
   margin: 0;
 }
-.wm-app .app-checkboxset.inline .app-list-item-group .item-group,
-.wm-app .app-radioset.inline .app-list-item-group .item-group {
-  display: table;
-  width: 100%;
-}
-.wm-app .app-checkboxset.inline .app-list-item-group .item-group .list-group-header,
-.wm-app .app-radioset.inline .app-list-item-group .item-group .list-group-header {
-  display: table-row;
-}
-.wm-app .app-checkboxset.inline .app-list-item-group .item-group .group-list-item,
-.wm-app .app-radioset.inline .app-list-item-group .item-group .group-list-item {
-  display: table-cell;
-}
-.wm-app .checkbox label,
-.wm-app .radio label {
-  cursor: default;
-  width: auto;
-}
 .wm-app .app-linear-layout {
   display: flex;
   position: relative;
@@ -16122,241 +14836,15 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
 .wm-app .app-view .app-dialog {
   z-index: 1000;
 }
-.wm-app .app-view .app-dialog.app-page-dialog .app-dialog-body {
-  padding: 0;
-}
-.wm-app .app-view.canvas-active-widget {
-  z-index: 1015;
-}
-.wm-app .app-ng-transclude {
-  position: relative;
-  height: 100%;
-}
-.wm-app .app-panel {
-  position: relative;
-}
-.wm-app .app-panel .panel-body {
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-.wm-app .app-panel .panel-heading {
-  position: relative;
-  overflow: inherit;
-}
-.wm-app .app-panel .panel-heading .panel-icon,
-.wm-app .app-panel .panel-heading .panel-image-icon {
-  margin-right: 0.5em;
-}
-.wm-app .app-panel .panel-heading .panel-title {
-  display: table;
-  width: 100%;
-}
-.wm-app .app-panel .panel-heading .panel-title > a {
-  text-decoration: none;
-  display: table-cell;
-  vertical-align: top;
-}
-.wm-app .app-panel .panel-heading .panel-actions {
-  margin-right: 0.2em;
-  white-space: nowrap;
-  display: table-cell;
-  text-align: right;
-  vertical-align: top;
-}
-.wm-app .app-panel .panel-heading .panel-actions .app-menu .app-button,
-.wm-app .app-panel .panel-heading .panel-actions .panel-action {
-  color: inherit;
-  outline: 0;
-  background: 0 0;
-  box-shadow: none;
-  border: none;
-  padding: 0;
-  margin-left: 1em;
-}
-.wm-app .app-panel .panel-heading .panel-actions .app-menu .app-button .app-anchor,
-.wm-app .app-panel .panel-heading .panel-actions .panel-action .app-anchor {
-  color: inherit;
-  text-decoration: none;
-}
-.wm-app .app-panel .panel-heading .panel-actions .app-menu .app-button a:hover,
-.wm-app .app-panel .panel-heading .panel-actions .panel-action a:hover {
-  text-decoration: none;
-}
-.wm-app .app-panel .panel-heading .panel-actions .app-menu .app-button .app-anchor > .caret,
-.wm-app .app-panel .panel-heading .panel-actions .panel-action .app-anchor > .caret {
-  display: none;
-}
-.wm-app .app-panel .panel-heading .panel-actions .label {
-  margin-right: 0.25em;
-}
-.wm-app .app-panel .panel-content {
-  height: 100%;
-  position: relative;
-}
-.wm-app .app-panel .panel-help-message {
-  overflow: auto;
-  display: none;
-  background: #fffed0;
-  border-left: 1px #ddd solid;
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 20%;
-  height: 100%;
-  z-index: 1000;
-  min-width: 100px;
-}
-.wm-app .app-panel .panel-help-message .panel-help-header {
-  background: #eee;
-  border-bottom: 1px #ddd solid;
-  padding: 0.5em;
-  margin: 0;
-}
-.wm-app .app-panel .panel-help-message .panel-help-content {
-  padding: 0.5em;
-}
-.wm-app .app-panel.show-help .panel-heading.show-help .panel-actions .glyphicon-question-sign {
-  color: #333;
-}
-.wm-app .app-panel.show-help .panel-content .panel-body.show-help {
-  width: 79%;
-}
-.wm-app .app-panel.show-help .panel-content .panel-help-message.show-help {
-  display: block;
-}
-.wm-app .app-panel.fullscreen {
-  position: fixed;
-  z-index: 1049;
-  left: 0.2em;
-  right: 0.2em;
-  top: 0.2em;
-  bottom: 0.2em;
-  margin: 0 !important;
-}
-.wm-app .app-panel.fullscreen .panel-content {
-  overflow: auto;
-}
-.wm-app .app-panel.fullscreen .app-panel-footer {
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-.wm-app .app-dialog .app-panel.fullscreen {
-  height: 95vh;
-}
-.wm-app .app-panel-footer {
-  position: relative;
-}
-.wm-app .app-panel[enablefullscreen="true"]:not(.fullscreen) .color-picker {
-  position: absolute !important;
-}
-.wm-app .app-card {
-  position: relative;
-}
-.wm-app .app-card.card {
-  margin-bottom: 1em;
-  margin-left: 0.5em;
-  margin-right: 0.5em;
-  background-color: #fff;
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  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);
-}
-.wm-app .app-card.card .app-label:not(.text-muted) {
-  color: inherit;
-}
-.wm-app .app-card.card .app-card-header {
-  display: table;
-  width: 100%;
-  padding: 0.75em 0.5em;
-  background-color: rgba(0, 0, 0, 0.05);
-}
-.wm-app .app-card.card .app-card-header .app-card-avatar {
-  display: table-cell;
-  height: 32pt;
-  width: 32pt;
-  text-align: center;
-  vertical-align: top;
-  padding-top: 0.75rem;
-}
-.wm-app .app-card.card .app-card-header .app-card-avatar img {
-  width: 24pt;
-  height: 24pt;
-}
-.wm-app .app-card.card .app-card-header .app-card-avatar .app-icon {
-  font-size: 30pt;
-}
-.wm-app .app-card.card .app-card-header .app-card-header-text {
-  display: table-cell;
-  vertical-align: top;
-  padding-left: 0.5em;
-  padding-top: 0.75rem;
-}
-.wm-app .app-card.card .app-card-header .panel-actions .panel-action > .app-anchor > .app-icon {
-  top: 3px;
-}
-.wm-app .app-card.card .card-heading {
-  font-size: 1.2em;
-  letter-spacing: 0.005em;
-  margin: 0;
-}
-.wm-app .app-card.card .card-subheading {
-  font-size: 1em;
-  letter-spacing: 0.01em;
-  margin: 0;
-}
-.wm-app .app-card.card .app-card-image {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  overflow: hidden;
-  text-align: center;
-  background-color: rgba(0, 0, 0, 0.3);
-}
-.wm-app .app-card.card .app-card-image img {
-  position: relative;
-  width: 100%;
-}
-.wm-app .app-card.card .app-card-image .card-image-headline {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  padding: 0 1.25rem;
-  color: #fff;
-  font-size: 1.5em;
-}
-.wm-app .app-card.card .app-card-content {
-  position: relative;
-  padding: 1em;
-}
-.wm-app .app-card.card .app-card-actions {
-  position: relative;
-  padding: 0.5rem 1.25rem;
-}
-.wm-app .app-card.card .app-card-actions .btn {
-  padding-left: 8px;
-  padding-right: 8px;
-}
-.wm-app .app-card.card .app-card-actions .app-icon {
-  font-size: 18pt;
-  vertical-align: middle;
-}
-.wm-app .app-card.card .app-card-footer {
-  position: relative;
-  padding: 0.5rem 1.25rem;
-  border-top: 1px solid rgba(0, 0, 0, 0.1);
+.wm-app .app-view .app-dialog.app-page-dialog .app-dialog-body {
+  padding: 0;
 }
-.wm-app .app-card.card .card-title {
-  margin-bottom: 0.75rem;
-  font-size: 1.2em;
-  width: 100%;
-  font-weight: 700;
+.wm-app .app-view.canvas-active-widget {
+  z-index: 1015;
 }
-.wm-app .app-card.card .card-text {
-  margin-bottom: 1rem;
-  font-size: 1em;
-  width: 100%;
+.wm-app .app-ng-transclude {
+  position: relative;
+  height: 100%;
 }
 .wm-app .app-wizard {
   position: relative;
@@ -16699,193 +15187,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   border-color: #e6e6e6;
   color: #61656b;
 }
-.wm-app .app-device-liveform input:focus.ng-invalid,
-.wm-app .app-form input:focus.ng-invalid,
-.wm-app .app-livefilter input:focus.ng-invalid,
-.wm-app .app-liveform input:focus.ng-invalid,
-.wm-app .app-livelist input:focus.ng-invalid,
-.wm-app .live-field .ng-touched.ng-invalid .form-control {
-  border-color: #dc143c;
-}
-.wm-app .spin-icon-in-center {
-  margin-left: 45%;
-  padding: 10px;
-}
-.wm-app .app-device-liveform,
-.wm-app .app-form,
-.wm-app .app-livefilter,
-.wm-app .app-liveform,
-.wm-app .app-livelist {
-  position: relative;
-  border-collapse: separate;
-}
-.wm-app .app-device-liveform > .panel-body,
-.wm-app .app-form > .panel-body,
-.wm-app .app-livefilter > .panel-body,
-.wm-app .app-liveform > .panel-body,
-.wm-app .app-livelist > .panel-body {
-  padding: 4px 4px 0;
-}
-.wm-app .app-device-liveform .app-label,
-.wm-app .app-form .app-label,
-.wm-app .app-livefilter .app-label,
-.wm-app .app-liveform .app-label,
-.wm-app .app-livelist .app-label {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-break: break-word;
-}
-.wm-app .app-device-liveform .file-readonly,
-.wm-app .app-form .file-readonly,
-.wm-app .app-livefilter .file-readonly,
-.wm-app .app-liveform .file-readonly,
-.wm-app .app-livelist .file-readonly {
-  pointer-events: none;
-}
-.wm-app .app-device-liveform .form-action,
-.wm-app .app-form .form-action,
-.wm-app .app-livefilter .form-action,
-.wm-app .app-liveform .form-action,
-.wm-app .app-livelist .form-action {
-  text-align: right;
-  width: 100%;
-  float: none;
-  display: block;
-  padding: 4px 12px;
-  box-shadow: none;
-}
-.wm-app .app-device-liveform .form-action .app-anchor,
-.wm-app .app-device-liveform .form-action .btn,
-.wm-app .app-form .form-action .app-anchor,
-.wm-app .app-form .form-action .btn,
-.wm-app .app-livefilter .form-action .app-anchor,
-.wm-app .app-livefilter .form-action .btn,
-.wm-app .app-liveform .form-action .app-anchor,
-.wm-app .app-liveform .form-action .btn,
-.wm-app .app-livelist .form-action .app-anchor,
-.wm-app .app-livelist .form-action .btn {
-  margin: 0 0 0 4px;
-  float: none;
-  border-radius: 4px;
-}
-.wm-app .app-device-liveform .app-checkboxset,
-.wm-app .app-device-liveform .app-radioset,
-.wm-app .app-form .app-checkboxset,
-.wm-app .app-form .app-radioset,
-.wm-app .app-livefilter .app-checkboxset,
-.wm-app .app-livefilter .app-radioset,
-.wm-app .app-liveform .app-checkboxset,
-.wm-app .app-liveform .app-radioset,
-.wm-app .app-tile.panel,
-.wm-app .navbar {
-  margin-bottom: 0;
-}
-.wm-app .app-device-liveform .control-label,
-.wm-app .app-form .control-label,
-.wm-app .app-livefilter .control-label,
-.wm-app .app-liveform .control-label,
-.wm-app .app-livelist .control-label {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-wrap: break-word;
-  padding-top: 7px;
-}
-.wm-app .app-device-liveform .form-control-static,
-.wm-app .app-form .form-control-static,
-.wm-app .app-livefilter .form-control-static,
-.wm-app .app-liveform .form-control-static,
-.wm-app .app-livelist .form-control-static {
-  font-weight: 400;
-  padding: 8px 12px 0;
-}
-.wm-app .app-device-liveform .ng-hide-animate,
-.wm-app .app-form .ng-hide-animate,
-.wm-app .app-livefilter .ng-hide-animate,
-.wm-app .app-liveform .ng-hide-animate,
-.wm-app .app-livelist .ng-hide-animate {
-  display: none !important;
-}
-.wm-app .app-device-liveform .app-message .close,
-.wm-app .app-form .app-message .close,
-.wm-app .app-livefilter .app-message .close,
-.wm-app .app-liveform .app-message .close,
-.wm-app .app-livelist .app-message .close {
-  font-size: 16px;
-}
-.wm-app .app-device-liveform .app-message.form-inline label,
-.wm-app .app-form .app-message.form-inline label,
-.wm-app .app-livefilter .app-message.form-inline label,
-.wm-app .app-liveform .app-message.form-inline label,
-.wm-app .app-livelist .app-message.form-inline label {
-  float: none;
-  width: auto;
-}
-.wm-app .app-device-liveform .full-width,
-.wm-app .app-form .full-width,
-.wm-app .app-livefilter .full-width,
-.wm-app .app-liveform .full-width,
-.wm-app .app-livelist .full-width {
-  width: 100%;
-}
-.wm-app .app-device-liveform .full-height,
-.wm-app .app-form .full-height,
-.wm-app .app-livefilter .full-height,
-.wm-app .app-liveform .full-height,
-.wm-app .app-livelist .full-height {
-  height: 100%;
-}
-.wm-app .app-carousel,
-.wm-app .app-carousel carousel {
-  height: inherit;
-}
-.wm-app .app-device-liveform.align-right .app-label,
-.wm-app .app-form.align-right .app-label,
-.wm-app .app-livefilter.align-right .app-label,
-.wm-app .app-liveform.align-right .app-label {
-  text-align: right;
-}
-.wm-app .app-device-liveform.align-center .app-blob-upload,
-.wm-app .app-device-liveform.align-center .input-group,
-.wm-app .app-form.align-center .app-blob-upload,
-.wm-app .app-form.align-center .input-group,
-.wm-app .app-livefilter.align-center .app-blob-upload,
-.wm-app .app-livefilter.align-center .input-group,
-.wm-app .app-liveform.align-center .app-blob-upload,
-.wm-app .app-liveform.align-center .input-group {
-  display: inline-table;
-}
-.wm-app .app-device-liveform .ng-hide-add,
-.wm-app .app-device-liveform .ng-hide-remove,
-.wm-app .app-form .ng-hide-add,
-.wm-app .app-form .ng-hide-remove,
-.wm-app .app-livefilter .ng-hide-add,
-.wm-app .app-livefilter .ng-hide-remove,
-.wm-app .app-liveform .ng-hide-add,
-.wm-app .app-liveform .ng-hide-remove {
-  transition: 0s linear all;
-}
-.wm-app .app-liveform-dialog .app-dialog-body {
-  padding: 0;
-}
-.wm-app [captionposition="top"] .control-label {
-  width: 100%;
-}
-.wm-app .app-search .app-textbox.ng-hide-animate {
-  display: none !important;
-}
-.wm-app .app-checkbox {
-  width: auto;
-}
-.wm-app .live-field .app-search {
-  width: 75%;
-}
-.wm-app .live-field.form-group .app-blob-upload {
-  opacity: 1;
-  position: relative;
-}
-.wm-app .live-field.form-group .form-field-spinner {
-  left: 75%;
-}
 @-webkit-keyframes toAndFro {
   0%,
   100% {
@@ -17363,25 +15664,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
 .wm-app .app-navbar .app-nav-item a .badge {
   top: 0;
 }
-.wm-app .app-livelist.panel {
-  margin-bottom: 0;
-}
-.wm-app .app-toggle.checkbox {
-  margin-top: 0;
-  display: inline-block;
-}
-.wm-app .checkbox.col-md-push-3,
-.wm-app .radio.col-md-push-3 {
-  max-width: 75%;
-}
-.wm-app .form-group .checkbox + .checkbox,
-.wm-app .form-group .radio + .radio {
-  margin-top: 10px;
-}
-.wm-app .checkbox + .list-group-item.checkbox,
-.wm-app .radio + .list-group-item.radio {
-  margin-top: 0;
-}
 .wm-app .inline {
   display: inline;
 }
@@ -17427,13 +15709,6 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   box-shadow: none !important;
   border: 0 !important;
 }
-.wm-app .app-livelist .media-body {
-  overflow: inherit;
-}
-.wm-app .panel-heading .description:not(:empty) {
-  font-size: 0.75em;
-  margin-top: 5px;
-}
 .wm-app .smoothscroll-wrapper {
   overflow: hidden !important;
 }
@@ -17441,27 +15716,10 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   position: absolute;
   width: 100%;
 }
-.wm-app .panel-collapse.collapse.in .smoothscroll-container,
-.wm-app .tab-body .smoothscroll-container {
-  position: relative;
-}
 .wm-app .ng-animate.item:not(.left):not(.right) {
   -webkit-transition: 0s ease-in-out left;
   transition: 0s ease-in-out left;
 }
-.wm-app .uib-datepicker .uib-title,
-.wm-app .uib-datepicker > table,
-.wm-app .uib-daypicker > table,
-.wm-app .uib-monthpicker > table,
-.wm-app .uib-yearpicker > table {
-  width: 100%;
-}
-.wm-app .uib-button-bar {
-  padding: 10px 9px 2px;
-}
-.wm-app .uib-time input {
-  width: 50px;
-}
 .wm-app .wms-caption-position-floating:after {
   margin: 10px;
   border: 1.5px solid #222;
@@ -17634,7 +15892,9 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   border-bottom-left-radius: var(--wm-button-group-vertical-radius);
   border-bottom-right-radius: var(--wm-button-group-vertical-radius);
 }
-.wm-app .btn {
+.wm-app .btn,
+.wm-app button {
+  position: relative;
   font-size: var(--wm-btn-font-size);
   font-family: var(--wm-btn-font-family);
   font-weight: var(--wm-btn-font-weight);
@@ -17655,31 +15915,40 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   gap: var(--wm-btn-gap);
   cursor: pointer;
 }
-.wm-app .btn + .btn {
+.wm-app .btn + .btn,
+.wm-app button + .btn {
   margin-left: var(--wm-space-3);
 }
-.wm-app .btn .app-icon {
+.wm-app .btn .app-icon,
+.wm-app button .app-icon {
   padding: 0;
 }
-.wm-app .btn .btn-caption {
+.wm-app .btn .btn-caption,
+.wm-app button .btn-caption {
   margin: 0;
 }
-.wm-app .btn .btn-caption:empty {
+.wm-app .btn .btn-caption:empty,
+.wm-app button .btn-caption:empty {
   display: none;
 }
-.wm-app .btn[iconposition="right"] .btn-caption {
+.wm-app .btn[iconposition="right"] .btn-caption,
+.wm-app button[iconposition="right"] .btn-caption {
   margin: 0 !important;
 }
-.wm-app .btn[iconposition="top"] {
+.wm-app .btn[iconposition="top"],
+.wm-app button[iconposition="top"] {
   flex-direction: column;
 }
-.wm-app .btn[iconposition="top"] .button-image-icon + .btn-caption {
+.wm-app .btn[iconposition="top"] .button-image-icon + .btn-caption,
+.wm-app button[iconposition="top"] .button-image-icon + .btn-caption {
   margin-top: var(--wm-space-1);
 }
-.wm-app .btn-fab {
+.wm-app .btn-fab,
+.wm-app button-fab {
   min-width: auto;
 }
-.wm-app .btn-xs {
+.wm-app .btn-xs,
+.wm-app button-xs {
   --wm-btn-font-size: var(--wm-btn-xs-font-size);
   --wm-btn-font-family: var(--wm-btn-xs-font-family);
   --wm-btn-font-weight: var(--wm-btn-xs-font-weight);
@@ -17691,7 +15960,8 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   --wm-btn-height: var(--wm-btn-xs-height);
   --wm-btn-gap: var(--wm-btn-xs-gap);
 }
-.wm-app .btn-sm {
+.wm-app .btn-sm,
+.wm-app button-sm {
   --wm-btn-font-size: var(--wm-btn-sm-font-size);
   --wm-btn-font-family: var(--wm-btn-sm-font-family);
   --wm-btn-font-weight: var(--wm-btn-sm-font-weight);
@@ -17703,7 +15973,8 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   --wm-btn-height: var(--wm-btn-sm-height);
   --wm-btn-gap: var(--wm-btn-sm-gap);
 }
-.wm-app .btn-lg {
+.wm-app .btn-lg,
+.wm-app button-lg {
   --wm-btn-font-size: var(--wm-btn-lg-font-size);
   --wm-btn-font-family: var(--wm-btn-lg-font-family);
   --wm-btn-font-weight: var(--wm-btn-lg-font-weight);
@@ -17715,13 +15986,16 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   --wm-btn-height: var(--wm-btn-lg-height);
   --wm-btn-gap: var(--wm-btn-lg-gap);
 }
-.wm-app .btn-block {
+.wm-app .btn-block,
+.wm-app button-block {
   width: 100%;
 }
-.wm-app .btn-block + .btn.btn-block {
+.wm-app .btn-block + .btn.btn-block,
+.wm-app button-block + .btn.btn-block {
   margin-top: 0;
 }
-.wm-app .btn:before {
+.wm-app .btn:before,
+.wm-app button:before {
   content: "";
   top: 0;
   left: 0;
@@ -17733,137 +16007,153 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   opacity: 0;
   background: var(--wm-btn-state-layer-color);
 }
-.wm-app .btn:hover,
-.wm-app .btn:focus,
-.wm-app .btn.focus {
-  color: var(--wm-btn-color);
-  background: var(--wm-btn-background);
-  border-color: var(--wm-btn-border-color);
-}
 .wm-app .btn:hover::before,
-.wm-app .btn:focus::before,
-.wm-app .btn.focus::before {
+.wm-app button:hover::before,
+.wm-app .btn.hover::before,
+.wm-app button.hover::before {
   opacity: var(--wm-btn-hover-state-layer-opacity);
 }
-.wm-app .btn:active,
-.wm-app .btn:active:focus,
-.wm-app .btn:active:hover,
-.wm-app .btn:active.focus {
-  color: var(--wm-btn-color);
-  background: var(--wm-btn-background);
-  border-color: var(--wm-btn-border-color);
-  box-shadow: none;
+.wm-app .btn:focus::before,
+.wm-app button:focus::before,
+.wm-app .btn.focus::before,
+.wm-app button.focus::before {
+  opacity: var(--wm-btn-focus-state-layer-opacity);
 }
 .wm-app .btn:active::before,
+.wm-app button:active::before,
 .wm-app .btn:active:focus::before,
+.wm-app button:active:focus::before,
 .wm-app .btn:active:hover::before,
-.wm-app .btn:active.focus::before {
-  opacity: var(--wm-btn-pressed-state-layer-opacity);
+.wm-app button:active:hover::before,
+.wm-app .btn:active.focus::before,
+.wm-app button:active.focus::before {
+  opacity: var(--wm-btn-active-state-layer-opacity);
 }
-.wm-app .btn-default {
+.wm-app .btn-default,
+.wm-app button-default {
   --wm-btn-color: var(--wm-btn-default-color);
   --wm-btn-background: var(--wm-btn-default-background);
   --wm-btn-border-color: var(--wm-btn-default-border-color);
   --wm-btn-state-layer-color: var(--wm-btn-default-state-layer-color);
 }
-.wm-app .btn-default.btn-outlined {
+.wm-app .btn-default.btn-outlined,
+.wm-app button-default.btn-outlined {
   --wm-btn-color: var(--wm-btn-default-outlined-color);
   --wm-btn-background: var(--wm-btn-default-outlined-background);
   --wm-btn-border-color: var(--wm-btn-default-outlined-border-color);
   --wm-btn-state-layer-color: var(--wm-btn-default-outlined-state-layer-color);
 }
-.wm-app .btn-primary {
+.wm-app .btn-primary,
+.wm-app button-primary {
   --wm-btn-color: var(--wm-btn-primary-color);
   --wm-btn-background: var(--wm-btn-primary-background);
   --wm-btn-border-color: var(--wm-btn-primary-border-color);
   --wm-btn-state-layer-color: var(--wm-btn-primary-state-layer-color);
 }
-.wm-app .btn-primary.btn-outlined {
+.wm-app .btn-primary.btn-outlined,
+.wm-app button-primary.btn-outlined {
   --wm-btn-color: var(--wm-btn-primary-outlined-color);
   --wm-btn-background: var(--wm-btn-primary-outlined-background);
   --wm-btn-border-color: var(--wm-btn-primary-outlined-border-color);
   --wm-btn-state-layer-color: var(--wm-btn-primary-outlined-state-layer-color);
 }
-.wm-app .btn-secondary {
+.wm-app .btn-secondary,
+.wm-app button-secondary {
   --wm-btn-color: var(--wm-btn-secondary-color);
   --wm-btn-background: var(--wm-btn-secondary-background);
   --wm-btn-border-color: var(--wm-btn-secondary-border-color);
   --wm-btn-state-layer-color: var(--wm-btn-secondary-state-layer-color);
 }
-.wm-app .btn-secondary.btn-outlined {
+.wm-app .btn-secondary.btn-outlined,
+.wm-app button-secondary.btn-outlined {
   --wm-btn-color: var(--wm-btn-secondary-outlined-color);
   --wm-btn-background: var(--wm-btn-secondary-outlined-background);
   --wm-btn-border-color: var(--wm-btn-secondary-outlined-border-color);
   --wm-btn-state-layer-color: var(--wm-btn-secondary-outlined-state-layer-color);
 }
-.wm-app .btn-success {
+.wm-app .btn-success,
+.wm-app button-success {
   --wm-btn-color: var(--wm-btn-success-color);
   --wm-btn-background: var(--wm-btn-success-background);
   --wm-btn-border-color: var(--wm-btn-success-border-color);
   --wm-btn-state-layer-color: var(--wm-btn-success-state-layer-color);
 }
-.wm-app .btn-success.btn-outlined {
+.wm-app .btn-success.btn-outlined,
+.wm-app button-success.btn-outlined {
   --wm-btn-color: var(--wm-btn-success-outlined-color);
   --wm-btn-background: var(--wm-btn-success-outlined-background);
   --wm-btn-border-color: var(--wm-btn-success-outlined-border-color);
   --wm-btn-state-layer-color: var(--wm-btn-success-outlined-state-layer-color);
 }
-.wm-app .btn-info {
+.wm-app .btn-info,
+.wm-app button-info {
   --wm-btn-color: var(--wm-btn-info-color);
   --wm-btn-background: var(--wm-btn-info-background);
   --wm-btn-border-color: var(--wm-btn-info-border-color);
   --wm-btn-state-layer-color: var(--wm-btn-info-state-layer-color);
 }
-.wm-app .btn-info.btn-outlined {
+.wm-app .btn-info.btn-outlined,
+.wm-app button-info.btn-outlined {
   --wm-btn-color: var(--wm-btn-info-outlined-color);
   --wm-btn-background: var(--wm-btn-info-outlined-background);
   --wm-btn-border-color: var(--wm-btn-info-outlined-border-color);
   --wm-btn-state-layer-color: var(--wm-btn-info-outlined-state-layer-color);
 }
-.wm-app .btn-warning {
+.wm-app .btn-warning,
+.wm-app button-warning {
   --wm-btn-color: var(--wm-btn-warning-color);
   --wm-btn-background: var(--wm-btn-warning-background);
   --wm-btn-border-color: var(--wm-btn-warning-border-color);
   --wm-btn-state-layer-color: var(--wm-btn-warning-state-layer-color);
 }
-.wm-app .btn-warning.btn-outlined {
+.wm-app .btn-warning.btn-outlined,
+.wm-app button-warning.btn-outlined {
   --wm-btn-color: var(--wm-btn-warning-outlined-color);
   --wm-btn-background: var(--wm-btn-warning-outlined-background);
   --wm-btn-border-color: var(--wm-btn-warning-outlined-border-color);
   --wm-btn-state-layer-color: var(--wm-btn-warning-outlined-state-layer-color);
 }
-.wm-app .btn-danger {
+.wm-app .btn-danger,
+.wm-app button-danger {
   --wm-btn-color: var(--wm-btn-danger-color);
   --wm-btn-background: var(--wm-btn-danger-background);
   --wm-btn-border-color: var(--wm-btn-danger-border-color);
   --wm-btn-state-layer-color: var(--wm-btn-danger-state-layer-color);
 }
-.wm-app .btn-danger.btn-outlined {
+.wm-app .btn-danger.btn-outlined,
+.wm-app button-danger.btn-outlined {
   --wm-btn-color: var(--wm-btn-danger-outlined-color);
   --wm-btn-background: var(--wm-btn-danger-outlined-background);
   --wm-btn-border-color: var(--wm-btn-danger-outlined-border-color);
   --wm-btn-state-layer-color: var(--wm-btn-danger-outlined-state-layer-color);
 }
-.wm-app .btn-text {
+.wm-app .btn-text,
+.wm-app button-text {
   --wm-btn-color: var(--wm-btn-background);
   background: none !important;
   border: none !important;
   --wm-btn-state-layer-color: var(--wm-btn-background);
 }
-.wm-app .btn-elevated {
+.wm-app .btn-elevated,
+.wm-app button-elevated {
   box-shadow: var(--wm-btn-elevated);
 }
-.wm-app .btn-elevated:hover {
+.wm-app .btn-elevated:hover,
+.wm-app button-elevated:hover {
   box-shadow: var(--wm-btn-elevated-hover);
 }
-.wm-app .btn-elevated:focus {
+.wm-app .btn-elevated:focus,
+.wm-app button-elevated:focus {
   box-shadow: var(--wm-btn-elevated-focus);
 }
-.wm-app .btn-elevated:active {
+.wm-app .btn-elevated:active,
+.wm-app button-elevated:active {
   box-shadow: var(--wm-btn-elevated-active);
 }
 .wm-app .btn.disabled,
-.wm-app .btn[disabled] {
+.wm-app button.disabled,
+.wm-app .btn[disabled],
+.wm-app button[disabled] {
   opacity: 1;
   box-shadow: none;
   --wm-btn-color: var(--wm-color-dark-grey-200);
@@ -17872,27 +16162,47 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   cursor: var(--wm-btn-cursor-disabled);
 }
 .wm-app .btn.disabled:hover,
+.wm-app button.disabled:hover,
 .wm-app .btn[disabled]:hover,
+.wm-app button[disabled]:hover,
+.wm-app .btn.disabled.hover,
+.wm-app button.disabled.hover,
+.wm-app .btn[disabled].hover,
+.wm-app button[disabled].hover,
 .wm-app .btn.disabled:focus,
+.wm-app button.disabled:focus,
 .wm-app .btn[disabled]:focus,
+.wm-app button[disabled]:focus,
 .wm-app .btn.disabled.focus,
+.wm-app button.disabled.focus,
 .wm-app .btn[disabled].focus,
+.wm-app button[disabled].focus,
 .wm-app .btn.disabled:active,
+.wm-app button.disabled:active,
 .wm-app .btn[disabled]:active,
+.wm-app button[disabled]:active,
 .wm-app .btn.disabled:active:focus,
+.wm-app button.disabled:active:focus,
 .wm-app .btn[disabled]:active:focus,
+.wm-app button[disabled]:active:focus,
 .wm-app .btn.disabled:active:hover,
+.wm-app button.disabled:active:hover,
 .wm-app .btn[disabled]:active:hover,
+.wm-app button[disabled]:active:hover,
 .wm-app .btn.disabled:active.focus,
-.wm-app .btn[disabled]:active.focus {
+.wm-app button.disabled:active.focus,
+.wm-app .btn[disabled]:active.focus,
+.wm-app button[disabled]:active.focus {
   --wm-btn-color: var(--wm-color-dark-grey-200);
   --wm-btn-background: var(--wm-color-mid-grey-100);
   --wm-btn-border-color: var(--wm-btn-background);
-  background-color: var(--wm-btn-background);
+  background: var(--wm-btn-background);
   border-color: var(--wm-btn-border-color);
 }
 .wm-app .btn.disabled::before,
-.wm-app .btn[disabled]::before {
+.wm-app button.disabled::before,
+.wm-app .btn[disabled]::before,
+.wm-app button[disabled]::before {
   display: none;
 }
 .wm-app .app-checkbox {
@@ -18045,6 +16355,9 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   width: 100%;
   position: relative;
 }
+.wm-app .app-colorpicker.input-group .form-control {
+  padding-right: calc(var(--wm-form-control-padding) + 48px);
+}
 .wm-app .app-colorpicker.input-group .input-group-addon.colorpicker-container {
   display: inline-flex;
   align-items: center;
@@ -18092,6 +16405,20 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
 .wm-app .app-composite-widget:has([disabled="true"]) * {
   pointer-events: none;
 }
+.wm-app .app-composite-widget:not(.caption-top, .caption-floating):has(.app-textarea) {
+  align-items: flex-start;
+}
+.wm-app .app-composite-widget:not(.caption-top, .caption-floating):has(.app-textarea) .control-label {
+  margin-top: var(--wm-form-control-padding);
+}
+.wm-app .app-composite-widget:not(.caption-top, .caption-floating):has(.app-textarea).caption-left,
+.wm-app .app-composite-widget:not(.caption-top, .caption-floating):has(.app-textarea).caption-right {
+  align-items: flex-start;
+}
+.wm-app .app-composite-widget:not(.caption-top, .caption-floating):has(.app-textarea).caption-left .control-label,
+.wm-app .app-composite-widget:not(.caption-top, .caption-floating):has(.app-textarea).caption-right .control-label {
+  margin-top: var(--wm-form-control-padding);
+}
 .wm-app .app-composite-widget.caption-left {
   flex-direction: row;
   align-items: center;
@@ -18156,6 +16483,29 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   background: var(--wm-color-surface);
   z-index: -1;
 }
+.wm-app .app-composite-widget.caption-floating:has(.app-currency) .control-label {
+  padding: 2px 4px;
+  top: -10px;
+  left: calc(var(--wm-form-control-padding) - 4px);
+  width: auto;
+  height: auto;
+  --wm-caption-font-family: var(--wm-body-small-font-family);
+  --wm-caption-font-size: var(--wm-body-small-font-size);
+  --wm-caption-font-weight: var(--wm-body-small-font-weight);
+  --wm-caption-line-height: var(--wm-body-small-line-height);
+  --wm-caption-letter-spacing: var(--wm-body-small-letter-spacing);
+  transform: none;
+}
+.wm-app .app-composite-widget.caption-floating:has(.app-currency) .control-label:before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: var(--wm-color-surface);
+  z-index: -1;
+}
 .wm-app .control-label {
   font-size: var(--wm-caption-font-size);
   font-weight: var(--wm-caption-font-weight);
@@ -18178,10 +16528,12 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   border-radius: var(--wm-form-control-radius);
   height: var(--wm-form-control-height);
   width: 100%;
-  padding: 0 var(--wm-form-control-padding);
+  padding: var(--wm-form-control-padding);
+  font-family: var(--wm-form-control-font-family);
   font-size: var(--wm-form-control-font-size);
   font-weight: var(--wm-form-control-font-weight);
   line-height: var(--wm-form-control-line-height);
+  letter-spacing: var(--wm-form-control-letter-spacing);
 }
 .wm-app .form-control::-moz-placeholder {
   color: var(--wm-input-place-holder);
@@ -18207,11 +16559,57 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   border-color: var(--wm-form-control-border-color-focus);
   box-shadow: inset 0 0 0 1px var(--wm-form-control-border-color-focus);
 }
+.wm-app .app-input-wrapper {
+  display: flex;
+  flex-direction: column;
+}
+.wm-app .input-group {
+  position: relative;
+}
+.wm-app .input-group .input-group-btn {
+  position: absolute;
+  top: var(--wm-space-2);
+  right: var(--wm-space-1);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--wm-space-1);
+}
+.wm-app .input-group .input-group-btn .btn {
+  width: var(--wm-input-group-btn-width);
+  height: var(--wm-input-group-btn-height);
+  border-radius: var(--wm-input-group-btn-border-radius);
+  padding: 0;
+  border: none;
+  background: none;
+}
+.wm-app .input-group .input-group-btn .btn .app-icon {
+  font-size: var(--wm-input-group-btn-font-size);
+  width: var(--wm-input-group-btn-font-size);
+  height: var(--wm-input-group-btn-font-size);
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+}
+.wm-app .input-group .input-group-btn .btn + .btn {
+  margin: 0;
+}
+.wm-app .input-group .form-control {
+  padding-right: calc(var(--wm-input-group-btn-width) + var(--wm-space-4));
+}
+.wm-app .input-group.app-datetime .form-control {
+  padding-right: calc(var(--wm-input-group-btn-width) * 2.4);
+}
 .wm-app .help-block {
   color: var(--wm-help-block-color);
+  font-family: var(--wm-help-block-font-family);
   font-size: var(--wm-help-block-font-size);
   font-weight: var(--wm-help-block-font-weight);
   line-height: var(--wm-help-block-line-height);
+  letter-spacing: var(--wm-help-block-letter-spacing);
+}
+.wm-app .help-block:not(:empty) {
+  margin-top: var(--wm-space-1);
 }
 .wm-app .app-container {
   position: relative;
@@ -18226,6 +16624,189 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
 .wm-app .app-currency {
   position: relative;
 }
+.wm-app .app-currency.input-group .input-group-addon {
+  width: var(--wm-currency-inputgroup-addon-width);
+  height: calc(100% - 2px);
+  position: absolute;
+  top: 1px;
+  left: 1px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-family: var(--wm-currency-inputgroup-addon-font-family);
+  font-size: var(--wm-currency-inputgroup-addon-font-size);
+  font-weight: var(--wm-currency-inputgroup-addon-font-weight);
+  line-height: var(--wm-currency-inputgroup-addon-line-height);
+  letter-spacing: var(--wm-currency-inputgroup-addon-letter-spacing);
+  pointer-events: none;
+}
+.wm-app .app-currency.input-group .form-control.app-currency-input {
+  padding-left: var(--wm-currency-inputgroup-addon-width);
+}
+.wm-app bs-datepicker-container {
+  z-index: 1060;
+  margin: var(--wm-space-3) var(--wm-space-0);
+}
+.wm-app bs-datepicker-container .bs-datepicker {
+  background: var(--wm-datepicker-background);
+  overflow: hidden;
+  border-radius: var(--wm-datepicker-border-radius);
+  text-align: center;
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-container .bs-datepicker-buttons {
+  display: flex;
+  justify-content: flex-end;
+  align-items: flex-start;
+  gap: 8px;
+  padding: var(--wm-space-2) var(--wm-space-3);
+  background-color: var(--wm-datepicker-background);
+  border-bottom-left-radius: var(--wm-datepicker-border-radius);
+  border-bottom-right-radius: var(--wm-datepicker-border-radius);
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--wm-space-2) var(--wm-space-0);
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button {
+  margin: var(--wm-space-1);
+  background: var(--wm-btn-background) !important;
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.previous,
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.next {
+  width: 40px;
+  padding: 0;
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.previous span,
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.next span {
+  display: none;
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.previous:after,
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.next:after {
+  font-family: wavicon;
+  font-size: var(--wm-icon-size-md);
+  min-width: var(--wm-icon-size-md);
+  height: var(--wm-icon-size-md);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.previous:after {
+  content: var(--wm-datepicker-previous-icon);
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-head bs-datepicker-navigation-view button.next:after {
+  content: var(--wm-datepicker-next-icon);
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body {
+  background: var(--wm-datepicker-background);
+  padding: 0 var(--wm-space-3);
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table {
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table th {
+  margin: 0 auto;
+  position: relative;
+  color: var(--wm-datepicker-color);
+  text-align: center;
+  font-size: var(--wm-datepicker-font-size);
+  font-style: var(--wm-datepicker-font-style);
+  font-weight: var(--wm-datepicker-font-weight);
+  line-height: var(--wm-datepicker-line-height);
+  height: var(--wm-datepicker-cell-height);
+  letter-spacing: var(--wm-datepicker-letter-spacing);
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td {
+  text-align: center;
+  position: relative;
+  padding: var(--wm-space-1);
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: var(--wm-datepicker-date-width);
+  height: var(--wm-datepicker-date-height);
+  color: var(--wm-datepicker-date-color);
+  background: var(--wm-datepicker-date-background);
+  border: var(--wm-datepicker-date-border-width) var(--wm-datepicker-date-border-style) var(--wm-datepicker-date-border-color);
+  border-radius: var(--wm-datepicker-date-border-radius);
+  font-family: var(--wm-datepicker-date-font-family);
+  font-size: var(--wm-datepicker-date-font-size);
+  font-weight: var(--wm-datepicker-date-font-weight);
+  line-height: var(--wm-datepicker-date-line-height);
+  letter-spacing: var(--wm-datepicker-date-letter-spacing);
+  cursor: pointer;
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.is-other-month {
+  color: var(--wm-datepicker-date-other-month-color);
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span:before {
+  content: "";
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  position: absolute;
+  pointer-events: none;
+  border-radius: inherit;
+  opacity: 0;
+  background: var(--wm-datepicker-date-state-layer-color);
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span:hover::before,
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.hover::before {
+  opacity: var(--wm-datepicker-date-hover-state-layer-opacity);
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span:focus::before,
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.focus::before {
+  opacity: var(--wm-datepicker-date-focus-state-layer-opacity);
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span:active::before,
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span:active:focus::before,
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span:active:hover::before,
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span:active.focus::before {
+  opacity: var(--wm-datepicker-date-active-state-layer-opacity);
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.current-date.text-info:not(.selected) {
+  --wm-datepicker-date-color: var(--wm-btn-primary-background);
+  --wm-datepicker-date-border-color: var(--wm-btn-primary-border-color);
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.current-date.text-info:not(.selected).disabled {
+  opacity: 0.38;
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.selected {
+  --wm-datepicker-date-color: var(--wm-btn-primary-color);
+  --wm-datepicker-date-background: var(--wm-btn-primary-background);
+  --wm-datepicker-date-border-color: var(--wm-btn-primary-border-color);
+  --wm-datepicker-date-state-layer-color: var(--wm-btn-primary-state-layer-color);
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.disabled {
+  opacity: 0.38;
+  cursor: var(--wm-btn-cursor-disabled);
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table td span.disabled:before {
+  display: none;
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table:not(.weeks) td span {
+  height: calc(var(--wm-datepicker-date-height) - 0.25rem);
+  padding: var(--wm-space-2) var(--wm-space-4);
+  width: 100%;
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table.months td,
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-body table.years td {
+  padding: var(--wm-space-2);
+}
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-buttons .btn-today-wrapper .btn,
+.wm-app bs-datepicker-container .bs-datepicker .bs-datepicker-buttons .btn-clear-wrapper .btn {
+  --wm-btn-color: var(--wm-color-primary);
+  background: none !important;
+  border: none !important;
+  --wm-btn-state-layer-color: var(--wm-color-primary);
+}
 .wm-app .wm-app .app-fileupload {
   position: relative;
   overflow: hidden;
@@ -20342,6 +18923,62 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
 }
 .wm-app .app-textarea {
   position: relative;
+  padding: var(--wm-form-control-padding) var(--wm-form-control-padding) calc(var(--wm-form-control-padding) * 0.85);
+  min-height: calc(var(--wm-form-control-height) * 1.85);
+  height: calc(var(--wm-form-control-height) * 1.85);
+  min-width: 100%;
+  max-width: 100%;
+}
+.wm-app .textarea-count {
+  color: var(--wm-help-block-color);
+  font-family: var(--wm-help-block-font-family);
+  font-size: var(--wm-help-block-font-size);
+  font-weight: var(--wm-help-block-font-weight);
+  line-height: var(--wm-help-block-line-height);
+  letter-spacing: var(--wm-help-block-letter-spacing);
+}
+.wm-app .textarea-count:not(:empty) {
+  margin-top: var(--wm-space-1);
+}
+.wm-app bs-dropdown-container {
+  z-index: 2000;
+}
+.wm-app .dropdown-menu.app-datetime {
+  background: var(--wm-timepicker-background);
+  padding: var(--wm-timepicker-padding);
+  border-radius: var(--wm-timepicker-border-radius);
+}
+.wm-app .app-datetime tbody tr:first-child,
+.wm-app .app-datetime tbody tr:last-child,
+.wm-app .app-datetime tbody .btn.btn-link {
+  display: none;
+}
+.wm-app .app-datetime tbody td {
+  font-family: var(--wm-timepicker-font-family);
+  font-size: var(--wm-timepicker-font-size);
+  font-weight: var(--wm-timepicker-font-weight);
+  line-height: var(--wm-timepicker-line-height);
+  letter-spacing: var(--wm-timepicker-letter-spacing);
+}
+.wm-app .app-datetime tbody .btn {
+  --wm-btn-padding: var(--wm-space-2) var(--wm-space-3);
+  --wm-btn-radius: var(--wm-radius-sm);
+  --wm-btn-background: var(--wm-color-tertiary-container);
+  --wm-btn-border-color: var(--wm-color-outline);
+  --wm-btn-font-family: var(--wm-timepicker-period-selector-font-family);
+  --wm-btn-font-size: var(--wm-timepicker-period-selector-font-size);
+  --wm-btn-font-weight: var(--wm-timepicker-period-selector-font-weight);
+  --wm-btn-line-height: var(--wm-timepicker-period-selector-line-height);
+  --wm-btn-letter-spacing: var(--wm-timepicker-period-selector-letter-spacing);
+}
+.wm-app .app-datetime .form-control.bs-timepicker-field {
+  width: 96px;
+  color: var(--wm-color-on-primary-container);
+  font-family: var(--wm-timepicker-font-family);
+  font-size: var(--wm-timepicker-font-size);
+  font-weight: var(--wm-timepicker-font-weight);
+  line-height: var(--wm-timepicker-line-height);
+  letter-spacing: var(--wm-timepicker-letter-spacing);
 }
 .wm-app .toast-container {
   position: fixed;
@@ -20376,12 +19013,20 @@ ex: color-mix(in srgb, color1 50%, color2 30%)
   min-width: var(--wm-icon-size-md);
   height: var(--wm-icon-size-md);
 }
+.wm-app .toast-container .toast .toast-title {
+  font-family: var(--wm-toast-title-font-family);
+  font-size: var(--wm-toast-title-font-size);
+  font-weight: var(--wm-toast-title-font-weight);
+  line-height: var(--wm-toast-title-line-height);
+  letter-spacing: var(--wm-toast-title-letter-spacing);
+  word-wrap: break-word;
+}
 .wm-app .toast-container .toast .toast-message {
-  font-family: var(--wm-toast-font-famil);
-  font-size: var(--wm-toast-font-size);
-  font-weight: var(--wm-toast-font-weight);
-  line-height: var(--wm-toast-line-height);
-  letter-spacing: var(--wm-toast-letter-spacing);
+  font-family: var(--wm-toast-message-font-family);
+  font-size: var(--wm-toast-message-font-size);
+  font-weight: var(--wm-toast-message-font-weight);
+  line-height: var(--wm-toast-message-line-height);
+  letter-spacing: var(--wm-toast-message-letter-spacing);
   word-wrap: break-word;
 }
 .wm-app .toast-container .toast.toast-success {