/* Responsive 2FA popup hardening for mobile screens, zoom, and long localized text. */
.mo2f_modal,
.mo2f_modal1 {
	box-sizing: border-box;
	overflow: auto !important;
	padding: clamp(10px, 3vw, 32px) !important;
}

.mo2f_modal *,
.mo2f_modal1 *,
.mo2f-setup-popup-dashboard,
.mo2f-setup-popup-dashboard *,
.mo2f_setup_popup_dashboard,
.mo2f_setup_popup_dashboard *,
.mo2f_kba_setup_popup_dashboard,
.mo2f_kba_setup_popup_dashboard * {
	box-sizing: border-box;
}

.mo2f_modal-dialog,
.mo_customer_validation-modal-dialog,
.mo2f-setup-popup-dashboard {
	margin: clamp(10px, 4vh, 46px) auto !important;
	max-width: calc(100vw - 24px) !important;
	width: min(92vw, 760px) !important;
}

.mo2f_modal-lg {
	width: min(94vw, 1120px) !important;
}

.mo_customer_validation-modal-content {
	border-radius: 12px !important;
	left: auto !important;
	margin: 0 !important;
	max-height: calc(100vh - 32px) !important;
	max-width: 100% !important;
	overflow-y: auto !important;
	padding: clamp(16px, 3vw, 28px) !important;
	position: relative !important;
	top: auto !important;
	width: 100% !important;
}

.mo_customer_validation-modal-content .mo2f_modal-body {
	max-height: none !important;
	overflow: visible !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
}

.mo_customer_validation-modal-content > .mo2f_modal-header,
.mo_customer_validation-modal-content > h4 {
	margin-top: 0 !important;
	padding-right: 44px !important;
	position: relative;
}

.mo2f_modal-title {
	line-height: 1.35;
	overflow-wrap: anywhere;
	word-break: normal;
}

.mo2f_close {
	border: 0 !important;
	cursor: pointer;
	line-height: 28px !important;
	min-height: 32px;
	min-width: 32px;
	text-align: center !important;
}

.mo_customer_validation-modal-content .mo2f_close {
	position: absolute;
	right: 0;
	top: 0;
}

.mo2fa_display_message_frontend,
.mo_feedback_text,
.mo2f_login_form_border,
.mo2f_login_form_border_otp,
.mo2f-app-links-message,
.mo2f-secret-inner,
.mo2f_phone_field_label {
	overflow-wrap: anywhere;
	word-break: normal;
}

.mo2f_login_form_border,
.mo2f_login_form_border_otp {
	margin-right: 0 !important;
	width: 100% !important;
}

.mo2f_powered_by_div {
	width: 100% !important;
}

.mo_customer_validation-modal-content .mo2f_customize_logo {
	bottom: auto !important;
	margin-top: clamp(12px, 3vw, 22px);
	position: static !important;
	right: auto !important;
	text-align: right;
}

.mo2f_configure_ga {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100% !important;
}

.mo2f_configure_ga td {
	vertical-align: top;
}

.mo2f_google_authy_step2 {
	padding-right: clamp(12px, 2vw, 24px) !important;
	width: 62% !important;
}

.mo2f_google_authy_step3 {
	padding-left: clamp(12px, 2vw, 24px) !important;
	width: 36% !important;
}

.mo2f_vertical_line {
	padding: 0 !important;
	width: 1px !important;
}

.mo2f_authenticator_popup_size {
	width: 100% !important;
}

.mo2f-choose-app-container {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	line-height: 1.4 !important;
	margin: clamp(10px, 2vw, 20px) 0 !important;
}

.mo2f-select-authenticator-app {
	margin-left: 0 !important;
	max-width: 100% !important;
	min-height: 44px;
	width: min(100%, 260px) !important;
}

.mo2f-auth-icons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: clamp(14px, 2vw, 20px) 0 !important;
}

.mo2f-auth-icon-img {
	flex: 0 0 auto;
}

.mo2f-section-heading {
	line-height: 1.35;
	margin: clamp(16px, 2vw, 22px) 0 10px !important;
}

.mo2f-qr-section {
	margin: 0 0 clamp(18px, 3vw, 30px) !important;
}

#mo2f_google_auth_qr_code canvas,
#mo2f_google_auth_qr_code img,
#mo2f_microsoft_auth_qr_code canvas,
#mo2f_microsoft_auth_qr_code img {
	height: auto !important;
	max-width: min(210px, 58vw) !important;
}

.mo2f-gauth-otp-container {
	width: 100% !important;
}

.mo2f-gauth-otp-form {
	display: block !important;
	margin: 0 !important;
	padding-left: 0 !important;
}

.mo2f-gauth-otp-form span {
	display: block;
	line-height: 1.35;
	margin-bottom: 12px;
}

.mo2f-gauth-otp-form > br {
	display: none;
}

.mo2f-gauth-otp-row {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	max-width: 100%;
}

.mo2f-gauth-otp-input,
.mo2f_enter_otp_field,
.mo2f_otp_token,
.mo2f_kba_input_fields {
	font-size: 16px !important;
	max-width: 100% !important;
	min-height: 44px !important;
}

.mo2f-gauth-otp-input {
	flex: 0 1 250px;
	margin: 0 !important;
	width: 250px !important;
}

.mo2f-gauth-otp-button-wrapper {
	display: inline-flex !important;
	justify-content: flex-start !important;
	margin-top: 0 !important;
	position: relative !important;
}

.mo2f-gauth-otp-button {
	flex: 0 0 auto;
	font-weight: 700;
	margin: 0 !important;
	min-height: 44px;
	min-width: 96px;
	position: static !important;
}

.mo2f-save-settings-button {
	min-height: 44px;
	white-space: normal;
}

.mo2f-digit-group,
.mo2f-otp-catchy-box {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: clamp(6px, 2vw, 12px) !important;
	justify-content: center !important;
	max-width: 100% !important;
}

.mo2f-otp-catchy {
	font-size: 18px !important;
	height: clamp(42px, 12vw, 52px) !important;
	min-width: 0 !important;
	text-align: center !important;
	width: clamp(38px, 11vw, 52px) !important;
}

.mo2f_width_30 {
	min-width: 160px;
	width: min(100%, 220px) !important;
}

