@syncfusion/ej2-angular-inputs 19.2.60 → 19.3.48

package/styles/material-dark.css

@@ -18,6 +18,30 @@
   font-family: 'e-icons';
 }
 
+.e-filled.e-float-input .e-clear-icon::before,
+.e-filled.e-float-input.e-control-wrapper .e-clear-icon::before {
+  content: '\e208';
+  font-family: 'e-icons';
+}
+
+.e-filled.e-input-group .e-clear-icon::before,
+.e-filled.e-input-group.e-control-wrapper .e-clear-icon::before {
+  content: '\e208';
+  font-family: 'e-icons';
+}
+
+.e-outline.e-float-input .e-clear-icon::before,
+.e-outline.e-float-input.e-control-wrapper .e-clear-icon::before {
+  content: '\e208';
+  font-family: 'e-icons';
+}
+
+.e-outline.e-input-group .e-clear-icon::before,
+.e-outline.e-input-group.e-control-wrapper .e-clear-icon::before {
+  content: '\e208';
+  font-family: 'e-icons';
+}
+
 /*! input layout */
 .e-input-group,
 .e-input-group.e-control-wrapper {
@@ -4063,6 +4087,18 @@ input.e-input.e-bigger.e-small,
   min-height: 19px;
 }
 
+textarea.e-outline.e-input,
+.e-outline.e-input-group textarea.e-input,
+.e-outline.e-input-group textarea,
+.e-outline.e-input-group.e-control-wrapper textarea.e-input,
+.e-outline.e-input-group.e-control-wrapper textarea,
+.e-outline.e-float-input textarea.e-input,
+.e-outline.e-float-input textarea,
+.e-outline.e-float-input.e-control-wrapper textarea.e-input,
+.e-outline.e-float-input.e-control-wrapper textarea {
+  width: calc(100% - 1px);
+}
+
 .e-outline.e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::before,
 .e-outline.e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::after,
 .e-outline.e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::before,
@@ -4074,11 +4110,1637 @@ input.e-input.e-bigger.e-small,
   width: 0%;
 }
 
+.e-outline.e-input-group.e-control-wrapper,
+.e-outline.e-input-group,
+.e-outline.e-input-group:not(.e-float-icon-left),
+.e-outline.e-float-input,
+.e-outline.e-float-input.e-control-wrapper,
+.e-outline.e-input-group:not(.e-float-icon-left),
+.e-outline.e-input-group.e-success:not(.e-float-icon-left),
+.e-outline.e-input-group.e-warning:not(.e-float-icon-left),
+.e-outline.e-input-group.e-error:not(.e-float-icon-left),
+.e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left),
+.e-outline.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left),
+.e-outline.e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left),
+.e-outline.e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) {
+  border: 1px solid rgba(255, 255, 255, 0.24);
+  border-radius: 4px;
+  border-width: 1px;
+  fill: transparent;
+  transition: border .2s, box-shadow .2s;
+}
+
 .e-outline.e-float-input,
 .e-outline.e-float-input.e-control-wrapper {
   margin-top: 0;
 }
 
