@syncfusion/ej2-inputs 25.2.6 → 26.1.35

package/styles/bootstrap4.css

@@ -50,12 +50,7 @@ textarea.e-input,
 input.e-input,
 textarea.e-input,
 .e-input-group,
-.e-input-group.e-control-wrapper {
-  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
-  font-size: 14px;
-  font-weight: normal;
-}
-
+.e-input-group.e-control-wrapper,
 .e-input-group.e-disabled,
 .e-input-group.e-control-wrapper.e-disabled {
   font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -66,7 +61,15 @@ textarea.e-input,
 .e-input-group input.e-input,
 .e-input-group.e-control-wrapper input.e-input,
 .e-input-group textarea.e-input,
-.e-input-group.e-control-wrapper textarea.e-input {
+.e-input-group.e-control-wrapper textarea.e-input,
+.e-input-group.e-small .e-input,
+.e-input-group.e-small.e-control-wrapper .e-input,
+.e-small .e-input-group .e-input,
+.e-small .e-input-group.e-control-wrapper .e-input,
+.e-input-group.e-bigger .e-input,
+.e-input-group.e-bigger.e-control-wrapper .e-input,
+.e-bigger .e-input-group .e-input,
+.e-bigger .e-input-group.e-control-wrapper .e-input {
   font: inherit;
 }
 
@@ -87,12 +90,7 @@ input.e-input:focus,
 .e-float-input input:focus,
 .e-float-input.e-input-group input:focus,
 .e-float-input.e-control-wrapper input:focus,
-.e-float-input.e-control-wrapper.e-input-group input:focus {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
+.e-float-input.e-control-wrapper.e-input-group input:focus,
 .e-input-group.e-input-focus input.e-input,
 .e-input-group.e-input-focus input,
 .e-input-group.e-control-wrapper.e-input-focus input.e-input,
@@ -118,7 +116,21 @@ input.e-input,
 .e-input-group,
 .e-input-group.e-control-wrapper,
 .e-float-input,
-.e-float-input.e-control-wrapper {
+.e-float-input.e-control-wrapper,
+.e-input.e-corner,
+.e-input-group.e-corner.e-rtl input.e-input:only-child,
+.e-input-group.e-control-wrapper.e-corner.e-rtl input.e-input:only-child,
+.e-input-group.e-input-focus.e-corner,
+.e-input-group.e-control-wrapper.e-input-focus.e-corner,
+textarea.e-input,
+.e-input-group textarea.e-input,
+.e-input-group textarea,
+.e-input-group.e-control-wrapper textarea.e-input,
+.e-input-group.e-control-wrapper textarea,
+.e-float-input textarea,
+.e-float-input.e-input-group textarea,
+.e-float-input.e-control-wrapper textarea,
+.e-float-input.e-control-wrapper.e-input-group textarea {
   border-radius: 4px;
 }
 
@@ -167,13 +179,6 @@ textarea.e-input.e-bigger,
   font-size: 16px;
 }
 
-.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: 14px;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   line-height: 1;
   min-height: 29px;
   min-width: 23px;
@@ -240,11 +250,7 @@ textarea.e-input.e-bigger,
 .e-input-group.e-rtl .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-rtl .e-input-group-icon,
 .e-rtl .e-input-group .e-input-group-icon,
-.e-rtl .e-input-group.e-control-wrapper .e-input-group-icon {
-  border-left-width: 1px;
-  border-right-width: 0;
-}
-
+.e-rtl .e-input-group.e-control-wrapper .e-input-group-icon,
 .e-input-group.e-rtl .e-input-group-icon + .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-rtl .e-input-group-icon + .e-input-group-icon,
 .e-rtl .e-input-group .e-input-group-icon + .e-input-group-icon,
@@ -352,7 +358,15 @@ textarea.e-input.e-bigger,
 .e-float-input.e-control-wrapper textarea[disabled],
 .e-float-input.e-control-wrapper textarea.e-disabled,
 .e-input-group.e-disabled span,
-.e-input-group.e-control-wrapper.e-disabled span {
+.e-input-group.e-control-wrapper.e-disabled span,
+.e-input-group.e-disabled input.e-input:not(:valid):first-child ~ .e-clear-icon,
+.e-input-group.e-control-wrapper.e-disabled input.e-input:not(:valid):first-child ~ .e-clear-icon,
+.e-float-input.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
+.e-float-input.e-input-group.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
+.e-float-input.e-input-group.e-control-wrapper.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
+.e-float-input.e-control-wrapper.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
+.e-input-group.e-disabled .e-clear-icon.e-clear-icon-hide,
+.e-input-group.e-control-wrapper.e-disabled .e-clear-icon.e-clear-icon-hide {
   cursor: not-allowed;
 }
 
@@ -383,35 +397,48 @@ textarea.e-input.e-bigger,
 .e-float-input.e-control-wrapper.e-disabled,
 .e-float-input.e-control-wrapper input[disabled],
 .e-float-input.e-control-wrapper input.e-disabled,
-.e-float-input.e-control-wrapper.e-disabled input {
+.e-float-input.e-control-wrapper.e-disabled input,
+.e-float-input textarea[disabled],
+.e-float-input textarea.e-disabled,
+.e-float-input.e-disabled textarea,
+.e-float-input.e-control-wrapper textarea[disabled],
+.e-float-input.e-control-wrapper textarea.e-disabled,
+.e-float-input.e-control-wrapper.e-disabled textarea {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 
 .e-input.e-rtl,
 .e-input-group.e-rtl,
-.e-input-group.e-control-wrapper.e-rtl {
+.e-input-group.e-control-wrapper.e-rtl,
+.e-float-input.e-rtl,
+.e-float-input.e-control-wrapper.e-rtl {
   direction: rtl;
 }
 
-.e-input.e-corner {
-  border-radius: 4px;
-}
-
 .e-input-group,
-.e-input-group.e-control-wrapper {
+.e-input-group.e-control-wrapper,
+.e-float-custom-tag.e-input-group,
+.e-float-custom-tag.e-input-group.e-control-wrapper,
+.e-input-custom-tag,
+.e-input-custom-tag.e-input-group,
+.e-input-custom-tag.e-input-group.e-control-wrapper {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   vertical-align: middle;
 }
 
 .e-float-input:not(.e-input-group),
-.e-float-input.e-control-wrapper:not(.e-input-group) {
+.e-float-input.e-control-wrapper:not(.e-input-group),
+.e-float-custom-tag,
+.e-float-custom-tag.e-control-wrapper {
   display: inline-block;
 }
 
 .e-input-group .e-input-group-icon,
 .e-input-group.e-control-wrapper .e-input-group-icon {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -452,13 +479,6 @@ textarea.e-input.e-small,
   font-size: 12px;
 }
 
-.e-input-group.e-small .e-input,
-.e-input-group.e-small.e-control-wrapper .e-input,
-.e-small .e-input-group .e-input,
-.e-small .e-input-group.e-control-wrapper .e-input {
-  font: inherit;
-}
-
 .e-input.e-small,
 .e-input-group.e-small .e-input,
 .e-input-group.e-control-wrapper.e-small .e-input {
@@ -483,10 +503,7 @@ textarea.e-input.e-small,
 .e-bigger .e-input-group.e-small,
 .e-bigger .e-input-group.e-control-wrapper.e-small,
 .e-small .e-input-group.e-bigger,
-.e-small .e-input-group.e-control-wrapper.e-bigger {
-  font-size: 14px;
-}
-
+.e-small .e-input-group.e-control-wrapper.e-bigger,
 .e-input-group.e-small.e-bigger.e-disabled,
 .e-small.e-bigger .e-input-group.e-disabled,
 .e-input-group.e-control-wrapper.e-small.e-bigger.e-disabled,
@@ -500,12 +517,6 @@ textarea.e-input.e-small,
   font-size: 14px;
 }
 
-.e-input.e-small.e-bigger,
-.e-bigger .e-input.e-small,
-.e-small .e-input.e-bigger {
-  padding: 0;
-}
-
 .e-input-group.e-small.e-bigger .e-input,
 .e-input-group.e-small .e-input.e-bigger,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-input,
@@ -527,7 +538,10 @@ textarea.e-input.e-small,
 .e-bigger .e-input-group.e-small.e-input-focus .e-input,
 .e-input-group.e-control-wrapper.e-small.e-bigger.e-input-focus .e-input,
 .e-input-group.e-control-wrapper.e-small.e-input-focus .e-input.e-bigger,
-.e-bigger .e-input-group.e-control-wrapper.e-small.e-input-focus .e-input {
+.e-bigger .e-input-group.e-control-wrapper.e-small.e-input-focus .e-input,
+.e-input.e-small.e-bigger,
+.e-bigger .e-input.e-small,
+.e-small .e-input.e-bigger {
   padding: 0;
 }
 
@@ -570,10 +584,14 @@ label.e-float-text,
   position: absolute;
   text-overflow: ellipsis;
   top: -11px;
-  transform: translate3d(0, 16px, 0) scale(1);
-  transform-origin: left top;
+  -webkit-transform: translate3d(0, 16px, 0) scale(1);
+          transform: translate3d(0, 16px, 0) scale(1);
+  -webkit-transform-origin: left top;
+          transform-origin: left top;
+  -webkit-transition: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
   transition: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   white-space: nowrap;
@@ -615,11 +633,13 @@ label.e-float-text,
   -ms-transform: translate(0%, -50%);
   -o-transform: translate(0%, -50%);
   -webkit-transform: translate(0%, -50%);
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   left: 0%;
   top: 50%;
   transform: translate(0%, -50%);
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   width: 100%;
@@ -684,7 +704,8 @@ label.e-float-text,
 .e-float-input.e-input-focus input ~ label.e-float-text {
   font-size: 14px;
   padding-right: 0;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
 }
 
 .e-float-input.e-small input:focus ~ label.e-float-text,
@@ -717,7 +738,8 @@ label.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
   font-size: 14px;
   padding-right: 0;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
 }
 
 .e-float-input.e-bigger input:focus ~ label.e-float-text,
@@ -749,7 +771,8 @@ label.e-float-text,
 .e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
   padding-right: 0;
-  transform: translate3d(-10px, -42px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -42px, 0) scale(1);
+          transform: translate3d(-10px, -42px, 0) scale(1);
 }
 
 .e-float-input.e-bigger.e-small input:focus ~ label.e-float-text,
@@ -795,7 +818,8 @@ label.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text,
 .e-small .e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text {
   padding-right: 0;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
 }
 
 .e-float-input.e-bigger input:focus ~ label.e-float-text,
@@ -997,10 +1021,7 @@ label.e-float-text,
 .e-float-input input,
 .e-input-group input,
 .e-float-input.e-control-wrapper input,
-.e-input-group.e-control-wrapper input {
-  text-indent: 8px;
-}
-
+.e-input-group.e-control-wrapper input,
 .e-float-input textarea,
 .e-input-group textarea,
 .e-float-input.e-control-wrapper textarea,
@@ -1008,13 +1029,6 @@ label.e-float-text,
   text-indent: 8px;
 }
 
-.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: 16px;
-}
-
 .e-float-input.e-bigger.e-disabled,
 .e-bigger .e-float-input.e-disabled,
 .e-float-input.e-control-wrapper.e-bigger.e-disabled,
@@ -1022,7 +1036,11 @@ label.e-float-text,
 .e-float-input.e-input-group.e-bigger.e-disabled,
 .e-bigger .e-float-input.e-input-group.e-disabled,
 .e-float-input.e-input-group.e-control-wrapper.e-bigger.e-disabled,
-.e-bigger .e-float-input.e-input-group.e-control-wrapper.e-disabled {
+.e-bigger .e-float-input.e-input-group.e-control-wrapper.e-disabled,
+.e-float-input.e-bigger,
+.e-bigger .e-float-input,
+.e-float-input.e-control-wrapper.e-bigger,
+.e-bigger .e-float-input.e-control-wrapper {
   font-size: 16px;
 }
 
@@ -1037,13 +1055,6 @@ label.e-float-text,
   padding: 0;
 }
 
-.e-float-input.e-small,
-.e-small .e-float-input,
-.e-float-input.e-control-wrapper.e-small,
-.e-small .e-float-input.e-control-wrapper {
-  font-size: 12px;
-}
-
 .e-float-input.e-small.e-disabled,
 .e-small .e-float-input.e-disabled,
 .e-float-input.e-control-wrapper.e-small.e-disabled,
@@ -1051,7 +1062,11 @@ label.e-float-text,
 .e-float-input.e-input-group.e-small.e-disabled,
 .e-small .e-float-input.e-input-group.e-disabled,
 .e-float-input.e-input-group.e-control-wrapper.e-small.e-disabled,
-.e-small .e-float-input.e-input-group.e-control-wrapper.e-disabled {
+.e-small .e-float-input.e-input-group.e-control-wrapper.e-disabled,
+.e-float-input.e-small,
+.e-small .e-float-input,
+.e-float-input.e-control-wrapper.e-small,
+.e-small .e-float-input.e-control-wrapper {
   font-size: 12px;
 }
 
@@ -1062,17 +1077,6 @@ label.e-float-text,
   padding: 0;
 }
 
-.e-float-input.e-small.e-bigger,
-.e-small.e-bigger .e-float-input,
-.e-bigger .e-float-input.e-small,
-.e-small .e-float-input.e-bigger,
-.e-float-input.e-control-wrapper.e-small.e-bigger,
-.e-small.e-bigger .e-float-input.e-control-wrapper,
-.e-bigger .e-float-input.e-control-wrapper.e-small,
-.e-small .e-float-input.e-control-wrapper.e-bigger {
-  font-size: 14px;
-}
-
 .e-float-input.e-small.e-bigger.e-disabled,
 .e-small.e-bigger .e-float-input.e-disabled,
 .e-bigger .e-float-input.e-small.e-disabled,
@@ -1088,7 +1092,15 @@ label.e-float-text,
 .e-float-input.e-input-group.e-control-wrapper.e-small.e-bigger.e-disabled,
 .e-small.e-bigger .e-float-input.e-input-group.e-control-wrapper.e-disabled,
 .e-bigger .e-float-input.e-input-group.e-control-wrapper.e-small.e-disabled,
-.e-small .e-float-input.e-input-group.e-control-wrapper.e-bigger.e-disabled {
+.e-small .e-float-input.e-input-group.e-control-wrapper.e-bigger.e-disabled,
+.e-float-input.e-small.e-bigger,
+.e-small.e-bigger .e-float-input,
+.e-bigger .e-float-input.e-small,
+.e-small .e-float-input.e-bigger,
+.e-float-input.e-control-wrapper.e-small.e-bigger,
+.e-small.e-bigger .e-float-input.e-control-wrapper,
+.e-bigger .e-float-input.e-control-wrapper.e-small,
+.e-small .e-float-input.e-control-wrapper.e-bigger {
   font-size: 14px;
 }
 
@@ -1108,7 +1120,11 @@ label.e-float-text,
 .e-float-input textarea:focus,
 .e-float-input.e-control-wrapper textarea:focus,
 .e-float-input.e-input-focus input,
-.e-float-input.e-control-wrapper.e-input-focus input {
+.e-float-input.e-control-wrapper.e-input-focus input,
+.e-input-group.e-control-container.valid.modified,
+.e-input-group.e-control-container.invalid,
+.e-float-input.e-control-container.valid.modified,
+.e-float-input.e-control-container.invalid {
   outline: none;
 }
 
@@ -1133,13 +1149,7 @@ label.e-float-text,
 .e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text.e-label-top,
 .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-float-text.e-label-top,
 .e-float-input.e-input-focus input ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
-  font-weight: normal;
-  -webkit-user-select: text;
-      -ms-user-select: text;
-          user-select: text;
-}
-
+.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text,
 .e-float-input textarea:valid ~ label.e-float-text,
 .e-float-input textarea:focus ~ label.e-float-text,
 .e-float-input textarea:valid ~ label.e-float-text.e-label-top,
@@ -1150,6 +1160,7 @@ label.e-float-text,
 .e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-label-top {
   font-weight: normal;
   -webkit-user-select: text;
+     -moz-user-select: text;
       -ms-user-select: text;
           user-select: text;
 }
@@ -1172,10 +1183,7 @@ label.e-float-text,
 .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-small .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
-  font-weight: normal;
-}
-
+.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
@@ -1203,6 +1211,7 @@ label.e-float-text,
   content: "";
   height: 2px;
   position: absolute;
+  -webkit-transition: 0.2s ease;
   transition: 0.2s ease;
   width: 0;
 }
@@ -1239,11 +1248,6 @@ label.e-float-text,
   width: 100%;
 }
 
-.e-float-input.e-rtl,
-.e-float-input.e-control-wrapper.e-rtl {
-  direction: rtl;
-}
-
 .e-float-input.e-rtl label.e-float-text,
 .e-float-input.e-control-wrapper.e-rtl label.e-float-text,
 .e-rtl .e-float-input label.e-float-text,
@@ -1259,23 +1263,8 @@ label.e-float-text,
 .e-rtl .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-rtl .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
   right: 0;
-  transform-origin: right top;
-}
-
-/* stylelint-disable selector-max-empty-lines */
-.e-float-input.e-rtl:not(.e-input-focus) label.e-float-text.e-label-bottom,
-.e-rtl .e-float-input:not(.e-input-focus) label.e-float-text.e-label-bottom,
-.e-float-input.e-rtl.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom,
-.e-rtl .e-float-input.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom,
-.e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text,
-.e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
-.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text,
-.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
-.e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text,
-.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text,
-.e-float-input.e-rtl.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
-.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom {
-  padding-right: 10px;
+  -webkit-transform-origin: right top;
+          transform-origin: right top;
 }
 
 .e-float-input.e-rtl.e-bigger:not(.e-input-focus) label.e-float-text.e-label-bottom,
@@ -1301,10 +1290,19 @@ label.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
 .e-bigger.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text,
-.e-bigger.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom {
-  padding-right: 10px;
-}
-
+.e-bigger.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
+.e-float-input.e-rtl:not(.e-input-focus) label.e-float-text.e-label-bottom,
+.e-rtl .e-float-input:not(.e-input-focus) label.e-float-text.e-label-bottom,
+.e-float-input.e-rtl.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom,
+.e-rtl .e-float-input.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom,
+.e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text,
+.e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
+.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text,
+.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
+.e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text,
+.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text,
+.e-float-input.e-rtl.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
+.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
 .e-float-input.e-rtl.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom,
 .e-float-input.e-rtl.e-control-wrapper.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom,
 .e-rtl .e-float-input.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom,
@@ -1328,10 +1326,7 @@ label.e-float-text,
 .e-small .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text,
 .e-small .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
 .e-small.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text,
-.e-small.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom {
-  padding-right: 10px;
-}
-
+.e-small.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
 .e-float-input.e-rtl.e-bigger.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom,
 .e-float-input.e-rtl.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom,
 .e-rtl .e-float-input.e-bigger.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom,
@@ -1359,7 +1354,6 @@ label.e-float-text,
   padding-right: 10px;
 }
 
-/* stylelint-enable selector-max-empty-lines */
 .e-input-group.e-corner.e-rtl .e-input:first-child,
 .e-input-group.e-corner.e-rtl .e-input-group-icon:first-child,
 .e-input-group.e-control-wrapper.e-corner.e-rtl .e-input:first-child,
@@ -1394,11 +1388,6 @@ label.e-float-text,
   cursor: not-allowed;
 }
 
-.e-input-group.e-corner.e-rtl input.e-input:only-child,
-.e-input-group.e-control-wrapper.e-corner.e-rtl input.e-input:only-child {
-  border-radius: 4px;
-}
-
 .e-input-group.e-rtl .e-input:not(:first-child):focus,
 .e-input-group.e-control-wrapper.e-rtl .e-input:not(:first-child):focus {
   border-right-width: 0;
@@ -1429,7 +1418,13 @@ label.e-float-text,
 .e-input-group.e-control-wrapper textarea.e-input,
 .e-input-group.e-control-wrapper.e-bigger .e-input,
 .e-bigger .e-input-group .e-input,
-.e-bigger .e-input-group.e-control-wrapper .e-input {
+.e-bigger .e-input-group.e-control-wrapper .e-input,
+.e-float-input input.e-input,
+.e-float-input.e-bigger .e-input,
+.e-bigger .e-float-input .e-input,
+.e-float-input.e-control-wrapper input.e-input,
+.e-float-input.e-control-wrapper.e-bigger .e-input,
+.e-bigger .e-float-input.e-control-wrapper .e-input {
   margin-bottom: 0;
 }
 
@@ -1553,10 +1548,10 @@ label.e-float-text,
 .e-input-group.e-bigger .e-input-group-icon:last-child,
 .e-input-group .e-input-group-icon.e-bigger:last-child,
 .e-bigger .e-input-group .e-input-group-icon:last-child,
+.e-input-group.e-control-wrapper .e-input-group-icon:last-child,
 .e-input-group.e-small .e-input-group-icon:last-child,
 .e-input-group.e-small.e-bigger .e-input-group-icon:last-child,
 .e-input-group.e-small .e-input-group-icon.e-bigger:last-child,
-.e-input-group.e-control-wrapper .e-input-group-icon:last-child,
 .e-input-group.e-control-wrapper.e-bigger .e-input-group-icon:last-child,
 .e-input-group.e-control-wrapper .e-input-group-icon.e-bigger:last-child,
 .e-input-group.e-control-wrapper.e-small .e-input-group-icon:last-child,
@@ -1589,11 +1584,6 @@ label.e-float-text,
   border-right-width: 0;
 }
 
-.e-input-group.e-input-focus.e-corner,
-.e-input-group.e-control-wrapper.e-input-focus.e-corner {
-  border-radius: 4px;
-}
-
 .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
 .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap,
 .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
@@ -1607,21 +1597,6 @@ label.e-float-text,
   border-style: solid;
 }
 
-.e-float-custom-tag,
-.e-float-custom-tag.e-control-wrapper {
-  display: inline-block;
-}
-
-.e-float-custom-tag.e-input-group,
-.e-float-custom-tag.e-input-group.e-control-wrapper,
-.e-input-custom-tag,
-.e-input-custom-tag.e-input-group,
-.e-input-custom-tag.e-input-group.e-control-wrapper {
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  vertical-align: middle;
-}
-
 .e-input-group .e-input-group-icon,
 .e-input-group.e-control-wrapper .e-input-group-icon {
   content: "";
@@ -1639,7 +1614,21 @@ label.e-float-text,
 
 input.e-input::-ms-clear,
 .e-float-input input::-ms-clear,
-.e-float-input.e-control-wrapper input::-ms-clear {
+.e-float-input.e-control-wrapper input::-ms-clear,
+.e-input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
+.e-input-group input:not(.e-control).e-input:not(:valid):first-child ~ .e-clear-icon,
+.e-input-group.e-control-wrapper input.e-input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
+.e-float-input input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
+.e-float-input.e-control-wrapper input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
+.e-float-input.e-input-group input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
+.e-float-input.e-input-group.e-control-wrapper input:not(:valid):not(.e-control):first-child ~ .e-clear-icon {
+  display: none;
+}
+
+.e-input-group .e-clear-icon.e-clear-icon-hide,
+.e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
+.e-float-input.e-control-wrapper.e-hidden,
+.e-input-group.e-control-wrapper.e-hidden {
   display: none;
 }
 
@@ -1683,14 +1672,14 @@ input.e-input[type=search]::-webkit-search-results-decoration,
 input.e-input::-webkit-input-placeholder,
 input.e-input:-moz-placeholder,
 input.e-input:-ms-input-placeholder,
-input.e-input::-moz-placeholder {
-  font-size: 14px;
-  font-style: normal;
-}
-
+input.e-input::-moz-placeholder,
 textarea.e-input::-webkit-input-placeholder,
 textarea.e-input:-moz-placeholder,
 textarea.e-input:-ms-input-placeholder,
+textarea.e-input::-moz-placeholder,
+textarea.e-input::-webkit-textarea-placeholder,
+textarea.e-input:-moz-placeholder,
+textarea.e-input:-ms-textarea-placeholder,
 textarea.e-input::-moz-placeholder {
   font-size: 14px;
   font-style: normal;
@@ -1703,11 +1692,7 @@ input.e-bigger.e-input:-moz-placeholder,
 .e-bigger input.e-input:-ms-input-placeholder,
 input.e-bigger.e-input:-ms-input-placeholder,
 .e-bigger input.e-input::-moz-placeholder,
-input.e-bigger.e-input::-moz-placeholder {
-  font-size: 16px;
-  font-style: normal;
-}
-
+input.e-bigger.e-input::-moz-placeholder,
 .e-bigger textarea.e-input::-webkit-input-placeholder,
 textarea.e-bigger.e-input::-webkit-input-placeholder,
 .e-bigger textarea.e-input:-moz-placeholder,
@@ -1715,6 +1700,14 @@ textarea.e-bigger.e-input:-moz-placeholder,
 .e-bigger textarea.e-input:-ms-input-placeholder,
 textarea.e-bigger.e-input:-ms-input-placeholder,
 .e-bigger textarea.e-input::-moz-placeholder,
+textarea.e-bigger.e-input::-moz-placeholder,
+.e-bigger textarea.e-input::-webkit-textarea-placeholder,
+textarea.e-bigger.e-input::-webkit-textarea-placeholder,
+.e-bigger textarea.e-input:-moz-placeholder,
+textarea.e-bigger.e-input:-moz-placeholder,
+.e-bigger textarea.e-input:-ms-textarea-placeholder,
+textarea.e-bigger.e-input:-ms-textarea-placeholder,
+.e-bigger textarea.e-input::-moz-placeholder,
 textarea.e-bigger.e-input::-moz-placeholder {
   font-size: 16px;
   font-style: normal;
@@ -1727,11 +1720,7 @@ input.e-small.e-input:-moz-placeholder,
 .e-small input.e-input:-ms-input-placeholder,
 input.e-small.e-input:-ms-input-placeholder,
 .e-small input.e-input::-moz-placeholder,
-input.e-small.e-input::-moz-placeholder {
-  font-size: 12px;
-  font-style: normal;
-}
-
+input.e-small.e-input::-moz-placeholder,
 .e-small textarea.e-input::-webkit-input-placeholder,
 textarea.e-small.e-input::-webkit-input-placeholder,
 .e-small textarea.e-input:-moz-placeholder,
@@ -1739,6 +1728,14 @@ textarea.e-small.e-input:-moz-placeholder,
 .e-small textarea.e-input:-ms-input-placeholder,
 textarea.e-small.e-input:-ms-input-placeholder,
 .e-small textarea.e-input::-moz-placeholder,
+textarea.e-small.e-input::-moz-placeholder,
+.e-small textarea.e-input::-webkit-textarea-placeholder,
+textarea.e-small.e-input::-webkit-textarea-placeholder,
+.e-small textarea.e-input:-moz-placeholder,
+textarea.e-small.e-input:-moz-placeholder,
+.e-small textarea.e-input:-ms-input-placeholder,
+textarea.e-small.e-input:-ms-input-placeholder,
+.e-small textarea.e-input::-moz-placeholder,
 textarea.e-small.e-input::-moz-placeholder {
   font-size: 12px;
   font-style: normal;
@@ -1751,11 +1748,7 @@ textarea.e-small.e-input::-moz-placeholder {
 .e-bigger input.e-small.e-input:-ms-input-placeholder,
 .e-small input.e-bigger.e-input:-ms-input-placeholder,
 .e-bigger input.e-small.e-input::-moz-placeholder,
-.e-small input.e-bigger.e-input::-moz-placeholder {
-  font-size: 14px;
-  font-style: normal;
-}
-
+.e-small input.e-bigger.e-input::-moz-placeholder,
 .e-bigger textarea.e-small.e-input::-webkit-input-placeholder,
 .e-small textarea.e-bigger.e-input::-webkit-input-placeholder,
 .e-bigger textarea.e-small.e-input:-moz-placeholder,
@@ -1763,103 +1756,57 @@ textarea.e-small.e-input::-moz-placeholder {
 .e-bigger intextareaput.e-small.e-input:-ms-input-placeholder,
 .e-small textarea.e-bigger.e-input:-ms-input-placeholder,
 .e-bigger textarea.e-small.e-input::-moz-placeholder,
+.e-small textarea.e-bigger.e-input::-moz-placeholder,
+.e-bigger textarea.e-small.e-input::-webkit-textarea-placeholder,
+.e-small textarea.e-bigger.e-input::-webkit-textarea-placeholder,
+.e-bigger textarea.e-small.e-input:-moz-placeholder,
+.e-small textarea.e-bigger.e-input:-moz-placeholder,
+.e-bigger textarea.e-small.e-input:-ms-input-placeholder,
+.e-small textarea.e-bigger.e-input:-ms-input-placeholder,
+.e-bigger textarea.e-small.e-input::-moz-placeholder,
 .e-small textarea.e-bigger.e-input::-moz-placeholder {
   font-size: 14px;
   font-style: normal;
 }
 
-input.e-input:-moz-placeholder {
-  font-style: normal;
-  user-select: none;
-}
-
-textarea.e-input:-moz-placeholder {
-  font-style: normal;
-  user-select: none;
-}
-
-.e-input-group input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: normal;
-  user-select: none;
-}
-
-.e-input-group textarea.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: normal;
-  user-select: none;
-}
-
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: normal;
-  user-select: none;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: normal;
-  user-select: none;
-}
-
-input.e-input:-moz-placeholder {
-  font-style: normal;
-  user-select: none;
-}
-
-.e-input-group input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: normal;
-  user-select: none;
-}
-
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: normal;
-  user-select: none;
-}
-
-textarea.e-input:-moz-placeholder {
-  font-style: normal;
-  user-select: none;
-}
-
-input.e-input::-moz-placeholder {
-  font-style: normal;
-  user-select: none;
-}
-
-textarea.e-input::-moz-placeholder {
-  font-style: normal;
-  user-select: none;
-}
-
-input.e-input:-ms-input-placeholder {
+input.e-input:-moz-placeholder,
+textarea.e-input:-moz-placeholder,
+.e-input-group input.e-input:-moz-placeholder,
+.e-input-group textarea.e-input:-moz-placeholder,
+.e-input-group.e-control-wrapper input.e-input:-moz-placeholder,
+.e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder,
+input.e-input:-moz-placeholder,
+.e-input-group input.e-input:-moz-placeholder,
+.e-input-group.e-control-wrapper input.e-input:-moz-placeholder,
+textarea.e-input:-moz-placeholder,
+input.e-input::-moz-placeholder,
+textarea.e-input::-moz-placeholder,
+input.e-input::-webkit-input-placeholder,
+textarea.e-input::-webkit-input-placeholder {
   font-style: normal;
+  -moz-user-select: none;
+       user-select: none;
 }
 
+input.e-input:-ms-input-placeholder,
 textarea.e-input:-ms-input-placeholder {
   font-style: normal;
 }
 
-input.e-input::-webkit-input-placeholder {
-  font-style: normal;
-  -webkit-user-select: none;
-          user-select: none;
-}
-
-textarea.e-input::-webkit-input-placeholder {
-  font-style: normal;
-  -webkit-user-select: none;
-          user-select: none;
-}
-
 input.e-input,
 .e-input-group input,
 .e-input-group.e-control-wrapper input,
 .e-input-group input.e-input,
 .e-input-group.e-control-wrapper input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 29px;
 }
 
 .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: 29px;
 }
 
@@ -1881,7 +1828,8 @@ input.e-input.e-bigger,
 .e-float-input.e-control-wrapper.e-bigger input.e-input,
 .e-bigger .e-float-input.e-control-wrapper input,
 .e-bigger .e-float-input.e-control-wrapper input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 36px;
 }
 
@@ -1893,7 +1841,8 @@ input.e-input.e-bigger,
 .e-float-input.e-control-wrapper.e-bigger:not(.e-input-group) input.e-input,
 .e-bigger .e-float-input.e-control-wrapper:not(.e-input-group) input,
 .e-bigger .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 36px;
 }
 
