@syncfusion/ej2-angular-inputs 21.2.9 → 22.1.34

package/styles/input/bootstrap5-dark.css

@@ -2954,8 +2954,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-input-group .e-clear-icon,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 0;
   min-width: 36px;
+  min-height: 0;
   padding-bottom: 0;
   padding-right: 0;
   padding-top: 0;
@@ -2971,6 +2971,19 @@ textarea.e-input.e-bigger.e-small,
   padding-top: 0;
 }
 
+.e-input-group.e-small .e-clear-icon,
+.e-input-group .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group .e-clear-icon,
+.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
+  min-height: 0;
+  min-width: 36px;
+  padding-bottom: 0;
+  padding-right: 0;
+  padding-top: 0;
+}
+
 .e-input-group.e-small.e-bigger .e-clear-icon,
 .e-input-group.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-input-group.e-small .e-clear-icon,

package/styles/input/bootstrap5.css

@@ -2954,8 +2954,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-input-group .e-clear-icon,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 0;
   min-width: 36px;
+  min-height: 0;
   padding-bottom: 0;
   padding-right: 0;
   padding-top: 0;
@@ -2971,6 +2971,19 @@ textarea.e-input.e-bigger.e-small,
   padding-top: 0;
 }
 
+.e-input-group.e-small .e-clear-icon,
+.e-input-group .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group .e-clear-icon,
+.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
+  min-height: 0;
+  min-width: 36px;
+  padding-bottom: 0;
+  padding-right: 0;
+  padding-top: 0;
+}
+
 .e-input-group.e-small.e-bigger .e-clear-icon,
 .e-input-group.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-input-group.e-small .e-clear-icon,

package/styles/input/fabric-dark.css

@@ -2804,8 +2804,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-input-group .e-clear-icon,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 0;
   min-width: 38px;
+  min-height: 0;
   padding-bottom: 0;
   padding-right: 0;
   padding-top: 0;
@@ -2821,6 +2821,19 @@ textarea.e-input.e-bigger.e-small,
   padding-top: 0;
 }
 
+.e-input-group.e-small .e-clear-icon,
+.e-input-group .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group .e-clear-icon,
+.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
+  min-height: 0;
+  min-width: 38px;
+  padding-bottom: 0;
+  padding-right: 0;
+  padding-top: 0;
+}
+
 .e-input-group.e-small.e-bigger .e-clear-icon,
 .e-input-group.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-input-group.e-small .e-clear-icon,

package/styles/input/fabric.css

@@ -2804,8 +2804,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-input-group .e-clear-icon,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 0;
   min-width: 38px;
+  min-height: 0;
   padding-bottom: 0;
   padding-right: 0;
   padding-top: 0;
@@ -2821,6 +2821,19 @@ textarea.e-input.e-bigger.e-small,
   padding-top: 0;
 }
 
+.e-input-group.e-small .e-clear-icon,
+.e-input-group .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group .e-clear-icon,
+.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
+  min-height: 0;
+  min-width: 38px;
+  padding-bottom: 0;
+  padding-right: 0;
+  padding-top: 0;
+}
+
 .e-input-group.e-small.e-bigger .e-clear-icon,
 .e-input-group.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-input-group.e-small .e-clear-icon,

package/styles/input/fluent-dark.css

@@ -2772,8 +2772,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-input-group .e-clear-icon,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 0;
   min-width: 36px;
+  min-height: 0;
   padding-bottom: 0;
   padding-right: 0;
   padding-top: 0;
@@ -2789,6 +2789,19 @@ textarea.e-input.e-bigger.e-small,
   padding-top: 0;
 }
 
+.e-input-group.e-small .e-clear-icon,
+.e-input-group .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group .e-clear-icon,
+.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
+  min-height: 0;
+  min-width: 36px;
+  padding-bottom: 0;
+  padding-right: 0;
+  padding-top: 0;
+}
+
 .e-input-group.e-small.e-bigger .e-clear-icon,
 .e-input-group.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-input-group.e-small .e-clear-icon,

package/styles/input/fluent.css

