@syncfusion/ej2-inputs 25.2.6 → 26.1.35

package/styles/input/fabric-dark.css

@@ -40,12 +40,7 @@ textarea.e-input,
 input.e-input,
 textarea.e-input,
 .e-input-group,
-.e-input-group.e-control-wrapper {
-  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
-  font-size: 14px;
-  font-weight: normal;
-}
-
+.e-input-group.e-control-wrapper,
 .e-input-group.e-disabled,
 .e-input-group.e-control-wrapper.e-disabled {
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -56,7 +51,15 @@ textarea.e-input,
 .e-input-group input.e-input,
 .e-input-group.e-control-wrapper input.e-input,
 .e-input-group textarea.e-input,
-.e-input-group.e-control-wrapper textarea.e-input {
+.e-input-group.e-control-wrapper textarea.e-input,
+.e-input-group.e-small .e-input,
+.e-input-group.e-small.e-control-wrapper .e-input,
+.e-small .e-input-group .e-input,
+.e-small .e-input-group.e-control-wrapper .e-input,
+.e-input-group.e-bigger .e-input,
+.e-input-group.e-bigger.e-control-wrapper .e-input,
+.e-bigger .e-input-group .e-input,
+.e-bigger .e-input-group.e-control-wrapper .e-input {
   font: inherit;
 }
 
@@ -77,12 +80,7 @@ input.e-input:focus,
 .e-float-input input:focus,
 .e-float-input.e-input-group input:focus,
 .e-float-input.e-control-wrapper input:focus,
-.e-float-input.e-control-wrapper.e-input-group input:focus {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
+.e-float-input.e-control-wrapper.e-input-group input:focus,
 .e-input-group.e-input-focus input.e-input,
 .e-input-group.e-input-focus input,
 .e-input-group.e-control-wrapper.e-input-focus input.e-input,
@@ -108,7 +106,21 @@ input.e-input,
 .e-input-group,
 .e-input-group.e-control-wrapper,
 .e-float-input,
-.e-float-input.e-control-wrapper {
+.e-float-input.e-control-wrapper,
+.e-input.e-corner,
+.e-input-group.e-corner.e-rtl input.e-input:only-child,
+.e-input-group.e-control-wrapper.e-corner.e-rtl input.e-input:only-child,
+.e-input-group.e-input-focus.e-corner,
+.e-input-group.e-control-wrapper.e-input-focus.e-corner,
+textarea.e-input,
+.e-input-group textarea.e-input,
+.e-input-group textarea,
+.e-input-group.e-control-wrapper textarea.e-input,
+.e-input-group.e-control-wrapper textarea,
+.e-float-input textarea,
+.e-float-input.e-input-group textarea,
+.e-float-input.e-control-wrapper textarea,
+.e-float-input.e-control-wrapper.e-input-group textarea {
   border-radius: 0;
 }
 
@@ -157,13 +169,6 @@ textarea.e-input.e-bigger,
   font-size: 15px;
 }
 
-.e-input-group.e-bigger .e-input,
-.e-input-group.e-bigger.e-control-wrapper .e-input,
-.e-bigger .e-input-group .e-input,
-.e-bigger .e-input-group.e-control-wrapper .e-input {
-  font: inherit;
-}
-
 input.e-input.e-bigger,
 textarea.e-input.e-bigger,
 .e-input-group.e-bigger .e-input,
@@ -190,17 +195,22 @@ textarea.e-input.e-bigger,
 
 .e-input-group .e-input-group-icon,
 .e-input-group.e-control-wrapper .e-input-group-icon {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   border: 0 solid;
   border-width: 0;
-  box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
   cursor: pointer;
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   font-size: 12px;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   line-height: 1;
   min-height: 30px;
   min-width: 30px;
@@ -255,7 +265,15 @@ textarea.e-input.e-bigger,
 .e-float-input.e-control-wrapper textarea[disabled],
 .e-float-input.e-control-wrapper textarea.e-disabled,
 .e-input-group.e-disabled span,
-.e-input-group.e-control-wrapper.e-disabled span {
+.e-input-group.e-control-wrapper.e-disabled span,
+.e-input-group.e-disabled input.e-input:not(:valid):first-child ~ .e-clear-icon,
+.e-input-group.e-control-wrapper.e-disabled input.e-input:not(:valid):first-child ~ .e-clear-icon,
+.e-float-input.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
+.e-float-input.e-input-group.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
+.e-float-input.e-input-group.e-control-wrapper.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
+.e-float-input.e-control-wrapper.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
+.e-input-group.e-disabled .e-clear-icon.e-clear-icon-hide,
+.e-input-group.e-control-wrapper.e-disabled .e-clear-icon.e-clear-icon-hide {
   cursor: not-allowed;
 }
 
@@ -286,35 +304,48 @@ textarea.e-input.e-bigger,
 .e-float-input.e-control-wrapper.e-disabled,
 .e-float-input.e-control-wrapper input[disabled],
 .e-float-input.e-control-wrapper input.e-disabled,
-.e-float-input.e-control-wrapper.e-disabled input {
+.e-float-input.e-control-wrapper.e-disabled input,
+.e-float-input textarea[disabled],
+.e-float-input textarea.e-disabled,
+.e-float-input.e-disabled textarea,
+.e-float-input.e-control-wrapper textarea[disabled],
+.e-float-input.e-control-wrapper textarea.e-disabled,
+.e-float-input.e-control-wrapper.e-disabled textarea {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 
 .e-input.e-rtl,
 .e-input-group.e-rtl,
-.e-input-group.e-control-wrapper.e-rtl {
+.e-input-group.e-control-wrapper.e-rtl,
+.e-float-input.e-rtl,
+.e-float-input.e-control-wrapper.e-rtl {
   direction: rtl;
 }
 
-.e-input.e-corner {
-  border-radius: 0;
-}
-
 .e-input-group,
-.e-input-group.e-control-wrapper {
+.e-input-group.e-control-wrapper,
+.e-float-custom-tag.e-input-group,
+.e-float-custom-tag.e-input-group.e-control-wrapper,
+.e-input-custom-tag,
+.e-input-custom-tag.e-input-group,
+.e-input-custom-tag.e-input-group.e-control-wrapper {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   vertical-align: middle;
 }
 
 .e-float-input:not(.e-input-group),
-.e-float-input.e-control-wrapper:not(.e-input-group) {
+.e-float-input.e-control-wrapper:not(.e-input-group),
+.e-float-custom-tag,
+.e-float-custom-tag.e-control-wrapper {
   display: inline-block;
 }
 
 .e-input-group .e-input-group-icon,
 .e-input-group.e-control-wrapper .e-input-group-icon {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -393,13 +424,6 @@ textarea.e-input.e-small,
   font-size: 13px;
 }
 
-.e-input-group.e-small .e-input,
-.e-input-group.e-small.e-control-wrapper .e-input,
-.e-small .e-input-group .e-input,
-.e-small .e-input-group.e-control-wrapper .e-input {
-  font: inherit;
-}
-
 .e-input.e-small,
 .e-input-group.e-small .e-input,
 .e-input-group.e-control-wrapper.e-small .e-input {
@@ -424,10 +448,7 @@ textarea.e-input.e-small,
 .e-bigger .e-input-group.e-small,
 .e-bigger .e-input-group.e-control-wrapper.e-small,
 .e-small .e-input-group.e-bigger,
-.e-small .e-input-group.e-control-wrapper.e-bigger {
-  font-size: 14px;
-}
-
+.e-small .e-input-group.e-control-wrapper.e-bigger,
 .e-input-group.e-small.e-bigger.e-disabled,
 .e-small.e-bigger .e-input-group.e-disabled,
 .e-input-group.e-control-wrapper.e-small.e-bigger.e-disabled,
@@ -441,12 +462,6 @@ textarea.e-input.e-small,
   font-size: 14px;
 }
 
-.e-input.e-small.e-bigger,
-.e-bigger .e-input.e-small,
-.e-small .e-input.e-bigger {
-  padding: 0;
-}
-
 .e-input-group.e-small.e-bigger .e-input,
 .e-input-group.e-small .e-input.e-bigger,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-input,
@@ -468,7 +483,10 @@ textarea.e-input.e-small,
 .e-bigger .e-input-group.e-small.e-input-focus .e-input,
 .e-input-group.e-control-wrapper.e-small.e-bigger.e-input-focus .e-input,
 .e-input-group.e-control-wrapper.e-small.e-input-focus .e-input.e-bigger,
-.e-bigger .e-input-group.e-control-wrapper.e-small.e-input-focus .e-input {
+.e-bigger .e-input-group.e-control-wrapper.e-small.e-input-focus .e-input,
+.e-input.e-small.e-bigger,
+.e-bigger .e-input.e-small,
+.e-small .e-input.e-bigger {
   padding: 0;
 }
 
@@ -511,10 +529,14 @@ label.e-float-text,
   position: absolute;
   text-overflow: ellipsis;
   top: -11px;
-  transform: translate3d(0, 16px, 0) scale(1);
-  transform-origin: left top;
+  -webkit-transform: translate3d(0, 16px, 0) scale(1);
+          transform: translate3d(0, 16px, 0) scale(1);
+  -webkit-transform-origin: left top;
+          transform-origin: left top;
+  -webkit-transition: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
   transition: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   white-space: nowrap;
@@ -556,7 +578,8 @@ label.e-float-text,
   -ms-transform: translate(0%, -50%);
   -o-transform: translate(0%, -50%);
   -webkit-transform: translate(0%, -50%);
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   left: 0%;
   top: 50%;
   transform: translate(0%, -50%);
@@ -623,7 +646,8 @@ label.e-float-text,
   font-size: 12px;
   font-style: normal;
   padding-right: 0;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
 }
 
 .e-float-input.e-small input:focus ~ label.e-float-text,
@@ -657,7 +681,8 @@ label.e-float-text,
   font-size: 12px;
   font-style: normal;
   padding-right: 0;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
 }
 
 .e-float-input.e-bigger input:focus ~ label.e-float-text,
@@ -690,7 +715,8 @@ label.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
   font-style: normal;
   padding-right: 0;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
 }
 
 .e-float-input.e-bigger.e-small input:focus ~ label.e-float-text,
@@ -737,7 +763,8 @@ label.e-float-text,
 .e-small .e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text {
   font-style: normal;
   padding-right: 0;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
 }
 
 .e-float-input.e-bigger input:focus ~ label.e-float-text,
@@ -939,10 +966,7 @@ label.e-float-text,
 .e-float-input input,
 .e-input-group input,
 .e-float-input.e-control-wrapper input,
-.e-input-group.e-control-wrapper input {
-  text-indent: 10px;
-}
-
+.e-input-group.e-control-wrapper input,
 .e-float-input textarea,
 .e-input-group textarea,
 .e-float-input.e-control-wrapper textarea,
@@ -950,13 +974,6 @@ label.e-float-text,
   text-indent: 10px;
 }
 
-.e-float-input.e-bigger,
-.e-bigger .e-float-input,
-.e-float-input.e-control-wrapper.e-bigger,
-.e-bigger .e-float-input.e-control-wrapper {
-  font-size: 15px;
-}
-
 .e-float-input.e-bigger.e-disabled,
 .e-bigger .e-float-input.e-disabled,
 .e-float-input.e-control-wrapper.e-bigger.e-disabled,
@@ -964,7 +981,11 @@ label.e-float-text,
 .e-float-input.e-input-group.e-bigger.e-disabled,
 .e-bigger .e-float-input.e-input-group.e-disabled,
 .e-float-input.e-input-group.e-control-wrapper.e-bigger.e-disabled,
-.e-bigger .e-float-input.e-input-group.e-control-wrapper.e-disabled {
+.e-bigger .e-float-input.e-input-group.e-control-wrapper.e-disabled,
+.e-float-input.e-bigger,
+.e-bigger .e-float-input,
+.e-float-input.e-control-wrapper.e-bigger,
+.e-bigger .e-float-input.e-control-wrapper {
   font-size: 15px;
 }
 
@@ -979,13 +1000,6 @@ label.e-float-text,
   padding: 0;
 }
 
-.e-float-input.e-small,
-.e-small .e-float-input,
-.e-float-input.e-control-wrapper.e-small,
-.e-small .e-float-input.e-control-wrapper {
-  font-size: 13px;
-}
-
 .e-float-input.e-small.e-disabled,
 .e-small .e-float-input.e-disabled,
 .e-float-input.e-control-wrapper.e-small.e-disabled,
@@ -993,7 +1007,11 @@ label.e-float-text,
 .e-float-input.e-input-group.e-small.e-disabled,
 .e-small .e-float-input.e-input-group.e-disabled,
 .e-float-input.e-input-group.e-control-wrapper.e-small.e-disabled,
-.e-small .e-float-input.e-input-group.e-control-wrapper.e-disabled {
+.e-small .e-float-input.e-input-group.e-control-wrapper.e-disabled,
+.e-float-input.e-small,
+.e-small .e-float-input,
+.e-float-input.e-control-wrapper.e-small,
+.e-small .e-float-input.e-control-wrapper {
   font-size: 13px;
 }
 
@@ -1004,17 +1022,6 @@ label.e-float-text,
   padding: 0;
 }
 
-.e-float-input.e-small.e-bigger,
-.e-small.e-bigger .e-float-input,
-.e-bigger .e-float-input.e-small,
-.e-small .e-float-input.e-bigger,
-.e-float-input.e-control-wrapper.e-small.e-bigger,
-.e-small.e-bigger .e-float-input.e-control-wrapper,
-.e-bigger .e-float-input.e-control-wrapper.e-small,
-.e-small .e-float-input.e-control-wrapper.e-bigger {
-  font-size: 14px;
-}
-
 .e-float-input.e-small.e-bigger.e-disabled,
 .e-small.e-bigger .e-float-input.e-disabled,
 .e-bigger .e-float-input.e-small.e-disabled,
@@ -1030,7 +1037,15 @@ label.e-float-text,
 .e-float-input.e-input-group.e-control-wrapper.e-small.e-bigger.e-disabled,
 .e-small.e-bigger .e-float-input.e-input-group.e-control-wrapper.e-disabled,
 .e-bigger .e-float-input.e-input-group.e-control-wrapper.e-small.e-disabled,
-.e-small .e-float-input.e-input-group.e-control-wrapper.e-bigger.e-disabled {
+.e-small .e-float-input.e-input-group.e-control-wrapper.e-bigger.e-disabled,
+.e-float-input.e-small.e-bigger,
+.e-small.e-bigger .e-float-input,
+.e-bigger .e-float-input.e-small,
+.e-small .e-float-input.e-bigger,
+.e-float-input.e-control-wrapper.e-small.e-bigger,
+.e-small.e-bigger .e-float-input.e-control-wrapper,
+.e-bigger .e-float-input.e-control-wrapper.e-small,
+.e-small .e-float-input.e-control-wrapper.e-bigger {
   font-size: 14px;
 }
 
@@ -1050,7 +1065,11 @@ label.e-float-text,
 .e-float-input textarea:focus,
 .e-float-input.e-control-wrapper textarea:focus,
 .e-float-input.e-input-focus input,
-.e-float-input.e-control-wrapper.e-input-focus input {
+.e-float-input.e-control-wrapper.e-input-focus input,
+.e-input-group.e-control-container.valid.modified,
+.e-input-group.e-control-container.invalid,
+.e-float-input.e-control-container.valid.modified,
+.e-float-input.e-control-container.invalid {
   outline: none;
 }
 
@@ -1075,12 +1094,7 @@ label.e-float-text,
 .e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text.e-label-top,
 .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-float-text.e-label-top,
 .e-float-input.e-input-focus input ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
-  -webkit-user-select: text;
-      -ms-user-select: text;
-          user-select: text;
-}
-
+.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text,
 .e-float-input textarea:valid ~ label.e-float-text,
 .e-float-input textarea:focus ~ label.e-float-text,
 .e-float-input textarea:valid ~ label.e-float-text.e-label-top,
@@ -1090,6 +1104,7 @@ label.e-float-text,
 .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text.e-label-top,
 .e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-label-top {
   -webkit-user-select: text;
+     -moz-user-select: text;
       -ms-user-select: text;
           user-select: text;
 }
@@ -1112,10 +1127,7 @@ label.e-float-text,
 .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-small .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
-  font-weight: normal;
-}
-
+.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
@@ -1143,6 +1155,7 @@ label.e-float-text,
   content: "";
   height: 2px;
   position: absolute;
+  -webkit-transition: 0.2s ease;
   transition: 0.2s ease;
   width: 0;
 }
@@ -1179,11 +1192,6 @@ label.e-float-text,
   width: 100%;
 }
 
-.e-float-input.e-rtl,
-.e-float-input.e-control-wrapper.e-rtl {
-  direction: rtl;
-}
-
 .e-float-input.e-rtl label.e-float-text,
 .e-float-input.e-control-wrapper.e-rtl label.e-float-text,
 .e-rtl .e-float-input label.e-float-text,
@@ -1199,23 +1207,8 @@ label.e-float-text,
 .e-rtl .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-rtl .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
   right: 0;
-  transform-origin: right top;
-}
-
-/* stylelint-disable selector-max-empty-lines */
-.e-float-input.e-rtl:not(.e-input-focus) label.e-float-text.e-label-bottom,
-.e-rtl .e-float-input:not(.e-input-focus) label.e-float-text.e-label-bottom,
-.e-float-input.e-rtl.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom,
-.e-rtl .e-float-input.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom,
-.e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text,
-.e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
-.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text,
-.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
-.e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text,
-.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text,
-.e-float-input.e-rtl.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
-.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom {
-  padding-right: 10px;
+  -webkit-transform-origin: right top;
+          transform-origin: right top;
 }
 
 .e-float-input.e-rtl.e-bigger:not(.e-input-focus) label.e-float-text.e-label-bottom,
@@ -1241,10 +1234,19 @@ label.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
 .e-bigger.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text,
-.e-bigger.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom {
-  padding-right: 10px;
-}
-
+.e-bigger.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
+.e-float-input.e-rtl:not(.e-input-focus) label.e-float-text.e-label-bottom,
+.e-rtl .e-float-input:not(.e-input-focus) label.e-float-text.e-label-bottom,
+.e-float-input.e-rtl.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom,
+.e-rtl .e-float-input.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom,
+.e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text,
+.e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
+.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text,
+.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
+.e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text,
+.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text,
+.e-float-input.e-rtl.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
+.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
 .e-float-input.e-rtl.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom,
 .e-float-input.e-rtl.e-control-wrapper.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom,
 .e-rtl .e-float-input.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom,
@@ -1268,10 +1270,7 @@ label.e-float-text,
 .e-small .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text,
 .e-small .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
 .e-small.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text,
-.e-small.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom {
-  padding-right: 10px;
-}
-
+.e-small.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
 .e-float-input.e-rtl.e-bigger.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom,
 .e-float-input.e-rtl.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom,
 .e-rtl .e-float-input.e-bigger.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom,
@@ -1299,7 +1298,6 @@ label.e-float-text,
   padding-right: 10px;
 }
 
-/* stylelint-enable selector-max-empty-lines */
 .e-input-group.e-corner.e-rtl .e-input:first-child,
 .e-input-group.e-corner.e-rtl .e-input-group-icon:first-child,
 .e-input-group.e-control-wrapper.e-corner.e-rtl .e-input:first-child,
@@ -1334,11 +1332,6 @@ label.e-float-text,
   cursor: not-allowed;
 }
 
-.e-input-group.e-corner.e-rtl input.e-input:only-child,
-.e-input-group.e-control-wrapper.e-corner.e-rtl input.e-input:only-child {
-  border-radius: 0;
-}
-
 .e-input-group.e-rtl .e-input:not(:first-child):focus,
 .e-input-group.e-control-wrapper.e-rtl .e-input:not(:first-child):focus {
   border-right-width: 0;
@@ -1369,7 +1362,13 @@ label.e-float-text,
 .e-input-group.e-control-wrapper textarea.e-input,
 .e-input-group.e-control-wrapper.e-bigger .e-input,
 .e-bigger .e-input-group .e-input,
-.e-bigger .e-input-group.e-control-wrapper .e-input {
+.e-bigger .e-input-group.e-control-wrapper .e-input,
+.e-float-input input.e-input,
+.e-float-input.e-bigger .e-input,
+.e-bigger .e-float-input .e-input,
+.e-float-input.e-control-wrapper input.e-input,
+.e-float-input.e-control-wrapper.e-bigger .e-input,
+.e-bigger .e-float-input.e-control-wrapper .e-input {
   margin-bottom: 0;
 }
 
@@ -1500,10 +1499,10 @@ label.e-float-text,
 .e-input-group.e-bigger .e-input-group-icon:last-child,
 .e-input-group .e-input-group-icon.e-bigger:last-child,
 .e-bigger .e-input-group .e-input-group-icon:last-child,
+.e-input-group.e-control-wrapper .e-input-group-icon:last-child,
 .e-input-group.e-small .e-input-group-icon:last-child,
 .e-input-group.e-small.e-bigger .e-input-group-icon:last-child,
 .e-input-group.e-small .e-input-group-icon.e-bigger:last-child,
-.e-input-group.e-control-wrapper .e-input-group-icon:last-child,
 .e-input-group.e-control-wrapper.e-bigger .e-input-group-icon:last-child,
 .e-input-group.e-control-wrapper .e-input-group-icon.e-bigger:last-child,
 .e-input-group.e-control-wrapper.e-small .e-input-group-icon:last-child,
@@ -1536,11 +1535,6 @@ label.e-float-text,
   border-right-width: 0;
 }
 
-.e-input-group.e-input-focus.e-corner,
-.e-input-group.e-control-wrapper.e-input-focus.e-corner {
-  border-radius: 0;
-}
-
 .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
 .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap,
 .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
@@ -1554,21 +1548,6 @@ label.e-float-text,
   border-style: solid;
 }
 
-.e-float-custom-tag,
-.e-float-custom-tag.e-control-wrapper {
-  display: inline-block;
-}
-
-.e-float-custom-tag.e-input-group,
-.e-float-custom-tag.e-input-group.e-control-wrapper,
-.e-input-custom-tag,
-.e-input-custom-tag.e-input-group,
-.e-input-custom-tag.e-input-group.e-control-wrapper {
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  vertical-align: middle;
-}
-
 .e-input-group .e-input-group-icon,
 .e-input-group.e-control-wrapper .e-input-group-icon {
   content: "";
@@ -1586,7 +1565,21 @@ label.e-float-text,
 
 input.e-input::-ms-clear,
 .e-float-input input::-ms-clear,
-.e-float-input.e-control-wrapper input::-ms-clear {
+.e-float-input.e-control-wrapper input::-ms-clear,
+.e-input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
+.e-input-group input:not(.e-control).e-input:not(:valid):first-child ~ .e-clear-icon,
+.e-input-group.e-control-wrapper input.e-input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
+.e-float-input input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
+.e-float-input.e-control-wrapper input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
+.e-float-input.e-input-group input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
+.e-float-input.e-input-group.e-control-wrapper input:not(:valid):not(.e-control):first-child ~ .e-clear-icon {
+  display: none;
+}
+
+.e-input-group .e-clear-icon.e-clear-icon-hide,
+.e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
+.e-float-input.e-control-wrapper.e-hidden,
+.e-input-group.e-control-wrapper.e-hidden {
   display: none;
 }
 
@@ -1630,14 +1623,14 @@ input.e-input[type=search]::-webkit-search-results-decoration,
 input.e-input::-webkit-input-placeholder,
 input.e-input:-moz-placeholder,
 input.e-input:-ms-input-placeholder,
-input.e-input::-moz-placeholder {
-  font-size: 14px;
-  font-style: normal;
-}
-
+input.e-input::-moz-placeholder,
 textarea.e-input::-webkit-input-placeholder,
 textarea.e-input:-moz-placeholder,
 textarea.e-input:-ms-input-placeholder,
+textarea.e-input::-moz-placeholder,
+textarea.e-input::-webkit-textarea-placeholder,
+textarea.e-input:-moz-placeholder,
+textarea.e-input:-ms-textarea-placeholder,
 textarea.e-input::-moz-placeholder {
   font-size: 14px;
   font-style: normal;
@@ -1650,11 +1643,7 @@ input.e-bigger.e-input:-moz-placeholder,
 .e-bigger input.e-input:-ms-input-placeholder,
 input.e-bigger.e-input:-ms-input-placeholder,
 .e-bigger input.e-input::-moz-placeholder,
-input.e-bigger.e-input::-moz-placeholder {
-  font-size: 15px;
-  font-style: normal;
-}
-
+input.e-bigger.e-input::-moz-placeholder,
 .e-bigger textarea.e-input::-webkit-input-placeholder,
 textarea.e-bigger.e-input::-webkit-input-placeholder,
 .e-bigger textarea.e-input:-moz-placeholder,
@@ -1662,6 +1651,14 @@ textarea.e-bigger.e-input:-moz-placeholder,
 .e-bigger textarea.e-input:-ms-input-placeholder,
 textarea.e-bigger.e-input:-ms-input-placeholder,
 .e-bigger textarea.e-input::-moz-placeholder,
+textarea.e-bigger.e-input::-moz-placeholder,
+.e-bigger textarea.e-input::-webkit-textarea-placeholder,
+textarea.e-bigger.e-input::-webkit-textarea-placeholder,
+.e-bigger textarea.e-input:-moz-placeholder,
+textarea.e-bigger.e-input:-moz-placeholder,
+.e-bigger textarea.e-input:-ms-textarea-placeholder,
+textarea.e-bigger.e-input:-ms-textarea-placeholder,
+.e-bigger textarea.e-input::-moz-placeholder,
 textarea.e-bigger.e-input::-moz-placeholder {
   font-size: 15px;
   font-style: normal;
@@ -1674,11 +1671,7 @@ input.e-small.e-input:-moz-placeholder,
 .e-small input.e-input:-ms-input-placeholder,
 input.e-small.e-input:-ms-input-placeholder,
 .e-small input.e-input::-moz-placeholder,
-input.e-small.e-input::-moz-placeholder {
-  font-size: 13px;
-  font-style: normal;
-}
-
+input.e-small.e-input::-moz-placeholder,
 .e-small textarea.e-input::-webkit-input-placeholder,
 textarea.e-small.e-input::-webkit-input-placeholder,
 .e-small textarea.e-input:-moz-placeholder,
@@ -1686,8 +1679,16 @@ textarea.e-small.e-input:-moz-placeholder,
 .e-small textarea.e-input:-ms-input-placeholder,
 textarea.e-small.e-input:-ms-input-placeholder,
 .e-small textarea.e-input::-moz-placeholder,
-textarea.e-small.e-input::-moz-placeholder {
-  font-size: 13px;
+textarea.e-small.e-input::-moz-placeholder,
+.e-small textarea.e-input::-webkit-textarea-placeholder,
+textarea.e-small.e-input::-webkit-textarea-placeholder,
+.e-small textarea.e-input:-moz-placeholder,
+textarea.e-small.e-input:-moz-placeholder,
+.e-small textarea.e-input:-ms-input-placeholder,
+textarea.e-small.e-input:-ms-input-placeholder,
+.e-small textarea.e-input::-moz-placeholder,
+textarea.e-small.e-input::-moz-placeholder {
+  font-size: 13px;
   font-style: normal;
 }
 
@@ -1698,11 +1699,7 @@ textarea.e-small.e-input::-moz-placeholder {
 .e-bigger input.e-small.e-input:-ms-input-placeholder,
 .e-small input.e-bigger.e-input:-ms-input-placeholder,
 .e-bigger input.e-small.e-input::-moz-placeholder,
-.e-small input.e-bigger.e-input::-moz-placeholder {
-  font-size: 14px;
-  font-style: normal;
-}
-
+.e-small input.e-bigger.e-input::-moz-placeholder,
 .e-bigger textarea.e-small.e-input::-webkit-input-placeholder,
 .e-small textarea.e-bigger.e-input::-webkit-input-placeholder,
 .e-bigger textarea.e-small.e-input:-moz-placeholder,
@@ -1710,103 +1707,57 @@ textarea.e-small.e-input::-moz-placeholder {
 .e-bigger intextareaput.e-small.e-input:-ms-input-placeholder,
 .e-small textarea.e-bigger.e-input:-ms-input-placeholder,
 .e-bigger textarea.e-small.e-input::-moz-placeholder,
+.e-small textarea.e-bigger.e-input::-moz-placeholder,
+.e-bigger textarea.e-small.e-input::-webkit-textarea-placeholder,
+.e-small textarea.e-bigger.e-input::-webkit-textarea-placeholder,
+.e-bigger textarea.e-small.e-input:-moz-placeholder,
+.e-small textarea.e-bigger.e-input:-moz-placeholder,
+.e-bigger textarea.e-small.e-input:-ms-input-placeholder,
+.e-small textarea.e-bigger.e-input:-ms-input-placeholder,
+.e-bigger textarea.e-small.e-input::-moz-placeholder,
 .e-small textarea.e-bigger.e-input::-moz-placeholder {
   font-size: 14px;
   font-style: normal;
 }
 
-input.e-input:-moz-placeholder {
-  font-style: normal;
-  user-select: none;
-}
-
-textarea.e-input:-moz-placeholder {
-  font-style: normal;
-  user-select: none;
-}
-
-.e-input-group input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: normal;
-  user-select: none;
-}
-
-.e-input-group textarea.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: normal;
-  user-select: none;
-}
-
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: normal;
-  user-select: none;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: normal;
-  user-select: none;
-}
-
-input.e-input:-moz-placeholder {
-  font-style: normal;
-  user-select: none;
-}
-
-.e-input-group input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: normal;
-  user-select: none;
-}
-
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: normal;
-  user-select: none;
-}
-
-textarea.e-input:-moz-placeholder {
-  font-style: normal;
-  user-select: none;
-}
-
-input.e-input::-moz-placeholder {
-  font-style: normal;
-  user-select: none;
-}
-
-textarea.e-input::-moz-placeholder {
-  font-style: normal;
-  user-select: none;
-}
-
-input.e-input:-ms-input-placeholder {
+input.e-input:-moz-placeholder,
+textarea.e-input:-moz-placeholder,
+.e-input-group input.e-input:-moz-placeholder,
+.e-input-group textarea.e-input:-moz-placeholder,
+.e-input-group.e-control-wrapper input.e-input:-moz-placeholder,
+.e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder,
+input.e-input:-moz-placeholder,
+.e-input-group input.e-input:-moz-placeholder,
+.e-input-group.e-control-wrapper input.e-input:-moz-placeholder,
+textarea.e-input:-moz-placeholder,
+input.e-input::-moz-placeholder,
+textarea.e-input::-moz-placeholder,
+input.e-input::-webkit-input-placeholder,
+textarea.e-input::-webkit-input-placeholder {
   font-style: normal;
+  -moz-user-select: none;
+       user-select: none;
 }
 
+input.e-input:-ms-input-placeholder,
 textarea.e-input:-ms-input-placeholder {
   font-style: normal;
 }
 
-input.e-input::-webkit-input-placeholder {
-  font-style: normal;
-  -webkit-user-select: none;
-          user-select: none;
-}
-
-textarea.e-input::-webkit-input-placeholder {
-  font-style: normal;
-  -webkit-user-select: none;
-          user-select: none;
-}
-
 input.e-input,
 .e-input-group input,
 .e-input-group.e-control-wrapper input,
 .e-input-group input.e-input,
 .e-input-group.e-control-wrapper input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 30px;
 }
 
 .e-float-input:not(.e-input-group) input,
 .e-float-input.e-control-wrapper:not(.e-input-group) input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 32px;
 }
 
@@ -1828,7 +1779,8 @@ input.e-input.e-bigger,
 .e-float-input.e-control-wrapper.e-bigger input.e-input,
 .e-bigger .e-float-input.e-control-wrapper input,
 .e-bigger .e-float-input.e-control-wrapper input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 38px;
 }
 
@@ -1840,7 +1792,8 @@ input.e-input.e-bigger,
 .e-float-input.e-control-wrapper.e-bigger:not(.e-input-group) input.e-input,
 .e-bigger .e-float-input.e-control-wrapper:not(.e-input-group) input,
 .e-bigger .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 40px;
 }
 
@@ -1861,7 +1814,8 @@ input.e-input.e-small,
 .e-float-input.e-control-wrapper.e-small input.e-input,
 .e-small .e-float-input.e-control-wrapper input,
 .e-small .e-float-input.e-control-wrapper input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 24px;
 }
 
