@syncfusion/ej2-inputs 25.2.6 → 26.1.35

package/styles/highcontrast-light.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: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
-  font-size: 14px;
-  font-weight: normal;
-}
-
+.e-input-group.e-control-wrapper,
 .e-input-group.e-disabled,
 .e-input-group.e-control-wrapper.e-disabled {
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -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: 0;
 }
 
@@ -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: 30px;
   min-width: 30px;
@@ -229,22 +239,40 @@ textarea.e-input.e-bigger,
 }
 
 .e-input-group:not(.e-rtl):not(.e-disabled) .e-input-group-icon:last-child:hover,
-.e-input-group.e-control-wrapper:not(.e-rtl):not(.e-disabled) .e-input-group-icon:last-child:hover {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  border-width: 0px 1px 0px 1px;
-  box-sizing: border-box;
-}
-
-.e-input-group:not(.e-disabled) .e-input-group-icon:not(:last-child):hover + .e-input-group-icon:not(:last-child):hover .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:not(:last-child):hover + .e-input-group-icon:not(:last-child):hover {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  border-width: 0px 1px 0px 1px;
-  box-sizing: border-box;
-}
-
+.e-input-group.e-control-wrapper:not(.e-rtl):not(.e-disabled) .e-input-group-icon:last-child:hover,
+.e-input-group:not(.e-disabled) .e-input-group-icon:not(:last-child):hover + .e-input-group-icon:not(:last-child):hover .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:not(:last-child):hover + .e-input-group-icon:not(:last-child):hover,
 .e-input-group:not(.e-disabled) .e-input-group-icon:first-child:hover,