@@ -2772,8 +2772,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-input-group .e-clear-icon,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 0;
   min-width: 36px;
+  min-height: 0;
   padding-bottom: 0;
   padding-right: 0;
   padding-top: 0;
@@ -2789,6 +2789,19 @@ textarea.e-input.e-bigger.e-small,
   padding-top: 0;
 }
 
+.e-input-group.e-small .e-clear-icon,
+.e-input-group .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group .e-clear-icon,
+.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
+  min-height: 0;
+  min-width: 36px;
+  padding-bottom: 0;
+  padding-right: 0;
+  padding-top: 0;
+}
+
 .e-input-group.e-small.e-bigger .e-clear-icon,
 .e-input-group.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-input-group.e-small .e-clear-icon,

package/styles/input/highcontrast-light.css

@@ -2920,8 +2920,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-input-group .e-clear-icon,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 0;
   min-width: 38px;
+  min-height: 0;
   padding-bottom: 0;
   padding-right: 0;
   padding-top: 0;
@@ -2937,6 +2937,19 @@ textarea.e-input.e-bigger.e-small,
   padding-top: 0;
 }
 
+.e-input-group.e-small .e-clear-icon,
+.e-input-group .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group .e-clear-icon,
+.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
+  min-height: 0;
+  min-width: 38px;
+  padding-bottom: 0;
+  padding-right: 0;
+  padding-top: 0;
+}
+
 .e-input-group.e-small.e-bigger .e-clear-icon,
 .e-input-group.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-input-group.e-small .e-clear-icon,

package/styles/input/highcontrast.css

@@ -2920,8 +2920,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-input-group .e-clear-icon,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 0;
   min-width: 38px;
+  min-height: 0;
   padding-bottom: 0;
   padding-right: 0;
   padding-top: 0;
@@ -2937,6 +2937,19 @@ textarea.e-input.e-bigger.e-small,
   padding-top: 0;
 }
 
+.e-input-group.e-small .e-clear-icon,
+.e-input-group .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group .e-clear-icon,
+.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
+  min-height: 0;
+  min-width: 38px;
+  padding-bottom: 0;
+  padding-right: 0;
+  padding-top: 0;
+}
+
 .e-input-group.e-small.e-bigger .e-clear-icon,
 .e-input-group.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-input-group.e-small .e-clear-icon,

package/styles/input/icons/_material3-dark.scss

@@ -0,0 +1 @@
+@import './material3.scss';

package/styles/input/material-dark.css

@@ -3148,8 +3148,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-input-group .e-clear-icon,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 20px;
   min-width: 20px;
+  min-height: 20px;
   padding-bottom: 5px;
   padding-right: 8px;
   padding-top: 6px;
@@ -3165,6 +3165,19 @@ textarea.e-input.e-bigger.e-small,
   padding-top: 6px;
 }
 
+.e-input-group.e-small .e-clear-icon,
+.e-input-group .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group .e-clear-icon,
+.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
+  min-height: 20px;
+  min-width: 20px;
+  padding-bottom: 5px;
+  padding-right: 8px;
+  padding-top: 6px;
+}
+
 .e-input-group.e-small.e-bigger .e-clear-icon,
 .e-input-group.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-input-group.e-small .e-clear-icon,
@@ -3439,7 +3452,7 @@ textarea.e-input.e-bigger.e-small,
 .e-small .e-float-input.e-control-wrapper.e-input-group input,
 .e-float-input.e-control-wrapper.e-input-group.e-small input,
 .e-small .e-float-input.e-control-wrapper.e-input-group input {
-  min-height: 18px;
+  min-height: 16px;
 }
 
 .e-input-group.e-bigger.e-small:not(.e-float-input) .e-input,
@@ -3461,7 +3474,7 @@ textarea.e-input.e-bigger.e-small,
 .e-float-input.e-control-wrapper.e-input-group.e-bigger.e-small input,
 .e-bigger .e-float-input.e-control-wrapper.e-input-group.e-small input,
 .e-small .e-float-input.e-control-wrapper.e-input-group.e-bigger input {
-  min-height: 22px;
+  min-height: 28px;
 }
 
 .e-input-group input.e-input,