@@ -1914,7 +1863,8 @@ input.e-input.e-small,
 .e-float-input.e-control-wrapper.e-small input.e-input,
 .e-small .e-float-input.e-control-wrapper input,
 .e-small .e-float-input.e-control-wrapper input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 22px;
 }
 
@@ -1925,7 +1875,8 @@ input.e-input.e-small,
 .e-float-input.e-control-wrapper.e-small:not(.e-input-group) input.e-input,
 .e-small .e-float-input.e-control-wrapper:not(.e-input-group) input,
 .e-small .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 22px;
 }
 
@@ -1946,7 +1897,8 @@ input.e-input.e-small.e-bigger,
 .e-float-input.e-control-wrapper.e-bigger.e-small input.e-input,
 .e-bigger.e-small .e-float-input.e-control-wrapper input,
 .e-bigger.e-small .e-float-input.e-control-wrapper input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 34px;
 }
 
@@ -1958,7 +1910,8 @@ input.e-input.e-small.e-bigger,
 .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-group) input.e-input,
 .e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-group) input,
 .e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 36px;
 }
 
@@ -1967,7 +1920,8 @@ textarea.e-input,
 .e-input-group.e-control-wrapper textarea,
 .e-float-input textarea,
 .e-float-input.e-control-wrapper textarea {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: auto;
 }
 