.mo2f_resend_link,
a[href="#resend"] {
	display: inline-block;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

@media screen and (max-width: 760px), (max-height: 620px) {
	.mo2f_modal-dialog,
	.mo_customer_validation-modal-dialog,
	.mo2f-setup-popup-dashboard,
	.mo2f_modal-lg {
		margin: 0 auto !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	.mo_customer_validation-modal-content {
		max-height: calc(100vh - 20px) !important;
	}

	.mo2f_configure_ga,
	.mo2f_configure_ga tbody,
	.mo2f_configure_ga tr,
	.mo2f_configure_ga td {
		display: block !important;
		width: 100% !important;
	}

	.mo2f_google_authy_step2,
	.mo2f_google_authy_step3 {
		padding: 0 !important;
	}

	.mo2f_vertical_line {
		display: none !important;
	}

	.mo2f_google_authy_step3 {
		border-top: 1px solid #e5e7eb;
		margin-top: 18px;
		padding-top: 18px !important;
	}

	.mo2f-auth-icons,
	.mo2f-gauth-otp-button-wrapper {
		justify-content: center !important;
	}

	.mo2f-gauth-otp-row {
		justify-content: flex-start;
	}

	.mo2f-qr-section,
	.mo_customer_validation-modal-content .mo2f_customize_logo {
		text-align: center;
	}
}

@media screen and (max-width: 480px) {
	.mo2f_modal,
	.mo2f_modal1 {
		padding: 8px !important;
	}

	.mo_customer_validation-modal-content {
		border-radius: 10px !important;
		padding: 14px !important;
	}

	.mo2f_modal-title,
	.mo_customer_validation-modal-content > h4 {
		font-size: 18px !important;
	}

	.mo2f_phone_field,
	.mo2f_telegram_field,
	.mo2f_enter_otp_field,
	.mo2f-gauth-otp-input,
	.mo2f_kba_input_fields,
	.mo2f-gauth-otp-button,
	.mo2f-save-settings-button,
	.mo2f_width_30 {
		width: 100% !important;
	}

	.mo2f-gauth-otp-row {
		display: block;
	}

	.mo2f-app-links-message {
		padding: 10px !important;
	}
}

/* Shared visual polish for login/setup 2FA popups. */
.mo2f_modal,
.mo2f_modal1 {
	--mo2f-wp-accent: #2271b1;
	--mo2f-wp-accent-hover: #135e96;
	--mo2f-wp-accent-soft: #f0f6fc;
	--mo2f-wp-border: #c3c4c7;
	--mo2f-wp-border-soft: #dcdcde;
	--mo2f-wp-bg: #f0f0f1;
	--mo2f-wp-text: #1d2327;
	--mo2f-wp-muted: #646970;
	color: var(--mo2f-wp-text);
}

.mo2f_modal1 {
	bottom: 0;
	left: 0;
	position: fixed !important;
	right: 0;
	top: 0;
	z-index: 100000 !important;
}

.mo2f-setup-popup-dashboard,
.mo2f_setup_popup_dashboard,
.mo2f_kba_setup_popup_dashboard {
	--mo2f-wp-accent: #2271b1;
	--mo2f-wp-accent-hover: #135e96;
	--mo2f-wp-accent-soft: #f0f6fc;
	--mo2f-wp-border: #c3c4c7;
	--mo2f-wp-border-soft: #dcdcde;
	--mo2f-wp-bg: #f0f0f1;
	--mo2f-wp-text: #1d2327;
	--mo2f-wp-muted: #646970;
}

#mo2f_2fa_popup_dashboard_loader {
	align-items: center !important;
	background: rgba(240, 240, 241, 0.68) !important;
	bottom: 0 !important;
	display: none;
	justify-content: center !important;
	left: 0 !important;
	position: fixed !important;
	right: 0 !important;
	top: 0 !important;
	z-index: 100050 !important;
}

#mo2f_2fa_popup_dashboard_loader[style*="block"] {
	display: flex !important;
}

.mo2f_loader {
	animation: mo2fLoaderSpin 0.8s linear infinite !important;
	background: transparent !important;
	border: 5px solid #dfe3e8 !important;
	border-left-color: #2271b1 !important;
	border-radius: 999px !important;
	box-shadow: 0 2px 4px rgba(29, 35, 39, 0.12) !important;
	box-sizing: border-box !important;
	height: 52px !important;
	left: auto !important;
	position: relative !important;
	top: auto !important;
	width: 52px !important;
	z-index: 100060 !important;
}

#mo2f_2fa_popup_dashboard_loader .mo2f_loader,
#mo2f_2fa_popup_dashboard > .mo2f_loader {
	display: inline-block !important;
}

#mo2f_2fa_popup_dashboard:has(> .mo2f_loader) {
	background: rgba(240, 240, 241, 0.68) !important;
	bottom: 0 !important;
	left: 0 !important;
	position: fixed !important;
	right: 0 !important;
	top: 0 !important;
	z-index: 100050 !important;
}

#mo2f_2fa_popup_dashboard > .mo2f_loader {
	left: calc(50% - 26px) !important;
	position: fixed !important;
	top: calc(50% - 26px) !important;
}

@keyframes mo2fLoaderSpin {
	to {
		transform: rotate(360deg);
	}
}

.mo2f_setup_popup_dashboard {
	left: 50% !important;
	margin: 0 !important;
	max-height: calc(100vh - 48px) !important;
	max-width: min(820px, calc(100vw - 48px)) !important;
	position: fixed !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: min(84vw, 820px) !important;
	z-index: 100000 !important;
}

.mo2f_setup_popup_dashboard .mo_customer_validation-modal-content {
	padding: 28px 38px !important;
}

.mo2f_setup_popup_dashboard .mo2f_modal-body.center {
	text-align: left !important;
}

.mo2f_setup_popup_dashboard #mo2f-otpMessage {
	background: #f6f7f7 !important;
	border: 1px solid var(--mo2f-wp-border-soft) !important;
	border-radius: 4px !important;
	margin: 0 0 18px !important;
	padding: 13px 16px !important;
	text-align: center !important;
}

.mo2f_setup_popup_dashboard #mo2f-otpMessage .mo2fa_display_message_frontend {
	font: 400 14px/1.45 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
	margin: 0 !important;
}

