@syncfusion/ej2-inputs 32.1.22 → 32.1.24

package/styles/bds-lite.css

@@ -2,10 +2,18 @@
 
 
 
+
+
+
+
 .e-signature.e-control {
   border: 1px solid;
 }
 
+
+
+
+
 .e-signature.e-control {
   background-color: var(--color-sf-base-white);
   border: 1px solid;
@@ -170,6 +178,156 @@
   font-family: "e-icons";
 }
 
+
+
+
+
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable */
+.e-input:focus:not(.e-success):not(.e-warning).e-error,
+.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
+.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
+.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+}
+
+.e-input:focus:not(.e-error):not(.e-warning).e-success,
+.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
+.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
+.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
+.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
+.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input,
+.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+}
+
+.e-input:focus:not(.e-success):not(.e-error).e-warning,
+.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
+.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
+.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+}
+
+.e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+}
+
+.e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+}
+
+.e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+}
+
+.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+}
+
+.e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+}
+
+.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+}
+
+.e-float-input.e-error label.e-float-text,
+.e-float-input.e-control-wrapper.e-error label.e-float-text,
+.e-float-input.e-error input:focus ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text {
+  color: var(--color-sf-utility-danger) !important;
+}
+
+.e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-input-group.e-error.e-valid-input label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-error label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-input-group.e-error label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-error label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-error.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text {
+  color: var(--color-sf-utility-danger) !important;
+}
+
+.e-filled.e-float-input.e-error label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error label.e-float-text,
+.e-filled.e-float-input.e-error input:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  color: var(--color-sf-utility-danger) !important;
+}
+
 /*! input layout */
 .e-input-group,
 .e-input-group.e-control-wrapper {
@@ -2123,6 +2281,156 @@ textarea.e-input,
           box-sizing: border-box;
 }
 
+
+
+
+
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable */
+.e-input:focus:not(.e-success):not(.e-warning).e-error,
+.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
+.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
+.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+}
+
+.e-input:focus:not(.e-error):not(.e-warning).e-success,
+.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
+.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
+.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
+.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
+.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input,
+.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+}
+
+.e-input:focus:not(.e-success):not(.e-error).e-warning,
+.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
+.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
+.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+}
+
+.e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+}
+
+.e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+}
+
+.e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+}
+
+.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+}
+
+.e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+}
+
+.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+}
+
+.e-float-input.e-error label.e-float-text,
+.e-float-input.e-control-wrapper.e-error label.e-float-text,
+.e-float-input.e-error input:focus ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text {
+  color: var(--color-sf-utility-danger) !important;
+}
+
+.e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-input-group.e-error.e-valid-input label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-error label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-input-group.e-error label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-error label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-error.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text {
+  color: var(--color-sf-utility-danger) !important;
+}
+
+.e-filled.e-float-input.e-error label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error label.e-float-text,
+.e-filled.e-float-input.e-error input:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  color: var(--color-sf-utility-danger) !important;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,
@@ -2749,7 +3057,6 @@ input.e-input::-webkit-input-placeholder {
   color: var(--color-sf-text-placeholder);
 }
 
-/* stylelint-disable-line no-empty-source */
 .e-input-group-icon.e-spin-up::before {
   content: "\e776";
   font-family: "e-icons";
@@ -2760,6 +3067,10 @@ input.e-input::-webkit-input-placeholder {
   font-family: "e-icons";
 }
 
+
+
+
+
 .e-numeric-container {
   width: 100%;
 }
@@ -2815,20 +3126,178 @@ span.e-numeric.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-w
   top: 20px;
 }
 
-.e-numeric.e-input-group.e-prepend-wrapper.e-input-focus input.e-input,
-.e-numeric.e-input-group.e-prepend-wrapper input.e-input {
-  padding-left: 0;
+.e-numeric.e-input-group.e-prepend-wrapper.e-input-focus input.e-input,
+.e-numeric.e-input-group.e-prepend-wrapper input.e-input {
+  padding-left: 0;
+}
+
+.e-numeric.e-rtl.e-input-group.e-prepend-wrapper.e-input-focus input.e-input,
+.e-numeric.e-rtl.e-input-group.e-prepend-wrapper input.e-input {
+  padding-right: 0;
+}
+
+
+
+
+
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable */
+.e-input:focus:not(.e-success):not(.e-warning).e-error,
+.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
+.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
+.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+}
+
+.e-input:focus:not(.e-error):not(.e-warning).e-success,
+.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
+.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
+.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
+.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
+.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input,
+.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+}
+
+.e-input:focus:not(.e-success):not(.e-error).e-warning,
+.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
+.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
+.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input,
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+}
+
+.e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+}
+
+.e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+}
+
+.e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+}
+
+.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+}
+
+.e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+}
+
+.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+}
+
+.e-float-input.e-error label.e-float-text,
+.e-float-input.e-control-wrapper.e-error label.e-float-text,
+.e-float-input.e-error input:focus ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text {
+  color: var(--color-sf-utility-danger) !important;
+}
+
+.e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-input-group.e-error.e-valid-input label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-error label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-input-group.e-error label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-error label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-error.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text {
+  color: var(--color-sf-utility-danger) !important;
+}
+
+.e-filled.e-float-input.e-error label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error label.e-float-text,
+.e-filled.e-float-input.e-error input:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  color: var(--color-sf-utility-danger) !important;
 }
 