@@ -1990,7 +1944,8 @@ textarea.e-input.e-bigger,
 .e-float-input.e-control-wrapper.e-bigger textarea.e-input,
 .e-bigger .e-float-input.e-control-wrapper textarea,
 .e-bigger .e-float-input.e-control-wrapper textarea.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: auto;
 }
 
@@ -2011,7 +1966,8 @@ textarea.e-input.e-small,
 .e-float-input.e-control-wrapper.e-small textarea.e-input,
 .e-small .e-float-input.e-control-wrapper textarea,
 .e-small .e-float-input.e-control-wrapper textarea.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: auto;
 }
 
@@ -2032,7 +1988,8 @@ textarea.e-input.e-small.e-bigger,
 .e-float-input.e-control-wrapper.e-bigger.e-small textarea.e-input,
 .e-bigger.e-small .e-float-input.e-control-wrapper textarea,
 .e-bigger.e-small .e-float-input.e-control-wrapper textarea.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: auto;
 }
 
@@ -2068,10 +2025,7 @@ input.e-input.e-small,
 .e-small .e-float-input input,
 .e-float-input.e-control-wrapper.e-small input,
 .e-float-input.e-control-wrapper input.e-small,
-.e-small .e-float-input.e-control-wrapper input {
-  text-indent: 8px;
-}
-
+.e-small .e-float-input.e-control-wrapper input,
 textarea.e-input.e-small,
 .e-input-group textarea.e-input.e-small,
 .e-input-group.e-control-wrapper input.e-input-group textarea.e-input.e-small,