.mo2f_setup_popup_dashboard .mo2f-login-container {
	background: #fff !important;
	border: 1px solid var(--mo2f-wp-border-soft) !important;
	border-radius: 8px !important;
	margin: 0 !important;
	padding: 22px 28px !important;
	text-align: center !important;
	width: 100% !important;
}

.mo2f_setup_popup_dashboard .mo2f_login_form_border {
	align-items: center;
	background: transparent !important;
	border: 0 !important;
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0 !important;
	padding: 0 !important;
}

.mo2f_setup_popup_dashboard #mo2f_submitotp_loginform > br {
	display: none !important;
}

.mo2f_setup_popup_dashboard .mo2f_otp_token {
	background: #fff !important;
	border: 1px solid var(--mo2f-wp-border) !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	color: var(--mo2f-wp-text) !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	min-height: 44px !important;
	padding: 8px 12px !important;
	text-align: center !important;
	width: min(100%, 320px) !important;
}

.mo2f_setup_popup_dashboard .mo2f_otp_token:focus {
	border-color: var(--mo2f-wp-accent) !important;
	box-shadow: 0 0 0 1px var(--mo2f-wp-accent) !important;
	outline: none !important;
}

.mo2f_setup_popup_dashboard .mo2f_resend_link,
.mo2f_setup_popup_dashboard a[href="#resend"] {
	color: var(--mo2f-wp-muted) !important;
	display: inline-block !important;
	font-size: 14px !important;
	margin: 0 !important;
	text-decoration: none !important;
}

.mo2f_setup_popup_dashboard .mo2f_resend_link:hover,
.mo2f_setup_popup_dashboard a[href="#resend"]:hover {
	color: var(--mo2f-wp-accent-hover) !important;
	text-decoration: underline !important;
}

.mo2f_setup_popup_dashboard .miniorange_otp_token_submit,
.mo2f_setup_popup_dashboard .miniorange_validate_otp,
.mo2f_setup_popup_dashboard .mo2f-save-settings-button {
	background: var(--mo2f-wp-accent) !important;
	border: 1px solid var(--mo2f-wp-accent) !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	min-height: 40px !important;
	min-width: 220px !important;
	padding: 0 18px !important;
}

.mo2f_setup_popup_dashboard .miniorange_otp_token_submit:hover,
.mo2f_setup_popup_dashboard .miniorange_otp_token_submit:focus,
.mo2f_setup_popup_dashboard .miniorange_validate_otp:hover,
.mo2f_setup_popup_dashboard .miniorange_validate_otp:focus,
.mo2f_setup_popup_dashboard .mo2f-save-settings-button:hover,
.mo2f_setup_popup_dashboard .mo2f-save-settings-button:focus {
	background: var(--mo2f-wp-accent-hover) !important;
	border-color: var(--mo2f-wp-accent-hover) !important;
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--mo2f-wp-accent) !important;
	outline: none !important;
}

.mo2f_setup_popup_dashboard .mo2f_footer_text {
	background: #f6f7f7 !important;
	border: 1px solid var(--mo2f-wp-border-soft) !important;
	border-radius: 4px !important;
	color: var(--mo2f-wp-muted) !important;
	display: block !important;
	line-height: 1.45 !important;
	margin: 16px 0 0 !important;
	padding: 10px 12px !important;
	text-align: center !important;
}

.mo2f_setup_popup_dashboard .mo2f_footer_text a {
	color: var(--mo2f-wp-accent) !important;
	font-weight: 500;
}

.mo2f_setup_popup_dashboard .mo2f_customize_logo,
.mo2f_setup_popup_dashboard .mo2f_powered_by_div {
	margin-top: 16px !important;
	text-align: right !important;
}

.mo2f-setup-popup-dashboard {
	left: 50% !important;
	margin: 0 !important;
	max-height: calc(100vh - 48px) !important;
	max-width: min(880px, calc(100vw - 48px)) !important;
	overflow: visible !important;
	position: fixed !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: min(82vw, 880px) !important;
	z-index: 100000 !important;
}

.mo2f-setup-popup-dashboard .mo_customer_validation-modal-content,
.mo2f_setup_popup_dashboard .mo_customer_validation-modal-content,
.mo2f_kba_setup_popup_dashboard .mo_customer_validation-modal-content {
	max-height: calc(100vh - 48px) !important;
	overflow-x: hidden !important;
	overflow-y: visible !important;
	width: 100% !important;
}

.mo2f-setup-popup-dashboard .mo_customer_validation-modal-content {
	padding: 26px 30px !important;
}

.mo2f-setup-popup-dashboard .mo2f_modal-body,
.mo2f_setup_popup_dashboard .mo2f_modal-body,
.mo2f_kba_setup_popup_dashboard .mo2f_modal-body {
	max-height: none !important;
	overflow: visible !important;
	padding: 16px 0 0 !important;
	width: 100% !important;
}

.mo2f-setup-popup-dashboard .mo2f_login_form_border_otp {
	margin-bottom: 0 !important;
	overflow: visible !important;
	padding: 24px 28px !important;
	width: 100% !important;
}

.mo2f-setup-popup-dashboard form,
.mo2f-setup-popup-dashboard .mo2f_row {
	max-width: 100%;
	overflow: visible;
}

.mo2f-setup-popup-dashboard #mo2f_inline_verifyphone_form > br,
.mo2f-setup-popup-dashboard #mo2f_validateotp_form > br {
	display: none;
}

.mo2f-setup-popup-dashboard #mo2f-otpMessage {
	margin-bottom: 24px !important;
	padding: 12px 14px !important;
}

.mo2f-setup-popup-dashboard .mo2f_phone_field_label {
	display: block;
	font-weight: 600;
	margin: 0 0 10px;
}

.mo2f-setup-popup-dashboard #mo2f_inline_verifyphone_form .mo2f_phone_field_label {
	margin-top: 0;
}

.mo2f-setup-popup-dashboard #mo2f_validateotp_form .mo2f_phone_field_label {
	margin-top: 18px;
}

.mo2f-setup-popup-dashboard .intl-number-input {
	display: inline-block !important;
	max-width: 100% !important;
	position: relative !important;
	width: min(100%, 320px) !important;
}

.mo2f-setup-popup-dashboard .intl-number-input .flag-dropdown {
	height: 38px !important;
	left: 0 !important;
	position: absolute !important;
	top: 0 !important;
	z-index: 2;
}