@@ -1872,7 +1826,8 @@ input.e-input.e-small,
 .e-float-input.e-control-wrapper.e-small:not(.e-input-group) input.e-input,
 .e-small .e-float-input.e-control-wrapper:not(.e-input-group) input,
 .e-small .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 26px;
 }
 
@@ -1893,7 +1848,8 @@ input.e-input.e-small.e-bigger,
 .e-float-input.e-control-wrapper.e-bigger.e-small input.e-input,
 .e-bigger.e-small .e-float-input.e-control-wrapper input,
 .e-bigger.e-small .e-float-input.e-control-wrapper input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 34px;
 }
 
@@ -1905,7 +1861,8 @@ input.e-input.e-small.e-bigger,
 .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-group) input.e-input,
 .e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-group) input,
 .e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 36px;
 }
 
@@ -1914,7 +1871,8 @@ textarea.e-input,
 .e-input-group.e-control-wrapper textarea,
 .e-float-input textarea,
 .e-float-input.e-control-wrapper textarea {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: auto;
 }
 
@@ -1937,7 +1895,8 @@ textarea.e-input.e-bigger,
 .e-float-input.e-control-wrapper.e-bigger textarea.e-input,
 .e-bigger .e-float-input.e-control-wrapper textarea,
 .e-bigger .e-float-input.e-control-wrapper textarea.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: auto;
 }
 