@@ -2101,11 +2055,7 @@ input.e-input,
 .e-input-group.e-input-focus input.e-input,
 .e-input-group.e-control-wrapper.e-input-focus input.e-input,
 .e-float-input.e-control-wrapper.e-input-focus input,
-.e-float-input.e-input-focus input {
-  padding-left: 8px;
-  text-indent: 0;
-}
-
+.e-float-input.e-input-focus input,
 textarea.e-input,
 .e-input-group textarea.e-input,
 .e-input-group textarea,
@@ -2220,11 +2170,7 @@ input.e-input.e-small,
 .e-float-input.e-small.e-input-focus input,
 .e-float-input.e-control-wrapper.e-input-focus.e-small input,
 .e-small .e-float-input.e-input-focus input,
-.e-small .e-float-input.e-control-wrapper.e-input-focus input {
-  padding-left: 8px;
-  text-indent: 0;
-}
-
+.e-small .e-float-input.e-control-wrapper.e-input-focus input,
 textarea.e-input.e-small,
 .e-small textarea.e-input,
 .e-input-group.e-small textarea.e-input,
@@ -2526,7 +2472,33 @@ input.e-input.e-bigger.e-small,
 .e-small .e-float-input.e-control-wrapper.e-bigger.e-input-focus input,
 .e-small .e-float-input.e-bigger.e-input-focus input,
 .e-float-input.e-control-wrapper.e-bigger.e-small.e-input-focus input,
-.e-float-input.e-bigger.e-small.e-input-focus input {
+.e-float-input.e-bigger.e-small.e-input-focus input,
+textarea.e-input.e-bigger.e-small,
+.e-bigger textarea.e-input.e-small,
+.e-input-group.e-small.e-bigger textarea.e-input,
+.e-input-group.e-control-wrapper.e-small.e-bigger textarea.e-input,
+.e-input-group.e-small textarea.e-input.e-bigger,
+.e-input-group.e-control-wrapper.e-small textarea.e-input.e-bigger,
+.e-bigger .e-input-group.e-small textarea.e-input,
+.e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input,
+.e-float-input.e-small.e-bigger textarea,
+.e-float-input.e-small textarea.e-bigger,
+.e-bigger .e-float-input.e-small textarea,
+.e-float-input.e-control-wrapper.e-small.e-bigger textarea,
+.e-float-input.e-control-wrapper.e-small textarea.e-bigger,
+.e-bigger .e-float-input.e-control-wrapper.e-small textarea,
+.e-bigger .e-input-group.e-small textarea.e-input:focus,
+.e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input:focus,
+.e-bigger .e-float-input.e-control-wrapper.e-small textarea:focus,
+.e-bigger .e-float-input.e-small textarea:focus,
+.e-small .e-input-group.e-bigger textarea.e-input:focus,
+.e-small .e-input-group.e-control-wrapper.e-bigger textarea.e-input:focus,
+.e-small .e-float-input.e-control-wrapper.e-bigger textarea:focus,
+.e-small .e-float-input.e-bigger textarea:focus,
+.e-input-group.e-bigger.e-small textarea.e-input:focus,
+.e-input-group.e-control-wrapper.e-bigger.e-small textarea.e-input:focus,
+.e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus,
+.e-float-input.e-bigger.e-small textarea:focus {
   padding-left: 8px;
   text-indent: 0;
 }
@@ -2610,36 +2582,6 @@ input.e-input.e-bigger.e-small,
   text-indent: 0;
 }
 
-textarea.e-input.e-bigger.e-small,
-.e-bigger textarea.e-input.e-small,
-.e-input-group.e-small.e-bigger textarea.e-input,
-.e-input-group.e-control-wrapper.e-small.e-bigger textarea.e-input,
-.e-input-group.e-small textarea.e-input.e-bigger,
-.e-input-group.e-control-wrapper.e-small textarea.e-input.e-bigger,
-.e-bigger .e-input-group.e-small textarea.e-input,
-.e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input,
-.e-float-input.e-small.e-bigger textarea,
-.e-float-input.e-small textarea.e-bigger,
-.e-bigger .e-float-input.e-small textarea,
-.e-float-input.e-control-wrapper.e-small.e-bigger textarea,
-.e-float-input.e-control-wrapper.e-small textarea.e-bigger,
-.e-bigger .e-float-input.e-control-wrapper.e-small textarea,
-.e-bigger .e-input-group.e-small textarea.e-input:focus,
-.e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input:focus,
-.e-bigger .e-float-input.e-control-wrapper.e-small textarea:focus,
-.e-bigger .e-float-input.e-small textarea:focus,
-.e-small .e-input-group.e-bigger textarea.e-input:focus,
-.e-small .e-input-group.e-control-wrapper.e-bigger textarea.e-input:focus,
-.e-small .e-float-input.e-control-wrapper.e-bigger textarea:focus,
-.e-small .e-float-input.e-bigger textarea:focus,
-.e-input-group.e-bigger.e-small textarea.e-input:focus,
-.e-input-group.e-control-wrapper.e-bigger.e-small textarea.e-input:focus,
-.e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus,
-.e-float-input.e-bigger.e-small textarea:focus {
-  padding-left: 8px;
-  text-indent: 0;
-}
-
 .e-bigger textarea.e-input.e-small.e-rtl,
 .e-input-group:not(.e-outline).e-small.e-bigger.e-rtl textarea.e-input,
 .e-input-group:not(.e-outline).e-control-wrapper.e-small.e-bigger.e-rtl textarea.e-input,
@@ -2702,12 +2644,16 @@ textarea.e-input.e-bigger.e-small,
   background: transparent;
   border: 0;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   line-height: 1;
   min-width: 24px;
   outline: none;
@@ -2730,6 +2676,7 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-static-clear .e-clear-icon.e-clear-icon-hide,
 .e-input-group.e-control-wrapper.e-static-clear .e-clear-icon.e-clear-icon-hide {
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -2794,37 +2741,11 @@ textarea.e-input.e-bigger.e-small,
   font-size: 12px;
 }
 
-.e-input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
-.e-input-group input:not(.e-control).e-input:not(:valid):first-child ~ .e-clear-icon,
-.e-input-group.e-control-wrapper input.e-input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
-.e-float-input input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
-.e-float-input.e-control-wrapper input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
-.e-float-input.e-input-group input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
-.e-float-input.e-input-group.e-control-wrapper input:not(:valid):not(.e-control):first-child ~ .e-clear-icon {
-  display: none;
-}
-
-.e-input-group .e-clear-icon.e-clear-icon-hide,
-.e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
-  display: none;
-}
-
 .e-input-group.e-static-clear .e-clear-icon.e-clear-icon-hide,
 .e-input-group.e-control-wrapper.e-static-clear .e-clear-icon.e-clear-icon-hide {
   cursor: pointer;
 }
 
-.e-input-group.e-disabled input.e-input:not(:valid):first-child ~ .e-clear-icon,
-.e-input-group.e-control-wrapper.e-disabled input.e-input:not(:valid):first-child ~ .e-clear-icon,
-.e-float-input.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
-.e-float-input.e-input-group.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
-.e-float-input.e-input-group.e-control-wrapper.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
-.e-float-input.e-control-wrapper.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
-.e-input-group.e-disabled .e-clear-icon.e-clear-icon-hide,
-.e-input-group.e-control-wrapper.e-disabled .e-clear-icon.e-clear-icon-hide {
-  cursor: not-allowed;
-}
-
 .e-float-input.e-control-wrapper input[readonly]:first-child ~ .e-clear-icon,
 .e-float-input.e-control-wrapper.e-input-group input[readonly]:first-child ~ .e-clear-icon,
 .e-float-input input[readonly]:first-child ~ .e-clear-icon,
