.iti--container { z-index: 10600; } input.iti__search-input { border: 1px solid #69727D; line-height: inherit; font-size: inherit; min-height: 40px; padding: 5px 28px 5px 30px; border-radius: 3px; } .hulk_affef_telephone_wrap { max-width: 100%; flex-basis: 100%; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: flex-start; position: relative; .hulk-telephone { width: 100%; } --iti-hover-color: rgba(0, 0, 0, 0.05); --iti-text-gray: var(--e-global-color-text); --iti-border-gray: #ccc; --iti-arrow-color: var(--e-global-color-text); --iti-input-bg-color: #ffffff; --iti-input-border-color: #69727D; --iti-input-invalid-color: #d9534f; --iti-path-flags-1x: var(--iti-path-flags-2x); --iti-path-globe-1x: var(--iti-path-globe-2x); .iti { width: 100%; display: block; } .iti__tel-input { background-color: var(--iti-input-bg-color); font-family: var(--e-global-typography-text-font-family), Sans-serif, serif; font-weight: var(--e-global-typography-text-font-weight); color: var(--e-global-color-text); width: 100%; max-width: 100%; border: 1px solid var(--iti-input-border-color); vertical-align: middle; flex-grow: 1; line-height: inherit; font-size: inherit; min-height: 40px; padding: 5px 14px; border-radius: 3px; box-sizing: border-box; &:focus { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; outline: 0; } &[aria-invalid="true"] { border-color: var(--iti-input-invalid-color); } } .iti__selected-country { color: var(--iti-text-gray); &:focus, &:hover { background-color: var(--iti-hover-color); color: var(--iti-text-gray); border: none; } } }