@@ -1958,7 +1917,8 @@ textarea.e-input.e-small,
 .e-float-input.e-control-wrapper.e-small textarea.e-input,
 .e-small .e-float-input.e-control-wrapper textarea,
 .e-small .e-float-input.e-control-wrapper textarea.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: auto;
 }
 
@@ -1979,7 +1939,8 @@ textarea.e-input.e-small.e-bigger,
 .e-float-input.e-control-wrapper.e-bigger.e-small textarea.e-input,
 .e-bigger.e-small .e-float-input.e-control-wrapper textarea,
 .e-bigger.e-small .e-float-input.e-control-wrapper textarea.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: auto;
 }
 
@@ -2015,10 +1976,7 @@ input.e-input.e-small,
 .e-small .e-float-input input,
 .e-float-input.e-control-wrapper.e-small input,
 .e-float-input.e-control-wrapper input.e-small,
-.e-small .e-float-input.e-control-wrapper input {
-  text-indent: 10px;
-}
-
+.e-small .e-float-input.e-control-wrapper input,
 textarea.e-input.e-small,
 .e-input-group textarea.e-input.e-small,
 .e-input-group.e-control-wrapper input.e-input-group textarea.e-input.e-small,
@@ -2048,11 +2006,7 @@ input.e-input,
 .e-input-group.e-input-focus input.e-input,
 .e-input-group.e-control-wrapper.e-input-focus input.e-input,
 .e-float-input.e-control-wrapper.e-input-focus input,