@@ -4373,6 +4386,12 @@ textarea.e-outline.e-input,
   margin: 9px 12px 9px 0;
 }
 
+.e-outline.e-input-group.e-prepend .e-input-group-icon,
+.e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
+  font-size: 16px;
+  margin: 9px 0 9px 12px;
+}
+
 .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) input,
 .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error) input,
 .e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error) input,
@@ -9169,76 +9188,85 @@ textarea.e-outline,
   outline: none;
 }
 
-.e-input-group.e-prepend input.e-input,
-.e-float-input.e-input-group.e-prepend input,
-.e-input-group.e-control-wrapper.e-prepend input.e-input,
-.e-float-input.e-input-group.e-control-wrapper.e-prepend input,
-.e-float-input.e-prepend input,
-.e-float-input.e-control-wrapper.e-prepend input {
+.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append:not(.e-outline) .e-input-in-wrap,
+.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend:not(.e-outline) .e-input-in-wrap {
+  border-bottom: 1px solid;
+  border-bottom-color: rgba(255, 255, 255, 0.42);
+}
+
+.e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+.e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
   border-bottom: 1px solid;
+  border-bottom-color: #ff6652;
+}
+
+.e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+.e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
+  border-bottom: 1px solid;
+  border-bottom-color: #22b24b;
 }
 