-.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:first-child:hover {
+.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:first-child:hover,
+.e-input-group:not(.e-rtl):not(.e-disabled) .e-input + .e-input-group-icon:last-child:hover,
+.e-input-group.e-control-wrapper:not(.e-rtl):not(.e-disabled) .e-input + .e-input-group-icon:last-child:hover,
+.e-input-group:not(.e-disabled) .e-input-group-icon:not(:last-child):hover,
+.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:not(:last-child):hover,
+.e-float-input.e-input-group.e-small:not(:disabled) .e-input-group-icon:first-child:hover,
+.e-float-input.e-control-wrapper.e-input-group.e-small:not(:disabled) .e-input-group-icon:first-child:hover,
+.e-input-group.e-rtl:not(.e-disabled) .e-input-group-icon:last-child:hover,
+.e-input-group.e-control-wrapper.e-rtl:not(.e-disabled) .e-input-group-icon:last-child:hover,
+.e-input-group.e-small:not(.e-disabled):not(.e-float-input):not(.e-rtl) .e-input-group-icon:last-child:hover,
+.e-input-group.e-float-icon-left .e-input-group-icon:last-child:hover,
+.e-input-group.e-control-wrapper.e-small:not(.e-disabled):not(.e-float-input):not(.e-rtl) .e-input-group-icon:last-child:hover,
+.e-input-group.e-control-wrapper.e-float-icon-left .e-input-group-icon:last-child:hover,
+.e-input-group.e-small:not(.e-disabled):not(.e-float-input):not(.e-bigger):not(.e-float-icon-left) .e-input-group-icon:not(:last-child):hover,
+.e-input-group.e-float-icon-left .e-input-group-icon:not(:last-child):hover,
+.e-input-group.e-control-wrapper.e-small:not(.e-disabled):not(.e-float-input):not(.e-bigger):not(.e-float-icon-left) .e-input-group-icon:not(:last-child):hover,
+.e-input-group.e-control-wrapper.e-float-icon-left .e-input-group-icon:not(:last-child):hover,
+.e-input-group.e-small.e-float-icon-left:not(.e-disabled) .e-input-group-icon:first-child:hover,
+.e-input-group.e-control-wrapper.e-small.e-float-icon-left:not(.e-disabled) .e-input-group-icon:first-child:hover,
+.e-input-group.e-bigger.e-float-icon-left:not(.e-disabled) .e-input-group-icon:first-child:hover,
+.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left:not(.e-disabled) .e-input-group-icon:first-child:hover,
+.e-float-input.e-input-group.e-small:not(.e-float-icon-left):not(.e-input-group):not(.e-disabled) .e-input-group-icon:last-child:hover,
+.e-float-input.e-control-wrapper.e-input-group.e-small:not(.e-float-icon-left):not(.e-input-group):not(.e-disabled) .e-input-group-icon:last-child:hover,
+.e-float-input.e-input-group.e-small.e-float-icon-left .e-input-group-icon:not(:last-child):hover,
+.e-float-input.e-input-group.e-float-icon-left .e-input-group-icon:not(:last-child):hover,
+.e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left .e-input-group-icon:not(:last-child):hover,
+.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-group-icon:not(:last-child):hover,
+.e-float-input.e-input-group.e-small.e-float-icon-left .e-input-group-icon:last-child:hover,
+.e-float-input.e-input-group.e-float-icon-left .e-input-group-icon:last-child:hover,
+.e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left .e-input-group-icon:last-child:hover,
+.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-group-icon:last-child:hover {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   border-width: 0px 1px 0px 1px;
@@ -297,7 +325,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;
 }
 
@@ -328,35 +364,48 @@ textarea.e-input.e-bigger,
 .e-float-input.e-control-wrapper.e-disabled,
 .e-float-input.e-control-wrapper input[disabled],
 .e-float-input.e-control-wrapper input.e-disabled,
-.e-float-input.e-control-wrapper.e-disabled input {
+.e-float-input.e-control-wrapper.e-disabled input,
+.e-float-input textarea[disabled],
+.e-float-input textarea.e-disabled,
+.e-float-input.e-disabled textarea,
+.e-float-input.e-control-wrapper textarea[disabled],
+.e-float-input.e-control-wrapper textarea.e-disabled,
+.e-float-input.e-control-wrapper.e-disabled textarea {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 
 .e-input.e-rtl,
 .e-input-group.e-rtl,
-.e-input-group.e-control-wrapper.e-rtl {
+.e-input-group.e-control-wrapper.e-rtl,
+.e-float-input.e-rtl,
+.e-float-input.e-control-wrapper.e-rtl {
   direction: rtl;
 }
 
-.e-input.e-corner {
-  border-radius: 0;
-}
-
 .e-input-group,
-.e-input-group.e-control-wrapper {
+.e-input-group.e-control-wrapper,
+.e-float-custom-tag.e-input-group,
+.e-float-custom-tag.e-input-group.e-control-wrapper,
+.e-input-custom-tag,
+.e-input-custom-tag.e-input-group,
+.e-input-custom-tag.e-input-group.e-control-wrapper {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   vertical-align: middle;
 }
 
 .e-float-input:not(.e-input-group),
-.e-float-input.e-control-wrapper:not(.e-input-group) {
+.e-float-input.e-control-wrapper:not(.e-input-group),
+.e-float-custom-tag,
+.e-float-custom-tag.e-control-wrapper {
   display: inline-block;
 }
 
 .e-input-group .e-input-group-icon,
 .e-input-group.e-control-wrapper .e-input-group-icon {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -382,30 +431,6 @@ textarea.e-input.e-bigger,
   border-left-width: 0;
 }
 
-.e-input-group:not(.e-rtl):not(.e-disabled) .e-input + .e-input-group-icon:last-child:hover,
-.e-input-group.e-control-wrapper:not(.e-rtl):not(.e-disabled) .e-input + .e-input-group-icon:last-child:hover {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  border-width: 0px 1px 0px 1px;
-  box-sizing: border-box;
-}
-
-.e-input-group:not(.e-disabled) .e-input-group-icon:not(:last-child):hover,
-.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:not(:last-child):hover {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  border-width: 0px 1px 0px 1px;
-  box-sizing: border-box;
-}
-
-.e-float-input.e-input-group.e-small:not(:disabled) .e-input-group-icon:first-child:hover,
-.e-float-input.e-control-wrapper.e-input-group.e-small:not(:disabled) .e-input-group-icon:first-child:hover {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  border-width: 0px 1px 0px 1px;
-  box-sizing: border-box;
-}
-
 .e-input-group.e-corner .e-input:first-child,
 .e-input-group.e-corner .e-input-group-icon:first-child,
 .e-input-group.e-control-wrapper.e-corner .e-input:first-child,
@@ -434,14 +459,6 @@ textarea.e-input.e-bigger,
   border-right-width: 0;
 }
 
-.e-input-group.e-rtl:not(.e-disabled) .e-input-group-icon:last-child:hover,
-.e-input-group.e-control-wrapper.e-rtl:not(.e-disabled) .e-input-group-icon:last-child:hover {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  border-width: 0px 1px 0px 1px;
-  box-sizing: border-box;
-}
-
 .e-input-group.e-rtl .e-input-group-icon:not(:last-child),
 .e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:not(:last-child) {
   border-left-width: 0;
@@ -472,13 +489,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 {
@@ -503,10 +513,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,
@@ -520,12 +527,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,
@@ -547,7 +548,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;
 }
 
@@ -561,26 +565,6 @@ textarea.e-input.e-small,
   padding: 0;
 }
 
-.e-input-group.e-small:not(.e-disabled):not(.e-float-input):not(.e-rtl) .e-input-group-icon:last-child:hover,
-.e-input-group.e-float-icon-left .e-input-group-icon:last-child:hover,
-.e-input-group.e-control-wrapper.e-small:not(.e-disabled):not(.e-float-input):not(.e-rtl) .e-input-group-icon:last-child:hover,
-.e-input-group.e-control-wrapper.e-float-icon-left .e-input-group-icon:last-child:hover {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  border-width: 0px 1px 0px 1px;
-  box-sizing: border-box;
-}
-
-.e-input-group.e-small:not(.e-disabled):not(.e-float-input):not(.e-bigger):not(.e-float-icon-left) .e-input-group-icon:not(:last-child):hover,
-.e-input-group.e-float-icon-left .e-input-group-icon:not(:last-child):hover,
-.e-input-group.e-control-wrapper.e-small:not(.e-disabled):not(.e-float-input):not(.e-bigger):not(.e-float-icon-left) .e-input-group-icon:not(:last-child):hover,
-.e-input-group.e-control-wrapper.e-float-icon-left .e-input-group-icon:not(:last-child):hover {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  border-width: 0px 1px 0px 1px;
-  box-sizing: border-box;
-}
-
 .e-input-group.e-small:not(.e-disabled) .e-input-group-icon:first-child:hover,
 .e-input-group.e-float-icon-left .e-input-group-icon:first-child:hover,
 .e-input-group.e-control-wrapper.e-small:not(.e-disabled) .e-input-group-icon:first-child:hover,
@@ -591,22 +575,6 @@ textarea.e-input.e-small,
   box-sizing: border-box;
 }
 
-.e-input-group.e-small.e-float-icon-left:not(.e-disabled) .e-input-group-icon:first-child:hover,
-.e-input-group.e-control-wrapper.e-small.e-float-icon-left:not(.e-disabled) .e-input-group-icon:first-child:hover {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  border-width: 0px 1px 0px 1px;
-  box-sizing: border-box;
-}
-
-.e-input-group.e-bigger.e-float-icon-left:not(.e-disabled) .e-input-group-icon:first-child:hover,
-.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left:not(.e-disabled) .e-input-group-icon:first-child:hover {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  border-width: 0px 1px 0px 1px;
-  box-sizing: border-box;
-}
-
 .e-input-group.e-small.e-bigger .e-input-group-icon,
 .e-input-group.e-small .e-input-group-icon.e-bigger,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
@@ -636,10 +604,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;
@@ -681,7 +653,8 @@ label.e-float-text,
   -ms-transform: translate(0%, -50%);
   -o-transform: translate(0%, -50%);
   -webkit-transform: translate(0%, -50%);
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   left: 0%;
   top: 50%;
   transform: translate(0%, -50%);
@@ -748,7 +721,8 @@ label.e-float-text,
   font-size: 12px;
   font-style: normal;
   padding-right: 0;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
 }
 
 .e-float-input.e-small input:focus ~ label.e-float-text,
@@ -782,7 +756,8 @@ label.e-float-text,
   font-size: 12px;
   font-style: normal;
   padding-right: 0;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
 }
 
 .e-float-input.e-bigger input:focus ~ label.e-float-text,
@@ -815,7 +790,8 @@ label.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
   font-style: normal;
   padding-right: 0;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
 }
 
 .e-float-input.e-bigger.e-small input:focus ~ label.e-float-text,
@@ -862,7 +838,8 @@ label.e-float-text,
 .e-small .e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text {
   font-style: normal;
   padding-right: 0;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
 }
 
 .e-float-input.e-bigger input:focus ~ label.e-float-text,
@@ -1064,10 +1041,7 @@ label.e-float-text,
 .e-float-input input,
 .e-input-group input,
 .e-float-input.e-control-wrapper input,
-.e-input-group.e-control-wrapper input {
-  text-indent: 10px;
-}
-
+.e-input-group.e-control-wrapper input,
 .e-float-input textarea,
 .e-input-group textarea,
 .e-float-input.e-control-wrapper textarea,
@@ -1075,13 +1049,6 @@ label.e-float-text,
   text-indent: 10px;
 }
 
-.e-float-input.e-bigger,
-.e-bigger .e-float-input,
-.e-float-input.e-control-wrapper.e-bigger,
-.e-bigger .e-float-input.e-control-wrapper {
-  font-size: 15px;
-}
-
 .e-float-input.e-bigger.e-disabled,
 .e-bigger .e-float-input.e-disabled,
 .e-float-input.e-control-wrapper.e-bigger.e-disabled,
@@ -1089,7 +1056,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;
 }
 
@@ -1104,13 +1075,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,
@@ -1118,7 +1082,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;
 }
 
@@ -1129,17 +1097,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,
@@ -1155,7 +1112,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;
 }
 
@@ -1175,7 +1140,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;
 }
 
@@ -1200,12 +1169,7 @@ label.e-float-text,
 .e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text.e-label-top,
 .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-float-text.e-label-top,
 .e-float-input.e-input-focus input ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
-  -webkit-user-select: text;
-      -ms-user-select: text;
-          user-select: text;
-}
-
+.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text,
 .e-float-input textarea:valid ~ label.e-float-text,
 .e-float-input textarea:focus ~ label.e-float-text,
 .e-float-input textarea:valid ~ label.e-float-text.e-label-top,
@@ -1215,6 +1179,7 @@ label.e-float-text,
 .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text.e-label-top,
 .e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-label-top {
   -webkit-user-select: text;
+     -moz-user-select: text;
       -ms-user-select: text;
           user-select: text;
 }