-.e-float-input.e-input-focus input {
-  padding-left: 10px;
-  text-indent: 0;
-}
-
+.e-float-input.e-input-focus input,
 textarea.e-input,
 .e-input-group textarea.e-input,
 .e-input-group textarea,
@@ -2167,11 +2121,7 @@ input.e-input.e-small,
 .e-float-input.e-small.e-input-focus input,
 .e-float-input.e-control-wrapper.e-input-focus.e-small input,
 .e-small .e-float-input.e-input-focus input,
-.e-small .e-float-input.e-control-wrapper.e-input-focus input {
-  padding-left: 10px;
-  text-indent: 0;
-}
-
+.e-small .e-float-input.e-control-wrapper.e-input-focus input,
 textarea.e-input.e-small,
 .e-small textarea.e-input,
 .e-input-group.e-small textarea.e-input,
@@ -2473,7 +2423,33 @@ input.e-input.e-bigger.e-small,
 .e-small .e-float-input.e-control-wrapper.e-bigger.e-input-focus input,
 .e-small .e-float-input.e-bigger.e-input-focus input,
 .e-float-input.e-control-wrapper.e-bigger.e-small.e-input-focus input,
-.e-float-input.e-bigger.e-small.e-input-focus input {
+.e-float-input.e-bigger.e-small.e-input-focus input,
+textarea.e-input.e-bigger.e-small,
+.e-bigger textarea.e-input.e-small,
+.e-input-group.e-small.e-bigger textarea.e-input,
+.e-input-group.e-control-wrapper.e-small.e-bigger textarea.e-input,
+.e-input-group.e-small textarea.e-input.e-bigger,
+.e-input-group.e-control-wrapper.e-small textarea.e-input.e-bigger,
+.e-bigger .e-input-group.e-small textarea.e-input,
+.e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input,
+.e-float-input.e-small.e-bigger textarea,
+.e-float-input.e-small textarea.e-bigger,
+.e-bigger .e-float-input.e-small textarea,
+.e-float-input.e-control-wrapper.e-small.e-bigger textarea,
+.e-float-input.e-control-wrapper.e-small textarea.e-bigger,
+.e-bigger .e-float-input.e-control-wrapper.e-small textarea,
+.e-bigger .e-input-group.e-small textarea.e-input:focus,
+.e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input:focus,
+.e-bigger .e-float-input.e-control-wrapper.e-small textarea:focus,
+.e-bigger .e-float-input.e-small textarea:focus,
+.e-small .e-input-group.e-bigger textarea.e-input:focus,
+.e-small .e-input-group.e-control-wrapper.e-bigger textarea.e-input:focus,
+.e-small .e-float-input.e-control-wrapper.e-bigger textarea:focus,
+.e-small .e-float-input.e-bigger textarea:focus,
+.e-input-group.e-bigger.e-small textarea.e-input:focus,
+.e-input-group.e-control-wrapper.e-bigger.e-small textarea.e-input:focus,
+.e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus,
+.e-float-input.e-bigger.e-small textarea:focus {
   padding-left: 12px;
   text-indent: 0;
 }
@@ -2557,36 +2533,6 @@ input.e-input.e-bigger.e-small,
   text-indent: 0;
 }
 