-.e-input-group.e-prepend:not(.e-float-icon-left),
-.e-input-group.e-prepend.e-success:not(.e-float-icon-left),
-.e-input-group.e-prepend.e-warning:not(.e-float-icon-left),
-.e-input-group.e-prepend.e-error:not(.e-float-icon-left),
-.e-input-group.e-control-wrapper.e-prepend:not(.e-float-icon-left),
-.e-input-group.e-control-wrapper.e-prepend.e-success:not(.e-float-icon-left),
-.e-input-group.e-control-wrapper.e-prepend.e-warning:not(.e-float-icon-left),
-.e-input-group.e-control-wrapper.e-prepend.e-error:not(.e-float-icon-left) {
+.e-input-group:not(.e-outline).e-prepend:not(.e-float-icon-left),
+.e-input-group:not(.e-outline).e-prepend.e-success:not(.e-float-icon-left),
+.e-input-group:not(.e-outline).e-prepend.e-warning:not(.e-float-icon-left),
+.e-input-group:not(.e-outline).e-prepend.e-error:not(.e-float-icon-left),
+.e-input-group:not(.e-outline).e-control-wrapper.e-prepend:not(.e-float-icon-left),
+.e-input-group:not(.e-outline).e-control-wrapper.e-prepend.e-success:not(.e-float-icon-left),
+.e-input-group:not(.e-outline).e-control-wrapper.e-prepend.e-warning:not(.e-float-icon-left),
+.e-input-group:not(.e-outline).e-control-wrapper.e-prepend.e-error:not(.e-float-icon-left) {
   border-bottom: transparent;
 }
 
-.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
-.e-input-group.e-control-wrapper.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
-.e-float-input.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
-.e-float-input.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
-.e-float-input.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error),
-.e-float-input.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error,
-.e-float-input.e-control-wrapper.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
-.e-float-input.e-control-wrapper.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
-.e-float-input.e-control-wrapper.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error),
-.e-float-input.e-control-wrapper.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error,
-.e-float-input.e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input,
-.e-float-input.e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) input,
-.e-float-input.e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) input,
-.e-float-input.e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error input,
-.e-float-input.e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea,
-.e-float-input.e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) textarea,
-.e-float-input.e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) textarea,
-.e-float-input.e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error textarea,
-.e-float-input.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input,
-.e-float-input.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) input,
-.e-float-input.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) input,
-.e-float-input.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error input,
-.e-float-input.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea,
-.e-float-input.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) textarea,
-.e-float-input.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) textarea,
-.e-float-input.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error textarea,
-.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
-.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error),
-.e-input-group.e-control-wrapper.e-prepend.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
-.e-input-group.e-control-wrapper.e-prepend.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error),
-.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left).e-error:not(.e-success):not(.e-warning),
-.e-input-group.e-float-icon-left.e-prepend.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
-.e-input-group.e-float-icon-left.e-prepend.e-input-focus.e-success:not(.e-warning):not(.e-error) .e-input-in-wrap,
-.e-input-group.e-float-icon-left.e-prepend.e-input-focus.e-warning:not(.e-success):not(.e-error) .e-input-in-wrap,
-.e-input-group.e-float-icon-left.e-prepend.e-input-focus.e-error:not(.e-success):not(.e-warning) .e-input-in-wrap {
+.e-input-group:not(.e-outline).e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
+.e-input-group:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
+.e-float-input:not(.e-outline).e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
+.e-float-input:not(.e-outline).e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
+.e-float-input:not(.e-outline).e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error),
+.e-float-input:not(.e-outline).e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error,
+.e-float-input:not(.e-outline).e-control-wrapper.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
+.e-float-input:not(.e-outline).e-control-wrapper.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
+.e-float-input:not(.e-outline).e-control-wrapper.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error),
+.e-float-input:not(.e-outline).e-control-wrapper.e-input-group.e-prepend.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error,
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input,
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) input,
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) input,
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error input,
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea,
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) textarea,
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) textarea,
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error textarea,
+.e-float-input:not(.e-outline).e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) input,
+.e-float-input:not(.e-outline).e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) input,
+.e-float-input:not(.e-outline).e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) input,
+.e-float-input:not(.e-outline).e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error input,
+.e-float-input:not(.e-outline).e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea,
+.e-float-input:not(.e-outline).e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) textarea,
+.e-float-input:not(.e-outline).e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) textarea,
+.e-float-input:not(.e-outline).e-prepend.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error textarea,
+.e-input-group:not(.e-outline).e-prepend.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
+.e-input-group:not(.e-outline).e-prepend.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error),
+.e-input-group:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
+.e-input-group:not(.e-outline).e-control-wrapper.e-prepend.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error),
+.e-input-group:not(.e-outline).e-prepend.e-input-focus:not(.e-float-icon-left).e-error:not(.e-success):not(.e-warning),
+.e-input-group:not(.e-outline).e-float-icon-left.e-prepend.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
+.e-input-group:not(.e-outline).e-float-icon-left.e-prepend.e-input-focus.e-success:not(.e-warning):not(.e-error) .e-input-in-wrap,
+.e-input-group:not(.e-outline).e-float-icon-left.e-prepend.e-input-focus.e-warning:not(.e-success):not(.e-error) .e-input-in-wrap,
+.e-input-group:not(.e-outline).e-float-icon-left.e-prepend.e-input-focus.e-error:not(.e-success):not(.e-warning) .e-input-in-wrap {
   border-bottom: transparent;
 }
 
-.e-input-group.e-prepend:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-input-group.e-control-wrapper.e-prepend:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input.e-prepend:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input.e-prepend:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-prepend:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-prepend:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-prepend:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-control-wrapper.e-prepend:hover:not(.e-disabled):not(.e-float-icon-left),
-.e-float-input.e-control-wrapper.e-prepend:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-control-wrapper.e-prepend:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
-.e-float-input.e-control-wrapper.e-prepend:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
-.e-float-input.e-control-wrapper.e-prepend:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) {
+.e-input-group:not(.e-outline).e-prepend:hover:not(.e-disabled):not(.e-float-icon-left),
+.e-input-group:not(.e-outline).e-control-wrapper.e-prepend:hover:not(.e-disabled):not(.e-float-icon-left),
+.e-float-input:not(.e-outline).e-prepend:hover:not(.e-disabled):not(.e-float-icon-left),
+.e-float-input:not(.e-outline).e-prepend:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
+.e-float-input:not(.e-outline).e-prepend:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
+.e-float-input:not(.e-outline).e-prepend:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
+.e-float-input:not(.e-outline).e-prepend:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend:hover:not(.e-disabled):not(.e-float-icon-left),
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
+.e-float-input:not(.e-outline).e-control-wrapper.e-prepend:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) {
   border-bottom: transparent;
 }