.afra-welcome-backdrop { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(255, 255, 255, 0.6); z-index: 9999; display: none; } .afra-main { direction: rtl; font-family: inherit; background-color: white; background-image: url('https://orangpet.com/wp-content/plugins/afra-agent/imgs/star.png'); background-position: top right; background-repeat: no-repeat; padding: 1.5rem; position: fixed; width: min(700px, 98vw); box-shadow: 1px 1px 30px #dcdcdc; border-radius: 1rem; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 1; z-index: 10000; } .afra-header { text-align: center; } .afra-header h3 { font-weight: bold; font-size: 14px; margin: 0.5rem 0; color: #434343; } .afra-header p { font-weight: normal; font-size: 12px; margin: 0.5rem 0; color: #8C8C8C; } .afra-header p strong { color: #434343; } .afra-form { width: 100%; } .afra-form div { #display: flex; #flex-direction: column; #width: 100%; } .afra-form p { font-size: 14px; text-align: right; line-height: 21px; margin-top: 5px; margin-bottom: 5px; } .afra-form input { border-radius: 0.5rem; padding: 0.5rem; border: 1px solid #D9D9D9; text-align: right; width: calc(100% - 1rem); } .afra-captcha { margin: 0.5rem 0; } .afra-captcha img { border-radius: 0.2rem; max-height: 4rem; } .afra-footer { position: relative; width: 100%; display: flex; align-items: center; justify-content: space-between; } .afra-footer .afra-btn { width: 100%; border-radius: 0.5rem; padding: 0.5rem; border: 1px solid #D9D9D9; background-color: white; cursor: pointer; color: #000 } .afra-footer .afra-btn.afra-charge { background-color: #203245; border: 1px solid #203245; color: white; } .afra-footer .afra-btn:disabled { background-color: #BFBFBF; border: 1px solid #BFBFBF; color: white; } .afra-footer .afra-btn.afra-close { width: 30%; margin-left: 1rem; } .afra-footer .afra-btn.afra-charge { width: 70%; } .afra-toast { direction: rtl; font-family: inherit; background-color: white; padding: 1.5rem; position: fixed; display: flex; flex-direction: column; align-items: center; box-shadow: 1px 1px 30px #dcdcdc; border-radius: 1rem; } .afra-toast h3 { font-weight: bold; color: #434343; margin: 1.5rem 0 0.5rem 0; font-size: 14px; } .afra-toast p { font-weight: normal; color: #8C8C8C; margin: 0 0 0.5rem 0; font-size: 12px; } .afra-close-modal { display: block; position: absolute; right: 1rem; top: 1rem; } .afra-close-modal button { background-color: transparent; border: none; cursor: pointer; padding: 0; margin: 0; } .afra-members-modal, .afra-welcome-credit, .afra-welcome-failed, .afra-welcome-modal { display: none; } .afra-welcome-error { font-size: 11px; color: #FF0000; margin-top: 5px; display: none; }