-textarea.e-input.e-bigger.e-small,
-.e-bigger textarea.e-input.e-small,
-.e-input-group.e-small.e-bigger textarea.e-input,
-.e-input-group.e-control-wrapper.e-small.e-bigger textarea.e-input,
-.e-input-group.e-small textarea.e-input.e-bigger,
-.e-input-group.e-control-wrapper.e-small textarea.e-input.e-bigger,
-.e-bigger .e-input-group.e-small textarea.e-input,
-.e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input,
-.e-float-input.e-small.e-bigger textarea,
-.e-float-input.e-small textarea.e-bigger,
-.e-bigger .e-float-input.e-small textarea,
-.e-float-input.e-control-wrapper.e-small.e-bigger textarea,
-.e-float-input.e-control-wrapper.e-small textarea.e-bigger,
-.e-bigger .e-float-input.e-control-wrapper.e-small textarea,
-.e-bigger .e-input-group.e-small textarea.e-input:focus,
-.e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input:focus,
-.e-bigger .e-float-input.e-control-wrapper.e-small textarea:focus,
-.e-bigger .e-float-input.e-small textarea:focus,
-.e-small .e-input-group.e-bigger textarea.e-input:focus,
-.e-small .e-input-group.e-control-wrapper.e-bigger textarea.e-input:focus,
-.e-small .e-float-input.e-control-wrapper.e-bigger textarea:focus,
-.e-small .e-float-input.e-bigger textarea:focus,
-.e-input-group.e-bigger.e-small textarea.e-input:focus,
-.e-input-group.e-control-wrapper.e-bigger.e-small textarea.e-input:focus,
-.e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus,
-.e-float-input.e-bigger.e-small textarea:focus {
-  padding-left: 12px;
-  text-indent: 0;
-}
-
 .e-bigger textarea.e-input.e-small.e-rtl,
 .e-input-group:not(.e-outline).e-small.e-bigger.e-rtl textarea.e-input,
 .e-input-group:not(.e-outline).e-control-wrapper.e-small.e-bigger.e-rtl textarea.e-input,
@@ -2649,12 +2595,16 @@ textarea.e-input.e-bigger.e-small,
   background: transparent;
   border: 0;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   line-height: 1;
   min-width: 24px;
   outline: none;
@@ -2677,6 +2627,7 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-static-clear .e-clear-icon.e-clear-icon-hide,
 .e-input-group.e-control-wrapper.e-static-clear .e-clear-icon.e-clear-icon-hide {
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -2741,37 +2692,11 @@ textarea.e-input.e-bigger.e-small,
   font-size: 12px;
 }
 
-.e-input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
-.e-input-group input:not(.e-control).e-input:not(:valid):first-child ~ .e-clear-icon,
-.e-input-group.e-control-wrapper input.e-input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
-.e-float-input input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
-.e-float-input.e-control-wrapper input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
-.e-float-input.e-input-group input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
-.e-float-input.e-input-group.e-control-wrapper input:not(:valid):not(.e-control):first-child ~ .e-clear-icon {
-  display: none;
-}
-
-.e-input-group .e-clear-icon.e-clear-icon-hide,
-.e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
-  display: none;
-}
-
 .e-input-group.e-static-clear .e-clear-icon.e-clear-icon-hide,
 .e-input-group.e-control-wrapper.e-static-clear .e-clear-icon.e-clear-icon-hide {
   cursor: pointer;
 }
 
