@syncfusion/ej2-inputs 25.2.6 → 26.1.35

package/styles/bootstrap-dark.css

@@ -50,12 +50,7 @@ textarea.e-input,
 input.e-input,
 textarea.e-input,
 .e-input-group,
-.e-input-group.e-control-wrapper {
-  font-family: "Helvetica Neue", "Helvetica", "Arial", 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: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -66,7 +61,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;
 }
 
@@ -87,12 +90,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,
@@ -118,7 +116,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: 4px;
 }
 
@@ -167,13 +179,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,
@@ -200,17 +205,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: 32px;
   min-width: 32px;
@@ -240,11 +250,7 @@ textarea.e-input.e-bigger,
 .e-input-group.e-rtl .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-rtl .e-input-group-icon,
 .e-rtl .e-input-group .e-input-group-icon,
-.e-rtl .e-input-group.e-control-wrapper .e-input-group-icon {
-  border-left-width: 1px;
-  border-right-width: 0;
-}
-
+.e-rtl .e-input-group.e-control-wrapper .e-input-group-icon,
 .e-input-group.e-rtl .e-input-group-icon + .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-rtl .e-input-group-icon + .e-input-group-icon,
 .e-rtl .e-input-group .e-input-group-icon + .e-input-group-icon,
@@ -352,7 +358,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;
 }
 
@@ -383,35 +397,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: 4px;
-}
-
 .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;
 }
@@ -452,13 +479,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 {
@@ -483,10 +503,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,
@@ -500,12 +517,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,
@@ -527,7 +538,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;
 }
 
@@ -570,10 +584,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;
@@ -615,11 +633,13 @@ 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%);
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   width: 100%;
@@ -684,7 +704,8 @@ label.e-float-text,
 .e-float-input.e-input-focus input ~ label.e-float-text {
   font-size: 12px;
   padding-right: 0;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
 }
 
 .e-float-input.e-small input:focus ~ label.e-float-text,
@@ -717,7 +738,8 @@ label.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
   font-size: 12px;
   padding-right: 0;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
 }
 
 .e-float-input.e-bigger input:focus ~ label.e-float-text,
@@ -749,7 +771,8 @@ label.e-float-text,
 .e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
   padding-right: 0;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
 }
 
 .e-float-input.e-bigger.e-small input:focus ~ label.e-float-text,
@@ -795,7 +818,8 @@ label.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text,
 .e-small .e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text {
   padding-right: 0;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
 }
 
 .e-float-input.e-bigger input:focus ~ label.e-float-text,
@@ -997,10 +1021,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: 12px;
-}
-
+.e-input-group.e-control-wrapper input,
 .e-float-input textarea,
 .e-input-group textarea,
 .e-float-input.e-control-wrapper textarea,
@@ -1008,13 +1029,6 @@ label.e-float-text,
   text-indent: 12px;
 }
 
-.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,
@@ -1022,7 +1036,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;
 }
 
@@ -1037,13 +1055,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,
@@ -1051,7 +1062,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;
 }
 
@@ -1062,17 +1077,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,
@@ -1088,7 +1092,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;
 }
 
@@ -1108,7 +1120,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;
 }
 
@@ -1133,13 +1149,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 {
-  font-weight: bold;
-  -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,
@@ -1150,6 +1160,7 @@ label.e-float-text,
 .e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-label-top {
   font-weight: bold;
   -webkit-user-select: text;
+     -moz-user-select: text;
       -ms-user-select: text;
           user-select: text;
 }
@@ -1172,10 +1183,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,
@@ -1203,6 +1211,7 @@ label.e-float-text,
   content: "";
   height: 2px;
   position: absolute;
+  -webkit-transition: 0.2s ease;
   transition: 0.2s ease;
   width: 0;
 }
@@ -1239,11 +1248,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,
@@ -1259,23 +1263,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,
@@ -1301,10 +1290,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,
@@ -1328,10 +1326,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,
@@ -1359,7 +1354,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,
@@ -1394,11 +1388,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: 4px;
-}
-
 .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;
@@ -1429,7 +1418,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;
 }
 
@@ -1553,10 +1548,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,
@@ -1589,11 +1584,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: 4px;
-}
-
 .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,
@@ -1607,21 +1597,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: "";
@@ -1639,7 +1614,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;
 }
 
@@ -1683,14 +1672,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;
@@ -1703,11 +1692,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,
@@ -1715,6 +1700,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;
@@ -1727,11 +1720,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,
@@ -1739,6 +1728,14 @@ 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,
+.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;
@@ -1751,11 +1748,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,
@@ -1763,103 +1756,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: 32px;
 }
 
 .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: 34px;
 }
 
@@ -1881,7 +1828,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;
 }
 
@@ -1893,7 +1841,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;
 }
 
@@ -1914,7 +1863,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: 26px;
 }
 
@@ -1925,7 +1875,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: 28px;
 }
 
@@ -1946,7 +1897,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;
 }
 
@@ -1958,7 +1910,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;
 }
 
@@ -1967,7 +1920,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;
 }
 
@@ -1990,7 +1944,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;
 }
 
@@ -2011,7 +1966,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;
 }
 
@@ -2032,7 +1988,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;
 }
 
@@ -2068,10 +2025,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,
@@ -2101,11 +2055,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: 12px;
-  text-indent: 0;
-}
-
+.e-float-input.e-input-focus input,
 textarea.e-input,
 .e-input-group textarea.e-input,
 .e-input-group textarea,
@@ -2220,11 +2170,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,
@@ -2526,7 +2472,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;
 }
@@ -2610,36 +2582,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,
@@ -2702,12 +2644,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;
@@ -2730,6 +2676,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;
 }
@@ -2794,37 +2741,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,
@@ -2964,7 +2885,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,
@@ -2972,6 +2894,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;
@@ -2986,15 +2909,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,
@@ -3009,7 +2923,8 @@ textarea.e-input.e-bigger.e-small,
 .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
   font-size: 12px;
   padding-right: 0;
-  transform: translate3d(-10px, -37px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -37px, 0) scale(1);
+          transform: translate3d(-10px, -37px, 0) scale(1);
 }
 
 .e-float-input.e-bigger textarea:focus ~ label.e-float-text,
@@ -3117,7 +3032,8 @@ textarea.e-input.e-bigger.e-small,
   font-size: 12px;
   font-weight: bold;
   padding-right: 0;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3132,7 +3048,8 @@ textarea.e-input.e-bigger.e-small,
   font-weight: bold;
   padding-right: 0;
   top: 14px;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3147,7 +3064,8 @@ textarea.e-input.e-bigger.e-small,
   font-weight: bold;
   padding-right: 0;
   top: 17px;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3166,7 +3084,8 @@ textarea.e-input.e-bigger.e-small,
   font-weight: bold;
   padding-right: 0;
   top: 16px;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3195,7 +3114,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%);
@@ -3254,13 +3174,15 @@ textarea.e-input.e-bigger.e-small,
 .e-small .e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
 .e-small .e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top {
   padding-right: 0;
-  transform: translate3d(-10px, -37px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -37px, 0) scale(1);
+          transform: translate3d(-10px, -37px, 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 {
   padding-right: 0;
-  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,
@@ -3275,67 +3197,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-weight: bold;
   padding-right: 0;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3350,7 +3233,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
   font-weight: bold;
   padding-right: 0;
   top: 17px;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3369,7 +3253,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
   font-weight: bold;
   padding-right: 0;
   top: 16px;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3384,7 +3269,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
   font-weight: bold;
   padding-right: 0;
   top: 14px;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3414,7 +3300,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
 .e-bigger .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
   padding-right: 0;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
 }
 
 .e-float-input.e-small.e-bigger textarea:focus ~ label.e-float-text,
@@ -3442,7 +3329,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
 .e-small.e-bigger .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
 .e-small.e-bigger .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
   padding-right: 0;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
 }
 
 .e-float-input.e-small textarea:focus ~ label.e-float-text,
@@ -3470,7 +3358,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
 .e-small .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
 .e-small .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
   padding-right: 0;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
 }
 
 .e-float-input textarea[disabled],
