.dexauth-hero,
.dexauth-field-icon,
.dexauth-switch,
.dexauth-rules,
.dexauth-ref-icon,
.dexauth-ref-chevron,
.dexauth-consent,
.dexauth-modal {
	display: none;
}

@media (max-width: 767px) {

	body:has(.dexauth-pane.active) {
		--dexauth-blue: #2563EB;
		--dexauth-navy: #0F172A;
		--dexauth-navy-mid: #1E3A8A;
		--dexauth-text: #0F172A;
		--dexauth-label: #334155;
		--dexauth-muted: #94A3B8;
		--dexauth-border: #E2E8F0;
		--dexauth-page: #F8FAFC;
		--dexauth-input: #fff;
		--dexauth-chip: #EEF2F6;
		--dexauth-chip-text: #475569;
		--dexauth-green: #10B981;
		--dexauth-green-soft: #ECFDF5;
		--dexauth-red: #EF4444;
		background: var(--dexauth-page) !important;
		font-family: 'Plus Jakarta Sans', sans-serif;
	}
	body.darkmode-page:has(.dexauth-pane.active) {
		--dexauth-text: #F1F5F9;
		--dexauth-label: #CBD5E1;
		--dexauth-muted: #64748B;
		--dexauth-border: rgba(255, 255, 255, .08);
		--dexauth-page: #0F172A;
		--dexauth-input: #1E293B;
		--dexauth-chip: #1E293B;
		--dexauth-chip-text: #94A3B8;
		--dexauth-green-soft: rgba(16, 185, 129, .14);
	}

	body:has(.dexauth-pane.active) .register.register-with-news-feed .news-feed,
	body:has(.dexauth-pane.active) .right-content > .text-right,
	body:has(.dexauth-pane.active) .right-content > .text-center,
	body:has(.dexauth-pane.active) #page_container > .register-content > .text-center,
	body:has(.dexauth-pane.active) .nopaddingtabs {
		display: none !important;
	}

	body:has(.dexauth-pane.active) .register.register-with-news-feed,
	body:has(.dexauth-pane.active) .register.register-with-news-feed .right-content,
	body:has(.dexauth-pane.active) #page_container,
	body:has(.dexauth-pane.active) #page_container > .register-content,
	body:has(.dexauth-pane.active) #page_container .tab-content {
		float: none;
		width: auto;
		min-height: 0;
		margin: 0;
		padding: 0;
		border: 0;
		background: transparent !important;
	}

	/* The pane fills the viewport so the bottom prompt sits at the bottom
	   without position:fixed, which iOS lifts over the keyboard. */
	.dexauth-pane.active {
		display: flex;
		flex-direction: column;
		min-height: 100vh;
		min-height: 100dvh;
	}

	.dexauth-pane .dexauth-hero {
		display: flex;
		position: relative;
		flex-direction: column;
		align-items: center;
		padding: calc(56px + env(safe-area-inset-top, 0px)) 16px 28px;
		background: linear-gradient(180deg, var(--dexauth-navy) 0%, var(--dexauth-navy-mid) 45%, var(--dexauth-blue) 100%);
		color: #fff;
		text-align: center;
	}
	.dexauth-pane .dexauth-hero--compact {
		flex-direction: row;
		gap: 12px;
		padding: calc(14px + env(safe-area-inset-top, 0px)) 16px 18px;
		text-align: left;
	}
	.dexauth-pane .dexauth-back {
		display: flex;
		position: absolute;
		top: calc(12px + env(safe-area-inset-top, 0px));
		left: 16px;
		flex: 0 0 auto;
		align-items: center;
		justify-content: center;
		width: 36px;
		height: 36px;
		border-radius: 10px;
		background: rgba(255, 255, 255, .12);
		color: #fff;
	}
	.dexauth-pane .dexauth-hero--compact .dexauth-back {
		position: static;
	}
	.dexauth-pane .dexauth-hero-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 52px;
		height: 52px;
		margin-bottom: 12px;
		border-radius: 16px;
		background: rgba(255, 255, 255, .14);
		color: #fff;
	}
	.dexauth-pane .dexauth-hero-title {
		margin: 0;
		color: #fff;
		font-size: 20px;
		font-weight: 700 !important;
		line-height: 1.3;
	}
	.dexauth-pane .dexauth-hero--compact .dexauth-hero-title {
		font-size: 18px;
	}
	.dexauth-pane .dexauth-hero-sub {
		margin: 4px 0 0;
		color: rgba(255, 255, 255, .7);
		font-size: 13px;
		font-weight: 400;
	}

	.dexauth-pane .register-content {
		width: auto;
		margin: 0;
		padding: 20px 16px 16px !important;
		background: transparent !important;
	}

	.dexauth-pane .dexauth-form {
		display: flex;
		flex-direction: column;
	}
	.dexauth-pane .dexauth-form > br,
	.dexauth-pane .dexauth-form > .has-feedback {
		display: none;
	}
	.dexauth-pane .dexauth-form .form-group {
		display: block;
		margin: 0 0 14px !important;
	}
	.dexauth-pane .dexauth-form .form-group > label {
		display: inline-block;
		margin-bottom: 6px;
		color: var(--dexauth-label) !important;
		font-size: 13px;
		font-weight: 600;
	}
	.dexauth-pane .dexauth-form .form-group > label::after {
		content: '*';
		margin-left: 2px;
		color: var(--dexauth-red);
	}

	.dexauth-pane .dexauth-form .input-icons {
		position: relative;
		margin: 0;
		background: transparent !important;
	}
	.dexauth-pane .dexauth-field-icon {
		display: flex;
		position: absolute;
		top: 0;
		left: 14px;
		z-index: 2;
		align-items: center;
		height: 48px;
		color: var(--dexauth-muted);
		pointer-events: none;
	}
	.dexauth-pane .dexauth-form .input-field {
		height: 48px;
		padding: 0 44px;
		border: 1px solid var(--dexauth-border) !important;
		border-radius: 12px;
		background: var(--dexauth-input) !important;
		color: var(--dexauth-text) !important;
		font-size: 14px;
		font-weight: 500;
		box-shadow: none;
		-webkit-appearance: none;
	}
	.dexauth-pane .dexauth-form .input-field::placeholder {
		color: var(--dexauth-muted);
		font-weight: 400;
	}
	.dexauth-pane .dexauth-form .input-field:focus {
		border-color: var(--dexauth-blue) !important;
		outline: 0;
		box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
	}
	.dexauth-pane .dexauth-form .input-field.parsley-error {
		border-color: var(--dexauth-red) !important;
	}
	.dexauth-pane .dexauth-form .input-icons .icon {
		top: 0;
		right: 4px;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 48px;
		padding: 0;
		color: var(--dexauth-muted);
		font-size: 16px !important;
		cursor: pointer;
	}
	.dexauth-pane .dexauth-form .input-icons .icon.hide {
		display: none;
	}
	.dexauth-pane .dexauth-form .parsley-errors-list {
		margin: 6px 0 0;
		padding: 0;
		color: var(--dexauth-red);
		font-size: 12px;
		list-style: none;
	}

	.dexauth-pane .alert {
		margin-bottom: 16px !important;
		border-radius: 12px;
		font-size: 13px;
	}

	.dexauth-pane .dexauth-switch {
		display: block;
		margin: auto 0 0;
		padding: 16px 16px calc(20px + env(safe-area-inset-bottom, 0px));
		color: var(--dexauth-label);
		font-size: 13px;
		font-weight: 400;
		text-align: center;
	}
	.dexauth-pane .dexauth-switch a {
		color: var(--dexauth-blue);
		font-weight: 400;
	}

	.dexauth-pane .btn.btn-primary.btn-block {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 48px;
		padding: 0;
		border: 0;
		border-radius: 12px;
		background: var(--dexauth-blue) !important;
		box-shadow: 0 8px 20px rgba(37, 99, 235, .25);
		color: #fff;
		font-size: 15px;
		font-weight: 700;
	}

	/* --- Login ---------------------------------------------------------- */
	#login-tab #login > .row {
		display: flex;
		order: 1;
		justify-content: flex-end;
		margin: -2px 0 20px !important;
	}
	#login-tab #login > .row > .col-md-6 {
		width: auto;
		padding: 0;
	}
	#login-tab #login > .row > .text-right {
		display: none;
	}
	#login-tab #login > .row a {
		color: var(--dexauth-blue);
		font-size: 13px;
		font-weight: 600;
	}
	#login-tab #login > .form-group.input-group:has(#login-btns) {
		order: 2;
		margin: 0 !important;
	}

	/* --- Register ------------------------------------------------------- */
	#register-tab #username-strength-status,
	#register-tab #email-strength-status,
	#register-tab #confirm-status {
		margin: 6px 0 0;
		padding: 0;
		border: 0;
		background: transparent;
		color: var(--dexauth-red);
		font-size: 12px;
		font-weight: 500;
	}
	#register-tab #username-strength-status.strong-password,
	#register-tab #email-strength-status.strong-password {
		display: none !important;
	}

	/* Valid/invalid mark beside the Username and Email labels. */
	#register-tab .form-group:has(#input-03.parsley-error) > label,
	#register-tab .form-group:has(#input-04.parsley-error) > label,
	#register-tab .form-group:has(#input-03.parsley-success) > label,
	#register-tab .form-group:has(#input-04.parsley-success) > label {
		padding-right: 24px;
		background-position: right center;
		background-repeat: no-repeat;
		background-size: 18px 18px;
	}
	#register-tab .form-group:has(#input-03.parsley-error) > label,
	#register-tab .form-group:has(#input-04.parsley-error) > label {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF4444' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6'/%3E%3C/svg%3E");
	}
	#register-tab .form-group:has(#input-03.parsley-success) > label,
	#register-tab .form-group:has(#input-04.parsley-success) > label {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310B981' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.5 2.5L16 9.5'/%3E%3C/svg%3E");
	}
	#register-tab .dexauth-form .input-field.parsley-success {
		border-color: var(--dexauth-border) !important;
	}

	#register-tab #password-strengthen {
		margin-bottom: 10px !important;
	}
	#register-tab #password-strength-status {
		display: none !important;
	}
	#register-tab .dexauth-rules {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
		margin: 0 0 14px;
		padding: 0;
		list-style: none;
	}
	#register-tab .dexauth-rules li {
		padding: 5px 10px;
		border-radius: 8px;
		background: var(--dexauth-chip);
		color: var(--dexauth-chip-text);
		font-size: 11px;
		font-weight: 500;
		line-height: 1.3;
		transition: background-color .15s, color .15s;
	}
	#register-tab .dexauth-rules li.is-ok {
		background: var(--dexauth-green-soft);
		color: var(--dexauth-green);
	}
	#register-tab .dexauth-rules.is-flagged li:not(.is-ok) {
		background: #FEF2F2;
		color: var(--dexauth-red);
	}
	body.darkmode-page #register-tab .dexauth-rules.is-flagged li:not(.is-ok) {
		background: rgba(239, 68, 68, .14);
	}

	#register-tab #reference-btn {
		display: flex;
		position: relative;
		align-items: center;
		height: 48px;
		margin: 0 !important;
		padding: 0 44px;
		border: 1px solid var(--dexauth-border);
		border-radius: 12px;
		background: var(--dexauth-input);
		color: var(--dexauth-muted);
		font-size: 14px;
		font-weight: 400;
		cursor: pointer;
	}
	#register-tab #reference-btn.is-invalid {
		border-color: var(--dexauth-red);
		box-shadow: none;
	}
	#register-tab #reference-btn::before,
	#register-tab #reference-btn::after {
		display: none;
	}
	#register-tab #reference-btn span:not([data-i18n]) {
		color: var(--dexauth-text);
		font-weight: 500;
	}
	#register-tab #reference-btn span {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		pointer-events: none;
	}
	#register-tab #reference-btn .fa-caret-down {
		display: none;
	}
	#register-tab .dexauth-ref-icon,
	#register-tab .dexauth-ref-chevron {
		display: block;
		position: absolute;
		top: 50%;
		color: var(--dexauth-muted);
		pointer-events: none;
		transform: translateY(-50%);
	}
	#register-tab .dexauth-ref-icon {
		left: 14px;
	}
	#register-tab .dexauth-ref-chevron {
		right: 14px;
	}
	#register-tab #reference {
		top: 54px;
		max-height: 260px;
		overflow-y: auto;
		padding: 6px;
		border: 1px solid var(--dexauth-border);
		border-radius: 12px;
		background: var(--dexauth-input);
		box-shadow: 0 12px 28px rgba(15, 23, 42, .12);
	}
	#register-tab #reference .dropdown-list,
	#register-tab #reference .dropdown-list div {
		font-weight: 400 !important;
	}
	#register-tab #reference .dropdown-list {
		padding: 10px 12px !important;
		border-radius: 8px;
		color: var(--dexauth-text);
		font-size: 13px;
	}
	#register-tab #reference .dropdown-list .col-md-12 {
		padding: 0;
	}
	#register-tab #reference .dropdown-list:hover {
		background: rgba(37, 99, 235, .08);
		color: var(--dexauth-blue);
	}

	#register-tab .dexauth-form .form-group:has(.checkbox) {
		margin: 0 0 12px !important;
	}
	#register-tab .checkbox {
		margin: 0;
	}
	#register-tab .checkbox label {
		display: flex;
		position: relative;
		flex-wrap: wrap;
		align-items: center;
		min-height: 18px;
		padding-left: 26px;
		color: var(--dexauth-label) !important;
		font-size: 12px;
		font-weight: 400;
		line-height: 1.45;
	}
	#register-tab .checkbox label a,
	#register-tab .checkbox label a strong {
		margin-left: 4px;
		color: var(--dexauth-blue) !important;
		font-weight: 600;
	}
	#register-tab .checkbox input[type="checkbox"] {
		position: absolute;
		left: 0;
		top: 1px;
		width: 18px;
		height: 18px;
		margin: 0;
		border: 1.5px solid var(--dexauth-muted);
		border-radius: 5px;
		background: var(--dexauth-input) center / 12px 12px no-repeat;
		-webkit-appearance: none;
		appearance: none;
		cursor: pointer;
	}
	#register-tab .checkbox input[type="checkbox"]:checked {
		border-color: var(--dexauth-blue);
		background-color: var(--dexauth-blue);
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
	}
	#register-tab .checkbox input[type="checkbox"]:focus {
		outline: 0;
		box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
	}
	#register-tab .checkbox input[type="checkbox"].parsley-error {
		outline: 0;
		border-color: var(--dexauth-red);
	}
	#register-tab .checkbox .parsley-errors-list {
		flex-basis: 100%;
		margin-top: 2px;
	}

	#register-tab .register-buttons {
		margin: 8px 0 0 !important;
	}
	#register-tab .dexauth-form .form-group.dexauth-consent-check {
		display: none;
	}
	#register-tab .dexauth-consent {
		display: block;
		margin: 14px 0 0;
		color: var(--dexauth-label);
		font-size: 12px;
		line-height: 1.6;
		text-align: center;
	}
	#register-tab .dexauth-consent a {
		color: var(--dexauth-blue);
		font-weight: 500;
		text-decoration: none;
	}
	#register-tab .dexauth-consent-plus {
		margin: 0 2px;
		color: var(--dexauth-muted);
	}
	#register-tab #register_content > form > .row.text-center:last-of-type {
		display: none;
	}
	#register-tab .dexauth-form > .form-group.text-center {
		color: var(--dexauth-label);
		font-size: 13px;
	}
	#register-tab .dexauth-form > .form-group.text-center .bg-white {
		background: transparent !important;
	}

	/* --- Error modal (alerts are moved here by auth-mobile.js) ---------- */
	body:has(.dexauth-pane.active) #page_container .alert.alert-danger,
	#forgot-pane .alert.alert-danger {
		display: none !important;
	}
	.dexauth-modal {
		display: flex;
		position: fixed;
		z-index: 10050;
		inset: 0;
		align-items: center;
		justify-content: center;
		padding: 24px;
		background: rgba(15, 23, 42, .5);
	}
	.dexauth-modal[hidden] {
		display: none;
	}
	.dexauth-modal-card {
		width: 100%;
		max-width: 340px;
		padding: 24px 20px 20px;
		border-radius: 20px;
		background: var(--dexauth-input);
		text-align: center;
	}
	.dexauth-modal-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 52px;
		height: 52px;
		border-radius: 50%;
		background: #FEF2F2;
		color: var(--dexauth-red);
	}
	body.darkmode-page .dexauth-modal-icon {
		background: rgba(239, 68, 68, .14);
	}
	.dexauth-modal-title {
		margin: 14px 0 6px;
		color: var(--dexauth-text);
		font-size: 16px;
		font-weight: 700 !important;
		line-height: 1.3;
	}
	.dexauth-modal-text {
		margin-bottom: 20px;
		color: var(--dexauth-chip-text);
		font-size: 13px;
		font-weight: 400;
		line-height: 1.5;
	}
	.dexauth-modal-text > p {
		margin: 0;
	}
	.dexauth-modal-text > p + p {
		margin-top: 4px;
	}
	.dexauth-modal-btn {
		width: 100%;
		height: 44px;
		border: 0;
		border-radius: 12px;
		background: var(--dexauth-blue);
		color: #fff;
		font-size: 14px;
		font-weight: 700;
	}

	/* --- Forgot password ------------------------------------------------ */
	#forgot-pane.dexauth-pane.active {
		min-height: 100vh;
		min-height: 100dvh;
	}
	#forgot-pane .dexauth-form {
		margin: 0 !important;
	}
	#forgot-pane .dexauth-legacy-links {
		display: none;
	}

	#forgot-pane .step-row {
		display: flex;
		gap: 8px;
		margin: 0 0 20px !important;
	}
	#forgot-pane .step-row::before,
	#forgot-pane .step-row::after,
	#forgot-pane .dexauth-form::before,
	#forgot-pane .dexauth-form::after {
		display: none;
	}
	#forgot-pane .step-row .step {
		flex: 1 1 0;
		width: auto;
		padding: 10px 0 0 !important;
		border-top: 3px solid var(--dexauth-border);
		border-bottom: 0;
		color: var(--dexauth-muted);
		font-size: 12px;
		font-weight: 500;
		line-height: 1.3;
		text-align: center;
	}
	#forgot-pane .step-row .step.active,
	#forgot-pane .step-row:has(.step2.active) .step1,
	#forgot-pane .step-row:has(.step3.active) .step1,
	#forgot-pane .step-row:has(.step3.active) .step2 {
		border-top-color: var(--dexauth-blue);
		color: var(--dexauth-blue);
	}
	#forgot-pane .step-row .step.active {
		font-weight: 700;
	}

	#forgot-pane .dexauth-form .form-group {
		padding: 0;
	}

	/* The captcha image is 140x30 (mews/captcha config); it gets its own
	   full-width row at native ratio so no characters are cropped. */
	#forgot-pane .captcha-row {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
	#forgot-pane .captcha-row #captcha_image {
		flex: 0 1 auto;
		order: 1;
		min-width: 0;
		width: auto;
		max-width: calc(100% - 48px);
		height: 48px;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 10px;
		background: transparent;
		object-fit: contain;
	}
	#forgot-pane .btn-captcha-refresh {
		display: flex;
		flex: 0 0 40px;
		order: 2;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 48px;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		color: var(--dexauth-blue);
		font-size: 20px;
	}
	#forgot-pane .btn-captcha-refresh:hover,
	#forgot-pane .btn-captcha-refresh:focus {
		background: transparent;
		color: var(--dexauth-blue);
		opacity: .75;
	}
	#forgot-pane .captcha-row .input-captcha {
		flex: 1 1 100%;
		order: 3;
		min-width: 0;
		height: 48px;
		margin: 0;
		padding: 0 14px 0 44px;
		border: 1px solid var(--dexauth-border) !important;
		border-radius: 12px;
		background: var(--dexauth-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 8.5-7 10-4-1.5-7-5.5-7-10V6l7-3z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E") 14px center / 20px 20px no-repeat !important;
		color: var(--dexauth-text) !important;
		font-size: 14px;
		font-weight: 500;
		letter-spacing: .5px;
		box-shadow: none;
		-webkit-appearance: none;
	}
	#forgot-pane .captcha-row .input-captcha::placeholder {
		color: var(--dexauth-muted);
		font-weight: 400;
		letter-spacing: 0;
	}
	#forgot-pane .captcha-row .input-captcha:focus {
		border-color: var(--dexauth-blue) !important;
		outline: 0;
		box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
	}
	#forgot-pane .captcha-row .input-captcha.parsley-error {
		border-color: var(--dexauth-red) !important;
	}
	#forgot-pane .captcha-row .parsley-errors-list {
		flex: 1 1 100%;
		order: 4;
		margin: -2px 0 0;
	}
	#forgot-pane .captcha-row .parsley-errors-list:not(.filled) {
		display: none;
	}

	#forgot-pane #password-strength-status {
		width: auto;
		margin: -8px 0 14px;
		padding: 0;
		border: 0;
		background: transparent;
		color: var(--dexauth-red);
		font-size: 12px;
		font-weight: 500;
		line-height: 1.45;
	}
	#forgot-pane #password-strength-status.strong-password {
		display: none !important;
	}

	#forgot-pane .email-codes .input-icons {
		display: flex;
		gap: 8px;
	}
	#forgot-pane .email-codes .email-code {
		flex: 1 1 auto;
		order: 1;
		min-width: 0;
		height: 48px;
		padding: 0 14px;
		border: 1px solid var(--dexauth-border) !important;
		border-radius: 12px;
		background: var(--dexauth-input) !important;
		color: var(--dexauth-text) !important;
		font-size: 14px;
		font-weight: 500;
		-webkit-appearance: none;
	}
	#forgot-pane .email-codes .email-code::placeholder {
		color: var(--dexauth-muted);
		font-weight: 400;
	}
	#forgot-pane .email-codes .email-code:focus {
		border-color: var(--dexauth-blue) !important;
		outline: 0;
		box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
	}
	#forgot-pane #get_code {
		position: static;
		flex: 0 0 auto;
		order: 2;
		min-width: 104px;
		height: 48px;
		padding: 0 14px;
		border: 1px solid var(--dexauth-blue);
		border-radius: 12px;
		background: transparent;
		color: var(--dexauth-blue);
		font-weight: 700;
	}
	#forgot-pane #get_code .f-s-13 {
		font-size: 13px !important;
	}
	#forgot-pane #get_code[disabled] {
		border-color: var(--dexauth-border);
		color: var(--dexauth-muted);
		opacity: 1;
	}

	#forgot-pane .dexauth-form > .col-md-12 {
		width: auto;
		margin-top: 6px;
		padding: 0;
	}
	#forgot-pane .dexauth-form > .col-md-12 .form-group {
		margin: 0 !important;
	}

	#forgot-pane .form-data-done {
		margin: 0;
	}
	#forgot-pane .form-data-done > .col-md-12 {
		padding: 8px 0 0;
	}
	#forgot-pane .form-data-done .text-center.p-20 {
		margin: 0 !important;
		padding: 0 0 12px !important;
	}
	#forgot-pane .form-data-done .text-center.p-20 img {
		width: 72px;
		padding: 0 !important;
	}
	#forgot-pane .form-data-done p {
		margin: 0 0 20px;
		color: var(--dexauth-text);
		font-size: 14px;
		font-weight: 500;
	}
	#forgot-pane .form-data-done .alert-success {
		margin-bottom: 16px;
		border-radius: 12px;
		font-size: 13px;
		font-weight: 500;
	}
	#forgot-pane .form-data-done .btn.btn-primary.btn-block {
		margin: 0;
	}
}