+.e-outline.e-float-input.e-valid-input:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left),
+.e-outline.e-float-input.e-valid-input:hover:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left),
+.e-outline.e-float-input.e-valid-input.e-control-wrapper:hover:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left),
+.e-outline.e-float-input.e-valid-input.e-control-wrapper:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left),
+.e-outline.e-float-input.e-valid-input.e-control-wrapper:hover:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left):not(.e-disabled),
+.e-outline.e-float-input.e-valid-input.e-control-wrapper:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left):not(.e-disabled),
+.e-outline.e-float-input.e-input-group.e-valid-input:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left),
+.e-outline.e-float-input.e-input-group.e-valid-input:hover:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left),
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-valid-input:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left),
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-success):not(.e-error):not(.e-warning):not(.e-float-icon-left),
+.e-outline.e-float-input.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-float-icon-left),
+.e-outline.e-float-input.e-valid-input.e-success:hover:not(.e-error):not(.e-warning):not(.e-float-icon-left),
+.e-outline.e-float-input.e-input-group.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-float-icon-left),
+.e-outline.e-float-input.e-input-group.e-valid-input.e-success:hover:not(.e-error):not(.e-warning):not(.e-float-icon-left),
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-float-icon-left),
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-success:hover:not(.e-error):not(.e-warning):not(.e-float-icon-left),
+.e-outline.e-float-input.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-float-icon-left),
+.e-outline.e-float-input.e-valid-input.e-error:hover:not(.e-success):not(.e-warning):not(.e-float-icon-left),
+.e-outline.e-float-input.e-input-group.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-float-icon-left),
+.e-outline.e-float-input.e-input-group.e-valid-input.e-error:hover:not(.e-success):not(.e-warning):not(.e-float-icon-left),
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-float-icon-left),
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:hover:not(.e-success):not(.e-warning):not(.e-float-icon-left),
+.e-outline.e-float-input.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-float-icon-left),
+.e-outline.e-float-input.e-valid-input.e-warning:hover:not(.e-success):not(.e-error):not(.e-float-icon-left),
+.e-outline.e-float-input.e-input-group.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-float-icon-left),
+.e-outline.e-float-input.e-input-group.e-valid-input.e-warning:hover:not(.e-success):not(.e-error):not(.e-float-icon-left),
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-float-icon-left),
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-warning:hover:not(.e-success):not(.e-error):not(.e-float-icon-left) {
+  border-top-color: transparent;
+}
+
+.e-outline.e-input-group,
+.e-outline .e-input-group,
+.e-outline .e-input-group.e-control-wrapper,
+.e-outline.e-float-input,
+.e-outline.e-float-input.e-control-wrapper {
+  font-size: 14px;
+}
+
+input.e-input.e-bigger.e-outline,
+textarea.e-input.e-bigger.e-outline,
+.e-outline.e-bigger input.e-input,
+.e-outline.e-bigger textarea.e-input,
+.e-outline.e-input-group.e-bigger,
+.e-bigger .e-input-group.e-outline,
+.e-outline.e-input-group.e-control-wrapper.e-bigger,
+.e-bigger .e-outline.e-input-group.e-control-wrapper,
+.e-outline.e-input-group.e-bigger.e-disabled,
+.e-bigger .e-outline.e-input-group.e-disabled,
+.e-outline.e-input-group.e-control-wrapper.e-bigger.e-disabled,
+.e-bigger .e-outline.e-input-group.e-control-wrapper.e-disabled {
+  font-size: 16px;
+}
+
+.e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon,
+.e-bigger .e-outline.e-input-group.e-control-wrapper .e-input-group-icon,
+.e-outline.e-input-group.e-bigger.e-disabled .e-input-group-icon,
+.e-bigger .e-outline.e-input-group.e-disabled .e-input-group-icon,
+.e-outline.e-input-group.e-control-wrapper.e-bigger.e-disabled .e-input-group-icon,
+.e-bigger .e-outline.e-input-group.e-control-wrapper.e-disabled .e-input-group-icon {
+  font-size: 20px;
+}
+
+.e-outline.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
+.e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
+.e-outline.e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
+.e-outline.e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
+.e-outline.e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error),
+.e-outline.e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error),
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error),
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error,
+.e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error),
+.e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error),
+.e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error),
+.e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error,
+.e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error),
+.e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error),
+.e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error),
+.e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error,
+.e-outline.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
+.e-outline.e-input-group.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error),
+.e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error),
+.e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error),
+.e-outline.e-input-group.e-input-focus:not(.e-float-icon-left).e-error:not(.e-success):not(.e-warning),
+.e-outline.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
+.e-outline.e-input-group.e-float-icon-left.e-input-focus.e-success:not(.e-warning):not(.e-error),
+.e-outline.e-input-group.e-float-icon-left.e-input-focus.e-warning:not(.e-success):not(.e-error),
+.e-outline.e-input-group.e-float-icon-left.e-input-focus.e-error:not(.e-success):not(.e-warning) {
+  border-width: 1px;
+}
+
+input.e-outline.e-input,
+.e-outline.e-input-group input.e-input,
+.e-outline.e-input-group input,
+.e-outline.e-input-group.e-control-wrapper input.e-input,
+.e-outline.e-input-group.e-control-wrapper input,
+.e-outline.e-float-input input.e-input,
+.e-outline.e-float-input input,
+.e-outline.e-float-input.e-control-wrapper input.e-input,
+.e-outline.e-float-input.e-control-wrapper input,
+.e-outline.e-input-group:not(.e-float-icon-left) input.e-input:focus,
+.e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left) input.e-input:focus,
+.e-outline.e-float-input.e-control-wrapper:not(.e-float-icon-left) input:focus,
+.e-outline.e-float-input:not(.e-float-icon-left) input:focus,
+.e-outline.e-float-input.e-control-wrapper:not(.e-float-icon-left).e-input-focus input,
+.e-outline.e-float-input:not(.e-float-icon-left).e-input-focus input,
+.e-outline.e-input-group:not(.e-float-icon-left).e-input-focus input.e-input,
+.e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left).e-input-focus input.e-input {
+  box-sizing: border-box;
+  padding: 10px 12px 9px;
+}
+
+textarea.e-outline.e-input,
+.e-outline.e-input-group textarea.e-input,
+.e-outline.e-input-group textarea,
+.e-outline.e-input-group.e-control-wrapper textarea.e-input,
+.e-outline.e-input-group.e-control-wrapper textarea,
+.e-outline.e-float-input textarea.e-input,
+.e-outline.e-float-input textarea,
+.e-outline.e-float-input.e-control-wrapper textarea.e-input,
+.e-outline.e-float-input.e-control-wrapper textarea,
+.e-outline.e-input-group:not(.e-float-icon-left) textarea.e-input:focus,
+.e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left) textarea.e-input:focus {
+  box-sizing: border-box;
+  margin: 8px 0 1px;
+  padding: 0 12px 12px;
+}
+
+.e-outline.e-input-group input.e-input,
+.e-outline.e-float-input.e-input-group input,
+.e-outline.e-input-group.e-control-wrapper input.e-input,
+.e-outline.e-float-input.e-input-group.e-control-wrapper input,
+.e-outline.e-float-input input,
+.e-outline.e-float-input.e-control-wrapper input {
+  box-sizing: border-box;
+  min-height: 38px;
+}
+
+.e-outline.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before,
+.e-outline.e-input-group:not(.e-float-icon-left):not(.e-float-input)::after,
+.e-outline.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,
+.e-outline.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after,
+.e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before,
+.e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after,
+.e-outline.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,
+.e-outline.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after,
+.e-outline.e-float-input:not(.e-input-group) .e-float-line::before,
+.e-outline.e-float-input:not(.e-input-group) .e-float-line::after,
+.e-outline.e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before,
+.e-outline.e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after {
+  content: none;
+}
+
+.e-outline.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
+.e-outline.e-input-group.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
+.e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
+.e-outline.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
+.e-outline.e-input-group.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-input-group.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-float-input.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-float-input.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-input-group.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
+.e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
+.e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-float-input.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
+  border-color: #00b0ff;
+  box-shadow: inset 1px 1px #00b0ff, inset -1px 0 #00b0ff, inset 0 -1px #00b0ff;
+}
+
+.e-outline.e-float-input.e-float-icon-left .e-input-in-wrap,
+.e-outline.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap,
+.e-outline.e-input-group.e-float-icon-left .e-input-in-wrap,
+.e-outline.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap {
+  border: 0;
+  border-width: 0;
+  margin-left: 0;
+}
+
+.e-outline.e-input-group.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
+  margin: 9px 12px 9px 0;
+}
+
+.e-outline.e-float-input .e-clear-icon,
+.e-outline.e-float-input.e-control-wrapper .e-clear-icon,
+.e-outline.e-input-group .e-clear-icon,
+.e-outline.e-input-group.e-control-wrapper .e-clear-icon {
+  font-size: 16px;
+  padding: 9px 12px 9px 0;
+}
+
+.e-outline.e-input-group.e-float-icon-left .e-input,
+.e-outline.e-float-input.e-input-group.e-float-icon-left .e-input,
+.e-outline.e-input-group.e-control-wrapper.e-float-icon-left .e-input,
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left .e-input {
+  padding-left: 0;
+}
+
+.e-outline.e-input-group .e-input-group-icon,
+.e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
+  font-size: 16px;
+  margin: 9px 12px 9px 0;
+}
+
+.e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) input,
+.e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error) input,
+.e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error) input,
+.e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error input,
+.e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning):not(.e-error) textarea,
+.e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled).e-success:not(.e-warning):not(.e-error) textarea,
+.e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success).e-warning:not(.e-error) textarea,
+.e-outline.e-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-disabled):not(.e-success):not(.e-warning).e-error textarea,
+.e-outline.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
+.e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) input,
+.e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error) input,
+.e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error) input,
+.e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error input,
+.e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap {
+  border: 0;
+}
+
+.e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child,
+.e-outline.e-input-group.e-bigger .e-input-group-icon + .e-input-group-icon:last-child,
+.e-outline.e-input-group .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child,
+.e-bigger .e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child,
+.e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child,
+.e-outline.e-input-group.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child,
+.e-outline.e-input-group.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child,
+.e-outline.e-input-group.e-control-wrapper .e-input-group-icon + .e-input-group-icon:last-child,
+.e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon + .e-input-group-icon:last-child,
+.e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child,
+.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child,
+.e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child,
+.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child,
+.e-bigger .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child,
+.e-bigger .e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child {
+  margin-left: 0;
+}
+
+.e-outline.e-input-group.e-small:not(.e-float-input) .e-input,
+.e-small .e-outline.e-input-group:not(.e-float-input) .e-input,
+.e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-input) .e-input,
+.e-small .e-outline.e-input-group.e-control-wrapper:not(.e-float-input) .e-input,
+.e-outline.e-float-input.e-small input,
+.e-small .e-outline.e-float-input input,
+.e-outline.e-float-input.e-input-group.e-small input,
+.e-small .e-outline.e-float-input.e-input-group input,
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-small input,
+.e-small .e-outline.e-float-input.e-input-group.e-control-wrapper input,
+.e-outline.e-float-input.e-control-wrapper.e-small input,
+.e-small .e-outline.e-float-input.e-control-wrapper input,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-small input,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-small input,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-input-group input {
+  box-sizing: border-box;
+  min-height: 34px;
+}
+
+.e-outline.e-float-input.e-small input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small input:valid ~ label.e-float-text,
+.e-outline.e-float-input.e-small input ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-small textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small textarea:valid ~ label.e-float-text,
+.e-outline.e-float-input.e-small textarea ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-small textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-small textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-small.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text {
+  font-size: 11px;
+}
+
+.e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text {
+  font-size: 12px;
+}
+
+.e-outline.e-input-group,
+.e-outline.e-input-group.e-control-wrapper,
+.e-outline.e-float-input,
+.e-outline.e-float-input.e-control-wrapper {
+  font-size: 14px;
+}
+
+.e-outline.e-input-group.e-bigger,
+.e-bigger .e-outline.e-input-group,
+.e-outline.e-input-group.e-control-wrapper.e-bigger,
+.e-bigger .e-outline.e-input-group.e-control-wrapper,
+.e-outline.e-float-input.e-bigger,
+.e-bigger .e-outline.e-float-input,
+.e-outline.e-float-input.e-control-wrapper.e-bigger,
+.e-bigger .e-outline.e-float-input.e-control-wrapper {
+  font-size: 16px;
+}
+
+.e-outline.e-input-group.e-small,
+.e-small .e-outline.e-input-group,
+.e-outline.e-input-group.e-control-wrapper.e-small,
+.e-small .e-outline.e-input-group.e-control-wrapper,
+.e-outline.e-float-input.e-small,
+.e-small .e-outline.e-float-input,
+.e-outline.e-float-input.e-control-wrapper.e-small,
+.e-small .e-outline.e-float-input.e-control-wrapper {
+  font-size: 13px;
+}
+
+.e-outline.e-input-group.e-small.e-bigger,
+.e-small .e-outline.e-input-group.e-bigger,
+.e-bigger .e-outline.e-input-group.e-small,
+.e-bigger.e-small .e-outline.e-input-group,
+.e-outline.e-input-group.e-control-wrapper.e-small.e-bigger,
+.e-small .e-outline.e-input-group.e-control-wrapper.e-bigger,
+.e-bigger .e-outline.e-input-group.e-control-wrapper.e-small,
+.e-bigger.e-small .e-outline.e-input-group.e-control-wrapper,
+.e-outline.e-float-input.e-small.e-bigger,
+.e-small .e-outline.e-float-input.e-bigger,
+.e-bigger .e-outline.e-float-input.e-small,
+.e-bigger.e-small .e-outline.e-float-input,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small,
+.e-bigger.e-small .e-outline.e-float-input.e-control-wrapper {
+  font-size: 14px;
+}
+
+.e-small.e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
+.e-small.e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
+.e-small.e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
+.e-bigger .e-small.e-outline.e-float-input input ~ label.e-label-top.e-float-text,
+.e-small.e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+.e-small.e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+.e-small.e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
+.e-small.e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
+.e-small.e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
+.e-bigger .e-small.e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
+.e-small.e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+.e-small.e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
+.e-small .e-bigger.e-outline.e-float-input input ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
+.e-small .e-bigger.e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
+.e-bigger .e-small.e-outline.e-float-input input ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
+.e-bigger .e-small.e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+.e-small.e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
+.e-small.e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
+.e-small.e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
+.e-bigger .e-small.e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
+.e-small.e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-small.e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-small.e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
+.e-small.e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
+.e-small.e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
+.e-bigger .e-small.e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
+.e-small.e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-small.e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
+.e-small .e-bigger.e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
+.e-small .e-bigger.e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
+.e-bigger .e-small.e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
+.e-bigger .e-small.e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-small.e-outline.e-float-input.e-bigger.e-input-focus input ~ label.e-float-text,
+.e-small.e-outline.e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-bigger.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text {
+  font-size: 12px;
+}
+
+input.e-input.e-small.e-outline,
+.e-small input.e-input.e-outline,
+.e-input-group.e-small.e-outline input.e-input,
+.e-outline.e-input-group.e-control-wrapper.e-small input.e-input,
+.e-outline.e-float-input.e-small input,
+.e-outline.e-float-input.e-control-wrapper input.e-small,
+.e-outline.e-float-input.e-small input,
+.e-outline.e-float-input.e-control-wrapper input.e-small,
+.e-outline.e-input-group input.e-input.e-small,
+.e-outline.e-input-group.e-control-wrapper input.e-input.e-small,
+.e-small .e-outline.e-float-input input,
+.e-small .e-outline.e-float-input.e-control-wrapper input,
+.e-small .e-outline.e-input-group input.e-input,
+.e-small .e-outline.e-input-group.e-control-wrapper input.e-input,
+.e-outline.e-input-group.e-small input.e-input:focus,
+.e-outline.e-input-group.e-control-wrapper.e-small input.e-input:focus,
+.e-outline.e-float-input.e-small input:focus,
+.e-outline.e-float-input.e-control-wrapper.e-small input:focus,
+.e-small .e-outline.e-input-group.e-control-wrapper input.e-input:focus,
+.e-small .e-outline.e-input-group input.e-input:focus,
+.e-small .e-outline.e-float-input input:focus,
+.e-small .e-outline.e-float-input.e-control-wrapper input:focus,
+.e-outline.e-float-input.e-small.e-input-focus input,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-input-focus input,
+.e-small .e-outline.e-float-input.e-input-focus input,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-input-focus input,
+.e-outline.e-input-group.e-small.e-input-focus input.e-input,
+.e-outline.e-input-group.e-control-wrapper.e-small.e-input-focus input.e-input,
+.e-small .e-outline.e-input-group.e-control-wrapper.e-input-focus input.e-input,
+.e-small .e-outline.e-input-group.e-input-focus input.e-input {
+  padding: 7px 10px;
+}
+
+textarea.e-input.e-small.e-outline,
+.e-small textarea.e-input.e-outline,
+.e-input-group.e-small.e-outline textarea.e-input,
+.e-outline.e-input-group.e-control-wrapper.e-small textarea.e-input,
+.e-outline.e-float-input.e-control-wrapper textarea.e-small,
+.e-outline.e-float-input.e-small textarea,
+.e-outline.e-input-group textarea.e-input.e-small,
+.e-outline.e-input-group.e-control-wrapper textarea.e-input.e-small,
+.e-small .e-outline.e-float-input textarea,
+.e-small .e-outline.e-float-input.e-control-wrapper textarea,
+.e-small .e-outline.e-input-group textarea.e-input,
+.e-small .e-outline.e-input-group.e-control-wrapper textarea.e-input,
+.e-outline.e-input-group.e-small textarea.e-input:focus,
+.e-outline.e-input-group.e-control-wrapper.e-small textarea.e-input:focus,
+.e-outline.e-float-input.e-small textarea:focus,
+.e-outline.e-float-input.e-control-wrapper.e-small textarea:focus,
+.e-small .e-outline.e-input-group.e-control-wrapper textarea.e-input:focus,
+.e-small .e-outline.e-input-group textarea.e-input:focus,
+.e-small .e-outline.e-float-input textarea:focus,
+.e-small .e-outline.e-float-input.e-control-wrapper textarea:focus {
+  box-sizing: border-box;
+  margin: 8px 0 1px;
+  padding: 0 10px 10px;
+}
+
+.e-outline.e-input-group.e-small.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-input-group.e-float-icon-left > .e-input-group-icon.e-small,
+.e-outline.e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-small,
+.e-small .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon,
+.e-small .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-float-input.e-input-group.e-small.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon.e-small,
+.e-small .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left > .e-input-group-icon.e-small,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left > .e-input-group-icon {
+  margin-left: 0;
+  margin-right: 6px;
+}
+
+.e-outline.e-input-group.e-small .e-input-group-icon,
+.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon,
+.e-small .e-outline.e-input-group .e-input-group-icon,
+.e-small .e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin-left: 0;
+  margin-right: 10px;
+}
+
+.e-outline.e-input-group.e-small .e-clear-icon,
+.e-outline.e-input-group .e-clear-icon.e-small,
+.e-small .e-outline.e-input-group .e-clear-icon,
+.e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-outline.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small .e-outline.e-input-group.e-control-wrapper .e-clear-icon {
+  font-size: 14px;
+  padding: 7px 10px 7px 0;
+}
+
+.e-outline.e-input-group.e-bigger:not(.e-float-input) .e-input,
+.e-bigger .e-outline.e-input-group:not(.e-float-input) .e-input,
+.e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-input) .e-input,
+.e-bigger .e-outline.e-input-group.e-control-wrapper:not(.e-float-input) .e-input,
+.e-outline.e-float-input.e-bigger input,
+.e-bigger .e-outline.e-float-input input,
+.e-outline.e-float-input.e-input-group.e-bigger input,
+.e-bigger .e-outline.e-float-input.e-input-group input,
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger input,
+.e-bigger .e-outline.e-float-input.e-input-group.e-control-wrapper input,
+.e-outline.e-float-input.e-control-wrapper.e-bigger input,
+.e-bigger .e-outline.e-float-input.e-control-wrapper input,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-bigger input,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-group input,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-bigger input,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-group input {
+  box-sizing: border-box;
+  min-height: 54px;
+}
+
+.e-outline.e-input-group.e-bigger .e-clear-icon,
+.e-outline.e-input-group.e-control-wrapper.e-bigger .e-clear-icon,
+.e-outline.e-input-group .e-clear-icon.e-bigger,
+.e-outline.e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
+.e-bigger .e-outline.e-input-group .e-clear-icon,
+.e-bigger .e-outline.e-input-group.e-control-wrapper .e-clear-icon {
+  font-size: 20px;
+  padding: 15px 16px 15px 0;
+}
+
+.e-outline.e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger,
+.e-bigger .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-float-input.e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger,
+.e-bigger .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
+.e-bigger .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
+.e-bigger .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
+  margin-left: 0;
+  margin-right: 8px;
+}
+
+.e-outline.e-input-group.e-bigger .e-input-group-icon,
+.e-outline.e-input-group .e-input-group-icon.e-bigger,
+.e-bigger .e-outline.e-input-group .e-input-group-icon,
+.e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon,
+.e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger,
+.e-bigger .e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin: 15px 16px 15px 0;
+}
+
+input.e-input.e-bigger.e-outline,
+.e-bigger input.e-input.e-outline,
+.e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
+.e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left) input.e-input,
+.e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left) input,
+.e-outline.e-float-input.e-control-wrapper:not(.e-float-icon-left) input.e-bigger,
+.e-outline.e-float-input.e-bigger:not(.e-float-icon-left) input,
+.e-outline.e-float-input:not(.e-float-icon-left) input.e-bigger,
+.e-outline.e-input-group:not(.e-float-icon-left) input.e-input.e-bigger,
+.e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left) input.e-input.e-bigger,
+.e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-float-icon-left) input,
+.e-bigger .e-outline.e-float-input:not(.e-float-icon-left) input,
+.e-bigger .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left) input.e-input,
+.e-bigger .e-outline.e-input-group:not(.e-float-icon-left) input.e-input,
+.e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input:focus,
+.e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left) input.e-input:focus,
+.e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left) input:focus,
+.e-outline.e-float-input.e-bigger.e-float-input:not(.e-float-icon-left) input:focus,
+.e-bigger .e-outline.e-input-group.e-float-input:not(.e-float-icon-left) input.e-input:focus,
+.e-bigger .e-outline.e-input-group.e-control-wrapper.e-float-input:not(.e-float-icon-left) input.e-input:focus,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-float-input:not(.e-float-icon-left) input:focus,
+.e-bigger .e-outline.e-float-input:not(.e-float-icon-left) input:focus,
+.e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left).e-input-focus input,
+.e-outline.e-float-input.e-bigger.e-float-input:not(.e-float-icon-left).e-input-focus input,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-float-input:not(.e-float-icon-left).e-input-focus input,
+.e-bigger .e-outline.e-float-input:not(.e-float-icon-left).e-input-focus input,
+.e-outline.e-input-group.e-bigger:not(.e-float-icon-left).e-input-focus input.e-input,
+.e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left).e-input-focus input.e-input,
+.e-bigger .e-outline.e-input-group.e-float-input:not(.e-float-icon-left).e-input-focus input.e-input,
+.e-bigger .e-outline.e-input-group.e-control-wrapper.e-float-input:not(.e-float-icon-left).e-input-focus input.e-input {
+  padding: 15px 16px;
+}
+
+textarea.e-input.e-bigger.e-outline,
+.e-bigger textarea.e-input.e-outline,
+.e-outline.e-input-group.e-bigger:not(.e-float-icon-left) textarea.e-input,
+.e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left) textarea.e-input,
+.e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left) textarea,
+.e-outline.e-float-input.e-control-wrapper:not(.e-float-icon-left) textarea.e-bigger,
+.e-outline.e-float-input.e-bigger:not(.e-float-icon-left) textarea,
+.e-outline.e-float-input:not(.e-float-icon-left) textarea.e-bigger,
+.e-outline.e-input-group:not(.e-float-icon-left) textarea.e-input.e-bigger,
+.e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left) textarea.e-input.e-bigger,
+.e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-float-icon-left) textarea,
+.e-bigger .e-outline.e-float-input:not(.e-float-icon-left) textarea,
+.e-bigger .e-outline.e-input-group.e-control-wrapper:not(.e-float-icon-left) textarea.e-input,
+.e-bigger .e-outline.e-input-group:not(.e-float-icon-left) textarea.e-input,
+.e-outline.e-input-group.e-bigger:not(.e-float-icon-left) textarea.e-input:focus,
+.e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left) textarea.e-input:focus,
+.e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left) textarea:focus,
+.e-outline.e-float-input.e-bigger.e-float-input:not(.e-float-icon-left) textarea:focus,
+.e-bigger .e-outline.e-input-group.e-float-input:not(.e-float-icon-left) textarea.e-input:focus,
+.e-bigger .e-outline.e-input-group.e-control-wrapper.e-float-input:not(.e-float-icon-left) textarea.e-input:focus,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-float-input:not(.e-float-icon-left) textarea:focus,
+.e-bigger .e-outline.e-float-input:not(.e-float-icon-left) textarea:focus {
+  margin: 8px 0 1px;
+  padding: 0 16px 16px;
+}
+
+.e-outline.e-input-group.e-bigger.e-small:not(.e-float-input) .e-input,
+.e-bigger .e-outline.e-input-group.e-small:not(.e-float-input) .e-input .e-small .e-input-group.e-bigger:not(.e-float-input) .e-input,
+.e-outline.e-input-group.e-control-wrapper.e-bigger.e-small:not(.e-float-input) .e-input,
+.e-bigger .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-input) .e-input,
+.e-small .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-input) .e-input,
+.e-outline.e-float-input.e-bigger.e-small input,
+.e-bigger .e-outline.e-float-input.e-small input,
+.e-small .e-outline.e-float-input.e-bigger input,
+.e-outline.e-float-input.e-input-group.e-bigger.e-small input,
+.e-bigger .e-outline.e-float-input.e-input-group.e-small input,
+.e-small .e-outline.e-float-input.e-input-group.e-bigger input,
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-small input,
+.e-bigger .e-outline.e-float-input.e-input-group.e-control-wrapper.e-small input,
+.e-small .e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger input,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-small input,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-bigger.e-small input,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small input,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-input-group.e-bigger input {
+  box-sizing: border-box;
+  min-height: 38px;
+}
+
+input.e-input.e-bigger.e-small.e-outline,
+.e-bigger input.e-input.e-small.e-outline,
+.e-outline.e-input-group.e-small.e-bigger:not(.e-float-icon-left) input.e-input,
+.e-outline.e-input-group.e-control-wrapper.e-small.e-bigger:not(.e-float-icon-left) input.e-input,
+.e-outline.e-input-group.e-small:not(.e-float-icon-left) input.e-input.e-bigger,
+.e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-icon-left) input.e-input.e-bigger,
+.e-bigger .e-outline.e-input-group.e-small:not(.e-float-icon-left) input.e-input,
+.e-bigger .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-icon-left) input.e-input,
+.e-outline.e-float-input.e-small.e-bigger:not(.e-float-icon-left) input,
+.e-outline.e-float-input.e-small:not(.e-float-icon-left) input.e-bigger,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-float-icon-left) input,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-float-icon-left) input,
+.e-outline.e-float-input.e-control-wrapper.e-small:not(.e-float-icon-left) input.e-bigger,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-float-icon-left) input,
+.e-bigger .e-outline.e-input-group.e-small:not(.e-float-icon-left) input.e-input:focus,
+.e-bigger .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-icon-left) input.e-input:focus,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-float-icon-left) input:focus,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-float-icon-left) input:focus,
+.e-small .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input:focus,
+.e-small .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left) input.e-input:focus,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left) input:focus,
+.e-small .e-outline.e-float-input.e-bigger:not(.e-float-icon-left) input:focus,
+.e-outline.e-input-group.e-bigger.e-small:not(.e-float-icon-left) input.e-input:focus,
+.e-outline.e-input-group.e-control-wrapper.e-bigger.e-small:not(.e-float-icon-left) input.e-input:focus,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-float-icon-left) input:focus,
+.e-outline.e-float-input.e-bigger.e-small:not(.e-float-icon-left) input:focus,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-float-icon-left).e-input-focus input,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-float-icon-left).e-input-focus input,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left).e-input-focus input,
+.e-small .e-outline.e-float-input.e-bigger:not(.e-float-icon-left).e-input-focus input,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-float-icon-left).e-input-focus input,
+.e-outline.e-float-input.e-bigger.e-small:not(.e-float-icon-left).e-input-focus input,
+.e-bigger .e-outline.e-input-group.e-small:not(.e-float-icon-left).e-input-focus input.e-input,
+.e-bigger .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-icon-left).e-input-focus input.e-input,
+.e-small .e-outline.e-input-group.e-bigger:not(.e-float-icon-left).e-input-focus input.e-input,
+.e-small .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left).e-input-focus input.e-input,
+.e-outline.e-input-group.e-bigger.e-small:not(.e-float-icon-left).e-input-focus input.e-input,
+.e-outline.e-input-group.e-control-wrapper.e-bigger.e-small:not(.e-float-icon-left).e-input-focus input.e-input {
+  padding: 10px 12px 9px;
+}
+
+textarea.e-input.e-bigger.e-small.e-outline,
+.e-bigger textarea.e-input.e-small.e-outline,
+.e-outline.e-input-group.e-small.e-bigger:not(.e-float-icon-left) textarea.e-input,
+.e-outline.e-input-group.e-control-wrapper.e-small.e-bigger:not(.e-float-icon-left) textarea.e-input,
+.e-outline.e-input-group.e-small:not(.e-float-icon-left) textarea.e-input.e-bigger,
+.e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-icon-left) textarea.e-input.e-bigger,
+.e-bigger .e-outline.e-input-group.e-small:not(.e-float-icon-left) textarea.e-input,
+.e-bigger .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-icon-left) textarea.e-input,
+.e-outline.e-float-input.e-small.e-bigger:not(.e-float-icon-left) textarea,
+.e-outline.e-float-input.e-small:not(.e-float-icon-left) textarea.e-bigger,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-float-icon-left) textarea,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-float-icon-left) textarea,
+.e-outline.e-float-input.e-control-wrapper.e-small:not(.e-float-icon-left) textarea.e-bigger,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-float-icon-left) textarea,
+.e-bigger .e-outline.e-input-group.e-small:not(.e-float-icon-left) textarea.e-input:focus,
+.e-bigger .e-outline.e-input-group.e-control-wrapper.e-small:not(.e-float-icon-left) textarea.e-input:focus,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-float-icon-left) textarea:focus,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-float-icon-left) textarea:focus,
+.e-small .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) textarea.e-input:focus,
+.e-small .e-outline.e-input-group.e-control-wrapper.e-bigger:not(.e-float-icon-left) textarea.e-input:focus,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-float-icon-left) textarea:focus,
+.e-small .e-outline.e-float-input.e-bigger:not(.e-float-icon-left) textarea:focus,
+.e-outline.e-input-group.e-bigger.e-small:not(.e-float-icon-left) textarea.e-input:focus,
+.e-outline.e-input-group.e-control-wrapper.e-bigger.e-small:not(.e-float-icon-left) textarea.e-input:focus,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-float-icon-left) textarea:focus,
+.e-outline.e-float-input.e-bigger.e-small:not(.e-float-icon-left) textarea:focus {
+  box-sizing: border-box;
+  margin: 8px 0 1px;
+  padding: 0 12px 12px;
+}
+
+.e-outline.e-input-group.e-small.e-bigger .e-clear-icon,
+.e-outline.e-input-group.e-small .e-clear-icon.e-bigger,
+.e-bigger .e-outline.e-input-group.e-small .e-clear-icon,
+.e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon,
+.e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger,
+.e-bigger .e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon {
+  font-size: 18px;
+  padding: 9px 12px 9px 0;
+}
+
+.e-outline.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger,
+.e-bigger .e-outline.e-input-group.e-small.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-float-input.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-float-input.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger,
+.e-bigger .e-outline.e-input-group.e-float-input.e-small.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-input-group.e-control-wrapper.e-small.e-bigger.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon.e-bigger,
+.e-bigger .e-outline.e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger,
+.e-bigger .e-outline.e-input-group.e-control-wrapper.e-float-input.e-small.e-float-icon-left > .e-input-group-icon {
+  margin-left: 0;
+  margin-right: 8px;
+}
+
+.e-outline.e-input-group.e-small.e-bigger .e-input-group-icon,
+.e-outline.e-input-group.e-small .e-input-group-icon.e-bigger,
+.e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
+.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
+.e-bigger .e-outline.e-input-group.e-small .e-input-group-icon,
+.e-bigger .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon {
+  margin: 9px 12px 9px 0;
+}
+
+.e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
+.e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon {
+  margin-top: 9px;
+}
+
+.e-outline.e-float-input input,
+.e-outline.e-float-input textarea,
+.e-outline.e-float-input.e-control-wrapper input,
+.e-outline.e-float-input.e-control-wrapper textarea {
+  border: 0;
+  border-width: 0;
+}
+
+.e-outline label.e-float-text,
+.e-outline.e-float-input label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text,
+.e-outline.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-bigger.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-outline.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small .e-outline.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-small.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small .e-outline.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-bigger.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-small.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-outline.e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
+  box-sizing: border-box;
+  display: -ms-flexbox;
+  display: flex;
+  left: 0;
+  line-height: 13px;
+  position: absolute;
+  top: -7px;
+  transform: translate3d(0, 0, 0) scale(1);
+  transition: color .2s, font-size .2s, line-height .2s;
+}
+
+.e-outline.e-float-input.e-bigger:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-bigger.e-control-wrapper:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-outline.e-float-input:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger.e-outline.e-float-input:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger.e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text,
+.e-bigger .e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text,
+.e-bigger.e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text {
+  line-height: 70px;
+}
+
+.e-outline.e-float-input.e-bigger:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-bigger.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-outline.e-float-input:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger.e-outline.e-float-input:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger.e-outline:not(.e-valid-input):not(.e-valid-input) textarea:not(:focus):not(:valid) ~ label.e-float-text,
+.e-bigger .e-outline:not(.e-valid-input):not(.e-valid-input) textarea:not(:focus):not(:valid) ~ label.e-float-text,
+.e-bigger.e-outline.e-float-input:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text {
+  line-height: 66px;
+}
+
+.e-outline.e-float-input.e-small:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small .e-outline.e-float-input:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small .e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small.e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text,
+.e-small.e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-small.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text {
+  line-height: 46px;
+}
+
+.e-outline.e-float-input.e-small:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small .e-outline.e-float-input:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small .e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small.e-outline:not(.e-valid-input):not(.e-valid-input) textarea:not(:focus):not(:valid) ~ label.e-float-text,
+.e-small.e-outline.e-float-input:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-small.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text {
+  line-height: 60px;
+}
+
+.e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:valid ~ label.e-float-text.e-label-bottom,
+.e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text,
+.e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text {
+  line-height: 50px;
+}
+
+.e-outline.e-float-input:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline:not(.e-valid-input):not(.e-valid-input) textarea:not(:focus):not(:valid) ~ label.e-float-text,
+.e-outline.e-float-input:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text {
+  line-height: 50px;
+}
+
+.e-small.e-bigger.e-outline.e-float-input:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small.e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small.e-bigger.e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text,
+.e-small.e-bigger.e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-small.e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-small .e-bigger.e-outline.e-float-input:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small .e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small .e-bigger.e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text,
+.e-small .e-bigger.e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-small .e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-bigger .e-small.e-outline.e-float-input:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-small.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-small.e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text,
+.e-bigger .e-small.e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-bigger .e-small.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-valid-input):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
+  line-height: 53px;
+}
+
+.e-small.e-bigger.e-outline.e-float-input:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small.e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small.e-bigger.e-outline:not(.e-valid-input):not(.e-valid-input) textarea:not(:focus):not(:valid) ~ label.e-float-text,
+.e-small.e-bigger.e-outline.e-float-input:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-small.e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-small .e-bigger.e-outline.e-float-input:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small .e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small .e-bigger.e-outline:not(.e-valid-input):not(.e-valid-input) textarea:not(:focus):not(:valid) ~ label.e-float-text,
+.e-small .e-bigger.e-outline.e-float-input:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-small .e-bigger.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-bigger .e-small.e-outline.e-float-input:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-small.e-outline.e-float-input.e-control-wrapper:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-small.e-outline:not(.e-valid-input):not(.e-valid-input) textarea:not(:focus):not(:valid) ~ label.e-float-text,
+.e-bigger .e-small.e-outline.e-float-input:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-bigger .e-small.e-outline.e-float-input.e-control-wrapper:not(.e-valid-input) textarea:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-valid-input) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
+  line-height: 60px;
+}
+
+.e-outline label.e-float-text::before,
+.e-outline label.e-float-text::after,
+.e-outline.e-float-input label.e-float-text::before,
+.e-outline.e-float-input label.e-float-text::after,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text::before,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text::after {
+  border-top: solid 2px;
+  border-top-color: transparent;
+  box-shadow: inset 0 1px transparent;
+  box-sizing: border-box;
+  content: ' ';
+  display: block;
+  height: 8px;
+  margin-top: 6px;
+  min-width: 9px;
+  pointer-events: none;
+  position: relative;
+  transition: border-color .1s, box-shadow .2s;
+}
+
+.e-bigger.e-outline label.e-float-text::before,
+.e-bigger.e-outline label.e-float-text::after,
+.e-bigger.e-outline.e-float-input label.e-float-text::before,
+.e-bigger.e-outline.e-float-input label.e-float-text::after,
+.e-bigger.e-outline.e-float-input.e-control-wrapper label.e-float-text::before,
+.e-bigger.e-outline.e-float-input.e-control-wrapper label.e-float-text::after,
+.e-bigger .e-outline label.e-float-text::before,
+.e-bigger .e-outline label.e-float-text::after,
+.e-bigger .e-outline.e-float-input label.e-float-text::before,
+.e-bigger .e-outline.e-float-input label.e-float-text::after,
+.e-bigger .e-outline.e-float-input.e-control-wrapper label.e-float-text::before,
+.e-bigger .e-outline.e-float-input.e-control-wrapper label.e-float-text::after {
+  min-width: 13px;
+}
+
+.e-small.e-outline label.e-float-text::before,
+.e-small.e-outline label.e-float-text::after,
+.e-small.e-outline.e-float-input label.e-float-text::before,
+.e-small.e-outline.e-float-input label.e-float-text::after,
+.e-small.e-outline.e-float-input.e-control-wrapper label.e-float-text::before,
+.e-small.e-outline.e-float-input.e-control-wrapper label.e-float-text::after,
+.e-small .e-outline label.e-float-text::before,
+.e-small .e-outline label.e-float-text::after,
+.e-small .e-outline.e-float-input label.e-float-text::before,
+.e-small .e-outline.e-float-input label.e-float-text::after,
+.e-small .e-outline.e-float-input.e-control-wrapper label.e-float-text::before,
+.e-small .e-outline.e-float-input.e-control-wrapper label.e-float-text::after {
+  min-width: 7px;
+}
+
+.e-bigger.e-small.e-outline label.e-float-text::before,
+.e-bigger.e-small.e-outline label.e-float-text::after,
+.e-bigger.e-small.e-outline.e-float-input label.e-float-text::before,
+.e-bigger.e-small.e-outline.e-float-input label.e-float-text::after,
+.e-bigger.e-small.e-outline.e-float-input.e-control-wrapper label.e-float-text::before,
+.e-bigger.e-small.e-outline.e-float-input.e-control-wrapper label.e-float-text::after,
+.e-bigger.e-small .e-outline label.e-float-text::before,
+.e-bigger.e-small .e-outline label.e-float-text::after,
+.e-bigger.e-small .e-outline.e-float-input label.e-float-text::before,
+.e-bigger.e-small .e-outline.e-float-input label.e-float-text::after,
+.e-bigger.e-small .e-outline.e-float-input.e-control-wrapper label.e-float-text::before,
+.e-bigger.e-small .e-outline.e-float-input.e-control-wrapper label.e-float-text::after {
+  min-width: 9px;
+}
+
+.e-outline.e-valid-input:not(.e-input-focus) label.e-float-text::before,
+.e-outline.e-valid-input:not(.e-input-focus) label.e-float-text::after,
+.e-outline.e-float-input.e-valid-input:not(.e-input-focus) label.e-float-text::before,
+.e-outline.e-float-input.e-valid-input:not(.e-input-focus) label.e-float-text::after,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input:not(.e-input-focus) label.e-float-text::before,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input:not(.e-input-focus) label.e-float-text::after {
+  border-top-color: rgba(255, 255, 255, 0.24);
+  border-width: 1px;
+}
+
+.e-outline.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-input-focus) label.e-float-text::before,
+.e-outline.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-input-focus) label.e-float-text::after,
+.e-outline.e-float-input.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-input-focus) label.e-float-text::before,
+.e-outline.e-float-input.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-input-focus) label.e-float-text::after,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-input-focus) label.e-float-text::before,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-success:not(.e-error):not(.e-warning):not(.e-input-focus) label.e-float-text::after {
+  border-top-color: #22b24b;
+}
+
+.e-outline.e-success.e-input-focus:not(.e-error):not(.e-warning) label.e-float-text::before,
+.e-outline.e-success.e-input-focus:not(.e-error):not(.e-warning) label.e-float-text::after,
+.e-outline.e-float-input.e-success.e-input-focus:not(.e-error):not(.e-warning) label.e-float-text::before,
+.e-outline.e-float-input.e-success.e-input-focus:not(.e-error):not(.e-warning) label.e-float-text::after,
+.e-outline.e-float-input.e-control-wrapper.e-success.e-input-focus:not(.e-error):not(.e-warning) label.e-float-text::before,
+.e-outline.e-float-input.e-control-wrapper.e-success.e-input-focus:not(.e-error):not(.e-warning) label.e-float-text::after {
+  border-color: #22b24b;
+}
+
+.e-outline.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-input-focus) label.e-float-text::before,
+.e-outline.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-input-focus) label.e-float-text::after,
+.e-outline.e-float-input.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-input-focus) label.e-float-text::before,
+.e-outline.e-float-input.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-input-focus) label.e-float-text::after,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-input-focus) label.e-float-text::before,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-success):not(.e-warning):not(.e-input-focus) label.e-float-text::after {
+  border-top-color: #ff6652;
+}
+
+.e-outline.e-error.e-input-focus:not(.e-success):not(.e-warning) label.e-float-text::before,
+.e-outline.e-error.e-input-focus:not(.e-success):not(.e-warning) label.e-float-text::after,
+.e-outline.e-float-input.e-error.e-input-focus:not(.e-success):not(.e-warning) label.e-float-text::before,
+.e-outline.e-float-input.e-error.e-input-focus:not(.e-success):not(.e-warning) label.e-float-text::after,
+.e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus:not(.e-success):not(.e-warning) label.e-float-text::before,
+.e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus:not(.e-success):not(.e-warning) label.e-float-text::after {
+  border-color: #ff6652;
+}
+
+.e-outline.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-input-focus) label.e-float-text::before,
+.e-outline.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-input-focus) label.e-float-text::after,
+.e-outline.e-float-input.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-input-focus) label.e-float-text::before,
+.e-outline.e-float-input.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-input-focus) label.e-float-text::after,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-input-focus) label.e-float-text::before,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-warning:not(.e-success):not(.e-error):not(.e-input-focus) label.e-float-text::after {
+  border-top-color: #ffca1c;
+}
+
+.e-outline.e-warning.e-input-focus:not(.e-success):not(.e-error) label.e-float-text::before,
+.e-outline.e-warning.e-input-focus:not(.e-success):not(.e-error) label.e-float-text::after,
+.e-outline.e-float-input.e-warning.e-input-focus:not(.e-success):not(.e-error) label.e-float-text::before,
+.e-outline.e-float-input.e-warning.e-input-focus:not(.e-success):not(.e-error) label.e-float-text::after,
+.e-outline.e-float-input.e-control-wrapper.e-warning.e-input-focus:not(.e-success):not(.e-error) label.e-float-text::before,
+.e-outline.e-float-input.e-control-wrapper.e-warning.e-input-focus:not(.e-success):not(.e-error) label.e-float-text::after {
+  border-color: #ffca1c;
+}
+
+.e-outline label.e-float-text::before,
+.e-outline.e-float-input label.e-float-text::before,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text::before {
+  border-left: solid 1px transparent;
+  border-radius: 4px 0;
+  left: -1px;
+  margin-right: 4px;
+}
+
+.e-rtl.e-outline label.e-float-text::before,
+.e-rtl.e-outline.e-float-input label.e-float-text::before,
+.e-rtl.e-outline.e-float-input.e-control-wrapper label.e-float-text::before {
+  border-left: 0;
+  border-radius: 0 4px;
+  left: 5px;
+}
+
+.e-rtl.e-outline label.e-float-text::after,
+.e-rtl.e-outline.e-float-input label.e-float-text::after,
+.e-rtl.e-outline.e-float-input.e-control-wrapper label.e-float-text::after {
+  border-radius: 5px 0;
+  border-right: 0;
+  left: -6px;
+}
+
+.e-outline label.e-float-text::after,
+.e-outline.e-float-input label.e-float-text::after,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text::after {
+  border-radius: 0 5px;
+  border-right: solid 1px transparent;
+  -ms-flex-positive: 1;
+      flex-grow: 1;
+  left: 2px;
+  margin-left: 4px;
+}
+
+.e-outline.e-input-focus label.e-float-text::before,
+.e-outline.e-input-focus label.e-float-text::after,
+.e-outline.e-float-input.e-input-focus label.e-float-text::before,
+.e-outline.e-float-input.e-input-focus label.e-float-text::after,
+.e-outline.e-float-input.e-control-wrapper.e-input-focus label.e-float-text::before,
+.e-outline.e-float-input.e-control-wrapper.e-input-focus label.e-float-text::after {
+  border-top-color: #00b0ff;
+}
+
+.e-outline.e-float-input.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled),
+.e-outline.e-float-input.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left),
+.e-outline.e-float-input.e-input-group.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left),
+.e-outline.e-float-input.e-input-group.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled),
+.e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left),
+.e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled),
+.e-outline.e-float-input.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled),
+.e-outline.e-float-input.e-input-group.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled),
+.e-outline.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled),
+.e-outline.e-float-input.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left),
+.e-outline.e-float-input.e-input-group.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left),
+.e-outline.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-error):not(.e-success):not(.e-warning):not(.e-disabled):not(.e-float-icon-left) {
+  border-top-color: transparent;
+  box-shadow: inset 1px 0 #00b0ff, inset -1px 0 #00b0ff, inset 0 -1px #00b0ff;
+}
+
+.e-outline.e-float-input input:focus ~ label.e-float-text,
+.e-outline.e-float-input input:valid ~ label.e-float-text,
+.e-outline.e-float-input input ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input input label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
+.e-outline.e-float-input textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input textarea:valid ~ label.e-float-text,
+.e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input textarea label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
+  font-size: 12px;
+  top: -7px;
+  transform: translate3d(0, 0, 0) scale(1);
+}
+
+.e-outline.e-float-input.e-rtl .e-clear-icon,
+.e-rtl .e-outline.e-float-input .e-clear-icon,
+.e-outline.e-float-input.e-control-wrapper.e-rtl .e-clear-icon,
+e-rtl .e-outline.e-float-input.e-control-wrapper .e-clear-icon,
+.e-outline.e-input-group.e-rtl .e-clear-icon,
+.e-rtl .e-outline.e-input-group .e-clear-icon,
+.e-outline.e-input-group.e-control-wrapper.e-rtl .e-clear-icon,
+.e-rtl .e-outline.e-input-group.e-control-wrapper.e-rtl .e-clear-icon {
+  padding-left: 12px;
+  padding-right: 0;
+}
+
+.e-rtl .e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl .e-outline.e-input-group.e-bigger .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-outline.e-input-group.e-bigger .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl .e-outline.e-input-group .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child,
+.e-rtl.e-outline.e-input-group .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child,
+.e-bigger .e-rtl.e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child,
+.e-bigger.e-rtl .e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl .e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-outline.e-input-group.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl .e-outline.e-input-group.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-outline.e-input-group.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child,
+.e-rtl .e-outline.e-input-group.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child,
+.e-rtl .e-outline.e-input-group.e-control-wrapper .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child,
+.e-rtl .e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child,
+.e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child,
+.e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child,
+.e-rtl.e-bigger .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child,
+.e-bigger .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-bigger .e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child
+.e-bigger .e-rtl.e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child {
+  margin-right: 0;
+}
+
+.e-rtl .e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child {
+  margin-left: 12px;
+}
+
+.e-rtl.e-outline.e-input-group .e-input-group-icon,
+.e-rtl .e-outline.e-input-group .e-input-group-icon,
+.e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon
+.e-rtl .e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin-left: 12px;
+  margin-right: 0;
+}
+
+.e-rtl.e-outline.e-input-group.e-small .e-clear-icon,
+.e-rtl .e-outline.e-input-group.e-small .e-clear-icon,
+.e-rtl.e-outline.e-input-group .e-clear-icon.e-small,
+.e-rtl .e-outline.e-input-group .e-clear-icon.e-small,
+.e-rtl.e-small .e-outline.e-input-group .e-clear-icon,
+.e-small .e-rtl.e-outline.e-input-group .e-clear-icon,
+.e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-rtl .e-outline.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small .e-rtl.e-outline.e-input-group.e-control-wrapper .e-clear-icon
+.e-rtl.e-small .e-outline.e-input-group.e-control-wrapper .e-clear-icon {
+  padding-left: 10px;
+  padding-right: 0;
+}
+
+.e-rtl.e-outline.e-input-group.e-small .e-input-group-icon,
+.e-rtl .e-outline.e-input-group.e-small .e-input-group-icon,
+.e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon,
+.e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon,
+.e-small .e-rtl.e-outline.e-input-group .e-input-group-icon,
+.e-rtl.e-small .e-outline.e-input-group .e-input-group-icon,
+.e-small .e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon
+.e-rtl.e-small .e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin-left: 10px;
+  margin-right: 0;
+}
+
+.e-rtl.e-outline.e-input-group.e-bigger .e-clear-icon,
+.e-rtl.e-outline.e-input-group.e-control-wrapper.e-bigger .e-clear-icon,
+.e-rtl.e-outline.e-input-group .e-clear-icon.e-bigger,
+.e-rtl.e-outline.e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
+.e-bigger .e-rtl.e-outline.e-input-group .e-clear-icon,
+.e-bigger .e-rtl.e-outline.e-input-group.e-control-wrapper .e-clear-icon
+.e-rtl .e-outline.e-input-group.e-bigger .e-clear-icon,
+.e-rtl .e-outline.e-input-group.e-control-wrapper.e-bigger .e-clear-icon,
+.e-rtl .e-outline.e-input-group .e-clear-icon.e-bigger,
+.e-rtl .e-outline.e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
+.e-bigger.e-rtl .e-outline.e-input-group .e-clear-icon,
+.e-bigger.e-rtl .e-outline.e-input-group.e-control-wrapper .e-clear-icon {
+  padding-left: 16px;
+  padding-right: 0;
+}
+
+.e-rtl.e-outline.e-input-group.e-bigger .e-input-group-icon,
+.e-rtl.e-outline.e-input-group .e-input-group-icon.e-bigger,
+.e-bigger .e-rtl.e-outline.e-input-group .e-input-group-icon,
+.e-rtl.e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon,
+.e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger,
+.e-bigger .e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon,
+.e-rtl .e-outline.e-input-group.e-bigger .e-input-group-icon,
+.e-rtl .e-outline.e-input-group .e-input-group-icon.e-bigger,
+.e-bigger.e-rtl .e-outline.e-input-group .e-input-group-icon,
+.e-rtl .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon,
+.e-rtl .e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger,
+.e-bigger.e-rtl .e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin-left: 16px;
+  margin-right: 0;
+}
+
+.e-rtl.e-outline.e-input-group.e-small.e-bigger .e-input-group-icon,
+.e-rtl .e-outline.e-input-group.e-small.e-bigger .e-input-group-icon,
+.e-rtl.e-outline.e-input-group.e-small .e-input-group-icon.e-bigger,
+.e-rtl .e-outline.e-input-group.e-small .e-input-group-icon.e-bigger,
+.e-rtl.e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
+.e-rtl .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
+.e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
+.e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
+.e-bigger.e-rtl .e-outline.e-input-group.e-small .e-input-group-icon,
+.e-bigger .e-rtl.e-outline.e-input-group.e-small .e-input-group-icon,
+.e-bigger .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon,
+.e-bigger.e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon {
+  margin-left: 12px;
+  margin-right: 0;
+}
+
+.e-rtl.e-outline.e-input-group.e-small.e-bigger .e-clear-icon,
+.e-rtl .e-outline.e-input-group.e-small.e-bigger .e-clear-icon,
+.e-rtl.e-outline.e-input-group.e-small .e-clear-icon.e-bigger,
+.e-rtl .e-outline.e-input-group.e-small .e-clear-icon.e-bigger,
+.e-rtl.e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon,
+.e-rtl .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon,
+.e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger,
+.e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger,
+.e-bigger.e-rtl .e-outline.e-input-group.e-small .e-clear-icon,
+.e-bigger .e-rtl.e-outline.e-input-group.e-small .e-clear-icon,
+.e-bigger .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-bigger.e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon {
+  padding-left: 12px;
+  padding-right: 0;
+}
+
+.e-rtl .e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl .e-outline.e-input-group.e-control-wrapper .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon + .e-input-group-icon:last-child {
+  margin-left: 12px;
+  margin-right: 0;
+}
+
+.e-rtl .e-outline.e-input-group.e-bigger .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-outline.e-input-group.e-bigger .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl .e-outline.e-input-group .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child,
+.e-rtl.e-outline.e-input-group .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child,
+.e-bigger .e-rtl.e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child,
+.e-bigger.e-rtl .e-outline.e-input-group .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child,
+.e-rtl .e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child {
+  margin-left: 16px;
+  margin-right: 0;
+}
+
+.e-rtl.e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl .e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child {
+  margin-left: 10px;
+  margin-right: 0;
+}
+
+.e-rtl.e-outline.e-input-group.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl .e-outline.e-input-group.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-outline.e-input-group.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child,
+.e-rtl .e-outline.e-input-group.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child,
+.e-rtl.e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl .e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child,
+.e-rtl .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger + .e-input-group-icon.e-bigger:last-child,
+.e-rtl.e-bigger .e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child,
+.e-bigger .e-rtl.e-outline.e-input-group.e-control-wrapper.e-small .e-input-group-icon + .e-input-group-icon:last-child,
+.e-rtl.e-bigger .e-outline.e-input-group.e-small .e-input-group-icon + .e-input-group-icon:last-child .e-bigger {
+  margin-left: 12px;
+  margin-right: 0;
+}
+
+.e-outline.e-float-input.e-small.e-bigger label.e-float-text,
+.e-bigger .e-small .e-outline.e-float-input label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-small input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-small input:valid ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-small input ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger.e-small input[readonly] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger.e-small input[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger.e-small input label.e-float-text.e-label-top,
+.e-bigger .e-outline.e-float-input.e-small input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small input:valid ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small input ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small input label.e-float-text.e-label-top,
+.e-small .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-small input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-small input:valid ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-small input ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-small input[readonly] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-small input[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-small input label.e-float-text.e-label-top,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input label.e-float-text.e-label-top,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger input label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-bigger.e-small textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-small textarea:valid ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-small textarea ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger.e-small textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger.e-small textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger.e-small textarea label.e-float-text.e-label-top,
+.e-bigger .e-outline.e-float-input.e-small textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small textarea:valid ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small textarea ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small textarea label.e-float-text.e-label-top,
+.e-small .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea:valid ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea label.e-float-text.e-label-top,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea label.e-float-text.e-label-top,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-bigger.e-small.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-bigger.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-small.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text {
+  top: -7px;
+  transform: translate3d(0, 0, 0) scale(1);
+}
+
+.e-outline.e-float-input.e-small.e-bigger input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger input:valid ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger input ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger input[readonly] ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger input[disabled] ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small input:valid ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small input ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small input[readonly] ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small input[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger input:valid ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger input ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger input[readonly] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger input[disabled] ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger textarea:valid ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger textarea ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger textarea[readonly] ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger textarea[disabled] ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small textarea:valid ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small textarea ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small textarea[readonly] ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small textarea[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger textarea:valid ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger textarea ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger textarea[readonly] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger textarea[disabled] ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea[readonly] ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small textarea[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text {
+  font-size: 12px;
+}
+
+.e-outline.e-float-input textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input textarea:valid ~ label.e-float-text,
+.e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input textarea label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
+  top: -7px;
+  transform: translate3d(0, 0, 0) scale(1);
+}
+
+.e-outline textarea,
+textarea.e-outline,
+.e-outline.e-float-input textarea,
+.e-outline.e-float-input.e-control-wrapper textarea,
+.e-outline.e-float-input.e-input-group textarea {
+  box-sizing: border-box;
+}
+
+.e-outline.e-float-input.e-valid-input:not(.e-input-focus) input:valid ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input:not(.e-input-focus) input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-valid-input:not(.e-input-focus) textarea:valid ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input:not(.e-input-focus) textarea:focus ~ label.e-float-text {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.e-rtl.e-outline.e-float-input.e-small textarea ~ label.e-float-text,
+.e-rtl.e-outline.e-float-input textarea ~ label.e-float-text.e-small,
+.e-rtl.e-outline.e-float-input textarea.e-small ~ label.e-float-text,
+.e-small .e-rtl.e-outline.e-float-input textarea ~ label.e-float-text,
+.e-rtl.e-outline.e-float-input.e-control-wrapper.e-small textarea ~ label.e-float-text,
+.e-rtl.e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-small,
+.e-rtl.e-outline.e-float-input.e-control-wrapper textarea.e-small ~ label.e-float-text,
+.e-small .e-rtl.e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text {
+  top: -7px;
+}
+
+.e-outline.e-float-input.e-small .e-clear-icon::before,
+.e-outline.e-float-input.e-control-wrapper.e-small .e-clear-icon::before,
+.e-outline.e-input-group.e-small .e-clear-icon::before,
+.e-outline.e-input-group.e-control-wrapper.e-small .e-clear-icon::before,
+.e-outline.e-float-input.e-control-wrapper input.e-small:first-child ~ .e-clear-icon::before,
+.e-outline.e-small .e-float-input.e-control-wrapper .e-clear-icon::before,
+.e-outline.e-float-input input.e-small:first-child ~ .e-clear-icon::before,
+.e-outline.e-small .e-float-input .e-clear-icon::before,
+.e-outline.e-small .e-input-group .e-clear-icon::before,
+.e-outline.e-small .e-input-group.e-control-wrapper .e-clear-icon::before {
+  font-size: 14px;
+}
+
+.e-outline.e-float-input .e-clear-icon::before,
+.e-outline.e-float-input.e-control-wrapper .e-clear-icon::before,
+.e-outline.e-input-group .e-clear-icon::before,
+.e-outline.e-input-group.e-control-wrapper .e-clear-icon::before {
+  font-size: 16px;
+}
+
+.e-outline.e-float-input.e-bigger .e-clear-icon::before,
+.e-outline.e-float-input.e-control-wrapper.e-bigger .e-clear-icon::before,
+.e-outline.e-input-group.e-bigger .e-clear-icon::before,
+.e-outline.e-input-group.e-control-wrapper.e-bigger .e-clear-icon::before,
+.e-outline.e-float-input.e-control-wrapper input.e-bigger:first-child ~ .e-clear-icon::before,
+.e-outline.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
+.e-outline.e-float-input input.e-bigger:first-child ~ .e-clear-icon::before,
+.e-outline.e-bigger .e-float-input .e-clear-icon::before,
+.e-outline.e-bigger .e-input-group .e-clear-icon::before,
+.e-outline.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before {
+  font-size: 20px;
+}
+
+.e-outline.e-float-input.e-small.e-bigger .e-clear-icon::before,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
+.e-outline.e-input-group.e-small.e-bigger .e-clear-icon::before,
+.e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
+.e-outline.e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before,
+.e-outline.e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
+.e-outline.e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before,
+.e-outline.e-bigger .e-input-group.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before,
+.e-outline.e-small .e-float-input.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
+.e-outline.e-small .e-float-input.e-bigger input:first-child ~ .e-clear-icon::before,
+.e-outline.e-bigger .e-float-input.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before,
+.e-outline.e-bigger .e-float-input.e-small input:first-child ~ .e-clear-icon::before {
+  font-size: 18px;
+}
+
 .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
   font-size: 14px;
@@ -4536,7 +6198,7 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-input-group,
 .e-filled.e-input-group.e-control-wrapper {
   border-radius: 4px 4px 0 0;
-  padding: 10px 12px 10px;
+  padding: 0 10px 0 12px;
 }
 
 .e-filled.e-input-group.e-bigger,
@@ -4544,14 +6206,14 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-input-group.e-control-wrapper.e-bigger,
 .e-bigger .e-filled.e-input-group.e-control-wrapper {
   margin-top: 0;
-  padding: 16px 16px 16px;
+  padding: 0 12px 0 16px;
 }
 
 .e-filled.e-input-group.e-small,
 .e-filled.e-input-group.e-control-wrapper.e-small,
 .e-small .e-filled.e-input-group.e-control-wrapper {
   margin-top: 0;
-  padding: 7px 8px 7px;
+  padding: 0 6px 0 8px;
 }
 
 .e-filled.e-input-group.e-small.e-bigger,
@@ -4563,7 +6225,7 @@ input.e-input.e-bigger.e-small,
 .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small,
 .e-small .e-filled.e-input-group.e-control-wrapper.e-bigger {
   margin-top: 0;
-  padding: 10px 12px 10px;
+  padding: 0 10px 0 12px;
 }
 
 .e-filled.e-float-input,
@@ -4572,7 +6234,7 @@ input.e-input.e-bigger.e-small,
   border-radius: 4px 4px 0 0;
   border-width: 0 0 1px 0;
   margin-top: 0;
-  padding: 14px 12px 5px;
+  padding: 0 10px 0 12px;
 }
 
 .e-filled.e-float-input.e-bigger,
@@ -4580,14 +6242,14 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-float-input.e-control-wrapper.e-bigger,
 .e-bigger .e-filled.e-float-input.e-control-wrapper {
   margin-top: 0;
-  padding: 20px 16px 5px;
+  padding: 0 12px 0 16px;
 }
 
 .e-filled.e-float-input.e-small,
 .e-filled.e-float-input.e-control-wrapper.e-small,
 .e-small .e-filled.e-float-input.e-control-wrapper {
   margin-top: 0;
-  padding: 12px 8px 4px;
+  padding: 0 6px 0 8px;
 }
 
 .e-filled.e-float-input.e-small.e-bigger,
@@ -4599,7 +6261,7 @@ input.e-input.e-bigger.e-small,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small,
 .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger {
   margin-top: 0;
-  padding: 14px 12px 5px;
+  padding: 0 10px 0 12px;
 }
 
 .e-rtl.e-filled.e-input-group,
@@ -4700,11 +6362,11 @@ input.e-input.e-bigger.e-small,
 .e-filled textarea.e-input,
 .e-filled.e-input-group textarea.e-input,
 .e-filled.e-input-group.e-control-wrapper textarea.e-input {
-  padding: 0;
+  padding: 10px 2px 10px 0;
 }
 
 .e-filled .e-input:focus {
-  padding-bottom: 0;
+  padding-bottom: 10px;
 }
 
 .e-filled.e-input-group input.e-input:focus,
@@ -4713,7 +6375,7 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-input-group.e-control-wrapper textarea.e-input:focus,
 .e-filled.e-input-group.e-input-focus input.e-input,
 .e-filled.e-input-group.e-control-wrapper.e-input-focus input.e-input {
-  padding: 0;
+  padding: 10px 2px 10px 0;
 }
 
 .e-filled input.e-input.e-bigger,
@@ -4724,7 +6386,7 @@ input.e-input.e-bigger.e-small,
 .e-bigger .e-filled textarea.e-input,
 .e-bigger .e-filled.e-input-group .e-input,
 .e-bigger .e-filled.e-input-group.e-control-wrapper .e-input {
-  padding: 16px 16px 16px;
+  padding: 16px 4px 16px 0;
 }
 
 .e-filled.e-input-group.e-bigger .e-input:focus,
@@ -4735,7 +6397,7 @@ input.e-input.e-bigger.e-small,
 .e-bigger .e-filled.e-input-group.e-input-focus .e-input,
 .e-filled.e-input-group.e-control-wrapper.e-bigger.e-input-focus .e-input,
 .e-bigger .e-filled.e-input-group.e-control-wrapper.e-input-focus .e-input {
-  padding: 16px 16px 16px;
+  padding: 16px 4px 16px 0;
 }
 
 .e-filled .e-input.e-bigger:focus,
@@ -4744,31 +6406,31 @@ input.e-input.e-bigger.e-small,
 }
 
 .e-filled .e-input.e-small:focus {
-  padding-bottom: 10px;
+  padding-bottom: 7px;
 }
 
 .e-filled .e-input.e-small,
 .e-filled.e-input-group.e-small .e-input,
 .e-filled.e-input-group.e-control-wrapper.e-small .e-input {
-  padding: 10px 12px 10px;
+  padding: 7px 2px 7px 0;
 }
 
 .e-filled.e-input-group.e-small .e-input:focus,
 .e-filled.e-input-group.e-control-wrapper.e-small .e-input:focus,
 .e-filled.e-input-group.e-small.e-input-focus .e-input,
 .e-filled.e-input-group.e-control-wrapper.e-small.e-input-focus .e-input {
-  padding: 10px 12px 10px;
+  padding: 7px 2px 7px 0;
 }
 
 .e-filled .e-input.e-small.e-bigger:focus,
 .e-bigger .e-filled .e-input.e-small:focus {
-  padding-bottom: 7px;
+  padding-bottom: 10px;
 }
 
 .e-filled .e-input.e-small.e-bigger,
 .e-bigger .e-filled .e-input.e-small,
 .e-small .e-filled .e-input.e-bigger {
-  padding: 7px 8px 7px;
+  padding: 10px 2px 10px 0;
 }
 
 .e-filled.e-input-group.e-small.e-bigger .e-input,
@@ -4777,7 +6439,7 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-input-group.e-control-wrapper.e-small .e-input.e-bigger,
 .e-bigger .e-filled.e-input-group.e-small .e-input,
 .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small .e-input {
-  padding: 7px 8px 7px;
+  padding: 10px 2px 10px 0;
 }
 
 .e-filled.e-input-group.e-small.e-bigger .e-input:focus,
@@ -4792,12 +6454,12 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger.e-input-focus .e-input,
 .e-filled.e-input-group.e-control-wrapper.e-small.e-input-focus .e-input.e-bigger,
 .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small.e-input-focus .e-input {
-  padding: 7px 8px 7px;
+  padding: 10px 2px 10px 0;
 }
 
 .e-filled.e-float-input input,
 .e-filled.e-float-input.e-control-wrapper input {
-  padding: 14px 12px 5px;
+  padding: 14px 2px 5px 0;
 }
 
 .e-filled.e-float-input.e-bigger input,
@@ -4806,7 +6468,7 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-float-input.e-control-wrapper.e-bigger input,
 .e-filled.e-float-input.e-control-wrapper input.e-bigger,
 .e-bigger .e-filled.e-float-input.e-control-wrapper input {
-  padding: 20px 16px 5px;
+  padding: 20px 4px 6px 0;
 }
 
 .e-filled.e-float-input.e-small.e-bigger input,
@@ -4815,12 +6477,12 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger input,
 .e-filled.e-float-input.e-control-wrapper.e-small input.e-bigger,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input {
-  padding: 12px 8px 4px;
+  padding: 14px 2px 5px 0;
 }
 
 .e-filled.e-float-input.e-small input,
 .e-filled.e-float-input.e-control-wrapper.e-small input {
-  padding: 14px 12px 5px;
+  padding: 12px 2px 4px 0;
 }
 
 .e-filled input.e-input.e-rtl,
@@ -5129,7 +6791,7 @@ input.e-input.e-bigger.e-small,
 .e-bigger .e-filled.e-input-group:not(.e-float-input) .e-input,
 .e-filled.e-input-group.e-control-wrapper.e-bigger:not(.e-float-input) .e-input,
 .e-bigger .e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-input {
-  min-height: 23px;
+  min-height: 55px;
 }
 
 .e-filled.e-float-input.e-bigger input,
@@ -5144,14 +6806,14 @@ input.e-input.e-bigger.e-small,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group input,
 .e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger input,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group input {
-  min-height: 30px;
+  min-height: 55px;
 }
 
 .e-filled.e-input-group.e-small:not(.e-float-input) .e-input,
 .e-small .e-filled.e-input-group:not(.e-float-input) .e-input,
 .e-filled.e-input-group.e-control-wrapper.e-small:not(.e-float-input) .e-input,
 .e-small .e-filled.e-input-group.e-control-wrapper:not(.e-float-input) .e-input {
-  min-height: 21px;
+  min-height: 35px;
 }
 
 .e-filled.e-float-input.e-small input,
@@ -5166,7 +6828,7 @@ input.e-input.e-bigger.e-small,
 .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group input,
 .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small input,
 .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group input {
-  min-height: 19px;
+  min-height: 35px;
 }
 
 .e-filled.e-input-group.e-bigger.e-small:not(.e-float-input) .e-input,
@@ -5175,7 +6837,7 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small:not(.e-float-input) .e-input,
 .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small:not(.e-float-input) .e-input
 .e-small .e-filled.e-input-group.e-control-wrapper.e-bigger:not(.e-float-input) .e-input {
-  min-height: 19px;
+  min-height: 39px;
 }
 
 .e-float-input.e-bigger.e-small.e-filled input,
@@ -5193,23 +6855,23 @@ input.e-input.e-bigger.e-small,
 .e-float-input.e-control-wrapper.e-filled.e-input-group.e-bigger.e-small input,
 .e-bigger .e-float-input.e-control-wrapper.e-filled.e-input-group.e-small input,
 .e-small .e-float-input.e-control-wrapper.e-filled.e-input-group.e-bigger input {
-  min-height: 20px;
+  min-height: 39px;
 }
 
 .e-filled.e-input-group input.e-input,
 .e-filled.e-input-group.e-control-wrapper input.e-input {
-  min-height: 19px;
+  min-height: 39px;
 }
 
 .e-filled.e-input-group:not(.e-float-input) input.e-input,
 .e-filled.e-input-group:not(.e-float-input).e-control-wrapper input.e-input {
-  min-height: 19px;
+  min-height: 39px;
 }
 
 .e-float-input.e-filled.e-input-group.e-control-wrapper input,
 .e-float-input.e-filled input,
 .e-float-input.e-filled.e-control-wrapper input {
-  min-height: 20px;
+  min-height: 39px;
 }
 
 .e-filled label.e-float-text,
@@ -5224,7 +6886,7 @@ input.e-input.e-bigger.e-small,
   padding-left: 0;
   pointer-events: none;
   right: auto;
-  top: 9px;
+  top: 12px;
   transform: none;
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
   width: 100%;
@@ -5234,7 +6896,7 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
   font-size: 14px;
   padding-left: 0;
-  top: 9px;
+  top: 12px;
   transform: none;
   width: 100%;
 }
@@ -5446,7 +7108,7 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus input ~ label.e-float-text,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text {
   font-size: 14px;
-  top: 11px;
+  top: 12px;
 }
 
 .e-filled.e-float-input.e-small.e-bigger textarea:focus ~ label.e-float-text,
@@ -5462,7 +7124,7 @@ input.e-input.e-bigger.e-small,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text {
   font-size: 14px;
-  top: 11px;
+  top: 12px;
 }
 
 .e-bigger .e-filled.e-float-input.e-small input:-webkit-autofill ~ label.e-float-text,
@@ -5476,7 +7138,7 @@ input.e-input.e-bigger.e-small,
 .e-bigger .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom,
 .e-small .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus) input:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom {
   font-size: 14px;
-  top: 11px;
+  top: 12px;
   transform: translateY(-50%) scale(0.75);
   -webkit-user-select: text;
           user-select: text;
@@ -5493,7 +7155,7 @@ input.e-input.e-bigger.e-small,
 .e-bigger .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom,
 .e-small .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom {
   font-size: 14px;
-  top: 11px;
+  top: 12px;
   transform: translateY(-50%) scale(0.75);
   -webkit-user-select: text;
           user-select: text;
@@ -5512,7 +7174,7 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
   font-size: 16px;
-  top: 16px;
+  top: 18px;
 }
 
 .e-filled.e-float-input.e-bigger textarea ~ label.e-float-text,
@@ -5528,7 +7190,7 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-bigger .e-filled.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
   font-size: 16px;
-  top: 16px;
+  top: 18px;
 }
 
 .e-filled.e-float-input.e-small label.e-float-text,
@@ -5538,7 +7200,7 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
   font-size: 13px;
-  top: 8px;
+  top: 10px;
 }
 
 .e-filled.e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