@@ -1237,10 +1202,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,
@@ -1268,6 +1230,7 @@ label.e-float-text,
   content: "";
   height: 2px;
   position: absolute;
+  -webkit-transition: 0.2s ease;
   transition: 0.2s ease;
   width: 0;
 }
@@ -1304,11 +1267,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,
@@ -1324,23 +1282,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,
@@ -1366,10 +1309,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,
@@ -1393,10 +1345,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,
@@ -1424,7 +1373,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,
@@ -1460,11 +1408,6 @@ label.e-float-text,
   color: #757575;
 }
 
-.e-input-group.e-corner.e-rtl input.e-input:only-child,
-.e-input-group.e-control-wrapper.e-corner.e-rtl input.e-input:only-child {
-  border-radius: 0;
-}
-
 .e-input-group.e-rtl .e-input:not(:first-child):focus,
 .e-input-group.e-control-wrapper.e-rtl .e-input:not(:first-child):focus {
   border-right-width: 0;
@@ -1495,7 +1438,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;
 }
 
@@ -1626,10 +1575,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,
@@ -1662,11 +1611,6 @@ label.e-float-text,
   border-right-width: 0;
 }
 
-.e-input-group.e-input-focus.e-corner,
-.e-input-group.e-control-wrapper.e-input-focus.e-corner {
-  border-radius: 0;
-}
-
 .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
 .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap,
 .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
@@ -1680,21 +1624,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: "";
@@ -1712,7 +1641,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;
 }
 
@@ -1756,14 +1699,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: italic;
-}
-
+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: italic;
@@ -1776,11 +1719,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: italic;
-}
-
+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,
@@ -1788,6 +1727,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: italic;
@@ -1800,11 +1747,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: italic;
-}
-
+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,
@@ -1812,6 +1755,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: italic;
@@ -1824,11 +1775,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: italic;
-}
-
+.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,
@@ -1836,103 +1783,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: italic;
 }
 
-input.e-input:-moz-placeholder {
-  font-style: italic;
-  user-select: none;
-}
-
-textarea.e-input:-moz-placeholder {
-  font-style: italic;
-  user-select: none;
-}
-
-.e-input-group input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: italic;
-  user-select: none;
-}
-
-.e-input-group textarea.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: italic;
-  user-select: none;
-}
-
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: italic;
-  user-select: none;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: italic;
-  user-select: none;
-}
-
-input.e-input:-moz-placeholder {
-  font-style: italic;
-  user-select: none;
-}
-
-.e-input-group input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: italic;
-  user-select: none;
-}
-
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: italic;
-  user-select: none;
-}
-
-textarea.e-input:-moz-placeholder {
-  font-style: italic;
-  user-select: none;
-}
-
-input.e-input::-moz-placeholder {
-  font-style: italic;
-  user-select: none;
-}
-
-textarea.e-input::-moz-placeholder {
-  font-style: italic;
-  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: italic;
+  -moz-user-select: none;
+       user-select: none;
 }
 
+input.e-input:-ms-input-placeholder,
 textarea.e-input:-ms-input-placeholder {
   font-style: italic;
 }
 
-input.e-input::-webkit-input-placeholder {
-  font-style: italic;
-  -webkit-user-select: none;
-          user-select: none;
-}
-
-textarea.e-input::-webkit-input-placeholder {
-  font-style: italic;
-  -webkit-user-select: none;
-          user-select: none;
-}
-
 input.e-input,
 .e-input-group input,
 .e-input-group.e-control-wrapper input,
 .e-input-group input.e-input,
 .e-input-group.e-control-wrapper input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 30px;
 }
 
 .e-float-input:not(.e-input-group) input,
 .e-float-input.e-control-wrapper:not(.e-input-group) input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 32px;
 }
 
@@ -1954,7 +1855,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;
 }
 
@@ -1966,7 +1868,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;
 }
 
@@ -1987,7 +1890,8 @@ input.e-input.e-small,
 .e-float-input.e-control-wrapper.e-small input.e-input,
 .e-small .e-float-input.e-control-wrapper input,
 .e-small .e-float-input.e-control-wrapper input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 24px;
 }
 
@@ -1998,7 +1902,8 @@ input.e-input.e-small,
 .e-float-input.e-control-wrapper.e-small:not(.e-input-group) input.e-input,
 .e-small .e-float-input.e-control-wrapper:not(.e-input-group) input,
 .e-small .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 26px;
 }
 
@@ -2019,7 +1924,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;
 }
 
@@ -2031,7 +1937,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;
 }
 
@@ -2040,7 +1947,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;
 }
 
@@ -2063,7 +1971,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;
 }
 
@@ -2084,7 +1993,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;
 }
 
@@ -2105,7 +2015,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;
 }
 
@@ -2141,10 +2052,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,
@@ -2174,11 +2082,7 @@ input.e-input,
 .e-input-group.e-input-focus input.e-input,
 .e-input-group.e-control-wrapper.e-input-focus input.e-input,
 .e-float-input.e-control-wrapper.e-input-focus input,
-.e-float-input.e-input-focus input {
-  padding-left: 10px;
-  text-indent: 0;
-}
-
+.e-float-input.e-input-focus input,
 textarea.e-input,
 .e-input-group textarea.e-input,
 .e-input-group textarea,
@@ -2293,11 +2197,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,
@@ -2599,7 +2499,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;
 }
@@ -2683,36 +2609,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,
@@ -2775,12 +2671,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;
@@ -2803,6 +2703,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;
 }
@@ -2867,37 +2768,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,
@@ -3037,7 +2912,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,
@@ -3045,39 +2921,12 @@ 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;
 }
 
-.e-float-input.e-input-group.e-small:not(.e-float-icon-left):not(.e-input-group):not(.e-disabled) .e-input-group-icon:last-child:hover,
-.e-float-input.e-control-wrapper.e-input-group.e-small:not(.e-float-icon-left):not(.e-input-group):not(.e-disabled) .e-input-group-icon:last-child:hover {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  border-width: 0px 1px 0px 1px;
-  box-sizing: border-box;
-}
-
-.e-float-input.e-input-group.e-small.e-float-icon-left .e-input-group-icon:not(:last-child):hover,
-.e-float-input.e-input-group.e-float-icon-left .e-input-group-icon:not(:last-child):hover,
-.e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left .e-input-group-icon:not(:last-child):hover,
-.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-group-icon:not(:last-child):hover {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  border-width: 0px 1px 0px 1px;
-  box-sizing: border-box;
-}
-
-.e-float-input.e-input-group.e-small.e-float-icon-left .e-input-group-icon:last-child:hover,
-.e-float-input.e-input-group.e-float-icon-left .e-input-group-icon:last-child:hover,
-.e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left .e-input-group-icon:last-child:hover,
-.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-group-icon:last-child:hover {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  border-width: 0px 1px 0px 1px;
-  box-sizing: border-box;
-}
-
 .e-float-input .e-input-in-wrap label.e-float-text,
 .e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text {
   right: 0;
@@ -3087,15 +2936,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,
@@ -3111,7 +2951,8 @@ textarea.e-input.e-bigger.e-small,
   font-size: 12px;
   font-style: normal;
   top: 15px;
-  transform: translate3d(-10px, -40px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -40px, 0) scale(1);
+          transform: translate3d(-10px, -40px, 0) scale(1);
 }
 
 .e-float-input.e-bigger textarea:focus ~ label.e-float-text,
