lyte-input{position:relative;display:inline-flex;font-family:LatoRegular,'Open Sans',sans-serif}lyte-input .lyteLabel{font-family:LatoRegular,'Open Sans',sans-serif;font-size:15px;padding-right:30px;color:#555;flex-grow:1}lyte-input .lyteField{flex-grow:1}lyte-input input,lyte-input textarea{font-family:LatoRegular,'Open Sans',sans-serif;font-size:15px;color:#111;outline:0;box-sizing:border-box}.lyteInputBox .lyteField{border:1px solid #d6d6d6;border-radius:2px}.lyteInputBox input,lyte-input textarea{background:#fff;border:0;border-radius:2px;padding:7px 10px;width:100%;display:block;box-shadow:none}lyte-input input:disabled,lyte-input textarea:disabled{background:#f3f3f3;cursor:not-allowed;color:#999}.lyteInputWithPasswordToggleButton .lyteField,lyte-input .ltIconShow.lyteField,lyte-input[lt-prop-type=search] .lyteField{position:relative}lyte-input[lt-prop-type=textarea] .lyteField{position:relative;overflow:hidden}lyte-input textarea{min-height:70px;resize:both}lyte-input[lt-prop-type=textarea] .lyteField::after{content:'';width:17px;height:17px;background:#fff;position:absolute;right:0;bottom:0;z-index:5;border-radius:0;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%);clip-path:polygon(100% 0,100% 100%,0 100%)}.lyteInputDisabled[lt-prop-type=textarea] .lyteField::after{background:#f3f3f3}lyte-input.lyteInputBox[lt-prop-type=textarea] .lyteField::after{border-radius:0 0 1px}lyte-input.lyteTextareaNoResize .lyteField::after{content:none}.lyteTextareaNoResize textarea{resize:none}.lyteInputBox .lyteField:hover{border:1px solid #c1c1c1}.lyteInputBox.lyteInputFocus .lyteField{border:1px solid #7fceef}.lyteInputBox input:focus,.lyteInputBox input:hover,lyte-input textarea:focus,lyte-input textarea:hover{border:0}.lyteTextareaResize{background-image:url(../../images/sprite_lyte.481258f45830103d04c9b1afa240e733.svg);background-position:-266px -3px;width:14px;height:14px;right:1px;bottom:1px;display:inline-block;position:absolute;cursor:se-resize;opacity:.5;z-index:10}.lyteTextareaResizeHorizontal{cursor:ew-resize}.lyteTextareaResizeVertical{cursor:ns-resize}.lyteInputBox.lyteInputDisabled .lyteField:hover{border:1px solid #d6d6d6}lyte-input input::placeholder{font-family:LatoRegular,'Open Sans',sans-serif;color:#a6a6a6}lyte-input input:-ms-input-placeholder{font-family:LatoRegular,'Open Sans',sans-serif;color:#a6a6a6}lyte-input input::-ms-input-placeholder{font-family:LatoRegular,'Open Sans',sans-serif;color:#a6a6a6}lyte-input input::-ms-clear{display:none}lyte-input textarea::placeholder{font-family:LatoRegular,'Open Sans',sans-serif;color:#a6a6a6}lyte-input textarea:-ms-input-placeholder{font-family:LatoRegular,'Open Sans',sans-serif;color:#a6a6a6}lyte-input textarea::-ms-input-placeholder{font-family:LatoRegular,'Open Sans',sans-serif;color:#a6a6a6}.lyteInputBox.horizontal{align-items:center}.lyteInput.horizontal{align-items:flex-end}lyte-input.horizontal .lyteLabel{min-width:40%;width:40%;box-sizing:border-box}lyte-input.horizontal .lyteField{min-width:60%;width:60%}lyte-input input[type=number]::-webkit-inner-spin-button,lyte-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}lyte-input input[type=number]{-moz-appearance:textfield}.lyteInput .lyteField{border-bottom:1px solid #d6d6d6}.lyteInput input{background:#fff;border:0;padding:6px 10px;box-shadow:none;width:100%}.lyteInput.horizontal .lyteLabel{border-bottom:1px solid #d6d6d6;padding:5px 50px 5px 2px}.lyteInput .lyteField:hover{border-bottom:1px solid #c1c1c1}.lyteInput.lyteInputDisabled .lyteField:hover{border-bottom:1px solid #d6d6d6}.lyteInput.lyteInputFocus .lyteField{border-bottom:1px solid #7fceef}lyte-input.vertical{flex-direction:column;text-align:left}lyte-input.vertical .lyteLabel{padding-right:0;margin-bottom:10px}.lyteInput.vertical .lyteLabel{padding:0;margin-bottom:0;border-bottom:0}.lyteInput.vertical input,.lyteInput.vertical textarea{padding-left:0}.lyteInput.vertical[lt-prop-type=search] input,lyte-input[lt-prop-type=search] input{padding-left:35px}lyte-input[lt-prop-type=search] .searchIcon{position:absolute;background-image:url(../../images/sprite_lyte.481258f45830103d04c9b1afa240e733.svg);background-position:-180px -4px;width:15px;height:15px;left:10px;top:calc(50% - 8px);opacity:.6;margin:0;pointer-events:none}.lyteInputWithClearIcon input,lyte-input[lt-prop-close-icon=true] input{padding-right:30px}lyte-input .inputCloseIcon{position:absolute;cursor:pointer;padding:8px;z-index:10;opacity:.7;top:calc(50% - 12px);right:4px}lyte-input .inputCloseIcon:hover{opacity:1}lyte-input .inputCloseIcon::before{content:'';display:block;background-image:url(../../images/sprite_lyte.481258f45830103d04c9b1afa240e733.svg);background-position:-54px -2px;width:8px;height:8px;transform:scale(1.25)}lyte-input.lyteInputDisabled .inputCloseIcon{pointer-events:none}lyte-input.lyteInputReadonly .inputCloseIcon{display:none!important}.lyteInputCalendar{position:absolute;z-index:1060;top:-999px}lyte-input[lt-prop-type=datetime] .lyteField{display:flex}lyte-input[lt-prop-type=datetime] .lyteField input{width:50%}.lyteInputBox[lt-prop-type=datetime] input:first-child{border-radius:2px 0 0 2px;border-right:1px solid #d6d6d6}.lyteInputDateTimePlaceholder{display:flex;position:absolute;left:1px;right:1px;top:1px;bottom:1px;font-size:14px;color:#a6a6a6;align-items:center;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:9px 10px;background:#fff}.lyteInputFocus .lyteInputDateTimePlaceholder{opacity:0}.lyteInputWithPasswordToggleButton.lyteInput input,.lyteInputWithPasswordToggleButton.lyteInputBox input{padding-right:25px}.lyteInputWithPasswordToggleButton.lyteInputBox[lt-prop-close-icon=true] input,.lyteInputWithPasswordToggleButton.lyteInputWithClearIcon input,.lyteInputWithPasswordToggleButton.lyteInput[lt-prop-close-icon=true] input{padding-right:50px}.lyteInputWithPasswordToggleButton .inputCloseIcon{right:26px}.lyteInputPasswordToggleIcon{padding:5px;position:absolute;right:0;top:calc(50%);transform:translateY(-50%);cursor:pointer}.lyteInputPasswordToggleIcon::after{content:'';background-image:url(../../images/sprite_lyte.481258f45830103d04c9b1afa240e733.svg);width:16px;opacity:.7;display:block}.lyteInputPasswordToggleIcon:hover::after{opacity:1}.lyteInputShowPasswordIcon::after{height:12px;background-position:-212px -63px}.lyteInputHidePasswordIcon::after{height:16px;background-position:-238px -61px}.lyteInputCalendarIcon{-webkit-mask-image:url(../../images/sprite_lyte.481258f45830103d04c9b1afa240e733.svg);mask-image:url(../../images/sprite_lyte.481258f45830103d04c9b1afa240e733.svg);-webkit-mask-position:-224px -81px;mask-position:-224px -81px;background-color:#676869;width:16px;height:17px;display:block;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer}.lyteInputWithCalendarIcon[lt-prop-type=date] input,.lyteInputWithCalendarIcon[lt-prop-type=datetime] input:first-child{padding-right:30px}.lyteInputCalendarIcon:hover{background-color:#333}.calendarOpen .lyteInputCalendarIcon,.lyteInputCalendarIcon:focus{outline:0;background-color:#5ba1e5}.lyteInput .lyteInputCalendarIcon{right:0}.lyteInputBox .lyteInputCalendarIcon{right:10px}lyte-input[lt-prop-type=datetime] .lyteInputCalendarIcon{right:unset;left:calc(50% - 10px);transform:translate(-100%,-50%)}.lyteInputDateTimeDropdown,.lyteInputTimeDropdown{position:absolute;top:0;left:0;right:0;bottom:0;visibility:hidden;pointer-events:none;z-index:-1}.lyteInputDateTimeDropdown{left:50%}.lyteInputDisabled.resizeStart textarea{pointer-events:none}.lyteInputWithArrowKeys .lyteField{display:flex}.lyteInputArrowContainer{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:0 15px;user-select:none}.lyteInputDownArrow,.lyteInputUpArrow{background-image:url(../../images/sprite_lyte.481258f45830103d04c9b1afa240e733.svg);width:8px;height:15px;rotate:-90deg;scale:0.7;opacity:.7;cursor:pointer}.lyteInputUpArrow{background-position:-41px -29px}.lyteInputDownArrow{background-position:-58px -29px}.lyteInputArrowDisabled{opacity:.5;pointer-events:none}.lyteInputWithPrefix .lyteField{display:flex}.lyteInputPrefix{color:#111}.lyteInput .lyteInputPrefix{padding:6px 5px 6px 0}.lyteInputBox .lyteInputPrefix{padding:7px 0 7px 10px}.lyteInputWithPrefix.lyteInputBox input{padding-left:5px}.lyteInputReadonly:not(.lyteInputKeysPrevented) .lyteInputCalendarIcon{cursor:not-allowed}.lyteInputReadonly:not(.lyteInputKeysPrevented) .lyteInputCalendarIcon:hover{background-color:#676869}