-.e-input-group.e-disabled input.e-input:not(:valid):first-child ~ .e-clear-icon,
-.e-input-group.e-control-wrapper.e-disabled input.e-input:not(:valid):first-child ~ .e-clear-icon,
-.e-float-input.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
-.e-float-input.e-input-group.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
-.e-float-input.e-input-group.e-control-wrapper.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
-.e-float-input.e-control-wrapper.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
-.e-input-group.e-disabled .e-clear-icon.e-clear-icon-hide,
-.e-input-group.e-control-wrapper.e-disabled .e-clear-icon.e-clear-icon-hide {
-  cursor: not-allowed;
-}
-
 .e-float-input.e-control-wrapper input[readonly]:first-child ~ .e-clear-icon,
 .e-float-input.e-control-wrapper.e-input-group input[readonly]:first-child ~ .e-clear-icon,
 .e-float-input input[readonly]:first-child ~ .e-clear-icon,
@@ -2911,7 +2836,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper textarea:valid,
 .e-input-group textarea:not(:valid),
 .e-input-group textarea:valid {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 
 .e-input-group .e-input-in-wrap,
@@ -2919,6 +2845,7 @@ textarea.e-input.e-bigger.e-small,
 .e-float-input .e-input-in-wrap,
 .e-float-input.e-control-wrapper .e-input-in-wrap {
   width: 100%;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
@@ -2933,15 +2860,6 @@ textarea.e-input.e-bigger.e-small,
   white-space: nowrap;
 }
 
-.e-float-input input.e-input,
-.e-float-input.e-bigger .e-input,
-.e-bigger .e-float-input .e-input,
-.e-float-input.e-control-wrapper input.e-input,
-.e-float-input.e-control-wrapper.e-bigger .e-input,
-.e-bigger .e-float-input.e-control-wrapper .e-input {
-  margin-bottom: 0;
-}
-
 .e-float-input textarea:focus ~ label.e-float-text,
 .e-float-input textarea:valid ~ label.e-float-text,
 .e-float-input textarea ~ label.e-label-top.e-float-text,
@@ -2957,7 +2875,8 @@ textarea.e-input.e-bigger.e-small,
   font-size: 12px;
   font-style: normal;
   top: 15px;
-  transform: translate3d(-10px, -40px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -40px, 0) scale(1);
+          transform: translate3d(-10px, -40px, 0) scale(1);
 }
 
 .e-float-input.e-bigger textarea:focus ~ label.e-float-text,
@@ -3065,7 +2984,8 @@ textarea.e-input.e-bigger.e-small,
   font-size: 12px;
   font-style: normal;
   padding-right: 0;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3080,7 +3000,8 @@ textarea.e-input.e-bigger.e-small,
   font-style: normal;
   padding-right: 0;
   top: 14px;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3095,7 +3016,8 @@ textarea.e-input.e-bigger.e-small,
   font-style: normal;
   padding-right: 0;
   top: 17px;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3114,7 +3036,8 @@ textarea.e-input.e-bigger.e-small,
   font-style: normal;
   padding-right: 0;
   top: 16px;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3143,7 +3066,8 @@ textarea.e-input.e-bigger.e-small,
   -ms-transform: translate(0%, -50%);
   -o-transform: translate(0%, -50%);
   -webkit-transform: translate(0%, -50%);
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   left: 0%;
   top: 15px;
   transform: translate(0%, -50%);
@@ -3203,13 +3127,15 @@ textarea.e-input.e-bigger.e-small,
 .e-small .e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top {
   font-style: normal;
   padding-right: 0;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
 }
 
 .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
   font-style: normal;
-  transform: translate3d(0, 16px, 0) scale(1);
+  -webkit-transform: translate3d(0, 16px, 0) scale(1);
+          transform: translate3d(0, 16px, 0) scale(1);
 }
 
 .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
@@ -3224,67 +3150,28 @@ textarea.e-input.e-bigger.e-small,
   position: absolute;
   text-overflow: ellipsis;
   top: -11px;
-  transform: translate3d(0, 16px, 0) scale(1);
-  transform-origin: left top;
+  -webkit-transform: translate3d(0, 16px, 0) scale(1);
+          transform: translate3d(0, 16px, 0) scale(1);
+  -webkit-transform-origin: left top;
+          transform-origin: left top;
+  -webkit-transition: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
   transition: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   white-space: nowrap;
   width: 100%;
 }
 
-textarea.e-input::-webkit-textarea-placeholder,
-textarea.e-input:-moz-placeholder,
-textarea.e-input:-ms-textarea-placeholder,
-textarea.e-input::-moz-placeholder {
-  font-size: 14px;
-  font-style: normal;
-}
-
-.e-small textarea.e-input::-webkit-textarea-placeholder,
-textarea.e-small.e-input::-webkit-textarea-placeholder,
-.e-small textarea.e-input:-moz-placeholder,
-textarea.e-small.e-input:-moz-placeholder,
-.e-small textarea.e-input:-ms-input-placeholder,
-textarea.e-small.e-input:-ms-input-placeholder,
-.e-small textarea.e-input::-moz-placeholder,
-textarea.e-small.e-input::-moz-placeholder {
-  font-size: 13px;
-  font-style: normal;
-}
-
-.e-bigger textarea.e-small.e-input::-webkit-textarea-placeholder,
-.e-small textarea.e-bigger.e-input::-webkit-textarea-placeholder,
-.e-bigger textarea.e-small.e-input:-moz-placeholder,
-.e-small textarea.e-bigger.e-input:-moz-placeholder,
-.e-bigger textarea.e-small.e-input:-ms-input-placeholder,
-.e-small textarea.e-bigger.e-input:-ms-input-placeholder,
-.e-bigger textarea.e-small.e-input::-moz-placeholder,
-.e-small textarea.e-bigger.e-input::-moz-placeholder {
-  font-size: 14px;
-  font-style: normal;
-}
-
-.e-bigger textarea.e-input::-webkit-textarea-placeholder,
-textarea.e-bigger.e-input::-webkit-textarea-placeholder,
-.e-bigger textarea.e-input:-moz-placeholder,
-textarea.e-bigger.e-input:-moz-placeholder,
-.e-bigger textarea.e-input:-ms-textarea-placeholder,
-textarea.e-bigger.e-input:-ms-textarea-placeholder,
-.e-bigger textarea.e-input::-moz-placeholder,
-textarea.e-bigger.e-input::-moz-placeholder {
-  font-size: 15px;
-  font-style: normal;
-}
-
 .e-float-input textarea:-webkit-autofill ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom {
   font-size: 12px;
   font-style: normal;
   padding-right: 0;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3299,7 +3186,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
   font-style: normal;
   padding-right: 0;
   top: 17px;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3318,7 +3206,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
   font-style: normal;
   padding-right: 0;
   top: 16px;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3333,7 +3222,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
   font-style: normal;
   padding-right: 0;
   top: 14px;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3364,7 +3254,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
 .e-bigger .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
   font-style: normal;
   padding-right: 0;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
 }
 
 .e-float-input.e-small.e-bigger textarea:focus ~ label.e-float-text,
@@ -3393,7 +3284,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
 .e-small.e-bigger .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
   font-style: normal;
   padding-right: 0;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
 }
 
 .e-float-input.e-small textarea:focus ~ label.e-float-text,
@@ -3422,7 +3314,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
 .e-small .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
   font-style: normal;
   padding-right: 0;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
 }
 
 .e-float-input textarea[disabled],
@@ -3433,16 +3326,6 @@ textarea.e-bigger.e-input::-moz-placeholder {
   border-style: solid;
 }
 
-.e-float-input textarea[disabled],
-.e-float-input textarea.e-disabled,
-.e-float-input.e-disabled textarea,
-.e-float-input.e-control-wrapper textarea[disabled],
-.e-float-input.e-control-wrapper textarea.e-disabled,
-.e-float-input.e-control-wrapper.e-disabled textarea {
-  filter: alpha(opacity=100);
-  opacity: 1;
-}
-
 .e-float-input textarea[disabled],
 .e-float-input textarea.e-disabled,
 .e-float-input.e-control-wrapper textarea[disabled],
@@ -3452,18 +3335,6 @@ textarea.e-bigger.e-input::-moz-placeholder {
   cursor: not-allowed;
 }
 