@@ -3481,16 +3370,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],
@@ -3501,26 +3380,14 @@ textarea.e-bigger.e-input::-moz-placeholder {
 }
 
 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 textarea.e-input,
+.e-input-group.e-input-focus textarea,
+.e-input-group.e-input-focus 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: 4px;
-}
-
-textarea.e-input,
-.e-input-group textarea,
-.e-input-group textarea.e-input,
-.e-input-group.e-input-focus textarea,
-.e-input-group.e-input-focus textarea.e-input,
-.e-input-group.e-control-wrapper textarea,
-.e-input-group.e-control-wrapper.e-input-focus textarea,
-.e-input-group.e-control-wrapper textarea.e-input,
-.e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
+.e-input-group.e-control-wrapper.e-input-focus textarea,
+.e-input-group.e-control-wrapper textarea.e-input,
+.e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
 .e-float-input textarea,
 .e-float-input.e-control-wrapper textarea {
   line-height: 1.5;
@@ -3549,7 +3416,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 14px 6px 14px;
 }
@@ -3571,7 +3438,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 14px 6px 14px;
 }
@@ -3658,7 +3525,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 4px 12px;
 }
@@ -3675,7 +3542,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 4px 12px;
 }
@@ -3692,19 +3559,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 */
@@ -3741,7 +3597,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: #585858;
 }
 
@@ -3889,7 +3749,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: #767676;
 }
 
@@ -3916,7 +3778,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: #767676;
 }
 
@@ -3924,9 +3817,15 @@ label.e-float-text,
 .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:active {
   background: #2a2a2a;
   color: #fff;
+  -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.35);
   box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.35);
 }
 
+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: #0070f0;
+  color: #fff;
+}
+
 input.e-input::selection,
 textarea.e-input::selection,
 .e-input-group input.e-input::selection,
@@ -3936,126 +3835,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: #0070f0;
-  color: #fff;
-}
-
+.e-float-input.e-control-wrapper textarea::selection,
 .e-float-input.e-small textarea::selection,
 .e-float-input textarea::selection {
   background: #0070f0;
   color: #fff;
 }
 
-input.e-input:-moz-placeholder {
-  color: #767676;
-}
-
-.e-input-group input.e-input:-moz-placeholder {
-  color: #767676;
-}
-
-.e-input-group input.e-input:-moz-placeholder,
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder {
-  color: #767676;
-}
-
-input.e-input:-moz-placeholder {
-  color: #767676;
-}
-
-.e-input-group input.e-input:-moz-placeholder {
-  color: #767676;
-}
-
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder {
-  color: #767676;
-}
-
-textarea.e-input:-moz-placeholder {
-  color: #767676;
-}
-
-.e-input-group textarea.e-input:-moz-placeholder {
-  color: #767676;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder {
-  color: #767676;
-}
-
-input.e-input::-moz-placeholder {
-  color: #767676;
-}
-
-.e-input-group input.e-input::-moz-placeholder {
-  color: #767676;
-}
-
-.e-input-group.e-control-wrapper input.e-input::-moz-placeholder {
-  color: #767676;
-}
-
-textarea.e-input::-moz-placeholder {
-  color: #767676;
-}
-
-.e-input-group textarea.e-input::-moz-placeholder {
-  color: #767676;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input::-moz-placeholder {
-  color: #767676;
-}
-
-input.e-input:-ms-input-placeholder {
-  color: #767676;
-}
-
-.e-input-group input.e-input:-ms-input-placeholder {
-  color: #767676;
-}
-
-.e-input-group.e-control-wrapper input.e-input:-ms-input-placeholder {
-  color: #767676;
-}
-
-textarea.e-input:-ms-input-placeholder {
-  color: #767676;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input:-ms-input-placeholder {
-  color: #767676;
-}
-
-.e-input-group textarea.e-input:-ms-input-placeholder {
-  color: #767676;
-}
-
-input.e-input::-webkit-input-placeholder {
-  color: #767676;
-}
-
-.e-input-group.e-control-wrapper input.e-input::-webkit-input-placeholder {
-  color: #767676;
-}
-
-.e-input-group input.e-input::-webkit-input-placeholder {
-  color: #767676;
-}
-
-textarea.e-input::-webkit-input-placeholder {
-  color: #767676;
-}
-
-.e-input-group textarea.e-input::-webkit-input-placeholder {
-  color: #767676;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input::-webkit-input-placeholder {
-  color: #767676;
-}
-
 .e-input-group::before,
 .e-input-group::after,
 .e-input-group.e-control-wrapper::before,
@@ -4085,30 +3871,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: #f0f0f0;
-}
-
-.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: #f0f0f0;
-}
-
+.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: #f0f0f0;
-}
-
-.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: #f0f0f0;
-}
-
+.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: #f0f0f0;
 }
 
+.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: #f0f0f0;
@@ -4117,7 +3891,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: #767676;
 }
 
@@ -4129,6 +3907,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input,
 .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input {
   border-color: #0070f0;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 112, 240, 0.1);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 112, 240, 0.1);
 }
 
@@ -4138,7 +3917,12 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
 .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
 .e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input {
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input,
+.e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error,
+.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(193, 47, 47, 0.6);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(193, 47, 47, 0.6);
 }
 
@@ -4149,6 +3933,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
 .e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input,
 .e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input {
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(53, 130, 56, 0.6);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(53, 130, 56, 0.6);
 }
 
@@ -4158,7 +3943,12 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
 .e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
 .e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input {
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input,
+.e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning,
+.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(249, 173, 55, 0.6);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(249, 173, 55, 0.6);
 }
 
@@ -4170,7 +3960,8 @@ textarea.e-input::-webkit-input-placeholder {
 .e-input-group.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap .e-input:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper:not(.e-float-input):not(.e-float-icon-left).e-input-focus .e-input:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap .e-input:not(.e-success):not(.e-warning):not(.e-error) {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 
 .e-input-group:not(.e-success):not(.e-warning):not(.e-error) input.e-input:focus,
@@ -4185,31 +3976,18 @@ textarea.e-input::-webkit-input-placeholder {
 .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
   border-color: #0070f0;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 112, 240, 0.1);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 112, 240, 0.1);
 }
 
-.e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error {
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(193, 47, 47, 0.6);
-}
-
 .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success {
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success,
+.e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(53, 130, 56, 0.6);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(53, 130, 56, 0.6);
 }
 
-.e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning {
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(249, 173, 55, 0.6);
-}
-
-.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: #767676;
-}
-
 .e-input-group:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
   border-color: #767676;
@@ -4218,34 +3996,15 @@ textarea.e-input::-webkit-input-placeholder {
 .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
   border-color: #0070f0;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 112, 240, 0.1);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 112, 240, 0.1);
 }
 
-.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(193, 47, 47, 0.6);
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(53, 130, 56, 0.6);
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(249, 173, 55, 0.6);
-}
-
 .e-input-group.e-disabled:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper.e-disabled:not(.e-success):not(.e-warning):not(.e-error) {
   border-color: #505050;
 }
 
-.e-input-group,
-.e-input-group.e-control-wrapper {
-  border-bottom-color: #767676;
-}
-
 .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,
@@ -4296,13 +4055,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: #585858;
-}
-
 .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;
@@ -4327,32 +4079,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: #f0f0f0;
-}
-
-.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: #f0f0f0;
-}
-
+.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,
@@ -4376,10 +4103,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: #f0f0f0;
-}
-
+.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,
@@ -4403,33 +4127,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: #f0f0f0;
-}
-
-.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: #505050;
-}
-
-.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: #767676;
-}
-
+.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,
@@ -4445,10 +4143,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: #f0f0f0;
 }
 
