.eh-button { padding: 0 15px; display: inline-flex; align-items: center; justify-content: center; font-family: inherit; font-size: 14px; border: none; border-radius: 5px; cursor: pointer; } .eh-field-error .eh-field { border-color: #ff0055 !important; } .eh-field-error .eh-field ~ label { color: #ff0055 !important; } .eh-field-error .eh-field-message { color: #ff0055 !important; } .eh-account-button { padding: 0 15px; display: inline-flex; align-items: center; justify-content: center; font-family: inherit; font-size: 14px; border: none; border-radius: 5px; cursor: pointer; background-color: var(--eh-user-button-color); height: 34px; padding: 0 15px; color: var(--eh-user-button-text-color) !important; } .eh-account-button:hover { background-color: var(--eh-user-button-color-hover); } .eh-account-button .eh-account-button-icon { display: none; } @media (max-width: 768px) { .eh-account-button { padding: 0 8px; } .eh-account-button .eh-account-button-text { display: none; } .eh-account-button .eh-account-button-icon { display: block; } } .eh-message:not(.error-txt), .eh-form-success { width: 100%; font-size: 14px; line-height: 1.8em; } .eh-message { margin-bottom: 30px; display: flex; justify-content: center; gap: 5px; text-align: center; } .eh-message svg { min-width: 20px; width: 20px; height: 20px; } .eh-message .eh-user-phone { font-weight: bold; } .eh-message-info svg { color: #efb002; } .eh-message-error { color: darkred; } .eh-error-txt { margin-top: 5px; display: block; font-size: 13px; } .eh-form-success { display: none; color: #303030; text-align: center; } .eh-modal-button, .eh-modal-account-button { padding: 0 15px; display: inline-flex; align-items: center; justify-content: center; font-family: inherit; font-size: 14px; border: none; border-radius: 5px; cursor: pointer; background-color: var(--eh-modal-button-color); height: 34px; color: var(--eh-modal-button-text-color) !important; } .eh-modal-button:hover, .eh-modal-account-button:hover { background-color: var(--eh-modal-button-color-hover); } .eh-modal-button .eh-modal-button-icon, .eh-modal-button .eh-modal-account-button-icon, .eh-modal-account-button .eh-modal-button-icon, .eh-modal-account-button .eh-modal-account-button-icon { display: none; } @media (max-width: 768px) { .eh-modal-button, .eh-modal-account-button { padding: 5px 8px; } .eh-modal-button .eh-modal-button-text, .eh-modal-button .eh-modal-account-button-text, .eh-modal-account-button .eh-modal-button-text, .eh-modal-account-button .eh-modal-account-button-text { display: none; } .eh-modal-button .eh-modal-button-icon, .eh-modal-button .eh-modal-account-button-icon, .eh-modal-account-button .eh-modal-button-icon, .eh-modal-account-button .eh-modal-account-button-icon { display: block; } } .eh-modal { background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; top: 0; right: 0; left: 0; bottom: 0; display: none; align-items: center; justify-content: center; z-index: 999999999; } .eh-modal .eh-close-modal { background-color: #fff; margin: 20px auto 0 20px; padding: 0 !important; display: flex; color: #404040; border: none !important; border-radius: 100%; cursor: pointer; } .eh-modal .eh-close-modal svg { vertical-align: middle; } .eh-modal .eh-container { background-color: #ffffff; max-width: 400px; max-height: 80%; overflow-y: auto; border-radius: 15px; } .eh-modal .eh-container .eh-main { padding: 30px; padding-top: 20px; } @media (max-width: 576px) { .eh-modal .eh-container { max-width: unset; max-height: unset; height: 100%; border-radius: 0; } .eh-modal .eh-container .eh-main { margin: auto; padding: 15px; max-width: 370px; } } .eh-loading-overlay { background-color: rgba(255, 255, 255, 0.3); width: 100%; height: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: none; } .eh-loading-overlay .eh-loading { background-color: var(--eh-loading-wrap-color); width: 60px; height: 60px; padding: 10px; position: absolute; top: 50%; left: 50%; border-radius: 100%; transform: translate(-50%, -50%); box-sizing: border-box; } @keyframes animation { 0% { stroke-dasharray: 1 98; stroke-dashoffset: -105; } 50% { stroke-dasharray: 80 10; stroke-dashoffset: -160; } 100% { stroke-dasharray: 1 98; stroke-dashoffset: -300; } } .eh-loading-overlay .eh-loading .eh-loading-spinner { fill: transparent; stroke: var(--eh-loading-color); stroke-width: 7px; stroke-linecap: round; transform-origin: center; animation-name: animation; animation-duration: 1.2s; animation-iteration-count: infinite; } .eh-container { width: 100%; max-width: 370px; margin: auto; position: relative; color: #303030; text-align: right; overflow: hidden; } .eh-container .eh-form-wrap { width: 100%; margin: auto; } .eh-container .eh-form-wrap .eh-timer { width: 100% !important; margin-top: 20px; display: inline-flex; align-items: center; justify-content: center; direction: ltr; font-size: 14px; } .eh-container .eh-form-wrap .eh-timer .eh-timer-hours, .eh-container .eh-form-wrap .eh-timer .eh-timer-minutes, .eh-container .eh-form-wrap .eh-timer .eh-timer-seconds { width: 20px; text-align: center; } .eh-container .eh-form-wrap .eh-form-links { margin-top: 20px; font-size: 14px; } .eh-container .eh-form-wrap .eh-form-links a, .eh-container .eh-form-wrap .eh-form-links button { margin-bottom: 5px; display: flex; align-items: center; justify-content: center; color: #303030; } .eh-container .eh-form-wrap .eh-form-links a svg, .eh-container .eh-form-wrap .eh-form-links button svg { width: 16px; margin-left: 5px; } .eh-container .eh-form-wrap .eh-form-links a:hover, .eh-container .eh-form-wrap .eh-form-links button:hover { color: #0062f5; } .eh-container .eh-form-wrap .eh-form-links button { width: 100% !important; background: none !important; font-family: inherit; border: none !important; cursor: pointer; } .eh-container .eh-form-wrap .eh-form-links .eh-disabled { opacity: 0.5; cursor: not-allowed; } .eh-container .eh-form-wrap .eh-form-links a:last-child, .eh-container .eh-form-wrap .eh-form-links button:last-child { margin-bottom: 0; } .eh-container .eh-form-wrap .eh-section:not(.eh-opened) { display: none; } .eh-container .eh-form-wrap .eh-form { width: 100%; margin: 30px 0 0; } .eh-container .eh-form-wrap .eh-form .eh-form-title { margin-bottom: 30px; font-size: 18px; text-align: center; } .eh-container .eh-form-wrap .eh-form input[type=hidden], .eh-container .eh-form-wrap .eh-form [hidden] { display: none !important; } .eh-container .eh-form-wrap .eh-form .eh-field-wrap { width: 100%; margin-bottom: 20px; position: relative; } .eh-container .eh-form-wrap .eh-form .eh-field-wrap svg { width: 18px; height: 18px; position: absolute; top: 27px; left: 15px; color: rgb(140.25, 140.25, 140.25); transform: translateY(-50%); } .eh-container .eh-form-wrap .eh-form .eh-field-error input { border-color: red; } .eh-container .eh-form-wrap .eh-form .eh-field-error .eh-label, .eh-container .eh-form-wrap .eh-form .eh-field-error .eh-error-txt { color: red; } .eh-container .eh-form-wrap .eh-form .eh-label { background-color: #fff; margin-bottom: 10px; padding: 2px 5px; position: absolute; top: 0; right: 14px; display: block; transform: translateY(-50%); color: rgb(140.25, 140.25, 140.25); font-size: 13px; border-radius: 5px; cursor: pointer; } .eh-container .eh-form-wrap .eh-form .eh-field { background-color: #fff; direction: rtl; text-align: right; font-family: inherit; font-size: 16px; outline: none !important; } .eh-container .eh-form-wrap .eh-form .eh-field:-webkit-autofill, .eh-container .eh-form-wrap .eh-form .eh-field:-webkit-autofill:hover, .eh-container .eh-form-wrap .eh-form .eh-field:-webkit-autofill:focus, .eh-container .eh-form-wrap .eh-form .eh-field:-webkit-autofill:active { box-shadow: 0 0 0 50px white inset !important; } .eh-container .eh-form-wrap .eh-form .eh-field:not([type=checkbox], [type=radio]) { width: 100%; height: 54px !important; padding: 0 15px; border: 1px solid #dbdbdb; border-radius: 10px; } .eh-container .eh-form-wrap .eh-form .eh-field:not([type=checkbox], [type=radio]):focus, .eh-container .eh-form-wrap .eh-form .eh-field:not([type=checkbox], [type=radio]):focus-within { padding: 0 14px; border-color: rgb(201.15, 201.15, 201.15); border-width: 2px; } .eh-container .eh-form-wrap .eh-form .eh-field:not([type=checkbox], [type=radio]):focus ~ .eh-label, .eh-container .eh-form-wrap .eh-form .eh-field:not([type=checkbox], [type=radio]):focus-within ~ .eh-label { color: #303030; } .eh-container .eh-form-wrap .eh-form .eh-field[type=number]::-webkit-outer-spin-button, .eh-container .eh-form-wrap .eh-form .eh-field[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } .eh-container .eh-form-wrap .eh-form .eh-field[type=number] { -moz-appearance: textfield; } .eh-container .eh-form-wrap .eh-form .ehraz-phone-field { display: flex; align-items: center; gap: 10px; } .eh-container .eh-form-wrap .eh-form .ehraz-phone-field input { width: 100%; height: 100% !important; background: none !important; border: none !important; direction: ltr !important; text-align: left !important; font-size: 16px !important; outline: none !important; } .eh-container .eh-form-wrap .eh-form .ehraz-phone-field input:-webkit-autofill, .eh-container .eh-form-wrap .eh-form .ehraz-phone-field input:-webkit-autofill:hover, .eh-container .eh-form-wrap .eh-form .ehraz-phone-field input:-webkit-autofill:focus, .eh-container .eh-form-wrap .eh-form .ehraz-phone-field input:-webkit-autofill:active { box-shadow: 0 0 0 50px #ffffff inset !important; } .eh-container .eh-form-wrap .eh-form .ehraz-phone-field span.ehraz-calling-code { padding-right: 10px; text-align: left !important; direction: ltr !important; border-right: 2px solid #dbdbdb; } .eh-container .eh-form-wrap .eh-form .ehraz-phone-field img.ehraz-flag { width: 24px !important; height: auto !important; border-radius: 5px !important; cursor: pointer; transition: transform 150ms; } .eh-container .eh-form-wrap .eh-form .ehraz-phone-field img.ehraz-flag:hover { transform: scale(1.1); } .eh-container .eh-form-wrap .eh-form .ehraz-phone-field img.ehraz-flag:active { transform: scale(1); } .eh-container .eh-form-wrap .eh-form .eh-hide-pass-icon { display: none; cursor: pointer; } .eh-container .eh-form-wrap .eh-form .eh-show-pass-icon { cursor: pointer; } .eh-container .eh-form-wrap .eh-form .eh-hide-pass-icon:hover, .eh-container .eh-form-wrap .eh-form .eh-show-pass-icon:hover { color: #303030; } .eh-container .eh-form-wrap .eh-form .eh-visible-pass .eh-show-pass-icon { display: none; } .eh-container .eh-form-wrap .eh-form .eh-visible-pass .eh-hide-pass-icon { display: block; } .eh-container .eh-form-wrap .eh-form input[type=checkbox] { vertical-align: middle; } .eh-container .eh-form-wrap .eh-form .eh-checkbox-label { font-size: 14px; cursor: pointer; } .eh-container .eh-form-wrap .eh-form .g-recaptcha { margin-bottom: 20px; } .eh-container .eh-form-wrap .eh-form .eh-otp-inputs { width: 90%; margin: 0 auto 30px; display: flex; gap: 10px; direction: ltr; } .eh-container .eh-form-wrap .eh-form .eh-otp-inputs input { width: 100% !important; height: 54px !important; text-align: center; font-size: 22px; font-family: inherit; border: 1px solid #dbdbdb !important; border-radius: 10px; outline: none !important; } .eh-container .eh-form-wrap .eh-form .eh-otp-inputs input:focus { border: 2px solid rgb(201.15, 201.15, 201.15); } .eh-container .eh-form-wrap .eh-form .eh-button { background-color: var(--eh-form-button-color); width: 100%; height: 54px !important; color: var(--eh-form-button-text-color); border-radius: 10px; } .eh-container .eh-form-wrap .eh-form .eh-button:hover { background-color: var(--eh-form-button-color-hover); } .eh-container .eh-form-wrap .eh-form .eh-agreement-text { margin: 20px 10px 0; color: rgb(140.25, 140.25, 140.25); text-align: center; font-size: 13px; line-height: 1.8em; } .eh-container .ehraz-country-code-modal { display: none; } .eh-container .ehraz-country-code-modal .ehraz-country-code-modal-bg-layer { background-color: rgba(0, 0, 0, 0.6); padding: 0 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: fixed; top: 0; right: 0; left: 0; bottom: 0; } .eh-container .ehraz-country-code-modal input { background-color: #ffffff !important; width: 100% !important; max-width: 370px !important; height: 44px !important; min-height: 44px !important; margin: 10px 0 5px; text-align: center !important; font-size: 14px !important; border: none !important; outline: none !important; border-bottom: 1px solid #dbdbdb !important; border-radius: 5px !important; } .eh-container .ehraz-country-code-modal ul { background-color: #fff; width: 100%; max-width: 370px; max-height: 500px; margin: 0 0 10px !important; padding: 0 !important; overflow: auto; border-radius: 5px; } .eh-container .ehraz-country-code-modal ul li { padding: 15px 15px; display: flex; align-items: center; gap: 10px; direction: ltr !important; text-align: left !important; cursor: pointer; } .eh-container .ehraz-country-code-modal ul li:hover { background-color: rgb(247.35, 247.35, 247.35); } .eh-container .ehraz-country-code-modal ul li:not(:last-child) { border-bottom: 1px solid #dbdbdb; } .eh-container .ehraz-country-code-modal ul li img { width: 30px; border-radius: 5px; } .eh-container .ehraz-country-code-modal ul li span:last-child { margin-left: auto; } .eh-container * { box-sizing: border-box; } .eh-container .eh-logo { margin-bottom: 20px; display: flex; align-items: center; justify-content: center; } .eh-container .eh-logo a { display: flex; color: #303030; } .eh-container .eh-logo img { width: auto !important; height: 50px !important; margin-left: 10px; display: block; } .eh-container .eh-logo .eh-logo-text h2 { margin: 0; font-size: 20px; line-height: 1.4em; } .eh-container .eh-logo .eh-logo-text span { font-size: 14px; } .eh-container .eh-main { width: 100%; position: relative; line-height: 1.5em; } @media (max-width: 576px) { .eh-container .eh-main { padding: 30px 15px; } } .eh-container .eh-blur { filter: blur(2px); }