.mo2f-setup-popup-dashboard .intl-number-input .flag-dropdown .selected-flag {
	align-items: center;
	display: flex;
	height: 38px;
	margin: 0 !important;
	padding: 0 22px 0 10px !important;
}

.mo2f-setup-popup-dashboard .intl-number-input .flag-dropdown .selected-flag .flag {
	position: relative;
}

.mo2f-setup-popup-dashboard .intl-number-input .flag-dropdown .selected-flag .down-arrow {
	left: 22px !important;
	position: absolute !important;
	top: 6px !important;
}

.mo2f-setup-popup-dashboard .intl-number-input input.mo2f_phone_field,
.mo2f-setup-popup-dashboard input#mo2f_phone_field.mo2f_phone_field {
	min-width: 0 !important;
	padding-left: 56px !important;
	width: 100% !important;
}

.mo2f-setup-popup-dashboard .mo2f_enter_otp_field {
	display: inline-block !important;
	margin: 0 10px 14px 0 !important;
	vertical-align: middle;
	width: min(100%, 140px) !important;
}

.mo2f-setup-popup-dashboard .mo2f_resend_link {
	display: inline-block !important;
	margin: 0 0 14px !important;
	vertical-align: middle;
}

.mo2f-setup-popup-dashboard .mo2f-save-settings-button {
	display: block !important;
	margin-top: 16px !important;
}

.mo2f-setup-popup-dashboard:has(#mo2f_validateotp_form:not([style*="display:none"]):not([style*="display: none"])) #verify {
	display: none !important;
}

.mo2f-setup-popup-dashboard #mo2f_validateotp_form .mo2f-save-settings-button {
	margin-top: 0 !important;
}

.mo2f-setup-popup-dashboard .intl-number-input .country-list {
	max-width: calc(100vw - 80px);
	z-index: 100002 !important;
}

@media screen and (max-width: 760px), (max-height: 620px) {
	.mo2f-setup-popup-dashboard {
		max-height: calc(100vh - 20px) !important;
		max-width: calc(100vw - 20px) !important;
		width: calc(100vw - 20px) !important;
	}

	.mo2f-setup-popup-dashboard .mo_customer_validation-modal-content,
	.mo2f_setup_popup_dashboard .mo_customer_validation-modal-content,
	.mo2f_kba_setup_popup_dashboard .mo_customer_validation-modal-content {
		max-height: calc(100vh - 20px) !important;
		overflow-y: auto !important;
	}
}

.mo2f_modal .mo_customer_validation-modal-dialog,
.mo2f_modal1 .mo_customer_validation-modal-dialog {
	width: min(92vw, 720px) !important;
}

.mo2f_modal .mo_customer_validation-modal-content,
.mo2f_modal1 .mo_customer_validation-modal-content,
.mo2f-setup-popup-dashboard .mo_customer_validation-modal-content,
.mo2f_setup_popup_dashboard .mo_customer_validation-modal-content,
.mo2f_kba_setup_popup_dashboard .mo_customer_validation-modal-content {
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.08) !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
	font-size: 14px;
	line-height: 1.5;
	padding: clamp(24px, 3vw, 36px) !important;
}

.mo2f_kba_setup_popup_dashboard {
	max-width: calc(100vw - 24px) !important;
	width: min(92vw, 980px) !important;
}

.mo_customer_validation-modal-content > .mo2f_modal-header {
	align-items: center;
	border-bottom: 1px solid var(--mo2f-wp-border-soft) !important;
	display: flex;
	min-height: 0 !important;
	padding: 0 44px 14px 0 !important;
}

.mo_customer_validation-modal-content .mo2f_modal-title {
	color: var(--mo2f-wp-text);
	font: 600 20px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
	letter-spacing: 0;
}

.mo_customer_validation-modal-content .mo2f_close {
	background: #f6f7f7 !important;
	border-radius: 999px;
	color: var(--mo2f-wp-muted) !important;
	font-size: 24px !important;
	font-weight: 700;
	height: 34px;
	opacity: 1 !important;
	right: 0;
	text-shadow: none !important;
	top: -5px;
	transition: background-color 0.15s ease, color 0.15s ease;
	width: 34px;
}

.mo_customer_validation-modal-content .mo2f_close:hover,
.mo_customer_validation-modal-content .mo2f_close:focus {
	background: #fff !important;
	box-shadow: 0 0 0 1px var(--mo2f-wp-accent) !important;
	color: var(--mo2f-wp-accent-hover) !important;
	outline: none;
}

.mo_customer_validation-modal-content .mo2f_modal-body {
	padding-bottom: 0 !important;
	padding-top: 18px !important;
}

.mo2f_modal1 .mo_customer_validation-modal-content {
	max-height: calc(100vh - 48px) !important;
}

.mo2f_modal1 .mo2f_modal-dialog,
.mo2f_modal1 .mo2f_modal-lg,
.mo2f_modal1 .mo_customer_validation-modal-dialog {
	width: min(88vw, 760px) !important;
}

.mo2f_modal1 .mo_customer_validation-modal-content {
	padding: 28px 34px !important;
}

.mo2f_modal1 #mo2f-otpMessage {
	margin: 0 0 18px !important;
	padding: 13px 16px !important;
}

.mo2f_modal1 .mo2f_modal-body > .mo2f_middle_text {
	display: inline-block;
	margin: 0 0 14px !important;
}

.mo2f_modal1 .mo2f-login-container {
	margin: 0 !important;
	width: 100% !important;
}

.mo2f_modal1 .mo2f_login_form_border {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0 !important;
	padding: 22px 28px !important;
}

.mo2f_modal1 .mo2f_login_form_border > br,
.mo2f_modal1 .mo2fa_text-align-center > br,
.mo2f_modal1 .mo2f-otp-catchy-box + br {
	display: none !important;
}

.mo2f_modal1 .mo2f_otp_token {
	width: min(100%, 280px) !important;
}

.mo2f_modal1 .mo2f_width_30,
.mo2f_modal1 #mo2f_validate,
.mo2f_modal1 #mo2f_catchy_validate {
	margin: 0 !important;
	min-width: 220px;
	width: min(100%, 280px) !important;
}