@@ -2964,7 +2885,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper textarea:valid,
 .e-input-group textarea:not(:valid),
 .e-input-group textarea:valid {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 
 .e-input-group .e-input-in-wrap,
@@ -2972,6 +2894,7 @@ textarea.e-input.e-bigger.e-small,
 .e-float-input .e-input-in-wrap,
 .e-float-input.e-control-wrapper .e-input-in-wrap {
   width: 100%;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
@@ -2986,15 +2909,6 @@ textarea.e-input.e-bigger.e-small,
   white-space: nowrap;
 }
 
-.e-float-input input.e-input,
-.e-float-input.e-bigger .e-input,
-.e-bigger .e-float-input .e-input,
-.e-float-input.e-control-wrapper input.e-input,
-.e-float-input.e-control-wrapper.e-bigger .e-input,
-.e-bigger .e-float-input.e-control-wrapper .e-input {
-  margin-bottom: 0;
-}
-
 .e-float-input textarea:focus ~ label.e-float-text,
 .e-float-input textarea:valid ~ label.e-float-text,
 .e-float-input textarea ~ label.e-label-top.e-float-text,
@@ -3009,7 +2923,8 @@ textarea.e-input.e-bigger.e-small,
 .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
   font-size: 14px;
   padding-right: 0;
-  transform: translate3d(-10px, -37px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -37px, 0) scale(1);
+          transform: translate3d(-10px, -37px, 0) scale(1);
 }
 
 .e-float-input.e-bigger textarea:focus ~ label.e-float-text,
@@ -3117,7 +3032,8 @@ textarea.e-input.e-bigger.e-small,
   font-size: 14px;
   font-weight: bold;
   padding-right: 0;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3132,7 +3048,8 @@ textarea.e-input.e-bigger.e-small,
   font-weight: bold;
   padding-right: 0;
   top: 14px;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3147,7 +3064,8 @@ textarea.e-input.e-bigger.e-small,
   font-weight: bold;
   padding-right: 0;
   top: 17px;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3166,7 +3084,8 @@ textarea.e-input.e-bigger.e-small,
   font-weight: bold;
   padding-right: 0;
   top: 16px;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3195,7 +3114,8 @@ textarea.e-input.e-bigger.e-small,
   -ms-transform: translate(0%, -50%);
   -o-transform: translate(0%, -50%);
   -webkit-transform: translate(0%, -50%);
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   left: 0%;
   top: 13px;
   transform: translate(0%, -50%);
@@ -3254,7 +3174,8 @@ textarea.e-input.e-bigger.e-small,
 .e-small .e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
 .e-small .e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top {
   padding-right: 0;
-  transform: translate3d(-10px, -37px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -37px, 0) scale(1);
+          transform: translate3d(-10px, -37px, 0) scale(1);
 }
 
 .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
@@ -3269,60 +3190,20 @@ textarea.e-input.e-bigger.e-small,
   position: absolute;
   text-overflow: ellipsis;
   top: -11px;
-  transform: translate3d(0, 16px, 0) scale(1);
-  transform-origin: left top;
+  -webkit-transform: translate3d(0, 16px, 0) scale(1);
+          transform: translate3d(0, 16px, 0) scale(1);
+  -webkit-transform-origin: left top;
+          transform-origin: left top;
+  -webkit-transition: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
   transition: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   white-space: nowrap;
   width: 100%;
 }
 
-textarea.e-input::-webkit-textarea-placeholder,
-textarea.e-input:-moz-placeholder,
-textarea.e-input:-ms-textarea-placeholder,
-textarea.e-input::-moz-placeholder {
-  font-size: 14px;
-  font-style: normal;
-}
-
-.e-small textarea.e-input::-webkit-textarea-placeholder,
-textarea.e-small.e-input::-webkit-textarea-placeholder,
-.e-small textarea.e-input:-moz-placeholder,
-textarea.e-small.e-input:-moz-placeholder,
-.e-small textarea.e-input:-ms-input-placeholder,
-textarea.e-small.e-input:-ms-input-placeholder,
-.e-small textarea.e-input::-moz-placeholder,
-textarea.e-small.e-input::-moz-placeholder {
-  font-size: 12px;
-  font-style: normal;
-}
-
-.e-bigger textarea.e-small.e-input::-webkit-textarea-placeholder,
-.e-small textarea.e-bigger.e-input::-webkit-textarea-placeholder,
-.e-bigger textarea.e-small.e-input:-moz-placeholder,
-.e-small textarea.e-bigger.e-input:-moz-placeholder,
-.e-bigger textarea.e-small.e-input:-ms-input-placeholder,
-.e-small textarea.e-bigger.e-input:-ms-input-placeholder,
-.e-bigger textarea.e-small.e-input::-moz-placeholder,
-.e-small textarea.e-bigger.e-input::-moz-placeholder {
-  font-size: 14px;
-  font-style: normal;
-}
-
-.e-bigger textarea.e-input::-webkit-textarea-placeholder,
-textarea.e-bigger.e-input::-webkit-textarea-placeholder,
-.e-bigger textarea.e-input:-moz-placeholder,
-textarea.e-bigger.e-input:-moz-placeholder,
-.e-bigger textarea.e-input:-ms-textarea-placeholder,
-textarea.e-bigger.e-input:-ms-textarea-placeholder,
-.e-bigger textarea.e-input::-moz-placeholder,
-textarea.e-bigger.e-input::-moz-placeholder {
-  font-size: 16px;
-  font-style: normal;
-}
-
 .e-float-input textarea:-webkit-autofill ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom {
@@ -3393,7 +3274,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
 .e-bigger .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
   padding-right: 0;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
 }
 
 .e-float-input.e-small.e-bigger textarea:focus ~ label.e-float-text,
@@ -3421,7 +3303,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
 .e-small.e-bigger .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
 .e-small.e-bigger .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
   padding-right: 0;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
 }
 
 .e-float-input.e-small textarea:focus ~ label.e-float-text,
@@ -3449,7 +3332,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
 .e-small .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
 .e-small .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
   padding-right: 0;
-  transform: translate3d(-10px, -39px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -39px, 0) scale(1);
+          transform: translate3d(-10px, -39px, 0) scale(1);
 }
 
 .e-float-input textarea[disabled],
@@ -3460,16 +3344,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],
@@ -3480,22 +3354,10 @@ textarea.e-bigger.e-input::-moz-placeholder {
 }
 
 textarea.e-input,
-.e-input-group textarea.e-input,
 .e-input-group textarea,
-.e-input-group.e-control-wrapper textarea.e-input,
-.e-input-group.e-control-wrapper textarea,
-.e-float-input textarea,
-.e-float-input.e-input-group textarea,
-.e-float-input.e-control-wrapper textarea,
-.e-float-input.e-control-wrapper.e-input-group textarea {
-  border-radius: 4px;
-}
-
-textarea.e-input,
-.e-input-group textarea,
-.e-input-group textarea.e-input,
-.e-input-group.e-input-focus textarea,
-.e-input-group.e-input-focus textarea.e-input,
+.e-input-group textarea.e-input,
+.e-input-group.e-input-focus textarea,
+.e-input-group.e-input-focus textarea.e-input,
 .e-input-group.e-control-wrapper textarea,
 .e-input-group.e-control-wrapper.e-input-focus textarea,
 .e-input-group.e-control-wrapper textarea.e-input,
@@ -3528,7 +3390,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 6px 12px;
 }
@@ -3550,7 +3412,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 6px 12px;
 }
@@ -3637,7 +3499,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 8px 4px 8px;
 }
@@ -3654,7 +3516,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 8px 4px 8px;
 }
@@ -3671,19 +3533,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 */
@@ -3720,7 +3571,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: #6c757d;
 }
 
@@ -3869,7 +3724,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: #ced4da;
 }
 
@@ -3896,7 +3753,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: #6c757d;
 }
 
@@ -3909,6 +3797,11 @@ label.e-float-text,
   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
 
+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: #007bff;
+  color: #fff;
+}
+
 input.e-input::selection,
 textarea.e-input::selection,
 .e-input-group input.e-input::selection,
@@ -3918,126 +3811,13 @@ textarea.e-input::selection,
 .e-input-group textarea.e-input::selection,
 .e-input-group.e-control-wrapper textarea.e-input::selection,
 .e-float-input textarea::selection,
-.e-float-input.e-control-wrapper textarea::selection {
-  background: #007bff;
-  color: #fff;
-}
-
+.e-float-input.e-control-wrapper textarea::selection,
 .e-float-input.e-small textarea::selection,
 .e-float-input textarea::selection {
   background: #007bff;
   color: #fff;
 }
 
-input.e-input:-moz-placeholder {
-  color: #6c757d;
-}
-
-.e-input-group input.e-input:-moz-placeholder {
-  color: #6c757d;
-}
-
-.e-input-group input.e-input:-moz-placeholder,
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder {
-  color: #6c757d;
-}
-
-input.e-input:-moz-placeholder {
-  color: #6c757d;
-}
-
-.e-input-group input.e-input:-moz-placeholder {
-  color: #6c757d;
-}
-
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder {
-  color: #6c757d;
-}
-
-textarea.e-input:-moz-placeholder {
-  color: #6c757d;
-}
-
-.e-input-group textarea.e-input:-moz-placeholder {
-  color: #6c757d;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder {
-  color: #6c757d;
-}
-
-input.e-input::-moz-placeholder {
-  color: #6c757d;
-}
-
-.e-input-group input.e-input::-moz-placeholder {
-  color: #6c757d;
-}
-
-.e-input-group.e-control-wrapper input.e-input::-moz-placeholder {
-  color: #6c757d;
-}
-
-textarea.e-input::-moz-placeholder {
-  color: #6c757d;
-}
-
-.e-input-group textarea.e-input::-moz-placeholder {
-  color: #6c757d;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input::-moz-placeholder {
-  color: #6c757d;
-}
-
-input.e-input:-ms-input-placeholder {
-  color: #6c757d;
-}
-
-.e-input-group input.e-input:-ms-input-placeholder {
-  color: #6c757d;
-}
-
-.e-input-group.e-control-wrapper input.e-input:-ms-input-placeholder {
-  color: #6c757d;
-}
-
-textarea.e-input:-ms-input-placeholder {
-  color: #6c757d;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input:-ms-input-placeholder {
-  color: #6c757d;
-}
-
-.e-input-group textarea.e-input:-ms-input-placeholder {
-  color: #6c757d;
-}
-
-input.e-input::-webkit-input-placeholder {
-  color: #6c757d;
-}
-
-.e-input-group.e-control-wrapper input.e-input::-webkit-input-placeholder {
-  color: #6c757d;
-}
-
-.e-input-group input.e-input::-webkit-input-placeholder {
-  color: #6c757d;
-}
-
-textarea.e-input::-webkit-input-placeholder {
-  color: #6c757d;
-}
-
-.e-input-group textarea.e-input::-webkit-input-placeholder {
-  color: #6c757d;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input::-webkit-input-placeholder {
-  color: #6c757d;
-}
-
 .e-input-group::before,
 .e-input-group::after,
 .e-input-group.e-control-wrapper::before,