+.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,
@@ -4468,27 +4237,21 @@ textarea.e-input::-webkit-input-placeholder {
   color: #f0f0f0;
 }
 
-.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: #f0f0f0;
+.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: #505050;
 }
 
 .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
@@ -4527,10 +4290,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: #9c9c9c;
-}
-
+.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,
@@ -4540,10 +4300,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: #9c9c9c;
-}
-
+.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,
@@ -4567,10 +4324,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: #9c9c9c;
-}
-
+.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,
@@ -4621,46 +4375,7 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   border-color: #0070f0;
 }
 
-.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: #f0f0f0;
-}
-
-.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: #f0f0f0;
-}
-
 /* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
 .e-input-group-icon.e-spin-up::before {
   content: "\e834";
   font-family: "e-icons";
@@ -4703,7 +4418,8 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
 
 .e-numeric.e-control-wrapper.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-focus) {
   border-color: #767676;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 12px;
@@ -4713,7 +4429,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   font-size: 14px;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 /*! maskedtextbox layout */
 .e-control-wrapper.e-mask .e-maskedtextbox {
   font-family: Arial, "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -4740,72 +4455,21 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
 }
 
 /*! maskedtextbox theme */
-.e-control-wrapper.e-mask.e-error .e-maskedtextbox {
-  color: #c12f2f;
-}
-
+.e-control-wrapper.e-mask.e-error .e-maskedtextbox,
 .e-utility-mask.e-error {
   color: #c12f2f;
 }
 
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
-.e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
-  cursor: default;
-  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-  z-index: 3;
-}
-.e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
-  padding: 2px 12px;
-  text-align: center;
-}
-
-.e-slider-horizantal-color {
-  height: 100%;
-  position: absolute;
-  top: 0;
-}
-
-.e-slider-vertical-color {
-  left: -1px;
-  position: absolute;
-  width: 100%;
-}
-
-.e-bigger .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
-  padding: 2px 12px;
-}
-.e-bigger.e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
-  padding: 2px 12px;
-}
-
-.e-bigger .e-control-wrapper.e-slider-container .e-slider .e-handle,
-.e-control-wrapper.e-slider-container.e-bigger .e-slider .e-handle {
-  height: 18px;
-  width: 18px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-handle,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-handle {
-  margin-left: -9px;
-  top: calc(50% - 9px);
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-handle,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-handle {
-  left: calc(50% - 9px);
-  margin-bottom: -9px;
-}
-.e-bigger .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value,
-.e-control-wrapper.e-slider-container.e-bigger .e-scale .e-tick .e-tick-value {
-  font-size: 12px;
-}
-
 .e-control-wrapper.e-slider-container {
   -moz-user-select: none;
   -ms-user-select: none;
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   display: inline-block;
   height: 26px;
   line-height: normal;
@@ -4813,12 +4477,57 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   position: relative;
   user-select: none;
 }
+.e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
+  cursor: default;
+  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+  z-index: 3;
+}
 .e-control-wrapper.e-slider-container::after {
   content: "bootstrap-dark";
   display: none;
 }
+.e-control-wrapper.e-slider-container .e-slider {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  cursor: pointer;
+  display: block;
+  outline: 0 none;
+  padding: 0;
+  position: relative;
+}
+.e-control-wrapper.e-slider-container .e-slider .e-handle {
+  border-radius: 4px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  cursor: pointer;
+  height: 16px;
+  width: 16px;
+  outline: none;
+  position: absolute;
+  -ms-touch-action: none;
+      touch-action: none;
+  -webkit-transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, -webkit-transform 300ms ease-out;
+  transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, -webkit-transform 300ms ease-out;
+  transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out;
+  transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out, -webkit-transform 300ms ease-out;
+  z-index: 10;
+}
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-large-thumb-size {
-  transform: scale(1.5);
+  -webkit-transform: scale(1.5);
+          transform: scale(1.5);
+}
+.e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-active {
+  background-color: #959595;
+  border-color: #acacac;
+}
+.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
+  background-color: #959595;
+  border-color: #0070f0;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
 }
 .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider .e-handle {
   margin: 0 -8px 0 0;
@@ -4859,45 +4568,47 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAolBMVEUAAAD////////////////////////+/v7////+/v7////+/v7////+/v7////////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7///+y6E2hAAAANXRSTlMABAgMEBQYHCAkKCwwNEBESExUWFxkaGx0fICDh4ubn6Orr7O3u7/Hy8/T19vf4+fr7/P3+0e6nekAAAEFSURBVHjalZXJVgJBEASjnXHAEUQURZBFFAfZt+H/f82jedCXVpyjD1mvs4q/aR4uP1QJR7YUf1tgmYl/amEZXIRHLF31X7GUJ/E/fOB8I/46w5Hm4h9LLGPx63ssPQ08wNI+i/+GpdiLv/xH4IX4+waWqQa+w9LXwE9YOrX4ExzxCqzE3xVY3oMVGGrgHpYH9UdYWlqBuQ9cbLUCOY5UaeCS4INbPMVO19A1wdBVIli0CXhG+uIZYsui7uDJ1/Li0MRTHuXFKouOakZ0VMPwqLqBUckfiWzuTU7wNnwmgtdnDPFyxy7ouQ3hBeW50RW4SMSXrOdFg/chfCg8V1/RcjR+PXbfOBx/sErjBl8AAAAASUVORK5CYII=");
   background-repeat: no-repeat;
   background-size: cover;
+  display: inline-block;
   height: 8px;
-  left: calc(50% - 5px);
+  width: 8px;
   position: absolute;
   top: calc(50% - 4px);
-  width: 8px;
+  left: calc(50% - 5px);
 }
 .e-control-wrapper.e-slider-container.e-horizontal .e-second-button {
-  margin-top: -9px;
   right: 0;
+  margin-top: -9px;
   top: 50%;
 }
 .e-control-wrapper.e-slider-container.e-horizontal .e-second-button .e-button-icon {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAnFBMVEUAAAD////////////////////////+/v7////////+/v7////+/v7+/v7////////+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////uN4ajAAAAM3RSTlMABAgMEBQYHCAoLDA0ODxASExcYGRobHR8g4uTl5ufo6ert7u/w8fLz9fb3+Pn6+/z9/tbKk6UAAABBklEQVR42q2VyRKCAAxDQRBZVMAFcRdxVxD0///Nk2M8OCQz9tx3SJu0xrvWz09VXaO5rCMQN4cgOgUQB5Mg+g8glgZRoydUwhALAB4hAZg7IEqXIJwrECeLIIIKiIyRMUDhKUNMkYgZ4Vv0iM945AzExSYID4XnjEci9MiMEZ6i8CFDYDhqKhwnIAomHO5XOFoEEaLwFSNjjMInDLHEcESMR/ZA3D0mHDcgzhYBFBrQOqJtPWLbouhUjF6Mi9s09/uVdj7sC5rPbd5ZjvYmTuBMHNBQHFC31gbkFNqAzIN4wVfij0ikL6RH2S2lT6qfowwd0fv/SY2xfy6/BS0C17b42oLfjS/tEHrYzreszwAAAABJRU5ErkJggg==");
   background-repeat: no-repeat;
   background-size: cover;
+  display: inline-block;
   height: 8px;
-  left: calc(50% - 3px);
+  width: 8px;
   position: absolute;
   top: calc(50% - 4px);
-  width: 8px;
+  left: calc(50% - 3px);
 }
 .e-control-wrapper.e-slider-container.e-horizontal.e-slider-btn {
   padding: 0 38px;
 }
 .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
   height: 32px;
+  width: 100%;
   position: relative;
   top: calc(50% - 16px);