.mo2f_modal1 .mo2f_resend_link,
.mo2f_modal1 a[href="#resend"] {
	margin: 0 !important;
}

.mo2f_modal1 .mo2f_text_decoration {
	display: block;
	max-width: 100%;
	text-decoration: none !important;
	width: min(100%, 460px);
}

.mo2f_modal1 .mo2f_footer_text {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	display: inline-block !important;
	line-height: 1.4 !important;
	margin: 2px 0 0 !important;
	padding: 0 !important;
	text-align: center !important;
}

.mo2f_modal1 .mo2f_text_decoration:hover .mo2f_footer_text,
.mo2f_modal1 .mo2f_text_decoration:focus .mo2f_footer_text {
	color: var(--mo2f-wp-accent-hover) !important;
	text-decoration: underline !important;
}

.mo2f_modal1 .mo2f_customize_logo,
.mo2f_modal1 .mo2f_powered_by_div,
.mo2f_modal1 .mo2f-powerby-logo {
	margin-top: 14px !important;
	text-align: right !important;
	width: 100% !important;
}

.mo2f_login_form_border_inline_popup,
.mo2f_login_form_border,
.mo2f_login_form_border_otp,
.mo2f_kba_configure_form {
	background: #fff !important;
	border: 1px solid var(--mo2f-wp-border-soft) !important;
	border-radius: 8px !important;
	margin: 0 0 18px !important;
	padding: clamp(18px, 3vw, 26px) !important;
}

.mo2f_login_form_border_inline_popup {
	padding: clamp(14px, 2.2vw, 22px) !important;
}

.mo2f_login_form_border_inline_popup > br {
	display: none;
}

.mo2f_login_form_border_inline_popup .mo2f_td_show {
	display: block !important;
	margin: 0 0 8px !important;
}

.mo2f_login_form_border_inline_popup .mo2f_td_show label {
	align-items: flex-start;
	border: 1px solid var(--mo2f-wp-border-soft);
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	gap: 12px;
	line-height: 1.35;
	padding: 11px 14px;
	transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
	width: 100%;
}

.mo2f_login_form_border_inline_popup .mo2f_td_show label:hover,
.mo2f_login_form_border_inline_popup .mo2f_td_show label:focus-within {
	background: var(--mo2f-wp-accent-soft);
	border-color: var(--mo2f-wp-accent);
	box-shadow: 0 0 0 1px var(--mo2f-wp-accent);
}

.mo2f_login_form_border_inline_popup .mo2f_td_show label:has(input:checked) {
	background: var(--mo2f-wp-accent-soft);
	border-color: var(--mo2f-wp-accent);
}

.mo2f_login_form_border_inline_popup input[type="radio"] {
	flex: 0 0 auto;
	margin: 2px 0 0 !important;
}

.mo2f_login_form_border_inline_popup label br {
	display: none;
}

#mo2f-otpMessage {
	background: #f6f7f7 !important;
	border: 1px solid var(--mo2f-wp-border-soft);
	border-radius: 4px !important;
	color: var(--mo2f-wp-text);
	margin-bottom: 18px !important;
	padding: 14px 16px !important;
	text-align: center;
}

#mo2f-otpMessage p {
	margin: 0 !important;
}

.mo_customer_validation-modal-content .mo2f-save-settings-button,
.mo_customer_validation-modal-content .miniorange_otp_token_submit,
.mo_customer_validation-modal-content .miniorange_kba_validate,
.mo_customer_validation-modal-content .miniorange_validate_otp,
.mo_customer_validation-modal-content .miniorange_button {
	background: var(--mo2f-wp-accent) !important;
	border: 1px solid var(--mo2f-wp-accent) !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	color: #fff !important;
	cursor: pointer;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	min-height: 38px;
	padding: 0 18px !important;
	transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.mo_customer_validation-modal-content .mo2f-save-settings-button:hover,
.mo_customer_validation-modal-content .mo2f-save-settings-button:focus,
.mo_customer_validation-modal-content .miniorange_otp_token_submit:hover,
.mo_customer_validation-modal-content .miniorange_otp_token_submit:focus,
.mo_customer_validation-modal-content .miniorange_kba_validate:hover,
.mo_customer_validation-modal-content .miniorange_kba_validate:focus,
.mo_customer_validation-modal-content .miniorange_validate_otp:hover,
.mo_customer_validation-modal-content .miniorange_validate_otp:focus,
.mo_customer_validation-modal-content .miniorange_button:hover,
.mo_customer_validation-modal-content .miniorange_button:focus {
	background: var(--mo2f-wp-accent-hover) !important;
	border-color: var(--mo2f-wp-accent-hover) !important;
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--mo2f-wp-accent) !important;
}

.mo_customer_validation-modal-content .mo2f-save-settings-button:disabled {
	background: #a7aaad !important;
	border-color: #a7aaad !important;
	box-shadow: none !important;
	cursor: not-allowed;
}

.mo2f-otp-catchy {
	background: #fff !important;
	border: 1px solid var(--mo2f-wp-border) !important;
	border-radius: 4px !important;
	color: var(--mo2f-wp-text);
	font-size: 20px !important;
	font-weight: 600;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.mo2f-otp-catchy:focus {
	border-color: var(--mo2f-wp-accent) !important;
	box-shadow: 0 0 0 1px var(--mo2f-wp-accent) !important;
	outline: none !important;
}

.mo2f-otp-catchy:not(:placeholder-shown) {
	border-color: var(--mo2f-wp-muted) !important;
	background: #fff !important;
}

.mo2f_text_decoration {
	align-items: center;
	background: var(--mo2f-wp-accent-soft);
	border: 1px solid transparent;
	border-radius: 6px;
	display: flex;
	gap: 6px;
	justify-content: center;
	margin-top: 8px;
	padding: 8px 12px;
	transition: border-color 0.15s ease, transform 0.15s ease;
}

.mo2f_text_decoration:hover,
.mo2f_text_decoration:focus {
	border-color: var(--mo2f-wp-accent);
	transform: translateY(-1px);
}

.mo2f_resend_link,
.mo2f_footer_text {
	color: var(--mo2f-wp-accent) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

.mo2f_resend_link:hover,
.mo2f_footer_text:hover {
	text-decoration: none !important;
}

.mo2f_text_decoration:hover .mo2f_footer_text,
.mo2f_text_decoration:hover .mo2f_resend_link {
	color: var(--mo2f-wp-accent-hover) !important;
}

.mo_customer_validation-modal-content .mo2f_customize_logo,
.mo2f_powered_by_div {
	background: transparent !important;
	margin-top: 18px !important;
	padding: 0 !important;
	text-align: right !important;
	width: 100% !important;
}

.mo2f_kba_configure_form {
	overflow-x: auto;
}

.mo2f_kba_header,
.mo2f_kba_header_background {
	color: var(--mo2f-wp-text);
	font-size: 16px !important;
	margin-bottom: 12px;
	padding: 0 0 12px !important;
}

#mo2f_configure_kba,
.mo2f_kba_table {
	border-collapse: separate !important;
	border-spacing: 0 10px !important;
	table-layout: fixed !important;
	width: 100% !important;
}

#mo2f_configure_kba th:first-child,
#mo2f_configure_kba td:first-child {
	text-align: center !important;
	width: 86px !important;
}

#mo2f_configure_kba th:nth-child(2),
#mo2f_configure_kba td:nth-child(2) {
	width: 58% !important;
}