@@ -4067,32 +3847,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: #495057;
-}
-
-.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: #495057;
-  color: #fff;
-}
-
+.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: #495057;
-}
-
-.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: #495057;
-  color: #fff;
-}
-
+.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: #495057;
 }
 
+.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: #495057;
@@ -4102,7 +3868,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: #ced4da;
 }
 
@@ -4114,8 +3884,12 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input,
 .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input {
   border-color: #80bdff;
+  -webkit-box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
   box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
+  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
 }
 
 .e-input:focus:not(.e-success):not(.e-warning).e-error,
@@ -4124,7 +3898,12 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
 .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
 .e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input {
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input,
+.e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error,
+.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
+  -webkit-box-shadow: none;
   box-shadow: none;
 }
 
@@ -4135,6 +3914,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
 .e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input,
 .e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input {
+  -webkit-box-shadow: none;
   box-shadow: none;
 }
 
@@ -4144,7 +3924,12 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
 .e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
 .e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input {
+.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input,
+.e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning,
+.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
+  -webkit-box-shadow: none;
   box-shadow: none;
 }
 
@@ -4156,7 +3941,8 @@ textarea.e-input::-webkit-input-placeholder {
 .e-input-group.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap .e-input:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper:not(.e-float-input):not(.e-float-icon-left).e-input-focus .e-input:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap .e-input:not(.e-success):not(.e-warning):not(.e-error) {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 
 .e-input-group:not(.e-success):not(.e-warning):not(.e-error) input.e-input:focus,
@@ -4171,32 +3957,22 @@ textarea.e-input::-webkit-input-placeholder {
 .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
   border-color: #80bdff;
+  -webkit-box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
   box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
+  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-}
-
-.e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error {
-  box-shadow: none;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
 }
 
 .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success {
-  box-shadow: none;
-}
-
-.e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning {
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success,
+.e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
+.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
+  -webkit-box-shadow: none;
   box-shadow: none;
 }
 
-.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: #ced4da;
-}
-
 .e-input-group:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
   border-color: #ced4da;
@@ -4205,34 +3981,15 @@ textarea.e-input::-webkit-input-placeholder {
 .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
   border-color: #80bdff;
+  -webkit-box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
   box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
 }
 
-.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
-  box-shadow: none;
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
-  box-shadow: none;
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
-  box-shadow: none;
-}
-
 .e-input-group.e-disabled:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper.e-disabled:not(.e-success):not(.e-warning):not(.e-error) {
   border-color: #ced4da;
 }
 
-.e-input-group,
-.e-input-group.e-control-wrapper {
-  border-bottom-color: #ced4da;
-}
-
 .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,
@@ -4283,13 +4040,6 @@ textarea.e-input::-webkit-input-placeholder {
   color: rgba(0, 0, 0, 0.4);
 }
 
-.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: #6c757d;
-}
-
 .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;
@@ -4314,32 +4064,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: #212529;
-}
-
-.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: #212529;
-}
-
+.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,
@@ -4363,10 +4088,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: #212529;
-}
-
+.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,
@@ -4390,33 +4112,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: #212529;
-}
-
-.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: #6c757d;
-}
-
-.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: #6c757d;
-}
-
+.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,
@@ -4432,10 +4128,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: #212529;
 }
 
+.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,
@@ -4455,27 +4222,21 @@ textarea.e-input::-webkit-input-placeholder {
   color: #212529;
 }
 
-.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
-.e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text,
-.e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text,
-.e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-float-text,
-.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text,
-.e-small .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text,
-.e-small .e-float-input:not(.e-error) textarea:valid ~ label.e-float-text,
-.e-small .e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text,
-.e-small .e-float-input:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top,
-.e-small .e-float-input:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
-.e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text,
-.e-float-input.e-small.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text,
-.e-float-input.e-small.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text,
-.e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
-.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
-.e-bigger .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
-.e-bigger .e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text,
-.e-bigger .e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text,
-.e-bigger .e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
-.e-bigger .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text {
-  color: #212529;
+.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: #6c757d;
 }
 
 .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
@@ -4514,10 +4275,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: #6c757d;
-}
-
+.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,
@@ -4527,10 +4285,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: #6c757d;
-}
-
+.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,
@@ -4554,10 +4309,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: #6c757d;
-}
-
+.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,
@@ -4603,46 +4355,7 @@ textarea.e-input::-webkit-input-placeholder {
   border-color: #80bdff;
 }
 
-.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: #212529;
-}
-
-.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: #212529;
-}
-
 /* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
 .e-input-group-icon.e-spin-up::before {
   content: "\e721";
   font-family: "e-icons";
@@ -4691,7 +4404,6 @@ textarea.e-input::-webkit-input-placeholder {
   font-size: 10px;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
 /*! maskedtextbox layout */
 .e-control-wrapper.e-mask .e-maskedtextbox {
   font-family: Arial, "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -4718,134 +4430,21 @@ textarea.e-input::-webkit-input-placeholder {
 }
 
 /*! maskedtextbox theme */
