文件操作 - material-styles.css
返回文件管理
返回主菜单
删除本文件
文件: /root/Desktop/OLD/plugin-wordpress/cost-calculator-builder/frontend/dist/css/material-styles.css
编辑文件内容
@keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } .e-float-input .e-clear-icon::before, .e-float-input.e-control-wrapper .e-clear-icon::before { content: '\e932'; font-family: 'e-icons'; } .e-input-group .e-clear-icon::before, .e-input-group.e-control-wrapper .e-clear-icon::before { content: '\e932'; 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 { display: table; line-height: 1.4; margin-bottom: 4px; } input.e-input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, textarea.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input { border: 0 solid; border-width: 0 0 1px 0; height: auto; line-height: inherit; margin: 0; margin-bottom: 4px; outline: none; padding: 4px 0 4px; text-indent: 0; width: 100%; } input.e-input, textarea.e-input, .e-input-group, .e-input-group.e-control-wrapper { font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 13px; font-weight: 400; } .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-disabled { font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 13px; font-weight: 400; } .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input { font: inherit; } input.e-input, .e-input-group input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper input, .e-float-input input, .e-float-input.e-input-group input, .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper.e-input-group input, input.e-input:focus, .e-input-group input.e-input:focus, .e-input-group input:focus, .e-input-group.e-control-wrapper input.e-input:focus, .e-input-group.e-control-wrapper input:focus, .e-float-input input:focus, .e-float-input.e-input-group input:focus, .e-float-input.e-control-wrapper input:focus, .e-float-input.e-control-wrapper.e-input-group input:focus { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .e-input-group.e-input-focus input.e-input, .e-input-group.e-input-focus input, .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-input-focus input, .e-float-input.e-input-focus input, .e-float-input.e-input-group.e-input-focus input, .e-float-input.e-control-wrapper.e-input-focus input, .e-float-input.e-control-wrapper.e-input-group.e-input-focus input { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } input.e-input, .e-input-group input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper input, .e-float-input input, .e-float-input.e-input-group input, .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper.e-input-group input, .e-input-group, .e-input-group.e-control-wrapper, .e-float-input, .e-float-input.e-control-wrapper { border-radius: 0; } .e-input:focus { border-width: 0 0 2px 0; padding-bottom: 4px; } .e-input.e-small:focus { border-width: 0 0 2px 0; padding-bottom: 4px; } .e-input.e-bigger:focus, .e-bigger .e-input:focus { padding-bottom: 5px; } .e-input.e-small.e-bigger:focus, .e-bigger .e-input.e-small:focus { padding-bottom: 4px; } .e-input:focus { padding-bottom: 3px; } .e-input.e-small:focus { padding-bottom: 3px; } .e-input.e-bigger:focus, .e-bigger .e-input:focus { padding-bottom: 4px; } .e-input.e-small.e-bigger:focus, .e-bigger .e-input.e-small:focus { padding-bottom: 3px; } .e-input-group input.e-input:focus, .e-input-group.e-control-wrapper input.e-input:focus, .e-input-group textarea.e-input:focus, .e-input-group.e-control-wrapper textarea.e-input:focus, .e-input-group.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-input-focus input.e-input { padding: 4px 0 4px; } input.e-input.e-bigger, textarea.e-input.e-bigger, .e-bigger input.e-input, .e-bigger textarea.e-input, .e-input-group.e-bigger, .e-bigger .e-input-group, .e-input-group.e-control-wrapper.e-bigger, .e-bigger .e-input-group.e-control-wrapper, .e-input-group.e-bigger.e-disabled, .e-bigger .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-bigger.e-disabled, .e-bigger .e-input-group.e-control-wrapper.e-disabled { font-size: 14px; } .e-input-group.e-bigger .e-input, .e-input-group.e-bigger.e-control-wrapper .e-input, .e-bigger .e-input-group .e-input, .e-bigger .e-input-group.e-control-wrapper .e-input { font: inherit; } input.e-input.e-bigger, textarea.e-input.e-bigger, .e-input-group.e-bigger .e-input, .e-input-group.e-bigger.e-control-wrapper .e-input, .e-bigger input.e-input, .e-bigger textarea.e-input, .e-bigger .e-input-group .e-input, .e-bigger .e-input-group.e-control-wrapper .e-input { line-height: inherit; margin-bottom: 8px; padding: 5px 0 5px; } .e-input-group.e-bigger .e-input:focus, .e-bigger .e-input-group .e-input:focus, .e-input-group.e-control-wrapper.e-bigger .e-input:focus, .e-bigger .e-input-group.e-control-wrapper .e-input:focus, .e-input-group.e-bigger.e-input-focus .e-input, .e-bigger .e-input-group.e-input-focus .e-input, .e-input-group.e-control-wrapper.e-bigger.e-input-focus .e-input, .e-bigger .e-input-group.e-control-wrapper.e-input-focus .e-input { padding: 5px 0 5px; } .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon { -ms-flex-align: center; align-items: center; border: 0 solid; border-width: 0; box-sizing: content-box; cursor: pointer; -ms-flex-direction: column; flex-direction: column; font-size: 12px; -ms-flex-pack: center; justify-content: center; line-height: 1; min-height: 18px; min-width: 18px; padding: 0; text-align: center; } .e-input-group.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon { font-size: 20px; margin: 0; min-height: 30px; min-width: 30px; padding: 0; } .e-input-group.e-bigger .e-input-group-icon, .e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper .e-input-group-icon { min-height: 20px; min-width: 20px; } .e-input-group.e-bigger .e-input-group-icon, .e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper .e-input-group-icon { font-size: 12px; padding: 0; } .e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon, .e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon, .e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon { font-size: 20px; margin: 0; min-height: 32px; min-width: 32px; padding: 0; } .e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon, .e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-input-group.e-float-icon-left > .e-input-group-icon, .e-small .e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left > .e-input-group-icon { font-size: 20px; margin: 0; min-height: 28px; min-width: 28px; padding: 0; } .e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-float-input.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-float-input.e-small.e-float-icon-left > .e-input-group-icon, .e-input-group.e-control-wrapper.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-float-input.e-small.e-float-icon-left > .e-input-group-icon { font-size: 20px; margin: 0; min-height: 30px; min-width: 30px; padding: 0; } .e-input-group.e-float-icon-left:not(.e-disabled) > .e-input-group-icon:active, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-disabled) > .e-input-group-icon:active { background: transparent; } .e-input-group.e-float-icon-left > .e-input-group-icon, .e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon { cursor: auto; } .e-input[disabled], .e-input-group .e-input[disabled], .e-input-group.e-control-wrapper .e-input[disabled], .e-input-group.e-disabled, .e-input-group.e-disabled input, .e-input-group.e-disabled input.e-input, .e-input-group.e-disabled textarea, .e-input-group.e-disabled textarea.e-input, .e-input-group.e-control-wrapper.e-disabled, .e-input-group.e-control-wrapper.e-disabled input, .e-input-group.e-control-wrapper.e-disabled input.e-input, .e-input-group.e-control-wrapper.e-disabled textarea, .e-input-group.e-control-wrapper.e-disabled textarea.e-input, .e-float-input.e-disabled input, .e-float-input.e-disabled textarea, .e-float-input input[disabled], .e-float-input input.e-disabled, .e-float-input textarea[disabled], .e-float-input textarea.e-disabled, .e-float-input.e-control-wrapper.e-disabled input, .e-float-input.e-control-wrapper.e-disabled textarea, .e-float-input.e-control-wrapper input[disabled], .e-float-input.e-control-wrapper input.e-disabled, .e-float-input.e-control-wrapper textarea[disabled], .e-float-input.e-control-wrapper textarea.e-disabled, .e-input-group.e-disabled span, .e-input-group.e-control-wrapper.e-disabled span { cursor: not-allowed; } .e-input[disabled], .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-disabled, .e-float-input.e-disabled, .e-float-input input[disabled], .e-float-input input.e-disabled, .e-float-input.e-disabled input, .e-float-input.e-control-wrapper.e-disabled, .e-float-input.e-control-wrapper input[disabled], .e-float-input.e-control-wrapper input.e-disabled, .e-float-input.e-control-wrapper.e-disabled input { filter: alpha(opacity=100); opacity: 1; } .e-input.e-rtl, .e-input-group.e-rtl, .e-input-group.e-control-wrapper.e-rtl { direction: rtl; } .e-input.e-corner { border-radius: 0; } .e-input-group, .e-input-group.e-control-wrapper { display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .e-float-input:not(.e-input-group), .e-float-input.e-control-wrapper:not(.e-input-group) { display: inline-block; } .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon { display: -ms-flexbox; display: flex; } .e-input-group .e-input-group-icon:first-child, .e-input-group.e-control-wrapper .e-input-group-icon:first-child { border-left-width: 0; } .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon { white-space: nowrap; } .e-input-group .e-input-group-icon:not(:last-child), .e-input-group.e-control-wrapper .e-input-group-icon:not(:last-child) { border-right-width: 0; } .e-input + .e-input-group-icon, .e-input-group .e-input + .e-input-group-icon, .e-input-group.e-control-wrapper .e-input + .e-input-group-icon { border-left-width: 0; } .e-input-group.e-corner .e-input:first-child, .e-input-group.e-corner .e-input-group-icon:first-child, .e-input-group.e-control-wrapper.e-corner .e-input:first-child, .e-input-group.e-control-wrapper.e-corner .e-input-group-icon:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .e-input-group.e-corner .e-input:last-child, .e-input-group.e-corner .e-input-group-icon:last-child, .e-input-group.e-control-wrapper.e-corner .e-input:last-child, .e-input-group.e-control-wrapper.e-corner .e-input-group-icon:last-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } .e-input-group.e-rtl .e-input-group-icon:first-child, .e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:first-child { border-left-width: 0; border-right-width: 0; } .e-input-group.e-rtl .e-input-group-icon:last-child, .e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:last-child { border-left-width: 0; border-right-width: 0; } .e-input-group.e-rtl .e-input-group-icon:not(:last-child), .e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:not(:last-child) { border-left-width: 0; } .e-input-group.e-rtl .e-input-group-icon + .e-input, .e-input-group.e-control-wrapper.e-rtl .e-input-group-icon + .e-input { border-right-width: 0; } input.e-input.e-small, textarea.e-input.e-small, .e-small input.e-input, .e-small textarea.e-input, .e-input-group.e-small, .e-small .e-input-group, .e-input-group.e-control-wrapper.e-small, .e-small .e-input-group.e-control-wrapper, .e-input-group.e-small.e-disabled, .e-small .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-small.e-disabled, .e-small .e-input-group.e-control-wrapper.e-disabled { font-size: 12px; } .e-input-group.e-small .e-input, .e-input-group.e-small.e-control-wrapper .e-input, .e-small .e-input-group .e-input, .e-small .e-input-group.e-control-wrapper .e-input { font: inherit; } .e-input.e-small, .e-input-group.e-small .e-input, .e-input-group.e-control-wrapper.e-small .e-input { line-height: inherit; padding: 4px 0 4px; } .e-input-group.e-small .e-input:focus, .e-input-group.e-control-wrapper.e-small .e-input:focus, .e-input-group.e-small.e-input-focus .e-input, .e-input-group.e-control-wrapper.e-small.e-input-focus .e-input { padding: 4px 0 4px; } .e-input.e-small.e-bigger, .e-input-group.e-small.e-bigger, .e-small.e-bigger .e-input-group, .e-input-group.e-control-wrapper.e-small.e-bigger, .e-small.e-bigger .e-input-group.e-control-wrapper, .e-bigger .e-input.e-small, .e-small .e-input.e-bigger, .e-bigger .e-input-group.e-small, .e-bigger .e-input-group.e-control-wrapper.e-small, .e-small .e-input-group.e-bigger, .e-small .e-input-group.e-control-wrapper.e-bigger { font-size: 13px; } .e-input-group.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-input-group.e-control-wrapper.e-disabled, .e-bigger .e-input.e-small.e-disabled, .e-small .e-input.e-bigger.e-disabled, .e-bigger .e-input-group.e-small.e-disabled, .e-bigger .e-input-group.e-control-wrapper.e-small.e-disabled, .e-small .e-input-group.e-bigger.e-disabled, .e-small .e-input-group.e-control-wrapper.e-bigger.e-disabled { font-size: 13px; } .e-input.e-small.e-bigger, .e-bigger .e-input.e-small, .e-small .e-input.e-bigger { padding: 4px 0 4px; } .e-input-group.e-small.e-bigger .e-input, .e-input-group.e-small .e-input.e-bigger, .e-input-group.e-control-wrapper.e-small.e-bigger .e-input, .e-input-group.e-control-wrapper.e-small .e-input.e-bigger, .e-bigger .e-input-group.e-small .e-input, .e-bigger .e-input-group.e-control-wrapper.e-small .e-input { font: inherit; padding: 4px 0 4px; } .e-input-group.e-small.e-bigger .e-input:focus, .e-input-group.e-small .e-input.e-bigger:focus, .e-bigger .e-input-group.e-small .e-input:focus, .e-input-group.e-control-wrapper.e-small.e-bigger .e-input:focus, .e-input-group.e-control-wrapper.e-small .e-input.e-bigger:focus, .e-bigger .e-input-group.e-control-wrapper.e-small .e-input:focus, .e-input-group.e-small.e-bigger.e-input-focus .e-input, .e-input-group.e-small.e-input-focus .e-input.e-bigger, .e-bigger .e-input-group.e-small.e-input-focus .e-input, .e-input-group.e-control-wrapper.e-small.e-bigger.e-input-focus .e-input, .e-input-group.e-control-wrapper.e-small.e-input-focus .e-input.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-small.e-input-focus .e-input { padding: 4px 0 4px; } .e-input-group.e-small .e-input-group-icon, .e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-input-group .e-input-group-icon, .e-small .e-input-group.e-control-wrapper .e-input-group-icon { font-size: 12px; min-height: 16px; min-width: 16px; padding: 0; } .e-input-group.e-small.e-bigger .e-input-group-icon, .e-input-group.e-small .e-input-group-icon.e-bigger, .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-small .e-input-group-icon, .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon { font-size: 12px; min-height: 18px; min-width: 18px; padding: 0; } label.e-float-text, .e-float-input label.e-float-text, .e-float-input.e-control-wrapper label.e-float-text, .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; font-style: normal; font-weight: 400; left: 0; overflow: hidden; padding-left: 0; pointer-events: none; position: absolute; text-overflow: ellipsis; top: -11px; transform: translate3d(0, 16px, 0) scale(1); transform-origin: left top; transition: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; } label.e-float-text, .e-float-input label.e-float-text, .e-float-input.e-control-wrapper label.e-float-text, .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { top: -11px; } label.e-float-text, .e-float-input label.e-float-text, .e-float-input.e-control-wrapper label.e-float-text, .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { content: ''; font-style: normal; } .e-float-input.e-bigger label.e-float-text, .e-float-input label.e-float-text.e-bigger, .e-float-input input.e-bigger ~ label.e-float-text, .e-bigger .e-float-input label.e-float-text, .e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger label.e-float-text, .e-float-input.e-control-wrapper label.e-float-text.e-bigger, .e-float-input.e-control-wrapper input.e-bigger ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper label.e-float-text, .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-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; top: -8px; } .e-float-input.e-small label.e-float-text, .e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small label.e-float-text, .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-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 12px; top: -11px; } .e-float-input.e-small.e-bigger label.e-float-text, .e-bigger .e-float-input.e-small label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small.e-bigger label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small label.e-float-text, .e-bigger .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-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; top: -9px; font-style: normal; } .e-float-input .e-input-in-wrap label.e-float-text, .e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .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: -11px; } .e-float-input.e-bigger .e-input-in-wrap label.e-float-text, .e-float-input .e-input-in-wrap label.e-float-text.e-bigger, .e-float-input .e-input-in-wrap input.e-bigger ~ label.e-float-text, .e-bigger .e-float-input .e-input-in-wrap label.e-float-text, .e-float-input.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap label.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text.e-bigger, .e-float-input.e-control-wrapper .e-input-in-wrap input.e-bigger ~ label.e-float-text, .e-bigger.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .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-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; } .e-float-input.e-small .e-input-in-wrap label.e-float-text, .e-small .e-float-input .e-input-in-wrap label.e-float-text, .e-float-input.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text, .e-small .e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .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-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: -10px; } .e-float-input.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-bigger .e-float-input.e-small .e-input-in-wrap label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.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-float-input:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text, .e-bigger .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-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-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-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: -10px; } .e-float-input input:focus ~ label.e-float-text, .e-float-input input:valid ~ label.e-float-text, .e-float-input input ~ label.e-label-top.e-float-text, .e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-float-input input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text, .e-float-input.e-input-focus input ~ label.e-float-text { font-size: 13px; top: -9px; transform: translate3d(0, -6px, 0) scale(0.92); } .e-float-input.e-bigger input:focus ~ label.e-float-text, .e-float-input.e-bigger input:valid ~ label.e-float-text, .e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger input label.e-float-text.e-label-top, .e-bigger .e-float-input input:focus ~ label.e-float-text, .e-bigger .e-float-input input:valid ~ label.e-float-text, .e-bigger .e-float-input input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger input label.e-float-text.e-label-top, .e-bigger .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper input label.e-float-text.e-label-top, .e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text { transform: translate3d(0, -6px, 0) scale(0.86); } .e-float-input.e-bigger.e-small input:focus ~ label.e-float-text, .e-float-input.e-bigger.e-small input:valid ~ label.e-float-text, .e-float-input.e-bigger.e-small input ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-small input label.e-float-text.e-label-top, .e-bigger .e-float-input.e-small input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small input label.e-float-text.e-label-top, .e-small .e-float-input.e-bigger input:focus ~ label.e-float-text, .e-small .e-float-input.e-bigger input:valid ~ label.e-float-text, .e-small .e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-bigger input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-bigger.e-small input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small input label.e-float-text.e-label-top, .e-bigger .e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger input label.e-float-text.e-label-top, .e-float-input.e-bigger.e-small.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-small.e-input-focus input-group-animation ~ label.e-float-text, .e-small .e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text { transform: translate3d(0, -6px, 0) scale(0.92); } .e-float-input .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-float-input .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-float-input .e-input-in-wrap input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap input label.e-float-text.e-label-top { top: -9px; } .e-float-input.e-bigger input:focus ~ label.e-float-text, .e-float-input.e-bigger input:valid ~ label.e-float-text, .e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input input:focus ~ label.e-float-text, .e-bigger .e-float-input input:valid ~ label.e-float-text, .e-bigger .e-float-input input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text { font-size: 14px; top: -9px; } .e-float-input.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input.e-bigger .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-float-input .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-float-input .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text { top: -9px; } .e-float-input.e-small input:focus ~ label.e-float-text, .e-float-input.e-small input:valid ~ label.e-float-text, .e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-small .e-float-input input ~ label.e-label-top.e-float-text, .e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-input-focus input-group-animation ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text { font-size: 12px; top: -8px; } .e-float-input.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-small .e-float-input .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text { top: -8px; } .e-float-input.e-small.e-bigger input:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger input:valid ~ label.e-float-text, .e-float-input.e-small.e-bigger input ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger input[readonly] ~ label.e-float-text, .e-float-input.e-small.e-bigger input[disabled] ~ label.e-float-text, .e-bigger .e-float-input.e-small input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small input[readonly] ~ label.e-float-text, .e-bigger .e-float-input.e-small input[disabled] ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper input[readonly] ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger input[readonly] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger input[disabled] ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-float-text, .e-float-input.e-small.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-small.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text { font-size: 13px; top: -10px; } .e-float-input.e-small.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-small.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-float-input.e-small.e-bigger .e-input-in-wrap input[disabled] ~ label.e-float-text, .e-bigger .e-float-input.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-bigger .e-float-input.e-small .e-input-in-wrap input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input[disabled] ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-float-text { top: -10px; } .e-float-input, .e-float-input.e-control-wrapper { line-height: 1.4; margin-bottom: 4px; margin-top: 16px; padding-top: 0; position: relative; width: 100%; } .e-float-input.e-bigger, .e-bigger .e-float-input, .e-float-input.e-control-wrapper.e-bigger, .e-bigger .e-float-input.e-control-wrapper { line-height: 1.5; margin-bottom: 8px; margin-top: 17px; padding-top: 0; position: relative; width: 100%; } .e-float-input.e-small, .e-float-input.e-control-wrapper.e-small, .e-small .e-float-input.e-control-wrapper { line-height: 1.35; margin-bottom: 4px; margin-top: 16px; padding-top: 0; } .e-float-input.e-small.e-bigger, .e-bigger.e-small .e-float-input.e-small, .e-bigger .e-float-input.e-small, .e-small .e-float-input.e-bigger, .e-float-input.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small .e-float-input.e-control-wrapper.e-small, .e-bigger .e-float-input.e-control-wrapper.e-small, .e-small .e-float-input.e-control-wrapper.e-bigger { line-height: 1.4; margin-bottom: 4px; margin-top: 17px; padding-top: 0; } .e-input-group.e-bigger, .e-bigger .e-input-group, .e-input-group.e-control-wrapper.e-bigger, .e-bigger .e-input-group.e-control-wrapper { line-height: 1.5; } .e-input-group.e-small, .e-input-group.e-control-wrapper.e-small, .e-small .e-input-group, .e-small .e-input-group.e-control-wrapper, .e-input-group.e-small.e-bigger, .e-bigger.e-small .e-input-group.e-small, .e-bigger .e-input-group.e-small, .e-small .e-input-group.e-bigger, .e-input-group.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small .e-input-group.e-control-wrapper.e-small, .e-bigger .e-input-group.e-control-wrapper.e-small, .e-small .e-input-group.e-control-wrapper.e-bigger { line-height: normal; } .e-float-input.e-no-float-label, .e-float-input.e-bigger.e-no-float-label, .e-bigger .e-float-input.e-no-float-label, .e-float-input.e-small.e-no-float-label, .e-small .e-float-input.e-no-float-label, .e-float-input.e-small.e-bigger.e-no-float-label, .e-bigger .e-float-input.e-small.e-no-float-label, .e-small .e-float-input.e-bigger.e-no-float-label, .e-float-input.e-control-wrapper.e-no-float-label, .e-float-input.e-control-wrapper.e-bigger.e-no-float-label, .e-bigger .e-float-input.e-control-wrapper.e-no-float-label, .e-float-input.e-control-wrapper.e-small.e-no-float-label, .e-small .e-float-input.e-control-wrapper.e-no-float-label, .e-float-input.e-control-wrapper.e-small.e-bigger.e-no-float-label, .e-bigger .e-float-input.e-control-wrapper.e-small.e-no-float-label, .e-small .e-float-input.e-control-wrapper.e-bigger.e-no-float-label { margin-top: 0; } .e-float-input, .e-float-input.e-control-wrapper, .e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-disabled, .e-float-input.e-input-group.e-disabled, .e-float-input.e-input-group.e-control-wrapper.e-disabled { font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 13px; font-weight: 400; } .e-float-input input, .e-float-input textarea, .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper textarea { border: 0 solid; border-width: 0 0 1px 0; display: block; font: inherit; width: 100%; } .e-float-input input, .e-float-input.e-control-wrapper input { min-width: 0; padding: 4px 0 4px; } .e-float-input input, .e-input-group input, .e-float-input.e-control-wrapper input, .e-input-group.e-control-wrapper input { text-indent: 0; } .e-float-input textarea, .e-input-group textarea, .e-float-input.e-control-wrapper textarea, .e-input-group.e-control-wrapper textarea { text-indent: 0; } .e-float-input.e-bigger, .e-bigger .e-float-input, .e-float-input.e-control-wrapper.e-bigger, .e-bigger .e-float-input.e-control-wrapper { font-size: 14px; } .e-float-input.e-bigger.e-disabled, .e-bigger .e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-bigger.e-disabled, .e-bigger .e-float-input.e-control-wrapper.e-disabled, .e-float-input.e-input-group.e-bigger.e-disabled, .e-bigger .e-float-input.e-input-group.e-disabled, .e-float-input.e-input-group.e-control-wrapper.e-bigger.e-disabled, .e-bigger .e-float-input.e-input-group.e-control-wrapper.e-disabled { font-size: 14px; } .e-float-input.e-bigger input, .e-float-input input.e-bigger, .e-bigger .e-float-input input, .e-float-input.e-control-wrapper.e-bigger input, .e-float-input.e-control-wrapper input.e-bigger, .e-bigger .e-float-input.e-control-wrapper input { font: inherit; line-height: inherit; padding: 5px 0 5px; } .e-float-input.e-small, .e-small .e-float-input, .e-float-input.e-control-wrapper.e-small, .e-small .e-float-input.e-control-wrapper { font-size: 12px; } .e-float-input.e-small.e-disabled, .e-small .e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-small.e-disabled, .e-small .e-float-input.e-control-wrapper.e-disabled, .e-float-input.e-input-group.e-small.e-disabled, .e-small .e-float-input.e-input-group.e-disabled, .e-float-input.e-input-group.e-control-wrapper.e-small.e-disabled, .e-small .e-float-input.e-input-group.e-control-wrapper.e-disabled { font-size: 12px; } .e-float-input.e-small input, .e-float-input.e-control-wrapper.e-small input { font: inherit; line-height: inherit; padding: 4px 0 4px; } .e-float-input.e-small.e-bigger, .e-small.e-bigger .e-float-input, .e-bigger .e-float-input.e-small, .e-small .e-float-input.e-bigger, .e-float-input.e-control-wrapper.e-small.e-bigger, .e-small.e-bigger .e-float-input.e-control-wrapper, .e-bigger .e-float-input.e-control-wrapper.e-small, .e-small .e-float-input.e-control-wrapper.e-bigger { font-size: 13px; } .e-float-input.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-float-input.e-disabled, .e-bigger .e-float-input.e-small.e-disabled, .e-small .e-float-input.e-bigger.e-disabled, .e-float-input.e-control-wrapper.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-float-input.e-control-wrapper.e-disabled, .e-bigger .e-float-input.e-control-wrapper.e-small.e-disabled, .e-small .e-float-input.e-control-wrapper.e-bigger.e-disabled, .e-float-input.e-input-group.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-float-input.e-input-group.e-disabled, .e-bigger .e-float-input.e-input-group.e-small.e-disabled, .e-small .e-float-input.e-input-group.e-bigger.e-disabled, .e-float-input.e-input-group.e-control-wrapper.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-float-input.e-input-group.e-control-wrapper.e-disabled, .e-bigger .e-float-input.e-input-group.e-control-wrapper.e-small.e-disabled, .e-small .e-float-input.e-input-group.e-control-wrapper.e-bigger.e-disabled { font-size: 13px; } .e-float-input.e-small.e-bigger input, .e-float-input.e-small input.e-bigger, .e-bigger .e-float-input.e-small input, .e-float-input.e-control-wrapper.e-small.e-bigger input, .e-float-input.e-control-wrapper.e-small input.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-small input { font: inherit; line-height: inherit; padding: 4px 0 4px; } .e-float-input input:focus, .e-float-input.e-control-wrapper input:focus, .e-float-input textarea:focus, .e-float-input.e-control-wrapper textarea:focus, .e-float-input.e-input-focus input, .e-float-input.e-control-wrapper.e-input-focus input { outline: none; } label.e-float-text, .e-float-input label.e-float-text, .e-float-input.e-control-wrapper label.e-float-text { font-family: inherit; } .e-float-input input:valid ~ label.e-float-text, .e-float-input input:focus ~ label.e-float-text, .e-float-input input:valid ~ label.e-float-text.e-label-top, .e-float-input input ~ label.e-float-text.e-label-top, .e-float-input .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input .e-input-in-wrap input:valid ~ label.e-float-text.e-label-top, .e-float-input .e-input-in-wrap input ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper input:valid ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper input ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-float-text.e-label-top, .e-float-input.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text { -webkit-user-select: text; -ms-user-select: text; user-select: text; } .e-float-input textarea:valid ~ label.e-float-text, .e-float-input textarea:focus ~ label.e-float-text, .e-float-input textarea:valid ~ label.e-float-text.e-label-top, .e-float-input textarea ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-label-top { -webkit-user-select: text; -ms-user-select: text; user-select: text; } label.e-float-text, .e-float-input label.e-float-text, .e-float-input.e-control-wrapper label.e-float-text, .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-weight: 400; } .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-weight: 400; } .e-float-input:not(.e-input-group) .e-float-line::before, .e-float-input: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 { bottom: 0; content: ''; height: 2px; position: absolute; transition: .2s ease; width: 0; } .e-float-input:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before { left: 50%; } .e-float-input:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after { right: 50%; } .e-float-input:not(.e-input-group) input:focus ~ .e-float-line::before, .e-float-input:not(.e-input-group) textarea:focus ~ .e-float-line::before, .e-float-input:not(.e-input-group) input:focus ~ .e-float-line::after, .e-float-input:not(.e-input-group) textarea:focus ~ .e-float-line::after, .e-float-input.e-control-wrapper:not(.e-input-group) input:focus ~ .e-float-line::before, .e-float-input.e-control-wrapper:not(.e-input-group) textarea:focus ~ .e-float-line::before, .e-float-input.e-control-wrapper:not(.e-input-group) input:focus ~ .e-float-line::after, .e-float-input.e-control-wrapper:not(.e-input-group) textarea:focus ~ .e-float-line::after, .e-float-input:not(.e-input-group).e-input-focus input ~ .e-float-line::before, .e-float-input:not(.e-input-group).e-input-focus input ~ .e-float-line::after, .e-float-input.e-control-wrapper:not(.e-input-group).e-input-focus input ~ .e-float-line::before, .e-float-input.e-control-wrapper:not(.e-input-group).e-input-focus input ~ .e-float-line::after { width: 50%; } .e-float-input .e-float-line, .e-float-input.e-control-wrapper .e-float-line { display: block; position: relative; width: 100%; } .e-float-input.e-rtl, .e-float-input.e-control-wrapper.e-rtl { direction: rtl; } .e-float-input.e-rtl label.e-float-text, .e-float-input.e-control-wrapper.e-rtl label.e-float-text, .e-rtl .e-float-input label.e-float-text, .e-rtl .e-float-input.e-control-wrapper label.e-float-text { right: 0; transform-origin: right top; } .e-float-input.e-rtl:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-rtl.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-rtl.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom { padding-right: 0; } .e-float-input.e-rtl.e-bigger:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-rtl.e-control-wrapper.e-bigger:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-bigger:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-rtl:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-rtl.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger.e-rtl .e-float-input:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger.e-rtl .e-float-input.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-rtl.e-bigger input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-bigger input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input.e-bigger input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-bigger .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text, .e-bigger.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-control-wrapper.e-rtl.e-bigger input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper.e-bigger input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input.e-control-wrapper.e-bigger input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text, .e-bigger.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom { padding-right: 0; } .e-float-input.e-rtl.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-rtl.e-control-wrapper.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-small .e-float-input.e-rtl:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-small .e-float-input.e-rtl.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-small.e-rtl .e-float-input:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-small.e-rtl .e-float-input.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-small.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-rtl.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-small input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-small .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-small .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-small.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text, .e-small.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-control-wrapper.e-rtl.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper.e-small input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input.e-control-wrapper.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-small.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text, .e-small.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom { padding-right: 0; } .e-float-input.e-rtl.e-bigger.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-rtl.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-bigger.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-rtl:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-rtl.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger.e-small.e-rtl .e-float-input:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-bigger.e-small.e-rtl .e-float-input.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-rtl.e-bigger.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-bigger.e-small input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input.e-bigger.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-bigger.e-small .e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger.e-small.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text, .e-bigger.e-small.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-float-input.e-control-wrapper.e-rtl.e-bigger.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-rtl .e-float-input.e-control-wrapper.e-bigger.e-small input:not(:focus):not(:valid) label.e-float-text, .e-rtl .e-float-input.e-control-wrapper.e-bigger.e-small input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom, .e-bigger.e-small.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text, .e-bigger.e-small.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom { padding-right: 0; } .e-input-group.e-corner.e-rtl .e-input:first-child, .e-input-group.e-corner.e-rtl .e-input-group-icon:first-child, .e-input-group.e-control-wrapper.e-corner.e-rtl .e-input:first-child, .e-input-group.e-control-wrapper.e-corner.e-rtl .e-input-group-icon:first-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .e-input-group.e-corner.e-rtl .e-input:last-child, .e-input-group.e-corner.e-rtl .e-input-group-icon:last-child, .e-input-group.e-control-wrapper.e-corner.e-rtl .e-input:last-child, .e-input-group.e-control-wrapper.e-corner.e-rtl .e-input-group-icon:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .e-input-group.e-warning::before, .e-input-group.e-control-wrapper.e-warning::before { content: ''; } .e-float-input input[disabled], .e-float-input input.e-disabled, .e-float-input.e-control-wrapper input[disabled], .e-float-input.e-control-wrapper input.e-disabled { background: transparent; background-image: none; cursor: not-allowed; } .e-input-group.e-corner.e-rtl input.e-input:only-child, .e-input-group.e-control-wrapper.e-corner.e-rtl input.e-input:only-child { border-radius: 0; } .e-input-group.e-rtl .e-input:not(:first-child):focus, .e-input-group.e-control-wrapper.e-rtl .e-input:not(:first-child):focus { border-right-width: 0; } .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input { min-width: 0; width: 100%; } .e-input-group input.e-input, .e-input-group textarea.e-input, .e-input-group input.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus), .e-input-group textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]), .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper input.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus), .e-input-group.e-control-wrapper textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]) { border: 0 solid; border-width: 0; } .e-input-group input.e-input, .e-input-group textarea.e-input, .e-input-group.e-bigger .e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper.e-bigger .e-input, .e-bigger .e-input-group .e-input, .e-bigger .e-input-group.e-control-wrapper .e-input { margin-bottom: 0; } .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .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 { -moz-transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); bottom: 0; content: ''; height: 2px; position: absolute; transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); width: 0; } .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::before, .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::after, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::before, .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 { -moz-transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); bottom: 0; content: ''; height: 2px; position: absolute; transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); width: 0; } .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-float-icon-left .e-input-in-wrap:not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap:not(.e-float-input)::before { left: 50%; } .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::before, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before { left: 50%; } .e-input-group:not(.e-float-icon-left):not(.e-float-input).e-input-focus::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input).e-input-focus::after, .e-input-group.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input).e-input-focus::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input).e-input-focus::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::after { width: 50%; } .e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::before, .e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::after, .e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::after { width: 50%; } .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .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::after { right: 50%; } .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::after, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after, .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::after { right: 50%; } .e-input-group, .e-input-group.e-control-wrapper { position: relative; width: 100%; } .e-input-group .e-input-group-icon:hover, .e-input-group.e-rtl.e-corner .e-input-group-icon:hover, .e-input-group.e-control-wrapper .e-input-group-icon:hover, .e-input-group.e-control-wrapper.e-rtl.e-corner .e-input-group-icon:hover { border-radius: 2px; } .e-input.e-small, .e-input-group.e-small, .e-input-group.e-control-wrapper.e-small { margin-bottom: 4px; } .e-input.e-small.e-bigger, .e-input-group.e-small.e-bigger, .e-input-group.e-control-wrapper.e-small.e-bigger, .e-bigger .e-input.e-small, .e-bigger .e-input-group.e-small, .e-bigger .e-input-group.e-control-wrapper.e-small { line-height: inherit; margin-bottom: 4px; } .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon { margin-bottom: 4px; margin-right: 4px; margin-top: 4px; } .e-float-input.e-input-group .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { margin-top: 2px; } .e-input-group.e-bigger .e-input-group-icon, .e-input-group .e-input-group-icon.e-bigger, .e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger .e-input-group .e-input-group-icon, .e-bigger .e-input-group.e-control-wrapper .e-input-group-icon { margin-bottom: 5px; margin-right: 8px; margin-top: 6px; } .e-float-input.e-input-group.e-bigger .e-input-group-icon, .e-float-input.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-float-input.e-input-group .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-bigger .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { margin-top: 6px; } .e-input-group.e-small.e-bigger .e-input-group-icon, .e-input-group.e-small .e-input-group-icon.e-bigger, .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-bigger .e-input-group.e-small .e-input-group-icon, .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon { margin-bottom: 4px; margin-right: 4px; margin-top: 4px; } .e-float-input.e-input-group.e-small.e-bigger .e-input-group-icon, .e-float-input.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-float-input.e-input-group.e-small .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon { margin-top: 4px; } .e-input-group.e-small .e-input-group-icon, .e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-input-group .e-input-group-icon, .e-small .e-input-group.e-control-wrapper .e-input-group-icon { margin-bottom: 4px; margin-right: 4px; margin-top: 4px; } .e-float-input.e-input-group.e-small .e-input-group-icon, .e-small .e-float-input.e-input-group .e-input-group-icon, .e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-small .e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { margin-top: 4px; } .e-input-group .e-input-group-icon:last-child, .e-input-group.e-bigger .e-input-group-icon:last-child, .e-input-group .e-input-group-icon.e-bigger:last-child, .e-bigger .e-input-group .e-input-group-icon:last-child, .e-input-group.e-small .e-input-group-icon:last-child, .e-input-group.e-small.e-bigger .e-input-group-icon:last-child, .e-input-group.e-small .e-input-group-icon.e-bigger:last-child, .e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-input-group.e-control-wrapper.e-bigger .e-input-group-icon:last-child, .e-input-group.e-control-wrapper .e-input-group-icon.e-bigger:last-child, .e-input-group.e-control-wrapper.e-small .e-input-group-icon:last-child, .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon:last-child, .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger:last-child, .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon:last-child, .e-bigger .e-input-group.e-small .e-input-group-icon:last-child { margin-right: 0; } .e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error) { border-style: solid; border-width: 0 0 1px 0; } .e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-input-group.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error), .e-input-group.e-input-focus:not(.e-float-icon-left).e-error:not(.e-success):not(.e-warning), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error, .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-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error) input, .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-float-input.e-input-focus:not(.e-input-group):not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error input, .e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-error:not(.e-success):not(.e-warning), .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-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-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-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-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-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-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-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-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-style: solid; border-width: 0 0 1px 0; } .e-input-group:not(.e-float-icon-left), .e-input-group.e-control-wrapper:not(.e-float-icon-left) { border-bottom: 1px solid; } .e-input-group:not(.e-float-icon-left), .e-input-group.e-success:not(.e-float-icon-left), .e-input-group.e-warning:not(.e-float-icon-left), .e-input-group.e-error:not(.e-float-icon-left), .e-input-group.e-control-wrapper:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) { border: 1px solid; border-width: 0 0 1px 0; } .e-input-group.e-rtl.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:not(:first-child):focus, .e-input-group.e-control-wrapper.e-rtl.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:not(:first-child):focus { border-right-width: 0; } .e-input-group.e-input-focus.e-corner, .e-input-group.e-control-wrapper.e-input-focus.e-corner { border-radius: 0; } .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .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; color: rgba(0, 0, 0, 0.42); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.42) 0, rgba(0, 0, 0, 0.42) 33%, transparent 0); background-position: bottom -1px left 0; background-repeat: repeat-x; background-size: 4px 1px; border-bottom-color: transparent; color: rgba(0, 0, 0, 0.42); } .e-float-custom-tag, .e-float-custom-tag.e-control-wrapper { display: inline-block; } .e-float-custom-tag.e-input-group, .e-float-custom-tag.e-input-group.e-control-wrapper, .e-input-custom-tag, .e-input-custom-tag.e-input-group, .e-input-custom-tag.e-input-group.e-control-wrapper { display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon { position: relative; } .e-input-group:not(.e-filled) .e-input-group-icon::after, .e-input-group.e-control-wrapper:not(.e-filled) .e-input-group-icon::after { background: #bdbdbd; border-radius: 100%; content: ''; display: block; filter: alpha(opacity=75); height: 50%; left: 25%; opacity: .75; position: absolute; top: 25%; transform: scale(0); width: 50%; } .e-input-group .e-input-group-icon.e-input-btn-ripple::after, .e-input-group.e-control-wrapper .e-input-group-icon.e-input-btn-ripple::after { animation: e-input-ripple .45s linear; } input.e-input::-ms-clear, .e-float-input input::-ms-clear, .e-float-input.e-control-wrapper input::-ms-clear { display: none; } .e-float-input.e-input-group .e-float-line, .e-float-input.e-input-group.e-control-wrapper .e-float-line, .e-float-input.e-control-wrapper.e-input-group .e-float-line, .e-float-input.e-control-wrapper.e-input-group.e-control-wrapper .e-float-line { bottom: -1px; position: absolute; } .e-float-input.e-input-group input, .e-float-input.e-input-group textarea, .e-float-input.e-input-group.e-control-wrapper input, .e-float-input.e-input-group.e-control-wrapper textarea { border: 0; } .e-float-input.e-input-group .e-float-line, .e-float-input.e-input-group .e-float-text, .e-float-input.e-input-group.e-control-wrapper .e-float-line, .e-float-input.e-input-group.e-control-wrapper .e-float-text { right: 0; } input.e-input::-webkit-input-placeholder, input.e-input:-moz-placeholder, input.e-input:-ms-input-placeholder, input.e-input::-moz-placeholder { font-size: 13px; font-style: normal; } textarea.e-input::-webkit-input-placeholder, textarea.e-input:-moz-placeholder, textarea.e-input:-ms-input-placeholder, textarea.e-input::-moz-placeholder { font-size: 13px; font-style: normal; } .e-bigger input.e-input::-webkit-input-placeholder, input.e-bigger.e-input::-webkit-input-placeholder, .e-bigger input.e-input:-moz-placeholder, input.e-bigger.e-input:-moz-placeholder, .e-bigger input.e-input:-ms-input-placeholder, input.e-bigger.e-input:-ms-input-placeholder, .e-bigger input.e-input::-moz-placeholder, input.e-bigger.e-input::-moz-placeholder { font-size: 14px; font-style: normal; } .e-bigger textarea.e-input::-webkit-input-placeholder, textarea.e-bigger.e-input::-webkit-input-placeholder, .e-bigger textarea.e-input:-moz-placeholder, textarea.e-bigger.e-input:-moz-placeholder, .e-bigger textarea.e-input:-ms-input-placeholder, textarea.e-bigger.e-input:-ms-input-placeholder, .e-bigger textarea.e-input::-moz-placeholder, textarea.e-bigger.e-input::-moz-placeholder { font-size: 14px; font-style: normal; } .e-small input.e-input::-webkit-input-placeholder, input.e-small.e-input::-webkit-input-placeholder, .e-small input.e-input:-moz-placeholder, input.e-small.e-input:-moz-placeholder, .e-small input.e-input:-ms-input-placeholder, input.e-small.e-input:-ms-input-placeholder, .e-small input.e-input::-moz-placeholder, input.e-small.e-input::-moz-placeholder { font-size: 12px; font-style: normal; } .e-small textarea.e-input::-webkit-input-placeholder, textarea.e-small.e-input::-webkit-input-placeholder, .e-small textarea.e-input:-moz-placeholder, textarea.e-small.e-input:-moz-placeholder, .e-small textarea.e-input:-ms-input-placeholder, textarea.e-small.e-input:-ms-input-placeholder, .e-small textarea.e-input::-moz-placeholder, textarea.e-small.e-input::-moz-placeholder { font-size: 12px; font-style: normal; } .e-bigger input.e-small.e-input::-webkit-input-placeholder, .e-small input.e-bigger.e-input::-webkit-input-placeholder, .e-bigger input.e-small.e-input:-moz-placeholder, .e-small input.e-bigger.e-input:-moz-placeholder, .e-bigger input.e-small.e-input:-ms-input-placeholder, .e-small input.e-bigger.e-input:-ms-input-placeholder, .e-bigger input.e-small.e-input::-moz-placeholder, .e-small input.e-bigger.e-input::-moz-placeholder { font-size: 13px; font-style: normal; } .e-bigger textarea.e-small.e-input::-webkit-input-placeholder, .e-small textarea.e-bigger.e-input::-webkit-input-placeholder, .e-bigger textarea.e-small.e-input:-moz-placeholder, .e-small textarea.e-bigger.e-input:-moz-placeholder, .e-bigger intextareaput.e-small.e-input:-ms-input-placeholder, .e-small textarea.e-bigger.e-input:-ms-input-placeholder, .e-bigger textarea.e-small.e-input::-moz-placeholder, .e-small textarea.e-bigger.e-input::-moz-placeholder { font-size: 13px; font-style: normal; } input.e-input:-moz-placeholder { font-style: normal; user-select: none; } textarea.e-input:-moz-placeholder { font-style: normal; user-select: none; } .e-input-group input.e-input:-moz-placeholder { font-style: normal; user-select: none; } .e-input-group textarea.e-input:-moz-placeholder { font-style: normal; user-select: none; } .e-input-group.e-control-wrapper input.e-input:-moz-placeholder { font-style: normal; user-select: none; } .e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder { font-style: normal; user-select: none; } input.e-input:-moz-placeholder { font-style: normal; user-select: none; } .e-input-group input.e-input:-moz-placeholder { font-style: normal; user-select: none; } .e-input-group.e-control-wrapper input.e-input:-moz-placeholder { font-style: normal; user-select: none; } textarea.e-input:-moz-placeholder { font-style: normal; user-select: none; } input.e-input::-moz-placeholder { font-style: normal; user-select: none; } textarea.e-input::-moz-placeholder { font-style: normal; user-select: none; } input.e-input:-ms-input-placeholder { font-style: normal; } textarea.e-input:-ms-input-placeholder { font-style: normal; } input.e-input::-webkit-input-placeholder { font-style: normal; -webkit-user-select: none; user-select: none; } textarea.e-input::-webkit-input-placeholder { font-style: normal; -webkit-user-select: none; user-select: none; } input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input { box-sizing: content-box; content: ''; } .e-float-input:not(.e-input-group) input, .e-float-input.e-control-wrapper:not(.e-input-group) input { box-sizing: content-box; content: ''; } .e-control input.e-input, .e-control .e-input-group input, .e-control .e-input-group input.e-input, .e-control .e-input-group.e-control-wrapper input, .e-control .e-input-group.e-control-wrapper input.e-input, .e-control .e-float-input input, .e-control .e-float-input.e-control-wrapper input, .e-control.e-input-group input, .e-control.e-input-group input.e-input, .e-control.e-input-group.e-control-wrapper input, .e-control.e-input-group.e-control-wrapper input.e-input, .e-control.e-float-input input, .e-control.e-float-input.e-control-wrapper input { box-sizing: content-box; } input.e-input.e-bigger, .e-input-group.e-bigger input, .e-input-group.e-bigger input.e-input, .e-input-group.e-control-wrapper.e-bigger input, .e-input-group.e-control-wrapper.e-bigger input.e-input, .e-bigger .e-input-group input, .e-bigger .e-input-group input.e-input, .e-bigger .e-input-group.e-control-wrapper input, .e-bigger .e-input-group.e-control-wrapper input.e-input, .e-float-input.e-bigger input, .e-float-input.e-bigger input.e-input, .e-bigger .e-float-input input, .e-bigger .e-float-input input.e-input, .e-float-input.e-control-wrapper.e-bigger input, .e-float-input.e-control-wrapper.e-bigger input.e-input, .e-bigger .e-float-input.e-control-wrapper input, .e-bigger .e-float-input.e-control-wrapper input.e-input { box-sizing: content-box; content: ''; } .e-float-input.e-bigger:not(.e-input-group) input, .e-float-input.e-bigger:not(.e-input-group) input.e-input, .e-bigger .e-float-input:not(.e-input-group) input, .e-bigger .e-float-input:not(.e-input-group) input.e-input, .e-float-input.e-control-wrapper.e-bigger:not(.e-input-group) input, .e-float-input.e-control-wrapper.e-bigger:not(.e-input-group) input.e-input, .e-bigger .e-float-input.e-control-wrapper:not(.e-input-group) input, .e-bigger .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input { box-sizing: content-box; content: ''; } input.e-input.e-small, .e-input-group.e-small input, .e-input-group.e-small input.e-input, .e-small .e-input-group input, .e-small .e-input-group input.e-input, .e-input-group.e-control-wrapper.e-small input, .e-input-group.e-control-wrapper.e-small input.e-input, .e-small .e-input-group.e-control-wrapper input, .e-small .e-input-group.e-control-wrapper input.e-input, .e-float-input.e-small input, .e-float-input.e-small input.e-input, .e-small .e-float-input input, .e-small .e-float-input input.e-input, .e-float-input.e-control-wrapper.e-small input, .e-float-input.e-control-wrapper.e-small input.e-input, .e-small .e-float-input.e-control-wrapper input, .e-small .e-float-input.e-control-wrapper input.e-input { box-sizing: content-box; content: ''; } .e-float-input.e-small:not(.e-input-group) input, .e-float-input.e-small:not(.e-input-group) input.e-input, .e-small .e-float-input:not(.e-input-group) input, .e-small .e-float-input:not(.e-input-group) input.e-input .e-float-input.e-control-wrapper.e-small:not(.e-input-group) input, .e-float-input.e-control-wrapper.e-small:not(.e-input-group) input.e-input, .e-small .e-float-input.e-control-wrapper:not(.e-input-group) input, .e-small .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input { box-sizing: content-box; content: ''; } input.e-input.e-small.e-bigger, .e-input-group.e-bigger.e-small input, .e-input-group.e-bigger.e-small input.e-input, .e-bigger.e-small .e-input-group input, .e-bigger.e-small .e-input-group input.e-input, .e-input-group.e-control-wrapper.e-bigger.e-small input, .e-input-group.e-control-wrapper.e-bigger.e-small input.e-input, .e-bigger.e-small .e-input-group.e-control-wrapper input, .e-bigger.e-small .e-input-group.e-control-wrapper input.e-input, .e-float-input.e-bigger.e-small input, .e-float-input.e-bigger.e-small input.e-input, .e-bigger.e-small .e-float-input input, .e-bigger.e-small .e-float-input input.e-input, .e-float-input.e-control-wrapper.e-bigger.e-small input, .e-float-input.e-control-wrapper.e-bigger.e-small input.e-input, .e-bigger.e-small .e-float-input.e-control-wrapper input, .e-bigger.e-small .e-float-input.e-control-wrapper input.e-input { box-sizing: content-box; content: ''; } .e-float-input.e-bigger.e-small:not(.e-input-group) input, .e-float-input.e-bigger.e-small:not(.e-input-group) input.e-input, .e-bigger.e-small .e-float-input:not(.e-input-group) input, .e-bigger.e-small .e-float-input:not(.e-input-group) input.e-input, .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-group) input, .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-group) input.e-input, .e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-group) input, .e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input { box-sizing: content-box; content: ''; } textarea.e-input, .e-input-group textarea, .e-input-group.e-control-wrapper textarea, .e-float-input textarea, .e-float-input.e-control-wrapper textarea { box-sizing: content-box; content: ''; } .e-input-group textarea.e-input.e-bigger, .e-input-group.e-control-wrapper textarea.e-input.e-bigger, textarea.e-input.e-bigger, .e-input-group.e-bigger textarea, .e-input-group.e-bigger textarea.e-input, .e-bigger .e-input-group textarea, .e-bigger .e-input-group textarea.e-input, .e-input-group.e-control-wrapper.e-bigger textarea, .e-input-group.e-control-wrapper.e-bigger textarea.e-input, .e-bigger .e-input-group.e-control-wrapper textarea, .e-bigger .e-input-group.e-control-wrapper textarea.e-input, .e-float-input.e-bigger textarea, .e-float-input.e-bigger textarea.e-input, .e-bigger .e-float-input textarea, .e-bigger .e-float-input textarea.e-input, .e-float-input.e-control-wrapper.e-bigger textarea, .e-float-input.e-control-wrapper.e-bigger textarea.e-input, .e-bigger .e-float-input.e-control-wrapper textarea, .e-bigger .e-float-input.e-control-wrapper textarea.e-input { box-sizing: content-box; content: ''; } textarea.e-input.e-small, .e-input-group.e-small textarea, .e-input-group.e-small textarea.e-input, .e-small .e-input-group textarea, .e-small .e-input-group textarea.e-input, .e-input-group.e-control-wrapper.e-small textarea, .e-input-group.e-control-wrapper.e-small textarea.e-input, .e-small .e-input-group.e-control-wrapper textarea, .e-small .e-input-group.e-control-wrapper textarea.e-input, .e-float-input.e-small textarea, .e-float-input.e-small textarea.e-input, .e-small .e-float-input textarea, .e-small .e-float-input textarea.e-input, .e-float-input.e-control-wrapper.e-small textarea, .e-float-input.e-control-wrapper.e-small textarea.e-input, .e-small .e-float-input.e-control-wrapper textarea, .e-small .e-float-input.e-control-wrapper textarea.e-input { box-sizing: content-box; content: ''; } textarea.e-input.e-small.e-bigger, .e-input-group.e-bigger.e-small textarea, .e-input-group.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-input-group textarea, .e-bigger.e-small .e-input-group textarea.e-input, .e-input-group.e-control-wrapper.e-bigger.e-small textarea, .e-input-group.e-control-wrapper.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-input-group.e-control-wrapper textarea, .e-bigger.e-small .e-input-group.e-control-wrapper textarea.e-input, .e-float-input.e-bigger.e-small textarea, .e-float-input.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-float-input textarea, .e-bigger.e-small .e-float-input textarea.e-input, .e-float-input.e-control-wrapper.e-bigger.e-small textarea, .e-float-input.e-control-wrapper.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-float-input.e-control-wrapper textarea, .e-bigger.e-small .e-float-input.e-control-wrapper textarea.e-input { box-sizing: content-box; content: ''; } input.e-input.e-bigger, .e-input-group input.e-input.e-bigger, .e-input-group input.e-input.e-bigger, .e-input-group.e-control-wrapper input.e-input.e-bigger, .e-input-group.e-control-wrapper input.e-input.e-bigger, .e-input-group.e-bigger .e-input, .e-input-group.e-control-wrapper.e-bigger .e-input, .e-bigger input.e-input, .e-bigger .e-input-group .e-input, .e-bigger .e-input-group.e-control-wrapper .e-input, .e-float-input.e-bigger input, .e-float-input input.e-bigger, .e-bigger .e-float-input input, .e-float-input.e-control-wrapper.e-bigger input, .e-float-input.e-control-wrapper input.e-bigger, .e-bigger .e-float-input.e-control-wrapper input { text-indent: 0; } input.e-input.e-small, .e-input-group input.e-input.e-small, .e-input-group.e-control-wrapper input.e-input.e-small, .e-input-group.e-small .e-input, .e-input-group.e-control-wrapper.e-small .e-input, .e-small input.e-input, .e-small .e-input-group .e-input, .e-small .e-input-group.e-control-wrapper .e-input, .e-float-input.e-small input, .e-float-input input.e-small, .e-small .e-float-input input, .e-float-input.e-control-wrapper.e-small input, .e-float-input.e-control-wrapper input.e-small, .e-small .e-float-input.e-control-wrapper input { text-indent: 0; } textarea.e-input.e-small, .e-input-group textarea.e-input.e-small, .e-input-group.e-control-wrapper input.e-input-group textarea.e-input.e-small, .e-small input.e-input, .e-float-input.e-small textarea, .e-float-input textarea.e-small, .e-small .e-float-input textarea, .e-float-input.e-control-wrapper.e-small textarea, .e-float-input.e-control-wrapper textarea.e-small, .e-small .e-float-input.e-control-wrapper textarea { text-indent: 0; } input.e-input, .e-input-group input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper input, .e-float-input input.e-input, .e-float-input input, .e-float-input.e-control-wrapper input.e-input, .e-float-input.e-control-wrapper input, .e-input-group input.e-input:focus, .e-input-group.e-control-wrapper input.e-input:focus, .e-float-input.e-control-wrapper input:focus, .e-float-input input:focus, .e-input-group.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-float-input.e-control-wrapper.e-input-focus input, .e-float-input.e-input-focus input { padding-left: 0; text-indent: 0; } textarea.e-input, .e-input-group textarea.e-input, .e-input-group textarea, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper textarea, .e-float-input textarea.e-input, .e-float-input textarea, .e-float-input.e-control-wrapper textarea.e-input, .e-float-input.e-control-wrapper textarea, .e-input-group textarea.e-input:focus, .e-input-group.e-control-wrapper textarea.e-input:focus, .e-float-input.e-control-wrapper textarea:focus, .e-float-input textarea:focus { padding-left: 0; text-indent: 0; } input.e-input.e-rtl, .e-input-group.e-rtl input.e-input, .e-input-group.e-control-wrapper.e-rtl input.e-input, .e-float-input.e-rtl input, .e-float-input.e-control-wrapper.e-rtl input, .e-rtl .e-input-group input.e-input, .e-rtl .e-input-group.e-control-wrapper input.e-input, .e-rtl .e-float-input input, .e-rtl .e-float-input.e-control-wrapper input, .e-input-group.e-rtl input.e-input, .e-input-group.e-control-wrapper.e-rtl input.e-input, .e-float-input.e-rtl input, .e-float-input.e-control-wrapper.e-rtl input, .e-rtl .e-input-group input.e-input, .e-rtl .e-input-group.e-control-wrapper input.e-input, .e-rtl .e-float-input input, .e-rtl .e-float-input.e-control-wrapper input, .e-input-group.e-rtl input.e-input:focus, .e-input-group.e-control-wrapper.e-rtl input.e-input:focus, .e-float-input.e-rtl input:focus, .e-float-input.e-control-wrapper.e-rtl input:focus, .e-rtl .e-input-group input.e-input:focus, .e-rtl .e-input-group.e-control-wrapper input.e-input:focus, .e-rtl .e-float-input input:focus, .e-rtl .e-float-input.e-control-wrapper input:focus, .e-input-group.e-rtl.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-rtl.e-input-focus input.e-input, .e-rtl .e-input-group.e-input-focus input.e-input, .e-rtl .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-float-input.e-rtl.e-input-focus input, .e-float-input.e-control-wrapper.e-rtl.e-input-focus input, .e-rtl .e-float-input.e-input-focus input, .e-rtl .e-float-input.e-control-wrapper.e-input-focus input { padding-left: 0; padding-right: 0; text-indent: 0; } textarea.e-input.e-rtl, .e-input-group:not(.e-outline).e-rtl textarea.e-input, .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input, .e-float-input:not(.e-outline).e-rtl textarea, .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea, .e-rtl .e-input-group:not(.e-outline) textarea.e-input, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input, .e-rtl .e-float-input:not(.e-outline) textarea, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea, .e-input-group:not(.e-outline).e-rtl textarea.e-input, .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input, .e-float-input:not(.e-outline).e-rtl textarea, .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea, .e-rtl .e-input-group:not(.e-outline) textarea.e-input, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input, .e-rtl .e-float-input:not(.e-outline) textarea, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea, .e-input-group:not(.e-outline).e-rtl textarea.e-input:focus, .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input:focus, .e-float-input:not(.e-outline).e-rtl textarea:focus, .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea:focus, .e-rtl .e-input-group:not(.e-outline) textarea.e-input:focus, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input:focus, .e-rtl .e-float-input:not(.e-outline) textarea:focus, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea:focus { padding-right: 0; text-indent: 0; } input.e-input.e-small, .e-small input.e-input, .e-input-group.e-small input.e-input, .e-input-group.e-control-wrapper.e-small input.e-input, .e-float-input.e-small input, .e-float-input.e-control-wrapper input.e-small, .e-float-input.e-small input, .e-float-input.e-control-wrapper input.e-small, .e-input-group input.e-input.e-small, .e-input-group.e-control-wrapper input.e-input.e-small, .e-small .e-float-input input, .e-small .e-float-input.e-control-wrapper input, .e-small .e-input-group input.e-input, .e-small .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-small input.e-input:focus, .e-input-group.e-control-wrapper.e-small input.e-input:focus, .e-float-input.e-small input:focus, .e-float-input.e-control-wrapper.e-small input:focus, .e-small .e-input-group.e-control-wrapper input.e-input:focus, .e-small .e-input-group input.e-input:focus, .e-small .e-float-input input:focus, .e-small .e-float-input.e-control-wrapper input:focus, .e-input-group.e-small.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-small.e-input-focus input.e-input, .e-small .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-small .e-input-group.e-input-focus input.e-input, .e-float-input.e-small.e-input-focus input, .e-float-input.e-control-wrapper.e-input-focus.e-small input, .e-small .e-float-input.e-input-focus input, .e-small .e-float-input.e-control-wrapper.e-input-focus input { padding-left: 0; text-indent: 0; } textarea.e-input.e-small, .e-small textarea.e-input, .e-input-group.e-small textarea.e-input, .e-input-group.e-control-wrapper.e-small textarea.e-input, .e-float-input.e-control-wrapper.e-small textarea, .e-float-input.e-control-wrapper textarea.e-small, .e-float-input.e-small textarea, .e-float-input textarea.e-small, .e-input-group textarea.e-input.e-small, .e-input-group.e-control-wrapper textarea.e-input.e-small, .e-small .e-float-input.e-control-wrapper textarea, .e-small .e-float-input textarea, .e-small .e-input-group textarea.e-input, .e-small .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-small textarea.e-input:focus, .e-input-group.e-control-wrapper.e-small textarea.e-input:focus, .e-float-input.e-small textarea:focus, .e-float-input.e-control-wrapper.e-small textarea:focus, .e-small .e-input-group textarea.e-input:focus, .e-small .e-input-group.e-control-wrapper textarea.e-input:focus, .e-small .e-float-input.e-control-wrapper textarea:focus, .e-small .e-float-input textarea:focus { padding-left: 0; text-indent: 0; } .e-rtl input.e-input.e-small, input.e-input.e-small.e-rtl, .e-small.e-rtl input.e-input, .e-small input.e-input.e-rtl, .e-float-input.e-control-wrapper.e-small.e-rtl input, .e-float-input.e-small.e-rtl input, .e-input-group.e-small.e-rtl input.e-input, .e-input-group.e-control-wrapper.e-small.e-rtl input.e-input, .e-rtl .e-float-input.e-small input, .e-rtl .e-float-input.e-control-wrapper.e-small input, .e-rtl .e-input-group.e-small input.e-input, .e-rtl .e-input-group.e-control-wrapper.e-small input.e-input, .e-float-input.e-rtl input.e-small, .e-float-input.e-control-wrapper.e-rtl input.e-small, .e-input-group.e-rtl input.e-input.e-small, .e-input-group.e-control-wrapper.e-rtl input.e-input.e-small, .e-rtl .e-float-input input.e-small, .e-rtl .e-float-input.e-control-wrapper input.e-small, .e-rtl .e-input-group input.e-input.e-small, .e-rtl .e-input-group.e-control-wrapper input.e-input.e-small, .e-small .e-float-input.e-rtl input, .e-small .e-float-input.e-control-wrapper.e-rtl input, .e-small .e-input-group.e-rtl input.e-input, .e-small .e-input-group.e-control-wrapper.e-rtl input.e-input, .e-small.e-rtl .e-float-input.e-control-wrapper input, .e-small.e-rtl .e-float-input input, .e-small.e-rtl .e-input-group.e-control-wrapper input.e-input, .e-small.e-rtl .e-input-group input.e-input, .e-small.e-rtl .e-input-group.e-control-wrapper input.e-input:focus, .e-small.e-rtl .e-input-group input.e-input:focus, .e-small.e-rtl .e-float-input.e-control-wrapper input:focus, .e-small.e-rtl .e-float-input input:focus, .e-small .e-input-group.e-control-wrapper.e-rtl input.e-input:focus, .e-small .e-input-group.e-rtl input.e-input:focus, .e-small .e-float-input.e-control-wrapper.e-rtl input:focus, .e-small .e-float-input.e-rtl input:focus, .e-small.e-rtl .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-small.e-rtl .e-input-group.e-input-focus input.e-input, .e-small .e-input-group.e-control-wrapper.e-rtl.e-input-focus input.e-input, .e-small .e-input-group.e-rtl.e-input-focus input.e-input, .e-small.e-rtl .e-float-input.e-control-wrapper.e-input-focus input, .e-small.e-rtl .e-float-input.e-input-focus input, .e-small .e-float-input.e-control-wrapper.e-rtl.e-input-focus input, .e-small .e-float-input.e-rtl.e-input-focus input { padding-left: 0; padding-right: 0; text-indent: 0; } .e-rtl textarea.e-input.e-small, textarea.e-input.e-small.e-rtl, .e-small.e-rtl textarea.e-input, .e-small textarea.e-input.e-rtl, .e-float-input:not(.e-outline).e-small.e-rtl textarea, .e-float-input:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea, .e-input-group:not(.e-outline).e-small.e-rtl textarea.e-input, .e-input-group:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea.e-input, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-small textarea, .e-rtl .e-float-input:not(.e-outline).e-small textarea, .e-rtl .e-input-group:not(.e-outline).e-small textarea.e-input, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-small textarea.e-input, .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea.e-small, .e-float-input:not(.e-outline).e-rtl textarea.e-small, .e-input-group:not(.e-outline).e-rtl textarea.e-input.e-small, .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input.e-small, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea.e-small, .e-rtl .e-float-input:not(.e-outline) textarea.e-small, .e-rtl .e-input-group:not(.e-outline) textarea.e-input.e-small, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input.e-small, .e-small .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea, .e-small .e-float-input:not(.e-outline).e-rtl textarea, .e-small .e-input-group:not(.e-outline).e-rtl textarea.e-input, .e-small .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input, .e-small.e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea, .e-small.e-rtl .e-float-input:not(.e-outline) textarea, .e-small.e-rtl .e-input-group:not(.e-outline) textarea.e-input, .e-small.e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input, .e-small.e-rtl .e-input-group:not(.e-outline) textarea.e-input:focus, .e-small.e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input:focus, .e-small.e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea:focus, .e-small.e-rtl .e-float-input:not(.e-outline) textarea:focus, .e-small .e-input-group:not(.e-outline).e-rtl textarea.e-input:focus, .e-small .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input:focus, .e-small .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea:focus, .e-small .e-float-input:not(.e-outline).e-rtl textarea:focus { padding-right: 0; text-indent: 0; } input.e-input.e-bigger, .e-bigger input.e-input, .e-input-group.e-bigger input.e-input, .e-input-group.e-control-wrapper.e-bigger input.e-input, .e-float-input.e-control-wrapper.e-bigger input, .e-float-input.e-control-wrapper input.e-bigger, .e-float-input.e-bigger input, .e-float-input input.e-bigger, .e-input-group input.e-input.e-bigger, .e-input-group.e-control-wrapper input.e-input.e-bigger, .e-bigger .e-float-input.e-control-wrapper input, .e-bigger .e-float-input input, .e-bigger .e-input-group.e-control-wrapper input.e-input, .e-bigger .e-input-group input.e-input, .e-input-group.e-bigger input.e-input:focus, .e-input-group.e-control-wrapper.e-bigger input.e-input:focus, .e-float-input.e-control-wrapper.e-bigger input:focus, .e-float-input.e-bigger input:focus, .e-bigger .e-input-group input.e-input:focus, .e-bigger .e-input-group.e-control-wrapper input.e-input:focus, .e-bigger .e-float-input.e-control-wrapper input:focus, .e-bigger .e-float-input input:focus, .e-input-group.e-bigger.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-bigger.e-input-focus input.e-input, .e-bigger .e-input-group.e-input-focus input.e-input, .e-bigger .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-float-input.e-control-wrapper.e-bigger.e-input-focus input, .e-float-input.e-bigger.e-input-focus input, .e-bigger .e-float-input.e-control-wrapper.e-input-focus input, .e-bigger .e-float-input.e-input-focus input { padding-left: 0; text-indent: 0; } .e-rtl input.e-input.e-bigger, input.e-input.e-bigger.e-rtl, .e-bigger.e-rtl input.e-input, .e-bigger input.e-input.e-rtl, .e-float-input.e-control-wrapper.e-bigger.e-rtl input, .e-float-input.e-bigger.e-rtl input, .e-input-group.e-bigger.e-rtl input.e-input, .e-input-group.e-control-wrapper.e-bigger.e-rtl input.e-input, .e-rtl .e-float-input.e-control-wrapper.e-bigger input, .e-rtl .e-float-input.e-bigger input, .e-rtl .e-input-group.e-bigger input.e-input, .e-rtl .e-input-group.e-control-wrapper.e-bigger input.e-input, .e-float-input.e-control-wrapper.e-rtl input.e-bigger, .e-float-input.e-rtl input.e-bigger, .e-input-group.e-rtl input.e-input.e-bigger, .e-input-group.e-control-wrapper.e-rtl input.e-input.e-bigger, .e-rtl .e-float-input.e-control-wrapper input.e-bigger, .e-rtl .e-float-input input.e-bigger, .e-rtl .e-input-group input.e-input.e-bigger, .e-rtl .e-input-group.e-control-wrapper input.e-input.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-rtl input, .e-bigger .e-float-input.e-rtl input, .e-bigger .e-input-group.e-rtl input.e-input, .e-bigger .e-input-group.e-control-wrapper.e-rtl input.e-input, .e-bigger.e-rtl .e-float-input.e-control-wrapper input, .e-bigger.e-rtl .e-float-input input, .e-bigger.e-rtl .e-input-group input.e-input, .e-bigger.e-rtl .e-input-group.e-control-wrapper input.e-input, .e-bigger.e-rtl .e-input-group input.e-input:focus, .e-bigger.e-rtl .e-input-group.e-control-wrapper input.e-input:focus, .e-bigger.e-rtl .e-float-input.e-control-wrapper input:focus, .e-bigger.e-rtl .e-float-input input:focus, .e-bigger .e-input-group.e-rtl input.e-input:focus, .e-bigger .e-input-group.e-control-wrapper.e-rtl input.e-input:focus, .e-bigger .e-float-input.e-rtl input:focus, .e-bigger .e-float-input.e-control-wrapper.e-rtl input:focus, .e-bigger.e-rtl .e-input-group.e-input-focus input.e-input, .e-bigger.e-rtl .e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-bigger .e-input-group.e-rtl.e-input-focus input.e-input, .e-bigger .e-input-group.e-control-wrapper.e-rtl.e-input-focus input.e-input, .e-bigger.e-rtl .e-float-input.e-control-wrapper.e-input-focus input, .e-bigger.e-rtl .e-float-input.e-input-focus input, .e-bigger .e-float-input.e-rtl.e-input-focus input, .e-bigger .e-float-input.e-control-wrapper.e-rtl.e-input-focus input { padding-left: 0; padding-right: 0; text-indent: 0; } textarea.e-input.e-bigger, .e-bigger textarea.e-input, .e-input-group.e-bigger textarea.e-input, .e-input-group.e-control-wrapper.e-bigger textarea.e-input, .e-float-input.e-control-wrapper.e-bigger textarea, .e-float-input.e-control-wrapper textarea.e-bigger, .e-float-input.e-bigger textarea, .e-float-input textarea.e-bigger, .e-input-group textarea.e-input.e-bigger, .e-input-group.e-control-wrapper textarea.e-input.e-bigger, .e-bigger .e-float-input.e-control-wrapper textarea, .e-bigger .e-float-input textarea, .e-bigger .e-input-group textarea.e-input, .e-bigger .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-bigger textarea.e-input:focus, .e-input-group.e-control-wrapper.e-bigger textarea.e-input:focus, .e-float-input.e-control-wrapper.e-bigger textarea:focus, .e-float-input.e-bigger textarea:focus, .e-bigger .e-input-group textarea.e-input:focus, .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus, .e-bigger .e-float-input.e-control-wrapper textarea:focus, .e-bigger .e-float-input textarea:focus { padding-left: 0; text-indent: 0; } .e-rtl textarea.e-input.e-bigger, textarea.e-input.e-bigger.e-rtl, .e-bigger.e-rtl textarea.e-input, .e-bigger textarea.e-input.e-rtl, .e-float-input.e-control-wrapper:not(.e-outline).e-bigger.e-rtl textarea, .e-float-input:not(.e-outline).e-bigger.e-rtl textarea, .e-input-group:not(.e-outline).e-bigger.e-rtl textarea.e-input, .e-input-group:not(.e-outline).e-control-wrapper.e-bigger.e-rtl textarea.e-input, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-bigger textarea, .e-rtl .e-float-input:not(.e-outline).e-bigger textarea, .e-rtl .e-input-group:not(.e-outline).e-bigger textarea.e-input, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-bigger textarea.e-input, .e-float-input:not(.e-outline).e-rtl textarea.e-bigger, .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea.e-bigger, .e-input-group:not(.e-outline).e-rtl textarea.e-input.e-bigger, .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input.e-bigger, .e-rtl .e-float-input:not(.e-outline) textarea.e-bigger, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea.e-bigger, .e-rtl .e-input-group:not(.e-outline) textarea.e-input.e-bigger, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input.e-bigger, .e-bigger .e-float-input:not(.e-outline).e-rtl textarea, .e-bigger .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea, .e-bigger .e-input-group:not(.e-outline).e-rtl textarea.e-input, .e-bigger .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input, .e-bigger.e-rtl .e-float-input:not(.e-outline) textarea, .e-bigger.e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea, .e-bigger.e-rtl .e-input-group:not(.e-outline) textarea.e-input, .e-bigger.e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input, .e-bigger.e-rtl .e-input-group:not(.e-outline) textarea.e-input:focus, .e-bigger.e-rtl .e-input-group:not(.e-outline).e-control-wrapper textarea.e-input:focus, .e-bigger.e-rtl .e-float-input:not(.e-outline) textarea:focus, .e-bigger.e-rtl .e-float-input:not(.e-outline).e-control-wrapper textarea:focus, .e-bigger .e-input-group:not(.e-outline).e-rtl textarea.e-input:focus, .e-bigger .e-input-group:not(.e-outline).e-control-wrapper.e-rtl textarea.e-input:focus, .e-bigger .e-float-input:not(.e-outline).e-rtl textarea:focus, .e-bigger .e-float-input:not(.e-outline).e-control-wrapper.e-rtl textarea:focus { padding-right: 0; text-indent: 0; } input.e-input.e-bigger.e-small, .e-bigger input.e-input.e-small, .e-input-group.e-small.e-bigger input.e-input, .e-input-group.e-control-wrapper.e-small.e-bigger input.e-input, .e-input-group.e-small input.e-input.e-bigger, .e-input-group.e-control-wrapper.e-small input.e-input.e-bigger, .e-bigger .e-input-group.e-small input.e-input, .e-bigger .e-input-group.e-control-wrapper.e-small input.e-input, .e-float-input.e-small.e-bigger input, .e-float-input.e-small input.e-bigger, .e-bigger .e-float-input.e-small input, .e-float-input.e-control-wrapper.e-small.e-bigger input, .e-float-input.e-control-wrapper.e-small input.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-small input, .e-bigger .e-input-group.e-small input.e-input:focus, .e-bigger .e-input-group.e-control-wrapper.e-small input.e-input:focus, .e-bigger .e-float-input.e-control-wrapper.e-small input:focus, .e-bigger .e-float-input.e-small input:focus, .e-small .e-input-group.e-bigger input.e-input:focus, .e-small .e-input-group.e-control-wrapper.e-bigger input.e-input:focus, .e-small .e-float-input.e-control-wrapper.e-bigger input:focus, .e-small .e-float-input.e-bigger input:focus, .e-input-group.e-bigger.e-small input.e-input:focus, .e-input-group.e-control-wrapper.e-bigger.e-small input.e-input:focus, .e-float-input.e-control-wrapper.e-bigger.e-small input:focus, .e-float-input.e-bigger.e-small input:focus, .e-bigger .e-input-group.e-small.e-input-focus input.e-input, .e-bigger .e-input-group.e-control-wrapper.e-small.e-input-focus input.e-input, .e-small .e-input-group.e-bigger.e-input-focus input.e-input, .e-small .e-input-group.e-control-wrapper.e-bigger.e-input-focus input.e-input, .e-input-group.e-bigger.e-small.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-bigger.e-small.e-input-focus input.e-input, .e-bigger .e-float-input.e-control-wrapper.e-small.e-input-focus input, .e-bigger .e-float-input.e-small.e-input-focus input, .e-small .e-float-input.e-control-wrapper.e-bigger.e-input-focus input, .e-small .e-float-input.e-bigger.e-input-focus input, .e-float-input.e-control-wrapper.e-bigger.e-small.e-input-focus input, .e-float-input.e-bigger.e-small.e-input-focus input { padding-left: 0; text-indent: 0; } .e-bigger input.e-input.e-small.e-rtl, .e-input-group.e-small.e-bigger.e-rtl input.e-input, .e-input-group.e-control-wrapper.e-small.e-bigger.e-rtl input.e-input, .e-input-group.e-small.e-rtl input.e-input.e-bigger, .e-input-group.e-control-wrapper.e-small.e-rtl input.e-input.e-bigger, .e-bigger .e-input-group.e-small.e-rtl input.e-input, .e-bigger .e-input-group.e-control-wrapper.e-small.e-rtl input.e-input, .e-float-input.e-small.e-bigger.e-rtl input, .e-float-input.e-small.e-rtl input.e-bigger, .e-bigger .e-float-input.e-small.e-rtl input, .e-float-input.e-control-wrapper.e-small.e-bigger.e-rtl input, .e-float-input.e-control-wrapper.e-small.e-rtl input.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-small.e-rtl input, .e-bigger.e-rtl input.e-input.e-small, .e-rtl .e-input-group.e-small.e-bigger input.e-input, .e-rtl .e-input-group.e-control-wrapper.e-small.e-bigger input.e-input, .e-rtl .e-input-group.e-small input.e-input.e-bigger, .e-rtl .e-input-group.e-control-wrapper.e-small input.e-input.e-bigger, .e-bigger.e-rtl .e-input-group.e-small input.e-input, .e-bigger.e-rtl .e-input-group.e-control-wrapper.e-small input.e-input, .e-rtl .e-float-input.e-control-wrapper.e-small.e-bigger input, .e-rtl .e-float-input.e-control-wrapper.e-small input.e-bigger, .e-bigger.e-rtl .e-float-input.e-control-wrapper.e-small input, .e-rtl .e-float-input.e-small.e-bigger input, .e-rtl .e-float-input.e-small input.e-bigger, .e-bigger.e-rtl .e-float-input.e-small input, .e-bigger .e-input-group.e-small.e-rtl input.e-input:focus, .e-bigger .e-input-group.e-control-wrapper.e-small.e-rtl input.e-input:focus, .e-bigger .e-float-input.e-control-wrapper.e-small.e-rtl input:focus, .e-bigger .e-float-input.e-small.e-rtl input:focus, .e-small .e-input-group.e-bigger.e-rtl input.e-input:focus, .e-small .e-input-group.e-control-wrapper.e-bigger.e-rtl input.e-input:focus, .e-small .e-float-input.e-control-wrapper.e-bigger.e-rtl input:focus, .e-small .e-float-input.e-bigger.e-rtl input:focus, .e-input-group.e-bigger.e-small.e-rtl input.e-input:focus, .e-input-group.e-control-wrapper.e-bigger.e-small.e-rtl input.e-input:focus, .e-float-input.e-control-wrapper.e-bigger.e-small.e-rtl input:focus, .e-float-input.e-bigger.e-small.e-rtl input:focus, .e-bigger.e-rtl .e-input-group.e-small input.e-input:focus, .e-bigger.e-rtl .e-input-group.e-control-wrapper.e-small input.e-input:focus, .e-bigger.e-rtl .e-float-input.e-control-wrapper.e-small input:focus, .e-bigger.e-rtl .e-float-input.e-small input:focus, .e-small.e-rtl .e-input-group.e-bigger input.e-input:focus, .e-small.e-rtl .e-input-group.e-control-wrapper.e-bigger input.e-input:focus, .e-small.e-rtl .e-float-input.e-control-wrapper.e-bigger input:focus, .e-small.e-rtl .e-float-input.e-bigger input:focus, .e-rtl .e-input-group.e-bigger.e-small input.e-input:focus, .e-rtl .e-input-group.e-control-wrapper.e-bigger.e-small input.e-input:focus, .e-rtl .e-float-input.e-control-wrapper.e-bigger.e-small input:focus, .e-rtl .e-float-input.e-bigger.e-small input:focus, .e-bigger .e-float-input.e-control-wrapper.e-small.e-rtl.e-input-focus input, .e-bigger .e-float-input.e-small.e-rtl.e-input-focus input, .e-small .e-float-input.e-control-wrapper.e-bigger.e-rtl.e-input-focus input, .e-small .e-float-input.e-bigger.e-rtl.e-input-focus input, .e-float-input.e-control-wrapper.e-bigger.e-small.e-rtl.e-input-focus input, .e-float-input.e-bigger.e-small.e-rtl.e-input-focus input, .e-bigger.e-rtl .e-float-input.e-control-wrapper.e-small.e-input-focus input, .e-bigger.e-rtl .e-float-input.e-small.e-input-focus input, .e-small.e-rtl .e-float-input.e-control-wrapper.e-bigger.e-input-focus input, .e-small.e-rtl .e-float-input.e-bigger.e-input-focus input, .e-rtl .e-float-input.e-control-wrapper.e-bigger.e-small.e-input-focus input, .e-rtl .e-float-input.e-bigger.e-small.e-input-focus input, .e-bigger .e-input-group.e-small.e-rtl.e-input-focus input.e-input, .e-bigger .e-input-group.e-control-wrapper.e-small.e-rtl.e-input-focus input.e-input, .e-small .e-input-group.e-bigger.e-rtl.e-input-focus input.e-input, .e-small .e-input-group.e-control-wrapper.e-bigger.e-rtl.e-input-focus input.e-input, .e-input-group.e-bigger.e-small.e-rtl.e-input-focus input.e-input, .e-input-group.e-control-wrapper.e-bigger.e-small.e-rtl.e-input-focus input.e-input, .e-bigger.e-rtl .e-input-group.e-small.e-input-focus input.e-input, .e-bigger.e-rtl .e-input-group.e-control-wrapper.e-small.e-input-focus input.e-input, .e-small.e-rtl .e-input-group.e-bigger.e-input-focus input.e-input, .e-small.e-rtl .e-input-group.e-control-wrapper.e-bigger.e-input-focus input.e-input, .e-rtl .e-input-group.e-bigger.e-small.e-input-focus input.e-input, .e-rtl .e-input-group.e-control-wrapper.e-bigger.e-small.e-input-focus input.e-input { padding-left: 0; padding-right: 0; text-indent: 0; } textarea.e-input.e-bigger.e-small, .e-bigger textarea.e-input.e-small, .e-input-group.e-small.e-bigger textarea.e-input, .e-input-group.e-control-wrapper.e-small.e-bigger textarea.e-input, .e-input-group.e-small textarea.e-input.e-bigger, .e-input-group.e-control-wrapper.e-small textarea.e-input.e-bigger, .e-bigger .e-input-group.e-small textarea.e-input, .e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input, .e-float-input.e-small.e-bigger textarea, .e-float-input.e-small textarea.e-bigger, .e-bigger .e-float-input.e-small textarea, .e-float-input.e-control-wrapper.e-small.e-bigger textarea, .e-float-input.e-control-wrapper.e-small textarea.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-small textarea, .e-bigger .e-input-group.e-small textarea.e-input:focus, .e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input:focus, .e-bigger .e-float-input.e-control-wrapper.e-small textarea:focus, .e-bigger .e-float-input.e-small textarea:focus, .e-small .e-input-group.e-bigger textarea.e-input:focus, .e-small .e-input-group.e-control-wrapper.e-bigger textarea.e-input:focus, .e-small .e-float-input.e-control-wrapper.e-bigger textarea:focus, .e-small .e-float-input.e-bigger textarea:focus, .e-input-group.e-bigger.e-small textarea.e-input:focus, .e-input-group.e-control-wrapper.e-bigger.e-small textarea.e-input:focus, .e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus, .e-float-input.e-bigger.e-small textarea:focus { padding-left: 0; text-indent: 0; } .e-bigger textarea.e-input.e-small.e-rtl, .e-input-group:not(.e-outline).e-small.e-bigger.e-rtl textarea.e-input, .e-input-group:not(.e-outline).e-control-wrapper.e-small.e-bigger.e-rtl textarea.e-input, .e-input-group:not(.e-outline).e-small.e-rtl textarea.e-input.e-bigger, .e-input-group:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea.e-input.e-bigger, .e-bigger .e-input-group:not(.e-outline).e-small.e-rtl textarea.e-input, .e-bigger .e-input-group:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea.e-input, .e-float-input:not(.e-outline).e-small.e-bigger.e-rtl textarea, .e-float-input:not(.e-outline).e-small.e-rtl textarea.e-bigger, .e-bigger .e-float-input:not(.e-outline).e-small.e-rtl textarea, .e-float-input:not(.e-outline).e-control-wrapper.e-small.e-bigger.e-rtl textarea, .e-float-input:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea.e-bigger, .e-bigger .e-float-input:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea, .e-bigger.e-rtl textarea.e-input.e-small, .e-rtl .e-input-group:not(.e-outline).e-small.e-bigger textarea.e-input, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-small.e-bigger textarea.e-input, .e-rtl .e-input-group:not(.e-outline).e-small textarea.e-input.e-bigger, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-small textarea.e-input.e-bigger, .e-bigger.e-rtl .e-input-group:not(.e-outline).e-small textarea.e-input, .e-bigger.e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-small textarea.e-input, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-small.e-bigger textarea, .e-rtl .e-float-input:not(.e-outline).e-small textarea.e-bigger, .e-bigger.e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-small textarea, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-small.e-bigger textarea, .e-rtl .e-float-input:not(.e-outline).e-small textarea.e-bigger, .e-bigger.e-rtl .e-float-input:not(.e-outline).e-small textarea, .e-bigger.e-rtl .e-float-input:not(.e-outline).e-small.e-control-wrapper textarea, .e-bigger .e-input-group:not(.e-outline).e-small.e-rtl textarea.e-input:focus, .e-bigger .e-input-group:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea.e-input:focus, .e-bigger .e-float-input:not(.e-outline).e-control-wrapper.e-small.e-rtl textarea:focus, .e-bigger .e-float-input:not(.e-outline).e-small.e-rtl textarea:focus, .e-small .e-input-group:not(.e-outline).e-bigger.e-rtl textarea.e-input:focus, .e-small .e-input-group:not(.e-outline).e-control-wrapper.e-bigger.e-rtl textarea.e-input:focus, .e-small .e-float-input:not(.e-outline).e-control-wrapper.e-bigger.e-rtl textarea:focus, .e-small .e-float-input:not(.e-outline).e-bigger.e-rtl textarea:focus, .e-input-group:not(.e-outline).e-bigger.e-small.e-rtl textarea.e-input:focus, .e-input-group:not(.e-outline).e-control-wrapper.e-bigger.e-small.e-rtl textarea.e-input:focus, .e-float-input:not(.e-outline).e-control-wrapper.e-bigger.e-small.e-rtl textarea:focus, .e-float-input:not(.e-outline).e-bigger.e-small.e-rtl textarea:focus, .e-bigger.e-rtl .e-input-group:not(.e-outline).e-small textarea.e-input:focus, .e-bigger.e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-small textarea.e-input:focus, .e-bigger.e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-small textarea:focus, .e-bigger.e-rtl .e-float-input:not(.e-outline).e-small textarea:focus, .e-small.e-rtl .e-input-group:not(.e-outline).e-bigger textarea.e-input:focus, .e-small.e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-bigger textarea.e-input:focus, .e-small.e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-bigger textarea:focus, .e-small.e-rtl .e-float-input:not(.e-outline).e-bigger textarea:focus, .e-rtl .e-input-group:not(.e-outline).e-bigger.e-small textarea.e-input:focus, .e-rtl .e-input-group:not(.e-outline).e-control-wrapper.e-bigger.e-small textarea.e-input:focus, .e-rtl .e-float-input:not(.e-outline).e-control-wrapper.e-bigger.e-small textarea:focus, .e-rtl .e-float-input:not(.e-outline).e-bigger.e-small textarea:focus { padding-right: 0; text-indent: 0; } .e-float-input .e-clear-icon, .e-float-input.e-control-wrapper .e-clear-icon, .e-input-group .e-clear-icon, .e-input-group.e-control-wrapper .e-clear-icon { background: transparent; border: 0; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; line-height: 1; min-width: 24px; outline: none; padding: 0; text-align: center; } .e-float-input .e-clear-icon::before, .e-float-input.e-control-wrapper .e-clear-icon::before, .e-input-group .e-clear-icon::before, .e-input-group.e-control-wrapper .e-clear-icon::before { font-size: 12px; padding: 0; text-align: center; vertical-align: middle; } .e-float-input.e-static-clear .e-clear-icon.e-clear-icon-hide, .e-float-input.e-control-wrapper.e-static-clear .e-clear-icon.e-clear-icon-hide, .e-input-group.e-static-clear .e-clear-icon.e-clear-icon-hide, .e-input-group.e-control-wrapper.e-static-clear .e-clear-icon.e-clear-icon-hide { cursor: pointer; display: -ms-flexbox; display: flex; } .e-float-input.e-small.e-bigger .e-clear-icon, .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-input-group.e-small.e-bigger .e-clear-icon, .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon, .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon, .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon, .e-bigger .e-input-group.e-control-wrapper.e-small input:first-child ~ .e-clear-icon, .e-small .e-float-input.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon, .e-small .e-float-input.e-bigger input:first-child ~ .e-clear-icon, .e-bigger .e-float-input.e-control-wrapper.e-small input:first-child ~ .e-clear-icon, .e-bigger .e-float-input.e-small input:first-child ~ .e-clear-icon { padding-bottom: 0; } .e-float-input.e-small .e-clear-icon::before, .e-float-input.e-control-wrapper.e-small .e-clear-icon::before, .e-input-group.e-small .e-clear-icon::before, .e-input-group.e-control-wrapper.e-small .e-clear-icon::before, .e-float-input.e-control-wrapper input.e-small:first-child ~ .e-clear-icon::before, .e-small .e-float-input.e-control-wrapper .e-clear-icon::before, .e-float-input input.e-small:first-child ~ .e-clear-icon::before, .e-small .e-float-input .e-clear-icon::before, .e-small .e-input-group .e-clear-icon::before, .e-small .e-input-group.e-control-wrapper .e-clear-icon::before { font-size: 10px; } .e-float-input.e-bigger .e-clear-icon::before, .e-float-input.e-control-wrapper.e-bigger .e-clear-icon::before, .e-input-group.e-bigger .e-clear-icon::before, .e-input-group.e-control-wrapper.e-bigger .e-clear-icon::before, .e-float-input.e-control-wrapper input.e-bigger:first-child ~ .e-clear-icon::before, .e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before, .e-float-input input.e-bigger:first-child ~ .e-clear-icon::before, .e-bigger .e-float-input .e-clear-icon::before, .e-bigger .e-input-group .e-clear-icon::before, .e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before { font-size: 12px; } .e-float-input.e-small.e-bigger .e-clear-icon::before, .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before, .e-input-group.e-small.e-bigger .e-clear-icon::before, .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before, .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before, .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before, .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before, .e-bigger .e-input-group.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before, .e-small .e-float-input.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before, .e-small .e-float-input.e-bigger input:first-child ~ .e-clear-icon::before, .e-bigger .e-float-input.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before, .e-bigger .e-float-input.e-small input:first-child ~ .e-clear-icon::before { font-size: 12px; } .e-input:not(:valid):first-child ~ .e-clear-icon, .e-input-group input.e-input:not(:valid):first-child ~ .e-clear-icon, .e-input-group.e-control-wrapper input.e-input:not(:valid):first-child ~ .e-clear-icon, .e-float-input input:not(:valid):first-child ~ .e-clear-icon, .e-float-input.e-control-wrapper input:not(:valid):first-child ~ .e-clear-icon, .e-float-input.e-input-group input:not(:valid):first-child ~ .e-clear-icon, .e-float-input.e-input-group.e-control-wrapper input:not(:valid):first-child ~ .e-clear-icon { display: none; } .e-input-group .e-clear-icon.e-clear-icon-hide, .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide { display: none; } .e-input-group.e-static-clear .e-clear-icon.e-clear-icon-hide, .e-input-group.e-control-wrapper.e-static-clear .e-clear-icon.e-clear-icon-hide { cursor: pointer; } .e-input-group.e-disabled input.e-input:not(:valid):first-child ~ .e-clear-icon, .e-input-group.e-control-wrapper.e-disabled input.e-input:not(:valid):first-child ~ .e-clear-icon, .e-float-input.e-disabled input:not(:valid):first-child ~ .e-clear-icon, .e-float-input.e-input-group.e-disabled input:not(:valid):first-child ~ .e-clear-icon, .e-float-input.e-input-group.e-control-wrapper.e-disabled input:not(:valid):first-child ~ .e-clear-icon, .e-float-input.e-control-wrapper.e-disabled input:not(:valid):first-child ~ .e-clear-icon, .e-input-group.e-disabled .e-clear-icon.e-clear-icon-hide, .e-input-group.e-control-wrapper.e-disabled .e-clear-icon.e-clear-icon-hide { cursor: not-allowed; } .e-float-input.e-control-wrapper input[readonly]:first-child ~ .e-clear-icon, .e-float-input.e-control-wrapper.e-input-group input[readonly]:first-child ~ .e-clear-icon, .e-float-input input[readonly]:first-child ~ .e-clear-icon, .e-float-input.e-input-group input[readonly]:first-child ~ .e-clear-icon, .e-input-group input[readonly]:first-child ~ .e-clear-icon.e-clear-icon-hide, .e-float-input.e-control-wrapper.e-input-group input[readonly]:first-child ~ .e-clear-icon, .e-float-input.e-input-group.e-control-wrapper input[readonly]:first-child ~ .e-clear-icon, .e-input-group.e-control-wrapper input[readonly]:first-child .e-clear-icon.e-clear-icon-hide { cursor: auto; } .e-input-group .e-clear-icon, .e-input-group.e-control-wrapper .e-clear-icon { min-height: 18px; min-width: 18px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; } .e-float-input.e-input-group .e-clear-icon, .e-float-input.e-input-group.e-control-wrapper .e-clear-icon { padding-right: 4px; padding-top: 4px; } .e-input-group.e-bigger .e-clear-icon, .e-input-group.e-control-wrapper.e-bigger .e-clear-icon, .e-input-group .e-clear-icon.e-bigger, .e-input-group.e-control-wrapper .e-clear-icon.e-bigger, .e-bigger .e-input-group .e-clear-icon, .e-bigger .e-input-group.e-control-wrapper .e-clear-icon { min-height: 20px; min-width: 20px; padding-bottom: 5px; padding-right: 8px; padding-top: 6px; } .e-input-group.e-float-input.e-bigger .e-clear-icon, .e-input-group.e-float-input .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-float-input .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input.e-bigger .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-float-input .e-clear-icon { padding-right: 8px; padding-top: 6px; } .e-input-group.e-small.e-bigger .e-clear-icon, .e-input-group.e-small .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-small .e-clear-icon, .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-small .e-clear-icon { min-height: 18px; min-width: 18px; padding-bottom: 4px; padding-right: 4px; padding-top: 4px; } .e-input-group.e-float-input.e-small.e-bigger .e-clear-icon, .e-input-group.e-float-input.e-small .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-float-input.e-small .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input.e-small.e-bigger .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon, .e-input-group.e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-input-group.e-float-input.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-float-input.e-control-wrapper.e-small .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input.e-small.e-bigger .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon.e-bigger, .e-bigger .e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon { padding-right: 4px; padding-top: 4px; } .e-input-group.e-small .e-clear-icon, .e-input-group .e-clear-icon.e-small, .e-small .e-input-group .e-clear-icon, .e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-input-group.e-control-wrapper .e-clear-icon.e-small, .e-small .e-input-group.e-control-wrapper .e-clear-icon { min-height: 16px; min-width: 16px; padding-bottom: 4px; padding-right: 4px; padding-top: 4px; } .e-input-group.e-float-input.e-small .e-clear-icon, .e-input-group.e-float-input .e-clear-icon.e-small, .e-small .e-input-group.e-float-input .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input .e-clear-icon.e-small, .e-small .e-input-group.e-control-wrapper.e-float-input .e-clear-icon, .e-input-group.e-float-input.e-control-wrapper.e-small .e-clear-icon, .e-input-group.e-float-input.e-control-wrapper .e-clear-icon.e-small, .e-small .e-input-group.e-float-input.e-control-wrapper .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon, .e-input-group.e-control-wrapper.e-float-input .e-clear-icon.e-small, .e-small .e-input-group.e-control-wrapper.e-float-input .e-clear-icon { padding-right: 4px; padding-top: 4px; } .e-input:not(:valid), .e-input:valid, .e-float-input.e-control-wrapper input:not(:valid), .e-float-input.e-control-wrapper input:valid, .e-float-input input:not(:valid), .e-float-input input:valid, .e-input-group input:not(:valid), .e-input-group input:valid, .e-input-group.e-control-wrapper input:not(:valid), .e-input-group.e-control-wrapper input:valid, .e-float-input.e-control-wrapper textarea:not(:valid), .e-float-input.e-control-wrapper textarea:valid, .e-float-input textarea:not(:valid), .e-float-input textarea:valid, .e-input-group.e-control-wrapper textarea:not(:valid), .e-input-group.e-control-wrapper textarea:valid, .e-input-group textarea:not(:valid), .e-input-group textarea:valid { box-shadow: none; } .e-input-group .e-input-in-wrap, .e-input-group.e-control-wrapper .e-input-in-wrap, .e-float-input .e-input-in-wrap, .e-float-input.e-control-wrapper .e-input-in-wrap { width: 100%; } .e-float-input .e-input-in-wrap label.e-float-text, .e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text { right: 0; } .e-input-group .e-input-in-wrap, .e-input-group.e-control-wrapper .e-input-in-wrap, .e-float-input .e-input-in-wrap, .e-float-input.e-control-wrapper .e-input-in-wrap { display: -ms-flexbox; display: flex; position: relative; width: 100%; } .e-float-input.e-float-icon-left .e-input-in-wrap, .e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-input-group.e-float-icon-left .e-input-in-wrap, .e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap { border: 1px solid; border-width: 0 0 1px 0; margin-left: 16px; } .e-rtl .e-float-input.e-float-icon-left .e-input-in-wrap, .e-rtl .e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl .e-input-group.e-float-icon-left .e-input-in-wrap, .e-rtl .e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap .e-float-input.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-float-input.e-float-icon-left.e-rtl .e-input-in-wrap, .e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap, .e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap { margin-left: 0; margin-right: 16px; } .e-float-input input.e-input, .e-float-input.e-bigger .e-input, .e-bigger .e-float-input .e-input, .e-float-input.e-control-wrapper input.e-input, .e-float-input.e-control-wrapper.e-bigger .e-input, .e-bigger .e-float-input.e-control-wrapper .e-input { margin-bottom: 0; } .e-float-input label.e-float-text.e-label-bottom, .e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { transform: translate3d(0, 16px, 0) scale(1); } .e-float-input textarea:focus ~ label.e-float-text, .e-float-input textarea:valid ~ label.e-float-text, .e-float-input textarea ~ label.e-label-top.e-float-text, .e-float-input textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input textarea label.e-float-text.e-label-top, .e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top { font-size: 13px; top: -22px; transform: translate3d(0, 6px, 0) scale(0.92); } .e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input textarea:focus ~ label.e-float-text, .e-bigger .e-float-input textarea:valid ~ label.e-float-text, .e-bigger .e-float-input textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text { font-size: 14px; top: -20px; } .e-float-input.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text { font-size: 12px; top: -21px; } .e-float-input.e-small.e-bigger textarea:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger textarea:valid ~ label.e-float-text, .e-float-input.e-small.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text { font-size: 13px; top: -20px; } .e-float-input textarea ~ .e-float-text, .e-float-input.e-control-wrapper textarea ~ .e-float-text { top: -11px; } .e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 12px; top: -11px; } .e-float-input.e-bigger textarea ~ label.e-float-text, .e-float-input textarea ~ label.e-float-text.e-bigger, .e-float-input textarea.e-bigger ~ label.e-float-text, .e-bigger .e-float-input textarea ~ label.e-float-text, .e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-float-text, .e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-bigger, .e-float-input.e-control-wrapper textarea.e-bigger ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; top: -8px; } .e-float-input.e-small textarea ~ label.e-float-text, .e-float-input textarea ~ label.e-float-text.e-small, .e-float-input textarea.e-small ~ label.e-float-text, .e-small .e-float-input textarea ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small textarea ~ label.e-float-text, .e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-small, .e-float-input.e-control-wrapper textarea.e-small ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper textarea ~ label.e-float-text { font-size: 12px; top: -11px; } .e-input-group.e-bigger:not(.e-float-input) .e-input, .e-bigger .e-input-group:not(.e-float-input) .e-input, .e-input-group.e-control-wrapper.e-bigger:not(.e-float-input) .e-input, .e-bigger .e-input-group.e-control-wrapper:not(.e-float-input) .e-input, .e-float-input.e-bigger input, .e-bigger .e-float-input input, .e-float-input.e-input-group.e-bigger input, .e-bigger .e-float-input.e-input-group input, .e-float-input.e-input-group.e-control-wrapper.e-bigger input, .e-bigger .e-float-input.e-input-group.e-control-wrapper input, .e-float-input.e-control-wrapper.e-bigger input, .e-bigger .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper.e-input-group.e-bigger input, .e-bigger .e-float-input.e-control-wrapper.e-input-group input, .e-float-input.e-control-wrapper.e-input-group.e-bigger input, .e-bigger .e-float-input.e-control-wrapper.e-input-group input { min-height: 27px; } .e-input-group.e-small:not(.e-float-input) .e-input, .e-small .e-input-group:not(.e-float-input) .e-input, .e-input-group.e-control-wrapper.e-small:not(.e-float-input) .e-input, .e-small .e-input-group.e-control-wrapper:not(.e-float-input) .e-input, .e-float-input.e-small input, .e-small .e-float-input input, .e-float-input.e-input-group.e-small input, .e-small .e-float-input.e-input-group input, .e-float-input.e-input-group.e-control-wrapper.e-small input, .e-small .e-float-input.e-input-group.e-control-wrapper input, .e-float-input.e-control-wrapper.e-small input, .e-small .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper.e-input-group.e-small input, .e-small .e-float-input.e-control-wrapper.e-input-group input, .e-float-input.e-control-wrapper.e-input-group.e-small input, .e-small .e-float-input.e-control-wrapper.e-input-group input { min-height: 18px; } .e-input-group.e-bigger.e-small:not(.e-float-input) .e-input, .e-bigger .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-input-group.e-control-wrapper.e-bigger.e-small:not(.e-float-input) .e-input, .e-bigger .e-input-group.e-control-wrapper.e-small:not(.e-float-input) .e-input .e-small .e-input-group.e-control-wrapper.e-bigger:not(.e-float-input) .e-input, .e-float-input.e-bigger.e-small input, .e-bigger .e-float-input.e-small input, .e-small .e-float-input.e-bigger input, .e-float-input.e-input-group.e-bigger.e-small input, .e-bigger .e-float-input.e-input-group.e-small input, .e-small .e-float-input.e-input-group.e-bigger input, .e-float-input.e-input-group.e-control-wrapper.e-bigger.e-small input, .e-bigger .e-float-input.e-input-group.e-control-wrapper.e-small input, .e-small .e-float-input.e-input-group.e-control-wrapper.e-bigger input, .e-float-input.e-control-wrapper.e-bigger.e-small input, .e-bigger .e-float-input.e-control-wrapper.e-small input, .e-small .e-float-input.e-control-wrapper.e-bigger input, .e-float-input.e-control-wrapper.e-input-group.e-bigger.e-small input, .e-bigger .e-float-input.e-control-wrapper.e-input-group.e-small input, .e-small .e-float-input.e-control-wrapper.e-input-group.e-bigger input { min-height: 22px; } .e-input-group input.e-input, .e-float-input.e-input-group input, .e-input-group.e-control-wrapper input.e-input, .e-float-input.e-input-group.e-control-wrapper input, .e-float-input input, .e-float-input.e-control-wrapper input { min-height: 22px; } .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left), .e-float-input:hover:not(.e-disabled):not(.e-float-icon-left), .e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]), .e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) { border-bottom-width: 1px; } .e-input-group.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover, .e-float-input.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover, .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover { border-bottom-width: 1px; } .e-input-group:not(.e-disabled):not(.e-float-icon-left)::before, .e-input-group:not(.e-disabled):not(.e-float-icon-left)::after, .e-input-group.e-float-icon-left:not(.e-disabled) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-disabled) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::before, .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::after, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-disabled) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-disabled) .e-input-in-wrap::after { bottom: -2px; } .e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success).e-warning:not(.e-error), .e-float-input.e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning).e-error, .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-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-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-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-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) input, .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) input, .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) input, .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 input, .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) textarea, .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) textarea, .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) textarea, .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 textarea, .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) input, .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) input, .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) input, .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 input, .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-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-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-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-input-group.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-input-group.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-success:not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left).e-warning:not(.e-success):not(.e-error), .e-input-group.e-input-focus:not(.e-float-icon-left).e-error:not(.e-success):not(.e-warning), .e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-input-group.e-float-icon-left.e-input-focus.e-success:not(.e-warning):not(.e-error) .e-input-in-wrap, .e-input-group.e-float-icon-left.e-input-focus.e-warning:not(.e-success):not(.e-error) .e-input-in-wrap, .e-input-group.e-float-icon-left.e-input-focus.e-error:not(.e-success):not(.e-warning) .e-input-in-wrap { border-style: solid; border-width: 0 0 1px; } .e-float-input input:-webkit-autofill ~ label.e-float-text, .e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .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: 13px; top: -9px; transform: translate3d(0, -6px, 0) scale(0.92); -webkit-user-select: text; user-select: text; } .e-bigger .e-float-input input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-bigger .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-bigger.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: -8px; transform: translate3d(0, -6px, 0) scale(0.86); -webkit-user-select: text; user-select: text; } .e-small .e-float-input input:-webkit-autofill ~ label.e-float-text, .e-small.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-small.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-small .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-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: 12px; top: -8px; transform: translate3d(0, -6px, 0) scale(0.92); -webkit-user-select: text; user-select: text; } .e-bigger .e-float-input.e-small input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input input:-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-small.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-small.e-bigger .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-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-bigger .e-small.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-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: 13px; top: -10px; transform: translate3d(0, -6px, 0) scale(0.92); -webkit-user-select: text; user-select: text; } .e-bigger .e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; top: -10px; font-style: normal; } .e-float-input.e-bigger.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-bigger.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-bigger.e-small textarea ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger.e-small textarea label.e-float-text.e-label-top, .e-bigger .e-float-input.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small textarea label.e-float-text.e-label-top, .e-small .e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-small .e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-small .e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-bigger textarea label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger.e-small textarea label.e-float-text.e-label-top, .e-bigger .e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small textarea label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top { transform: translate3d(0, 6px, 0) scale(0.92); } .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { transform: translate3d(0, 16px, 0) scale(1); } .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 13px; font-style: normal; font-weight: 400; left: 0; overflow: hidden; padding-left: 0; pointer-events: none; position: absolute; text-overflow: ellipsis; top: -11px; transform: translate3d(0, 16px, 0) scale(1); transform-origin: left top; transition: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1); -webkit-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; } textarea.e-input::-webkit-textarea-placeholder, textarea.e-input:-moz-placeholder, textarea.e-input:-ms-textarea-placeholder, textarea.e-input::-moz-placeholder { font-size: 13px; font-style: normal; } .e-small textarea.e-input::-webkit-textarea-placeholder, textarea.e-small.e-input::-webkit-textarea-placeholder, .e-small textarea.e-input:-moz-placeholder, textarea.e-small.e-input:-moz-placeholder, .e-small textarea.e-input:-ms-input-placeholder, textarea.e-small.e-input:-ms-input-placeholder, .e-small textarea.e-input::-moz-placeholder, textarea.e-small.e-input::-moz-placeholder { font-size: 12px; font-style: normal; } .e-bigger textarea.e-small.e-input::-webkit-textarea-placeholder, .e-small textarea.e-bigger.e-input::-webkit-textarea-placeholder, .e-bigger textarea.e-small.e-input:-moz-placeholder, .e-small textarea.e-bigger.e-input:-moz-placeholder, .e-bigger textarea.e-small.e-input:-ms-input-placeholder, .e-small textarea.e-bigger.e-input:-ms-input-placeholder, .e-bigger textarea.e-small.e-input::-moz-placeholder, .e-small textarea.e-bigger.e-input::-moz-placeholder { font-size: 13px; font-style: normal; } .e-bigger textarea.e-input::-webkit-textarea-placeholder, textarea.e-bigger.e-input::-webkit-textarea-placeholder, .e-bigger textarea.e-input:-moz-placeholder, textarea.e-bigger.e-input:-moz-placeholder, .e-bigger textarea.e-input:-ms-textarea-placeholder, textarea.e-bigger.e-input:-ms-textarea-placeholder, .e-bigger textarea.e-input::-moz-placeholder, textarea.e-bigger.e-input::-moz-placeholder { font-size: 14px; font-style: normal; } .e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 13px; top: -9px; transform: translate3d(0, -6px, 0) scale(0.92); -webkit-user-select: text; user-select: text; } .e-small .e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 12px; top: -8px; transform: translate3d(0, -6px, 0) scale(0.92); -webkit-user-select: text; user-select: text; } .e-bigger .e-float-input.e-small textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-small.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-bigger .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-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.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-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 13px; top: -10px; transform: translate3d(0, -6px, 0) scale(0.92); -webkit-user-select: text; user-select: text; } .e-bigger .e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger.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: -8px; transform: translate3d(0, -6px, 0) scale(0.86); -webkit-user-select: text; user-select: text; } .e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger textarea label.e-float-text.e-label-top, .e-bigger .e-float-input textarea:focus ~ label.e-float-text, .e-bigger .e-float-input textarea:valid ~ label.e-float-text, .e-bigger .e-float-input textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input textarea label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top, .e-bigger .e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top { transform: translate3d(0, 6px, 0) scale(0.86); } .e-float-input textarea[disabled], .e-float-input textarea.e-disabled, .e-float-input.e-disabled textarea, .e-float-input.e-control-wrapper textarea[disabled], .e-float-input.e-control-wrapper textarea.e-disabled, .e-float-input.e-control-wrapper.e-disabled textarea { filter: alpha(opacity=100); opacity: 1; } .e-float-input textarea[disabled], .e-float-input textarea.e-disabled, .e-float-input.e-control-wrapper textarea[disabled], .e-float-input.e-control-wrapper textarea.e-disabled { background: transparent; background-image: none; cursor: not-allowed; } textarea.e-input, .e-input-group textarea.e-input, .e-input-group textarea, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper textarea, .e-float-input textarea, .e-float-input.e-input-group textarea, .e-float-input.e-control-wrapper textarea, .e-float-input.e-control-wrapper.e-input-group textarea { border-radius: 0; } textarea.e-input, .e-input-group textarea, .e-input-group textarea.e-input, .e-input-group.e-input-focus textarea, .e-input-group.e-input-focus textarea.e-input, .e-input-group.e-control-wrapper textarea, .e-input-group.e-control-wrapper.e-input-focus textarea, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper.e-input-focus textarea.e-input, .e-float-input textarea, .e-float-input.e-control-wrapper textarea { line-height: 1.5; min-height: 15px; min-width: 0; padding: 4px 0 4px; resize: vertical; } .e-input-group.e-bigger textarea, .e-input-group.e-bigger textarea.e-input, .e-input-group textarea.e-bigger, .e-input-group textarea.e-input.e-bigger, .e-input-group.e-control-wrapper.e-bigger textarea, .e-input-group.e-control-wrapper.e-bigger textarea.e-input, .e-input-group.e-control-wrapper textarea.e-bigger, .e-input-group.e-control-wrapper textarea.e-input.e-bigger, .e-bigger .e-input-group textarea, .e-bigger .e-input-group textarea.e-input, .e-bigger .e-input-group.e-control-wrapper textarea, .e-bigger .e-input-group.e-control-wrapper textarea.e-input, .e-float-input.e-bigger textarea, .e-float-input textarea.e-bigger, .e-float-input.e-control-wrapper.e-bigger textarea, .e-float-input.e-control-wrapper textarea.e-bigger, .e-bigger .e-float-input textarea, .e-bigger .e-float-input.e-control-wrapper textarea { font: inherit; line-height: 1.5; min-height: 17px; padding: 5px 0 5px; } .e-input-group.e-input-focus.e-bigger textarea, .e-input-group.e-input-focus.e-bigger textarea.e-input, .e-input-group.e-input-focus textarea.e-bigger, .e-input-group.e-input-focus textarea.e-input.e-bigger, .e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea, .e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea.e-input, .e-input-group.e-control-wrapper.e-input-focus textarea.e-bigger, .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger, .e-bigger .e-input-group.e-input-focus textarea, .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea, .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input { font: inherit; line-height: 1.5; min-height: 17px; padding: 5px 0 5px; } .e-input-group.e-small textarea, .e-input-group.e-small textarea.e-input, .e-input-group textarea.e-small, .e-input-group textarea.e-input.e-small, .e-input-group.e-control-wrapper.e-small textarea, .e-input-group.e-control-wrapper.e-small textarea.e-input, .e-input-group.e-control-wrapper textarea.e-bigger, .e-input-group.e-control-wrapper textarea.e-input.e-bigger, .e-small .e-input-group textarea, .e-small .e-input-group textarea.e-input, .e-bigger .e-input-group.e-control-wrapper textarea, .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea, .e-bigger .e-input-group.e-control-wrapper textarea.e-input, .e-float-input.e-small textarea, .e-float-input textarea.e-small, .e-float-input.e-control-wrapper.e-small textarea, .e-float-input.e-control-wrapper textarea.e-small, .e-small .e-float-input textarea, .e-small .e-float-input.e-control-wrapper textarea { font: inherit; line-height: 1.5; min-height: 14px; padding: 4px 0 4px; } .e-input-group.e-input-focus.e-small textarea, .e-input-group.e-input-focus.e-small textarea.e-input, .e-input-group.e-input-focus textarea.e-small, .e-input-group.e-input-focus textarea.e-input.e-small, .e-input-group.e-input-focus textarea.e-input.e-small, .e-input-group.e-control-wrapper.e-input-focus.e-small textarea, .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input, .e-input-group.e-control-wrapper.e-input-focus textarea.e-bigger, .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger, .e-small .e-input-group.e-input-focus textarea, .e-small .e-input-group.e-input-focus textarea.e-input, .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input { font: inherit; line-height: 1.5; min-height: 14px; padding: 4px 0 4px; } .e-input-group.e-small.e-bigger textarea.e-input, .e-input-group.e-small textarea.e-input.e-bigger, .e-input-group textarea.e-input.e-bigger.e-small, .e-input-group.e-bigger textarea.e-small, .e-input-group.e-control-wrapper.e-small.e-bigger textarea.e-input, .e-input-group.e-control-wrapper.e-small textarea.e-input.e-bigger, .e-bigger.e-small .e-input-group textarea.e-input, .e-bigger.e-small .e-input-group.e-control-wrapper textarea.e-input, .e-bigger .input-group textarea.e-small, .e-bigger .e-input-group.e-small textarea.e-input, .e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input, .e-bigger .e-small.e-input-group.e-control-wrapper textarea.e-input, .e-small .input-group textarea.e-bigger, .e-small .e-input-group.e-bigger textarea.e-input, .e-small .e-input-group.e-control-wrapper textarea.e-input.e-bigger, .e-small .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger, .e-float-input textarea.e-bigger.e-small, .e-float-input.e-small.e-bigger textarea, .e-float-input.e-small textarea.e-bigger, .e-float-input.e-bigger textarea.e-small, .e-bigger .e-float-input.e-small textarea, .e-bigger.e-small .e-float-input textarea, .e-bigger .float-input textarea.e-small, .e-small .e-float-input.e-bigger textarea, .e-small .float-input textarea.e-bigger, .e-small .e-float-input.e-control-wrapper textarea.e-bigger, .e-float-input.e-control-wrapper.e-small.e-bigger textarea, .e-float-input.e-control-wrapper.e-small textarea.e-bigger, .e-bigger .e-float-input.e-control-wrapper.e-small textarea, .e-bigger.e-small .e-float-input.e-control-wrapper textarea, .e-bigger .e-small.e-float-input.e-control-wrapper textarea { font: inherit; line-height: 1.5; min-height: 15px; padding: 4px 0 4px; } .e-input-group.e-input-focus textarea.e-input.e-bigger.e-small, .e-input-group.e-input-focus.e-small.e-bigger textarea.e-input, .e-input-group.e-input-focus.e-small textarea.e-input.e-bigger, .e-input-group.e-input-focus.e-bigger textarea.e-small, .e-input-group.e-control-wrapper.e-input-focus.e-small.e-bigger textarea.e-input, .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input.e-bigger, .e-bigger.e-small .e-input-group.e-input-focus textarea.e-input, .e-bigger .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input, .e-bigger.e-small .e-input-group.e-control-wrapper.e-input-focus textarea.e-input, .e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input { font: inherit; line-height: 1.5; min-height: 15px; padding: 4px 0 4px; } input.e-input.e-small, textarea.e-input.e-small, .e-small input.e-input, .e-small textarea.e-input { min-height: 16px; } input.e-input, textarea.e-input { min-height: 19px; } .e-bigger input.e-input, .e-bigger textarea.e-input, input.e-input.e-bigger, textarea.e-input.e-bigger { min-height: 23px; } .e-bigger input.e-input.e-small, .e-bigger .e-small input.e-input, .e-bigger.e-small input.e-input, .e-small input.e-input.e-bigger, input.e-input.e-bigger.e-small, .e-small .e-bigger input.e-input { 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-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(0, 0, 0, 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: #e3165b; box-shadow: inset 1px 1px #e3165b, inset -1px 0 #e3165b, inset 0 -1px #e3165b; } .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-error):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-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger:not(.e-error):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-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-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-small:not(.e-error):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-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.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-outline.e-float-input.e-small:not(.e-error):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-error):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-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-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-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-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-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-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-outline.e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-outline.e-float-input.e-control-wrapper:not(.e-error) 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) 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) 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-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: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:not(.e-error):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-error):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(0, 0, 0, 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: #f44336; } .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: #f44336; } .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: #e3165b; } .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 #e3165b, inset -1px 0 #e3165b, inset 0 -1px #e3165b; } .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(0, 0, 0, 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; } .e-outline.e-float-input.e-bigger textarea ~ label.e-float-text, .e-outline.e-float-input textarea ~ label.e-float-text.e-bigger, .e-outline.e-float-input textarea.e-bigger ~ label.e-float-text, .e-bigger .e-outline.e-float-input textarea ~ label.e-float-text, .e-outline.e-float-input.e-bigger 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-control-wrapper.e-bigger textarea ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-bigger, .e-outline.e-float-input.e-control-wrapper textarea.e-bigger ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text, .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 { font-size: 16px; } .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-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 { font-size: 13px; } .e-bigger .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.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-small 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, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.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-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; } .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 { font-size: 14px; } .e-outline.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-outline.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; } .e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 14px; } .e-bigger .e-outline.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-outline.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-outline.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-bigger.e-outline.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: 16px; } .e-bigger .e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger.e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 16px; } .e-small .e-outline.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-small.e-outline.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-small .e-outline.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-outline.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: 13px; } .e-small .e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-outline.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-small.e-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 13px; } .e-bigger .e-outline.e-float-input.e-small input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-outline.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-small input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-outline.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-small.e-bigger .e-outline.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-outline.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-bigger .e-small.e-outline.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-outline.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; } .e-bigger .e-outline.e-float-input.e-small textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-outline.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-small textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-small.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-outline.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-outline.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-bigger .e-outline.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-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-outline.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-outline.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 14px; } .e-outline.e-float-input.e-bigger label.e-float-text, .e-outline.e-float-input label.e-float-text.e-bigger, .e-outline.e-float-input input.e-bigger ~ label.e-float-text, .e-bigger .e-outline.e-float-input label.e-float-text, .e-outline.e-float-input.e-bigger: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-control-wrapper.e-bigger label.e-float-text, .e-outline.e-float-input.e-control-wrapper label.e-float-text.e-bigger, .e-outline.e-float-input.e-control-wrapper input.e-bigger ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper label.e-float-text, .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 { font-size: 16px; } .e-outline.e-float-input.e-bigger textarea ~ label.e-float-text, .e-outline.e-float-input textarea ~ label.e-float-text.e-bigger, .e-outline.e-float-input textarea.e-bigger ~ label.e-float-text, .e-bigger .e-outline.e-float-input textarea ~ label.e-float-text, .e-outline.e-float-input.e-bigger 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-control-wrapper.e-bigger textarea ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-bigger, .e-outline.e-float-input.e-control-wrapper textarea.e-bigger ~ label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text, .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 { font-size: 16px; } .e-outline.e-float-input.e-small label.e-float-text, .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-control-wrapper.e-small label.e-float-text, .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 { font-size: 13px; } .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-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 { font-size: 13px; } .e-outline.e-float-input.e-small textarea ~ label.e-float-text, .e-outline.e-float-input textarea ~ label.e-float-text.e-small, .e-outline.e-float-input textarea.e-small ~ label.e-float-text, .e-small .e-outline.e-float-input textarea ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper.e-small textarea ~ label.e-float-text, .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-small, .e-outline.e-float-input.e-control-wrapper textarea.e-small ~ label.e-float-text, .e-small .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-float-text { font-size: 13px; } .e-outline.e-float-input.e-small.e-bigger label.e-float-text, .e-bigger .e-outline.e-float-input.e-small label.e-float-text, .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-small .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-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.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-bigger.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.e-small.e-bigger label.e-float-text, .e-bigger .e-outline.e-float-input.e-control-wrapper.e-small label.e-float-text, .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-small .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-outline.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-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.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; } .e-bigger .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.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-bigger.e-small 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, .e-small .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-outline.e-float-input.e-control-wrapper.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.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-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { font-size: 14px; } .e-filled.e-input-group, .e-filled.e-input-group.e-control-wrapper, .e-filled.e-float-input, .e-filled.e-float-input.e-control-wrapper { line-height: 1; } .e-filled input.e-input, .e-filled.e-input-group input, .e-filled.e-input-group.e-control-wrapper input, .e-filled.e-input-group input.e-input, .e-filled.e-input-group.e-control-wrapper input.e-input { box-sizing: border-box; } .e-filled.e-float-input:not(.e-input-group) input, .e-filled.e-float-input.e-control-wrapper:not(.e-input-group) input { box-sizing: border-box; } .e-control .e-filled input.e-input, .e-control .e-filled.e-input-group input, .e-control .e-filled.e-input-group input.e-input, .e-control .e-filled.e-input-group.e-control-wrapper input, .e-control .e-filled.e-input-group.e-control-wrapper input.e-input, .e-control .e-filled.e-float-input input, .e-control .e-filled.e-float-input.e-control-wrapper input, .e-control.e-filled.e-input-group input, .e-control.e-filled.e-input-group input.e-input, .e-control.e-filled.e-input-group.e-control-wrapper input, .e-control.e-filled.e-input-group.e-control-wrapper input.e-input, .e-control.e-filled.e-float-input input, .e-control.e-filled.e-float-input.e-control-wrapper input { box-sizing: border-box; } .e-filled input.e-input.e-bigger, .e-filled.e-input-group.e-bigger input, .e-filled.e-input-group.e-bigger input.e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger input, .e-filled.e-input-group.e-control-wrapper.e-bigger input.e-input, .e-bigger .e-filled.e-input-group input, .e-bigger .e-filled.e-input-group input.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper input, .e-bigger .e-filled.e-input-group.e-control-wrapper input.e-input, .e-filled.e-float-input.e-bigger input, .e-filled.e-float-input.e-bigger input.e-input, .e-bigger .e-filled.e-float-input input, .e-bigger .e-filled.e-float-input input.e-input, .e-filled.e-float-input.e-control-wrapper.e-bigger input, .e-filled.e-float-input.e-control-wrapper.e-bigger input.e-input, .e-bigger .e-filled.e-float-input.e-control-wrapper input, .e-bigger .e-filled.e-float-input.e-control-wrapper input.e-input { box-sizing: border-box; } .e-filled.e-float-input.e-bigger:not(.e-input-group) input, .e-filled.e-float-input.e-bigger:not(.e-input-group) input.e-input, .e-bigger .e-filled.e-float-input:not(.e-input-group) input, .e-bigger .e-filled.e-float-input:not(.e-input-group) input.e-input, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-group) input, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-group) input.e-input, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-group) input, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-group) input.e-input { box-sizing: border-box; } .e-filled input.e-input.e-small, .e-filled.e-input-group.e-small input, .e-filled.e-input-group.e-small input.e-input, .e-small .e-filled.e-input-group input, .e-small .e-filled.e-input-group input.e-input, .e-filled.e-input-group.e-control-wrapper.e-small input, .e-filled.e-input-group.e-control-wrapper.e-small input.e-input, .e-small .e-filled.e-input-group.e-control-wrapper input, .e-small .e-filled.e-input-group.e-control-wrapper input.e-input, .e-filled.e-float-input.e-small input, .e-filled.e-float-input.e-small input.e-input, .e-small .e-filled.e-float-input input, .e-small .e-filled.e-float-input input.e-input, .e-filled.e-float-input.e-control-wrapper.e-small input, .e-filled.e-float-input.e-control-wrapper.e-small input.e-input, .e-small .e-filled.e-float-input.e-control-wrapper input, .e-small .e-filled.e-float-input.e-control-wrapper input.e-input { box-sizing: border-box; } .e-filled.e-float-input.e-small:not(.e-input-group) input, .e-filled.e-float-input.e-small:not(.e-input-group) input.e-input, .e-small .e-filled.e-float-input:not(.e-input-group) input, .e-small .e-filled.e-float-input:not(.e-input-group) input.e-input .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-group) input, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-group) input.e-input, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-group) input, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-group) input.e-input { box-sizing: border-box; } .e-filled input.e-input.e-small.e-bigger, .e-filled.e-input-group.e-bigger.e-small input, .e-filled.e-input-group.e-bigger.e-small input.e-input, .e-bigger.e-small .e-filled.e-input-group input, .e-bigger.e-small .e-filled.e-input-group input.e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small input.e-input, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper input, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper input.e-input, .e-filled.e-float-input.e-bigger.e-small input, .e-filled.e-float-input.e-bigger.e-small input.e-input, .e-bigger.e-small .e-filled.e-float-input input, .e-bigger.e-small .e-filled.e-float-input input.e-input, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input.e-input, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper input, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper input.e-input { box-sizing: border-box; } .e-filled.e-float-input.e-bigger.e-small:not(.e-input-group) input, .e-filled.e-float-input.e-bigger.e-small:not(.e-input-group) input.e-input, .e-bigger.e-small .e-filled.e-float-input:not(.e-input-group) input, .e-bigger.e-small .e-filled.e-float-input:not(.e-input-group) input.e-input, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-group) input, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-group) input.e-input, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-group) input, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-group) input.e-input { box-sizing: border-box; } .e-filled textarea.e-input, .e-filled.e-input-group textarea, .e-filled.e-input-group.e-control-wrapper textarea, .e-filled.e-float-input textarea, .e-filled.e-float-input.e-control-wrapper textarea { box-sizing: border-box; } .e-filled.e-input-group textarea.e-input.e-bigger, .e-filled.e-input-group.e-control-wrapper textarea.e-input.e-bigger, .e-filled textarea.e-input.e-bigger, .e-filled.e-input-group.e-bigger textarea, .e-filled.e-input-group.e-bigger textarea.e-input, .e-bigger .e-filled.e-input-group textarea, .e-bigger .e-filled.e-input-group textarea.e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger textarea, .e-filled.e-input-group.e-control-wrapper.e-bigger textarea.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper textarea, .e-bigger .e-filled.e-input-group.e-control-wrapper textarea.e-input, .e-filled.e-float-input.e-bigger textarea, .e-filled.e-float-input.e-bigger textarea.e-input, .e-bigger .e-filled.e-float-input textarea, .e-bigger .e-filled.e-float-input textarea.e-input, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea.e-input, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea.e-input { box-sizing: border-box; } .e-filled textarea.e-input.e-small, .e-filled.e-input-group.e-small textarea, .e-filled.e-input-group.e-small textarea.e-input, .e-small .e-filled.e-input-group textarea, .e-small .e-filled.e-input-group textarea.e-input, .e-filled.e-input-group.e-control-wrapper.e-small textarea, .e-filled.e-input-group.e-control-wrapper.e-small textarea.e-input, .e-small .e-filled.e-input-group.e-control-wrapper textarea, .e-small .e-filled.e-input-group.e-control-wrapper textarea.e-input, .e-filled.e-float-input.e-small textarea, .e-filled.e-float-input.e-small textarea.e-input, .e-small .e-filled.e-float-input textarea, .e-small .e-filled.e-float-input textarea.e-input, .e-filled.e-float-input.e-control-wrapper.e-small textarea, .e-filled.e-float-input.e-control-wrapper.e-small textarea.e-input, .e-small .e-filled.e-float-input.e-control-wrapper textarea, .e-small .e-filled.e-float-input.e-control-wrapper textarea.e-input { box-sizing: border-box; } .e-filled textarea.e-input.e-small.e-bigger, .e-filled.e-input-group.e-bigger.e-small textarea, .e-filled.e-input-group.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-filled.e-input-group textarea, .e-bigger.e-small .e-filled.e-input-group textarea.e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small textarea, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper textarea, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper textarea.e-input, .e-filled.e-float-input.e-bigger.e-small textarea, .e-filled.e-float-input.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-filled.e-float-input textarea, .e-bigger.e-small .e-filled.e-float-input textarea.e-input, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea.e-input, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper textarea, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper textarea.e-input { box-sizing: border-box; } .e-filled.e-float-input input, .e-filled.e-float-input textarea, .e-filled.e-float-input.e-control-wrapper input, .e-filled.e-float-input.e-control-wrapper textarea { border: 0 solid; border-width: 0; } .e-filled.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-filled.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]), .e-filled.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-filled.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]), .e-filled.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-filled.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]), .e-filled.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]), .e-filled.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) { border-bottom-width: 0; } .e-filled.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) input, .e-filled.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) input, .e-filled.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) input, .e-filled.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 input, .e-filled.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) textarea, .e-filled.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) textarea, .e-filled.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) textarea, .e-filled.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 textarea, .e-filled.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) input, .e-filled.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) input, .e-filled.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) input, .e-filled.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 input, .e-filled.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-filled.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-filled.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-filled.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-filled.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-filled.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-filled.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-filled.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-filled.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-filled.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-filled.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-filled.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 { border-width: 0; } .e-filled.e-input-group, .e-filled.e-input-group.e-control-wrapper { border-radius: 4px 4px 0 0; padding: 0 10px 0 12px; } .e-filled.e-input-group.e-bigger, .e-bigger .e-filled.e-input-group, .e-filled.e-input-group.e-control-wrapper.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper { margin-top: 0; 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: 0 6px 0 8px; } .e-filled.e-input-group.e-small.e-bigger, .e-bigger.e-small .e-filled.e-input-group.e-small, .e-bigger .e-filled.e-input-group.e-small, .e-small .e-filled.e-input-group.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper.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: 0 10px 0 12px; } .e-filled.e-float-input, .e-filled.e-float-input.e-control-wrapper { border: 1px solid; border-radius: 4px 4px 0 0; border-width: 0 0 1px 0; margin-top: 0; padding: 0 10px 0 12px; } .e-filled.e-float-input.e-bigger, .e-bigger .e-filled.e-float-input, .e-filled.e-float-input.e-control-wrapper.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper { margin-top: 0; 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: 0 6px 0 8px; } .e-filled.e-float-input.e-small.e-bigger, .e-bigger.e-small .e-filled.e-float-input.e-small, .e-bigger .e-filled.e-float-input.e-small, .e-small .e-filled.e-float-input.e-bigger, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.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: 0 10px 0 12px; } .e-rtl.e-filled.e-input-group, .e-rtl.e-filled.e-input-group.e-control-wrapper, .e-rtl .e-filled.e-input-group, .e-rtl .e-filled.e-input-group.e-control-wrapper { padding: 0 12px 0 10px; } .e-rtl.e-filled.e-input-group.e-bigger, .e-bigger .e-rtl.e-filled.e-input-group, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-bigger, .e-bigger .e-rtl.e-filled.e-input-group.e-control-wrapper, .e-rtl .e-filled.e-input-group.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper { padding: 0 16px 0 12px; } .e-rtl.e-filled.e-input-group.e-small, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small, .e-small .e-rtl.e-filled.e-input-group.e-control-wrapper, .e-rtl .e-filled.e-input-group.e-small, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper { padding: 0 8px 0 6px; } .e-rtl.e-filled.e-input-group.e-small.e-bigger, .e-bigger.e-small .e-rtl.e-filled.e-input-group.e-small, .e-bigger .e-rtl.e-filled.e-input-group.e-small, .e-small .e-rtl.e-filled.e-input-group.e-bigger, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small, .e-bigger .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small, .e-small .e-rtl.e-filled.e-input-group.e-control-wrapper.e-bigger, .e-rtl .e-filled.e-input-group.e-small.e-bigger, .e-bigger.e-small.e-rtl .e-filled.e-input-group.e-small, .e-bigger.e-rtl .e-filled.e-input-group.e-small, .e-small.e-rtl .e-filled.e-input-group.e-bigger, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small.e-rtl .e-filled.e-input-group.e-control-wrapper.e-small, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper.e-small, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger { padding: 0 12px 0 10px; } .e-rtl.e-filled.e-float-input, .e-rtl.e-filled.e-float-input.e-control-wrapper, .e-rtl .e-filled.e-float-input, .e-rtl .e-filled.e-float-input.e-control-wrapper { padding: 0 12px 0 10px; } .e-rtl.e-filled.e-float-input.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-control-wrapper, .e-rtl .e-filled.e-float-input.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper { padding: 0 16px 0 12px; } .e-rtl.e-filled.e-float-input.e-small, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-small, .e-small .e-rtl.e-filled.e-float-input.e-control-wrapper, .e-rtl .e-filled.e-float-input.e-small, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper { padding: 0 8px 0 6px; } .e-rtl.e-filled.e-float-input.e-small.e-bigger, .e-bigger.e-small .e-rtl.e-filled.e-float-input.e-small, .e-bigger .e-rtl.e-filled.e-float-input.e-small, .e-small .e-rtl.e-filled.e-float-input.e-bigger, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small .e-rtl.e-filled.e-float-input.e-control-wrapper.e-small, .e-bigger .e-rtl.e-filled.e-float-input.e-control-wrapper.e-small, .e-small .e-rtl.e-filled.e-float-input.e-control-wrapper.e-bigger, .e-rtl .e-filled.e-float-input.e-small.e-bigger, .e-bigger.e-small.e-rtl .e-filled.e-float-input.e-small, .e-bigger.e-rtl .e-filled.e-float-input.e-small, .e-small.e-rtl .e-filled.e-float-input.e-bigger, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger, .e-bigger.e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-small, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-small, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger { padding: 0 12px 0 10px; } .e-filled input.e-input, .e-filled.e-input-group input.e-input, .e-filled.e-input-group.e-control-wrapper input.e-input, .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: 10px 2px 10px 0; } .e-filled .e-input:focus { padding-bottom: 10px; } .e-filled.e-input-group input.e-input:focus, .e-filled.e-input-group.e-control-wrapper input.e-input:focus, .e-filled.e-input-group textarea.e-input:focus, .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: 10px 2px 10px 0; } .e-filled input.e-input.e-bigger, .e-filled textarea.e-input.e-bigger, .e-filled.e-input-group.e-bigger .e-input, .e-filled.e-input-group.e-bigger.e-control-wrapper .e-input, .e-bigger .e-filled input.e-input, .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 4px 16px 0; } .e-filled.e-input-group.e-bigger .e-input:focus, .e-bigger .e-filled.e-input-group .e-input:focus, .e-filled.e-input-group.e-control-wrapper.e-bigger .e-input:focus, .e-bigger .e-filled.e-input-group.e-control-wrapper .e-input:focus, .e-filled.e-input-group.e-bigger.e-input-focus .e-input, .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 4px 16px 0; } .e-filled .e-input.e-bigger:focus, .e-bigger .e-filled .e-input:focus { padding-bottom: 16px; } .e-filled .e-input.e-small:focus { 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: 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: 7px 2px 7px 0; } .e-filled .e-input.e-small.e-bigger:focus, .e-bigger .e-filled .e-input.e-small:focus { 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: 10px 2px 10px 0; } .e-filled.e-input-group.e-small.e-bigger .e-input, .e-filled.e-input-group.e-small .e-input.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input, .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: 10px 2px 10px 0; } .e-filled.e-input-group.e-small.e-bigger .e-input:focus, .e-filled.e-input-group.e-small .e-input.e-bigger:focus, .e-bigger .e-filled.e-input-group.e-small .e-input:focus, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input:focus, .e-filled.e-input-group.e-control-wrapper.e-small .e-input.e-bigger:focus, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small .e-input:focus, .e-filled.e-input-group.e-small.e-bigger.e-input-focus .e-input, .e-filled.e-input-group.e-small.e-input-focus .e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-small.e-input-focus .e-input, .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: 10px 2px 10px 0; } .e-filled.e-float-input input, .e-filled.e-float-input.e-control-wrapper input { padding: 14px 2px 5px 0; } .e-filled.e-float-input.e-bigger input, .e-filled.e-float-input input.e-bigger, .e-bigger .e-filled.e-float-input input, .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 4px 6px 0; } .e-filled.e-float-input.e-small.e-bigger input, .e-filled.e-float-input.e-small input.e-bigger, .e-bigger .e-filled.e-float-input.e-small input, .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: 14px 2px 5px 0; } .e-filled.e-float-input.e-small input, .e-filled.e-float-input.e-control-wrapper.e-small input { padding: 12px 2px 4px 0; } .e-filled input.e-input.e-rtl, .e-filled.e-input-group.e-rtl input.e-input, .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input, .e-rtl .e-filled.e-input-group input.e-input, .e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input, .e-filled.e-input-group.e-rtl input.e-input, .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input, .e-rtl .e-filled.e-input-group input.e-input, .e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input, .e-filled.e-input-group.e-rtl input.e-input:focus, .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input:focus, .e-rtl .e-filled.e-input-group input.e-input:focus, .e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input:focus, .e-filled.e-input-group.e-rtl.e-input-focus input.e-input, .e-filled.e-input-group.e-control-wrapper.e-rtl.e-input-focus input.e-input, .e-rtl .e-filled.e-input-group.e-input-focus input.e-input, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-input-focus input.e-input { padding: 10px 0 10px 2px; text-indent: 0; } .e-filled.e-float-input.e-rtl input, .e-filled.e-float-input.e-control-wrapper.e-rtl input, .e-rtl .e-filled.e-float-input input, .e-rtl .e-filled.e-float-input.e-control-wrapper input, .e-filled.e-float-input.e-rtl input, .e-filled.e-float-input.e-control-wrapper.e-rtl input, .e-rtl .e-filled.e-float-input input, .e-rtl .e-filled.e-float-input.e-control-wrapper input, .e-filled.e-float-input.e-rtl input:focus, .e-filled.e-float-input.e-control-wrapper.e-rtl input:focus, .e-rtl .e-filled.e-float-input input:focus, .e-rtl .e-filled.e-float-input.e-control-wrapper input:focus, .e-filled.e-float-input.e-rtl.e-input-focus input, .e-filled.e-float-input.e-control-wrapper.e-rtl.e-input-focus input, .e-rtl .e-filled.e-float-input.e-input-focus input, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-focus input { padding: 14px 0 5px 2px; text-indent: 0; } .e-rtl .e-filled input.e-input.e-small, .e-filled input.e-input.e-small.e-rtl, .e-small.e-rtl .e-filled input.e-input, .e-small .e-filled input.e-input.e-rtl, .e-filled.e-input-group.e-small.e-rtl input.e-input, .e-filled.e-input-group.e-control-wrapper.e-small.e-rtl input.e-input, .e-rtl .e-filled.e-input-group.e-small input.e-input, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small input.e-input, .e-filled.e-input-group.e-rtl input.e-input.e-small, .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input.e-small, .e-rtl .e-filled.e-input-group input.e-input.e-small, .e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input.e-small, .e-small .e-filled.e-input-group.e-rtl input.e-input, .e-small .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input, .e-small.e-rtl .e-filled.e-input-group input.e-input, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input:focus, .e-small.e-rtl .e-filled.e-input-group input.e-input:focus, .e-small .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input:focus, .e-small .e-filled.e-input-group.e-rtl input.e-input:focus, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-small.e-rtl .e-filled.e-input-group.e-input-focus input.e-input, .e-small .e-filled.e-input-group.e-control-wrapper.e-rtl.e-input-focus input.e-input, .e-small .e-filled.e-input-group.e-rtl.e-input-focus input.e-input { padding: 7px 0 7px 2px; text-indent: 0; } .e-filled.e-float-input.e-control-wrapper.e-small.e-rtl input, .e-filled.e-float-input.e-small.e-rtl input, .e-rtl .e-filled.e-float-input.e-small input, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small input, .e-filled.e-float-input.e-rtl input.e-small, .e-filled.e-float-input.e-control-wrapper.e-rtl input.e-small, .e-rtl .e-filled.e-float-input input.e-small, .e-rtl .e-filled.e-float-input.e-control-wrapper input.e-small, .e-small .e-filled.e-float-input.e-rtl input, .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl input, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper input, .e-small.e-rtl .e-filled.e-float-input input, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper input:focus, .e-small.e-rtl .e-filled.e-float-input input:focus, .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl input:focus, .e-small .e-filled.e-float-input.e-rtl input:focus, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-focus input, .e-small.e-rtl .e-filled.e-float-input.e-input-focus input, .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl.e-input-focus input, .e-small .e-filled.e-float-input.e-rtl.e-input-focus input { padding: 12px 0 4px 2px; text-indent: 0; } .e-rtl .e-filled input.e-input.e-bigger, .e-filled input.e-input.e-bigger.e-rtl, .e-bigger.e-rtl .e-filled input.e-input, .e-bigger .e-filled input.e-input.e-rtl, .e-filled.e-input-group.e-bigger.e-rtl input.e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-rtl input.e-input, .e-rtl .e-filled.e-input-group.e-bigger input.e-input, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger input.e-input, .e-filled.e-input-group.e-rtl input.e-input.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input.e-bigger, .e-rtl .e-filled.e-input-group input.e-input.e-bigger, .e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-rtl input.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input, .e-bigger.e-rtl .e-filled.e-input-group input.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input, .e-bigger.e-rtl .e-filled.e-input-group input.e-input:focus, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper input.e-input:focus, .e-bigger .e-filled.e-input-group.e-rtl input.e-input:focus, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-rtl input.e-input:focus, .e-bigger.e-rtl .e-filled.e-input-group.e-input-focus input.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper.e-input-focus input.e-input, .e-bigger .e-filled.e-input-group.e-rtl.e-input-focus input.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-rtl.e-input-focus input.e-input { padding: 16px 0 16px 4px; text-indent: 0; } .e-filled.e-float-input.e-control-wrapper.e-bigger.e-rtl input, .e-filled.e-float-input.e-bigger.e-rtl input, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger input, .e-rtl .e-filled.e-float-input.e-bigger input, .e-filled.e-float-input.e-control-wrapper.e-rtl input.e-bigger, .e-filled.e-float-input.e-rtl input.e-bigger, .e-rtl .e-filled.e-float-input.e-control-wrapper input.e-bigger, .e-rtl .e-filled.e-float-input input.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl input, .e-bigger .e-filled.e-float-input.e-rtl input, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper input, .e-bigger.e-rtl .e-filled.e-float-input input, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper input:focus, .e-bigger.e-rtl .e-filled.e-float-input input:focus, .e-bigger .e-filled.e-float-input.e-rtl input:focus, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl input:focus, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-focus input, .e-bigger.e-rtl .e-filled.e-float-input.e-input-focus input, .e-bigger .e-filled.e-float-input.e-rtl.e-input-focus input, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl input { padding: 20px 0 6px 4px; text-indent: 0; } .e-bigger .e-filled input.e-input.e-small.e-rtl, .e-filled.e-input-group.e-small.e-bigger.e-rtl input.e-input, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger.e-rtl input.e-input, .e-filled.e-input-group.e-small.e-rtl input.e-input.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-small.e-rtl input.e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-small.e-rtl input.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small.e-rtl input.e-input, .e-bigger.e-rtl input.e-input.e-small, .e-rtl .e-filled.e-input-group.e-small.e-bigger input.e-input, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger input.e-input, .e-rtl .e-filled.e-input-group.e-small input.e-input.e-bigger, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small input.e-input.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group.e-small input.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper.e-small input.e-input, .e-bigger .e-filled.e-input-group.e-small.e-rtl input.e-input:focus, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small.e-rtl input.e-input:focus, .e-small .e-filled.e-input-group.e-bigger.e-rtl input.e-input:focus, .e-small .e-filled.e-input-group.e-control-wrapper.e-bigger.e-rtl input.e-input:focus, .e-filled.e-input-group.e-bigger.e-small.e-rtl input.e-input:focus, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small.e-rtl input.e-input:focus, .e-bigger.e-rtl .e-filled.e-input-group.e-small input.e-input:focus, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper.e-small input.e-input:focus, .e-small.e-rtl .e-filled.e-input-group.e-bigger input.e-input:focus, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger input.e-input:focus, .e-rtl .e-filled.e-input-group.e-bigger.e-small input.e-input:focus, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small input.e-input:focus, .e-bigger .e-filled.e-input-group.e-small.e-rtl.e-input-focus input.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small.e-rtl.e-input-focus input.e-input, .e-small .e-filled.e-input-group.e-bigger.e-rtl.e-input-focus input.e-input, .e-small .e-filled.e-input-group.e-control-wrapper.e-bigger.e-rtl.e-input-focus input.e-input, .e-filled.e-input-group.e-bigger.e-small.e-rtl.e-input-focus input.e-input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small.e-rtl.e-input-focus input.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-small.e-input-focus input.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper.e-small.e-input-focus input.e-input, .e-small.e-rtl .e-filled.e-input-group.e-bigger.e-input-focus input.e-input, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger.e-input-focus input.e-input, .e-rtl .e-filled.e-input-group.e-bigger.e-small.e-input-focus input.e-input, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger.e-small.e-input-focus input.e-input { padding: 10px 0 10px 2px; text-indent: 0; } .e-filled.e-float-input.e-small.e-bigger.e-rtl input, .e-filled.e-float-input.e-small.e-rtl input.e-bigger, .e-bigger .e-filled.e-float-input.e-small.e-rtl input, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-rtl input, .e-filled.e-float-input.e-control-wrapper.e-small.e-rtl input.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-rtl input, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger input, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small input.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-small input, .e-rtl .e-filled.e-float-input.e-small.e-bigger input, .e-rtl .e-filled.e-float-input.e-small input.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-small input, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-rtl input:focus, .e-bigger .e-filled.e-float-input.e-small.e-rtl input:focus, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger.e-rtl input:focus, .e-small .e-filled.e-float-input.e-bigger.e-rtl input:focus, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small.e-rtl input:focus, .e-filled.e-float-input.e-bigger.e-small.e-rtl input:focus, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-small input:focus, .e-bigger.e-rtl .e-filled.e-float-input.e-small input:focus, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger input:focus, .e-small.e-rtl .e-filled.e-float-input.e-bigger input:focus, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input:focus, .e-rtl .e-filled.e-float-input.e-bigger.e-small input:focus, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-rtl.e-input-focus input, .e-bigger .e-filled.e-float-input.e-small.e-rtl.e-input-focus input, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger.e-rtl.e-input-focus input, .e-small .e-filled.e-float-input.e-bigger.e-rtl.e-input-focus input, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small.e-rtl.e-input-focus input, .e-filled.e-float-input.e-bigger.e-small.e-rtl.e-input-focus input, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus input, .e-bigger.e-rtl .e-filled.e-float-input.e-small.e-input-focus input, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger.e-input-focus input, .e-small.e-rtl .e-filled.e-float-input.e-bigger.e-input-focus input, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small.e-input-focus input, .e-rtl .e-filled.e-float-input.e-bigger.e-small.e-input-focus input { padding: 14px 0 5px 2px; text-indent: 0; } .e-filled.e-float-input, .e-filled.e-float-input.e-control-wrapper, .e-filled.e-float-input.e-disabled, .e-filled.e-float-input.e-control-wrapper.e-disabled, .e-filled.e-float-input.e-input-group.e-disabled, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-disabled { font-size: 14px; } .e-filled.e-float-input.e-bigger, .e-bigger .e-filled.e-float-input, .e-filled.e-float-input.e-control-wrapper.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper { font-size: 16px; } .e-filled.e-float-input.e-bigger.e-disabled, .e-bigger .e-filled.e-float-input.e-disabled, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-disabled, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-disabled, .e-filled.e-float-input.e-input-group.e-bigger.e-disabled, .e-bigger .e-filled.e-float-input.e-input-group.e-disabled, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-disabled, .e-bigger .e-filled.e-float-input.e-input-group.e-control-wrapper.e-disabled { font-size: 16px; } .e-filled.e-float-input.e-small, .e-small .e-filled.e-float-input, .e-filled.e-float-input.e-control-wrapper.e-small, .e-small .e-filled.e-float-input.e-control-wrapper { font-size: 13px; } .e-filled.e-float-input.e-small.e-disabled, .e-small .e-filled.e-float-input.e-disabled, .e-filled.e-float-input.e-control-wrapper.e-small.e-disabled, .e-small .e-filled.e-float-input.e-control-wrapper.e-disabled, .e-filled.e-float-input.e-input-group.e-small.e-disabled, .e-small .e-filled.e-float-input.e-input-group.e-disabled, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-small.e-disabled, .e-small .e-filled.e-float-input.e-input-group.e-control-wrapper.e-disabled { font-size: 13px; } .e-filled.e-float-input.e-small.e-bigger, .e-small.e-bigger .e-filled.e-float-input, .e-bigger .e-filled.e-float-input.e-small, .e-small .e-filled.e-float-input.e-bigger, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger { font-size: 14px; } .e-filled.e-float-input.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-filled.e-float-input.e-disabled, .e-bigger .e-filled.e-float-input.e-small.e-disabled, .e-small .e-filled.e-float-input.e-bigger.e-disabled, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper.e-disabled, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-disabled, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger.e-disabled, .e-filled.e-float-input.e-input-group.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-filled.e-float-input.e-input-group.e-disabled, .e-bigger .e-filled.e-float-input.e-input-group.e-small.e-disabled, .e-small .e-filled.e-float-input.e-input-group.e-bigger.e-disabled, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-small.e-bigger.e-disabled, .e-small.e-bigger .e-filled.e-float-input.e-input-group.e-control-wrapper.e-disabled, .e-bigger .e-filled.e-float-input.e-input-group.e-control-wrapper.e-small.e-disabled, .e-small .e-filled.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-disabled { font-size: 14px; } .e-filled.e-input-group.e-bigger:not(.e-float-input) .e-input, .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: 55px; } .e-filled.e-float-input.e-bigger input, .e-bigger .e-filled.e-float-input input, .e-filled.e-float-input.e-input-group.e-bigger input, .e-bigger .e-filled.e-float-input.e-input-group input, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-bigger input, .e-bigger .e-filled.e-float-input.e-input-group.e-control-wrapper input, .e-filled.e-float-input.e-control-wrapper.e-bigger input, .e-bigger .e-filled.e-float-input.e-control-wrapper 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, .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: 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: 35px; } .e-filled.e-float-input.e-small input, .e-small .e-filled.e-float-input input, .e-filled.e-float-input.e-input-group.e-small input, .e-small .e-filled.e-float-input.e-input-group input, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-small input, .e-small .e-filled.e-float-input.e-input-group.e-control-wrapper input, .e-filled.e-float-input.e-control-wrapper.e-small input, .e-small .e-filled.e-float-input.e-control-wrapper 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, .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: 35px; } .e-filled.e-input-group.e-bigger.e-small:not(.e-float-input) .e-input, .e-bigger .e-filled.e-input-group.e-small:not(.e-float-input) .e-input .e-small .e-filled.e-input-group.e-bigger:not(.e-float-input) .e-input, .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: 39px; } .e-float-input.e-bigger.e-small.e-filled input, .e-bigger .e-float-input.e-filled.e-small input, .e-small .e-float-input.e-filled.e-bigger input, .e-float-input.e-filled.e-input-group.e-bigger.e-small input, .e-bigger .e-float-input.e-filled.e-input-group.e-small input, .e-small .e-float-input.e-filled.e-input-group.e-bigger input, .e-float-input.e-filled.e-input-group.e-control-wrapper.e-bigger.e-small input, .e-bigger .e-float-input.e-filled.e-input-group.e-control-wrapper.e-small input, .e-small .e-float-input.e-filled.e-input-group.e-control-wrapper.e-bigger input, .e-float-input.e-filled.e-control-wrapper.e-bigger.e-small input, .e-bigger .e-float-input.e-filled.e-control-wrapper.e-small input, .e-small .e-float-input.e-filled.e-control-wrapper.e-bigger input, .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: 39px; } .e-filled.e-input-group input.e-input, .e-filled.e-input-group.e-control-wrapper input.e-input { 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: 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: 39px; } .e-filled label.e-float-text, .e-filled.e-float-input label.e-float-text, .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .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: 14px; left: 12px; letter-spacing: .009375em; line-height: 1.15; padding-left: 0; pointer-events: none; right: auto; 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%; } .e-filled.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .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: 12px; transform: none; width: 100%; } .e-filled.e-float-input input:focus ~ label.e-float-text, .e-filled.e-float-input input:valid ~ label.e-float-text, .e-filled.e-float-input input ~ label.e-label-top.e-float-text, .e-filled.e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input input label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper input label.e-float-text.e-label-top, .e-filled.e-float-input.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text { font-size: 14px; top: 12px; transform: translateY(-50%) scale(0.75); } .e-filled.e-float-input textarea:focus ~ label.e-float-text, .e-filled.e-float-input textarea:valid ~ label.e-float-text, .e-filled.e-float-input textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top { font-size: 14px; top: 12px; transform: translateY(-50%) scale(0.75); } .e-filled.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .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: 12px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-filled.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .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: 12px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-filled.e-float-input.e-bigger input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text { font-size: 16px; top: 18px; } .e-filled.e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text { font-size: 16px; top: 18px; } .e-bigger .e-filled.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .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, .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: 16px; top: 18px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-bigger .e-filled.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .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, .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: 16px; top: 18px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-filled.e-float-input.e-small input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-input-focus input ~ label.e-float-text { font-size: 13px; top: 10px; } .e-filled.e-float-input.e-small textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text { font-size: 13px; top: 10px; } .e-small .e-filled.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .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-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: 13px; top: 10px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-small .e-filled.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .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-filled.e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom { font-size: 13px; top: 10px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-filled.e-float-input.e-small.e-bigger input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger input[disabled] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small input[readonly] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger input[disabled] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-input-focus input ~ label.e-float-text, .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: 12px; } .e-filled.e-float-input.e-small.e-bigger textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .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: 12px; } .e-bigger .e-filled.e-float-input.e-small input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input input:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small input:-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill input:-webkit-autofill ~ label.e-float-text, .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, .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, .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: 12px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-bigger .e-filled.e-float-input.e-small textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input textarea:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small textarea:-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text, .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, .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, .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: 12px; transform: translateY(-50%) scale(0.75); -webkit-user-select: text; user-select: text; } .e-filled.e-float-input.e-bigger label.e-float-text, .e-filled.e-float-input label.e-float-text.e-bigger, .e-filled.e-float-input input.e-bigger ~ label.e-float-text, .e-bigger .e-filled.e-float-input label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input: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 label.e-float-text, .e-filled.e-float-input.e-control-wrapper label.e-float-text.e-bigger, .e-filled.e-float-input.e-control-wrapper input.e-bigger ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper label.e-float-text, .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: 18px; } .e-filled.e-float-input.e-bigger textarea ~ label.e-float-text, .e-filled.e-float-input textarea ~ label.e-float-text.e-bigger, .e-filled.e-float-input textarea.e-bigger ~ label.e-float-text, .e-bigger .e-filled.e-float-input textarea ~ label.e-float-text, .e-filled.e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-bigger, .e-filled.e-float-input.e-control-wrapper textarea.e-bigger ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea ~ label.e-float-text, .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: 18px; } .e-filled.e-float-input.e-small label.e-float-text, .e-filled.e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small label.e-float-text, .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: 10px; } .e-filled.e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .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: 10px; } .e-filled.e-float-input.e-small textarea ~ label.e-float-text, .e-filled.e-float-input textarea ~ label.e-float-text.e-small, .e-filled.e-float-input textarea.e-small ~ label.e-float-text, .e-small .e-filled.e-float-input textarea ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small textarea ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea ~ label.e-float-text.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: 10px; } .e-filled.e-float-input.e-small.e-bigger label.e-float-text, .e-bigger .e-filled.e-float-input.e-small label.e-float-text, .e-bigger .e-filled.e-float-input.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-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small label.e-float-text, .e-bigger .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.e-bigger: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, .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: 12px; transform: none; } .e-filled.e-float-input.e-bigger.e-small input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-small input label.e-float-text.e-label-top, .e-bigger .e-filled.e-float-input.e-small input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small input label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-bigger input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-bigger input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-bigger input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-bigger input label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small input label.e-float-text.e-label-top, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small input label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger input label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger.e-small.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-bigger.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small.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, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text { transform: translateY(-50%) scale(0.75); } .e-bigger .e-filled.e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-small .e-filled.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .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.e-bigger 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, .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: 12px; } .e-float-input.e-filled.e-bigger.e-small textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-small textarea label.e-float-text.e-label-top, .e-bigger .e-filled.e-float-input.e-small textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small textarea label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-bigger textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-bigger textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-bigger textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-small textarea label.e-float-text.e-label-top, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text, .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, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top { transform: translateY(-50%) scale(0.75); } .e-filled.e-float-input label.e-float-text, .e-filled.e-float-input label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 12px; } .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 12px; } .e-filled.e-float-input.e-rtl label.e-float-text, .e-filled.e-float-input.e-rtl label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-filled.e-float-input.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 12px; } .e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 12px; } .e-filled.e-float-input.e-bigger label.e-float-text, .e-filled.e-float-input.e-bigger label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger: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:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input label.e-float-text, .e-bigger .e-filled.e-float-input label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input: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 { left: 16px; } .e-filled.e-float-input.e-bigger:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 16px; } .e-filled.e-float-input.e-bigger.e-rtl label.e-float-text, .e-filled.e-float-input.e-rtl.e-bigger label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-bigger label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl.e-bigger label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper.e-bigger label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger label.e-float-text, .e-bigger .e-filled.e-float-input.e-rtl label.e-float-text, .e-bigger .e-filled.e-float-input.e-rtl label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input label.e-float-text .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl label.e-float-text, .e-bigger .e-filled.e-float-input.e-rtl.e-control-wrapper label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-bigger.e-filled.e-float-input.e-rtl: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-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-bigger.e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .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, .e-bigger .e-filled.e-float-input.e-rtl: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-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.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 { right: 16px; } .e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-bigger.e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 16px; } .e-filled.e-float-input.e-small label.e-float-text, .e-filled.e-float-input.e-small label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .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-bigger label.e-float-text, .e-small .e-filled.e-float-input label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input: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 { left: 8px; } .e-filled.e-float-input.e-small:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 8px; } .e-filled.e-float-input.e-small.e-rtl label.e-float-text, .e-filled.e-float-input.e-rtl.e-small label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-small label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl.e-small label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper.e-small label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small label.e-float-text, .e-small .e-filled.e-float-input.e-rtl label.e-float-text, .e-small .e-filled.e-float-input.e-rtl label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input label.e-float-text .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl label.e-float-text, .e-small .e-filled.e-float-input.e-rtl.e-control-wrapper label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-small.e-filled.e-float-input.e-rtl: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.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .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-small .e-filled.e-float-input.e-rtl: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.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.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 { right: 8px; } .e-small.e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 8px; } .e-filled.e-float-input.e-small.e-bigger label.e-float-text, .e-filled.e-float-input.e-small.e-bigger label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-bigger:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.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-small.e-bigger .e-filled.e-float-input label.e-float-text, .e-small.e-bigger .e-filled.e-float-input label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.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 { left: 12px; } .e-filled.e-float-input.e-small.e-bigger:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 12px; } .e-filled.e-float-input.e-small.e-bigger.e-rtl label.e-float-text, .e-filled.e-float-input.e-rtl.e-small.e-bigger label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-small.e-bigger label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl.e-small.e-bigger label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper.e-small.e-bigger label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-rtl label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-rtl label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input label.e-float-text .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-rtl.e-control-wrapper label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input.e-control-wrapper label.e-float-text, .e-small.e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-bigger.e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.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, .e-small .e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-filled.e-float-input.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small.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 { right: 12px; } .e-small.e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-bigger.e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-bigger.e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-filled.e-float-input.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-small.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { right: 12px; } .e-filled.e-float-input .e-float-line, .e-float-input.e-filled.e-control-wrapper .e-float-line { bottom: -1px; position: absolute; } .e-float-input.e-filled .e-float-line, .e-float-input.e-filled .e-float-text, .e-float-input.e-filled.e-control-wrapper .e-float-line, .e-float-input.e-filled.e-control-wrapper .e-float-text { right: 0; } .e-filled.e-input-group:not(.e-disabled):not(.e-float-icon-left)::before, .e-filled.e-filled.e-input-group:not(.e-disabled):not(.e-float-icon-left)::after, .e-filled.e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::before, .e-filled.e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::after { bottom: -1px; } .e-filled.e-input-group .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-filled.e-input-group.e-bigger .e-input-group-icon, .e-filled.e-input-group .e-input-group-icon.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .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, .e-filled.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-input-group.e-small .e-input-group-icon.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .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, .e-filled.e-input-group.e-small .e-input-group-icon, .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: 16px; margin-bottom: 0; margin-top: 0; min-height: 20px; min-width: 20px; padding: 0 0 0 8px; } .e-rtl.e-filled.e-input-group .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-input-group .e-input-group-icon.e-bigger, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-input-group .e-input-group-icon, .e-bigger .e-rtl.e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-small .e-input-group-icon.e-bigger, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-input-group.e-small .e-input-group-icon, .e-bigger .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-small .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-rtl.e-filled.e-input-group .e-input-group-icon, .e-small .e-rtl.e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl .e-filled.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-input-group .e-input-group-icon.e-bigger, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group .e-input-group-icon, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-small .e-input-group-icon.e-bigger, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group.e-small .e-input-group-icon, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-small .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small.e-rtl .e-filled.e-input-group .e-input-group-icon, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { padding: 0 8px 0 0; } .e-filled.e-input-group.e-small .e-input-group-icon, .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; min-height: 18px; min-width: 18px; padding: 0 0 0 4px; } .e-rtl.e-filled.e-input-group.e-small .e-input-group-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small .e-rtl.e-filled.e-input-group .e-input-group-icon, .e-small .e-rtl.e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-small .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-small.e-rtl .e-filled.e-input-group .e-input-group-icon, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { padding: 0 4px 0 0; } .e-filled.e-input-group.e-bigger .e-input-group-icon, .e-filled.e-input-group .e-input-group-icon.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon, .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: 20px; min-height: 24px; min-width: 24px; padding: 0 0 0 8px; } .e-filled.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-input-group.e-small .e-input-group-icon.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .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: 18px; min-height: 20px; min-width: 20px; padding: 0 0 0 8px; } .e-rtl.e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-small .e-rtl.e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-small .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-input-group .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-small.e-rtl .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { padding: 0 8px 0 0; } .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon, .e-filled.e-float-input.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-input-group .e-input-group-icon, .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, .e-filled.e-float-input.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .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, .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .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: 16px; margin-bottom: 0; margin-top: 0; padding: 0 0 0 8px; } .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .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; padding: 0 0 0 4px; } .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-small .e-rtl.e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-small .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .e-small.e-rtl .e-filled.e-float-input.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon { padding: 0 4px 0 0; } .e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon, .e-filled.e-float-input.e-input-group .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-input-group .e-input-group-icon, .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: 20px; padding: 0 0 0 8px; } .e-filled.e-float-input.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon, .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: 18px; padding: 0 0 0 8px; } .e-filled.e-float-input .e-clear-icon, .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: 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: 20px; min-width: 20px; padding: 0 0 0 8px; } .e-filled.e-float-input.e-input-group .e-clear-icon, .e-filled.e-float-input.e-input-group.e-control-wrapper .e-clear-icon { padding: 0 0 0 8px; } .e-filled.e-input-group.e-bigger .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-bigger .e-clear-icon, .e-filled.e-input-group .e-clear-icon.e-bigger, .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: 20px; min-height: 24px; min-width: 24px; padding: 0 0 0 8px; } .e-filled.e-input-group.e-float-input.e-bigger .e-clear-icon, .e-filled.e-input-group.e-float-input .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-float-input .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input.e-bigger .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-float-input .e-clear-icon { padding: 0 0 0 8px; } .e-filled.e-input-group.e-small.e-bigger .e-clear-icon, .e-filled.e-input-group.e-small .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-small .e-clear-icon, .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: 18px; min-height: 20px; min-width: 20px; padding: 0 0 0 8px; } .e-filled.e-input-group.e-float-input.e-small.e-bigger .e-clear-icon, .e-filled.e-input-group.e-float-input.e-small .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-float-input.e-small .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small.e-bigger .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon, .e-filled.e-input-group.e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-filled.e-input-group.e-float-input.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-float-input.e-control-wrapper.e-small .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small.e-bigger .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon { padding: 0 0 0 8px; } .e-filled.e-input-group.e-small .e-clear-icon, .e-filled.e-input-group .e-clear-icon.e-small, .e-small .e-filled.e-input-group .e-clear-icon, .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: 14px; min-height: 18px; min-width: 18px; padding: 0 0 0 4px; } .e-filled.e-input-group.e-float-input.e-small .e-clear-icon, .e-filled.e-input-group.e-float-input .e-clear-icon.e-small, .e-small .e-filled.e-input-group.e-float-input .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input .e-clear-icon.e-small, .e-small .e-filled.e-input-group.e-control-wrapper.e-float-input .e-clear-icon, .e-filled.e-input-group.e-float-input.e-control-wrapper.e-small .e-clear-icon, .e-filled.e-input-group.e-float-input.e-control-wrapper .e-clear-icon.e-small, .e-small .e-filled.e-input-group.e-float-input.e-control-wrapper .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon, .e-filled.e-input-group.e-control-wrapper.e-float-input .e-clear-icon.e-small, .e-small .e-filled.e-input-group.e-control-wrapper.e-float-input .e-clear-icon { padding: 0 0 0 4px; } .e-rtl.e-filled.e-input-group .e-clear-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper .e-clear-icon, .e-rtl.e-filled.e-input-group.e-bigger .e-clear-icon, .e-rtl.e-filled.e-input-group .e-clear-icon.e-bigger, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-bigger .e-clear-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper .e-clear-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-input-group .e-clear-icon, .e-bigger .e-rtl.e-filled.e-input-group.e-control-wrapper .e-clear-icon, .e-rtl.e-filled.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl.e-filled.e-input-group.e-small .e-clear-icon.e-bigger, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-input-group.e-small .e-clear-icon, .e-bigger .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-rtl.e-filled.e-input-group.e-small .e-clear-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-small .e-rtl.e-filled.e-input-group .e-clear-icon, .e-small .e-rtl.e-filled.e-input-group.e-control-wrapper .e-clear-icon, .e-rtl .e-filled.e-input-group .e-clear-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper .e-clear-icon, .e-rtl .e-filled.e-input-group.e-bigger .e-clear-icon, .e-rtl .e-filled.e-input-group .e-clear-icon.e-bigger, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-bigger .e-clear-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group .e-clear-icon, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper .e-clear-icon, .e-rtl .e-filled.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl .e-filled.e-input-group.e-small .e-clear-icon.e-bigger, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group.e-small .e-clear-icon, .e-bigger.e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-rtl .e-filled.e-input-group.e-small .e-clear-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-small.e-rtl .e-filled.e-input-group .e-clear-icon, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper .e-clear-icon { padding: 0 8px 0 0; } .e-rtl.e-filled.e-input-group.e-small .e-clear-icon, .e-rtl.e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-small .e-rtl.e-filled.e-input-group .e-clear-icon, .e-small .e-rtl.e-filled.e-input-group.e-control-wrapper .e-clear-icon, .e-rtl .e-filled.e-input-group.e-small .e-clear-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon, .e-small.e-rtl .e-filled.e-input-group .e-clear-icon, .e-small.e-rtl .e-filled.e-input-group.e-control-wrapper .e-clear-icon { padding: 0 4px 0 0; } .e-rtl.e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-bigger .e-clear-icon, .e-rtl.e-filled.e-float-input.e-input-group .e-clear-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger .e-clear-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-clear-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-clear-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon.e-bigger, .e-bigger .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon, .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-clear-icon, .e-small .e-rtl.e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon, .e-small .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-bigger .e-clear-icon, .e-rtl .e-filled.e-float-input.e-input-group .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-bigger .e-clear-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-input-group.e-small .e-clear-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger .e-clear-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small .e-clear-icon, .e-small.e-rtl .e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon { padding: 0 8px 0 0; } .e-rtl.e-filled.e-float-input.e-input-group.e-small .e-clear-icon, .e-small .e-rtl.e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon, .e-small .e-rtl.e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-input-group.e-small .e-clear-icon, .e-small.e-rtl .e-filled.e-float-input.e-input-group .e-clear-icon, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-clear-icon, .e-small.e-rtl .e-filled.e-float-input.e-control-wrapper.e-input-group .e-clear-icon { padding: 0 4px 0 0; } .e-filled.e-float-input .e-clear-icon::before, .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: 16px; } .e-filled.e-float-input.e-small .e-clear-icon::before, .e-filled.e-float-input.e-control-wrapper.e-small .e-clear-icon::before, .e-filled.e-input-group.e-small .e-clear-icon::before, .e-filled.e-input-group.e-control-wrapper.e-small .e-clear-icon::before, .e-filled.e-float-input.e-control-wrapper input.e-small:first-child ~ .e-clear-icon::before, .e-small .e-filled.e-float-input.e-control-wrapper .e-clear-icon::before, .e-filled.e-float-input input.e-small:first-child ~ .e-clear-icon::before, .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: 14px; } .e-filled.e-float-input.e-bigger .e-clear-icon::before, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-clear-icon::before, .e-filled.e-input-group.e-bigger .e-clear-icon::before, .e-filled.e-input-group.e-control-wrapper.e-bigger .e-clear-icon::before, .e-filled.e-float-input.e-control-wrapper input.e-bigger:first-child ~ .e-clear-icon::before, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-clear-icon::before, .e-filled.e-float-input input.e-bigger:first-child ~ .e-clear-icon::before, .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: 20px; } .e-filled.e-float-input.e-small.e-bigger .e-clear-icon::before, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before, .e-filled.e-input-group.e-small.e-bigger .e-clear-icon::before, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before, .e-small .e-filled.e-input-group.e-bigger input:first-child ~ .e-clear-icon::before, .e-small .e-filled.e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before, .e-bigger .e-filled.e-input-group.e-small input:first-child ~ .e-clear-icon::before, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before, .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: 18px; } .e-filled.e-float-input .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input .e-input-in-wrap input label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input label.e-float-text.e-label-top { top: 12px; } .e-filled.e-float-input.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text { top: 18px; } .e-filled.e-float-input.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text { top: 10px; } .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap input[disabled] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small .e-input-in-wrap input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap input[disabled] ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap input:valid ~ label.e-float-text, .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: 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, .e-filled.e-input-group.e-float-icon-left.e-input-focus.e-success:not(.e-warning):not(.e-error) .e-input-in-wrap, .e-filled.e-input-group.e-float-icon-left.e-input-focus.e-warning:not(.e-success):not(.e-error) .e-input-in-wrap, .e-filled.e-input-group.e-float-icon-left.e-input-focus.e-error:not(.e-success):not(.e-warning) .e-input-in-wrap, .e-filled.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, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus.e-success:not(.e-warning):not(.e-error) .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus.e-warning:not(.e-success):not(.e-error) .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus.e-error:not(.e-success):not(.e-warning) .e-input-in-wrap { border-style: none; border-width: 0; } .e-filled.e-float-input .e-input-in-wrap label.e-float-text, .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: 12px; } .e-filled.e-float-input.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input .e-input-in-wrap label.e-float-text.e-bigger, .e-filled.e-float-input .e-input-in-wrap input.e-bigger ~ label.e-float-text, .e-bigger .e-filled.e-float-input .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.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: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-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text.e-bigger, .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap input.e-bigger ~ label.e-float-text, .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: 18px; } .e-filled.e-float-input.e-small .e-input-in-wrap label.e-float-text, .e-small .e-filled.e-float-input .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.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: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-small .e-input-in-wrap label.e-float-text, .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: 10px; } .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-small .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.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-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-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: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-small.e-bigger .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text, .e-bigger .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.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: 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: 16px; margin: 0; min-height: 20px; min-width: 20px; padding: 0; } .e-filled.e-input-group:not(.e-float-input).e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group:not(.e-float-input).e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .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-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: 20px; margin: 0; min-height: 24px; min-width: 24px; padding: 0; } .e-filled.e-input-group:not(.e-float-input).e-small.e-float-icon-left > .e-input-group-icon, .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-small.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-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: 14px; margin: 0; min-height: 18px; min-width: 18px; padding: 0; } .e-filled.e-input-group:not(.e-float-input).e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group:not(.e-float-input).e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group:not(.e-float-input).e-small.e-float-icon-left > .e-input-group-icon, .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: 18px; margin: 0; min-height: 20px; min-width: 20px; padding: 0; } .e-filled.e-input-group.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .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: 20px; min-width: 20px; padding: 0; } .e-filled.e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .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-bigger.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.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: 24px; min-width: 24px; padding: 0; } .e-filled.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-filled.e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-filled.e-input-group.e-float-icon-left > .e-input-group-icon, .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-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon.e-small, .e-small .e-filled.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .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: 18px; min-width: 18px; padding: 0; } .e-filled.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-input-group.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-float-input.e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon.e-bigger, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small.e-float-icon-left > .e-input-group-icon, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger.e-float-icon-left > .e-input-group-icon, .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: 20px; min-width: 20px; padding: 0; } .e-filled.e-float-input .e-input-in-wrap label.e-float-text, .e-filled.e-float-input .e-input-in-wrap 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 .e-input-in-wrap label.e-float-text.e-label-bottom, .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:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom { left: 0; } .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input .e-input-in-wrap label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl: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-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .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-rtl .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 { right: 0; } .e-filled.e-float-input.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input.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: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-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input .e-input-in-wrap label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-bigger .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-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 { left: 0; } .e-filled.e-float-input.e-bigger.e-rtl .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-bigger .e-input-in-wrap label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-bigger .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input .e-input-in-wrap label.e-float-text .e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl .e-input-in-wrap label.e-float-text, .e-bigger .e-filled.e-float-input.e-rtl.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl.e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-bigger.e-filled.e-float-input.e-rtl: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.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-bigger.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-rtl .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, .e-bigger .e-filled.e-float-input.e-rtl: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.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-bigger .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-rtl.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 { right: 0; } .e-filled.e-float-input.e-small .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-small .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small: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-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-bigger .e-input-in-wrap label.e-float-text, .e-small .e-filled.e-float-input .e-input-in-wrap label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .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-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 { left: 0; } .e-filled.e-float-input.e-small.e-rtl .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl.e-small .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-small .e-input-in-wrap label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl.e-small .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small .e-input-in-wrap label.e-float-text, .e-small .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text, .e-small .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input .e-input-in-wrap label.e-float-text .e-small .e-filled.e-float-input.e-control-wrapper.e-rtl .e-input-in-wrap label.e-float-text, .e-small .e-filled.e-float-input.e-rtl.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl.e-small .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-small.e-filled.e-float-input.e-rtl: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.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .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-rtl .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, .e-small .e-filled.e-float-input.e-rtl: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.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.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-rtl.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 { right: 0; } .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.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-small.e-bigger:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom .e-small.e-bigger .e-filled.e-float-input .e-input-in-wrap label.e-float-text, .e-small.e-bigger .e-filled.e-float-input .e-input-in-wrap label.e-float-text.e-label-bottom, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-small.e-bigger .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-small.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 { left: 0; } .e-filled.e-float-input.e-small.e-bigger.e-rtl .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl.e-small.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-small.e-bigger .e-input-in-wrap label.e-float-text .e-filled.e-float-input.e-control-wrapper.e-rtl.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-filled.e-float-input.e-rtl.e-control-wrapper.e-small.e-bigger .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger .e-input-in-wrap label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-rtl .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input .e-input-in-wrap label.e-float-text .e-small.e-bigger .e-filled.e-float-input.e-control-wrapper.e-rtl .e-input-in-wrap label.e-float-text, .e-small.e-bigger .e-filled.e-float-input.e-rtl.e-control-wrapper .e-input-in-wrap label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .e-filled.e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text, .e-small.e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small.e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl .e-small.e-bigger.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-rtl .e-small.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, .e-small .e-bigger.e-filled.e-float-input.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-bigger.e-filled.e-float-input.e-control-wrapper.e-rtl: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-rtl: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.e-rtl:not(.e-input-focus) .e-input-in-wrap input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-rtl.e-small.e-bigger .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-rtl.e-small.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 { right: 0; } .e-filled.e-input-group .e-input-group-icon:last-child, .e-filled.e-input-group.e-bigger .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group .e-input-group-icon:last-child, .e-filled.e-input-group.e-small .e-input-group-icon:last-child, .e-small .e-filled.e-input-group .e-input-group-icon:last-child, .e-filled.e-input-group.e-small.e-bigger .e-input-group-icon:last-child, .e-small.e-bigger .e-filled.e-input-group .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group.e-small .e-input-group-icon:last-child, .e-small .e-filled.e-input-group.e-bigger .e-input-group-icon:last-child, .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-filled.e-input-group.e-bigger.e-control-wrapper .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-filled.e-input-group.e-small.e-control-wrapper .e-input-group-icon:last-child, .e-small .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-filled.e-input-group.e-small.e-bigger.e-control-wrapper .e-input-group-icon:last-child, .e-small.e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group.e-small.e-control-wrapper .e-input-group-icon:last-child, .e-small .e-filled.e-input-group.e-bigger.e-control-wrapper .e-input-group-icon:last-child { margin-right: 0; } .e-filled.e-input-group.e-rtl .e-input-group-icon:last-child, .e-filled.e-input-group.e-bigger.e-rtl .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group.e-rtl .e-input-group-icon:last-child, .e-filled.e-input-group.e-small.e-rtl .e-input-group-icon:last-child, .e-small .e-filled.e-input-group.e-rtl .e-input-group-icon:last-child, .e-filled.e-input-group.e-small.e-bigger.e-rtl .e-input-group-icon:last-child, .e-small.e-bigger .e-filled.e-input-group.e-rtl .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group.e-small.e-rtl .e-input-group-icon:last-child, .e-small .e-filled.e-input-group.e-bigger.e-rtl .e-input-group-icon:last-child, .e-filled.e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-filled.e-input-group.e-bigger.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-filled.e-input-group.e-small.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-small .e-filled.e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-filled.e-input-group.e-small.e-bigger.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-small.e-bigger .e-filled.e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-bigger .e-filled.e-input-group.e-small.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-small .e-filled.e-input-group.e-bigger.e-control-wrapper.e-rtl .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group.e-bigger .e-input-group-icon:last-child, .e-rtl.e-bigger .e-filled.e-input-group .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group.e-small .e-input-group-icon:last-child, .e-rtl.e-small .e-filled.e-input-group .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group.e-small.e-bigger .e-input-group-icon:last-child, .e-rtl.e-small.e-bigger .e-filled.e-input-group .e-input-group-icon:last-child, .e-rtl.e-bigger .e-filled.e-input-group.e-small .e-input-group-icon:last-child, .e-rtl.e-small .e-filled.e-input-group.e-bigger .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group.e-bigger.e-control-wrapper .e-input-group-icon:last-child, .e-rtl.e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group.e-small.e-control-wrapper .e-input-group-icon:last-child, .e-rtl.e-small .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-rtl .e-filled.e-input-group.e-small.e-bigger.e-control-wrapper .e-input-group-icon:last-child, .e-rtl.e-small.e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon:last-child, .e-rtl.e-bigger .e-filled.e-input-group.e-small.e-control-wrapper .e-input-group-icon:last-child, .e-rtl.e-small .e-filled.e-input-group.e-bigger.e-control-wrapper .e-input-group-icon:last-child { margin-left: 0; } .e-filled.e-input-group .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-filled.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-small.e-bigger .e-filled.e-input-group .e-input-group-icon, .e-small.e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { margin-right: 0; } .e-filled.e-rtl.e-input-group .e-input-group-icon, .e-filled.e-rtl.e-input-group.e-control-wrapper .e-input-group-icon, .e-filled.e-rtl.e-input-group.e-small.e-bigger .e-input-group-icon, .e-filled.e-rtl.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-small.e-bigger .e-rtl.e-filled.e-input-group .e-input-group-icon, .e-small.e-bigger .e-rtl.e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl .e-filled.e-input-group .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-small.e-bigger .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon, .e-rtl.e-small.e-bigger .e-filled.e-input-group .e-input-group-icon, .e-rtl.e-small.e-bigger .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { margin-left: 0; margin-right: 0; } .e-filled.e-input-group.e-small .e-input-group-icon, .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 { margin-right: 0; } .e-filled.e-input-group.e-small.e-rtl .e-input-group-icon, .e-filled.e-input-group.e-control-wrapper.e-small.e-rtl .e-input-group-icon, .e-small .e-filled.e-input-group.e-rtl .e-input-group-icon, .e-small .e-filled.e-input-group.e-control-wrapper.e-rtl .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-small .e-input-group-icon, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-small .e-input-group-icon, .e-rtl.e-small .e-filled.e-input-group .e-input-group-icon, .e-rtl.e-small .e-filled.e-input-group.e-control-wrapper .e-input-group-icon { margin-left: 0; margin-right: 0; } .e-filled textarea.e-input, .e-filled.e-input-group.e-multi-line-input textarea, .e-filled.e-input-group.e-control-wrapper.e-multi-line-input textarea, .e-filled.e-float-input.e-multi-line-input textarea, .e-filled.e-float-input.e-control-wrapper.e-multi-line-input textarea { box-sizing: border-box; } .e-filled textarea.e-input, .e-filled.e-input-group textarea, .e-filled.e-input-group textarea.e-input, .e-filled.e-input-group.e-input-focus textarea, .e-filled.e-input-group.e-input-focus textarea.e-input, .e-filled.e-input-group.e-control-wrapper textarea, .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea, .e-filled.e-input-group.e-control-wrapper textarea.e-input, .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea.e-input { padding: 0 12px 10px; } .e-filled.e-float-input textarea, .e-filled.e-float-input.e-control-wrapper textarea { padding: 0 12px 5px; } .e-filled.e-input-group.e-bigger textarea, .e-filled.e-input-group.e-bigger textarea.e-input, .e-filled.e-input-group textarea.e-bigger, .e-filled.e-input-group textarea.e-input.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-bigger textarea, .e-filled.e-input-group.e-control-wrapper.e-bigger textarea.e-input, .e-filled.e-input-group.e-control-wrapper textarea.e-bigger, .e-filled.e-input-group.e-control-wrapper textarea.e-input.e-bigger, .e-bigger .e-filled.e-input-group textarea, .e-bigger .e-filled.e-input-group textarea.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper textarea, .e-bigger .e-filled.e-input-group.e-control-wrapper textarea.e-input { padding: 0 16px 16px; } .e-filled.e-float-input.e-bigger textarea, .e-filled.e-float-input textarea.e-bigger, .e-filled.e-float-input.e-control-wrapper.e-bigger textarea, .e-filled.e-float-input.e-control-wrapper textarea.e-bigger, .e-bigger .e-filled.e-float-input textarea, .e-bigger .e-filled.e-float-input.e-control-wrapper textarea { padding: 0 16px 5px; } .e-filled.e-input-group.e-input-focus.e-bigger textarea, .e-filled.e-input-group.e-input-focus.e-bigger textarea.e-input, .e-filled.e-input-group.e-input-focus textarea.e-bigger, .e-filled.e-input-group.e-input-focus textarea.e-input.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea, .e-filled.e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea.e-input, .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea.e-bigger, .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-input-focus textarea, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea.e-input { padding: 0 16px 16px; } .e-filled.e-input-group.e-small textarea, .e-filled.e-input-group.e-small textarea.e-input, .e-filled.e-input-group textarea.e-small, .e-filled.e-input-group textarea.e-input.e-small, .e-filled.e-input-group.e-control-wrapper.e-small textarea, .e-filled.e-input-group.e-control-wrapper.e-small textarea.e-input, .e-small .e-filled.e-input-group textarea, .e-small .e-filled.e-input-group textarea.e-input { padding: 0 8px 7px; } .e-filled.e-float-input.e-small textarea, .e-filled.e-float-input textarea.e-small, .e-filled.e-float-input.e-control-wrapper.e-small textarea, .e-filled.e-float-input.e-control-wrapper textarea.e-small, .e-small .e-filled.e-float-input textarea, .e-small .e-filled.e-float-input.e-control-wrapper textarea { padding: 0 8px 4px; } .e-filled.e-input-group.e-input-focus.e-small textarea, .e-filled.e-input-group.e-input-focus.e-small textarea.e-input, .e-filled.e-input-group.e-input-focus textarea.e-small, .e-filled.e-input-group.e-input-focus textarea.e-input.e-small, .e-filled.e-input-group.e-input-focus textarea.e-input.e-small, .e-filled.e-input-group.e-control-wrapper.e-input-focus.e-small textarea, .e-filled.e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input, .e-small .e-filled.e-input-group.e-input-focus textarea, .e-small .e-filled.e-input-group.e-input-focus textarea.e-input { padding: 0 8px 7px; } .e-filled.e-input-group.e-small.e-bigger textarea.e-input, .e-filled.e-input-group.e-small textarea.e-input.e-bigger, .e-filled.e-input-group textarea.e-input.e-bigger.e-small, .e-filled.e-input-group.e-bigger textarea.e-small, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger textarea.e-input, .e-filled.e-input-group.e-control-wrapper.e-small textarea.e-input.e-bigger, .e-bigger.e-small .e-filled.e-input-group textarea.e-input, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper textarea.e-input, .e-bigger .input-group textarea.e-small, .e-bigger .e-filled.e-input-group.e-small textarea.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small textarea.e-input, .e-bigger .e-small.e-filled.e-input-group.e-control-wrapper textarea.e-input, .e-small .input-group textarea.e-bigger, .e-small .e-filled.e-input-group.e-bigger textarea.e-input, .e-small .e-filled.e-input-group.e-control-wrapper textarea.e-input.e-bigger, .e-small .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger { padding: 0 12px 10px; } .e-filled.e-float-input textarea.e-bigger.e-small, .e-filled.e-float-input.e-small.e-bigger textarea, .e-filled.e-float-input.e-small textarea.e-bigger, .e-filled.e-float-input.e-bigger textarea.e-small, .e-bigger .e-filled.e-float-input.e-small textarea, .e-bigger.e-small .e-filled.e-float-input textarea, .e-bigger .e-float-input textarea.e-small, .e-small .e-filled.e-float-input.e-bigger textarea, .e-small .float-input textarea.e-bigger, .e-small .e-filled.e-float-input.e-control-wrapper textarea.e-bigger, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger textarea, .e-filled.e-float-input.e-control-wrapper.e-small textarea.e-bigger, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small textarea, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper textarea, .e-bigger .e-small.e-filled.e-float-input.e-control-wrapper textarea { padding: 0 12px 5px; } .e-filled.e-input-group.e-input-focus textarea.e-input.e-bigger.e-small, .e-filled.e-input-group.e-input-focus.e-small.e-bigger textarea.e-input, .e-filled.e-input-group.e-input-focus.e-small textarea.e-input.e-bigger, .e-filled.e-input-group.e-input-focus.e-bigger textarea.e-small, .e-filled.e-input-group.e-control-wrapper.e-input-focus.e-small.e-bigger textarea.e-input, .e-filled.e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input.e-bigger, .e-bigger.e-small .e-filled.e-input-group.e-input-focus textarea.e-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper.e-input-focus textarea.e-input, .e-bigger .e-small.e-filled.e-input-group.e-control-wrapper.e-input-focus textarea.e-input { padding: 0 12px 10px; } .e-filled.e-input-group.e-multi-line-input, .e-filled.e-input-group.e-control-wrapper.e-multi-line-input { padding: 10px 0 0; } .e-filled.e-input-group.e-multi-line-input.e-bigger, .e-bigger .e-filled.e-input-group.e-multi-line-input, .e-filled.e-input-group.e-control-wrapper.e-bigger.e-multi-line-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-multi-line-input { padding: 16px 0 0; } .e-filled.e-input-group.e-small.e-multi-line-input, .e-filled.e-input-group.e-control-wrapper.e-small.e-multi-line-input, .e-small .e-filled.e-input-group.e-control-wrapper.e-multi-line-input { padding: 7px 0 0; } .e-filled.e-input-group.e-small.e-bigger.e-multi-line-input, .e-bigger.e-small .e-filled.e-input-group.e-small.e-multi-line-input, .e-bigger .e-filled.e-input-group.e-small.e-multi-line-input, .e-small .e-filled.e-input-group.e-bigger.e-multi-line-input, .e-filled.e-input-group.e-control-wrapper.e-small.e-bigger.e-multi-line-input, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper.e-small.e-multi-line-input, .e-bigger .e-filled.e-input-group.e-control-wrapper.e-small.e-multi-line-input, .e-small .e-filled.e-input-group.e-control-wrapper.e-bigger.e-multi-line-input { padding: 10px 0 0; } .e-filled.e-float-input.e-multi-line-input, .e-filled.e-float-input.e-control-wrapper.e-multi-line-input { padding: 14px 0 0; } .e-filled.e-float-input.e-bigger.e-multi-line-input, .e-bigger .e-filled.e-float-input.e-multi-line-input, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-multi-line-input, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-multi-line-input { padding: 20px 0 0; } .e-filled.e-float-input.e-small.e-multi-line-input, .e-filled.e-float-input.e-control-wrapper.e-small.e-multi-line-input, .e-small .e-filled.e-float-input.e-control-wrapper.e-multi-line-input { padding: 12px 0 0; } .e-filled.e-float-input.e-small.e-bigger.e-multi-line-input, .e-bigger.e-small .e-filled.e-float-input.e-small.e-multi-line-input, .e-bigger .e-filled.e-float-input.e-small.e-multi-line-input, .e-small .e-filled.e-float-input.e-bigger.e-multi-line-input, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-multi-line-input, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-small.e-multi-line-input, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-multi-line-input, .e-small .e-filled.e-float-input.e-control-wrapper.e-bigger.e-multi-line-input { padding: 14px 0 0; } .e-filled textarea.e-input.e-rtl, .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input:focus, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input:focus, .e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input:focus, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input:focus { padding: 0 12px 10px; text-indent: 0; } .e-filled.e-float-input.e-multi-line-input.e-rtl textarea, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea, .e-filled.e-float-input.e-multi-line-input.e-rtl textarea, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea, .e-filled.e-float-input.e-multi-line-input.e-rtl textarea:focus, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea:focus, .e-rtl .e-filled.e-float-input.e-multi-line-input textarea:focus, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea:focus { padding: 0 12px 5px; text-indent: 0; } .e-rtl .e-filled textarea.e-input.e-small, .e-filled textarea.e-input.e-small.e-rtl, .e-small.e-rtl .e-filled textarea.e-input, .e-small .e-filled textarea.e-input.e-rtl, .e-filled.e-input-group.e-multi-line-input.e-small.e-rtl textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-small textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input.e-small, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input.e-small, .e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input.e-small, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input.e-small, .e-small .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input, .e-small .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input, .e-small.e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input, .e-small.e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input, .e-small.e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input:focus, .e-small.e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input:focus, .e-small .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input:focus, .e-small .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input:focus { padding: 0 8px 7px; text-indent: 0; } .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea, .e-filled.e-float-input.e-multi-line-input.e-small.e-rtl textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-small textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small textarea, .e-filled.e-float-input.e-multi-line-input.e-rtl textarea.e-small, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-small, .e-rtl .e-filled.e-float-input.e-multi-line-input textarea.e-small, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea.e-small, .e-small .e-filled.e-float-input.e-multi-line-input.e-rtl textarea, .e-small .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea, .e-small.e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea, .e-small.e-rtl .e-filled.e-float-input.e-multi-line-input textarea, .e-small.e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea:focus, .e-small.e-rtl .e-filled.e-float-input.e-multi-line-input textarea:focus, .e-small .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea:focus, .e-small .e-filled.e-float-input.e-multi-line-input.e-rtl textarea:focus { padding: 0 8px 4px; text-indent: 0; } .e-rtl .e-filled textarea.e-input.e-bigger, .e-filled textarea.e-input.e-bigger.e-rtl, .e-bigger.e-rtl .e-filled textarea.e-input, .e-bigger .e-filled textarea.e-input.e-rtl, .e-filled.e-input-group.e-multi-line-input.e-bigger.e-rtl textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-bigger.e-rtl textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-bigger textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-bigger textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input.e-bigger, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input.e-bigger, .e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input.e-bigger, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input textarea.e-input:focus, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper textarea.e-input:focus, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-rtl textarea.e-input:focus, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-input:focus { padding: 0 16px 16px; text-indent: 0; } .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-bigger.e-rtl textarea, .e-filled.e-float-input.e-multi-line-input.e-bigger.e-rtl textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-bigger textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-bigger textarea, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea.e-bigger, .e-filled.e-float-input.e-multi-line-input.e-rtl textarea.e-bigger, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea.e-bigger, .e-rtl .e-filled.e-float-input.e-multi-line-input textarea.e-bigger, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-rtl textarea, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input textarea, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper textarea:focus, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input textarea:focus, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-rtl textarea:focus, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-rtl textarea:focus { padding: 0 16px 5px; text-indent: 0; } .e-bigger .e-filled textarea.e-input.e-small.e-rtl, .e-filled.e-input-group.e-multi-line-input.e-small.e-bigger.e-rtl textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small.e-bigger.e-rtl textarea.e-input, .e-filled.e-input-group.e-multi-line-input.e-small.e-rtl textarea.e-input.e-bigger, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea.e-input.e-bigger, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-small.e-rtl textarea.e-input, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea.e-input, .e-bigger.e-rtl textarea.e-input.e-small, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-small.e-bigger textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small.e-bigger textarea.e-input, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-small textarea.e-input.e-bigger, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small textarea.e-input.e-bigger, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input.e-small textarea.e-input, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small textarea.e-input, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-small.e-rtl textarea.e-input:focus, .e-bigger .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea.e-input:focus, .e-small .e-filled.e-input-group.e-multi-line-input.e-bigger.e-rtl textarea.e-input:focus, .e-small .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-bigger.e-rtl textarea.e-input:focus, .e-filled.e-input-group.e-multi-line-input.e-bigger.e-small.e-rtl textarea.e-input:focus, .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-bigger.e-small.e-rtl textarea.e-input:focus, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input.e-small textarea.e-input:focus, .e-bigger.e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-small textarea.e-input:focus, .e-small.e-rtl .e-filled.e-input-group.e-multi-line-input.e-bigger textarea.e-input:focus, .e-small.e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-bigger textarea.e-input:focus, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-bigger.e-small textarea.e-input:focus, .e-rtl .e-filled.e-input-group.e-multi-line-input.e-control-wrapper.e-bigger.e-small textarea.e-input:focus { padding: 0 12px 10px; text-indent: 0; } .e-filled.e-float-input.e-multi-line-input.e-small.e-bigger.e-rtl textarea, .e-filled.e-float-input.e-multi-line-input.e-small.e-rtl textarea.e-bigger, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-small.e-rtl textarea, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small.e-bigger.e-rtl textarea, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea.e-bigger, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small.e-bigger textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small textarea.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-small.e-bigger textarea, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-small textarea.e-bigger, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input.e-small textarea, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small.e-rtl textarea:focus, .e-bigger .e-filled.e-float-input.e-multi-line-input.e-small.e-rtl textarea:focus, .e-small .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-bigger.e-rtl textarea:focus, .e-small .e-filled.e-float-input.e-multi-line-input.e-bigger.e-rtl textarea:focus, .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-bigger.e-small.e-rtl textarea:focus, .e-filled.e-float-input.e-multi-line-input.e-bigger.e-small.e-rtl textarea:focus, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-small textarea:focus, .e-bigger.e-rtl .e-filled.e-float-input.e-multi-line-input.e-small textarea:focus, .e-small.e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-bigger textarea:focus, .e-small.e-rtl .e-filled.e-float-input.e-multi-line-input.e-bigger textarea:focus, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-control-wrapper.e-bigger.e-small textarea:focus, .e-rtl .e-filled.e-float-input.e-multi-line-input.e-bigger.e-small textarea:focus { padding: 0 12px 5px; text-indent: 0; } .e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap { border: 1px solid; border-width: 0; margin-left: 8px; } .e-rtl .e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-rtl .e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl .e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-rtl .e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap .e-filled.e-float-input.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-filled.e-float-input.e-float-icon-left.e-rtl .e-input-in-wrap, .e-filled.e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap { margin-left: 0; margin-right: 8px; } .e-filled.e-float-input.e-float-icon-left.e-bigger.e-small .e-input-in-wrap, .e-filled.e-float-input.e-control-wrapper.e-float-icon-left.e-bigger.e-small .e-input-in-wrap, .e-filled.e-input-group.e-float-icon-left.e-bigger.e-small .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-bigger.e-small .e-input-in-wrap, .e-bigger.e-small .e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-bigger.e-small .e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap { border: 1px solid; border-width: 0; margin-left: 8px; } .e-filled.e-float-input.e-float-icon-left.e-small .e-input-in-wrap, .e-filled.e-float-input.e-control-wrapper.e-float-icon-left.e-small .e-input-in-wrap, .e-filled.e-input-group.e-float-icon-left.e-small .e-input-in-wrap, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-small .e-input-in-wrap, .e-small .e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-small .e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-small .e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-small .e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap { margin-left: 4px; } .e-rtl.e-bigger.e-small .e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-rtl.e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl.e-bigger.e-small .e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-rtl.e-bigger.e-small .e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl .e-bigger.e-small.e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-rtl .e-bigger.e-small.e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl .e-bigger.e-small.e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-rtl .e-bigger.e-small.e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-bigger.e-small.e-filled.e-float-input.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-bigger.e-small.e-filled.e-float-input.e-float-icon-left.e-rtl .e-input-in-wrap, .e-bigger.e-small.e-filled.e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap, .e-bigger.e-small.e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-bigger.e-small .e-filled.e-float-input.e-float-icon-left.e-rtl .e-input-in-wrap, .e-bigger.e-small .e-filled.e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap, .e-bigger.e-small .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap { margin-left: 0; margin-right: 8px; } .e-rtl.e-small .e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-rtl.e-small .e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl.e-small .e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-rtl.e-small .e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl .e-small.e-filled.e-float-input.e-float-icon-left .e-input-in-wrap, .e-rtl .e-small.e-filled.e-float-input.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-rtl .e-small.e-filled.e-input-group.e-float-icon-left .e-input-in-wrap, .e-rtl .e-small.e-filled.e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap, .e-small.e-filled.e-float-input.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-small.e-filled.e-float-input.e-float-icon-left.e-rtl .e-input-in-wrap, .e-small.e-filled.e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap, .e-small.e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-small .e-filled.e-float-input.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap, .e-small .e-filled.e-float-input.e-float-icon-left.e-rtl .e-input-in-wrap, .e-small .e-filled.e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap, .e-small .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap { margin-left: 0; margin-right: 4px; } .e-filled.e-input-group.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover, .e-filled.e-float-input.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover, .e-filled.e-float-input.e-control-wrapper.e-float-icon-left:not(.e-disabled):not(.e-input-focus) .e-input-in-wrap:hover { border-bottom-width: 0; } .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 { -moz-transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); bottom: 0; content: ''; height: 2px; position: absolute; transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); width: 0; bottom: -1px; } .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 { -moz-transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); bottom: 0; content: ''; height: 2px; position: absolute; transition: 0.2s cubic-bezier(0.4, 0, 0.4, 1); width: 0; } .e-filled.e-input-group.e-float-icon-left::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left::before { left: 50%; } .e-filled.e-float-input.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::before { left: 50%; } .e-filled.e-input-group.e-float-icon-left:not(.e-float-input).e-input-focus::before, .e-filled.e-input-group.e-float-icon-left:not(.e-float-input).e-input-focus::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input).e-input-focus::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input).e-input-focus::after { width: 50%; bottom: -1px; } .e-filled.e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-float-line::before, .e-filled.e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-float-line::after, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-input-focus .e-float-line::before, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-input-focus .e-float-line::after { width: 50%; } .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)::after { right: 50%; } .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)::after { right: 50%; } .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::after { right: 50%; } .e-filled.e-input-group.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::before, .e-filled.e-input-group.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input).e-input-focus .e-input-in-wrap::after { width: 0; } .e-filled.e-input-group.e-float-icon-left, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left { border-bottom: 1px solid; } .e-filled.e-input-group.e-float-icon-left, .e-filled.e-input-group.e-success.e-float-icon-left, .e-filled.e-input-group.e-warning.e-float-icon-left, .e-filled.e-input-group.e-error.e-float-icon-left, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left, .e-filled.e-input-group.e-control-wrapper.e-success.e-float-icon-left, .e-filled.e-input-group.e-control-wrapper.e-warning.e-float-icon-left, .e-filled.e-input-group.e-control-wrapper.e-error.e-float-icon-left { border: 1px solid; border-width: 0 0 1px 0; } /*! input theme */ input.e-input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input, textarea.e-input, .e-float-input input, .e-float-input.e-control-wrapper input, .e-float-input textarea, .e-float-input.e-control-wrapper textarea { background: transparent; border-color: rgba(0, 0, 0, 0.42); color: rgba(0, 0, 0, 0.87); } .e-input-group, .e-input-group.e-control-wrapper, .e-float-input, .e-float-input.e-input-group, .e-float-input.e-control-wrapper, .e-float-input.e-input-group.e-control-wrapper { background: transparent; color: rgba(0, 0, 0, 0.87); } .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon { background: transparent; border-color: rgba(0, 0, 0, 0.42); color: rgba(0, 0, 0, 0.54); } .e-input-group.e-disabled .e-input-group-icon, .e-input-group.e-control-wrapper.e-disabled .e-input-group-icon { color: rgba(0, 0, 0, 0.26); } .e-input[disabled], .e-input-group .e-input[disabled], .e-input-group.e-control-wrapper .e-input[disabled], .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-disabled, .e-float-input input[disabled], .e-float-input.e-control-wrapper input[disabled], .e-float-input textarea[disabled], .e-float-input.e-control-wrapper textarea[disabled], .e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-disabled { -webkit-text-fill-color: rgba(0, 0, 0, 0.42); background: transparent; color: rgba(0, 0, 0, 0.42); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.42) 0, rgba(0, 0, 0, 0.42) 33%, transparent 0); background-position: bottom -1px left 0; background-repeat: repeat-x; background-size: 4px 1px; border-bottom-color: transparent; } .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-float-input input, .e-float-input.e-control-wrapper input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input, .e-float-input textarea, .e-float-input.e-control-wrapper textarea, .e-input-group .e-input[disabled], .e-input-group.e-control-wrapper .e-input[disabled], .e-input-group.e-disabled input.e-input, .e-input-group.e-control-wrapper.e-disabled input.e-input, .e-input-group.e-disabled textarea.e-input, .e-input-group.e-control-wrapper.e-disabled textarea.e-input { background: none; color: inherit; } .e-input-group .e-input[readonly], .e-input-group.e-control-wrapper .e-input[readonly], .e-float-input input[readonly], .e-float-input.e-control-wrapper input[readonly], .e-float-input textarea[readonly], .e-float-input.e-control-wrapper textarea[readonly] { background: none; color: inherit; } .e-float-input.e-disabled input, .e-float-input.e-control-wrapper.e-disabled input, .e-float-input.e-disabled textarea, .e-float-input.e-control-wrapper.e-disabled textarea, .e-float-input input[disabled], .e-float-input.e-control-wrapper input[disabled], .e-float-input textarea[disabled], .e-float-input.e-control-wrapper textarea[disabled] { color: inherit; } /*! Added color to textbox for disbaled state */ .e-float-input:not(.e-disabled) input[disabled], .e-float-input.e-control-wrapper:not(.e-disabled) input[disabled], .e-float-input:not(.e-disabled) textarea[disabled], .e-float-input.e-control-wrapper:not(.e-disabled) textarea[disabled] { -webkit-text-fill-color: rgba(0, 0, 0, 0.42); color: rgba(0, 0, 0, 0.42); } .e-input-group.e-disabled .e-input-group-icon, .e-input-group.e-control-wrapper.e-disabled .e-input-group-icon { background: transparent; border-color: rgba(0, 0, 0, 0.42); } .e-input-group:not(.e-disabled) .e-input-group-icon:hover, .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover { color: rgba(0, 0, 0, 0.54); } .e-input-group.e-disabled .e-input-group-icon:hover, .e-input-group.e-control-wrapper.e-disabled .e-input-group-icon:hover { background: transparent; } .e-input.e-success, .e-input.e-success:focus, .e-input-group.e-success input.e-input, .e-input-group.e-control-wrapper.e-success input.e-input, .e-input-group.e-success .e-input-group-icon, .e-input-group.e-control-wrapper.e-success .e-input-group-icon, .e-input-group.e-success textarea.e-input, .e-input-group.e-control-wrapper.e-success textarea.e-input { border-color: #22b24b; } .e-input.e-warning, .e-input.e-warning:focus, .e-input-group.e-warning input.e-input, .e-input-group.e-control-wrapper.e-warning input.e-input, .e-input-group.e-warning .e-input-group-icon, .e-input-group.e-control-wrapper.e-warning .e-input-group-icon, .e-input-group.e-warning textarea.e-input, .e-input-group.e-control-wrapper.e-warning textarea.e-input { border-color: #ffca1c; } .e-input.e-error, .e-input.e-error:focus, .e-input-group.e-error input.e-input, .e-input-group.e-control-wrapper.e-error input.e-input, .e-input-group.e-control-wrapper.e-error .e-input-group-icon, .e-input-group.e-error .e-input-group-icon, .e-input-group.e-error textarea.e-input, .e-input-group.e-control-wrapper.e-error textarea.e-input { border-color: #f44336; } label.e-float-text, .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom { color: rgba(0, 0, 0, 0.42); } .e-float-input.e-error label.e-float-text, .e-float-input.e-control-wrapper.e-error label.e-float-text, .e-float-input.e-error input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text, .e-float-input.e-error.e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text, .e-float-input.e-error textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text { color: #f44336; } .e-float-input input, .e-float-input textarea, .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper textarea { border-bottom-color: rgba(0, 0, 0, 0.42); } .e-float-input.e-success input, .e-float-input.e-success textarea, .e-float-input.e-control-wrapper.e-success input, .e-float-input.e-control-wrapper.e-success textarea { border-bottom-color: #22b24b; } .e-float-input.e-warning input, .e-float-input.e-control-wrapper.e-warning input, .e-float-input.e-warning textarea, .e-float-input.e-control-wrapper.e-warning textarea { border-bottom-color: #ffca1c; } .e-float-input.e-error input, .e-float-input.e-control-wrapper.e-error input, .e-float-input.e-error textarea, .e-float-input.e-control-wrapper.e-error textarea { border-bottom-color: #f44336; } .e-float-input:not(.e-input-group) .e-float-line::before, .e-float-input:not(.e-input-group) .e-float-line::after, .e-float-input:not(.e-input-group) .e-float-line::before, .e-float-input: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, .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: #e3165b; } .e-float-input.e-success:not(.e-input-group) .e-float-line::before, .e-float-input.e-success:not(.e-input-group) .e-float-line::after, .e-float-input.e-success:not(.e-input-group) .e-float-line::before, .e-float-input.e-success:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper.e-success:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper.e-success:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper.e-success:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper.e-success:not(.e-input-group) .e-float-line::after { background: #22b24b; } .e-float-input.e-warning:not(.e-input-group) .e-float-line::before, .e-float-input.e-warning:not(.e-input-group) .e-float-line::after, .e-float-input.e-warning:not(.e-input-group) .e-float-line::before, .e-float-input.e-warning:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper.e-warning:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper.e-warning:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper.e-warning:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper.e-warning:not(.e-input-group) .e-float-line::after { background: #ffca1c; } .e-float-input:not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top), .e-float-input:not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top), .e-float-input.e-control-wrapper:not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) { color: rgba(0, 0, 0, 0.42); } .e-float-input.e-error:not(.e-input-group) .e-float-line::before, .e-float-input.e-error:not(.e-input-group) .e-float-line::after, .e-float-input.e-error:not(.e-input-group) .e-float-line::before, .e-float-input.e-error:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper.e-error:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper.e-error:not(.e-input-group) .e-float-line::after, .e-float-input.e-control-wrapper.e-error:not(.e-input-group) .e-float-line::before, .e-float-input.e-control-wrapper.e-error:not(.e-input-group) .e-float-line::after { background: #f44336; } .e-input-group:not(.e-disabled) .e-input-group-icon:active, .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:active { background: transparent; color: rgba(0, 0, 0, 0.54); } input.e-input::selection, textarea.e-input::selection, .e-input-group input.e-input::selection, .e-input-group.e-control-wrapper input.e-input::selection, .e-float-input input::selection, .e-float-input.e-control-wrapper input::selection, .e-input-group textarea.e-input::selection, .e-input-group.e-control-wrapper textarea.e-input::selection, .e-float-input textarea::selection, .e-float-input.e-control-wrapper textarea::selection { background: #e3165b; color: #fff; } .e-float-input.e-small textarea::selection, .e-float-input textarea::selection { background: #e3165b; color: #fff; } input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group input.e-input:-moz-placeholder, .e-input-group.e-control-wrapper input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } textarea.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group textarea.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.42); } input.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group input.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper input.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } textarea.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group textarea.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper textarea.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } input.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group input.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper input.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } textarea.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper textarea.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group textarea.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } input.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper input.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group input.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } textarea.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group textarea.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group.e-control-wrapper textarea.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, .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: #e3165b; } .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::before, .e-float-input.e-input-group:not(.e-float-icon-left) .e-float-line::after, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-float-icon-left .e-input-in-wrap .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left) .e-float-line::before, .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: #e3165b; } .e-input-group:not(.e-float-icon-left):not(.e-float-input).e-success::before, .e-input-group:not(.e-float-icon-left):not(.e-float-input).e-success::after, .e-input-group.e-float-icon-left.e-success:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left.e-success:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input).e-success::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input).e-success::after, .e-input-group.e-control-wrapper.e-float-icon-left.e-success:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left.e-success:not(.e-float-input) .e-input-in-wrap::after { background: #22b24b; } .e-float-input.e-input-group:not(.e-float-icon-left).e-success .e-float-line::before, .e-float-input.e-input-group:not(.e-float-icon-left).e-success .e-float-line::after, .e-float-input.e-input-group.e-float-icon-left.e-success .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-float-icon-left.e-success .e-input-in-wrap .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left).e-success .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group:not(.e-float-icon-left).e-success .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-success .e-input-in-wrap .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-success .e-input-in-wrap .e-float-line::after, .e-float-input.e-input-group.e-control-wrapper:not(.e-float-icon-left).e-success .e-float-line::before, .e-float-input.e-input-group.e-control-wrapper:not(.e-float-icon-left).e-success .e-float-line::after, .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-success .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-success .e-input-in-wrap .e-float-line::after { background: #22b24b; } .e-input-group:not(.e-float-icon-left).e-warning:not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left).e-warning:not(.e-float-input)::after, .e-input-group.e-float-icon-left.e-warning:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left.e-warning:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left).e-warning:not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left).e-warning:not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left.e-warning:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left.e-warning:not(.e-float-input) .e-input-in-wrap::after { background: #ffca1c; } .e-float-input.e-input-group:not(.e-float-icon-left).e-warning .e-float-line::before, .e-float-input.e-input-group:not(.e-float-icon-left).e-warning .e-float-line::after, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-warning .e-input-in-wrap .e-float-line::before, .e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-warning .e-input-in-wrap .e-float-line::after { background: #ffca1c; } .e-input-group:not(.e-float-icon-left).e-error:not(.e-float-input)::before, .e-input-group:not(.e-float-icon-left).e-error:not(.e-float-input)::after, .e-input-group.e-float-icon-left.e-error:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-float-icon-left.e-error:not(.e-float-input) .e-input-in-wrap::after, .e-input-group.e-control-wrapper:not(.e-float-icon-left).e-error:not(.e-float-input)::before, .e-input-group.e-control-wrapper:not(.e-float-icon-left).e-error:not(.e-float-input)::after, .e-input-group.e-control-wrapper.e-float-icon-left.e-error:not(.e-float-input) .e-input-in-wrap::before, .e-input-group.e-control-wrapper.e-float-icon-left.e-error:not(.e-float-input) .e-input-in-wrap::after { background: #f44336; } .e-float-input.e-input-group:not(.e-float-icon-left).e-error .e-float-line::before, .e-float-input.e-input-group:not(.e-float-icon-left).e-error .e-float-line::after, .e-float-input.e-input-group.e-float-icon-left.e-error .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-float-icon-left.e-error .e-input-in-wrap .e-float-line::after, .e-float-input.e-input-group.e-control-wrapper:not(.e-float-icon-left).e-error .e-float-line::before, .e-float-input.e-input-group.e-control-wrapper:not(.e-float-icon-left).e-error .e-float-line::after, .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-error .e-input-in-wrap .e-float-line::before, .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-error .e-input-in-wrap .e-float-line::after { background: #f44336; } .e-input-group.e-success .e-input-group-icon, .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(0, 0, 0, 0.54); } .e-input-group.e-warning .e-input-group-icon, .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(0, 0, 0, 0.54); } .e-input-group.e-error .e-input-group-icon, .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(0, 0, 0, 0.54); } .e-input-group.e-success:not(.e-disabled) .e-input-group-icon:active, .e-input-group.e-control-wrapper.e-success:not(.e-disabled) .e-input-group-icon:active { color: rgba(0, 0, 0, 0.54); } .e-input-group.e-warning:not(.e-disabled) .e-input-group-icon:active, .e-input-group.e-control-wrapper.e-warning:not(.e-disabled) .e-input-group-icon:active { color: rgba(0, 0, 0, 0.54); } .e-input-group.e-error:not(.e-disabled) .e-input-group-icon:active, .e-input-group.e-control-wrapper.e-error:not(.e-disabled) .e-input-group-icon:active { color: rgba(0, 0, 0, 0.54); } .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input { border-color: rgba(0, 0, 0, 0.42); } .e-input:focus:not(.e-success):not(.e-warning):not(.e-error), .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus, .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus, .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: #e3165b; } .e-input-group:not(.e-success):not(.e-warning):not(.e-error) input.e-input:focus, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) input.e-input:focus, .e-input-group:not(.e-success):not(.e-warning):not(.e-error).e-input-focus input.e-input, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error).e-input-focus input.e-input, .e-input-group:not(.e-success):not(.e-warning):not(.e-error) textarea.e-input:focus, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) textarea.e-input:focus { border-color: transparent; } .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) { border-color: rgba(0, 0, 0, 0.42); } .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus, .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input { border-color: rgba(0, 0, 0, 0.42); } .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus, .e-input-group.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:last-child.e-input-group-icon, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus, .e-input-group.e-control-wrapper.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:last-child.e-input-group-icon { border-color: transparent; } .e-input-group.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span.e-input-group-icon, .e-input-group.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:first-child.e-input-group-icon, .e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus, .e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:last-child:focus, .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) span.e-input-group-icon, .e-input-group.e-control-wrapper.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span.e-input-group-icon, .e-input-group.e-control-wrapper.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:first-child.e-input-group-icon, .e-input-focus.e-control-wrapper.e-rtl:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus, .e-input-focus.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) .e-input:last-child:focus, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) span.e-input-group-icon { border-color: transparent; } .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) span:first-child.e-input-group-icon, .e-input-group.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) .e-input:last-child:focus, .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) span:first-child.e-input-group-icon, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) span:first-child.e-input-group-icon, .e-input-group.e-control-wrapper.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) .e-input:last-child:focus, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) span:first-child.e-input-group-icon { border-color: transparent; } .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap { border-color: rgba(0, 0, 0, 0.42); } .e-input-group, .e-input-group.e-control-wrapper { border-bottom-color: rgba(0, 0, 0, 0.42); } .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) .e-input:focus, .e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) .e-input:focus, .e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus, .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) .e-input, .e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input, .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left) .e-input, .e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input { border-bottom-color: transparent; border-top-color: transparent; } .e-input-group.e-success, .e-input-group.e-control-wrapper.e-success, .e-float-icon-left.e-input-group.e-success, .e-float-icon-left.e-control-wrapper.e-input-group.e-success, .e-input-group.e-warning, .e-input-group.e-control-wrapper.e-warning, .e-float-icon-left.e-input-group.e-warning, .e-float-icon-left.e-input-group.e-control-wrapper.e-warning, .e-input-group.e-error, .e-input-group.e-control-wrapper.e-error, .e-float-icon-left.e-input-group.e-error, .e-float-icon-left.e-input-group.e-control-wrapper.e-error, .e-input-group.e-float-icon-left, .e-input-group.e-control-wrapper.e-float-icon-left { border-color: transparent; } .e-input-group.e-success, .e-input-group.e-control-wrapper.e-success, .e-input-group.e-success:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left) { border-bottom-color: #22b24b; } .e-input-group.e-float-icon-left.e-success .e-input-in-wrap, .e-input-group.e-control-wrapper.e-float-icon-left.e-success .e-input-in-wrap { border-bottom-color: #22b24b; } .e-input-group.e-warning, .e-input-group.e-control-wrapper.e-warning, .e-input-group.e-warning:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left) { border-bottom-color: #ffca1c; } .e-input-group.e-float-icon-left.e-warning .e-input-in-wrap, .e-input-group.e-control-wrapper.e-float-icon-left.e-warning .e-input-in-wrap { border-bottom-color: #ffca1c; } .e-input-group.e-error, .e-input-group.e-control-wrapper.e-error, .e-input-group.e-error:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) { border-bottom-color: #f44336; } .e-input-group.e-float-icon-left.e-error .e-input-in-wrap, .e-input-group.e-control-wrapper.e-float-icon-left.e-error .e-input-in-wrap { border-bottom-color: #f44336; } .e-float-input .e-clear-icon, .e-float-input.e-control-wrapper .e-clear-icon, .e-input-group .e-clear-icon, .e-input-group.e-control-wrapper .e-clear-icon { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-disabled .e-clear-icon, .e-float-input.e-control-wrapper.e-disabled .e-clear-icon, .e-input-group.e-disabled .e-clear-icon, .e-input-group.e-control-wrapper.e-disabled .e-clear-icon { color: rgba(0, 0, 0, 0.26); } .e-float-input.e-input-focus .e-input:focus, .e-float-input.e-control-wrapper.e-input-focus .e-input:focus { border-bottom-color: transparent; border-top-color: transparent; } .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) input label.e-float-text.e-label-top, .e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input .e-control-wrapper:not(.e-error) input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error) input[readonly] ~ label.e-float-text, .e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-small .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-small .e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-small .e-float-input:not(.e-error) input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-float-input:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { color: rgba(0, 0, 0, 0.42); } .e-float-input:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top), .e-float-input:not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top), .e-float-input.e-control-wrapper:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) { color: rgba(0, 0, 0, 0.42); } .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) textarea label.e-float-text.e-label-top, .e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea:valid ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-float-text, .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea:valid ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-float-input:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input.e-input-group.e-disabled .e-float-text, .e-float-input.e-input-group.e-disabled .e-float-text.e-label-top, .e-float-input input[disabled] ~ label.e-float-text, .e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-disabled label.e-float-text, .e-float-input.e-disabled label.e-float-text.e-label-top, .e-float-input:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.42); } .e-float-input textarea[disabled] ~ label.e-float-text, .e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.42); } .e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text, .e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-disabled input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-disabled label.e-float-text, .e-float-input.e-control-wrapper.e-disabled label.e-float-text.e-label-top, .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-disabled:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top { color: rgba(0, 0, 0, 0.42); } .e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-disabled:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .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.42); } .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text, .e-small .e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text, .e-small .e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top, .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text, .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text { color: #e3165b; } .e-input-group:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-float-input.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-float-input:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover { border-color: rgba(0, 0, 0, 0.42); } .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-input-group.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-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .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-input-group.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-input-group.e-control-wrapper.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .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) input:not([disabled]), .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) textarea:not([disabled]) { border-color: rgba(0, 0, 0, 0.42); } .e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-float-input.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-float-input.e-control-wrapper.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap, .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-color: rgba(0, 0, 0, 0.42); } .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-input-group.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-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .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-input-group.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-input-group.e-control-wrapper.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .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) input:not([disabled]), .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) textarea:not([disabled]) { border-color: rgba(0, 0, 0, 0.42); } .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text { color: rgba(0, 0, 0, 0.54); } .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-small:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text { color: rgba(0, 0, 0, 0.54); } .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: rgba(0, 0, 0, 0.87); } .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(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87); } .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(0, 0, 0, 0.87); } .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: #e3165b; box-shadow: inset 1px 1px #e3165b, inset -1px 0 #e3165b, inset 0 -1px #e3165b; } .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(0, 0, 0, 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: #f44336; } .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 #f44336, inset -1px 0 #f44336, inset 0 -1px #f44336; } .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 #f44336, inset -1px 0 #f44336, inset 0 -1px #f44336; } .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(0, 0, 0, 0.06); } .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: #f44336; } .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: #e3165b; } .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(0, 0, 0, 0.06); border-color: rgba(0, 0, 0, 0.06); } .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(0, 0, 0, 0.06); } .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); } .e-outline.e-float-input:not(.e-disabled) .e-clear-icon:hover, .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); } .e-outline.e-float-input:not(.e-disabled) .e-clear-icon:active, .e-outline.e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:active, .e-outline.e-input-group:not(.e-disabled) .e-clear-icon:active, .e-outline.e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:active { color: rgba(0, 0, 0, 0.87); } .e-filled.e-input-group, .e-filled.e-input-group.e-control-wrapper, .e-filled.e-float-input, .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: #f5f5f5; transition: opacity 15ms linear, background-color 15ms linear; } .e-filled.e-input-group:hover, .e-filled.e-input-group.e-control-wrapper:hover, .e-filled.e-float-input:hover, .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; transition: opacity 15ms linear, background-color 15ms linear; } .e-filled.e-input-group.e-input-focus, .e-filled.e-input-group.e-control-wrapper.e-input-focus, .e-filled.e-float-input.e-input-focus, .e-filled.e-float-input.e-input-group.e-input-focus, .e-filled.e-float-input.e-control-wrapper.e-input-focus, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-input-focus, .e-filled.e-input-group:hover.e-input-focus, .e-filled.e-input-group:hover.e-control-wrapper.e-input-focus, .e-filled.e-float-input:hover.e-input-focus, .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; transition: opacity 15ms linear, background-color 15ms linear; } .e-filled.e-input-group:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-filled.e-input-group.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.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):not(.e-float-icon-left), .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: rgba(0, 0, 0, 0.87); } .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), .e-filled.e-input-group.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-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.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):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: rgba(0, 0, 0, 0.87); } .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), .e-filled.e-input-group.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-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.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):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: rgba(0, 0, 0, 0.87); } .e-filled.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error), .e-filled.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) { border-color: rgba(0, 0, 0, 0.42); } .e-filled.e-float-input:not(.e-success):not(.e-warning):not(.e-error), .e-filled.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) { border-color: rgba(0, 0, 0, 0.42); } .e-filled.e-float-input.e-success, .e-filled.e-float-input.e-control-wrapper.e-success, .e-filled.e-input-group.e-float-icon-left.e-success, .e-filled.e-input-group.e-float-icon-left.e-control-wrapper.e-success { border-bottom-color: #22b24b; } .e-filled.e-float-input.e-warning, .e-filled.e-float-input.e-control-wrapper.e-warning, .e-filled.e-input-group.e-float-icon-left.e-warning, .e-filled.e-input-group.e-float-icon-left.e-control-wrapper.e-warning { border-bottom-color: #ffca1c; } .e-filled.e-float-input.e-error, .e-filled.e-float-input.e-control-wrapper.e-error, .e-filled.e-input-group.e-float-icon-left.e-error, .e-filled.e-input-group.e-float-icon-left.e-control-wrapper.e-error { border-bottom-color: #f44336; } .e-filled label.e-float-text, .e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger:not(.e-error):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: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: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:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .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-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, .e-small .e-filled.e-float-input:not(.e-error):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-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom, .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: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input.e-error label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-error label.e-float-text, .e-filled.e-float-input.e-error input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text, .e-filled.e-float-input.e-error textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text { color: #f44336; } .e-filled.e-float-input.e-success label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success label.e-float-text, .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-warning label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning label.e-float-text, .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) input label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .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: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) input label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .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: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input .e-control-wrapper:not(.e-error) input label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .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: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input: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:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .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: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .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: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .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: rgba(0, 0, 0, 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: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea:valid ~ label.e-float-text, .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: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text, .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: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input: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:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .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: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:valid ~ label.e-float-text, .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: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-float-text, .e-small .e-float-input.e-control-wrapper:not(.e-error) input[readonly]:focus ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input[readonly] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly]:focus ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly]:focus ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error).e-input-focus textarea[readonly] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text, .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, .e-filled.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .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, .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, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text, .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: #e3165b; } .e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input: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:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .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-bigger .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-bigger.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-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-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-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: rgba(0, 0, 0, 0.6); } .e-filled.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .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-small.e-filled.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .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: rgba(0, 0, 0, 0.6); } input.e-filled.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 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: rgba(0, 0, 0, 0.6); } input.e-filled.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } textarea.e-filled.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled textarea.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper textarea.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.6); } input.e-filled.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled input.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper input.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } textarea.e-filled.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled textarea.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper textarea.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } input.e-filled.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled input.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper input.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } textarea.e-filled.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper textarea.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled textarea.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.6); } input.e-filled.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper input.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled input.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } textarea.e-filled.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled textarea.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.6); } .e-input-group.e-filled.e-control-wrapper textarea.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 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: rgba(0, 0, 0, 0.87); } .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: rgba(0, 0, 0, 0.87); } .e-filled.e-float-input.e-disabled .e-clear-icon, .e-filled.e-float-input.e-control-wrapper.e-disabled .e-clear-icon, .e-input-group.e-filled.e-disabled .e-clear-icon, .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: rgba(0, 0, 0, 0.38); } .e-filled.e-input[disabled], .e-input-group.e-filled .e-input[disabled], .e-input-group.e-filled.e-control-wrapper .e-input[disabled], .e-input-group.e-filled.e-disabled, .e-input-group.e-filled.e-control-wrapper.e-disabled, .e-filled.e-float-input input[disabled], .e-filled.e-float-input.e-control-wrapper input[disabled], .e-filled.e-float-input textarea[disabled], .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: #fafafa; background-image: none; background-position: initial; background-repeat: no-repeat; background-size: 0; border-color: rgba(0, 0, 0, 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: rgba(0, 0, 0, 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: #fafafa; background-image: none; background-position: initial; background-repeat: no-repeat; background-size: 0; border-color: rgba(0, 0, 0, 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: rgba(0, 0, 0, 0.38); } .e-filled.e-float-input.e-input-group.e-disabled .e-float-text, .e-filled.e-float-input.e-input-group.e-disabled .e-float-text.e-label-top, .e-filled.e-float-input input[disabled] ~ label.e-float-text, .e-filled.e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-disabled label.e-float-text, .e-filled.e-float-input.e-disabled label.e-float-text.e-label-top, .e-filled.e-float-input:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .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: rgba(0, 0, 0, 0.38); } .e-filled.e-float-input textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .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: rgba(0, 0, 0, 0.38); } .e-filled.e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-disabled input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-disabled:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text, .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: rgba(0, 0, 0, 0.38); } .e-filled.e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-disabled:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text, .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: rgba(0, 0, 0, 0.38); } input.e-filled.e-disabled.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled input.e-input:-moz-placeholder { 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: rgba(0, 0, 0, 0.38); } input.e-filled.e-disabled.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } textarea.e-filled.e-disabled.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled textarea.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper textarea.e-input:-moz-placeholder { color: rgba(0, 0, 0, 0.38); } input.e-filled.e-disabled.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled input.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.38); } textarea.e-filled.e-disabled.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled textarea.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper textarea.e-input::-moz-placeholder { color: rgba(0, 0, 0, 0.38); } input.e-filled.e-disabled.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled input.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } textarea.e-filled.e-disabled.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper textarea.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled textarea.e-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } input.e-filled.e-disabled.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper input.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled input.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); } textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled textarea.e-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); } .e-input-group.e-filled.e-disabled.e-control-wrapper textarea.e-input::-webkit-input-placeholder { 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: #e3165b; } .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: #e3165b; } .e-filled.e-input-group.e-float-icon-left.e-success:not(.e-float-input)::before, .e-filled.e-input-group.e-float-icon-left.e-success:not(.e-float-input)::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-success:not(.e-float-input)::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-success:not(.e-float-input)::after { background: #22b24b; } .e-filled.e-float-input.e-input-group.e-float-icon-left.e-success .e-float-line::before, .e-filled.e-float-input.e-input-group.e-float-icon-left.e-success .e-float-line::after, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-success .e-float-line::before, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-success .e-float-line::after, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-success .e-float-line::before, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-success .e-float-line::after { background: #22b24b; } .e-filled.e-input-group.e-float-icon-left.e-warning:not(.e-float-input)::before, .e-filled.e-input-group.e-float-icon-left.e-warning:not(.e-float-input)::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-warning:not(.e-float-input)::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-warning:not(.e-float-input)::after, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-warning .e-float-line::before, .e-filled.e-float-input.e-control-wrapper.e-input-group.e-float-icon-left.e-warning .e-float-line::after { background: #ffca1c; } .e-filled.e-input-group.e-float-icon-left.e-error:not(.e-float-input)::before, .e-filled.e-input-group.e-float-icon-left.e-error:not(.e-float-input)::after, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-error:not(.e-float-input)::before, .e-filled.e-input-group.e-control-wrapper.e-float-icon-left.e-error:not(.e-float-input)::after { background: #f44336; } .e-filled.e-float-input.e-input-group.e-float-icon-left.e-error .e-float-line::before, .e-filled.e-float-input.e-input-group.e-float-icon-left.e-error .e-float-line::after, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-error .e-float-line::before, .e-filled.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left.e-error .e-float-line::after { background: #f44336; } .e-filled.e-input-group: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: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: rgba(0, 0, 0, 0.87); } .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: rgba(0, 0, 0, 0.87); } .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: rgba(0, 0, 0, 0.87); } .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success input label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning input label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success input label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning input label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input .e-control-wrapper.e-success input label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-small.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-success input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success input[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-success input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-success input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-success.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-control-wrapper.e-small.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success input[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper.e-success input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-bigger.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-small.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { color: #22b24b; } .e-filled.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-success textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-success textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-success textarea[disabled] ~ label.e-label-top.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea[disabled] ~ label.e-label-top.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-small.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-success textarea[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success textarea[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-success textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-success textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success textarea[disabled] ~ label.e-label-top.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper.e-success textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea[disabled] ~ label.e-label-top.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-success.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-success.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-success.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-success.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-success.e-input-focus input ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill.e-success: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.e-success: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.e-success:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-bigger.e-small.e-control-wrapper.e-autofill.e-success textarea:not(:focus):-webkit-autofill ~ label.e-float-text { color: #22b24b; } .e-filled.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input .e-control-wrapper.e-warning input label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-small.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-warning input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning input[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-warning input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-warning input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-warning.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning input:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning input ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning input[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning input[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning input:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning input ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-bigger.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-small.e-bigger.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom { color: #ffca1c; } .e-filled.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-warning textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-bigger.e-warning textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-warning textarea[disabled] ~ label.e-label-top.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning textarea[disabled] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning textarea label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea[disabled] ~ label.e-label-top.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-small.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-warning textarea[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning textarea[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-warning textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-warning textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-small.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea[disabled] ~ label.e-label-top.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea[readonly] ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea[disabled] ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning textarea:valid ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning textarea ~ label.e-label-top.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning textarea[readonly] ~ label.e-float-text.e-label-top, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning textarea[disabled] ~ label.e-float-text.e-label-top, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea:valid ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea[disabled] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:valid ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea[readonly] ~ label.e-label-top.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea[disabled] ~ label.e-label-top.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning input:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning input:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:focus ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning textarea:focus ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning textarea:focus ~ label.e-float-text, .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-warning.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus inputs ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-warning.e-input-focus input ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-warning.e-input-focus input ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-small.e-bigger.e-warning.e-input-focus input ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-small.e-warning.e-input-focus input ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill.e-warning: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.e-warning: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.e-warning:not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text { color: #ffca1c; } .e-filled.e-float-input.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-bigger.e-small.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-small.e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger .e-filled.e-float-input.e-small.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-bigger.e-small .e-filled.e-float-input.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text, .e-filled.e-bigger.e-small.e-control-wrapper.e-autofill.e-warning textarea:not(:focus):-webkit-autofill ~ label.e-float-text { color: #ffca1c; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } .e-input-group-icon.e-spin-up::before { content: '\e834'; font-family: 'e-icons'; } .e-input-group-icon.e-spin-down::before { content: '\e83d'; font-family: 'e-icons'; } .e-numeric-container { width: 100%; } .e-content-placeholder.e-numeric.e-placeholder-numeric { background-size: 300px 33px; min-height: 33px; } .e-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric, .e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric { background-size: 300px 40px; min-height: 40px; } .e-float-input.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden, .e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden, .e-float-input.e-control-wrapper.e-numeric .e-numeric-hidden, .e-float-input.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden, .e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden, .e-float-input.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden { border: 0; height: 0; margin: 0; padding: 0; text-indent: 0; visibility: hidden; width: 0; } .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon { font-size: 12px; } .e-bigger .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon, .e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon { font-size: 12px; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } /*! maskedtextbox layout */ .e-control-wrapper.e-mask .e-maskedtextbox { font-family: Arial, "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 12.5px; } .e-bigger .e-control-wrapper.e-mask .e-maskedtextbox { font-size: 13px; } .e-control-wrapper.e-mask.e-bigger .e-maskedtextbox { font-size: 13px; } .e-content-placeholder.e-mask.e-placeholder-mask { background-size: 300px 33px; min-height: 33px; } .e-bigger .e-content-placeholder.e-mask.e-placeholder-mask, .e-bigger.e-content-placeholder.e-mask.e-placeholder-mask { background-size: 300px 40px; min-height: 40px; } /*! maskedtextbox theme */ .e-control-wrapper.e-mask.e-error .e-maskedtextbox { color: #f44336; } .e-utility-mask.e-error { color: #f44336; } .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle { cursor: default; transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); z-index: 3; } .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-tab-handle::after { background-color: transparent; } .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-handle-start.e-tab-handle::after { background-color: transparent; } .e-slider-tooltip.e-tooltip-wrap.e-popup { background-color: #e3165b; border: 0; border-radius: 8px; cursor: grab; opacity: 1; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-popup.e-popup-close { display: block; opacity: 0; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start { background-color: rgba(0, 0, 0, 0.26); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start .e-arrow-tip-inner { color: #000; opacity: 0; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start .e-arrow-tip-outer.e-tip-bottom { border-top-color: rgba(0, 0, 0, 0.26); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start .e-arrow-tip-outer.e-tip-top { border-bottom-color: rgba(0, 0, 0, 0.26); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start .e-arrow-tip-outer.e-tip-right { border-left-color: rgba(0, 0, 0, 0.26); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-material-tooltip-start .e-arrow-tip-outer.e-tip-left { border-right-color: rgba(0, 0, 0, 0.26); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-active { cursor: grabbing; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip { visibility: visible; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content { background-color: transparent; height: 16px; overflow: hidden; padding: 0 8px; text-align: center; top: calc(50% - 8px); width: 100%; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content.e-material-tooltip-show { color: #fff; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content.e-material-tooltip-hide { color: transparent; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-inner { color: #e3165b; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-bottom { border-top-color: #e3165b; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-top { border-bottom-color: #e3165b; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-right { border-left-color: #e3165b; } .e-slider-tooltip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-left { border-right-color: #e3165b; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default { background-color: #e3165b; border: 0; border-bottom-left-radius: 50%; border-bottom-right-radius: 0%; border-top-left-radius: 50%; border-top-right-radius: 50%; cursor: grab; opacity: 1; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-material-tooltip-start { background-color: rgba(0, 0, 0, 0.26); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-tooltip-active { cursor: grabbing; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-arrow-tip { visibility: hidden; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-horizontal-before .e-tip-content { transform: rotate(-45deg); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-horizontal-after .e-tip-content { transform: rotate(-225deg); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-vertical-before .e-tip-content { transform: rotate(45deg); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-vertical-after .e-tip-content { transform: rotate(225deg); } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-tip-content { background-color: transparent; height: 16px; overflow: hidden; padding: 0; text-align: center; top: calc(50% - 8px); width: 100%; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-tip-content.e-material-tooltip-show { color: #fff; } .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-tip-content.e-material-tooltip-hide { color: transparent; } .e-slider-horizantal-color { height: 100%; position: absolute; top: 0; } .e-slider-vertical-color { left: -1px; position: absolute; width: 100%; } .e-bigger.e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content { font-size: 11px; line-height: 16px; } .e-bigger .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content { font-size: 11px; line-height: 16px; } .e-bigger .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value, .e-control-wrapper.e-slider-container.e-bigger .e-scale .e-tick .e-tick-value { font-size: 12px; } .e-control-wrapper.e-slider-container { -moz-user-select: none; -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; box-sizing: border-box; display: inline-block; height: 18px; line-height: normal; outline: none; position: relative; user-select: none; } .e-control-wrapper.e-slider-container::after { content: "material"; display: none; } .e-control-wrapper.e-slider-container .e-slider .e-handle.e-large-thumb-size { transform: scale(1.5); } .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider .e-handle { margin: 0 -6px 0 0; top: calc(50% - 6px); } .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-scale.e-h-scale .e-tick.e-first-tick { background-position-x: right; } .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-scale.e-h-scale .e-tick.e-last-tick { background-position-x: left; } .e-control-wrapper.e-slider-container.e-rtl.e-vertical { direction: ltr; } .e-control-wrapper.e-slider-container.e-disabled.e-material-slider .e-slider .e-handle.e-handle-first { background-color: #757575; } .e-control-wrapper.e-slider-container.e-disabled:hover .e-scale .e-tick { visibility: hidden; } .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-range { background: rgba(0, 0, 0, 0.26); } .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle { background: #757575; transform: scale(0.5) !important; } .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle.e-handle-first { background-color: #757575; border: 0; } .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle::after { -ms-transform: scale(0); -webkit-transform: scale(0); background: transparent; border: 7px solid #fff; border-radius: 50%; box-sizing: border-box; content: ''; height: 26px; left: calc(50% - 13px); opacity: 1; position: absolute; top: calc(50% - 13px); transform: scale(1); transition: none; width: 26px; z-index: -1; } .e-control-wrapper.e-slider-container.e-disabled .e-btn { cursor: default; } .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle { cursor: default; } .e-control-wrapper.e-slider-container.e-disabled .e-slider .e-handle.e-handle-disable { display: block; } .e-control-wrapper.e-slider-container.e-horizontal { height: 48px; width: 100%; } .e-control-wrapper.e-slider-container.e-horizontal .e-first-button { left: 0; margin-top: -9px; top: 50%; } .e-control-wrapper.e-slider-container.e-horizontal .e-first-button .e-button-icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAkFBMVEUAAAD////////////////////////+/v7////+/v7////////+/v7+/v7////////+/v7+/v7+/v7////+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7///8G+5iqAAAAL3RSTlMABAgMEBQYHCAkKDA0ODxETFRYYGRsdHyAh4uTm6Onr7O/w8fL09ff4+fr7/P3+/6nVicAAADJSURBVHgBldJHdoNgAANhQUjvPTHuxbgAuv/t/J5O8I82Wn27UfGaVmjvBwvsdmEDUH33JuBxYwNQ/48m4LWzAbie2QR8nkzA/coGoPodTMDzzgagae1ykHAASDgAJBwAEk4xSDgAJBwAEg4ACacYJBwAEg4ACYeAjyMEaqYQSC97CFT/DQxID2sIpK8zBLqZQyC9dRDoajIyID1tIVD10zMg3S0ZSF4IJC8GkhcDyQuB5MVA8kIgeTGQvBhIXggkLwaSFwLJK3cBRvanB71ijlkAAAAASUVORK5CYII="); background-repeat: no-repeat; background-size: cover; display: inline-block; height: 7px; left: calc(50% - 4.6px); position: absolute; top: calc(50% - 3.6px); width: 7px; } .e-control-wrapper.e-slider-container.e-horizontal .e-second-button { margin-top: -9px; right: 0; top: 50%; } .e-control-wrapper.e-slider-container.e-horizontal .e-second-button .e-button-icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAkFBMVEUAAAD////////////////////////+/v7////////+/v7+/v7+/v7////////+/v7////+/v7+/v7+/v7+/v7+/v7////////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7///9VYKa9AAAAL3RSTlMABAgMEBQYHCAoLDQ4PEBMUFhcZGx0eICDi5Obn6ers7vDx8vP19vf4+fr7/P3++LF0fAAAADNSURBVHgBldNHbsNAGEPhkZSi9F4S915k6d3/dga8Jgjw7bkYzPeXS5ObkkX3EQ5gcRcO6H/qbACbp3AAo6twwOEtHMCsDQecvqpsAKuHcMDw12QD2L2EA/C8EFleiCwvRJYXIssLmeGFzPBCZnghM7yQGV7IDC9Eglc26D6zwfS2JIP9a/To4b8pyWD9GH1c/11FNOZthO/4nvEeX5dksH2OTnT4rUsyWN4Xk4cj8nBEHo7IwxF5OCIPR+ThiDwckYcj8nBEHo5Iw5GdAVm8p9sPUXNKAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-size: cover; display: inline-block; height: 7px; left: calc(50% - 2.6px); position: absolute; top: calc(50% - 3.6px); width: 7px; } .e-control-wrapper.e-slider-container.e-horizontal.e-slider-btn { padding: 0 30px; } .e-control-wrapper.e-slider-container.e-horizontal .e-slider { height: 32px; position: relative; top: calc(50% - 16px); width: 100%; } .e-control-wrapper.e-slider-container.e-horizontal .e-slider-track { height: 2px; left: 0; position: absolute; width: 100%; background: rgba(0, 0, 0, 0.26); overflow: hidden; top: calc(50% - 1px); } .e-control-wrapper.e-slider-container.e-horizontal .e-handle { margin-left: -6px; top: calc(50% - 6px); } .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-range { height: 2px; } .e-control-wrapper.e-slider-container.e-horizontal .e-range { height: 2px; top: calc(50% - 1px); } .e-control-wrapper.e-slider-container.e-horizontal .e-limits { background-color: rgba(0, 0, 0, 0.26); height: 2px; position: absolute; top: calc(50% - 1px); } .e-control-wrapper.e-slider-container.e-vertical { height: inherit; padding: 38px 0; width: 48px; } .e-control-wrapper.e-slider-container.e-vertical .e-slider { height: 100%; left: calc(50% - 16px); position: relative; width: 32px; } .e-control-wrapper.e-slider-container.e-vertical .e-slider-track { background: rgba(0, 0, 0, 0.26); bottom: 0; height: 100%; position: absolute; left: calc(50% - 1px); overflow: hidden; width: 2px; } .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn { height: 100%; padding: 30px 0; } .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn .e-slider { height: 100%; width: 2px; } .e-control-wrapper.e-slider-container.e-vertical .e-first-button { bottom: 0; margin-right: -9px; right: 50%; } .e-control-wrapper.e-slider-container.e-vertical .e-first-button .e-button-icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAjVBMVEUAAAD////////////////////////+/v7////+/v7////////+/v7////////+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////1kjJ6AAAALnRSTlMABAgMEBQYHCAkKDA4QERITFRcYGRodHyDj5OXn6Ons7e7v8vP09ff5+vv8/f7zZvJMAAAAItJREFUeAHdyVcagjAQBsAfUVTAXsTeSTRm7388i/kUQjYHYF4H9bAUXjuEV/KQEdC98f9I8dLXxJngY879CsbG/ccARuPsetHCT1tWXyUoSDXZRiiZ2p/Bsi7/HrbgVPw8REUk/n+P4ZAoMvQATmMyFmBk39+CExzefwnBauZEsgOPWOkevIYz1NEToo45F58KJy0AAAAASUVORK5CYII="); background-repeat: no-repeat; background-size: cover; display: inline-block; height: 8px; left: calc(50% - 3.8px); position: absolute; top: calc(50% - 2.7px); width: 8px; } .e-control-wrapper.e-slider-container.e-vertical .e-second-button { margin-right: -9px; right: 50%; top: 0; } .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAjVBMVEUAAAD////////////////////////////////+/v7////+/v7+/v7////////+/v7+/v7////+/v7////+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////wrNfvAAAALnRSTlMABAgMEBQYICgsMDQ4QERITFBcYGhseHyDi5Obn6Ort7u/x8/X29/j5+vv8/f77y3LJgAAAI1JREFUeAHdyVeagjAUBtCbYQTsXewFENGYf//LsyB8kORmAZzXQ600mLrfz2XX9X8xcO0Qb4+3s2B/ia8N9yOFwtz+wR0/z77tvQSVm0+mI2piYXyEhp3+E2gWzQ8lNGpY//8UhjygijjBIvGotIbVofwZGFHxPQmGGn/ez8B6hETiAofUo1XmtKVWeAEhzjgqqZr/lwAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-size: cover; display: inline-block; height: 8px; left: calc(50% - 3.8px); position: absolute; top: calc(50% - 4.7px); width: 8px; } .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-slider .e-handle { margin-bottom: -6px; } .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-handle { margin-bottom: -6px; left: calc(50% - 6px); } .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range { left: calc(50% - 1px); width: 2px; } .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits { background-color: rgba(0, 0, 0, 0.26); left: calc(50% - 1px); position: absolute; width: 2px; } .e-control-wrapper.e-slider-container .e-range { border-radius: 2px; position: absolute; transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, width 300ms ease-out, height 300ms ease-out; } .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal { cursor: ew-resize; } .e-control-wrapper.e-slider-container .e-range.e-drag-vertical { cursor: ns-resize; } .e-control-wrapper.e-slider-container .e-slider { box-sizing: border-box; cursor: default; display: block; outline: 0 none; padding: 0; position: relative; } .e-control-wrapper.e-slider-container .e-slider .e-handle { border-radius: 50%; box-sizing: border-box; cursor: grab; height: 12px; outline: none; position: absolute; -ms-touch-action: none; touch-action: none; transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out; width: 12px; z-index: 10; cursor: grab; } .e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-active { cursor: grabbing; } .e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-start { background-color: #fff; border: 2px solid rgba(0, 0, 0, 0.26); } .e-control-wrapper.e-slider-container .e-slider .e-handle::after { -moz-box-sizing: content-box; -ms-transform: scale(0); -webkit-box-sizing: content-box; -webkit-transform: scale(0); border: 0 solid; border-radius: 50%; box-sizing: content-box; content: ''; filter: alpha(opacity=26); height: 32px; left: calc(50% - 16px); opacity: .26; position: absolute; top: calc(50% - 16px); transform: scale(0); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); width: 32px; z-index: -1; } .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle.e-handle-start::after { background-color: #e0e0e0; opacity: .38; } .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle::after { -ms-transform: scale(1); -webkit-transform: scale(1); background-color: #e3165b; transform: scale(1); } .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick { background-position: bottom; height: 50%; top: 1px; } .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-tick { background-position: right; left: 1px; width: 50%; } .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-tick { background-position-x: center; height: 50%; top: calc(50% - 1px); } .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-tick { background-position: left; left: calc(50% - 1px); width: 50%; } .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-h-scale .e-tick { background-position: center; height: 99%; } .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-tick { background-position: center; width: 100%; } .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-large { width: 100%; } .e-control-wrapper.e-slider-container .e-scale { box-sizing: content-box; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; height: 28px; line-height: normal; list-style: none outside none; margin: 0; outline: 0 none; padding: 0; position: absolute; top: calc(50% - 14px); width: 100%; z-index: 1; } .e-control-wrapper.e-slider-container .e-scale .e-tick { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFElEQVQI12NkYGAIZ2BgYGBigAIABPgAW+yfXroAAAAASUVORK5CYII="); cursor: default; outline: none; position: relative; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value { color: #000; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; font-size: 10px; outline: none; position: absolute; -webkit-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale { height: 100%; left: calc(50% - 14px); top: 0; width: 28px; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick { background-repeat: no-repeat; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick { background-position-y: top; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick { background-position-y: bottom; } .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick { display: inline-block; background-repeat: no-repeat; } .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-before { top: -18px; } .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-after { bottom: -20px; } .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both { bottom: -20px; } .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both:first-child { top: -18px; } .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-first-tick { background-position-x: left; } .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-last-tick { background-position-x: right; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-before { right: 26px; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-after { left: 27px; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both { right: 41px; } .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both:first-child { left: 39px; } .e-control-wrapper.e-slider-container .e-scale .e-tick { visibility: hidden; } .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value { visibility: visible; } .e-control-wrapper.e-slider-container:hover .e-scale .e-tick { visibility: visible; } .e-control-wrapper.e-slider-container:active .e-scale .e-tick { visibility: visible; } .e-slider-hover .e-scale .e-tick { visibility: visible; } /*! component theme */ .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-handle-first { background: transparent; border-color: transparent; } .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-handle-second { background: transparent; border-color: transparent; } .e-control-wrapper.e-slider-container .e-slider-button { background-color: rgba(0, 0, 0, 0.54); border: 1px solid transparent; border-radius: 50%; box-sizing: border-box; cursor: pointer; height: 18px; outline: none; padding: 0; position: absolute; width: 18px; } .e-control-wrapper.e-slider-container .e-slider .e-range { background-color: #e3165b; } .e-control-wrapper.e-slider-container .e-slider .e-handle { background-color: #e3165b; border-color: #e3165b; } .e-control-wrapper.e-slider-container .e-slider .e-handle.e-material-tooltip { background-color: transparent; border-color: transparent; } .e-control-wrapper.e-slider-container.e-slider-hover .e-slider-track { background-color: rgba(0, 0, 0, 0.26); } .e-control-wrapper.e-slider-container.e-slider-hover .e-range { background-color: #e3165b; } .e-control-wrapper.e-slider-container.e-slider-hover .e-handle { border-color: #e3165b; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } @keyframes material-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fabric-spinner-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .e-upload .e-upload-files .e-file-remove-btn.e-icons::before { content: '\e945'; } .e-upload .e-upload-files .e-icons.e-file-pause-btn::before { content: '\e326'; } .e-upload .e-upload-files .e-icons.e-file-reload-btn::before { content: '\e99d'; } .e-upload .e-upload-files .e-icons.e-file-play-btn::before { content: '\e324'; } .e-upload .e-upload-files .e-file-delete-btn.e-icons::before { content: '\e94a'; } .e-upload .e-upload-files .e-file-abort-btn.e-icons::before { content: '\e974'; } .e-upload .e-upload-files .e-icons.e-msie::before { position: relative; right: 10px; } .e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before { right: 12px; } .e-bigger .e-upload { width: 100%; } .e-bigger .e-upload .e-file-select-wrap { padding: 20px 0 20px 16px; } .e-bigger .e-upload .e-file-select-wrap .e-file-drop { font-size: 15px; margin-left: 16px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list { font-size: 15px; line-height: normal; min-height: 100px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container { margin-left: 16px; top: 0; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name { font-size: 15px; padding-top: 16px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size { font-size: 12px; padding: 10px 0; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { font-size: 15px; padding-top: 16px; top: initial; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { font-size: 12px; padding-bottom: 16px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap { height: 10px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap { height: 3px; width: 98%; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap .e-upload-progress-bar { height: 3px; } .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text { font-size: 11px; right: 10px; top: -33px; } .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons { box-sizing: border-box; font-size: 12px; height: 18px; margin: 16px; margin-top: -24px; padding: 20px; top: 50%; width: 18px; } .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: rgba(0, 0, 0, 0.38); cursor: not-allowed; opacity: .4; pointer-events: none; } .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-msie.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-msie.e-icons { padding: 20px 17px 20px 26px; } .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons { right: 45px; } .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons { font-size: 13px; } .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons { font-size: 18px; } .e-bigger .e-upload .e-upload-actions .e-btn { margin-left: 16px; } .e-bigger .e-upload .e-upload-actions .e-file-upload-btn { margin: 15px; } .e-bigger .e-upload .e-upload-actions .e-file-clear-btn { margin: 15px; } .e-bigger .e-upload.e-rtl .e-file-select-wrap { padding: 20px 16px 20px 0; } .e-bigger .e-upload.e-rtl .e-file-select-wrap .e-control.e-btn { margin-right: 0; } .e-bigger .e-upload.e-rtl .e-file-select-wrap .e-file-drop { margin-right: 16px; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container { margin-left: 60px; margin-right: 16px; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-information { top: 54px; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text { left: 10px; right: initial; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons { box-sizing: border-box; left: 0; margin-left: 16px; margin-right: 16px; padding: 20px; top: 50%; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons.e-disabled { color: rgba(0, 0, 0, 0.38); cursor: not-allowed; opacity: .4; pointer-events: none; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-msie.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-msie.e-icons { padding: 20px 17px 20px 26px; } .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons { left: 41px; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list { min-height: 35px; padding-bottom: 16px; padding-top: 12px; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container { top: 0; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input { display: none; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { line-height: 1.5; padding-top: 4px; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error { color: #f44336; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: rgba(0, 0, 0, 0.54); display: block; font-size: 12px; line-height: 1.5; padding-bottom: 0; padding-top: 4px; position: relative; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid { color: #f44336; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status { color: #f44336; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons { box-sizing: border-box; top: 42px; } .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: rgba(0, 0, 0, 0.38); cursor: not-allowed; opacity: .4; pointer-events: none; } .e-upload, .e-bigger.e-small .e-upload { width: 100%; } .e-upload.e-control-wrapper, .e-bigger.e-small .e-upload.e-control-wrapper { font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; } .e-upload .e-hidden-file-input, .e-bigger.e-small .e-upload .e-hidden-file-input { border: 0; height: 0; margin: 0; outline: none; padding: 0; text-indent: 0; visibility: hidden; width: 0; } .e-upload .e-file-select-wrap, .e-bigger.e-small .e-upload .e-file-select-wrap { padding: 16px 0 16px 12px; } .e-upload .e-file-select-wrap .e-file-select, .e-upload .e-file-select-wrap .e-file-select .e-uploader, .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-select, .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-select .e-uploader { display: inline-block; width: 0; } .e-upload .e-file-select-wrap .e-file-select .e-uploader, .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-select .e-uploader { opacity: 0; } .e-upload .e-file-select-wrap .e-file-drop, .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-drop { font-family: inherit; font-size: 14px; margin-left: 12px; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list { min-height: 35px; padding-bottom: 12px; padding-top: 8px; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container { top: 0; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input { display: none; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { line-height: 1.5; padding-top: 4px; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error { color: #f44336; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: rgba(0, 0, 0, 0.54); display: block; font-size: 11px; line-height: 1.5; padding-bottom: 0; padding-top: 4px; position: relative; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid { color: #f44336; } .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status { color: #f44336; } .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons { box-sizing: border-box; top: 32px; } .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: rgba(0, 0, 0, 0.38); cursor: not-allowed; opacity: .4; pointer-events: none; } .e-upload .e-upload-files, .e-bigger.e-small .e-upload .e-upload-files { list-style-type: none; margin: 0; padding: 0; } .e-upload .e-upload-files .e-icons:focus, .e-bigger.e-small .e-upload .e-upload-files .e-icons:focus { outline: none; } .e-upload .e-upload-files .e-upload-file-list, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list { font-family: inherit; font-size: 14px; height: 100%; line-height: normal; min-height: 90px; position: relative; } .e-upload .e-upload-files .e-upload-file-list .e-file-container, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container { display: block; height: 100%; margin-left: 12px; margin-right: 90px; min-height: 35px; position: relative; top: 3px; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name { float: left; font-family: inherit; font-size: 14px; max-width: 75%; overflow: hidden; padding-top: 12px; position: relative; text-overflow: ellipsis; top: 0; white-space: nowrap; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name::before, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name::before { content: attr(data-tail); float: right; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { display: block; font-family: inherit; font-size: 14px; padding-top: 12px; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size { display: block; font-size: 11px; padding: 8px 0; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { display: block; font-family: inherit; font-size: 11px; padding-bottom: 12px; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-progress, .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information.e-upload-progress { display: none; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap { display: block; height: 8px; padding-bottom: 6px; padding-top: 6px; position: absolute; width: 98%; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap { border-radius: 0; display: block; height: 2px; width: 100%; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap .e-upload-progress-bar, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap .e-upload-progress-bar { border-radius: 0; display: inherit; height: 2px; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text, .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text { float: right; font-family: inherit; font-size: 11px; position: relative; right: 6px; top: -27px; } .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons { -ms-flex-align: center; align-items: center; box-sizing: border-box; cursor: pointer; display: -ms-inline-flexbox; display: inline-flex; font-size: 11px; height: 18px; -ms-flex-pack: center; justify-content: center; margin: 0 12px; margin-top: -18px; padding: 18px; position: absolute; right: 0; top: 50%; vertical-align: middle; width: 18px; } .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-abort-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-pause-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-play-btn.e-icons.e-upload-progress, .e-upload .e-upload-files .e-file-reload-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons.e-upload-progress, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons.e-upload-progress { cursor: default; } .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled, .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: rgba(0, 0, 0, 0.38); cursor: not-allowed; opacity: .4; pointer-events: none; } .e-upload .e-upload-files .e-file-remove-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-delete-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-abort-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-pause-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-msie.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-msie.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-msie.e-icons { padding: 18px 13px 18px 23px; } .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons { right: 36px; } .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):hover, .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover, .e-upload .e-upload-files .e-clear-icon-focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover, .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; border-radius: 50%; box-shadow: 0 0 0 transparent; } .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus { border-radius: 50%; } .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons { font-size: 11px; opacity: 1; } .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons { font-size: 15px; opacity: 1; } .e-upload .e-file-select-wrap .e-btn, .e-upload .e-upload-actions .e-btn, .e-bigger.e-small .e-upload .e-file-select-wrap .e-btn, .e-bigger.e-small .e-upload .e-upload-actions .e-btn { font-family: inherit; } .e-upload .e-upload-actions, .e-bigger.e-small .e-upload .e-upload-actions { position: relative; text-align: right; } .e-upload .e-upload-actions .e-file-upload-btn, .e-bigger.e-small .e-upload .e-upload-actions .e-file-upload-btn { margin: 12px; } .e-upload .e-upload-actions .e-file-clear-btn, .e-bigger.e-small .e-upload .e-upload-actions .e-file-clear-btn { margin: 12px; } .e-upload.e-rtl .e-file-select-wrap, .e-bigger.e-small .e-upload.e-rtl .e-file-select-wrap { padding: 16px 12px 16px 0; } .e-upload.e-rtl .e-file-select-wrap .e-control.e-btn, .e-bigger.e-small .e-upload.e-rtl .e-file-select-wrap .e-control.e-btn { margin-right: 10px; } .e-upload.e-rtl .e-file-select-wrap .e-file-drop, .e-bigger.e-small .e-upload.e-rtl .e-file-select-wrap .e-file-drop { margin-left: 60px; margin-right: 12px; position: relative; } .e-upload.e-rtl .e-upload-actions, .e-bigger.e-small .e-upload.e-rtl .e-upload-actions { text-align: left; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container { height: 100%; margin-left: 60px; margin-right: 12px; position: relative; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-rtl-container, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-rtl-container { direction: ltr; float: right; width: 100%; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-type, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-type { float: right; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-name { float: right; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-size, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-file-size { direction: ltr; float: right; position: relative; text-align: right; width: 100%; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap { float: right; position: initial; top: 46px; width: 89%; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text { float: left; right: -8px; top: -25px; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons { left: 0; margin-left: 12px; margin-right: 12px; right: auto; top: 50%; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons { left: 36px; right: auto; } .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger.e-small .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons { left: 36px; } .e-upload.e-disabled .e-file-drop, .e-bigger.e-small .e-upload.e-disabled .e-file-drop { color: rgba(0, 0, 0, 0.38); } .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-type, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-size, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-information, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-type, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-size, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-bigger.e-small .e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: rgba(0, 0, 0, 0.38); } .e-upload .e-content-placeholder.e-upload.e-placeholder-upload, .e-bigger.e-small .e-upload .e-content-placeholder.e-upload.e-placeholder-upload { background-size: 400px 65px; min-height: 65px; } .e-upload .e-bigger .e-content-placeholder.e-upload.e-placeholder-upload, .e-upload .e-bigger.e-content-placeholder.e-upload.e-placeholder-upload, .e-bigger.e-small .e-upload .e-bigger .e-content-placeholder.e-upload.e-placeholder-upload, .e-bigger.e-small .e-upload .e-bigger.e-content-placeholder.e-upload.e-placeholder-upload { background-size: 400px 80px; min-height: 80px; } .e-small .e-upload .e-file-select-wrap { padding: 16px 0 16px 12px; } .e-small .e-upload .e-file-select-wrap .e-file-drop { font-size: 13px; margin-left: 12px; } .e-small .e-upload .e-upload-files .e-upload-file-list { min-height: 76px; } .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name { font-size: 12px; padding-top: 10px; } .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size { font-size: 11px; padding: 5px 0; } .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { font-size: 12px; padding-top: 10px; } .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { padding-bottom: 10px; } .e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap { padding-bottom: 3px; padding-top: 3px; } .e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons { font-size: 10px; height: 24px; padding: 12px; width: 24px; } .e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: rgba(0, 0, 0, 0.38); cursor: not-allowed; opacity: .4; pointer-events: none; } .e-small .e-upload.e-rtl .e-file-select-wrap { padding: 16px 12px 16px 0; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list { min-height: 35px; padding-bottom: 10px; padding-top: 6px; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container { top: 0; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-hidden-input { display: none; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { line-height: 1.5; padding-top: 4px; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error { color: #f44336; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: rgba(0, 0, 0, 0.54); display: block; font-size: 11px; line-height: 1.5; padding-bottom: 0; padding-top: 4px; position: relative; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid { color: #f44336; } .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status { color: #f44336; } .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons { box-sizing: border-box; top: 34px; } .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled { color: rgba(0, 0, 0, 0.38); cursor: not-allowed; opacity: .4; pointer-events: none; } .e-upload { border: 1px solid rgba(0, 0, 0, 0.12); } .e-upload .e-file-drop { color: rgba(0, 0, 0, 0.87); } .e-upload .e-upload-files { border-top: 1px solid rgba(0, 0, 0, 0.12); } .e-upload .e-upload-files .e-upload-file-list { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name { color: rgba(0, 0, 0, 0.87); } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type { color: rgba(0, 0, 0, 0.87); } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size { color: rgba(0, 0, 0, 0.54); } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information { color: rgba(0, 0, 0, 0.87); } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-success { color: #22b24b; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-fails { color: #f44336; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-validation-fails { color: #f44336; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap { background-color: #e0e0e0; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-progress { background: #e3165b; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-success { background: #22b24b; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-failed { background: #f44336; } .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-bar-text { color: rgba(0, 0, 0, 0.87); } .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-icons { color: #000; } .e-upload .e-upload-files .e-file-remove-btn.e-icons:hover, .e-upload .e-upload-files .e-file-delete-btn.e-icons:hover, .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover, .e-upload .e-upload-files .e-file-abort-btn.e-icons:hover, .e-upload .e-upload-files .e-file-pause-btn.e-icons:hover, .e-upload .e-upload-files .e-file-play-btn.e-icons:hover { color: #000; } .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus { background-color: rgba(0, 0, 0, 0.12); border-color: transparent; box-shadow: 0 0 0 transparent; } .e-upload-drag-hover { outline: 2px dashed #9e9e9e; } @keyframes e-input-ripple { 100% { opacity: 0; transform: scale(4); } } .e-container .e-value-switch-btn::before { content: '\e430'; } .e-colorpicker-wrapper { display: inline-block; line-height: 0; outline: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .e-colorpicker-wrapper .e-colorpicker { height: 1px; opacity: 0; position: absolute; width: 1px; } .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn { font-family: initial; line-height: 14px; padding: 0 4px; } .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); background-size: 8px; border-radius: 2px; height: 18px; margin-top: 0; position: relative; width: 18px; } .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview { border-radius: 2px; } .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn { padding: 0 4px; } .e-colorpicker-wrapper * { box-sizing: border-box; } .e-colorpicker-wrapper.e-disabled .e-palette .e-tile { cursor: default; } .e-colorpicker-wrapper.e-disabled .e-palette .e-tile:hover { border: 0; box-shadow: none; } .e-colorpicker-wrapper.e-disabled .e-palette .e-tile.e-selected { border: 0; } .e-colorpicker-wrapper.e-disabled .e-container .e-handler, .e-colorpicker-wrapper.e-disabled .e-container .e-preview-container { cursor: default; } .e-colorpicker-popup { line-height: 0; } .e-colorpicker.e-modal { -webkit-overflow-scrolling: touch; background-color: rgba(0, 0, 0, 0.6); height: 100%; left: 0; opacity: .5; pointer-events: auto; position: fixed; top: 0; width: 100%; } body.e-colorpicker-overflow { overflow: visible; } .e-bigger .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn, .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn { line-height: 18px; padding: 0 6px; } .e-bigger .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color, .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color { height: 22px; width: 22px; } .e-bigger .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn, .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn { padding: 0 6px; } .e-container { border: 0; border-radius: 0; display: inline-block; line-height: 0; outline: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .e-container.e-color-picker { width: 270px; } .e-container.e-color-picker .e-mode-switch-btn { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA0IENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS04IiBmaWxsPSIjNDU5NkNFIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS05IiBmaWxsPSIjNUNDMTVCIiB4PSIwIiB5PSIxMiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTI1LUNvcHktMTAiIGZpbGw9IiNGQkQ1MDYiIHg9IjEyIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS0xMSIgZmlsbD0iI0VDNEU0MyIgeD0iMTIiIHk9IjEyIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat 100% 100%; } .e-container.e-color-palette { width: auto; } .e-container.e-color-palette .e-mode-switch-btn { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE4IDE4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MS40MTQyMTsiPgogICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMCwxOCkiPgogICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgc3R5bGU9ImZpbGw6dXJsKCNfTGluZWFyMSk7Ii8+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwwLDE4KSI+CiAgICAgICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBzdHlsZT0iZmlsbDp1cmwoI19MaW5lYXIyKTsiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDAsMTgpIj4KICAgICAgICA8Y2xpcFBhdGggaWQ9Il9jbGlwMyI+CiAgICAgICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIvPgogICAgICAgIDwvY2xpcFBhdGg+CiAgICAgICAgPGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwMykiPgogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwtMCwxOCkiPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMCwxOCkiPgogICAgICAgIDxjbGlwUGF0aCBpZD0iX2NsaXA0Ij4KICAgICAgICAgICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ii8+CiAgICAgICAgPC9jbGlwUGF0aD4KICAgICAgICA8ZyBjbGlwLXBhdGg9InVybCgjX2NsaXA0KSI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLC0wLDE4KSI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNfSW1hZ2U1IiB4PSIwIiB5PSIwIiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4Ii8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwwLDE4KSI+CiAgICAgICAgPGNsaXBQYXRoIGlkPSJfY2xpcDYiPgogICAgICAgICAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiLz4KICAgICAgICA8L2NsaXBQYXRoPgogICAgICAgIDxnIGNsaXAtcGF0aD0idXJsKCNfY2xpcDYpIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsLTAsMTgpIj4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iX0xpbmVhcjEiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg2LjI3MDE5ZS0xNCwtMTAyNCwtMTAyNCwtNi4yNzAxOWUtMTQsMCwxOCkiPjxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDAsMTgyLDI1NSk7c3RvcC1vcGFjaXR5OjAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOmJsYWNrO3N0b3Atb3BhY2l0eTowIi8+PC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9Il9MaW5lYXIyIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4xMDIxOGUtMTUsLTE4LC0xOCwtMS4xMDIxOGUtMTUsMTgsMTgpIj48c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigwLDE4MiwyNTUpO3N0b3Atb3BhY2l0eToxIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjpibGFjaztzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGltYWdlIGlkPSJfSW1hZ2U1IiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUJJQUFBQVNDQVlBQUFCV3pvNVhBQUFBQ1hCSVdYTUFBQTdFQUFBT3hBR1ZLdzRiQUFBQmUwbEVRVlE0alcyUjIyNGNNUXhER2NBbyt2OC8yU0lYZE9wTk5iSXVWaDlrZXp6SlBoaWlTT3JNQXZ2eTBBanlBSGVBSEdBSHlDUDE4dTQ3ZVl6ZTlBS2xhaDlCZ0F5WG5tVUxjQStRYmQ3cWp4OWdnVkxGUWRiVDlBQlpYNlZkWHpNLy9MVmZqbE11dy9xQWR2QUMzZmR2bVE1UVpVbUErZ1ZUWDZWZDh3Sjk3NWRLbkdYek1VZnBpVGYzdXpkQi93Z2tsaVZ4a0U1dFdSSkxiNGMvNlplamZvTE5NdFJaeXYyWk4zZFNCYXREVlFGWGxQcDRnTlZBb3FPa1F4dW8yY3Iybk5Wd2lnSnVnQ2xnaWxMclgxQ2Jod3BXdmUwa3NtVTUzUXh3SGM4QU01UjZIQnRBUUUzQVlqa25WREpyb2tDM1BIYlBPZlpTano4SjRMWU9XRFIzVlJBblBOeUE3dm1tZGs5UWQ1VGo0dzBzRzRqYjBPbXBUa0FmMHpiZDExN3FCSjBOeEx3MGl5RGNnZGlPcG80K0lCMElINkQzMXdTMEJqb1ozQ1QvMHBpSGNla0ppTmgwdmxMZmZnOUF3OGs4Z3RoZXYyczh6MHA5L1FVNlQ3Z2JFTWhnbGhIcDdjZDQzbm5CajU4ekhVZERiMk1URit6TC9oOXIveU91c0ZQS093QUFBQUJKUlU1RXJrSmdnZz09Ii8+CiAgICA8L2RlZnM+Cjwvc3ZnPgo=") no-repeat 100% 100%; } .e-container .e-custom-palette { display: inline-block; } .e-container .e-custom-palette .e-palette { padding: 10px; } .e-container .e-custom-palette.e-palette-group { height: 270px; overflow-y: scroll; } .e-container .e-palette { border-bottom: 0; display: table; line-height: 0; outline: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .e-container .e-palette .e-row { display: table-row; white-space: nowrap; } .e-container .e-palette .e-tile { border: 0.5px solid transparent; box-sizing: border-box; cursor: pointer; display: inline-block; height: 27px; text-align: center; vertical-align: middle; width: 27px; } .e-container .e-palette .e-tile.e-selected { outline: #000 0.5px solid; position: relative; } .e-container .e-palette .e-tile:hover { box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3); position: relative; } .e-container .e-palette .e-tile.e-nocolor-item { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); background-size: 8px; } .e-container .e-hsv-container { border-bottom: 0; position: relative; -ms-touch-action: none; touch-action: none; } .e-container .e-hsv-container .e-hsv-color { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%); height: 170px; } .e-container .e-hsv-container .e-handler { border: 1px solid #fff; border-radius: 6px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.7), inset 0 0 2px rgba(0, 0, 0, 0.7); cursor: pointer; display: inline-block; height: 8px; margin-left: -4px; margin-top: -4px; position: absolute; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; width: 8px; } .e-container .e-slider-preview { display: inline-block; width: 100%; padding: 10px 16px; } .e-container .e-slider-preview .e-colorpicker-slider { display: inline-block; width: 82.34%; } .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container { height: 18px; } .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-slider { height: 18px; top: calc(50% - 9px); } .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-slider-track { border-radius: 0; height: 6px; top: calc(50% - 3px); } .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle { border-radius: 6px; cursor: pointer; height: 14px; top: calc(50% - 7px); width: 14px; } .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle.e-handle-active { cursor: pointer; } .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle.e-large-thumb-size { transform: scale(1); } .e-container .e-slider-preview .e-colorpicker-slider .e-hue-slider .e-slider-track { background: linear-gradient(to right, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%); } .e-container .e-slider-preview .e-colorpicker-slider .e-opacity-slider .e-slider-track { border: 0; z-index: 1; } .e-container .e-slider-preview .e-colorpicker-slider .e-opacity-slider .e-opacity-empty-track { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); background-size: contain; border: 0; height: 6px; position: absolute; top: calc(50% - 3px); width: 100%; z-index: 0; } .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle, .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle-start, .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle, .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle-start { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .e-container .e-slider-preview .e-preview-container { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); background-size: 10px; border: 1px solid #e0e0e0; cursor: pointer; display: inline-block; height: 32px; margin-left: 4.205%; position: relative; top: -2px; width: 13.45%; } .e-container .e-slider-preview .e-preview-container .e-preview { display: block; height: 16px; position: absolute; width: 100%; } .e-container .e-slider-preview .e-preview-container .e-preview.e-current { border-bottom: 1px solid #e0e0e0; top: 0; } .e-container .e-slider-preview .e-preview-container .e-preview.e-previous { height: 14px; top: 16px; } .e-container .e-selected-value { -ms-flex-align: center; align-items: center; display: -ms-inline-flexbox; display: inline-flex; padding: 0 16px 16px; -webkit-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .e-container .e-selected-value .e-input-container .e-float-input input { padding-left: 0; text-align: center; } .e-container .e-selected-value .e-input-container .e-numeric-hidden { display: none; } .e-container .e-selected-value .e-value-switch-btn { font-family: 'e-icons'; font-size: 16px; line-height: 16px; margin-top: 0; padding: 2px 3px; } .e-container .e-input-container { display: inline-block; width: 89.8%; } .e-container .e-input-container .e-float-input { display: inline-block; margin-right: 3.75%; vertical-align: baseline; } .e-container .e-input-container .e-float-input:first-child { width: 33%; } .e-container .e-input-container .e-float-input:first-child input { height: auto; } .e-container .e-input-container .e-float-input.e-numeric { height: auto; width: 12%; } .e-container .e-input-container .e-float-input.e-numeric input { height: auto; } .e-container .e-input-container .e-float-input .e-float-text { text-align: center; } .e-container .e-switch-ctrl-btn { display: inline-block; padding: 0 16px 16px; white-space: nowrap; width: 100%; } .e-container .e-switch-ctrl-btn .e-ctrl-btn { float: right; text-align: right; white-space: nowrap; width: 89.913%; } .e-container .e-switch-ctrl-btn .e-ctrl-btn .e-btn { max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .e-container .e-switch-ctrl-btn .e-ctrl-btn .e-btn.e-cancel { margin-left: 0; } .e-container .e-switch-ctrl-btn .e-mode-switch-btn { background-origin: border-box; background-position: center; background-size: cover; float: left; margin-top: 0; overflow: hidden; white-space: nowrap; } .e-container .e-switch-ctrl-btn .e-mode-switch-btn:focus { box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.2); } .e-container .e-value-switch-btn, .e-container .e-mode-switch-btn { background-color: transparent; border-color: transparent; position: relative; width: 10.09%; height: 24px; } .e-container.e-color-picker .e-value-switch-btn:focus, .e-container.e-color-picker .e-value-switch-btn:hover, .e-container.e-color-picker .e-value-switch-btn:active { border-color: transparent; box-shadow: none; outline: none; } .e-container.e-color-picker .e-value-switch-btn:focus { outline: none; } .e-container.e-color-palette .e-palette + .e-selected-value, .e-container.e-color-palette .e-palette-group + .e-selected-value { padding: 16px 16px; } .e-container.e-color-palette .e-palette + .e-switch-ctrl-btn, .e-container.e-color-palette .e-palette-group + .e-switch-ctrl-btn { padding: 23px 16px 16px; } .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider { vertical-align: super; } .e-hide-opacity .e-container .e-slider-preview .e-preview-container { top: 0; } .e-hide-opacity .e-container .e-float-input:first-child { width: 36%; } .e-hide-opacity .e-container .e-float-input.e-numeric { width: 16.3%; } .e-hide-hex-value .e-container .e-float-input.e-numeric { width: 21.25%; } .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric { width: 29.59%; } .e-hide-valueswitcher .e-container .e-input-container { width: 100%; } .e-hide-valueswitcher .e-container .e-float-input:first-child { width: 33%; } .e-hide-valueswitcher .e-container .e-float-input.e-numeric { width: 13%; } .e-hide-valueswitcher .e-container .e-float-input:last-child { margin-right: 0; } .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input:first-child { width: 36%; } .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input.e-numeric { width: 17.58%; } .e-hide-valueswitcher.e-hide-hex-value .e-container .e-float-input.e-numeric { width: 22.18%; } .e-hide-valueswitcher.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric { width: 30.82%; } .e-rtl .e-container .e-hsv-container .e-hsv-color { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to left, #fff 0, rgba(255, 255, 255, 0) 100%); } .e-rtl .e-container .e-slider-preview .e-hue-slider .e-slider-track { background: linear-gradient(to left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%); } .e-rtl .e-container .e-slider-preview .e-preview-container { margin-left: 0; margin-right: 4.205%; } .e-rtl .e-container .e-selected-value .e-float-input { margin-left: 3.75%; margin-right: 0; } .e-rtl .e-container .e-selected-value .e-float-input input { padding-right: 0; } .e-rtl .e-container .e-selected-value .e-value-switch-btn { transform: rotate(180deg); } .e-rtl .e-container .e-switch-ctrl-btn .e-mode-switch-btn { float: right; } .e-rtl .e-container .e-switch-ctrl-btn .e-ctrl-btn { float: left; text-align: left; } .e-rtl .e-container .e-switch-ctrl-btn .e-ctrl-btn .e-cancel { margin-left: 0; margin-right: 0; } .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child { margin-left: 0; } .e-bigger .e-container.e-color-picker { width: 290px; } .e-bigger .e-container .e-palette .e-tile { height: 29px; width: 29px; } .e-bigger .e-container .e-hsv-container .e-hsv-color { height: 180px; } .e-bigger .e-container .e-custom-palette.e-palette-group { height: 290px; } .e-bigger .e-container .e-slider-preview { padding: 8px 16px; } .e-bigger .e-container .e-slider-preview .e-preview-container { margin-left: 4.657%; top: 0; vertical-align: super; width: 12.408%; } .e-bigger .e-container .e-slider-preview .e-colorpicker-slider { width: 82.944%; } .e-bigger .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container { height: 20px; } .e-bigger .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle { border-radius: 8px; height: 16px; top: calc(50% - 8px); width: 16px; } .e-bigger .e-container .e-slider-preview .e-switch-ctrl-btn .e-ctrl-btn { width: 90.6%; } .e-bigger .e-container.e-color-palette .e-palette + .e-switch-ctrl-btn { padding: 25px 16px 16px; } .e-bigger .e-container .e-input-container { width: 90.7%; } .e-bigger .e-container .e-input-container .e-float-input { margin-right: 3.425%; } .e-bigger .e-container .e-input-container .e-float-input:first-child { width: 33.5%; } .e-bigger .e-container .e-input-container .e-float-input:first-child input { height: auto; } .e-bigger .e-container .e-input-container .e-float-input.e-numeric { height: auto; width: 12.34%; } .e-bigger .e-container .e-input-container .e-float-input.e-numeric input { height: auto; } .e-bigger .e-container .e-css.e-value-switch-btn, .e-bigger .e-container .e-mode-switch-btn { font-size: 18px; line-height: 18px; padding: 2px 3px; width: 9.306%; } .e-bigger .e-container .e-mode-switch-btn { margin-top: 5px; } .e-bigger .e-hide-opacity .e-container .e-slider-preview, .e-bigger.e-hide-opacity .e-container .e-slider-preview { padding: 8px 16px; } .e-bigger .e-hide-opacity .e-container .e-slider-preview .e-preview-container, .e-bigger.e-hide-opacity .e-container .e-slider-preview .e-preview-container { vertical-align: initial; } .e-bigger .e-hide-opacity .e-container .e-float-input:first-child, .e-bigger.e-hide-opacity .e-container .e-float-input:first-child { width: 36%; } .e-bigger .e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger.e-hide-opacity .e-container .e-float-input.e-numeric { width: 16.76%; } .e-bigger.e-hide-hex-value .e-container .e-float-input.e-numeric, .e-bigger .e-hide-hex-value .e-container .e-float-input.e-numeric { width: 21.58%; } .e-bigger.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric { width: 29.59%; } .e-bigger.e-hide-valueswitcher .e-container .e-input-container, .e-bigger .e-hide-valueswitcher .e-container .e-input-container { width: 100%; } .e-bigger.e-hide-valueswitcher .e-container .e-float-input:last-child, .e-bigger .e-hide-valueswitcher .e-container .e-float-input:last-child { margin-right: 0; } .e-bigger.e-hide-valueswitcher .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher .e-container .e-float-input.e-numeric { width: 13.2%; } .e-bigger.e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input:first-child, .e-bigger .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input:first-child { width: 36%; } .e-bigger.e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher.e-hide-opacity .e-container .e-float-input.e-numeric { width: 17.9%; } .e-bigger.e-hide-valueswitcher.e-hide-hex-value .e-container .e-float-input.e-numeric, .e-bigger.e-hide-valueswitcher .e-hide-hex-value .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher.e-hide-hex-value .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher .e-hide-hex-value .e-container .e-float-input.e-numeric { width: 21.58%; } .e-bigger.e-hide-valueswitcher.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger.e-hide-valueswitcher .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher.e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric, .e-bigger .e-hide-valueswitcher .e-hide-hex-value.e-hide-opacity .e-container .e-float-input.e-numeric { width: 31%; } .e-bigger .e-rtl .e-container .e-slider-preview .e-preview-container, .e-bigger.e-rtl .e-container .e-slider-preview .e-preview-container { margin-left: 0; margin-right: 4.657%; } .e-bigger .e-rtl .e-container .e-selected-value .e-float-input, .e-bigger.e-rtl .e-container .e-selected-value .e-float-input { margin-left: 3.425%; margin-right: 0; } .e-bigger .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child, .e-bigger.e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child { margin-left: 0; } .e-hide-switchable-value .e-container .e-input-container .e-float-input:first-child, .e-bigger.e-hide-switchable-value .e-container .e-input-container .e-float-input:first-child, .e-bigger .e-hide-switchable-value .e-container .e-input-container .e-float-input:first-child { width: 100%; } .e-popup.e-tooltip-wrap.e-color-picker-tooltip { border-bottom-left-radius: 50%; border-bottom-right-radius: 0%; border-top-left-radius: 50%; border-top-right-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); cursor: pointer; min-width: 26px; transform: translateY(18px) rotate(45deg) scale(0.01); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } .e-popup.e-tooltip-wrap.e-color-picker-tooltip .e-tip-content { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); background-size: 8px; border-radius: 50%; height: 24px; position: relative; transform: rotate(45deg); width: 24px; } .e-split-preview, .e-tip-transparent { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .e-bigger .e-popup.e-tooltip-wrap.e-color-picker-tooltip, .e-bigger.e-popup.e-tooltip-wrap.e-color-picker-tooltip { min-width: 32px; } .e-bigger .e-popup.e-tooltip-wrap.e-color-picker-tooltip .e-tip-content, .e-bigger.e-popup.e-tooltip-wrap.e-color-picker-tooltip .e-tip-content { height: 30px; width: 30px; } .e-container { background-color: #fff; } .e-container .e-palette .e-tile:hover { border-color: #eee; } .e-container .e-palette .e-tile.e-selected { border-color: #eee; } .e-container .e-handler.e-hide-handler, .e-container .e-handle.e-hide-handler { background-color: transparent; border-color: transparent; box-shadow: none; } .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle:not(.e-tab-handle), .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle:not(.e-tab-handle) { background-color: #fff; border-color: #fff; } .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle:not(.e-tab-handle).e-handle-start:not(.e-tab-handle), .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle:not(.e-tab-handle).e-handle-start:not(.e-tab-handle) { background-color: #fff; border-color: #fff; } .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle.e-tab-handle, .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle.e-tab-handle { background-color: #fff; border-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .e-colorpicker-wrapper.e-disabled .e-value-switch-btn, .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn { color: rgba(0, 0, 0, 0.26); } .e-colorpicker-wrapper.e-disabled .e-value-switch-btn:focus, .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn:focus { background-color: transparent; color: rgba(0, 0, 0, 0.26); outline: none; outline-offset: unset; } .e-colorpicker-wrapper.e-disabled .e-value-switch-btn:active, .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn:active { background-color: transparent; color: rgba(0, 0, 0, 0.26); } .e-popup.e-tooltip-wrap.e-color-picker-tooltip { background-color: #fff; border-color: #fff; }
修改文件时间
将文件时间修改为当前时间的前一年
删除文件