/* TODO common styles */ .swal2-container.swal2-center > .swal2-popup { border: solid 2px #707070; padding: 10px; } /* ? کلاس تمامی تایتل ها */ .swal2-title { text-align: right; font-size: 26px; } /* ? کلاس متن داخل الرت باکس */ .swal2-html-container { text-align: justify; line-height: 1.8; color: var(--content-color) !important; font-weight: 600; } /* ? کلاس ایکن کنسل یا ضربدر بالا سمت چپ الرت باکس */ .swal2-rtl .swal2-close { border-radius: 10px; margin-left: 10px; margin-top: 13px; transition: all 0.4s; } /* ? کلاس کانفرم باتن */ .swal2-styled.swal2-confirm { transition: all 0.4s; outline: none !important; } /* ? کلاس هاور کانفرم باتن */ .swal2-styled.swal2-confirm:hover { transform: translateY(-5px) !important; } /* ? کلاس کنسل باتن */ .swal2-styled.swal2-cancel { transition: all 0.4s; } /* ? کلاس هاور کنسل باتن */ .swal2-styled.swal2-cancel:hover { transform: translateY(-5px) !important; } /* ? ایکن اررور */ .swal2-icon.swal2-error { border-color: #e92424; color: #e92424; } /* !error 1 */ /* به اررور های ابی رنگ کلاس هایی دادم که اخرش با 1 تمام میشود */ /* TODO باکس اول از سمت راست در فایل پی اس دی */ /* ? تایتل */ .title-error-1 { color: var(--error-color1) !important; } .eroorr:focus { outline: none !important; box-shadow: 0px 0px 0px black !important; border: 0px; } /* ? دکمه ضربدر بالا سمت چپ */ .close-button-1 { background-color: var(--error-color1) !important; color: var(--white) !important; } /* ? هاور دکمه ضربدر بالا سمت چپ */ .close-button-1:hover { background-color: var(--white) !important; color: var(--error-color1) !important; border: solid 4px var(--error-color1) !important; } /* ? کانفرم باتن */ .confirm-button-1 { background-color: var(--white) !important; border: solid 2px var(--error-color1) !important; color: var(--error-color1) !important; text-align: left !important; } /* ? هاور کانفرم باتن */ .confirm-button-1:hover { background-color: var(--error-color1) !important; color: var(--white) !important; } /* !error 2 */ /* ? کنسل باتن */ .cancle-button1 { background-color: var(--error-color1) !important; color: var(--white) !important; border: solid 2px var(--error-color1) !important; } /* ? هاور کنسل باتن */ .cancle-button1:hover { background-color: var(--white) !important; color: var(--error-color1) !important; } /* !error3 */ /* ? تایتل */ .title-error-2 { color: var(--error-color2) !important; } /* ? دکمه ضربدر بالا سمت چپ */ .close-button-2 { background-color: var(--error-color2) !important; color: var(--white) !important; } /* ? هاور دکمه ضربدر بالا سمت چپ */ .close-button-2:hover { background-color: var(--white) !important; color: var(--error-color2) !important; border: solid 4px var(--error-color2) !important; } /* ? کانفرم باتن */ .confirm-button-2 { background-color: var(--white) !important; border: solid 2px var(--error-color2) !important; color: var(--error-color2) !important; } /* ? هاور کانفرم باتن */ .confirm-button-2:hover { background-color: var(--error-color2) !important; color: var(--white) !important; } /* ? کنسل باتن */ .cancle-button2 { background-color: var(--error-color2) !important; color: var(--white) !important; border: solid 2px var(--error-color2) !important; } /* ? هاور کنسل باتن */ .cancle-button2:hover { background-color: var(--white) !important; color: var(--error-color2) !important; } /* !error4 */ /* ? تایتل */ .title-error-4 { text-align: center !important; color: var(--error-color2) !important; } .alert-popup4 { width: 440px; } /* !error5 */ /* ? کانفرم باتن */ .confirm-button-5 { background-color: var(--error-color2) !important; margin-top: -81px; margin-left: -260px; padding: 12px 15px; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } /* ? اینپوت فیلد */ .input-error-5 { width: 70% !important; height: 47px !important ; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } /* !error6 */ /* ? دکمه ضربدر بالا سمت چپ */ .close-button-6 { color: var(--error-color1) !important; } /* ? هاور دکمه ضربدر بالا سمت چپ */ .close-button-6:hover { background-color: var(--error-color1) !important; color: var(--white) !important; border: solid 4px var(--error-color1) !important; } /* !error7 */ /* ? تایتل */ .title-error-7 { color: var(--error-color7) !important; } /* ? دکمه ضربدر بالا سمت چپ */ .close-button-7 { background-color: var(--error-color7-button) !important; color: var(--white) !important; } /* ? هاور دکمه ضربدر بالا سمت چپ */ .close-button-7:hover { background-color: var(--white) !important; color: var(--error-color7) !important; border: solid 4px var(--error-color7-button) !important; } /* ? کانفرم باتن */ .confirm-button-7 { background-color: var(--white) !important; border: solid 2px var(--error-color7-button) !important; color: var(--error-color7) !important; } /* ? هاور کانفرم باتن */ .confirm-button-7:hover { background-color: var(--error-color7-button) !important; color: var(--white) !important; } /* ? کنسل باتن */ .cancle-button7 { background-color: var(--error-color7-button) !important; color: var(--white) !important; border: solid 2px var(--error-color7-button) !important; } /* ? هاور کنسل باتن */ .cancle-button7:hover { background-color: var(--white) !important; color: var(--error-color7-button) !important; } /* !error8 */ .title-error-8 { color: var(--error-color7-button) !important; text-align: center !important; } .alert-popup8 { width: 440px; } /* !error9 */ .title-error-9 { color: var(--white) !important; } .alert-popup9 { background-color: var(--error-color2) !important; border-color: var(--error-color2) !important; } .close-button-9 { background-color: var(--toast-bg-success) !important; color: var(--toast-success-color) !important; } .confirm-button-9 { background-color: #35bb20 !important; } .cancle-button9 { background-color: var(--white) !important; color: var(--error-color2) !important; } .footer-error-9 a { color: var(--white) !important; border-bottom-color: var(--white) !important; font-size: 18px !important; } /* !error10 */ .alert-popup10 { background-color: var(--error-color7-button) !important; border-color: var(--error-color7-button) !important; } .close-button-10 { background-color: #fd6a6a !important; color: var(--white) !important; } .confirm-button-10 { background-color: #bb2020 !important; } .cancle-button10 { background-color: var(--white) !important; color: var(--error-color7-button) !important; }