-  width: 100%;
 }
 .e-control-wrapper.e-slider-container.e-horizontal .e-slider-track {
   height: 10px;
+  width: 100%;
   left: 0;
   position: absolute;
-  width: 100%;
+  overflow: hidden;
   background: #505050;
   border: 1px solid #505050;
   border-radius: 4px;
-  overflow: hidden;
   top: calc(50% - 5px);
 }
 .e-control-wrapper.e-slider-container.e-horizontal .e-handle {
@@ -4909,35 +4620,36 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
 }
 .e-control-wrapper.e-slider-container.e-horizontal .e-range {
   height: 8px;
+  top: calc(50% - 2px);
   top: calc(50% - 4px);
 }
 .e-control-wrapper.e-slider-container.e-horizontal .e-limits {
   background-color: rgba(26, 26, 26, 0.25);
-  height: 8px;
   position: absolute;
+  height: 8px;
   top: calc(50% - 4px);
 }
 .e-control-wrapper.e-slider-container.e-vertical {
   height: inherit;
-  padding: 38px 0;
   width: 48px;
+  padding: 38px 0;
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider {
   height: 100%;
+  width: 32px;
   left: calc(50% - 16px);
   position: relative;
-  width: 32px;
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider-track {
   background: #505050;
   bottom: 0;
   height: 100%;
   position: absolute;
+  overflow: hidden;
   border: 1px solid #505050;
   border-radius: 3px;
-  left: calc(50% - 5px);
-  overflow: hidden;
   width: 10px;
+  left: calc(50% - 5px);
 }
 .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn {
   height: 100%;
@@ -4958,15 +4670,15 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   background-size: cover;
   display: inline-block;
   height: 8px;
-  left: calc(50% - 4px);
+  width: 8px;
   position: absolute;
   top: calc(50% - 3.6px);
-  width: 8px;
+  left: calc(50% - 4px);
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-second-button {
+  top: 0;
   margin-right: -9px;
   right: 50%;
-  top: 0;
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAApVBMVEUAAAD////////////////////+/v7////+/v7////+/v7////+/v7+/v7////////+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////4hhd5AAAANnRSTlMABAgMEBgcICQoLDA0OEBESExUXGBkbHR8gIOHi5Obn6Onq6+zt7u/x8vP09fb3+Pn6+/z9/tWLLgwAAABGElEQVR4Ae3UyXLyMBAE4NYvzPJDDARCyMKShbBAgo1wv/+jhSRVqhojqeRDqnLgu/nQh3GPBhd/mZ7PNSpobMhNA9HSjCd5F5FGBb8Vt4ihprRiBklWtGIG6WQU9i0EDY8sMX34qQkdxvBJlnR61nBqf9Bj24TDwNDr0EOZeqRg7PTuDmtvFHat8v+VHf5/p7ColRuUHV4bCg8KJ2pGIU/xQ91TMAO5hVYxwhf9SmHfhtXNKcz+Aa0dhWVSeknCug5DYaIg6CcKGcTncYgzYzkIRLwDh97BF1glcGpu3YGpgod+cQSKGwTcnQWyKwT1jQys6wizfcE2GGY3AnZHwuzOgcxShImtRuTRte8G1c56bYGKFC5+wyfN5oD6Q24erwAAAABJRU5ErkJggg==");
@@ -4974,10 +4686,10 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   background-size: cover;
   display: inline-block;
   height: 8px;
-  left: calc(50% - 4px);
+  width: 8px;
   position: absolute;
   top: calc(50% - 4.5px);
-  width: 8px;
+  left: calc(50% - 4px);
 }
 .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-slider .e-handle {
   margin-bottom: -8px;
@@ -4987,53 +4699,23 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   left: calc(50% - 8px);
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range {
-  left: calc(50% - 4px);
   width: 8px;
+  left: calc(50% - 4px);
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits {
   background-color: rgba(26, 26, 26, 0.25);
-  left: calc(50% - 4px);
   position: absolute;
   width: 8px;
+  left: calc(50% - 4px);
 }
 .e-control-wrapper.e-slider-container .e-range {
   border-radius: 3px;
   position: absolute;
+  -webkit-transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, width 300ms ease-out, height 300ms ease-out;
   transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, width 300ms ease-out, height 300ms ease-out;
 }
-.e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
-  cursor: pointer;
-}
-.e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
-  cursor: pointer;
-}
-.e-control-wrapper.e-slider-container .e-slider {
-  box-sizing: border-box;
-  cursor: pointer;
-  display: block;
-  outline: 0 none;
-  padding: 0;
-  position: relative;
-}
-.e-control-wrapper.e-slider-container .e-slider .e-handle {
-  border-radius: 4px;
-  box-sizing: border-box;
+.e-control-wrapper.e-slider-container .e-range.e-drag-horizontal, .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
   cursor: pointer;
-  height: 16px;
-  outline: none;
-  position: absolute;
-  -ms-touch-action: none;
-      touch-action: none;
-  transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out;
-  width: 16px;
-  z-index: 10;
-}
-.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
-  /* stylelint-disable */
-  background-color: #959595;
-  border-color: #0070f0;
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
-  /* stylelint-enable */
 }
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
   height: 5px;
@@ -5044,12 +4726,12 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   top: -9px;
 }
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-tick {
-  left: 4px;
   width: 5px;
+  left: 4px;
 }
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-large {
-  left: 1px;
   width: 8px;
+  left: 1px;
 }
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-tick {
   height: 5px;
@@ -5060,12 +4742,12 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   top: 9px;
 }
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-tick {
-  left: 19px;
   width: 5px;
+  left: 19px;
 }
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-large {
-  left: 19px;
   width: 8px;
+  left: 19px;
 }
 .e-control-wrapper.e-slider-container.e-scale-before .e-scale.e-v-scale {
   right: 9px;
@@ -5089,9 +4771,11 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   width: 100%;
 }
 .e-control-wrapper.e-slider-container .e-scale {
-  box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
   font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
   height: 28px;
+  width: 100%;
   line-height: normal;
   list-style: none outside none;
   margin: 0;
@@ -5099,7 +4783,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   padding: 0;
   position: absolute;
   top: 16px;
-  width: 100%;
   z-index: 1;
   font-size: 10px;
   margin-top: -5px;
@@ -5110,6 +4793,7 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   outline: none;
   position: relative;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   background-position: center center;
@@ -5121,15 +4805,16 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   outline: none;
   position: absolute;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   white-space: nowrap;
 }
 .e-control-wrapper.e-slider-container .e-scale.e-v-scale {
   height: 100%;
+  width: 28px;
   left: calc(50% - 14px);
   top: 0;
-  width: 28px;
   margin-top: -2px;
 }
 .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick {
@@ -5148,18 +4833,12 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   height: 100%;
   top: 0;
 }
-.e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-before {
+.e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-before, .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both:first-child {
   top: -18px;
 }
-.e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-after {
-  bottom: -20px;
-}
-.e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both {
+.e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-after, .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both {
   bottom: -20px;
 }
-.e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both:first-child {
-  top: -18px;
-}
 .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-first-tick {
   background-position: left center;
 }
@@ -5185,23 +4864,60 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   left: 42px;
 }
 
-.e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-active {
-  background-color: #959595;
-  border-color: #acacac;
+.e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
+  padding: 2px 12px;
+  text-align: center;
+}
+
+.e-slider-horizantal-color {
+  height: 100%;
+  top: 0;
+  position: absolute;
+}
+
+.e-slider-vertical-color {
+  position: absolute;
+  width: 100%;
+  left: -1px;
+}
+
+.e-bigger .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
+  padding: 2px 12px;
+}
+
+.e-bigger .e-control-wrapper.e-slider-container .e-slider .e-handle,
+.e-control-wrapper.e-slider-container.e-bigger .e-slider .e-handle {
+  height: 18px;
+  width: 18px;
+}
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-handle,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-handle {
+  margin-left: -9px;
+  top: calc(50% - 9px);
+}
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-handle,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-handle {
+  left: calc(50% - 9px);
+  margin-bottom: -9px;
+}
+.e-bigger .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value,
+.e-control-wrapper.e-slider-container.e-bigger .e-scale .e-tick .e-tick-value {
+  font-size: 12px;
 }
 
-/*! component theme */
+/* stylelint-enable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container .e-slider-button {
   background-color: #393939;
   border: 1px solid #393939;
-  border-radius: 50%;
-  height: 18px;
-  width: 18px;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   cursor: pointer;
   outline: none;
-  padding: 0;
   position: absolute;
+  height: 18px;
+  width: 18px;
+  border-radius: 50%;
+  padding: 0;
 }
 .e-control-wrapper.e-slider-container .e-slider .e-range {
   background-color: #0070f0;
@@ -5215,19 +4931,7 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   background-color: transparent;
   border-color: transparent;
 }
-.e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-first:hover {
-  background-color: #959595;
-  border-color: #acacac;
-}
-.e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-first:active {
-  background-color: #959595;
-  border-color: #acacac;
-}
-.e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-second:hover {
-  background-color: #959595;
-  border-color: #acacac;
-}
-.e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-second:active {
+.e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-first:hover, .e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-first:active, .e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-second:hover, .e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-second:active {
   background-color: #959595;
   border-color: #acacac;
 }
@@ -5240,7 +4944,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
 .e-control-wrapper.e-slider-container.e-slider-hover .e-handle {
   border-color: #acacac;
 }
-/* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */
 .e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 33px;
@@ -5269,8 +4972,7 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   padding-left: 32px;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-input-group.e-multi-line-input.e-auto-width {
   width: auto;
 }
@@ -5284,7 +4986,7 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
 .e-input-group.e-multi-line-input textarea.e-resize-xy {
   resize: both;
 }
-.e-input-group.e-multi-line-input textarea.e-resize-none {
+.e-input-group.e-multi-line-input textarea.e-textarea.e-resize-none {
   resize: none;
 }
 
@@ -5304,19 +5006,43 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
 }
 
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
@@ -5406,7 +5132,8 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   top: -36px;
 }
 .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   font-size: 12px;
   height: 20px;
   margin: 15px;