@@ -3219,7 +3060,8 @@ textarea.e-input.e-bigger.e-small,
   font-size: 12px;
   font-style: normal;
   padding-right: 0;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3234,7 +3076,8 @@ textarea.e-input.e-bigger.e-small,
   font-style: normal;
   padding-right: 0;
   top: 14px;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3249,7 +3092,8 @@ textarea.e-input.e-bigger.e-small,
   font-style: normal;
   padding-right: 0;
   top: 17px;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3268,7 +3112,8 @@ textarea.e-input.e-bigger.e-small,
   font-style: normal;
   padding-right: 0;
   top: 16px;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3297,7 +3142,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%);
@@ -3357,13 +3203,15 @@ textarea.e-input.e-bigger.e-small,
 .e-small .e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top {
   font-style: normal;
   padding-right: 0;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
 }
 
 .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
   font-style: normal;
-  transform: translate3d(0, 16px, 0) scale(1);
+  -webkit-transform: translate3d(0, 16px, 0) scale(1);
+          transform: translate3d(0, 16px, 0) scale(1);
 }
 
 .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
@@ -3378,67 +3226,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: italic;
-}
-
-.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: italic;
-}
-
-.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: italic;
-}
-
-.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: italic;
-}
-
 .e-float-input textarea:-webkit-autofill ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom {
   font-size: 12px;
   font-style: normal;
   padding-right: 0;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3453,7 +3262,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
   font-style: normal;
   padding-right: 0;
   top: 17px;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3472,7 +3282,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
   font-style: normal;
   padding-right: 0;
   top: 16px;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3487,7 +3298,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
   font-style: normal;
   padding-right: 0;
   top: 14px;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3518,7 +3330,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
 .e-bigger .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
   font-style: normal;
   padding-right: 0;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
 }
 
 .e-float-input.e-small.e-bigger textarea:focus ~ label.e-float-text,
@@ -3547,7 +3360,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
 .e-small.e-bigger .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
   font-style: normal;
   padding-right: 0;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
 }
 
 .e-float-input.e-small textarea:focus ~ label.e-float-text,
@@ -3576,7 +3390,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
 .e-small .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
   font-style: normal;
   padding-right: 0;
-  transform: translate3d(-10px, -43px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -43px, 0) scale(1);
+          transform: translate3d(-10px, -43px, 0) scale(1);
 }
 
 .e-float-input textarea[disabled],
@@ -3587,16 +3402,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],
@@ -3607,18 +3412,6 @@ textarea.e-bigger.e-input::-moz-placeholder {
   color: #757575;
 }
 
-textarea.e-input,
-.e-input-group textarea.e-input,
-.e-input-group textarea,
-.e-input-group.e-control-wrapper textarea.e-input,
-.e-input-group.e-control-wrapper textarea,
-.e-float-input textarea,
-.e-float-input.e-input-group textarea,
-.e-float-input.e-control-wrapper textarea,
-.e-float-input.e-control-wrapper.e-input-group textarea {
-  border-radius: 0;
-}
-
 textarea.e-input,
 .e-input-group textarea,
 .e-input-group textarea.e-input,
@@ -3656,7 +3449,7 @@ textarea.e-input,
 .e-bigger .e-float-input textarea,
 .e-bigger .e-float-input.e-control-wrapper textarea {
   font: inherit;
-  line-height: 1.5;
+  line-height: 1.2;
   min-height: 36px;
   padding: 6px 12px 0 12px;
 }
@@ -3678,7 +3471,7 @@ textarea.e-input,
 .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus,
 .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus {
   font: inherit;
-  line-height: 1.5;
+  line-height: 1.2;
   min-height: 36px;
   padding: 6px 12px 0 12px;
 }
@@ -3765,7 +3558,7 @@ textarea.e-input,
 .e-bigger.e-small .e-float-input.e-control-wrapper textarea,
 .e-bigger .e-small.e-float-input.e-control-wrapper textarea {
   font: inherit;
-  line-height: 1.5;
+  line-height: 1.2;
   min-height: 32px;
   padding: 4px 12px 0 12px;
 }
@@ -3782,7 +3575,7 @@ textarea.e-input,
 .e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
 .e-small .e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea.e-input {
   font: inherit;
-  line-height: 1.5;
+  line-height: 1.2;
   min-height: 32px;
   padding: 4px 12px 0 12px;
 }
@@ -3799,19 +3592,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 */
@@ -3848,7 +3630,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: #757575;
 }
 
@@ -4005,7 +3791,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: #000;
 }
 
@@ -4036,10 +3824,7 @@ label.e-float-text,
 .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .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 {
-  color: #4f4f4f;
-}
-
+.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 label.e-float-text,
 .e-float-input label.e-float-text,
 .e-float-input.e-control-wrapper label.e-float-text,
@@ -4062,10 +3847,7 @@ label.e-float-text,
 .e-small .e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
-  color: #4f4f4f;
-}
-
+.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-bigger .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
@@ -4091,7 +3873,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: #4f4f4f;
 }
 
@@ -4106,64 +3919,43 @@ label.e-float-text,
 .e-float-input.e-input-group.e-small.e-float-icon-left .e-input-group-icon:last-child:hover,
 .e-float-input.e-input-group.e-float-icon-left .e-input-group-icon:last-child:hover,
 .e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left .e-input-group-icon:last-child:hover,