@@ -5546,7 +7208,7 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-small .e-filled.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
   font-size: 13px;
-  top: 8px;
+  top: 10px;
 }
 
 .e-filled.e-float-input.e-small textarea ~ label.e-float-text,
@@ -5558,7 +7220,7 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-float-input.e-control-wrapper textarea.e-small ~ label.e-float-text,
 .e-small .e-filled.e-float-input.e-control-wrapper textarea ~ label.e-float-text {
   font-size: 13px;
-  top: 8px;
+  top: 10px;
 }
 
 .e-filled.e-float-input.e-small.e-bigger label.e-float-text,
@@ -5576,7 +7238,7 @@ input.e-input.e-bigger.e-small,
 .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
   font-size: 14px;
-  top: 9px;
+  top: 12px;
   transform: none;
 }
 
@@ -5636,7 +7298,7 @@ input.e-input.e-bigger.e-small,
 .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
   font-size: 14px;
-  top: 9px;
+  top: 12px;
 }
 
 .e-float-input.e-filled.e-bigger.e-small textarea:focus ~ label.e-float-text,
@@ -5922,11 +7584,11 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon,
 .e-small .e-filled.e-input-group .e-input-group-icon,
 .e-small .e-filled.e-input-group.e-control-wrapper .e-input-group-icon {
-  font-size: 14px;
+  font-size: 16px;
   margin-bottom: 0;
   margin-top: 0;
-  min-height: 19px;
-  min-width: 19px;
+  min-height: 20px;
+  min-width: 20px;
   padding: 0 0 0 8px;
 }
 