-.e-control-wrapper.e-mask.e-error .e-maskedtextbox {
-  color: #dc3545;
-}
-
+.e-control-wrapper.e-mask.e-error .e-maskedtextbox,
 .e-utility-mask.e-error {
   color: #dc3545;
 }
 
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
-.e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
-  cursor: default;
-  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-  z-index: 3;
-}
-.e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
-  padding: 2px 12px;
-  text-align: center;
-}
-
-.e-slider-horizantal-color {
-  height: 100%;
-  position: absolute;
-  top: 0;
-}
-
-.e-slider-vertical-color {
-  left: -1px;
-  position: absolute;
-  width: 100%;
-}
-
-.e-bigger .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
-  padding: 2px 12px;
-}
-.e-bigger.e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
-  padding: 2px 12px;
-}
-
-.e-bigger .e-control-wrapper.e-slider-container .e-slider .e-handle,
-.e-control-wrapper.e-slider-container.e-bigger .e-slider .e-handle {
-  height: 16px;
-  width: 16px;
-}
-.e-bigger .e-control-wrapper.e-slider-container .e-slider-button,
-.e-control-wrapper.e-slider-container.e-bigger .e-slider-button {
-  height: 18px;
-  width: 18px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical.e-slider-btn,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical.e-slider-btn {
-  padding: 34px 0;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-first-button,
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-second-button,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-first-button,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-second-button {
-  margin-right: -9px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-slider-track,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-slider-track {
-  left: calc(50% - 4px);
-  width: 8px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-range {
-  left: calc(50% - 4px);
-  width: 8px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-limits,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-limits {
-  height: 8px;
-  top: calc(50% - 4px);
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-limits {
-  left: calc(50% - 4px);
-  width: 8px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal.e-slider-btn,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal.e-slider-btn {
-  padding: 0 34px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-button,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-button {
-  height: 18px;
-  margin-top: -9px;
-  width: 18px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-slider-track,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-slider-track {
-  height: 8px;
-  top: calc(50% - 4px);
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-range,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-range {
-  height: 8px;
-  top: calc(50% - 4px);
-}
-.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: -8px;
-  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;
-  left: calc(50% - 8px);
-  margin-bottom: -8px;
-}
-.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% - 8px);
-  margin-bottom: -8px;
-}
-.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: 14px;
-}
-
 .e-control-wrapper.e-slider-container {
   -moz-user-select: none;
   -ms-user-select: none;
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   display: inline-block;
   height: 26px;
   line-height: normal;
@@ -4853,12 +4452,59 @@ 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: "bootstrap4";
   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: 14px;
+  width: 14px;
+  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: #b3d7ff;
+  border-color: #b3d7ff;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 123, 255, 0.25);
+          box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 123, 255, 0.25);
+}
+.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
+  background-color: #007bff;
+  border-color: #007bff;
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 123, 255, 0.25);
+          box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 123, 255, 0.25);
 }
 .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider .e-handle {
   margin: 0 -8px 0 0;
@@ -4924,45 +4570,47 @@ textarea.e-input::-webkit-input-placeholder {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAolBMVEUAAAD////////////////////////+/v7////+/v7////+/v7////+/v7////////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7///+y6E2hAAAANXRSTlMABAgMEBQYHCAkKCwwNEBESExUWFxkaGx0fICDh4ubn6Orr7O3u7/Hy8/T19vf4+fr7/P3+0e6nekAAAEFSURBVHjalZXJVgJBEASjnXHAEUQURZBFFAfZt+H/f82jedCXVpyjD1mvs4q/aR4uP1QJR7YUf1tgmYl/amEZXIRHLF31X7GUJ/E/fOB8I/46w5Hm4h9LLGPx63ssPQ08wNI+i/+GpdiLv/xH4IX4+waWqQa+w9LXwE9YOrX4ExzxCqzE3xVY3oMVGGrgHpYH9UdYWlqBuQ9cbLUCOY5UaeCS4INbPMVO19A1wdBVIli0CXhG+uIZYsui7uDJ1/Li0MRTHuXFKouOakZ0VMPwqLqBUckfiWzuTU7wNnwmgtdnDPFyxy7ouQ3hBeW50RW4SMSXrOdFg/chfCg8V1/RcjR+PXbfOBx/sErjBl8AAAAASUVORK5CYII=");
   background-repeat: no-repeat;
   background-size: cover;
+  display: inline-block;
   height: 8px;
-  left: calc(50% - 5px);
+  width: 8px;
   position: absolute;
   top: calc(50% - 4px);
-  width: 8px;
+  left: calc(50% - 5px);
 }
 .e-control-wrapper.e-slider-container.e-horizontal .e-second-button {
-  margin-top: -8px;
   right: 0;
+  margin-top: -8px;
   top: 50%;
 }
 .e-control-wrapper.e-slider-container.e-horizontal .e-second-button .e-button-icon {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAnFBMVEUAAAD////////////////////////+/v7////////+/v7////+/v7+/v7////////+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////uN4ajAAAAM3RSTlMABAgMEBQYHCAoLDA0ODxASExcYGRobHR8g4uTl5ufo6ert7u/w8fLz9fb3+Pn6+/z9/tbKk6UAAABBklEQVR42q2VyRKCAAxDQRBZVMAFcRdxVxD0///Nk2M8OCQz9tx3SJu0xrvWz09VXaO5rCMQN4cgOgUQB5Mg+g8glgZRoydUwhALAB4hAZg7IEqXIJwrECeLIIIKiIyRMUDhKUNMkYgZ4Vv0iM945AzExSYID4XnjEci9MiMEZ6i8CFDYDhqKhwnIAomHO5XOFoEEaLwFSNjjMInDLHEcESMR/ZA3D0mHDcgzhYBFBrQOqJtPWLbouhUjF6Mi9s09/uVdj7sC5rPbd5ZjvYmTuBMHNBQHFC31gbkFNqAzIN4wVfij0ikL6RH2S2lT6qfowwd0fv/SY2xfy6/BS0C17b42oLfjS/tEHrYzreszwAAAABJRU5ErkJggg==");
   background-repeat: no-repeat;
   background-size: cover;
+  display: inline-block;
   height: 8px;
-  left: calc(50% - 3px);
+  width: 8px;
   position: absolute;
   top: calc(50% - 4px);
-  width: 8px;
+  left: calc(50% - 3px);
 }
 .e-control-wrapper.e-slider-container.e-horizontal.e-slider-btn {
   padding: 0 30px;
 }
 .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: 6px;
+  width: 100%;
   left: 0;
   position: absolute;
-  width: 100%;
+  overflow: hidden;
   top: calc(50% - 3px);
   background: #dee2e6;
   border-radius: 6px;
-  overflow: hidden;
 }
 .e-control-wrapper.e-slider-container.e-horizontal .e-handle {
   margin-left: -7px;
@@ -4973,34 +4621,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(52, 58, 64, 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: 30px 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: #dee2e6;
   bottom: 0;
   height: 100%;
   position: absolute;
-  left: calc(50% - 3px);
   overflow: hidden;
   width: 6px;
+  left: calc(50% - 3px);
   border-radius: 6px;
 }
 .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn {
@@ -5022,15 +4670,15 @@ textarea.e-input::-webkit-input-placeholder {
   background-size: cover;
   display: inline-block;
   height: 8px;
-  left: calc(50% - 4px);
+  width: 8px;
   position: absolute;
   top: calc(50% - 3.6px);
-  width: 8px;
+  left: calc(50% - 4px);
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-second-button {
+  top: 0;
   margin-right: -8px;
   right: 50%;
-  top: 0;
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon {
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAApVBMVEUAAAD////////////////////+/v7////+/v7////+/v7////+/v7+/v7////////+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////4hhd5AAAANnRSTlMABAgMEBgcICQoLDA0OEBESExUXGBkbHR8gIOHi5Obn6Onq6+zt7u/x8vP09fb3+Pn6+/z9/tWLLgwAAABGElEQVR4Ae3UyXLyMBAE4NYvzPJDDARCyMKShbBAgo1wv/+jhSRVqhojqeRDqnLgu/nQh3GPBhd/mZ7PNSpobMhNA9HSjCd5F5FGBb8Vt4ihprRiBklWtGIG6WQU9i0EDY8sMX34qQkdxvBJlnR61nBqf9Bj24TDwNDr0EOZeqRg7PTuDmtvFHat8v+VHf5/p7ColRuUHV4bCg8KJ2pGIU/xQ91TMAO5hVYxwhf9SmHfhtXNKcz+Aa0dhWVSeknCug5DYaIg6CcKGcTncYgzYzkIRLwDh97BF1glcGpu3YGpgod+cQSKGwTcnQWyKwT1jQys6wizfcE2GGY3AnZHwuzOgcxShImtRuTRte8G1c56bYGKFC5+wyfN5oD6Q24erwAAAABJRU5ErkJggg==");
@@ -5038,10 +4686,10 @@ textarea.e-input::-webkit-input-placeholder {
   background-size: cover;
   display: inline-block;
   height: 8px;
-  left: calc(50% - 4px);
+  width: 8px;
   position: absolute;
   top: calc(50% - 4.5px);
-  width: 8px;
+  left: calc(50% - 4px);
 }
 .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-slider .e-handle {
   margin-bottom: -7px;
@@ -5051,54 +4699,24 @@ textarea.e-input::-webkit-input-placeholder {
   left: calc(50% - 7px);
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range {
-  left: calc(50% - 3px);
   width: 6px;
+  left: calc(50% - 3px);
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits {
   background-color: rgba(52, 58, 64, 0.25);
-  left: calc(50% - 3px);
   position: absolute;
   width: 6px;
+  left: calc(50% - 3px);
 }
 .e-control-wrapper.e-slider-container .e-range {
   border-radius: 3px;
   position: absolute;
+  -webkit-transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, width 300ms ease-out, height 300ms ease-out;
   transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, width 300ms ease-out, height 300ms ease-out;
 }
-.e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
-  cursor: pointer;
-}
-.e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
+.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-slider {
-  box-sizing: border-box;
-  cursor: pointer;
-  display: block;
-  outline: 0 none;
-  padding: 0;
-  position: relative;
-}
-.e-control-wrapper.e-slider-container .e-slider .e-handle {
-  border-radius: 50%;
-  box-sizing: border-box;
-  cursor: pointer;
-  height: 14px;
-  outline: none;
-  position: absolute;
-  -ms-touch-action: none;
-      touch-action: none;
-  transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out;
-  width: 14px;
-  z-index: 10;
-}
-.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
-  /* stylelint-disable */
-  background-color: #007bff;
-  border-color: #007bff;
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 123, 255, 0.25);
-  /* stylelint-enable */
-}
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
   height: 6px;
   top: -9px;
@@ -5108,12 +4726,12 @@ textarea.e-input::-webkit-input-placeholder {
   top: -8px;
 }
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-tick {
-  left: 5px;
   width: 6px;
+  left: 5px;
 }
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-large {
-  left: 2px;
   width: 10px;
+  left: 2px;
 }
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-tick {
   height: 6px;
@@ -5124,12 +4742,12 @@ textarea.e-input::-webkit-input-placeholder {
   top: 4px;
 }
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-tick {
-  left: 16px;
   width: 6px;
+  left: 16px;
 }
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-large {
-  left: 15px;
   width: 10px;
+  left: 15px;
 }
 .e-control-wrapper.e-slider-container.e-scale-before .e-scale.e-v-scale {
   right: 9px;
@@ -5147,19 +4765,21 @@ textarea.e-input::-webkit-input-placeholder {
 }
 .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-tick {
   background-position: center;
-  left: 6px;
   width: calc(100% - 12px);
+  left: 6px;
 }
 .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-large {
-  left: 3px;
   width: calc(100% - 6px);
-  left: 1px;
+  left: 3px;
   width: 26px;
+  left: 1px;
 }
 .e-control-wrapper.e-slider-container .e-scale {
-  box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
   font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
   height: 28px;
+  width: 100%;
   line-height: normal;
   list-style: none outside none;
   margin: 0;
@@ -5167,7 +4787,6 @@ textarea.e-input::-webkit-input-placeholder {
   padding: 0;
   position: absolute;
   top: 16px;
-  width: 100%;
   z-index: 1;
   font-size: 12px;
   margin-top: -5px;
@@ -5178,6 +4797,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;
@@ -5192,6 +4812,7 @@ 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;
@@ -5199,9 +4820,9 @@ textarea.e-input::-webkit-input-placeholder {
 }
 .e-control-wrapper.e-slider-container .e-scale.e-v-scale {
   height: 100%;
+  width: 28px;
   left: calc(50% - 14px);
   top: 0;
-  width: 28px;
   margin-top: -2px;
 }
 .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick {
@@ -5220,18 +4841,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 {
+.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 {
-  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;
 }
@@ -5257,27 +4872,120 @@ textarea.e-input::-webkit-input-placeholder {
   left: 30px;
 }
 
-.e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-active {
-  background-color: #b3d7ff;
-  border-color: #b3d7ff;
-  box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 123, 255, 0.25);
+.e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
+  padding: 2px 12px;
+  text-align: center;
+}
+
+.e-slider-horizantal-color {
+  height: 100%;
+  top: 0;
+  position: absolute;
+}
+
+.e-slider-vertical-color {
+  position: absolute;
+  width: 100%;
+  left: -1px;
+}
+
+.e-bigger .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
+  padding: 2px 12px;
+}
+
+.e-bigger .e-control-wrapper.e-slider-container .e-slider .e-handle,
+.e-control-wrapper.e-slider-container.e-bigger .e-slider .e-handle {
+  height: 16px;
+  width: 16px;
+}
+.e-bigger .e-control-wrapper.e-slider-container .e-slider-button,
+.e-control-wrapper.e-slider-container.e-bigger .e-slider-button {
+  height: 18px;
+  width: 18px;
+}
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical.e-slider-btn,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical.e-slider-btn {
+  padding: 34px 0;
+}
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-first-button,
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-second-button,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-first-button,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-second-button {
+  margin-right: -9px;
+}
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-slider-track,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-slider-track {
+  width: 8px;
+  left: calc(50% - 4px);
+}
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-range {
+  width: 8px;
+  left: calc(50% - 4px);
+}
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-limits,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-limits {
+  height: 8px;
+  top: calc(50% - 4px);
+}
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-limits {
+  width: 8px;
+  left: calc(50% - 4px);
+}
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal.e-slider-btn,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal.e-slider-btn {
+  padding: 0 34px;
+}
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-button,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-button {
+  height: 18px;
+  width: 18px;
+  margin-top: -9px;
+}
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-slider-track,
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-range,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-slider-track,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-range {
+  height: 8px;
+  top: calc(50% - 4px);
+}
+.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: -8px;
+  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;
+  left: calc(50% - 8px);
+  margin-bottom: -8px;
+}
+.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% - 8px);
+  margin-bottom: -8px;
+}
+.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: 14px;
 }
 
-/*! component theme */
+/* stylelint-enable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container .e-slider-button {
   background-color: #6c757d;
   border: 1px solid #6c757d;
-  border-radius: 50%;
-  height: 18px;
-  width: 18px;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   cursor: pointer;
   outline: none;
-  padding: 0;
   position: absolute;
-  border: 0;
   height: 16px;
   width: 16px;
+  border-radius: 50%;
+  padding: 0;
+  border: 0;
 }
 .e-control-wrapper.e-slider-container .e-slider .e-range {
   background-color: #007bff;
@@ -5290,7 +4998,6 @@ textarea.e-input::-webkit-input-placeholder {
   background-color: transparent;
   border-color: transparent;
 }
-/* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */
 .e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 33px;
@@ -5319,8 +5026,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;
 }
@@ -5334,7 +5040,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;
 }
 
@@ -5354,19 +5060,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);
   }
 }
@@ -5456,7 +5186,8 @@ textarea.e-input::-webkit-input-placeholder {
   top: -36px;
 }
 .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   font-size: 16px;
   height: 36px;
   margin: 20px;
@@ -5513,7 +5244,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: 15px;
   margin-right: 15px;
@@ -5566,7 +5298,8 @@ textarea.e-input::-webkit-input-placeholder {
   color: #dc3545;
 }
 .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: 50px;
 }
 .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 {
@@ -5670,7 +5403,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: 48px;
 }
 .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,
@@ -5792,16 +5526,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: 14px;
   height: 32px;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   margin: 16px;
   margin-top: -22px;
   padding: 0;
@@ -5854,7 +5592,8 @@ textarea.e-input::-webkit-input-placeholder {
   background-color: #e9ecef;
   border-color: transparent;
   border-radius: 4px;
-  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,
@@ -6082,7 +5821,8 @@ textarea.e-input::-webkit-input-placeholder {
   color: #dc3545;
 }
 .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: 43px;
 }
 .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 {
@@ -6151,10 +5891,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: #e9ecef;
   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: "\e799";
 }
@@ -6165,6 +5905,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;
 }