-.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-group-icon:last-child:hover {
+.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-group-icon:last-child:hover,
+.e-float-input.e-input-group.e-small:not(.e-float-icon-left):not(.e-input-group):not(.e-disabled) .e-input-group-icon:last-child:hover,
+.e-float-input.e-control-wrapper.e-input-group.e-small:not(.e-float-icon-left):not(.e-input-group):not(.e-disabled) .e-input-group-icon:last-child:hover,
+.e-input-group.e-small:not(.e-disabled):not(.e-float-input):not(.e-rtl) .e-input-group-icon:last-child:hover,
+.e-input-group.e-float-icon-left .e-input-group-icon:last-child:hover,
+.e-input-group.e-control-wrapper.e-small:not(.e-disabled):not(.e-float-input):not(.e-rtl) .e-input-group-icon:last-child:hover,
+.e-input-group.e-control-wrapper.e-float-icon-left .e-input-group-icon:last-child:hover,
+.e-input-group:not(.e-rtl):not(.e-disabled) .e-input + .e-input-group-icon:last-child:hover,
+.e-input-group.e-control-wrapper:not(.e-rtl):not(.e-disabled) .e-input + .e-input-group-icon:last-child:hover,
+.e-input-group:not(.e-disabled) .e-input-group-icon:not(:last-child):hover + .e-input-group-icon:not(:last-child):hover,
+.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:not(:last-child):hover + .e-input-group-icon:not(:last-child):hover,
+.e-input-group:not(.e-rtl):not(.e-disabled) .e-input-group-icon:last-child:hover,
+.e-input-group.e-control-wrapper:not(.e-rtl):not(.e-disabled) .e-input-group-icon:last-child:hover {
   border-right-color: transparent;
+  background-color: #ecf;
 }
 
 .e-float-input.e-input-group.e-small.e-float-icon-left .e-input-group-icon:not(:last-child):hover,
 .e-float-input.e-input-group.e-float-icon-left .e-input-group-icon:not(:last-child):hover,
 .e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left .e-input-group-icon:not(:last-child):hover,
-.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-group-icon:not(:last-child):hover {
-  border-left-color: transparent;
-}
-
-.e-float-input.e-input-group.e-small:not(.e-float-icon-left):not(.e-input-group):not(.e-disabled) .e-input-group-icon:last-child:hover,
-.e-float-input.e-control-wrapper.e-input-group.e-small:not(.e-float-icon-left):not(.e-input-group):not(.e-disabled) .e-input-group-icon:last-child:hover {
-  border-right-color: transparent;
-}
-
+.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-group-icon:not(:last-child):hover,
 .e-input-group.e-small.e-float-icon-left:not(.e-disabled) .e-input-group-icon:first-child:hover,
-.e-input-group.e-control-wrapper.e-small.e-float-icon-left:not(.e-disabled) .e-input-group-icon:first-child:hover {
-  border-left-color: transparent;
-}
-
+.e-input-group.e-control-wrapper.e-small.e-float-icon-left:not(.e-disabled) .e-input-group-icon:first-child:hover,
 .e-input-group.e-small:not(.e-disabled) .e-input-group-icon:first-child:hover,
 .e-input-group.e-float-icon-left .e-input-group-icon:first-child:hover,
 .e-input-group.e-control-wrapper.e-small:not(.e-disabled) .e-input-group-icon:first-child:hover,
-.e-input-group.e-control-wrapper.e-float-icon-left .e-input-group-icon:first-child:hover {
-  border-left-color: transparent;
-}
-
-.e-input-group.e-small:not(.e-disabled):not(.e-float-input):not(.e-rtl) .e-input-group-icon:last-child:hover,
-.e-input-group.e-float-icon-left .e-input-group-icon:last-child:hover,
-.e-input-group.e-control-wrapper.e-small:not(.e-disabled):not(.e-float-input):not(.e-rtl) .e-input-group-icon:last-child:hover,
-.e-input-group.e-control-wrapper.e-float-icon-left .e-input-group-icon:last-child:hover {
-  border-right-color: transparent;
-}
-
+.e-input-group.e-control-wrapper.e-float-icon-left .e-input-group-icon:first-child:hover,
 .e-input-group.e-rtl:not(.e-disabled) .e-input-group-icon:last-child:hover,
-.e-input-group.e-control-wrapper.e-rtl:not(.e-disabled) .e-input-group-icon:last-child:hover {
-  border-left-color: transparent;
-}
-
-.e-input-group:not(.e-rtl):not(.e-disabled) .e-input + .e-input-group-icon:last-child:hover,
-.e-input-group.e-control-wrapper:not(.e-rtl):not(.e-disabled) .e-input + .e-input-group-icon:last-child:hover {
-  border-right-color: transparent;
-}
-
+.e-input-group.e-control-wrapper.e-rtl:not(.e-disabled) .e-input-group-icon:last-child:hover,
 .e-input-group:not(.e-disabled) .e-input-group-icon:first-child:hover,
 .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:first-child:hover {
   border-left-color: transparent;
 }
 
-.e-input-group:not(.e-disabled) .e-input-group-icon:not(:last-child):hover + .e-input-group-icon:not(:last-child):hover,
-.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:not(:last-child):hover + .e-input-group-icon:not(:last-child):hover {
-  border-right-color: transparent;
-}
-
-.e-input-group:not(.e-rtl):not(.e-disabled) .e-input-group-icon:last-child:hover,
-.e-input-group.e-control-wrapper:not(.e-rtl):not(.e-disabled) .e-input-group-icon:last-child:hover {
-  border-right-color: transparent;
+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: #400074;
+  color: #fff;
 }
 
 input.e-input::selection,
@@ -4175,131 +3967,18 @@ 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: #400074;
-  color: #fff;
-}
-
+.e-float-input.e-control-wrapper textarea::selection,
 .e-float-input.e-small textarea::selection,
 .e-float-input textarea::selection {
   background: #400074;
   color: #fff;
 }
 
-input.e-input:-moz-placeholder {
-  color: #4f4f4f;
-}
-
-.e-input-group input.e-input:-moz-placeholder {
-  color: #4f4f4f;
-}
-
-.e-input-group input.e-input:-moz-placeholder,
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder {
-  color: #4f4f4f;
-}
-
-input.e-input:-moz-placeholder {
-  color: #4f4f4f;
-}
-
-.e-input-group input.e-input:-moz-placeholder {
-  color: #4f4f4f;
-}
-
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder {
-  color: #4f4f4f;
-}
-
-textarea.e-input:-moz-placeholder {
-  color: #4f4f4f;
-}
-
-.e-input-group textarea.e-input:-moz-placeholder {
-  color: #4f4f4f;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder {
-  color: #4f4f4f;
-}
-
-input.e-input::-moz-placeholder {
-  color: #4f4f4f;
-}
-
-.e-input-group input.e-input::-moz-placeholder {
-  color: #4f4f4f;
-}
-
-.e-input-group.e-control-wrapper input.e-input::-moz-placeholder {
-  color: #4f4f4f;
-}
-
-textarea.e-input::-moz-placeholder {
-  color: #4f4f4f;
-}
-
-.e-input-group textarea.e-input::-moz-placeholder {
-  color: #4f4f4f;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input::-moz-placeholder {
-  color: #4f4f4f;
-}
-
-input.e-input:-ms-input-placeholder {
-  color: #4f4f4f;
-}
-
-.e-input-group input.e-input:-ms-input-placeholder {
-  color: #4f4f4f;
-}
-
-.e-input-group.e-control-wrapper input.e-input:-ms-input-placeholder {
-  color: #4f4f4f;
-}
-
-textarea.e-input:-ms-input-placeholder {
-  color: #4f4f4f;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input:-ms-input-placeholder {
-  color: #4f4f4f;
-}
-
-.e-input-group textarea.e-input:-ms-input-placeholder {
-  color: #4f4f4f;
-}
-
-input.e-input::-webkit-input-placeholder {
-  color: #4f4f4f;
-}
-
-.e-input-group.e-control-wrapper input.e-input::-webkit-input-placeholder {
-  color: #4f4f4f;
-}
-
-.e-input-group input.e-input::-webkit-input-placeholder {
-  color: #4f4f4f;
-}
-
-textarea.e-input::-webkit-input-placeholder {
-  color: #4f4f4f;
-}
-
-.e-input-group textarea.e-input::-webkit-input-placeholder {
-  color: #4f4f4f;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input::-webkit-input-placeholder {
-  color: #4f4f4f;
-}
-
-.e-input-group::before,
-.e-input-group::after,
-.e-input-group.e-control-wrapper::before,
-.e-input-group.e-control-wrapper::after {
-  content: "";
+.e-input-group::before,
+.e-input-group::after,
+.e-input-group.e-control-wrapper::before,
+.e-input-group.e-control-wrapper::after {
+  content: "";
 }
 
 .e-input-group.e-success::before,
@@ -4324,30 +4003,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: #000;
-}
-
-.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: #000;
-}
-
+.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: #000;
-}
-
-.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: #000;
-}
-
+.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: #000;
 }
 
+.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: #000;
@@ -4356,7 +4023,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: #000;
 }
 