#mo2f_configure_kba th:nth-child(3),
#mo2f_configure_kba td:nth-child(3) {
	width: 28% !important;
}

#mo2f_configure_kba th,
#mo2f_configure_kba td,
.mo2f_kba_body td {
	padding: 6px 8px !important;
	vertical-align: middle !important;
}

.mo2f_kba_ques,
.mo2f_table_textbox,
.mo2f_table_textbox_1,
.mo2f_kba_input_fields,
.mo2f_phone_field,
.mo2f_enter_otp_field,
.mo2f_otp_token {
	background: #fff !important;
	border: 1px solid var(--mo2f-wp-border) !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	color: var(--mo2f-wp-text) !important;
	font-size: 14px !important;
	min-height: 38px !important;
	padding: 8px 12px !important;
}

.mo2f_kba_ques:focus,
.mo2f_table_textbox:focus,
.mo2f_table_textbox_1:focus,
.mo2f_kba_input_fields:focus,
.mo2f_phone_field:focus,
.mo2f_enter_otp_field:focus,
.mo2f_otp_token:focus {
	border-color: var(--mo2f-wp-accent) !important;
	box-shadow: 0 0 0 1px var(--mo2f-wp-accent) !important;
	outline: none !important;
}

.mo2f_table_textbox,
.mo2f_table_textbox_1,
.mo2f_kba_input_fields {
	width: 100% !important;
}

#mo2f_save_kba,
#mo2f_validate {
	margin-bottom: 0 !important;
	min-width: 164px;
}

.mo2f_login_form_border_otp .mo2f-digit-group,
.mo2f_login_form_border_otp .mo2f-otp-catchy-box {
	margin: 16px 0 22px !important;
}

@media screen and (max-width: 760px) {
	.mo_customer_validation-modal-content .mo2f_modal-title {
		font-size: 19px !important;
	}

	.mo2f_login_form_border_inline_popup .mo2f_td_show label {
		padding: 11px 12px;
	}

	#mo2f_configure_kba,
	#mo2f_configure_kba tbody,
	#mo2f_configure_kba tr,
	#mo2f_configure_kba th,
	#mo2f_configure_kba td {
		display: block !important;
		width: 100% !important;
	}

	#mo2f_configure_kba thead {
		display: none !important;
	}

	#mo2f_configure_kba tr {
		border-bottom: 1px solid var(--mo2f-wp-border-soft);
		margin-bottom: 12px;
		padding-bottom: 12px;
	}

	.mo2f_kba_ques,
	.mo2f_table_textbox,
	.mo2f_table_textbox_1,
	.mo2f_kba_input_fields {
		width: 100% !important;
	}
}

/* Final login-flow OTP compact layout. Keep after shared popup rules. */
.mo2f_modal1 .mo_customer_validation-modal-dialog,
.mo2f_modal1 .mo2f_modal-dialog,
.mo2f_modal1 .mo2f_modal-lg {
	width: min(86vw, 760px) !important;
}

.mo2f_modal1 .mo_customer_validation-modal-content {
	padding: 26px 34px !important;
}

.mo2f_modal1 .mo2f_modal-body {
	padding-top: 16px !important;
	text-align: center !important;
}

.mo2f_modal1 #mo2f-otpMessage {
	margin: 0 0 12px !important;
	padding: 12px 14px !important;
}

.mo2f_modal1 .mo2f_attempts_row {
	align-items: center !important;
	display: flex !important;
	justify-content: center !important;
	margin: 0 0 12px !important;
	text-align: center !important;
	width: 100% !important;
}

.mo2f_modal1 .mo2f_modal-body > .mo2f_middle_text {
	display: inline !important;
	margin: 0 !important;
	text-align: center !important;
}

.mo2f_modal1 .mo2f_modal-body > .mo2f_middle_text:first-of-type {
	margin-left: auto !important;
}

.mo2f_modal1 #mo2f_attempt_span {
	margin-right: auto !important;
}

.mo2f_modal1 #mo2f_attempt_span::after {
	content: "";
	display: block;
	margin-bottom: 0;
}

.mo2f_modal1 .mo2f_login_form_border {
	align-items: center !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 7px !important;
	margin: 0 !important;
	padding: 14px 24px !important;
	text-align: center !important;
}

.mo2f_modal1 .mo2f_login_form_border > br,
.mo2f_modal1 .mo2fa_text-align-center > br,
.mo2f_modal1 .mo2f-otp-catchy-box + br {
	display: none !important;
}

.mo2f_modal1 .mo2f_otp_token {
	min-height: 42px !important;
	width: min(100%, 280px) !important;
}

.mo2f_modal1 #mo2f_validate,
.mo2f_modal1 #mo2f_catchy_validate,
.mo2f_modal1 .mo2f_width_30 {
	margin: 0 !important;
	min-width: 220px !important;
	width: min(100%, 280px) !important;
}

.mo2f_modal1 .mo2f_login_help_actions {
	background: #f6f7f7 !important;
	border: 1px solid var(--mo2f-wp-border-soft) !important;
	border-radius: 4px !important;
	box-sizing: border-box !important;
	margin: 4px auto 0 !important;
	overflow: hidden !important;
	width: min(100%, 560px) !important;
}

