@charset "UTF-8";.control-input{--input-padding-x: 1rem;--input-padding-y: .4375rem;--input-font-size: var(--fs-16, 1rem);--input-line-height: var(--line-height-16-sh, 1.375rem);--input-letter-spacing: 0rem;--input-color: var(--color-gray-900, #181818);--input-placeholder-color: var(--color-gray-600, #666666);--input-background-color: var(--color-white, #ffffff);--input-border-color: var(--color-gray-500, #818181);--input-border-width: .0625rem;--input-border-radius: .5rem;--input-font-family: var(--font-family-roboto, "Roboto", sans-serif);--input-font-weight: 400;--input-text-align: left;--input-disabled-color: var(--color-gray-300, #b3b3b3);--input-disabled-background-color: var(--color-gray-300-10, rgba(179, 179, 179, .1));--input-disabled-border-color: var(--color-gray-300, #b3b3b3);--input-error-border-color: var(--color-red-300, #b42d18);--input-selected-border-color: var(--color-blue-500, #006ce1);--input-focus-border-color: var(--color-blue-500, #006ce1);--input-transition: none;--input-outline-width: 0rem;--input-outline-color: transparent;--input-outline-offset: 0rem;width:100%;height:2.5rem;transition:var(--input-transition);padding:var(--input-padding-y) var(--input-padding-x);font-family:var(--input-font-family);font-size:var(--input-font-size);font-weight:var(--input-font-weight);line-height:var(--input-line-height);letter-spacing:var(--input-letter-spacing);text-align:var(--input-text-align);color:var(--input-color);background-color:var(--input-background-color);border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--input-border-radius)}.was-validated .control-input:invalid{border-color:var(--input-error-border-color)}.control-input::placeholder{color:var(--input-placeholder-color)}.control-input:focus:not(:invalid),.control-input:focus-within:not(:invalid){--input-border-width: .125rem;border-color:var(--input-focus-border-color);outline:var(--input-outline-width) solid var(--input-outline-color);outline-offset:var(--input-outline-offset)}.control-input:disabled{color:var(--input-disabled-color);background-color:var(--input-disabled-background-color);border-color:var(--input-disabled-border-color);cursor:not-allowed}.control-input:disabled::placeholder{color:var(--input-disabled-color)}.control-input:disabled+.input-icons{--input-icon-color: var(--color-gray-300, #b3b3b3);pointer-events:none}.control-input.size_xl{--input-padding-x: 1rem;--input-padding-y: .5rem;--input-font-size: var(--fs-20, 1.25rem);--input-line-height: var(--line-height-20-sh, 1.625rem);--input-letter-spacing: 0rem;height:3.5rem}.control-input.size_lg{--input-padding-x: 1rem;--input-padding-y: .6875rem;--input-font-size: var(--fs-18, 1.125rem);--input-line-height: var(--line-height-18-sh, 1.5rem);--input-letter-spacing: 0rem;height:3rem}.control-input.size_md{--input-padding-x: 1rem;--input-padding-y: .4375rem;--input-font-size: var(--fs-16, 1rem);--input-line-height: var(--line-height-16-sh, 1.375rem);--input-letter-spacing: 0rem;height:2.5rem}.control-input.size_sm{--input-padding-x: 1rem;--input-padding-y: .25rem;--input-font-size: var(--fs-14, .875rem);--input-line-height: var(--line-height-14-sh, 1.125rem);--input-letter-spacing: .01rem;height:2.25rem}.control-input.has-pwd-show-icon,.control-input.has-pwd-hide-icon{padding-right:2.5rem}.control-input.has-close-icon,.control-input.has-search-icon{padding-right:2rem}.control-input.input-transparent{--input-padding-x: 0rem;--input-background-color: transparent;--input-disabled-background-color: transparent;--input-readonly-background-color: transparent;--input-border-width: 0rem;--input-border-color: transparent;--input-disabled-border-color: transparent;--input-readonly-border-color: transparent;--input-border-radius: 0rem}.control-input.flexible-control-input{min-width:unset}.control-input.input-search{padding-right:calc(var(--search-input-background-position-right) + var(--search-input-background-size));background-image:var(--search-input-background-image);background-repeat:no-repeat;background-position:right var(--search-input-background-position-right) center;background-size:var(--search-input-background-size)}.control-input[type=date]::-webkit-calendar-picker-indicator{color:#0000;opacity:1;display:block;background-image:var(--date-input-background-image);background-repeat:no-repeat;background-position:center;background-size:cover;width:var(--date-input-background-size);height:var(--date-input-background-size);border-width:thin}.control-input[type=date]::-webkit-datetime-edit{color:var(--input-placeholder-color)}.control-input[type=text].input-date{padding-right:calc(var(--date-input-background-position-right) + var(--date-input-background-size) + 2.125rem);background-image:var(--date-input-background-image);background-repeat:no-repeat;background-position:right var(--date-input-background-position-right) center;background-size:var(--date-input-background-size)}.control-input[type=text].input-date::-webkit-date-and-time-value{text-align:var(--input-text-align)}.control-input[type=file]{display:none}.control-input[type=file]+label{position:relative;padding-right:calc(var(--date-input-background-position-right) + var(--date-input-background-size));background-image:var(--file-input-background-image);background-repeat:no-repeat;background-position:right var(--date-input-background-position-right) center;background-size:var(--date-input-background-size);min-height:calc(var(--input-font-size) * var(--input-line-height) + 2 * var(--input-padding-y) + 2 * var(--input-border-width))}.control-input[type=file][data-empty=true]+label{color:var(--input-placeholder-color)}.control-input[type=file]:disabled+label{color:var(--input-disabled-color);background-color:var(--input-disabled-background-color);border-color:var(--input-disabled-border-color)}.control-input[type=file]:not(.control-select)[readonly=readonly]+label{color:var(--input-readonly-color);background-color:var(--input-readonly-background-color);border-color:var(--input-readonly-border-color)}textarea.control-input{--textarea-height: 6.25rem;min-height:var(--textarea-height)}textarea.control-input.noresize{resize:none}