@@ -4384,13 +4055,6 @@ textarea.e-input::-webkit-input-placeholder {
   border-color: #400074;
 }
 
-.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: #000;
-}
-
 .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus,
 .e-input-group.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:last-child.e-input-group-icon,
 .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus,
@@ -4435,11 +4099,6 @@ textarea.e-input::-webkit-input-placeholder {
   border-color: #757575;
 }
 
-.e-input-group,
-.e-input-group.e-control-wrapper {
-  border-bottom-color: #000;
-}
-
 .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,
@@ -4483,13 +4142,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: #757575;
-}
-
 .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;
@@ -4514,32 +4166,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: #000;
-}
-
-.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: #000;
-}
-
+.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,
@@ -4563,10 +4190,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: #000;
-}
-
+.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,
@@ -4590,34 +4214,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: #000;
-}
-
-.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: #000;
-  color: #4f4f4f;
-}
-
-.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: #4f4f4f;
-}
-
+.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,
@@ -4633,10 +4230,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: #000;
 }
 
+.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,
@@ -4656,27 +4324,22 @@ textarea.e-input::-webkit-input-placeholder {
   color: #000;
 }
 
-.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) 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: #000;
+  color: #4f4f4f;
 }
 
 .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
@@ -4715,10 +4378,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: #757575;
-}
-
+.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,
@@ -4728,10 +4388,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: #757575;
-}
-
+.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,
@@ -4755,10 +4412,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: #757575;
-}
-
+.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,
@@ -4815,46 +4469,7 @@ textarea.e-input::-webkit-input-placeholder {
   border-color: #400074;
 }
 
-.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: #000;
-}
-
-.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: #000;
-}
-
 /* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
 .e-input-group-icon.e-spin-up::before {
   content: "\e85e";
   font-family: "e-icons";
@@ -4903,7 +4518,6 @@ textarea.e-input::-webkit-input-placeholder {
   font-size: 12px;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 /*! maskedtextbox layout */
 .e-control-wrapper.e-mask .e-maskedtextbox {
   font-family: Arial, "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -4930,87 +4544,21 @@ textarea.e-input::-webkit-input-placeholder {
 }
 
 /*! maskedtextbox theme */
-.e-control-wrapper.e-mask.e-error .e-maskedtextbox {
-  color: #ff6161;
-}
-
+.e-control-wrapper.e-mask.e-error .e-maskedtextbox,
 .e-utility-mask.e-error {
   color: #ff6161;
 }
 
 /* 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 {
-  background-color: #fff;
-  border: 1px solid #000;
-}
-.e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
-  padding: 2px 12px;
-  text-align: center;
-  color: #3d3d3d;
-}
-
-.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-horizontal.e-scale-both .e-slider .e-handle,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal.e-scale-both .e-slider .e-handle {
-  margin-left: -9px;
-  top: calc(50% - 8px);
-}
-.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-vertical.e-scale-both .e-slider .e-handle,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical.e-scale-both .e-slider .e-handle {
-  left: calc(50% - 10px);
-  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: 9px;
-}
-
 .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: 28px;
   line-height: normal;
@@ -5018,12 +4566,54 @@ textarea.e-input::-webkit-input-placeholder {
   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: "highcontrast-light";
   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: 50%;
+  -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: #fff;
+  border-color: #000;
+}
+.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
+  border-color: #3d3d3d;
 }
 .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider .e-handle {
   margin: 0 -8px 0 0;
@@ -5073,14 +4663,16 @@ textarea.e-input::-webkit-input-placeholder {
   color: #3d3d3d;
   content: "\e829";
   font-size: 8px;
+}
+.e-control-wrapper.e-slider-container.e-horizontal .e-first-button .e-button-icon::before {
   font-weight: 600;
-  left: calc(50% - 5px);
   position: absolute;
   top: calc(50% - 4px);
+  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 {
@@ -5090,28 +4682,30 @@ textarea.e-input::-webkit-input-placeholder {
   color: #3d3d3d;
   content: "\e830";
   font-size: 8px;
+}
+.e-control-wrapper.e-slider-container.e-horizontal .e-second-button .e-button-icon::before {
   font-weight: 600;
-  left: calc(50% - 3px);
   position: absolute;
   top: calc(50% - 4px);
+  left: calc(50% - 3px);
 }
 .e-control-wrapper.e-slider-container.e-horizontal.e-slider-btn {
   padding: 0 35px;
 }
 .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: 8px;
+  width: 100%;
   left: 0;
   position: absolute;
-  width: 100%;
+  overflow: hidden;
   background: #3d3d3d;
   border-radius: 4px;
-  overflow: hidden;
   top: calc(50% - 4px);
 }
 .e-control-wrapper.e-slider-container.e-horizontal .e-handle {
@@ -5128,33 +4722,34 @@ textarea.e-input::-webkit-input-placeholder {
 }
 .e-control-wrapper.e-slider-container.e-horizontal .e-range {
   height: 6px;
+  top: calc(50% - 2px);
   top: calc(50% - 3px);
 }
 .e-control-wrapper.e-slider-container.e-horizontal .e-limits {
   background-color: rgba(255, 255, 255, 0.25);
-  height: 6px;
   position: absolute;
+  height: 6px;
   top: calc(50% - 3px);
 }
 .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: #3d3d3d;
   bottom: 0;
   height: 100%;
   position: absolute;
-  left: calc(50% - 4px);
   overflow: hidden;
   width: 8px;
+  left: calc(50% - 4px);
   border-radius: 4px;
 }
 .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn {
@@ -5177,16 +4772,19 @@ textarea.e-input::-webkit-input-placeholder {
   color: #3d3d3d;
   content: "\e829";
   font-size: 9px;
+}
+.e-control-wrapper.e-slider-container.e-vertical .e-first-button .e-button-icon::before {
   font-weight: 600;
-  left: calc(50% - 4.15px);
   position: absolute;
   top: calc(50% - 4px);
-  transform: rotate(-90deg);
+  left: calc(50% - 4.15px);
+  -webkit-transform: rotate(-90deg);
+          transform: rotate(-90deg);
 }
 .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 {
   font-family: "e-icons";
@@ -5195,11 +4793,14 @@ textarea.e-input::-webkit-input-placeholder {
   color: #3d3d3d;
   content: "\e829";
   font-size: 9px;
+}
+.e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon::before {
   font-weight: 600;
-  left: calc(50% - 5.5px);
   position: absolute;
   top: calc(50% - 5.8px);
-  transform: rotate(90deg);
+  left: calc(50% - 5.5px);
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
 }
 .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-slider .e-handle {
   margin-bottom: -8px;
@@ -5209,56 +4810,24 @@ textarea.e-input::-webkit-input-placeholder {
   margin-bottom: -8px;
   left: calc(50% - 8px);
 }
-.e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range {
-  left: calc(50% - 3px);
-  width: 6px;
-}
-.e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits {
-  background-color: rgba(255, 255, 255, 0.25);
-  left: calc(50% - 3px);
-  position: absolute;
-  width: 6px;
-}
-.e-control-wrapper.e-slider-container .e-range {
-  border-radius: 0;
-  position: absolute;
-  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-vertical .e-slider .e-range {
+  width: 6px;
+  left: calc(50% - 3px);
 }
-.e-control-wrapper.e-slider-container .e-slider .e-handle {
-  border-radius: 50%;
-  box-sizing: border-box;
-  cursor: pointer;
-  height: 16px;
-  outline: none;
+.e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits {
+  background-color: rgba(255, 255, 255, 0.25);
   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;
+  width: 6px;
+  left: calc(50% - 3px);
 }
-.e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-active {
-  background-color: #fff;
-  border-color: #000;
+.e-control-wrapper.e-slider-container .e-range {
+  border-radius: 0;
+  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-slider .e-handle.e-tab-handle {
-  border-color: #3d3d3d;
-  /* stylelint-disable */
-  /* stylelint-enable */
+.e-control-wrapper.e-slider-container .e-range.e-drag-horizontal, .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
+  cursor: pointer;
 }
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
   height: 4px;