-textarea.e-input,
-.e-input-group textarea.e-input,
-.e-input-group textarea,
-.e-input-group.e-control-wrapper textarea.e-input,
-.e-input-group.e-control-wrapper textarea,
-.e-float-input textarea,
-.e-float-input.e-input-group textarea,
-.e-float-input.e-control-wrapper textarea,
-.e-float-input.e-control-wrapper.e-input-group textarea {
-  border-radius: 0;
-}
-
 textarea.e-input,
 .e-input-group textarea,
 .e-input-group textarea.e-input,
@@ -3501,7 +3372,7 @@ textarea.e-input,
 .e-bigger .e-float-input textarea,
 .e-bigger .e-float-input.e-control-wrapper textarea {
   font: inherit;
-  line-height: 1.5;
+  line-height: 1.2;
   min-height: 36px;
   padding: 6px 12px 0 12px;
 }
@@ -3523,7 +3394,7 @@ textarea.e-input,
 .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus,
 .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus {
   font: inherit;
-  line-height: 1.5;
+  line-height: 1.2;
   min-height: 36px;
   padding: 6px 12px 0 12px;
 }
@@ -3610,7 +3481,7 @@ textarea.e-input,
 .e-bigger.e-small .e-float-input.e-control-wrapper textarea,
 .e-bigger .e-small.e-float-input.e-control-wrapper textarea {
   font: inherit;
-  line-height: 1.5;
+  line-height: 1.2;
   min-height: 32px;
   padding: 4px 12px 0 12px;
 }
@@ -3627,7 +3498,7 @@ textarea.e-input,
 .e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
 .e-small .e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea.e-input {
   font: inherit;
-  line-height: 1.5;
+  line-height: 1.2;
   min-height: 32px;
   padding: 4px 12px 0 12px;
 }
@@ -3644,19 +3515,8 @@ textarea.e-input,
 .e-filled.e-input-group.e-control-wrapper.e-multi-line-input textarea,
 .e-filled.e-float-input.e-multi-line-input textarea,
 .e-filled.e-float-input.e-control-wrapper.e-multi-line-input textarea {
-  box-sizing: border-box;
-}
-
-.e-float-input.e-control-wrapper.e-hidden,
-.e-input-group.e-control-wrapper.e-hidden {
-  display: none;
-}
-
-.e-input-group.e-control-container.valid.modified,
-.e-input-group.e-control-container.invalid,
-.e-float-input.e-control-container.valid.modified,
-.e-float-input.e-control-container.invalid {
-  outline: none;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 
 /*! input theme */
@@ -3693,7 +3553,11 @@ textarea.e-input,
 }
 
 .e-input-group.e-disabled .e-input-group-icon,
-.e-input-group.e-control-wrapper.e-disabled .e-input-group-icon {
+.e-input-group.e-control-wrapper.e-disabled .e-input-group-icon,
+.e-float-input.e-disabled .e-clear-icon,
+.e-float-input.e-control-wrapper.e-disabled .e-clear-icon,
+.e-input-group.e-disabled .e-clear-icon,
+.e-input-group.e-control-wrapper.e-disabled .e-clear-icon {
   color: #6f6c6c;
 }
 
@@ -3841,7 +3705,9 @@ label.e-float-text,
 .e-float-input input,
 .e-float-input textarea,
 .e-float-input.e-control-wrapper input,
-.e-float-input.e-control-wrapper textarea {
+.e-float-input.e-control-wrapper textarea,
+.e-input-group,
+.e-input-group.e-control-wrapper {
   border-bottom-color: #9a9a9a;
 }
 
@@ -3868,7 +3734,38 @@ label.e-float-text,
 
 .e-float-input:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
 .e-float-input:not(.e-error):not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
-.e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) {
+.e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
+input.e-input:-moz-placeholder,
+.e-input-group input.e-input:-moz-placeholder,
+.e-input-group input.e-input:-moz-placeholder,
+.e-input-group.e-control-wrapper input.e-input:-moz-placeholder,
+input.e-input:-moz-placeholder,
+.e-input-group input.e-input:-moz-placeholder,
+.e-input-group.e-control-wrapper input.e-input:-moz-placeholder,
+textarea.e-input:-moz-placeholder,
+.e-input-group textarea.e-input:-moz-placeholder,
+.e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder,
+input.e-input::-moz-placeholder,
+.e-input-group input.e-input::-moz-placeholder,
+.e-input-group.e-control-wrapper input.e-input::-moz-placeholder,
+textarea.e-input::-moz-placeholder,
+.e-input-group textarea.e-input::-moz-placeholder,
+.e-input-group.e-control-wrapper textarea.e-input::-moz-placeholder,
+input.e-input:-ms-input-placeholder,
+.e-input-group input.e-input:-ms-input-placeholder,
+.e-input-group.e-control-wrapper input.e-input:-ms-input-placeholder,
+textarea.e-input:-ms-input-placeholder,
+.e-input-group.e-control-wrapper textarea.e-input:-ms-input-placeholder,
+.e-input-group textarea.e-input:-ms-input-placeholder,
+input.e-input::-webkit-input-placeholder,
+.e-input-group.e-control-wrapper input.e-input::-webkit-input-placeholder,
+.e-input-group input.e-input::-webkit-input-placeholder,
+textarea.e-input::-webkit-input-placeholder,
+.e-input-group textarea.e-input::-webkit-input-placeholder,
+.e-input-group.e-control-wrapper textarea.e-input::-webkit-input-placeholder,
+.e-float-input:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
+.e-float-input:not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
+.e-float-input.e-control-wrapper:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) {
   color: #6f6c6c;
 }
 
@@ -3878,6 +3775,11 @@ label.e-float-text,
   color: #dadada;
 }
 
+input.e-input::-moz-selection, textarea.e-input::-moz-selection, .e-input-group input.e-input::-moz-selection, .e-input-group.e-control-wrapper input.e-input::-moz-selection, .e-float-input input::-moz-selection, .e-float-input.e-control-wrapper input::-moz-selection, .e-input-group textarea.e-input::-moz-selection, .e-input-group.e-control-wrapper textarea.e-input::-moz-selection, .e-float-input textarea::-moz-selection, .e-float-input.e-control-wrapper textarea::-moz-selection, .e-float-input.e-small textarea::-moz-selection, .e-float-input textarea::-moz-selection {
+  background: #0074cc;
+  color: #fff;
+}
+
 input.e-input::selection,
 textarea.e-input::selection,
 .e-input-group input.e-input::selection,
@@ -3887,126 +3789,13 @@ textarea.e-input::selection,
 .e-input-group textarea.e-input::selection,
 .e-input-group.e-control-wrapper textarea.e-input::selection,
 .e-float-input textarea::selection,
-.e-float-input.e-control-wrapper textarea::selection {
-  background: #0074cc;
-  color: #fff;
-}
-
+.e-float-input.e-control-wrapper textarea::selection,
 .e-float-input.e-small textarea::selection,
 .e-float-input textarea::selection {
   background: #0074cc;
   color: #fff;
 }
 
-input.e-input:-moz-placeholder {
-  color: #6f6c6c;
-}
-
-.e-input-group input.e-input:-moz-placeholder {
-  color: #6f6c6c;
-}
-
-.e-input-group input.e-input:-moz-placeholder,
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder {
-  color: #6f6c6c;
-}
-
-input.e-input:-moz-placeholder {
-  color: #6f6c6c;
-}
-
-.e-input-group input.e-input:-moz-placeholder {
-  color: #6f6c6c;
-}
-
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder {
-  color: #6f6c6c;
-}
-
-textarea.e-input:-moz-placeholder {
-  color: #6f6c6c;
-}
-
-.e-input-group textarea.e-input:-moz-placeholder {
-  color: #6f6c6c;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder {
-  color: #6f6c6c;
-}
-
-input.e-input::-moz-placeholder {
-  color: #6f6c6c;
-}
-
-.e-input-group input.e-input::-moz-placeholder {
-  color: #6f6c6c;
-}
-
-.e-input-group.e-control-wrapper input.e-input::-moz-placeholder {
-  color: #6f6c6c;
-}
-
-textarea.e-input::-moz-placeholder {
-  color: #6f6c6c;
-}
-
-.e-input-group textarea.e-input::-moz-placeholder {
-  color: #6f6c6c;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input::-moz-placeholder {
-  color: #6f6c6c;
-}
-
-input.e-input:-ms-input-placeholder {
-  color: #6f6c6c;
-}
-
-.e-input-group input.e-input:-ms-input-placeholder {
-  color: #6f6c6c;
-}
-
-.e-input-group.e-control-wrapper input.e-input:-ms-input-placeholder {
-  color: #6f6c6c;
-}
-
-textarea.e-input:-ms-input-placeholder {
-  color: #6f6c6c;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input:-ms-input-placeholder {
-  color: #6f6c6c;
-}
-
-.e-input-group textarea.e-input:-ms-input-placeholder {
-  color: #6f6c6c;
-}
-
-input.e-input::-webkit-input-placeholder {
-  color: #6f6c6c;
-}
-
-.e-input-group.e-control-wrapper input.e-input::-webkit-input-placeholder {
-  color: #6f6c6c;
-}
-
-.e-input-group input.e-input::-webkit-input-placeholder {
-  color: #6f6c6c;
-}
-
-textarea.e-input::-webkit-input-placeholder {
-  color: #6f6c6c;
-}
-
-.e-input-group textarea.e-input::-webkit-input-placeholder {
-  color: #6f6c6c;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input::-webkit-input-placeholder {
-  color: #6f6c6c;
-}
-
 .e-input-group::before,
 .e-input-group::after,
 .e-input-group.e-control-wrapper::before,
