/*
 *   @copyright   Copyright (C) 2025 Dynamowebs Private Limited. All rights reserved.
 *   @license     Proprietary and Confidential. Unauthorized copying, distribution, or modification
 *                via any medium is strictly prohibited.
 *   @author      Faisal mehmood awan <faisal.aqurz@gmail.com> | Imran Khan <imran@dynamowebs.com>
 *   @file        module-popup-cancel-flow.css
 *   @modified    11/28/25, 12:12 PM
 *   @package     Dynamowebs
 *
 *   This file contains proprietary information of Dynamowebs Private Limited.
 *   No part of this file may be reproduced, distributed, or transmitted in any
 *   form or by any means without the express written permission of Dynamowebs.
 *
 *   @link        https://www.dynamowebs.com
 *   @github      https://github.com/FaisalCloudEngineer
 *
 */
.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; }
@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;
	}
}