.mo2f_modal1 .mo2f_login_help_actions > div {
	border-bottom: 1px solid var(--mo2f-wp-border-soft) !important;
	margin: 0 !important;
}

.mo2f_modal1 .mo2f_login_help_actions > div:last-child {
	border-bottom: 0 !important;
}

.mo2f_modal1 .mo2f_text_decoration {
	background: transparent !important;
	border: 0 !important;
	border-bottom: 0 !important;
	border-radius: 0 !important;
	box-sizing: border-box !important;
	color: var(--mo2f-wp-muted) !important;
	display: block !important;
	margin: 0 !important;
	padding: 9px 12px !important;
	text-decoration: none !important;
	width: 100% !important;
}

.mo2f_modal1 .mo2f_footer_text {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	display: block !important;
	line-height: 1.35 !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
}

.mo2f_modal1 .mo2f_text_decoration:hover .mo2f_footer_text,
.mo2f_modal1 .mo2f_text_decoration:focus .mo2f_footer_text {
	color: var(--mo2f-wp-accent-hover) !important;
	text-decoration: underline !important;
}

.mo2f_modal1 .mo2f_customize_logo,
.mo2f_modal1 .mo2f_powered_by_div,
.mo2f_modal1 .mo2f-powerby-logo {
	margin-top: 10px !important;
	text-align: right !important;
	width: 100% !important;
}

/* Login OTP/SMS live markup overrides. Keep last: this markup contains loose spans and links. */
.mo2f_modal1 .mo2f_modal-body.center {
	text-align: center !important;
}

.mo2f_modal1 .mo2f_modal-body.center > .mo2f_middle_text {
	display: inline-block !important;
	float: none !important;
	margin: 0 !important;
	text-align: center !important;
	vertical-align: baseline !important;
}

.mo2f_modal1 .mo2f_modal-body.center > .mo2f_middle_text:first-of-type {
	margin-left: 0 !important;
}

.mo2f_modal1 .mo2f_modal-body.center > #mo2f_attempt_span {
	margin-right: 0 !important;
}

.mo2f_modal1 .mo2f-login-container > .mo2f_text_decoration {
	background: #f6f7f7 !important;
	border: 1px solid var(--mo2f-wp-border-soft) !important;
	box-sizing: border-box !important;
	color: var(--mo2f-wp-muted) !important;
	display: block !important;
	margin: 0 auto !important;
	padding: 9px 12px !important;
	text-align: center !important;
	text-decoration: none !important;
	width: min(100%, 560px) !important;
}

.mo2f_modal1 .mo2f-login-container > .mo2f_text_decoration:first-of-type {
	border-radius: 4px 4px 0 0 !important;
}

.mo2f_modal1 .mo2f-login-container > .mo2f_text_decoration + .mo2f_text_decoration {
	border-radius: 0 0 4px 4px !important;
	border-top: 0 !important;
}

.mo2f_modal1 .mo2f-login-container > .mo2f_text_decoration .mo2f_footer_text {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	display: block !important;
	line-height: 1.35 !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
}

/* Login OTP/SMS can render in the dashboard shell on wp-login.php. */
.mo2f_setup_popup_dashboard .mo2f_modal-body.center {
	text-align: center !important;
}

.mo2f_setup_popup_dashboard .mo2f_attempts_row {
	align-items: center !important;
	display: flex !important;
	justify-content: center !important;
	margin: 0 0 10px !important;
	text-align: center !important;
	width: 100% !important;
}

.mo2f_setup_popup_dashboard .mo2f_attempts_row .mo2f_middle_text {
	display: inline-block !important;
	float: none !important;
	margin: 0 !important;
	text-align: center !important;
}

.mo2f_setup_popup_dashboard #mo2f_submitotp_loginform.mo2f_login_form_border {
	gap: 6px !important;
}

.mo2f_setup_popup_dashboard #mo2f_validate {
	margin-top: 2px !important;
}

.mo2f_setup_popup_dashboard .mo2f_login_help_actions {
	background: #f6f7f7 !important;
	border: 1px solid var(--mo2f-wp-border-soft) !important;
	border-radius: 4px !important;
	box-sizing: border-box !important;
	margin: 18px auto 0 !important;
	overflow: hidden !important;
	width: min(100%, 560px) !important;
}

.mo2f_setup_popup_dashboard .mo2f_login_help_actions > div {
	border-bottom: 1px solid var(--mo2f-wp-border-soft) !important;
	margin: 0 !important;
}

.mo2f_setup_popup_dashboard .mo2f_login_help_actions > div:last-child {
	border-bottom: 0 !important;
}

.mo2f_setup_popup_dashboard .mo2f-login-container > .mo2f_text_decoration,
.mo2f_setup_popup_dashboard .mo2f_login_help_actions > div > .mo2f_text_decoration {
	background: transparent !important;
	border: 0 !important;
	box-sizing: border-box !important;
	color: var(--mo2f-wp-muted) !important;
	display: block !important;
	margin: 0 auto !important;
	padding: 9px 12px !important;
	text-align: center !important;
	text-decoration: none !important;
	width: min(100%, 560px) !important;
}

.mo2f_setup_popup_dashboard .mo2f-login-container > form + .mo2f_text_decoration {
	margin-top: 18px !important;
}

.mo2f_setup_popup_dashboard .mo2f-login-container > .mo2f_text_decoration {
	background: #f6f7f7 !important;
	border: 1px solid var(--mo2f-wp-border-soft) !important;
}

.mo2f_setup_popup_dashboard .mo2f-login-container > .mo2f_text_decoration:first-of-type,
.mo2f_setup_popup_dashboard .mo2f_login_help_actions > div:first-child > .mo2f_text_decoration {
	border-radius: 4px 4px 0 0 !important;
}

.mo2f_setup_popup_dashboard .mo2f-login-container > .mo2f_text_decoration + .mo2f_text_decoration,
.mo2f_setup_popup_dashboard .mo2f_login_help_actions > div + div > .mo2f_text_decoration {
	border-radius: 0 0 4px 4px !important;
	border-top: 0 !important;
}

.mo2f_setup_popup_dashboard .mo2f-login-container > .mo2f_text_decoration .mo2f_footer_text,
.mo2f_setup_popup_dashboard .mo2f_login_help_actions .mo2f_footer_text {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	display: block !important;
	line-height: 1.35 !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
}