-.e-numeric.e-rtl.e-input-group.e-prepend-wrapper.e-input-focus input.e-input,
-.e-numeric.e-rtl.e-input-group.e-prepend-wrapper input.e-input {
-  padding-right: 0;
-}
+
+
+
 
 .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 18px;
 }
 
+
+
+
+
 /*! maskedtextbox layout */
 .e-control-wrapper.e-mask .e-maskedtextbox {
   font-family: "Inter";
@@ -2892,6 +3361,10 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   height: 35px;
 }
 
+
+
+
+
 /*! maskedtextbox theme */
 .e-control-wrapper.e-mask.e-error .e-maskedtextbox,
 .e-utility-mask.e-error {
@@ -2899,7 +3372,10 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
 }
 
 /* stylelint-disable-line no-empty-source */
-/* stylelint-disable-line no-empty-source */
+
+
+
+
 /* stylelint-disable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container {
   -moz-user-select: none;
@@ -3312,6 +3788,10 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
 }
 
 /* stylelint-enable property-no-vendor-prefix */
+
+
+
+
 .e-control-wrapper.e-slider-container .e-slider-button {
   background-color: var(--color-sf-utility-secondary-bg-color);
   border: 1px solid var(--color-sf-border-primary);
@@ -3361,6 +3841,11 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   background: var(--color-sf-bg-tertiary);
   border-color: var(--color-sf-bg-tertiary);
 }
+/* stylelint-disable-line no-empty-source */
+
+
+
+
 /* stylelint-disable-line no-empty-source */
 .e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 33px;
@@ -3729,6 +4214,10 @@ span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.
   padding-right: 1px;
 }
 
+
+
+
+
 .e-input-group.e-multi-line-input.e-auto-width {
   width: auto;
 }
@@ -4372,6 +4861,10 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
   right: 12px;
 }
 
+
+
+
+
 .e-upload {
   width: 100%;
 }
@@ -4773,6 +5266,10 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
   pointer-events: none;
 }
 
+
+
+
+
 .e-upload {
   border: 1px dashed var(--color-sf-border-primary-alt);
   border-radius: 6px;
@@ -4911,6 +5408,74 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
   content: "\e748";
 }
 