@@ -5973,9 +7635,9 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon,
 .e-small .e-filled.e-input-group .e-input-group-icon,
 .e-small .e-filled.e-input-group.e-control-wrapper .e-input-group-icon {
-  font-size: 12px;
-  min-height: 21px;
-  min-width: 21px;
+  font-size: 14px;
+  min-height: 18px;
+  min-width: 18px;
   padding: 0 0 0 4px;
 }
 
@@ -5996,9 +7658,9 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger,
 .e-bigger .e-filled.e-input-group .e-input-group-icon,
 .e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon {
-  font-size: 16px;
-  min-height: 23px;
-  min-width: 23px;
+  font-size: 20px;
+  min-height: 24px;
+  min-width: 24px;
   padding: 0 0 0 8px;
 }
 
@@ -6008,9 +7670,9 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
 .e-bigger .e-filled.e-input-group.e-small .e-input-group-icon,
 .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon {
-  font-size: 14px;
-  min-height: 19px;
-  min-width: 19px;
+  font-size: 18px;
+  min-height: 20px;
+  min-width: 20px;
   padding: 0 0 0 8px;
 }
 
@@ -6071,7 +7733,7 @@ input.e-input.e-bigger.e-small,
 .e-small .e-filled.e-float-input.e-input-group .e-input-group-icon,
 .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
 .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon {
-  font-size: 14px;
+  font-size: 16px;
   margin-bottom: 0;
   margin-top: 0;
   padding: 0 0 0 8px;
@@ -6081,7 +7743,7 @@ input.e-input.e-bigger.e-small,
 .e-small .e-filled.e-float-input.e-input-group .e-input-group-icon,
 .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
 .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon {
-  font-size: 12px;
+  font-size: 14px;
   padding: 0 0 0 4px;
 }
 
@@ -6102,7 +7764,7 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger .e-input-group-icon,
 .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon.e-bigger,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon {
-  font-size: 16px;
+  font-size: 20px;
   padding: 0 0 0 8px;
 }
 
@@ -6112,7 +7774,7 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger .e-input-group-icon,
 .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon.e-bigger,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon {
-  font-size: 14px;
+  font-size: 18px;
   padding: 0 0 0 8px;
 }
 
@@ -6120,14 +7782,14 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-float-input.e-control-wrapper .e-clear-icon,
 .e-filled.e-input-group .e-clear-icon,
 .e-filled.e-input-group.e-control-wrapper .e-clear-icon {
-  font-size: 10px;
+  font-size: 16px;
   padding: 0 0 0 8px;
 }
 
 .e-filled.e-input-group .e-clear-icon,
 .e-filled.e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 19px;
-  min-width: 19px;
+  min-height: 20px;
+  min-width: 20px;
   padding: 0 0 0 8px;
 }
 