@@ -6184,7 +5925,8 @@ textarea.e-input::-webkit-input-placeholder {
   font-family: initial;
   line-height: 17px;
   padding: 8px 9px 7px 9px;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -6214,7 +5956,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 {
@@ -6223,7 +5966,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 {
@@ -6314,11 +6058,13 @@ body.e-colorpicker-overflow {
   line-height: 0;
   outline: none;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   background-color: #fff;
   border-color: rgba(0, 0, 0, 0.2);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-container.e-color-picker {
   width: 270px;
@@ -6352,6 +6098,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;
 }
@@ -6361,7 +6108,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;
@@ -6374,7 +6122,8 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.2);
+          box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.2);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {
@@ -6388,13 +6137,15 @@ body.e-colorpicker-overflow {
       touch-action: none;
 }
 .e-container .e-hsv-container .e-hsv-color {
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(#000)), -webkit-gradient(linear, left top, right top, color-stop(0, #fff), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%);
   height: 170px;
 }
 .e-container .e-hsv-container .e-handler {
   border: 1px solid #fff;
   border-radius: 6px;
-  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), inset 0 0 2px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), inset 0 0 2px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), inset 0 0 2px rgba(0, 0, 0, 0.2);
   cursor: pointer;
   display: inline-block;
   height: 10px;
@@ -6404,6 +6155,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: 10px;
@@ -6425,7 +6177,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;
 }
@@ -6440,9 +6192,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 {
@@ -6460,7 +6214,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(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 .e-container .e-slider-preview .e-preview-container {
   background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
@@ -6489,12 +6244,15 @@ body.e-colorpicker-overflow {
   top: 16px;
 }
 .e-container .e-selected-value {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 0 15px 15px;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   width: 100%;
@@ -6576,7 +6334,8 @@ body.e-colorpicker-overflow {
   border-color: #adb5bd;
 }
 .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;
@@ -6587,7 +6346,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 {
@@ -6651,9 +6411,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 {
@@ -6668,7 +6430,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;
@@ -6689,6 +6452,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;
 }
@@ -6845,11 +6611,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(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
   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+");
@@ -6857,7 +6628,8 @@ body.e-colorpicker-overflow {
   border-radius: 50%;
   height: 28px;
   position: relative;
-  transform: rotate(45deg);
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
   width: 28px;
 }
 
@@ -6893,7 +6665,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) {
@@ -6907,7 +6680,8 @@ body.e-colorpicker-overflow {
 .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle.e-tab-handle, .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle.e-tab-handle {
   background-color: #fff;
   border-color: #f8f9fa;
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
 }
 
 .e-colorpicker-wrapper.e-disabled .e-value-switch-btn, .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn,
@@ -6952,20 +6726,23 @@ body.e-colorpicker-overflow {
 .e-colorpicker-container .e-icon-btn:focus {
   background-color: #fff;
   border-color: #495057;
-  box-shadow: 0 0 0 0.2rem rgba(100, 106, 112, 0.5);
+  -webkit-box-shadow: 0 0 0 0.2rem rgba(100, 106, 112, 0.5);
+          box-shadow: 0 0 0 0.2rem rgba(100, 106, 112, 0.5);
   color: #495057;
 }
 .e-colorpicker-wrapper .e-icon-btn:active,
 .e-colorpicker-container .e-icon-btn:active {
   background-color: #6c757d;
-  box-shadow: 0 0 0 0.2rem rgba(100, 106, 112, 0.5);
+  -webkit-box-shadow: 0 0 0 0.2rem rgba(100, 106, 112, 0.5);
+          box-shadow: 0 0 0 0.2rem rgba(100, 106, 112, 0.5);
   color: #fff;
 }
 .e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled,
 .e-colorpicker-container .e-icon-btn:disabled,
 .e-colorpicker-container .e-icon-btn.e-disabled {
   background-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(108, 117, 125, 0.65);
 }
 
@@ -6984,20 +6761,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;
@@ -7030,8 +6813,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 {
@@ -7089,23 +6876,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;
@@ -7195,8 +6988,10 @@ body.e-colorpicker-overflow {
 .e-rating-container .e-rating-item-container .e-rating-icon {
   -webkit-text-fill-color: transparent;
   -webkit-text-stroke: 1px #6c757d;
+  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(#495057), to(transparent));
   background: linear-gradient(to right, #495057 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7208,6 +7003,7 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #007bff;
 }
 .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(#007bff), to(transparent));
   background: linear-gradient(to right, #007bff var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7216,6 +7012,7 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #007bff;
 }
 .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(#dee2e6), to(transparent));
   background: linear-gradient(to right, #dee2e6 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7224,6 +7021,7 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #007bff;
 }
 .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(#495057), to(transparent));
   background: linear-gradient(to left, #495057 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7231,6 +7029,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(#007bff), to(transparent));
   background: linear-gradient(to left, #007bff var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7238,6 +7037,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(#dee2e6), to(transparent));
   background: linear-gradient(to left, #dee2e6 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7251,6 +7051,7 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #343a40;
 }
 .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(#343a40), to(transparent));
   background: linear-gradient(to right, #343a40 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7259,6 +7060,7 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #343a40;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
+  background: -webkit-gradient(linear, right top, left top, from(#343a40), to(transparent));
   background: linear-gradient(to left, #343a40 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7266,6 +7068,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(#343a40), to(transparent));
   background: linear-gradient(to left, #343a40 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7285,7 +7088,6 @@ body.e-colorpicker-overflow {
   font-weight: 400;
 }
 .e-data-form .e-form-layout {
-  display: -ms-grid;
   display: grid;
 }
 .e-data-form .e-grid-col-2 {
@@ -7333,82 +7135,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;
 }
@@ -7416,6 +7200,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;
@@ -7435,17 +7220,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;
@@ -7455,25 +7245,30 @@ body.e-colorpicker-overflow {
   margin-top: 6px;
 }
 .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;
@@ -7488,10 +7283,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 {
@@ -7516,4 +7307,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: #fae3e5;
   color: #fae3e5;
+}
+
+.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: 24px;
+  min-height: 24px;
+  font-size: 12px;
+  line-height: 18px;
+  padding: 0;
+}
+.e-small.e-otpinput .e-otp-input-fieldinput[type=password], .e-small.e-otpinput .e-otp-input-field[type=password],
+.e-small .e-otpinput .e-otp-input-fieldinput[type=password],
+.e-small .e-otpinput .e-otp-input-field[type=password] {
+  font-size: 18px;
+}
+.e-small.e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus,
+.e-small .e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus {
+  padding-bottom: 0;
+}
+.e-small.e-otpinput .e-otp-separator,
+.e-small .e-otpinput .e-otp-separator {
+  font-size: 12px;
+  line-height: 18px;
+}
+.e-small.e-otpinput.e-filled .e-otp-input-field,
+.e-small .e-otpinput.e-filled .e-otp-input-field {
+  padding: 0;
+}
+
+.e-bigger.e-otpinput,
+.e-bigger .e-otpinput {
+  gap: 16px;
+}
+.e-bigger.e-otpinput:has(.e-otp-separator):not(:empty),
+.e-bigger .e-otpinput:has(.e-otp-separator):not(:empty) {
+  gap: 6px;
+}
+.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: 36px;
+  min-height: 36px;
+  font-size: 16px;
+  line-height: 24px;
+  padding: 0;
+}
+.e-bigger.e-small.e-otpinput .e-otp-input-fieldinput[type=password], .e-bigger.e-small.e-otpinput .e-otp-input-field[type=password],
+.e-bigger.e-small .e-otpinput .e-otp-input-fieldinput[type=password],
+.e-bigger.e-small .e-otpinput .e-otp-input-field[type=password],
+.e-bigger .e-small.e-otpinput .e-otp-input-fieldinput[type=password],
+.e-bigger .e-small.e-otpinput .e-otp-input-field[type=password],
+.e-small .e-bigger.e-otpinput .e-otp-input-fieldinput[type=password],
+.e-small .e-bigger.e-otpinput .e-otp-input-field[type=password] {
+  font-size: 20px;
+}
+.e-bigger.e-small.e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus,
+.e-bigger.e-small .e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus,
+.e-bigger .e-small.e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus,
+.e-small .e-bigger.e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus {
+  padding-bottom: 0;
+}
+.e-bigger.e-small.e-otpinput .e-otp-separator,
+.e-bigger.e-small .e-otpinput .e-otp-separator,
+.e-bigger .e-small.e-otpinput .e-otp-separator,
+.e-small .e-bigger.e-otpinput .e-otp-separator {
+  font-size: 16px;
+  line-height: 24px;
+}
+.e-bigger.e-small.e-otpinput.e-filled .e-otp-input-field,
+.e-bigger.e-small .e-otpinput.e-filled .e-otp-input-field,
+.e-bigger .e-small.e-otpinput.e-filled .e-otp-input-field,
+.e-small .e-bigger.e-otpinput.e-filled .e-otp-input-field {
+  padding: 0;
+}
+
+.e-otpinput .e-otp-input-field {
+  color: #495057;
+  background: transparent;
+}
+.e-otpinput .e-otp-separator {
+  color: #ced4da;
+}
+.e-otpinput.e-outline .e-otp-input-field {
+  border: 2px solid #ced4da;
+}
+.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 #ced4da;
+}
+.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: #ced4da;
+  color: #6c757d;
+}
+.e-otpinput.e-filled .e-otp-input-field {
+  background: #f8f9fa;
+}
+.e-otpinput.e-underlined .e-otp-input-field {
+  background: transparent;
+}
+.e-otpinput.e-error.e-outline .e-otp-input-field,
+.e-otpinput.e-error.e-outline .e-otp-input-field.e-otp-input-focus, .e-otpinput.e-error.e-underlined .e-otp-input-field,
+.e-otpinput.e-error.e-underlined .e-otp-input-field.e-otp-input-focus, .e-otpinput.e-error.e-filled .e-otp-input-field,
+.e-otpinput.e-error.e-filled .e-otp-input-field.e-otp-input-focus {
+  border-color: #dc3545;
+}
+.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: #28a745;
+}
+.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: #ffc107;
 }