+
+
+
+
+/* stylelint-disable */
+.e-btn.e-primary:focus {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
+          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
+}
+
+.e-btn.e-success:focus {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+}
+
+.e-btn.e-info:focus {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
+          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
+}
+
+.e-btn.e-warning:focus {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+}
+
+.e-btn.e-danger:focus {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+}
+
+.e-btn.e-outline.e-info {
+  background: transparent !important;
+  border-color: var(--color-sf-utility-info-border-color) !important;
+  color: var(--color-sf-utility-info-text) !important;
+}
+
+.e-btn.e-outline.e-info:hover {
+  background: var(--color-sf-utility-info-bg-color-hover) !important;
+  border-color: var(--color-sf-utility-info-border-color) !important;
+  color: var(--color-sf-utility-info-text-hover) !important;
+}
+
+.e-btn.e-outline.e-info:active {
+  background: var(--color-sf-utility-info-bg-color-pressed) !important;
+  border-color: var(--color-sf-utility-info-border-color) !important;
+  color: var(--color-sf-utility-info-text-hover) !important;
+}
+
+.e-btn.e-flat.e-info {
+  color: var(--color-sf-utility-info-text) !important;
+}
+
+.e-bigger .e-btn,
+.e-bigger .e-btn,
+.e-bigger .e-css.e-btn,
+.e-bigger.e-css.e-btn {
+  font-size: 14px;
+  line-height: 1.572em;
+  padding: 8px 15px;
+  border-radius: 8px !important;
+  font-weight: 600;
+}
+
+/* stylelint-disable */
+.e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled {
+  background-color: var(--color-sf-bg-disabled) !important;
+}
+
 .e-colorpicker-wrapper,
 .e-colorpicker-container {
   display: inline-block;
@@ -5475,6 +6040,74 @@ body.e-colorpicker-overflow {
   width: 100%;
 }
 
+
+
+
+
+/* stylelint-disable */
+.e-btn.e-primary:focus {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
+          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
+}
+
+.e-btn.e-success:focus {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+}
+
+.e-btn.e-info:focus {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
+          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
+}
+
+.e-btn.e-warning:focus {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+}
+
+.e-btn.e-danger:focus {
+  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+}
+
+.e-btn.e-outline.e-info {
+  background: transparent !important;
+  border-color: var(--color-sf-utility-info-border-color) !important;
+  color: var(--color-sf-utility-info-text) !important;
+}
+
+.e-btn.e-outline.e-info:hover {
+  background: var(--color-sf-utility-info-bg-color-hover) !important;
+  border-color: var(--color-sf-utility-info-border-color) !important;
+  color: var(--color-sf-utility-info-text-hover) !important;
+}
+
+.e-btn.e-outline.e-info:active {
+  background: var(--color-sf-utility-info-bg-color-pressed) !important;
+  border-color: var(--color-sf-utility-info-border-color) !important;
+  color: var(--color-sf-utility-info-text-hover) !important;
+}
+
+.e-btn.e-flat.e-info {
+  color: var(--color-sf-utility-info-text) !important;
+}
+
+.e-bigger .e-btn,
+.e-bigger .e-btn,
+.e-bigger .e-css.e-btn,
+.e-bigger.e-css.e-btn {
+  font-size: 14px;
+  line-height: 1.572em;
+  padding: 8px 15px;
+  border-radius: 8px !important;
+  font-weight: 600;
+}
+
+/* stylelint-disable */
+.e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled {
+  background-color: var(--color-sf-bg-disabled) !important;
+}
+
 .e-container {
   background-color: var(--color-sf-bg-primary-alt);
 }
@@ -5541,6 +6174,10 @@ body.e-colorpicker-overflow {
   border-color: var(--color-sf-base-white);
 }
 
+
+
+
+
 .e-rating-container {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -5707,6 +6344,10 @@ body.e-colorpicker-overflow {
   font-size: 12px;
 }
 
+
+
+
+
 .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
 .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
   outline-color: var(--color-sf-utility-rating-selected-color);
@@ -5817,6 +6458,11 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 
+/*! FileManager's bds theme wise override definitions and variables */
+
+
+
+
 /*! FileManager's bds theme wise override definitions and variables */
 /*! data-form layout */
 .e-data-form {
@@ -6025,6 +6671,11 @@ body.e-colorpicker-overflow {
   margin-top: 0;
 }
 
+
+
+
+
+/*! FileManager's bds theme wise override definitions and variables */
 /*! data-form theme */
 .e-data-form .e-form-label {
   color: var(--color-sf-text-secondary);
@@ -6050,6 +6701,10 @@ body.e-colorpicker-overflow {
   color: var(--color-sf-utility-danger-light);
 }
 
+
+
+
+
 .e-otpinput {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -6148,6 +6803,10 @@ body.e-colorpicker-overflow {
   padding: 0;
 }
 
+
+
+
+
 .e-otpinput .e-otp-input-field {
   color: rgb(28, 27, 31);
   background: rgba(255, 255, 255, 0);
@@ -6199,6 +6858,10 @@ body.e-colorpicker-overflow {
   content: "\e919";
 }
 
+
+
+
+
 .e-speech-to-text.e-btn {
   -webkit-box-align: center;
       -ms-flex-align: center;
@@ -6256,6 +6919,10 @@ body.e-colorpicker-overflow {
     opacity: 0.5;
   }
 }
+
+
+
+
 .e-speech-to-text {
   -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
           box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
@@ -6273,6 +6940,10 @@ body.e-colorpicker-overflow {
           box-shadow: none;
 }
 
+
+
+
+
 .smart-textarea-suggestion-overlay {
   display: none;
   position: absolute;
@@ -6315,6 +6986,10 @@ body.e-colorpicker-overflow {
     opacity: 0;
   }
 }
+
+
+
+
 .smart-textarea-suggestion-overlay {
   background-color: #ffffff;
   color: #000000;