/* Compact admin login OTP/email variant so the popup does not scroll on desktop. */
.mo2f_setup_popup_dashboard .mo_customer_validation-modal-content {
	max-height: calc(100vh - 36px) !important;
	overflow-y: auto !important;
	padding: 22px 34px !important;
}

.mo2f_setup_popup_dashboard .mo2f_modal-body {
	padding-top: 14px !important;
}

.mo2f_setup_popup_dashboard #mo2f-otpMessage {
	margin-bottom: 10px !important;
	padding: 10px 14px !important;
}

.mo2f_setup_popup_dashboard .mo2f_attempts_row {
	margin-bottom: 8px !important;
}

.mo2f_setup_popup_dashboard .mo2f-login-container {
	padding: 16px 24px !important;
}

.mo2f_setup_popup_dashboard #mo2f_submitotp_loginform.mo2f_login_form_border {
	gap: 5px !important;
}

.mo2f_setup_popup_dashboard .mo2f-digit-group,
.mo2f_setup_popup_dashboard .mo2f-otp-catchy-box {
	gap: 8px !important;
	margin: 0 !important;
}

.mo2f_setup_popup_dashboard .mo2f-otp-catchy {
	font-size: 17px !important;
	height: 44px !important;
	width: 44px !important;
}

.mo2f_setup_popup_dashboard .mo2f_resend_link,
.mo2f_setup_popup_dashboard a[href="#resend"] {
	margin: 2px 0 4px !important;
}

.mo2f_setup_popup_dashboard #mo2f_validate,
.mo2f_setup_popup_dashboard #mo2f_catchy_validate {
	min-height: 38px !important;
}

.mo2f_setup_popup_dashboard .mo2f_login_help_actions {
	background: #f8fafc !important;
	border: 1px solid #dcdcde !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	margin-top: 20px !important;
	overflow: visible !important;
	padding: 10px 14px 12px !important;
	width: min(100%, 500px) !important;
}

.mo2f_setup_popup_dashboard .mo2f_login_help_actions__label {
	color: #646970;
	display: block;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	margin: 0 0 6px;
	text-align: center;
	text-transform: none;
}

.mo2f_setup_popup_dashboard .mo2f_login_help_actions > div {
	border-bottom: 0 !important;
	display: block !important;
	margin: 0 !important;
	text-align: center !important;
}

.mo2f_setup_popup_dashboard .mo2f_login_help_actions > div + div {
	margin-top: 5px !important;
}

.mo2f_setup_popup_dashboard .mo2f_login_help_actions > div > .mo2f_text_decoration {
	background: transparent !important;
	color: #2271b1 !important;
	display: inline-flex !important;
	justify-content: center !important;
	padding: 2px 4px !important;
	width: auto !important;
}

.mo2f_setup_popup_dashboard .mo2f_login_help_actions > div > .mo2f_text_decoration:hover,
.mo2f_setup_popup_dashboard .mo2f_login_help_actions > div > .mo2f_text_decoration:focus {
	background: transparent !important;
	color: #135e96 !important;
	outline: none !important;
	text-decoration: underline !important;
	text-underline-offset: 2px !important;
}

.mo2f_setup_popup_dashboard .mo2f_login_help_actions .mo2f_footer_text {
	align-items: center !important;
	display: inline-flex !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	gap: 5px !important;
	justify-content: center !important;
	line-height: 1.35 !important;
	text-align: center !important;
}

.mo2f_setup_popup_dashboard .mo2f-login-container--passive {
	background: transparent !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.mo2f_setup_popup_dashboard .mo2f-login-container--passive #mo2f_submitotp_loginform {
	display: none !important;
}

.mo2f_setup_popup_dashboard .mo2f-login-container--passive .mo2f_login_help_actions {
	margin-top: 14px !important;
}

.mo2f_setup_popup_dashboard .mo2f-gauth-link-icon {
	color: currentColor;
	flex: 0 0 auto;
	height: 0.78em;
	margin-left: 2px;
	vertical-align: -0.1em;
	width: 0.78em;
}

.mo2f_setup_popup_dashboard .mo2f_login_help_actions .mo2f_text_decoration:hover .mo2f-gauth-link-icon,
.mo2f_setup_popup_dashboard .mo2f_login_help_actions .mo2f_text_decoration:focus .mo2f-gauth-link-icon {
	color: #2271b1;
}

.mo2f_setup_popup_dashboard .text-with-arrow-left {
	margin-top: 8px !important;
}

.mo2f_setup_popup_dashboard .mo2f-powerby-logo {
	margin-top: 8px !important;
}

body.login .mo2f_setup_popup_dashboard {
	top: calc(50% + 4px) !important;
}

@media screen and (max-height: 760px), screen and (max-width: 760px) {
	.mo2f_setup_popup_dashboard {
		bottom: 12px !important;
		left: 50% !important;
		max-height: calc(100vh - 24px) !important;
		max-width: min(760px, calc(100vw - 24px)) !important;
		top: 50px !important;
		transform: translateX(-50%) !important;
		width: min(88vw, 760px) !important;
	}

	body.login .mo2f_setup_popup_dashboard {
		top: 50px !important;
	}

	.mo2f_setup_popup_dashboard .mo_customer_validation-modal-content {
		max-height: calc(100vh - 24px) !important;
		overflow-y: auto !important;
		padding: 18px 22px !important;
	}

	.mo2f_setup_popup_dashboard .mo2f_modal-body {
		padding-top: 10px !important;
	}

	.mo2f_setup_popup_dashboard #mo2f-otpMessage {
		margin-bottom: 8px !important;
		padding: 9px 12px !important;
	}

	.mo2f_setup_popup_dashboard .mo2f-login-container {
		padding: 12px 16px !important;
	}

	.mo2f_setup_popup_dashboard .mo2f-otp-catchy {
		height: 38px !important;
		width: 38px !important;
	}

	.mo2f_setup_popup_dashboard .mo2f-digit-group,
	.mo2f_setup_popup_dashboard .mo2f-otp-catchy-box {
		gap: 6px !important;
	}

	.mo2f_setup_popup_dashboard .mo2f_login_help_actions {
		margin-top: 12px !important;
	}
}