@@ -5463,7 +5190,8 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   right: initial;
 }
 .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   left: 0;
   margin-left: 15px;
   margin-right: 15px;
@@ -5516,7 +5244,8 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   color: #d44f4f;
 }
 .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   top: 38px;
 }
 .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
@@ -5620,7 +5349,8 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
 .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons,
 .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons,
 .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   top: 42px;
 }
 .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled,
@@ -5742,16 +5472,20 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
 .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons {
-  -ms-flex-align: center;
-      align-items: center;
-  box-sizing: border-box;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   cursor: pointer;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   font-size: 11px;
   height: 20px;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   margin: 12px;
   margin-top: -22px;
   padding: 16px;
@@ -5804,7 +5538,8 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   background-color: #313131;
   border-color: transparent;
   border-radius: 50%;
-  box-shadow: 0 0 0 transparent;
+  -webkit-box-shadow: 0 0 0 transparent;
+          box-shadow: 0 0 0 transparent;
 }
 .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus,
@@ -6032,7 +5767,8 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   color: #d44f4f;
 }
 .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   top: 42px;
 }
 .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
@@ -6101,10 +5837,10 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
 .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
   background-color: #313131;
   border-color: transparent;
-  box-shadow: 0 0 0 transparent;
+  -webkit-box-shadow: 0 0 0 transparent;
+          box-shadow: 0 0 0 transparent;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 .e-container .e-value-switch-btn::before {
   content: "\e431";
 }