@@ -6142,9 +7804,9 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-filled.e-input-group .e-clear-icon,
 .e-bigger .e-filled.e-input-group.e-control-wrapper .e-clear-icon {
-  font-size: 12px;
-  min-height: 23px;
-  min-width: 23px;
+  font-size: 20px;
+  min-height: 24px;
+  min-width: 24px;
   padding: 0 0 0 8px;
 }
 
@@ -6163,9 +7825,9 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon,
 .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon {
-  font-size: 10px;
-  min-height: 19px;
-  min-width: 19px;
+  font-size: 18px;
+  min-height: 20px;
+  min-width: 20px;
   padding: 0 0 0 8px;
 }
 
@@ -6190,9 +7852,9 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon,
 .e-filled.e-input-group.e-control-wrapper .e-clear-icon.e-small,
 .e-small .e-filled.e-input-group.e-control-wrapper .e-clear-icon {
-  font-size: 8px;
-  min-height: 21px;
-  min-width: 21px;
+  font-size: 14px;
+  min-height: 18px;
+  min-width: 18px;
   padding: 0 0 0 4px;
 }
 
@@ -6315,7 +7977,7 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-float-input.e-control-wrapper .e-clear-icon::before,
 .e-filled.e-input-group .e-clear-icon::before,
 .e-filled.e-input-group.e-control-wrapper .e-clear-icon::before {
-  font-size: 10px;
+  font-size: 16px;
 }
 
 .e-filled.e-float-input.e-small .e-clear-icon::before,