@@ -4036,30 +3825,18 @@ textarea.e-input::-webkit-input-placeholder {
 }
 
 .e-input-group.e-success .e-input-group-icon,
-.e-input-group.e-control-wrapper.e-success .e-input-group-icon {
-  color: #dadada;
-}
-
-.e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
-  color: #dadada;
-}
-
+.e-input-group.e-control-wrapper.e-success .e-input-group-icon,
 .e-input-group.e-warning .e-input-group-icon,
-.e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
-  color: #dadada;
-}
-
-.e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
-  color: #dadada;
-}
-
+.e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
 .e-input-group.e-error .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-error .e-input-group-icon {
   color: #dadada;
 }
 
+.e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
+.e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
+.e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
+.e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
 .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
 .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: #dadada;
@@ -4068,7 +3845,11 @@ textarea.e-input::-webkit-input-placeholder {
 .e-input-group input.e-input,
 .e-input-group.e-control-wrapper input.e-input,
 .e-input-group textarea.e-input,
-.e-input-group.e-control-wrapper textarea.e-input {
+.e-input-group.e-control-wrapper textarea.e-input,
+.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus,
+.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input {
   border-color: #9a9a9a;
 }
 
@@ -4096,13 +3877,6 @@ textarea.e-input::-webkit-input-placeholder {
   border-color: #38a9ff;
 }
 
-.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus,
-.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input {
-  border-color: #9a9a9a;
-}
-
 .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus,
 .e-input-group.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:last-child.e-input-group-icon,
 .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus,
@@ -4147,11 +3921,6 @@ textarea.e-input::-webkit-input-placeholder {
   border-color: #333232;
 }
 
-.e-input-group,
-.e-input-group.e-control-wrapper {
-  border-bottom-color: #9a9a9a;
-}
-
 .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus,
 .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus,
 .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input,
@@ -4195,13 +3964,6 @@ textarea.e-input::-webkit-input-placeholder {
   color: #fff;
 }
 
-.e-float-input.e-disabled .e-clear-icon,
-.e-float-input.e-control-wrapper.e-disabled .e-clear-icon,
-.e-input-group.e-disabled .e-clear-icon,
-.e-input-group.e-control-wrapper.e-disabled .e-clear-icon {
-  color: #6f6c6c;
-}
-
 .e-float-input.e-input-focus .e-input:focus,
 .e-float-input.e-control-wrapper.e-input-focus .e-input:focus {
   border-bottom-color: transparent;
@@ -4226,32 +3988,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-bigger .e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
 .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
-.e-bigger .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text {
-  color: #dadada;
-}
-
-.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
-.e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
-.e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
-.e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
-.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
-.e-float-input .e-control-wrapper:not(.e-error) input label.e-float-text.e-label-top,
-.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:valid ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text,
-.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
-.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
-.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text {
-  color: #dadada;
-}
-
+.e-bigger .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
 .e-float-input.e-small:not(.e-error) input:valid ~ label.e-float-text,
 .e-float-input.e-small:not(.e-error) input ~ label.e-label-top.e-float-text,
@@ -4275,10 +4012,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-small .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
-.e-bigger .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text {
-  color: #dadada;
-}
-
+.e-bigger .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-small:not(.e-error) input:valid ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-small:not(.e-error) input ~ label.e-label-top.e-float-text,
@@ -4302,33 +4036,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text {
-  color: #dadada;
-}
-
-.e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-float-input.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-bigger .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-small .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-float-input.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-bigger .e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
-  color: #9a9a9a;
-}
-
-.e-float-input:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
-.e-float-input:not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
-.e-float-input.e-control-wrapper:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) {
-  color: #6f6c6c;
-}
-
+.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text,
 .e-float-input:not(.e-error) textarea:valid ~ label.e-float-text,
 .e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text,
@@ -4344,10 +4052,81 @@ textarea.e-input::-webkit-input-placeholder {
 .e-bigger .e-float-input:not(.e-error) textarea:valid ~ label.e-float-text,
 .e-bigger .e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text,
 .e-bigger .e-float-input:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
-.e-bigger .e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text {
+.e-bigger .e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
+.e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text,
+.e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text,
+.e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-float-text,
+.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text,
+.e-small .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text,
+.e-small .e-float-input:not(.e-error) textarea:valid ~ label.e-float-text,
+.e-small .e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text,
+.e-small .e-float-input:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top,
+.e-small .e-float-input:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
+.e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text,
+.e-float-input.e-small.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text,
+.e-float-input.e-small.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text,
+.e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-bigger .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
+.e-bigger .e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text,
+.e-bigger .e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text,
+.e-bigger .e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-bigger .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-small .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-small.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger .e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger.e-small .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-float-input.e-bigger.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-small.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger .e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-small .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-small.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger .e-float-input.e-small:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger.e-small .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-float-input.e-bigger.e-small:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-small.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger .e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text {
   color: #dadada;
 }
 
+.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
+.e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
+.e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
+.e-float-input .e-control-wrapper:not(.e-error) input label.e-float-text.e-label-top,
+.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:valid ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text,
 .e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text,
 .e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text,
@@ -4367,27 +4146,21 @@ textarea.e-input::-webkit-input-placeholder {
   color: #dadada;
 }
 
-.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
-.e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text,
-.e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text,
-.e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-float-text,
-.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text,
-.e-small .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text,
-.e-small .e-float-input:not(.e-error) textarea:valid ~ label.e-float-text,
-.e-small .e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text,
-.e-small .e-float-input:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top,
-.e-small .e-float-input:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
-.e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text,
-.e-float-input.e-small.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text,
-.e-float-input.e-small.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text,
-.e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
-.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
-.e-bigger .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
-.e-bigger .e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text,
-.e-bigger .e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text,
-.e-bigger .e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
-.e-bigger .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text {
-  color: #dadada;
+.e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-float-input.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-float-input.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
+  color: #9a9a9a;
 }
 
 .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
@@ -4426,10 +4199,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text,
 .e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
 .e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
-.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top {
-  color: #6f6c6c;
-}
-
+.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
 .e-float-input textarea[disabled] ~ label.e-float-text,
 .e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
 .e-float-input:not(.e-error) textarea[disabled] ~ label.e-float-text,
@@ -4439,10 +4209,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text,
 .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
 .e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text,
-.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top {
-  color: #6f6c6c;
-}
-
+.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
 .e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text,
 .e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text.e-label-top,
 .e-float-input.e-control-wrapper.e-disabled input[disabled] ~ label.e-float-text,
@@ -4466,10 +4233,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
 .e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top {
-  color: #6f6c6c;
-}
-
+.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
 .e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-label-top.e-float-text,
 .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-float-text,
@@ -4531,42 +4295,4 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   border-color: #38a9ff;
 }
 
-.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-small .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-small.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger .e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger.e-small .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-float-input.e-bigger.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-small.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger .e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text {
-  color: #dadada;
-}
-
-.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-small .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-small.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger .e-float-input.e-small:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger.e-small .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-float-input.e-bigger.e-small:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-small.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger .e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text {
-  color: #dadada;
-}
-
 /* stylelint-disable-line no-empty-source */