@@ -6115,6 +5851,7 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   line-height: 0;
   outline: none;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -6151,7 +5888,8 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
 }
 .e-colorpicker-wrapper *,
 .e-colorpicker-container * {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-colorpicker-wrapper.e-disabled .e-palette .e-tile,
 .e-colorpicker-container.e-disabled .e-palette .e-tile {
@@ -6160,7 +5898,8 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
 .e-colorpicker-wrapper.e-disabled .e-palette .e-tile:hover,
 .e-colorpicker-container.e-disabled .e-palette .e-tile:hover {
   border: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-colorpicker-wrapper.e-disabled .e-palette .e-tile.e-selected,
 .e-colorpicker-container.e-disabled .e-palette .e-tile.e-selected {
@@ -6251,9 +5990,11 @@ body.e-colorpicker-overflow {
   line-height: 0;
   outline: none;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  box-shadow: 0 0 15px 0 rgba(26, 26, 26, 0.8);
+  -webkit-box-shadow: 0 0 15px 0 rgba(26, 26, 26, 0.8);
+          box-shadow: 0 0 15px 0 rgba(26, 26, 26, 0.8);
 }
 .e-container.e-color-picker {
   width: 270px;
@@ -6283,6 +6024,7 @@ body.e-colorpicker-overflow {
   line-height: 0;
   outline: none;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -6292,7 +6034,8 @@ body.e-colorpicker-overflow {
 }
 .e-container .e-palette .e-tile {
   border: 0.5px solid transparent;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   cursor: pointer;
   display: inline-block;
   height: 27px;
@@ -6305,7 +6048,8 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  box-shadow: 2px 2px 7px 2px rgba(26, 26, 26, 0.3);
+  -webkit-box-shadow: 2px 2px 7px 2px rgba(26, 26, 26, 0.3);
+          box-shadow: 2px 2px 7px 2px rgba(26, 26, 26, 0.3);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {
@@ -6319,13 +6063,15 @@ body.e-colorpicker-overflow {
       touch-action: none;
 }
 .e-container .e-hsv-container .e-hsv-color {
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(#000)), -webkit-gradient(linear, left top, right top, color-stop(0, #fff), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%);
   height: 170px;
 }
 .e-container .e-hsv-container .e-handler {
   border: 1px solid #fff;
   border-radius: 6px;
-  box-shadow: 0 0 3px rgba(26, 26, 26, 0.7), inset 0 0 2px rgba(26, 26, 26, 0.7);
+  -webkit-box-shadow: 0 0 3px rgba(26, 26, 26, 0.7), inset 0 0 2px rgba(26, 26, 26, 0.7);
+          box-shadow: 0 0 3px rgba(26, 26, 26, 0.7), inset 0 0 2px rgba(26, 26, 26, 0.7);
   cursor: pointer;
   display: inline-block;
   height: 8px;
@@ -6335,6 +6081,7 @@ body.e-colorpicker-overflow {
   -ms-touch-action: none;
       touch-action: none;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   width: 8px;
@@ -6356,7 +6103,7 @@ body.e-colorpicker-overflow {
   top: calc(50% - 9px);
 }
 .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-slider-track {
-  height: 6px;
+  height: 6px !important; /* stylelint-disable-line declaration-no-important */
   top: calc(50% - 3px);
   border-radius: 0;
 }
@@ -6371,9 +6118,11 @@ body.e-colorpicker-overflow {
   cursor: pointer;
 }
 .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle.e-large-thumb-size {
-  transform: scale(1);
+  -webkit-transform: scale(1);
+          transform: scale(1);
 }
 .e-container .e-slider-preview .e-colorpicker-slider .e-hue-slider .e-slider-track {
+  background: -webkit-gradient(linear, left top, right top, color-stop(0, #f00), color-stop(16%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(84%, #f0f), to(#ff0004));
   background: linear-gradient(to right, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%);
 }
 .e-container .e-slider-preview .e-colorpicker-slider .e-opacity-slider .e-slider-track {
@@ -6391,7 +6140,8 @@ body.e-colorpicker-overflow {
   z-index: 1;
 }
 .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle, .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle-start, .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle, .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle-start {
-  box-shadow: 0 1px 2px rgba(26, 26, 26, 0.64);
+  -webkit-box-shadow: 0 1px 2px rgba(26, 26, 26, 0.64);
+          box-shadow: 0 1px 2px rgba(26, 26, 26, 0.64);
 }
 .e-container .e-slider-preview .e-preview-container {
   background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
@@ -6420,12 +6170,15 @@ body.e-colorpicker-overflow {
   top: 16px;
 }
 .e-container .e-selected-value {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 0 15px 15px;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   width: 100%;
@@ -6500,7 +6253,8 @@ body.e-colorpicker-overflow {
   white-space: nowrap;
 }
 .e-container .e-switch-ctrl-btn .e-mode-switch-btn:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-container .e-value-switch-btn, .e-container .e-mode-switch-btn {
   background-color: transparent;
@@ -6511,7 +6265,8 @@ body.e-colorpicker-overflow {
 }
 .e-container.e-color-picker .e-value-switch-btn:focus, .e-container.e-color-picker .e-value-switch-btn:hover, .e-container.e-color-picker .e-value-switch-btn:active {
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: none;
 }
 .e-container.e-color-picker .e-value-switch-btn:focus {
@@ -6575,9 +6330,11 @@ body.e-colorpicker-overflow {
 }
 
 .e-rtl .e-container .e-hsv-container .e-hsv-color {
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(#000)), -webkit-gradient(linear, right top, left top, color-stop(0, #fff), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to left, #fff 0, rgba(255, 255, 255, 0) 100%);
 }
 .e-rtl .e-container .e-slider-preview .e-hue-slider .e-slider-track {
+  background: -webkit-gradient(linear, right top, left top, color-stop(0, #f00), color-stop(16%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(84%, #f0f), to(#ff0004));
   background: linear-gradient(to left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%);
 }
 .e-rtl .e-container .e-slider-preview .e-preview-container {
@@ -6592,7 +6349,8 @@ body.e-colorpicker-overflow {
   padding-right: 0;
 }
 .e-rtl .e-container .e-selected-value .e-value-switch-btn {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
 }
 .e-rtl .e-container .e-switch-ctrl-btn .e-mode-switch-btn {
   float: right;
@@ -6613,6 +6371,9 @@ body.e-colorpicker-overflow {
   margin-left: 0;
 }
 
+.e-bigger .e-container .e-switch-ctrl-btn .e-ctrl-btn {
+  margin: 2px 0;
+}
 .e-bigger .e-container.e-color-picker {
   width: 290px;
 }
@@ -6754,11 +6515,16 @@ body.e-colorpicker-overflow {
   border-bottom-right-radius: 0%;
   border-top-left-radius: 50%;
   border-top-right-radius: 50%;
-  box-shadow: 0 1px 2px rgba(26, 26, 26, 0.64);
+  -webkit-box-shadow: 0 1px 2px rgba(26, 26, 26, 0.64);
+          box-shadow: 0 1px 2px rgba(26, 26, 26, 0.64);
   cursor: pointer;
   min-width: 26px;
-  transform: translateY(18px) rotate(45deg) scale(0.01);
+  -webkit-transform: translateY(18px) rotate(45deg) scale(0.01);
+          transform: translateY(18px) rotate(45deg) scale(0.01);
+  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
   transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
 }
 .e-popup.e-tooltip-wrap.e-color-picker-tooltip .e-tip-content {
   background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
@@ -6766,7 +6532,8 @@ body.e-colorpicker-overflow {
   border-radius: 50%;
   height: 24px;
   position: relative;
-  transform: rotate(45deg);
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
   width: 24px;
 }
 
@@ -6801,7 +6568,8 @@ body.e-colorpicker-overflow {
 .e-container .e-handler.e-hide-handler, .e-container .e-handle.e-hide-handler {
   background-color: transparent;
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 
 .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle:not(.e-tab-handle), .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle:not(.e-tab-handle) {
@@ -6815,7 +6583,8 @@ body.e-colorpicker-overflow {
 .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle.e-tab-handle, .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle.e-tab-handle {
   background-color: #fff;
   border-color: #fff;
-  box-shadow: 0 1px 2px rgba(26, 26, 26, 0.64);
+  -webkit-box-shadow: 0 1px 2px rgba(26, 26, 26, 0.64);
+          box-shadow: 0 1px 2px rgba(26, 26, 26, 0.64);
 }
 
 .e-colorpicker-wrapper.e-disabled .e-value-switch-btn, .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn,
@@ -6841,7 +6610,8 @@ body.e-colorpicker-overflow {
 .e-colorpicker-container .e-icon-btn:disabled,
 .e-colorpicker-container .e-icon-btn.e-disabled {
   background-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(57, 57, 57, 0.4);
 }
 
@@ -6851,20 +6621,26 @@ body.e-colorpicker-overflow {
 }
 
 .e-rating-container {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
-  -ms-flex-pack: center;
-      justify-content: center;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  min-width: -webkit-max-content;
+  min-width: -moz-max-content;
   min-width: max-content;
 }
 .e-rating-container .e-rating {
   display: none;
 }
 .e-rating-container .e-rating-item-list {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   padding: 0;
@@ -6897,8 +6673,12 @@ body.e-colorpicker-overflow {
   display: block;
 }
 .e-rating-container.e-rating-animation.e-touch-select:not(.e-disabled) .e-rating-item-container.e-rating-focus .e-rating-item, .e-rating-container.e-rating-animation:not(.e-disabled, .e-rating-touch) .e-rating-item-container:hover .e-rating-item {
+  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transform: scale(1.4);
+  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  -webkit-transform: scale(1.4);
+          transform: scale(1.4);
   pointer-events: none;
 }
 .e-rating-container.e-disabled {
@@ -6956,23 +6736,29 @@ body.e-colorpicker-overflow {
 }
 .e-rating-container .e-tooltip-wrap.e-rating-tooltip {
   display: none;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 50%;
   top: -8px;
-  transform: translate(-50%, -100%);
+  -webkit-transform: translate(-50%, -100%);
+          transform: translate(-50%, -100%);
 }
 .e-rating-container .e-tooltip-wrap.e-rating-tooltip.e-show-tooltip {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
 .e-rating-container .e-tooltip-wrap.e-rating-tooltip .e-tip-content {
+  width: -webkit-max-content;
+  width: -moz-max-content;
   width: max-content;
 }
 .e-rating-container .e-tooltip-wrap.e-rating-tooltip .e-arrow-tip.e-tip-bottom {
   left: 50%;
   top: 100%;
-  transform: translate(-50%, 0);
+  -webkit-transform: translate(-50%, 0);
+          transform: translate(-50%, 0);
 }
 .e-rating-container .e-tooltip-wrap.e-rating-tooltip .e-arrow-tip-inner.e-tip-bottom {
   top: -6px;
@@ -7062,8 +6848,10 @@ body.e-colorpicker-overflow {
 .e-rating-container .e-rating-item-container .e-rating-icon {
   -webkit-text-fill-color: transparent;
   -webkit-text-stroke: 1px #676767;
+  background: none;
 }
 .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
+  background: -webkit-gradient(linear, left top, right top, from(#acacac), to(transparent));
   background: linear-gradient(to right, #acacac var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7075,6 +6863,7 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #57a5ff;
 }
 .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
+  background: -webkit-gradient(linear, left top, right top, from(#57a5ff), to(transparent));
   background: linear-gradient(to right, #57a5ff var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7083,6 +6872,7 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #57a5ff;
 }
 .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
+  background: -webkit-gradient(linear, left top, right top, from(#57a5ff), to(transparent));
   background: linear-gradient(to right, #57a5ff var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7091,6 +6881,7 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #57a5ff;
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
+  background: -webkit-gradient(linear, right top, left top, from(#acacac), to(transparent));
   background: linear-gradient(to left, #acacac var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7098,6 +6889,7 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
+  background: -webkit-gradient(linear, right top, left top, from(#57a5ff), to(transparent));
   background: linear-gradient(to left, #57a5ff var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7105,6 +6897,7 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
+  background: -webkit-gradient(linear, right top, left top, from(#57a5ff), to(transparent));
   background: linear-gradient(to left, #57a5ff var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7118,6 +6911,7 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #505050;
 }
 .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
+  background: -webkit-gradient(linear, left top, right top, from(#505050), to(transparent));
   background: linear-gradient(to right, #505050 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7126,6 +6920,7 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #505050;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
+  background: -webkit-gradient(linear, right top, left top, from(#505050), to(transparent));
   background: linear-gradient(to left, #505050 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7133,6 +6928,7 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
+  background: -webkit-gradient(linear, right top, left top, from(#505050), to(transparent));
   background: linear-gradient(to left, #505050 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7152,7 +6948,6 @@ body.e-colorpicker-overflow {
   font-weight: 400;
 }
 .e-data-form .e-form-layout {
-  display: -ms-grid;
   display: grid;
 }
 .e-data-form .e-grid-col-2 {
@@ -7200,82 +6995,64 @@ body.e-colorpicker-overflow {
   grid-template-columns: repeat(12, minmax(0, 1fr));
 }
 .e-data-form .e-colspan-1 {
-  -ms-grid-column-span: 1;
-  -ms-grid-column: span 1;
-      grid-column: span 1/span 1;
+  grid-column: span 1/span 1;
 }
 .e-data-form .e-colspan-2 {
-  -ms-grid-column-span: 2;
-  -ms-grid-column: span 2;
-      grid-column: span 2/span 2;
+  grid-column: span 2/span 2;
 }
 .e-data-form .e-colspan-3 {
-  -ms-grid-column-span: 3;
-  -ms-grid-column: span 3;
-      grid-column: span 3/span 3;
+  grid-column: span 3/span 3;
 }
 .e-data-form .e-colspan-4 {
-  -ms-grid-column-span: 4;
-  -ms-grid-column: span 4;
-      grid-column: span 4/span 4;
+  grid-column: span 4/span 4;
 }
 .e-data-form .e-colspan-5 {
-  -ms-grid-column-span: 5;
-  -ms-grid-column: span 5;
-      grid-column: span 5/span 5;
+  grid-column: span 5/span 5;
 }
 .e-data-form .e-colspan-6 {
-  -ms-grid-column-span: 6;
-  -ms-grid-column: span 6;
-      grid-column: span 6/span 6;
+  grid-column: span 6/span 6;
 }
 .e-data-form .e-colspan-7 {
-  -ms-grid-column-span: 7;
-  -ms-grid-column: span 7;
-      grid-column: span 7/span 7;
+  grid-column: span 7/span 7;
 }
 .e-data-form .e-colspan-8 {
-  -ms-grid-column-span: 8;
-  -ms-grid-column: span 8;
-      grid-column: span 8/span 8;
+  grid-column: span 8/span 8;
 }
 .e-data-form .e-colspan-9 {
-  -ms-grid-column-span: 9;
-  -ms-grid-column: span 9;
-      grid-column: span 9/span 9;
+  grid-column: span 9/span 9;
 }
 .e-data-form .e-colspan-10 {
-  -ms-grid-column-span: 10;
-  -ms-grid-column: span 10;
-      grid-column: span 10/span 10;
+  grid-column: span 10/span 10;
 }
 .e-data-form .e-colspan-11 {
-  -ms-grid-column-span: 11;
-  -ms-grid-column: span 11;
-      grid-column: span 11/span 11;
+  grid-column: span 11/span 11;
 }
 .e-data-form .e-colspan-12 {
-  -ms-grid-column-span: 12;
-  -ms-grid-column: span 12;
-      grid-column: span 12/span 12;
+  grid-column: span 12/span 12;
 }
 .e-data-form .e-label-position-left .e-form-item-wrapper {
-  -ms-flex: 1 1 auto;
-      flex: 1 1 auto;
+  -webkit-box-flex: 1;
+      -ms-flex: 1 1 auto;
+          flex: 1 1 auto;
   max-width: calc(75% - 12px);
 }
 .e-data-form .e-label-position-left .e-form-label {
   margin-right: 12px;
   width: 25%;
   text-align: end;
-  -ms-flex-direction: column;
-      flex-direction: column;
-  -ms-flex-align: end;
-      align-items: flex-end;
-  -ms-flex-pack: start;
-      justify-content: flex-start;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: end;
+      -ms-flex-align: end;
+          align-items: flex-end;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
 }
 .e-data-form .e-label-position-left .validation-message {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -7283,6 +7060,7 @@ body.e-colorpicker-overflow {
   border: none;
   padding: 0;
   margin: 0;
+  margin-top: 20px;
 }
 .e-data-form .e-form-group .e-group-title {
   position: relative;
@@ -7302,17 +7080,22 @@ body.e-colorpicker-overflow {
   border-bottom: 1px solid #1a1a1a;
 }
 .e-data-form .e-label-position-top {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   margin-top: 20px;
 }
 .e-data-form .e-label-position-top .e-label-right {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 .e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
   margin-top: 3px;
@@ -7322,25 +7105,30 @@ body.e-colorpicker-overflow {
   margin-top: 5px;
 }
 .e-data-form .e-label-position-left {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   text-align: center;
   margin-top: 20px;
 }
 .e-data-form .e-button-left {
-  -ms-flex-pack: start;
-      justify-content: flex-start;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
 }
 .e-data-form .e-button-right {
-  -ms-flex-pack: end;
-      justify-content: flex-end;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
 }
 .e-data-form .e-button-center {
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
 .e-data-form .e-button-left, .e-data-form .e-button-right, .e-data-form .e-button-center, .e-data-form .e-button-stretch {
   margin-top: 24px;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 10px;
@@ -7355,10 +7143,6 @@ body.e-colorpicker-overflow {
 .e-data-form > :first-child.e-form-layout {
   margin-top: 0;
 }
-.e-data-form .e-form-group-layout {
-  display: -ms-grid;
-  display: grid;
-}
 
 /*! data-form theme */
 .e-data-form .e-form-label {
@@ -7383,4 +7167,230 @@ body.e-colorpicker-overflow {
 .e-tooltip-wrap.e-popup.e-error-tooltip .e-arrow-tip .e-arrow-tip-outer.e-tip-top, .e-tooltip-wrap.e-popup.e-error-tooltip .e-arrow-tip .e-arrow-tip-inner.e-tip-top {
   border-bottom-color: #832020;
   color: #832020;
+}
+
+.e-otpinput {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 12px;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+}
+.e-otpinput:has(.e-otp-separator):not(:empty) {
+  gap: 6px;
+}
+.e-otpinput .e-otp-input-field {
+  min-width: 34px;
+  min-height: 34px;
+  text-align: center;
+  padding: 0;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 22px;
+  border: none;
+}
+.e-otpinput .e-otp-input-fieldinput[type=password], .e-otpinput .e-otp-input-field[type=password] {
+  font-size: 18px;
+}
+.e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus {
+  padding-bottom: 0;
+}
+.e-otpinput.e-outline .e-otp-input-field {
+  border-radius: 2px;
+}
+.e-otpinput.e-underlined .e-otp-input-field {
+  border-radius: 2px 2px 0 0;
+}
+.e-otpinput.e-filled .e-otp-input-field {
+  border-radius: 2px 2px 0 0;
+  padding: 0;
+}
+.e-otpinput .e-otp-separator {
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 22px;
+}
+.e-otpinput input[type=number]::-webkit-inner-spin-button,
+.e-otpinput [type=number]::-webkit-outer-spin-button {
+  /* stylelint-disable property-no-vendor-prefix */
+  -webkit-appearance: none;
+  /* stylelint-enable property-no-vendor-prefix */
+  margin: 0;
+}
+.e-otpinput input[type=number] {
+  /* stylelint-disable property-no-vendor-prefix */
+  -moz-appearance: textfield;
+  /* stylelint-enable property-no-vendor-prefix */
+}
+
+.e-small.e-otpinput,
+.e-small .e-otpinput {
+  gap: 8px;
+}
+.e-small.e-otpinput:has(.e-otp-separator):not(:empty),
+.e-small .e-otpinput:has(.e-otp-separator):not(:empty) {
+  gap: 4px;
+}
+.e-small.e-otpinput .e-otp-input-field,
+.e-small .e-otpinput .e-otp-input-field {
+  min-width: 28px;
+  min-height: 28px;
+  font-size: 12px;
+  line-height: 18px;
+  padding: 0;
+}
+.e-small.e-otpinput .e-otp-input-fieldinput[type=password], .e-small.e-otpinput .e-otp-input-field[type=password],
+.e-small .e-otpinput .e-otp-input-fieldinput[type=password],
+.e-small .e-otpinput .e-otp-input-field[type=password] {
+  font-size: 18px;
+}
+.e-small.e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus,
+.e-small .e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus {
+  padding-bottom: 0;
+}
+.e-small.e-otpinput .e-otp-separator,
+.e-small .e-otpinput .e-otp-separator {
+  font-size: 12px;
+  line-height: 18px;
+}
+.e-small.e-otpinput.e-filled .e-otp-input-field,
+.e-small .e-otpinput.e-filled .e-otp-input-field {
+  padding: 0;
+}
+
+.e-bigger.e-otpinput,
+.e-bigger .e-otpinput {
+  gap: 16px;
+}
+.e-bigger.e-otpinput:has(.e-otp-separator):not(:empty),
+.e-bigger .e-otpinput:has(.e-otp-separator):not(:empty) {
+  gap: 8px;
+}
+.e-bigger.e-otpinput .e-otp-input-field,
+.e-bigger .e-otpinput .e-otp-input-field {
+  min-width: 40px;
+  min-height: 40px;
+  font-size: 16px;
+  line-height: 24px;
+  padding: 0;
+}
+.e-bigger.e-otpinput .e-otp-input-fieldinput[type=password], .e-bigger.e-otpinput .e-otp-input-field[type=password],
+.e-bigger .e-otpinput .e-otp-input-fieldinput[type=password],
+.e-bigger .e-otpinput .e-otp-input-field[type=password] {
+  font-size: 20px;
+}
+.e-bigger.e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus,
+.e-bigger .e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus {
+  padding-bottom: 0;
+}
+.e-bigger.e-otpinput .e-otp-separator,
+.e-bigger .e-otpinput .e-otp-separator {
+  font-size: 16px;
+  line-height: 24px;
+}
+.e-bigger.e-otpinput.e-filled .e-otp-input-field,
+.e-bigger .e-otpinput.e-filled .e-otp-input-field {
+  padding: 0;
+}
+
+.e-bigger.e-small.e-otpinput,
+.e-bigger.e-small .e-otpinput,
+.e-bigger .e-small.e-otpinput,
+.e-small .e-bigger.e-otpinput {
+  gap: 14px;
+}
+.e-bigger.e-small.e-otpinput:has(.e-otp-separator):not(:empty),
+.e-bigger.e-small .e-otpinput:has(.e-otp-separator):not(:empty),
+.e-bigger .e-small.e-otpinput:has(.e-otp-separator):not(:empty),
+.e-small .e-bigger.e-otpinput:has(.e-otp-separator):not(:empty) {
+  gap: 6px;
+}
+.e-bigger.e-small.e-otpinput .e-otp-input-field,
+.e-bigger.e-small .e-otpinput .e-otp-input-field,
+.e-bigger .e-small.e-otpinput .e-otp-input-field,
+.e-small .e-bigger.e-otpinput .e-otp-input-field {
+  min-width: 36px;
+  min-height: 36px;
+  font-size: 16px;
+  line-height: 24px;
+  padding: 0;
+}
+.e-bigger.e-small.e-otpinput .e-otp-input-fieldinput[type=password], .e-bigger.e-small.e-otpinput .e-otp-input-field[type=password],
+.e-bigger.e-small .e-otpinput .e-otp-input-fieldinput[type=password],
+.e-bigger.e-small .e-otpinput .e-otp-input-field[type=password],
+.e-bigger .e-small.e-otpinput .e-otp-input-fieldinput[type=password],
+.e-bigger .e-small.e-otpinput .e-otp-input-field[type=password],
+.e-small .e-bigger.e-otpinput .e-otp-input-fieldinput[type=password],
+.e-small .e-bigger.e-otpinput .e-otp-input-field[type=password] {
+  font-size: 20px;
+}
+.e-bigger.e-small.e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus,
+.e-bigger.e-small .e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus,
+.e-bigger .e-small.e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus,
+.e-small .e-bigger.e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus {
+  padding-bottom: 0;
+}
+.e-bigger.e-small.e-otpinput .e-otp-separator,
+.e-bigger.e-small .e-otpinput .e-otp-separator,
+.e-bigger .e-small.e-otpinput .e-otp-separator,
+.e-small .e-bigger.e-otpinput .e-otp-separator {
+  font-size: 16px;
+  line-height: 24px;
+}
+.e-bigger.e-small.e-otpinput.e-filled .e-otp-input-field,
+.e-bigger.e-small .e-otpinput.e-filled .e-otp-input-field,
+.e-bigger .e-small.e-otpinput.e-filled .e-otp-input-field,
+.e-small .e-bigger.e-otpinput.e-filled .e-otp-input-field {
+  padding: 0;
+}
+
+.e-otpinput .e-otp-input-field {
+  color: #fff;
+  background: transparent;
+}
+.e-otpinput .e-otp-separator {
+  color: #767676;
+}
+.e-otpinput.e-outline .e-otp-input-field {
+  border: 2px solid #767676;
+}
+.e-otpinput.e-outline .e-otp-input-field, .e-otpinput.e-underlined .e-otp-input-field, .e-otpinput.e-filled .e-otp-input-field {
+  border-bottom: 2px solid #767676;
+}
+.e-otpinput.e-outline .e-otp-input-field:disabled, .e-otpinput.e-underlined .e-otp-input-field:disabled, .e-otpinput.e-filled .e-otp-input-field:disabled {
+  border-color: #676767;
+  color: #8d8d8d;
+}
+.e-otpinput.e-filled .e-otp-input-field {
+  background: #2a2a2a;
+}
+.e-otpinput.e-underlined .e-otp-input-field {
+  background: transparent;
+}
+.e-otpinput.e-error.e-outline .e-otp-input-field,
+.e-otpinput.e-error.e-outline .e-otp-input-field.e-otp-input-focus, .e-otpinput.e-error.e-underlined .e-otp-input-field,
+.e-otpinput.e-error.e-underlined .e-otp-input-field.e-otp-input-focus, .e-otpinput.e-error.e-filled .e-otp-input-field,
+.e-otpinput.e-error.e-filled .e-otp-input-field.e-otp-input-focus {
+  border-color: #d44f4f;
+}
+.e-otpinput.e-success.e-outline .e-otp-input-field,
+.e-otpinput.e-success.e-outline .e-otp-input-field.e-otp-input-focus, .e-otpinput.e-success.e-underlined .e-otp-input-field,
+.e-otpinput.e-success.e-underlined .e-otp-input-field.e-otp-input-focus, .e-otpinput.e-success.e-filled .e-otp-input-field,
+.e-otpinput.e-success.e-filled .e-otp-input-field.e-otp-input-focus {
+  border-color: #48b14c;
+}
+.e-otpinput.e-warning.e-outline .e-otp-input-field,
+.e-otpinput.e-warning.e-outline .e-otp-input-field.e-otp-input-focus, .e-otpinput.e-warning.e-underlined .e-otp-input-field,
+.e-otpinput.e-warning.e-underlined .e-otp-input-field.e-otp-input-focus, .e-otpinput.e-warning.e-filled .e-otp-input-field,
+.e-otpinput.e-warning.e-filled .e-otp-input-field.e-otp-input-focus {
+  border-color: #fac168;
 }