@@ -6328,7 +7990,7 @@ input.e-input.e-bigger.e-small,
 .e-small .e-filled.e-float-input .e-clear-icon::before,
 .e-small .e-filled.e-input-group .e-clear-icon::before,
 .e-small .e-filled.e-input-group.e-control-wrapper .e-clear-icon::before {
-  font-size: 8px;
+  font-size: 14px;
 }
 
 .e-filled.e-float-input.e-bigger .e-clear-icon::before,
@@ -6341,7 +8003,7 @@ input.e-input.e-bigger.e-small,
 .e-bigger .e-filled.e-float-input .e-clear-icon::before,
 .e-bigger .e-filled.e-input-group .e-clear-icon::before,
 .e-bigger .e-filled.e-input-group.e-control-wrapper .e-clear-icon::before {
-  font-size: 12px;
+  font-size: 20px;
 }
 
 .e-filled.e-float-input.e-small.e-bigger .e-clear-icon::before,
@@ -6356,7 +8018,7 @@ input.e-input.e-bigger.e-small,
 .e-small .e-filled.e-float-input.e-bigger input:first-child ~ .e-clear-icon::before,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before,
 .e-bigger .e-filled.e-float-input.e-small input:first-child ~ .e-clear-icon::before {
-  font-size: 10px;
+  font-size: 18px;
 }
 
 .e-filled.e-float-input .e-input-in-wrap input:focus ~ label.e-float-text,
@@ -6432,7 +8094,7 @@ input.e-input.e-bigger.e-small,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-float-text,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-float-text {
-  top: 11px;
+  top: 12px;
 }
 
 .e-filled.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
@@ -6451,7 +8113,7 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text,
 .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
-  top: 9px;
+  top: 12px;
 }
 
 .e-filled.e-float-input.e-bigger .e-input-in-wrap label.e-float-text,
@@ -6466,7 +8128,7 @@ input.e-input.e-bigger.e-small,
 .e-bigger.e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text,
 .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
-  top: 16px;
+  top: 18px;
 }
 
 .e-filled.e-float-input.e-small .e-input-in-wrap label.e-float-text,
@@ -6477,7 +8139,7 @@ input.e-input.e-bigger.e-small,
 .e-small .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text,
 .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
-  top: 8px;
+  top: 10px;
 }
 
 .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap label.e-float-text,
@@ -6492,14 +8154,14 @@ input.e-input.e-bigger.e-small,
 .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
-  top: 9px;
+  top: 12px;
 }
 
 .e-filled.e-input-group:not(.e-float-input).e-float-icon-left > .e-input-group-icon,
 .e-filled.e-input-group:not(.e-float-input).e-control-wrapper.e-float-icon-left > .e-input-group-icon {
-  font-size: 14px;
+  font-size: 16px;
   margin: 0;
-  min-height: 19px;
+  min-height: 20px;
   min-width: 20px;
   padding: 0;
 }
@@ -6510,9 +8172,9 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-input-group:not(.e-float-input).e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
 .e-filled.e-input-group:not(.e-float-input).e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
 .e-bigger .e-filled.e-input-group:not(.e-float-input).e-control-wrapper.e-float-icon-left > .e-input-group-icon {
-  font-size: 16px;
+  font-size: 20px;
   margin: 0;
-  min-height: 23px;
+  min-height: 24px;
   min-width: 24px;
   padding: 0;
 }
@@ -6523,9 +8185,9 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-input-group:not(.e-float-input).e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-small,
 .e-small .e-filled.e-input-group:not(.e-float-input).e-float-icon-left > .e-input-group-icon,
 .e-small .e-filled.e-input-group:not(.e-float-input).e-control-wrapper.e-float-icon-left > .e-input-group-icon {
-  font-size: 12px;
+  font-size: 14px;
   margin: 0;
-  min-height: 21px;
+  min-height: 18px;
   min-width: 18px;
   padding: 0;
 }
@@ -6536,9 +8198,9 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-small.e-bigger.e-float-icon-left > .e-input-group-icon,
 .e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-small.e-float-icon-left > .e-input-group-icon.e-bigger,
 .e-bigger .e-filled.e-input-group.e-control-wrapper:not(.e-float-input).e-small.e-float-icon-left > .e-input-group-icon {
-  font-size: 14px;
+  font-size: 18px;
   margin: 0;
-  min-height: 19px;
+  min-height: 20px;
   min-width: 20px;
   padding: 0;
 }
@@ -6548,7 +8210,7 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
 .e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
   margin: 0;
-  min-height: 19px;
+  min-height: 20px;
   min-width: 20px;
   padding: 0;
 }
@@ -6566,7 +8228,7 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
 .e-bigger .e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
   margin: 0;
-  min-height: 23px;
+  min-height: 24px;
   min-width: 24px;
   padding: 0;
 }
@@ -6584,7 +8246,7 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left > .e-input-group-icon.e-small,
 .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left > .e-input-group-icon {
   margin: 0;
-  min-height: 21px;
+  min-height: 18px;
   min-width: 18px;
   padding: 0;
 }
@@ -6602,7 +8264,7 @@ input.e-input.e-bigger.e-small,
 .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger,
 .e-bigger .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small.e-float-icon-left > .e-input-group-icon {
   margin: 0;
-  min-height: 19px;
+  min-height: 20px;
   min-width: 20px;
   padding: 0;
 }
@@ -7647,7 +9309,7 @@ label.e-float-text,
 .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after,
 .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before,
 .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after {
-  background: #ff80ab;
+  background: #00b0ff;
 }
 
 .e-float-input.e-success:not(.e-input-group) .e-float-line::before,
@@ -7705,13 +9367,13 @@ 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: rgba(255, 128, 171, 0.7);
+  background: rgba(0, 176, 255, 0.7);
   color: #000;
 }
 
 .e-float-input.e-small textarea::selection,
 .e-float-input textarea::selection {
-  background: rgba(255, 128, 171, 0.7);
+  background: rgba(0, 176, 255, 0.7);
   color: #000;
 }
 
@@ -7832,7 +9494,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after,
 .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,
 .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after {
-  background: #ff80ab;
+  background: #00b0ff;
 }
 
 .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::before,
@@ -7843,7 +9505,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::after,
 .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before,
 .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after {
-  background: #ff80ab;
+  background: #00b0ff;
 }
 
 .e-input-group:not(.e-float-icon-left):not(.e-float-input).e-success::before,
@@ -7913,22 +9575,31 @@ 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: rgba(255, 255, 255, 0.7);
+}
+
 .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-success .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: rgba(255, 255, 255, 0.7);
 }
 
 .e-input-group.e-warning .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