@@ -5269,12 +4838,12 @@ textarea.e-input::-webkit-input-placeholder {
   top: -11px;
 }
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-tick {
-  left: 2px;
   width: 4px;
+  left: 2px;
 }
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-large {
-  left: -1px;
   width: 7px;
+  left: -1px;
 }
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-tick {
   height: 4px;
@@ -5285,12 +4854,12 @@ textarea.e-input::-webkit-input-placeholder {
   top: 18px;
 }
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-tick {
-  left: 22px;
   width: 4px;
+  left: 22px;
 }
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-large {
-  left: 22px;
   width: 7px;
+  left: 22px;
 }
 .e-control-wrapper.e-slider-container.e-scale-before .e-scale.e-v-scale {
   right: 9px;
@@ -5305,21 +4874,21 @@ textarea.e-input::-webkit-input-placeholder {
 .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-h-scale .e-large {
   height: calc(100% + 3px);
   top: -9px;
-  height: calc(100% + 2px);
-  top: -8px;
 }
 .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-tick {
-  left: 2px;
   width: calc(100% - 6px);
+  left: 2px;
 }
 .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-large {
-  left: -2px;
   width: calc(100% + 3px);
+  left: -2px;
 }
 .e-control-wrapper.e-slider-container .e-scale {
-  box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
   height: 28px;
+  width: 100%;
   line-height: normal;
   list-style: none outside none;
   margin: 0;
@@ -5327,7 +4896,6 @@ textarea.e-input::-webkit-input-placeholder {
   padding: 0;
   position: absolute;
   top: 9px;
-  width: 100%;
   z-index: 1;
   font-size: 9px;
   margin-top: -2px;
@@ -5342,6 +4910,7 @@ textarea.e-input::-webkit-input-placeholder {
   outline: none;
   position: relative;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   background-position: center center;
@@ -5353,15 +4922,16 @@ textarea.e-input::-webkit-input-placeholder {
   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;
 }
 .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick {
   background-repeat: repeat-x;
@@ -5379,18 +4949,12 @@ textarea.e-input::-webkit-input-placeholder {
   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;
 }
@@ -5398,7 +4962,7 @@ textarea.e-input::-webkit-input-placeholder {
   background-position: right center;
 }
 .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-slider-track {
-  border-color: #fff;
+  border-color: #4f4f4f;
   border-radius: 4px;
   border-style: solid;
   border-width: 4px;
@@ -5409,21 +4973,18 @@ textarea.e-input::-webkit-input-placeholder {
   right: 11px;
 }
 .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-slider-track {
-  border-color: #fff;
+  border-color: #4f4f4f;
   border-radius: 1px;
   border-style: solid;
   border-width: 0 5px;
-  left: calc(50% - 1px);
   margin-left: -7px;
   width: 14px;
+  left: calc(50% - 1px);
 }
+.e-control-wrapper.e-slider-container.e-scale-both.e-vertical.e-small-size.e-h-scale,
 .e-control-wrapper.e-slider-container.e-scale-both.e-vertical .e-scale.e-h-scale {
   margin-left: -7px;
 }
-.e-control-wrapper.e-slider-container.e-scale-both.e-vertical.e-small-size .e-scale.e-h-scale {
-  margin-left: -7px;
-}
-
 .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-before {
   right: 17px;
 }
@@ -5437,30 +4998,83 @@ textarea.e-input::-webkit-input-placeholder {
   left: 42px;
 }
 
-/*! component theme */
-.e-control-wrapper.e-slider-container .e-slider-button {
+.e-slider-tooltip.e-tooltip-wrap.e-popup {
   background-color: #fff;
   border: 1px solid #000;
-  border-radius: 50%;
+}
+.e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
+  padding: 2px 12px;
+  text-align: center;
+  color: #3d3d3d;
+}
+
+.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;
-  box-sizing: border-box;
+}
+.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-horizontal.e-scale-both .e-slider .e-handle,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal.e-scale-both .e-slider .e-handle {
+  margin-left: -9px;
+  top: calc(50% - 8px);
+}
+.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-vertical.e-scale-both .e-slider .e-handle,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical.e-scale-both .e-slider .e-handle {
+  left: calc(50% - 10px);
+  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: 9px;
+}
+
+/* stylelint-enable property-no-vendor-prefix */
+.e-control-wrapper.e-slider-container .e-slider-button {
+  background-color: #fff;
+  border: 1px solid #000;
+  -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-button:hover {
-  background-color: #400074;
   border-color: #400074;
 }
-.e-control-wrapper.e-slider-container .e-slider-button:hover .e-button-icon::before {
-  color: #fff;
-}
-.e-control-wrapper.e-slider-container .e-slider-button:active {
+.e-control-wrapper.e-slider-container .e-slider-button:hover, .e-control-wrapper.e-slider-container .e-slider-button:active {
   background-color: #400074;
 }
-.e-control-wrapper.e-slider-container .e-slider-button:active .e-button-icon::before {
+.e-control-wrapper.e-slider-container .e-slider-button:hover .e-button-icon::before, .e-control-wrapper.e-slider-container .e-slider-button:active .e-button-icon::before {
   color: #fff;
 }
 .e-control-wrapper.e-slider-container .e-slider .e-range {
@@ -5485,7 +5099,6 @@ textarea.e-input::-webkit-input-placeholder {
 .e-control-wrapper.e-slider-container .e-slider .e-handle:active {
   background-color: #fff;
 }
-/* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */
 .e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 33px;
@@ -5514,8 +5127,7 @@ textarea.e-input::-webkit-input-placeholder {
   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;
 }
@@ -5529,7 +5141,7 @@ textarea.e-input::-webkit-input-placeholder {
 .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;
 }
 
@@ -5549,19 +5161,43 @@ textarea.e-input::-webkit-input-placeholder {
 }
 
 /* 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);
   }
 }
@@ -5651,7 +5287,8 @@ textarea.e-input::-webkit-input-placeholder {
   top: -31px;
 }
 .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: 26px;
   margin: 16px;
@@ -5708,7 +5345,8 @@ textarea.e-input::-webkit-input-placeholder {
   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: 14px;
   margin-right: 14px;
@@ -5761,7 +5399,8 @@ textarea.e-input::-webkit-input-placeholder {
   color: #ff6161;
 }
 .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: 37px;
 }
 .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 {
@@ -5865,7 +5504,8 @@ textarea.e-input::-webkit-input-placeholder {
 .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,
@@ -5987,16 +5627,20 @@ textarea.e-input::-webkit-input-placeholder {
 .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: 26px;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   margin: 12px;
   margin-top: -21px;
   padding: 16px;
@@ -6049,7 +5693,8 @@ textarea.e-input::-webkit-input-placeholder {
   background-color: #ecf;
   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,
@@ -6277,7 +5922,8 @@ textarea.e-input::-webkit-input-placeholder {
   color: #ff6161;
 }
 .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: 38px;
 }
 .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 {
@@ -6346,10 +5992,10 @@ textarea.e-input::-webkit-input-placeholder {
 .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: #ecf;
   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: "\e429";
 }
@@ -6360,6 +6006,7 @@ textarea.e-input::-webkit-input-placeholder {
   line-height: 0;
   outline: none;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -6396,7 +6043,8 @@ textarea.e-input::-webkit-input-placeholder {
 }
 .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 {
@@ -6405,7 +6053,8 @@ textarea.e-input::-webkit-input-placeholder {
 .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 {
@@ -6496,9 +6145,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 6px 12px rgba(255, 255, 255, 0.175);
+  -webkit-box-shadow: 0 6px 12px rgba(255, 255, 255, 0.175);
+          box-shadow: 0 6px 12px rgba(255, 255, 255, 0.175);
 }
 .e-container.e-color-picker {
   width: 270px;
@@ -6528,6 +6179,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;
 }
@@ -6537,7 +6189,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;
@@ -6550,7 +6203,8 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  box-shadow: 2px 2px 7px 2px rgba(255, 255, 255, 0.4);
+  -webkit-box-shadow: 2px 2px 7px 2px rgba(255, 255, 255, 0.4);
+          box-shadow: 2px 2px 7px 2px rgba(255, 255, 255, 0.4);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {
@@ -6564,13 +6218,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 #000;
   border-radius: 6px;
-  box-shadow: 0 0 3px rgba(255, 255, 255, 0.7), inset 0 0 2px rgba(255, 255, 255, 0.7);
+  -webkit-box-shadow: 0 0 3px rgba(255, 255, 255, 0.7), inset 0 0 2px rgba(255, 255, 255, 0.7);
+          box-shadow: 0 0 3px rgba(255, 255, 255, 0.7), inset 0 0 2px rgba(255, 255, 255, 0.7);
   cursor: pointer;
   display: inline-block;
   height: 8px;
@@ -6580,6 +6236,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;
@@ -6601,7 +6258,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;
 }
@@ -6616,9 +6273,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 {
@@ -6636,7 +6295,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(255, 255, 255, 0.64);
+  -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.64);
+          box-shadow: 0 1px 2px rgba(255, 255, 255, 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+");
@@ -6665,12 +6325,15 @@ body.e-colorpicker-overflow {
   top: 15px;
 }
 .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 12px 12px;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   width: 100%;
@@ -6745,7 +6408,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;
@@ -6756,7 +6420,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 {
@@ -6820,9 +6485,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 {
@@ -6837,7 +6504,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;
@@ -6858,6 +6526,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;
 }
@@ -6999,11 +6670,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(255, 255, 255, 0.64);
+  -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.64);
+          box-shadow: 0 1px 2px rgba(255, 255, 255, 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+");
@@ -7011,7 +6687,8 @@ body.e-colorpicker-overflow {
   border-radius: 50%;
   height: 24px;
   position: relative;
-  transform: rotate(45deg);
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
   width: 24px;
 }
 
@@ -7046,7 +6723,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) {
@@ -7060,7 +6738,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: #000;
   border-color: #fff;
-  box-shadow: 0 1px 2px rgba(255, 255, 255, 0.64);
+  -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.64);
+          box-shadow: 0 1px 2px rgba(255, 255, 255, 0.64);
 }
 
 .e-colorpicker-wrapper.e-disabled .e-value-switch-btn, .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn,
@@ -7086,7 +6765,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: #fff;
 }
 
@@ -7096,20 +6776,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;
@@ -7142,8 +6828,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 {
@@ -7201,23 +6891,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;
@@ -7307,8 +7003,10 @@ body.e-colorpicker-overflow {
 .e-rating-container .e-rating-item-container .e-rating-icon {
   -webkit-text-fill-color: transparent;
   -webkit-text-stroke: 1px #000;
+  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(#000), to(transparent));
   background: linear-gradient(to right, #000 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7320,6 +7018,7 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #400074;
 }
 .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(#400074), to(transparent));
   background: linear-gradient(to right, #400074 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7328,6 +7027,7 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #400074;
 }
 .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(#400074), to(transparent));
   background: linear-gradient(to right, #400074 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7336,6 +7036,7 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #400074;
 }
 .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(#000), to(transparent));
   background: linear-gradient(to left, #000 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7343,6 +7044,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(#400074), to(transparent));
   background: linear-gradient(to left, #400074 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7350,6 +7052,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(#400074), to(transparent));
   background: linear-gradient(to left, #400074 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7363,6 +7066,7 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #757575;
 }
 .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(#757575), to(transparent));
   background: linear-gradient(to right, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7371,6 +7075,7 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #757575;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
+  background: -webkit-gradient(linear, right top, left top, from(#757575), to(transparent));
   background: linear-gradient(to left, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7378,6 +7083,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(#757575), to(transparent));
   background: linear-gradient(to left, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7397,7 +7103,6 @@ body.e-colorpicker-overflow {
   font-weight: 600;
 }
 .e-data-form .e-form-layout {
-  display: -ms-grid;
   display: grid;
 }
 .e-data-form .e-grid-col-2 {
@@ -7445,82 +7150,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;
 }
@@ -7528,6 +7215,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;
@@ -7547,17 +7235,22 @@ body.e-colorpicker-overflow {
   border-bottom: 1px solid #dee2e6;
 }
 .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;
@@ -7567,25 +7260,30 @@ body.e-colorpicker-overflow {
   margin-top: 3px;
 }
 .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;
@@ -7600,10 +7298,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 {
@@ -7628,4 +7322,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: #b30900;
   color: #b30900;
+}
+
+.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: 4px;
+}
+.e-otpinput .e-otp-input-field {
+  min-width: 30px;
+  min-height: 30px;
+  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: 4px;
+}
+.e-otpinput.e-underlined .e-otp-input-field {
+  border-radius: 4px 4px 0 0;
+}
+.e-otpinput.e-filled .e-otp-input-field {
+  border-radius: 4px 4px 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: 26px;
+  min-height: 26px;
+  font-size: 12px;
+  line-height: 16px;
+  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: 38px;
+  min-height: 38px;
+  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: 34px;
+  min-height: 34px;
+  font-size: 14px;
+  line-height: 22px;
+  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: rgb(28, 27, 31);
+  background: rgba(255, 255, 255, 0);
+}
+.e-otpinput .e-otp-separator {
+  color: rgb(121, 116, 126);
+}
+.e-otpinput.e-outline .e-otp-input-field {
+  border: 2px solid rgb(121, 116, 126);
+}
+.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 rgb(121, 116, 126);
+}
+.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: rgb(121, 116, 126);
+  color: rgb(28, 27, 31);
+}
+.e-otpinput.e-filled .e-otp-input-field {
+  background: rgb(231, 224, 236);
+}
+.e-otpinput.e-underlined .e-otp-input-field {
+  background: rgba(255, 255, 255, 0);
+}
+.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: rgb(179, 38, 30);
+}
+.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: rgb(32, 81, 7);
+}
+.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: rgb(145, 76, 0);
 }