/* * Copyright (C) 2025 Dynamowebs Pvt ltd www.dynamowebs.com , Inc - * Dynamowebs : tax2u-co-uk-new All Rights Reserved : module-popup-cancel-flow.css (Last modified : 9/10/25, 1:09 PM ) * module-popup-cancel-flow.css Unauthorized copying of this file , via any medium is strictly prohibited * Proprietary and confidential Written by Dynamowebs software & VOIP solutions * / , at 10/ 9/ 2025 * can not be copied and / or distributed without the express permission of Dynamowebs * github :: https://github.com/faisal3956/ * website :: https://www.dynamowebs.com */ .cancel-flow-modal .cancel-flow-modal-header { border-bottom: none; } .cancel-flow-modal .cancel-flow-modal-content { border-radius: 16px; } .cancel-flow-modal .cancel-flow-ico-email-outer { text-align: center; } .cancel-flow-modal input:focus-visible { outline-color: #c8d9f1; } .cancel-flow-modal .cancel-flow-title { margin: 10px 0px 15px 0px; font-family: Inter; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.72; letter-spacing: -0.15px; text-align: center; color: #1b75bc; } .cancel-flow-modal .cancel-flow-title1 { margin: 5px 0px 15px 0px; font-family: Inter; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.72; letter-spacing: -0.15px; text-align: center; color: #151515; } .cancel-flow-modal .cancel-flow-input-outer { text-align: center; } .cancel-flow-modal .cancel-flow-input { height: 56px !important; width: 100% !important; max-width: 390px !important; max-height: 56px !important; margin: 15px 0px 30px 0; padding: 5px 20px !important; border-radius: 8px !important; border: solid 1px #dbe7f6 !important; background-color: #e4edf8 !important; } .cancel-flow-modal .input-group { display: flex; justify-content: center; } .cancel-flow-modal .cancel-flow-edit { position: absolute; top: 30px; right: 40px; } .cancel-flow-modal .cancel-flow-note { font-family: Inter; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.12px; text-align: center; color: #050505; } .cancel-flow-modal .cancel-flow-btn { width: 50%; } .cancel-flow-modal .cancel-flow-check-outer { text-align: center; display: flex; justify-content: center; } .cancel-flow-modal .cancel-flow-check { display: block; width: 100%; max-width: 230px; max-height: 56px; font-family: Inter; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #fff; padding: 17px 0.75rem; border-radius: 100px; border: none; background-color: #00aeef; } .cancel-flow-modal .cancel-flow-check:hover { background-color: #0198cf; } .cancel-flow-modal .cancel-flow-resend-outer { text-align: center; margin: 25px 0px 30px 0px; } .cancel-flow-modal .cancel-flow-resend { width: 100%; max-width: 330px; max-height: 23px; font-family: Inter; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -0.12px; text-align: center; color: #00aeef !important; text-decoration: underline !important; } /* terms-and-conditions-modal-content */ .terms-and-conditions-modal .terms-and-conditions-modal-header { border-bottom: none; } .terms-and-conditions-modal .terms-and-conditions-modal-content { border-radius: 16px; } .terms-and-conditions-modal .terms-and-conditions-title { font-family: Inter; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.15px; text-align: left; color: #1b75bc; } .terms-and-conditions-modal .terms-i-understand-that { font-family: Inter; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.19; letter-spacing: normal; text-align: left; color: #050505; padding: 30px 0px 10px 0px; } .terms-and-conditions-modal .terms-and-conditions-list { padding-left: 18px; max-height: 350px; overflow-y: auto; overflow-x: hidden; } .terms-and-conditions-modal .terms-and-conditions-list li { padding-bottom: 15px; font-family: Inter; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #080808; } /* Scrollbar Track */ .terms-and-conditions-modal .terms-and-conditions-list::-webkit-scrollbar { width: 4px; } /* Scrollbar Thumb */ .terms-and-conditions-modal .terms-and-conditions-list::-webkit-scrollbar-thumb { background-color: #1b9cbc; /* Blue color for the scroll thumb */ border-radius: 4px; } /* Scrollbar Track Background */ .terms-and-conditions-modal .terms-and-conditions-list::-webkit-scrollbar-track { background-color: #eeeded;} /* user-login-modal */ .user-login-modal .user-login-modal-header { border-bottom: none; } .user-login-modal .user-login-modal-content { border-radius: 16px; } .user-login-modal .user-login-modal-icon-outer { text-align: center; margin-bottom: 15px; } .user-login-modal .user-login-modal-icon { width: 100%; max-width: 46px; max-height: 46px; } .user-login-modal .user-login-modal-details-outer { text-align: center; } .user-login-modal .user-login-modal-title { font-family: Inter; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.15px; text-align: center; color: #1b75bc; padding-bottom: 10px; } .user-login-modal .user-login-modal-desc { font-family: Inter; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.12px; text-align: center; color: #030303; padding-bottom: 15px; } .user-login-modal .user-login-modal-topic { font-family: Inter; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.12px; text-align: center; color: #050505; padding-bottom: 5px; } .user-login-modal .user-login-modal-topic-desc { font-family: Inter; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.12px; text-align: center; color: #030303; padding-bottom: 20px; } .user-login-modal input:focus-visible { outline-color: #c8d9f1; } .user-login-modal .user-login-modal-email-outer { text-align: center; margin-bottom: 15px; } .user-login-modal .user-login-modal-password-outer { text-align: center; margin-bottom: 15px; } .user-login-modal .user-login-modal-confirm-password-outer { text-align: center; margin-bottom: 30px; } .user-login-modal .user-login-modal-email { width: 100%; max-width: 440px; max-height: 56px; flex-grow: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; padding: 10px 20px; border-radius: 8px; border: solid 1px #dbe7f6; background-color: #e4edf8; } .user-login-modal .user-login-modal-password { width: 100%; max-height: 56px; align-self: stretch;flex-grow: 0; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 10px; padding: 10px 20px; border-radius: 8px; border: solid 1px #c8d9f1; background-color: #fff; } .user-login-modal .user-login-modal-toggle { position: absolute;top: 13px;right: 20px;} .user-login-modal .user-login-modal-btn-outer { text-align: center;padding-bottom: 48px;} .user-login-modal .user-login-modal-btn {width: 100%;max-width: 440px;max-height: 56px;flex-grow: 1;font-family: Inter;font-size: 16px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #fff;gap: 10px;padding: 17px 0px;border-radius: 100px;background-color: #00aeef;border: 1px solid #01a0da;} @media only screen and (max-width: 1200px) {} @media only screen and (max-width: 992px) {} @media only screen and (max-width: 768px) {} @media only screen and (max-width: 580px) {} @media only screen and (max-width: 480px) { .cancel-flow-modal .cancel-flow-edit { right: 25px; } .terms-and-conditions-modal .terms-and-conditions-list li { text-align: justify;padding-right: 10px;} }