+  color: rgba(255, 255, 255, 0.7);
+}
+
 .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: rgba(255, 255, 255, 0.7);
 }
 
 .e-input-group.e-error .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-error .e-input-group-icon {
+  color: rgba(255, 255, 255, 0.7);
+}
+
 .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-error .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: rgba(255, 255, 255, 0.7);
 }
@@ -7962,7 +9633,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus,
 .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: #ff80ab;
+  border-color: #00b0ff;
 }
 
 .e-input-group:not(.e-success):not(.e-warning):not(.e-error) input.e-input:focus,
@@ -8504,7 +10175,7 @@ textarea.e-input::-webkit-input-placeholder {
 .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: #ff80ab;
+  color: #00b0ff;
 }
 
 .e-input-group:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
@@ -8600,6 +10271,454 @@ textarea.e-input::-webkit-input-placeholder {
   color: rgba(255, 255, 255, 0.7);
 }
 
+.e-outline.e-input-group,
+.e-outline.e-input-group.e-control-wrapper,
+.e-outline.e-float-input,
+.e-outline.e-float-input.e-input-group,
+.e-outline.e-float-input.e-control-wrapper,
+.e-outline.e-float-input.e-input-group.e-control-wrapper {
+  color: #fff;
+}
+
+.e-outline.e-input-group.e-disabled,
+.e-outline.e-input-group.e-control-wrapper.e-disabled,
+.e-outline.e-float-input.e-disabled,
+.e-outline.e-float-input.e-input-group.e-disabled,
+.e-outline.e-float-input.e-control-wrapper.e-disabled,
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.e-outline.e-input-group:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-input-group.e-control-wrapper:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-float-input.e-control-wrapper:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-input-group.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-input-group.e-control-wrapper.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-float-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-float-input.e-control-wrapper.e-float-icon-left:not(.e-input-focus):hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
+.e-outline.e-float-input:hover:not(.e-input-focus):not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
+  border-color: rgba(255, 255, 255, 0.24);
+  color: #fff;
+}
+
+.e-outline.e-input-group.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before,
+.e-outline.e-input-group.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after,
+.e-outline.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before,
+.e-outline.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after,
+.e-outline.e-input-group.e-float-icon-left.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before,
+.e-outline.e-input-group.e-float-icon-left.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after,
+.e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before,
+.e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-valid-input:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after,
+.e-outline.e-float-input.e-float-icon-left:hover.e-valid-input:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before,
+.e-outline.e-float-input.e-float-icon-left:hover.e-valid-input:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after,
+.e-outline.e-float-input.e-control-wrapper.e-float-icon-left.e-valid-input:not(.e-input-focus):hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before,
+.e-outline.e-float-input.e-control-wrapper.e-float-icon-left.e-valid-input:not(.e-input-focus):hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after,
+.e-outline.e-float-input:hover.e-valid-input:not(.e-input-focus):not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::before,
+.e-outline.e-float-input:hover.e-valid-input:not(.e-input-focus):not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) label.e-float-text::after {
+  border-color: rgba(255, 255, 255, 0.24);
+}
+
+.e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
+.e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
+  border-color: #00b0ff;
+  box-shadow: inset 1px 1px #00b0ff, inset -1px 0 #00b0ff, inset 0 -1px #00b0ff;
+}
+
+.e-outline.e-input-group:not(.e-input-focus),
+.e-outline.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus),
+.e-outline.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus),
+.e-outline.e-input-group.e-float-icon-left:not(.e-input-focus),
+.e-outline.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-input-focus) {
+  border-color: rgba(255, 255, 255, 0.24);
+}
+
+.e-outline.e-input-group.e-error,
+.e-outline.e-input-group.e-control-wrapper.e-error,
+.e-outline.e-input-group.e-error:not(.e-float-icon-left),
+.e-outline.e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left),
+.e-outline.e-float-input.e-error,
+.e-outline.e-float-input.e-input-group.e-error,
+.e-outline.e-float-input.e-control-wrapper.e-error,
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-error {
+  border-color: #ff6652;
+}
+
+.e-outline.e-float-input.e-success.e-input-focus,
+.e-outline.e-float-input.e-control-wrapper.e-success.e-input-focus,
+.e-outline.e-float-input.e-input-group.e-success.e-input-focus,
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-success.e-input-focus,
+.e-outline.e-float-input.e-input-group.e-success.e-input-focus:not(.e-float-icon-left),
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-success.e-input-focus:not(.e-float-icon-left),
+.e-outline.e-float-input.e-warning.e-input-focus,
+.e-outline.e-float-input.e-control-wrapper.e-warning.e-input-focus,
+.e-outline.e-float-input.e-input-group.e-warning.e-input-focus,
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-warning.e-input-focus,
+.e-outline.e-float-input.e-input-group.e-warning.e-input-focus:not(.e-float-icon-left),
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-warning.e-input-focus:not(.e-float-icon-left),
+.e-outline.e-float-input.e-error.e-input-focus,
+.e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus,
+.e-outline.e-float-input.e-input-group.e-error.e-input-focus,
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-error.e-input-focus,
+.e-outline.e-float-input.e-input-group.e-error.e-input-focus:not(.e-float-icon-left),
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-error.e-input-focus:not(.e-float-icon-left) {
+  border-top-color: transparent;
+}
+
+.e-outline.e-input-group.e-success,
+.e-outline.e-input-group.e-control-wrapper.e-success,
+.e-outline.e-input-group.e-success:not(.e-float-icon-left),
+.e-outline.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left),
+.e-outline.e-float-input.e-success,
+.e-outline.e-float-input.e-input-group.e-success,
+.e-outline.e-float-input.e-control-wrapper.e-success,
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-success {
+  border-color: #22b24b;
+}
+
+.e-outline.e-input-group.e-warning,
+.e-outline.e-input-group.e-control-wrapper.e-warning,
+.e-outline.e-input-group.e-warning:not(.e-float-icon-left),
+.e-outline.e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left),
+.e-outline.e-float-input.e-warning,
+.e-outline.e-float-input.e-input-group.e-warning,
+.e-outline.e-float-input.e-control-wrapper.e-warning,
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-warning {
+  border-color: #ffca1c;
+}
+
+.e-outline.e-input-group.e-input-focus.e-error:not(.e-success):not(.e-warning),
+.e-outline.e-input-group.e-control-wrapper.e-input-focus.e-error:not(.e-success):not(.e-warning) {
+  box-shadow: inset 1px 1px #ff6652, inset -1px 0 #ff6652, inset 0 -1px #ff6652;
+}
+
+.e-outline.e-input-group.e-input-focus.e-success:not(.e-error):not(.e-warning),
+.e-outline.e-input-group.e-control-wrapper.e-input-focus.e-success:not(.e-error):not(.e-warning) {
+  box-shadow: inset 1px 1px #22b24b, inset -1px 0 #22b24b, inset 0 -1px #22b24b;
+}
+
+.e-outline.e-input-group.e-input-focus.e-warning:not(.e-error):not(.e-success),
+.e-outline.e-input-group.e-control-wrapper.e-input-focus.e-warning:not(.e-error):not(.e-success) {
+  box-shadow: inset 1px 1px #ffca1c, inset -1px 0 #ffca1c, inset 0 -1px #ffca1c;
+}
+
+.e-outline.e-float-input.e-input-focus.e-error:not(.e-success):not(.e-warning),
+.e-outline.e-float-input.e-control-wrapper.e-input-focus.e-error:not(.e-success):not(.e-warning),
+.e-outline.e-float-input.e-input-group.e-input-focus.e-error:not(.e-success):not(.e-warning),
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-input-focus.e-error:not(.e-success):not(.e-warning) {
+  box-shadow: inset 1px 0 #ff6652, inset -1px 0 #ff6652, inset 0 -1px #ff6652;
+}
+
+.e-outline.e-float-input.e-input-focus.e-success:not(.e-error):not(.e-warning),
+.e-outline.e-float-input.e-control-wrapper.e-input-focus.e-success:not(.e-error):not(.e-warning),
+.e-outline.e-float-input.e-input-group.e-input-focus.e-success:not(.e-error):not(.e-warning),
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-input-focus.e-success:not(.e-error):not(.e-warning) {
+  box-shadow: inset 1px 0 #22b24b, inset -1px 0 #22b24b, inset 0 -1px #22b24b;
+}
+
+.e-outline.e-float-input.e-input-focus.e-warning:not(.e-error):not(.e-success),
+.e-outline.e-float-input.e-control-wrapper.e-input-focus.e-warning:not(.e-error):not(.e-success),
+.e-outline.e-float-input.e-input-group.e-input-focus.e-warning:not(.e-error):not(.e-success),
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-input-focus.e-warning:not(.e-error):not(.e-success) {
+  box-shadow: inset 1px 0 #ffca1c, inset -1px 0 #ffca1c, inset 0 -1px #ffca1c;
+}
+
+.e-outline.e-input-group.e-disabled:not(.e-input-focus),
+.e-outline.e-input-group.e-disabled:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus),
+.e-outline.e-input-group.e-control-wrapper.e-disabled:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus),
+.e-outline.e-input-group.e-disabled.e-float-icon-left:not(.e-input-focus),
+.e-outline.e-input-group.e-disabled.e-control-wrapper.e-float-icon-left:not(.e-input-focus) {
+  border-color: rgba(255, 255, 255, 0.16);
+}
+
+.e-outline.e-float-input.e-success.e-input-focus input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-input-group.e-success.e-valid-input label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-bigger.e-success.e-input-focus input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-success.e-input-focus input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-success.e-input-focus input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-success input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-success input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-success) input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-success textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-success textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-success textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-success textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-success textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-success textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small.e-success textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-success input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-success input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-success input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-success input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-success textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-success textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-success textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-success label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-input-group.e-success label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-success label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-valid-input.e-success:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-success:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-valid-input.e-success:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-success:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-success.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-success.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-success.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-success.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-success.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-success).e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-success.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-success.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-success.e-input-focus input ~ label.e-float-text {
+  color: #22b24b;
+}
+
+.e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-input-group.e-error.e-valid-input label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-error.e-input-focus input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-error label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-input-group.e-error label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-error label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-error.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text {
+  color: #ff6652;
+}
+
+.e-outline.e-float-input.e-warning.e-input-focus input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-input-group.e-warning.e-valid-input label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger.e-warning.e-input-focus input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-warning.e-input-focus input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-warning.e-input-focus input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-warning input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-warning input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-warning) input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-warning textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-warning textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-warning textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-warning textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-warning textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-warning textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small.e-warning textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-warning input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-warning input:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning input:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-warning input:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-warning textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-warning textarea:focus ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea:focus ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-warning textarea:focus ~ label.e-float-text,
+.e-outline.e-float-input.e-warning label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-input-group.e-warning label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-warning label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-valid-input.e-warning:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-warning:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-valid-input.e-warning:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-warning:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-warning.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger.e-warning.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-warning.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-warning.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-warning.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-small:not(.e-warning).e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger.e-warning.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-warning.e-input-focus input ~ label.e-float-text,
+.e-small .e-outline.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text,
+.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-warning.e-input-focus input ~ label.e-float-text {
+  color: #ffca1c;
+}
+
+.e-outline.e-float-input.e-input-group.e-valid-input.e-input-focus label.e-label-top,
+.e-outline.e-float-input.e-input-group.e-input-focus label.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-valid-input.e-input-focus label.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-input-focus label.e-label-top {
+  color: #00b0ff;
+}
+
+.e-outline.e-input[disabled],
+.e-outline.e-input-group .e-input[disabled],
+.e-outline.e-input-group.e-control-wrapper .e-input[disabled],
+.e-outline.e-input-group.e-disabled,
+.e-outline.e-input-group.e-control-wrapper.e-disabled,
+.e-outline.e-float-input input[disabled],
+.e-outline.e-float-input.e-control-wrapper input[disabled],
+.e-outline.e-float-input textarea[disabled],
+.e-outline.e-float-input.e-control-wrapper textarea[disabled],
+.e-outline.e-float-input.e-disabled,
+.e-outline.e-float-input.e-control-wrapper.e-disabled,
+.e-outline.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
+.e-outline.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap,
+.e-outline.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
+.e-outline.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap {
+  background-image: none;
+  border-bottom-color: rgba(255, 255, 255, 0.16);
+  border-color: rgba(255, 255, 255, 0.16);
+}
+
+.e-outline.e-float-input.e-input-group.e-disabled.e-valid-input:not(.e-input-focus),
+.e-outline.e-float-input.e-input-group.e-disabled.e-valid-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus),
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-disabled.e-valid-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus) {
+  border-top-color: transparent;
+}
+
+.e-outline.e-float-input.e-input-group.e-disabled.e-valid-input:not(.e-input-focus) label.e-float-text::before,
+.e-outline.e-float-input.e-input-group.e-disabled.e-valid-input:not(.e-input-focus) label.e-float-text::after,
+.e-outline.e-float-input.e-input-group.e-disabled.e-valid-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus) label.e-float-text::before,
+.e-outline.e-float-input.e-input-group.e-disabled.e-valid-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus) label.e-float-text::after,
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-disabled.e-valid-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus) label.e-float-text::before,
+.e-outline.e-float-input.e-input-group.e-control-wrapper.e-disabled.e-valid-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left):not(.e-input-focus) label.e-float-text::after,
+.e-outline.e-disabled.e-valid-input:not(.e-input-focus) label.e-float-text::before,
+.e-outline.e-disabled.e-valid-input:not(.e-input-focus) label.e-float-text::after,
+.e-outline.e-disabled.e-float-input.e-valid-input:not(.e-input-focus) label.e-float-text::before,
+.e-outline.e-disabled.e-float-input.e-valid-input:not(.e-input-focus) label.e-float-text::after,
+.e-outline.e-disabled.e-float-input.e-control-wrapper.e-valid-input:not(.e-input-focus) label.e-float-text::before,
+.e-outline.e-disabled.e-float-input.e-control-wrapper.e-valid-input:not(.e-input-focus) label.e-float-text::after {
+  border-color: rgba(255, 255, 255, 0.16);
+}
+
+.e-outline.e-float-input.e-input-group.e-disabled .e-float-text,
+.e-outline.e-float-input.e-input-group.e-disabled .e-float-text.e-label-top,
+.e-outline.e-float-input input[disabled] ~ label.e-float-text,
+.e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-disabled label.e-float-text,
+.e-outline.e-float-input.e-disabled label.e-float-text.e-label-top,
+.e-outline.e-float-input:not(.e-error) input[disabled] ~ label.e-float-text,
+.e-outline.e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.e-outline.e-float-input textarea[disabled] ~ label.e-float-text,
+.e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input:not(.e-error) textarea[disabled] ~ label.e-float-text,
+.e-outline.e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-disabled input[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-disabled input[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-disabled label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-disabled label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-disabled:not(.e-error) input[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-disabled:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
+.e-outline.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: rgba(0, 0, 0, 0.38);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-disabled:not(.e-error) textarea[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-disabled:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
+.e-outline.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text,
+.e-outline.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top {
+  color: rgba(0, 0, 0, 0.38);
+}
+
 .e-outline.e-input-group.e-disabled .e-input-group-icon,
 .e-outline.e-input-group.e-control-wrapper.e-disabled .e-input-group-icon {
   color: rgba(0, 0, 0, 0.38);
@@ -8609,7 +10728,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-outline.e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover,
 .e-outline.e-input-group:not(.e-disabled) .e-clear-icon:hover,
 .e-outline.e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover {
-  color: rgba(0, 0, 0, 0.87);
+  color: rgba(255, 255, 255, 0.82);
 }
 
 .e-outline.e-float-input:not(.e-disabled) .e-clear-icon:active,
@@ -8625,7 +10744,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-filled.e-float-input.e-input-group,
 .e-filled.e-float-input.e-control-wrapper,
 .e-filled.e-float-input.e-input-group.e-control-wrapper {
-  background: transparent;
+  background: #303030;
   transition: opacity 15ms linear, background-color 15ms linear;
 }
 
@@ -8635,7 +10754,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-filled.e-float-input.e-input-group:hover,
 .e-filled.e-float-input.e-control-wrapper:hover,
 .e-filled.e-float-input.e-input-group.e-control-wrapper:hover {
-  background: #ececec;
+  background: #303030;
   transition: opacity 15ms linear, background-color 15ms linear;
 }
 
@@ -8651,7 +10770,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-filled.e-float-input:hover.e-input-group.e-input-focus,
 .e-filled.e-float-input:hover.e-control-wrapper.e-input-focus,
 .e-filled.e-float-input:hover.e-input-group.e-control-wrapper.e-input-focus {
-  background: #dcdcdc;
+  background: rgba(158, 158, 158, 0.12);
   transition: opacity 15ms linear, background-color 15ms linear;
 }
 
@@ -8661,7 +10780,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-filled.e-float-input:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
 .e-filled.e-float-input:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
 .e-filled.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
-  border-color: transparent;
+  border-color: rgba(255, 255, 255, 0.42);
 }
 
 .e-filled.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
@@ -8670,7 +10789,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
 .e-filled.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
 .e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
-  border-color: transparent;
+  border-color: rgba(255, 255, 255, 0.42);
 }
 
 .e-filled.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
@@ -8679,7 +10798,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
 .e-filled.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
 .e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
-  border-color: transparent;
+  border-color: rgba(255, 255, 255, 0.42);
 }
 
 .e-filled.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error),
@@ -8728,7 +10847,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-filled.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-filled.e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-bigger .e-filled.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 {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-filled.e-float-input.e-error label.e-float-text,
@@ -8783,7 +10902,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-filled.e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-bigger .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text,
@@ -8805,7 +10924,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-filled.e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-bigger .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
@@ -8827,7 +10946,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-filled.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
@@ -8854,7 +10973,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-small .e-filled.e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-filled.e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-bigger .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text,
@@ -8881,7 +11000,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-filled.e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
@@ -8898,13 +11017,13 @@ textarea.e-input::-webkit-input-placeholder {
 .e-filled.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-filled.e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-filled.e-float-input:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
 .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
 .e-filled.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: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text,
@@ -8923,7 +11042,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-bigger .e-filled.e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text,
 .e-bigger .e-filled.e-float-input:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
 .e-bigger .e-filled.e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text,
@@ -8942,7 +11061,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text,
 .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
 .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-filled.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
@@ -8965,7 +11084,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text,
 .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
 .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
@@ -8988,7 +11107,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text,
@@ -9089,7 +11208,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text {
-  color: #ff80ab;
+  color: #00b0ff;
 }
 
 .e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
@@ -9108,7 +11227,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-bigger .e-filled.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-filled.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-filled.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: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-filled.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
@@ -9127,130 +11246,130 @@ textarea.e-input::-webkit-input-placeholder {
 .e-bigger .e-filled.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-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
 .e-filled.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 input.e-filled.e-input:-moz-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-input-group.e-filled input.e-input:-moz-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-input-group.e-filled input.e-input:-moz-placeholder,
 .e-input-group.e-filled.e-control-wrapper input.e-input:-moz-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 input.e-filled.e-input:-moz-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-input-group.e-filled input.e-input:-moz-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-input-group.e-filled.e-control-wrapper input.e-input:-moz-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 textarea.e-filled.e-input:-moz-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-input-group.e-filled textarea.e-input:-moz-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-input-group.e-filled.e-control-wrapper textarea.e-input:-moz-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 input.e-filled.e-input::-moz-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-input-group.e-filled input.e-input::-moz-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-input-group.e-filled.e-control-wrapper input.e-input::-moz-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 textarea.e-filled.e-input::-moz-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-input-group.e-filled textarea.e-input::-moz-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-input-group.e-filled.e-control-wrapper textarea.e-input::-moz-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 input.e-filled.e-input:-ms-input-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-input-group.e-filled input.e-input:-ms-input-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-input-group.e-filled.e-control-wrapper input.e-input:-ms-input-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 textarea.e-filled.e-input:-ms-input-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-input-group.e-filled.e-control-wrapper textarea.e-input:-ms-input-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-input-group.e-filled textarea.e-input:-ms-input-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 input.e-filled.e-input::-webkit-input-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-input-group.e-filled.e-control-wrapper input.e-input::-webkit-input-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-input-group.e-filled input.e-input::-webkit-input-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 textarea.e-filled.e-input::-webkit-input-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-input-group.e-filled textarea.e-input::-webkit-input-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-input-group.e-filled.e-control-wrapper textarea.e-input::-webkit-input-placeholder {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.6);
 }
 
 .e-filled.e-float-input:not(.e-disabled) .e-clear-icon:hover,
 .e-filled.e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover,
 .e-filled.e-input-group:not(.e-disabled) .e-clear-icon:hover,
 .e-filled.e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover {
-  color: transparent;
+  color: rgba(255, 255, 255, 0.82);
 }
 
 .e-filled.e-float-input:not(.e-disabled) .e-clear-icon:active,
 .e-filled.e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:active,
 .e-filled.e-input-group:not(.e-disabled) .e-clear-icon:active,
 .e-filled.e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:active {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.87);
 }
 
 .e-filled.e-float-input.e-disabled .e-clear-icon,
@@ -9259,7 +11378,7 @@ textarea.e-filled.e-input::-webkit-input-placeholder {
 .e-input-group.e-filled.e-control-wrapper.e-disabled .e-clear-icon,
 .e-input-group.e-filled.e-disabled .e-input-group-icon,
 .e-input-group.e-filled.e-control-wrapper.e-disabled .e-input-group-icon {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-filled.e-input[disabled],
@@ -9273,38 +11392,38 @@ textarea.e-filled.e-input::-webkit-input-placeholder {
 .e-filled.e-float-input.e-control-wrapper textarea[disabled],
 .e-filled.e-float-input.e-disabled,
 .e-filled.e-float-input.e-control-wrapper.e-disabled {
-  background: transparent;
+  background: #303030;
   background-image: none;
   background-position: initial;
   background-repeat: no-repeat;
   background-size: 0;
-  border-color: transparent;
-  color: transparent;
+  border-color: rgba(255, 255, 255, 0.06);
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-filled.e-float-input.e-disabled:not(.e-success):not(.e-warning):not(.e-error),
 .e-filled.e-float-input.e-control-wrapper.e-disabled:not(.e-success):not(.e-warning):not(.e-error) {
-  border-color: transparent;
+  border-color: rgba(255, 255, 255, 0.06);
 }
 
 .e-filled.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
 .e-filled.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap,
 .e-filled.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
 .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap {
-  background: transparent;
+  background: #303030;
   background-image: none;
   background-position: initial;
   background-repeat: no-repeat;
   background-size: 0;
-  border-color: transparent;
-  color: transparent;
+  border-color: rgba(255, 255, 255, 0.06);
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-filled.e-float-input:not(.e-disabled) input[disabled],
 .e-filled.e-float-input.e-control-wrapper:not(.e-disabled) input[disabled],
 .e-filled.e-float-input:not(.e-disabled) textarea[disabled],
 .e-filled.e-float-input.e-control-wrapper:not(.e-disabled) textarea[disabled] {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-filled.e-float-input.e-input-group.e-disabled .e-float-text,
@@ -9321,7 +11440,7 @@ textarea.e-filled.e-input::-webkit-input-placeholder {
 .e-filled.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
 .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
 .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-filled.e-float-input textarea[disabled] ~ label.e-float-text,
@@ -9334,7 +11453,7 @@ textarea.e-filled.e-input::-webkit-input-placeholder {
 .e-filled.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
 .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text,
 .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-filled.e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text,
@@ -9361,7 +11480,7 @@ textarea.e-filled.e-input::-webkit-input-placeholder {
 .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
 .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
 .e-filled.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: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-filled.e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-float-text,
@@ -9384,130 +11503,130 @@ textarea.e-filled.e-input::-webkit-input-placeholder {
 .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
 .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text,
 .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 input.e-filled.e-disabled.e-input:-moz-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-input-group.e-filled.e-disabled input.e-input:-moz-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-input-group.e-filled.e-disabled input.e-input:-moz-placeholder,
 .e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input:-moz-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 input.e-filled.e-disabled.e-input:-moz-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-input-group.e-filled.e-disabled input.e-input:-moz-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input:-moz-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 textarea.e-filled.e-disabled.e-input:-moz-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-input-group.e-filled.e-disabled textarea.e-input:-moz-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-input-group.e-filled.e-disabled.e-control-wrapper textarea.e-input:-moz-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 input.e-filled.e-disabled.e-input::-moz-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-input-group.e-filled.e-disabled input.e-input::-moz-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input::-moz-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 textarea.e-filled.e-disabled.e-input::-moz-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-input-group.e-filled.e-disabled textarea.e-input::-moz-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-input-group.e-filled.e-disabled.e-control-wrapper textarea.e-input::-moz-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 input.e-filled.e-disabled.e-input:-ms-input-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-input-group.e-filled.e-disabled input.e-input:-ms-input-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input:-ms-input-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 textarea.e-filled.e-disabled.e-input:-ms-input-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-input-group.e-filled.e-disabled.e-control-wrapper textarea.e-input:-ms-input-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-input-group.e-filled.e-disabled textarea.e-input:-ms-input-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 input.e-filled.e-disabled.e-input::-webkit-input-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input::-webkit-input-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-input-group.e-filled.e-disabled input.e-input::-webkit-input-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-input-group.e-filled.e-disabled textarea.e-input::-webkit-input-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-input-group.e-filled.e-disabled.e-control-wrapper textarea.e-input::-webkit-input-placeholder {
-  color: transparent;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .e-filled.e-input-group.e-float-icon-left:not(.e-float-input)::before,
 .e-filled.e-input-group.e-float-icon-left:not(.e-float-input)::after,
 .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)::before,
 .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input)::after {
-  background: #ff80ab;
+  background: #00b0ff;
 }
 
 .e-filled.e-float-input.e-input-group.e-float-icon-left .e-float-line::before,
 .e-filled.e-float-input.e-input-group.e-float-icon-left .e-float-line::after,
 .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-float-line::before,
 .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-float-line::after {
-  background: #ff80ab;
+  background: #00b0ff;
 }
 
 .e-filled.e-input-group.e-float-icon-left.e-success:not(.e-float-input)::before,
@@ -9553,21 +11672,21 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
 .e-filled.e-input-group.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left,
 .e-filled.e-float-input.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left,
 .e-filled.e-float-input:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left {
-  border-color: transparent;
+  border-color: rgba(255, 255, 255, 0.42);
 }
 
 .e-filled.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left,
 .e-filled.e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left,
 .e-filled.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left,
 .e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left {
-  border-color: transparent;
+  border-color: rgba(255, 255, 255, 0.42);
 }
 
 .e-filled.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left,
 .e-filled.e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left,
 .e-filled.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left,
 .e-filled.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled).e-float-icon-left {
-  border-color: transparent;
+  border-color: rgba(255, 255, 255, 0.42);
 }
 
 .e-filled.e-float-input.e-success input:focus ~ label.e-float-text,
@@ -10290,7 +12409,7 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
 }
 
 .e-slider-tooltip.e-tooltip-wrap.e-popup {
-  background-color: #ff80ab;
+  background-color: #00b0ff;
   border: 0;
   border-radius: 8px;
   cursor: grab;
@@ -10354,27 +12473,27 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
 }
 
 .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-inner {
-  color: #ff80ab;
+  color: #00b0ff;
 }
 
 .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-bottom {
-  border-top-color: #ff80ab;
+  border-top-color: #00b0ff;
 }
 
 .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-top {
-  border-bottom-color: #ff80ab;
+  border-bottom-color: #00b0ff;
 }
 
 .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-right {
-  border-left-color: #ff80ab;
+  border-left-color: #00b0ff;
 }
 
 .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-left {
-  border-right-color: #ff80ab;
+  border-right-color: #00b0ff;
 }
 
 .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default {
-  background-color: #ff80ab;
+  background-color: #00b0ff;
   border: 0;
   border-bottom-left-radius: 50%;
   border-bottom-right-radius: 0%;
@@ -10731,11 +12850,11 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
 }
 
 .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
-  cursor: ew-resize;
+  cursor: pointer;
 }
 
 .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
-  cursor: ns-resize;
+  cursor: pointer;
 }
 
 .e-control-wrapper.e-slider-container .e-slider {
@@ -10800,7 +12919,7 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle::after {
   -ms-transform: scale(1);
   -webkit-transform: scale(1);
-  background-color: #ff80ab;
+  background-color: #00b0ff;
   transform: scale(1);
 }
 
@@ -10868,7 +12987,7 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
 }
 
 .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value {
-  color: #000;
+  color: #fff;
   font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
   font-size: 10px;
   outline: none;
@@ -10988,12 +13107,12 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
 }
 
 .e-control-wrapper.e-slider-container .e-slider .e-range {
-  background-color: #ff80ab;
+  background-color: #00b0ff;
 }
 
 .e-control-wrapper.e-slider-container .e-slider .e-handle {
-  background-color: #ff80ab;
-  border-color: #ff80ab;
+  background-color: #00b0ff;
+  border-color: #00b0ff;
 }
 
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-material-tooltip {
@@ -11006,11 +13125,11 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
 }
 
 .e-control-wrapper.e-slider-container.e-slider-hover .e-range {
-  background-color: #ff80ab;
+  background-color: #00b0ff;
 }
 
 .e-control-wrapper.e-slider-container.e-slider-hover .e-handle {
-  border-color: #ff80ab;
+  border-color: #00b0ff;
 }
 
 @keyframes e-input-ripple {
@@ -12050,7 +14169,7 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder {
 }
 
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-progress {
-  background: #ff80ab;
+  background: #00b0ff;
 }
 
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-success {