@charset "UTF-8";
#excluded_users_buttons,#excluded_roles_buttons,#enforced_roles_buttons,#enforced_users_buttons,#excluded_sites_buttons {
	display:inline;
}

.wp2fa-setup-content #excluded_users_buttons,.wp2fa-setup-content #excluded_roles_buttons {
	display:block;
	margin-top:20px;
}

.user-btn {
	position:relative;
	margin-inline-start:10px !important;
}

.user-btn .remove-item {
	background:red;
	height:14px;
	width:14px;
	position:absolute;
	color:#fff;
	border-radius:7px;
	line-height:11px;
	text-align:center;
	font-size:10px;
	display:block;
	inset-inline-end:-7px;
	top:-5px;
}

.mt-5px {
	margin-top:7px;
	display:inline-block;
}

label.radio-inline {
	padding-inline-start:8px;
}

.danger-zone-wrapper {
	padding:15px;
	border:1px solid red;
	border-radius:3px;
	margin-top:15px;
}

.learn_more_link {
	display:inline-block;
	margin-inline-start:10px;
	margin-top:6px;
}

.wp-2fa-settings-wrapper .disabled {
	opacity:0.5;
	pointer-events:none;
}

.wp-2fa-settings-wrapper .disabled * {
	pointer-events:none;
}

.wp-2fa-settings-wrapper {
	max-width:1010px;
}

.wp-2fa-settings-wrapper h2 {
	margin:3px 0 0;
}

.wp-2fa-settings-wrapper .method-title em {
	font-style:normal;
	font-weight:500;
	position:relative;
	top:6px;
}

.wp-2fa-settings-wrapper p.description {
	font-size:var(--font-size-sm);
	font-style: normal;
	font-weight: 400;
	line-height: 165%;
}

.settings-card p.description {
	font-size:var(--font-size-base);
	font-style: normal;
	font-weight: 400;
	line-height: 165%;
}

.wp-2fa-settings-wrapper:not(.setup-wizard-wrapper) .description fieldset label+label {
	padding-inline-start:10px !important;
}

label.disabled {
	opacity:0.5;
	cursor:default;
}

.button.has-spinner {
	padding-inline-end:0 !important;
}

.notice-after-button {
	margin-inline-start:0px !important;
	padding:5px 10px !important;
	clear:left;
	display:block;
}

input.error {
	border-color:#dc3232;
	background:#ffebee;
}

.wp-2fa-user-profile-form .button {
	margin-inline-end:5px;
}

.wp-submenu a[href="wp-2fa-setup"] {
	display:none !important;
}

@media (min-width:1200px) {
	.min-input-width {
		min-width:360px;
	}

}

.wp2fa-form-styles .select2-selection--multiple {
	min-height:36px;
	height:auto;
	overflow-y:auto;
}

.wp2fa-form-styles .select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color:#e4e4e4;
	border:1px solid #aaa;
	border-radius:4px;
	cursor:default;
	float:left;
	margin-inline-end:5px;
	margin-top:4px;
	margin-bottom:0px;
	padding:0 5px;
}

.wp2fa-form-styles .select2-container .select2-search--inline {
	float:left;
	height:15px;
}

.wp2fa-form-styles .select2-container--default .select2-search--inline .select2-search__field {
	height:13px;
	margin-top:0px;
}

.wp2fa-form-styles .select2-container--default .select2-selection--multiple {
	padding-top:3px;
}

.wp2fa-form-styles .wp2fa-setup-actions .button-secondary {
	color:#555 !important;
}

.wp2fa-form-styles .wp2fa-setup-actions .button-secondary:hover {
	color:#fff !important;
}

#exclusion_settings_wrapper.disabled {
	height:0;
	overflow:hidden;
}

#notify-admin-settings-page {
	text-align:justify;
}

.wp2fa-quota-exceeded-notice .button {
	margin-inline-end:3px;
}

.method-wrapper {
	margin-bottom:3px;
	border-bottom:1px solid #c3c4c7;
	padding-bottom:20px;
}

.certain-users-only-inputs {
	margin-bottom:15px;
}

a[href*="wp-2fa-premium-features"] {
	color:#ADFF2F !important;
}

.wp-2fa-nag br {
	display:none;
}

#wp-2fa-side-banner {
	background:#fff;
	padding:24px 4px;
	border:1px solid #bbb;
	position:fixed;
	width:240px;
	inset-inline-end:40px;
	bottom:40px;
	text-align:center;
}

#wp-2fa-side-banner p {
	font-size:16px;
	font-weight:700;
}

#wp-2fa-side-banner ul {
	margin-bottom:20px;
	padding:0 15px;
}

#wp-2fa-side-banner li {
	padding-inline-start:25px;
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
	text-align:start;
}

#wp-2fa-side-banner a.link {
	position:relative;
	top:5px;
	margin-inline-start:15px;
}

#wp-2fa-side-banner .dashicons {
	position:absolute;
	inset-inline-start:0;
	color:#4776ff;
}

#wp-2fa-side-banner .button-primary {
	background:#4776ff;
	border-color:#4776ff;
	color:#fff;
	text-decoration:none;
	text-shadow:none;
}



@media (max-width:1320px) {
	.wp-2fa-settings-wrapper {
		max-width:580px;
	}

}

@media (max-width:1530px) and (min-width:1320px) {
	.wp-2fa-settings-wrapper {
		max-width:800px;
	}

}

@media (max-width:1040px) {
	#wp-2fa-side-banner {
		display:none;
	}

}

@media (min-width:1040px) {
	.ui-dialog {
		min-width:355px;
	}

}

.wp-2fa-user-profile-form .qr-btn,.wp-2fa-user-profile-form .click-to-copy {
	text-decoration:none;
	font-size:13px;
	line-height:2.15384615;
	min-height:30px;
	margin:0;
	padding:0 10px;
	cursor:pointer;
	border-width:1px;
	border-style:solid;
	-webkit-appearance:none;
	border-radius:3px;
	white-space:nowrap;
	box-sizing:border-box;
	background:#2271b1;
	border-color:#2271b1;
	color:#fff;
	text-decoration:none;
	text-shadow:none;
	display:inline-block;
	width:140px;
}

.wp-2fa-user-profile-form .qr-btn:hover,.wp-2fa-user-profile-form .click-to-copy:hover {
	background:#135e96;
	border-color:#135e96;
	color:#fff;
}

.wp-2fa-user-profile-form .app-key-wrapper {
	display:flex;
	align-items:stretch;
	gap:8px;
	margin-top:10px;
}

.wp-2fa-user-profile-form .app-key-wrapper .click-to-copy {
	display:flex;
	align-items:center;
	justify-content:center;
	width:auto;
	min-height:auto;
	height:auto;
}

.wp-2fa-user-profile-form #app-key-input {
	min-width:320px;
}

.mt-5px {
	margin-top:7px;
	display:inline-block;
}

label.radio-inline {
	padding-inline-start:8px;
}

.wp2fa-modal {
	font-family:helvetica;
}

.modal__overlay {
	position:fixed;
	top:0;
	inset-inline-start:0;
	inset-inline-end:0;
	bottom:0;
	background:rgba(0, 0, 0, 0.6);
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:9999;
}

.modal__container {
	background-color:#fff;
	padding:40px 40px 30px;
	max-width:500px;
	max-height:100vh;
	border-radius:4px;
	overflow-y:auto;
	box-sizing:border-box;
	z-index:1500;
}

.modal__header {
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.modal__title {
	margin-top:0;
	margin-bottom:0;
	font-weight:600;
	font-size:1.25rem;
	line-height:1.25;
	color:#222;
	box-sizing:border-box;
}

.modal__close {
	border:0;
	outline:none;
	z-index:10;
}

.modal__close:hover {
	cursor:pointer;
}

.modal__header .modal__close:before,.wp2fa-modal .modal__close:before {
	content:"✕";
}

.modal__content {
	font-size:13px;
	font-weight:500;
	height:100%;
	line-height:24px;
	margin-bottom:2px;
	color:#222;
	margin-top:0;
	word-break:keep-all;
	/* width:100%; */
}

.modal__content p {
	font-size:13px;
	font-weight:500;
	line-height:24px;
	margin-bottom:2px;
	color:#222;
	margin-top:0;
	word-break:keep-all;
	width:100%;
}

.modal__content label {
	font-size:14px;
	line-height:28px;
	color:#222;
	margin-top:0;
	word-break:keep-all;
	/* width:100%; */
	display:block;
}

.modal__content p.description {
	font-size:12px;
	line-height:24px;
	opacity:0.9;
}

.modal__content .apps-wrapper {
	position:relative;
	overflow:hidden;
	display:flex;
}

.modal__content .apps-wrapper .app-logo {
	display:flex;
	align-self:center;
	flex:1;
	padding:0 13px;
}

.modal__content .apps-wrapper .app-logo img {
	margin:0 auto;
	width:auto;
	max-width:100%;
}

.modal__content .wp2fa-setup-actions {
	clear:both;
}

.modal__content .iti--allow-dropdown {
	width:100%;
}

.modal__btn-primary {
	background-color:#00449e;
	color:#fff;
}

/* --- OLD WIZARD: enable_styling input overrides + wizard-step intl-tel-input
.enable_styling .modal__content input[type="radio"] {
	margin-inline-start:0;
	appearance:auto;
	width:auto;
	height:auto;
	background:transparent;
}

.enable_styling .modal__content input[type="radio"]:after {
	display:none;
}

.enable_styling .modal__content input[type="radio"]:focus {
	border-color:transparent;
	box-shadow:none;
	outline:none;
}

.enable_styling .modal__content input:not([type="radio"]):not(.app-key) {
	line-height:1;
	margin-bottom:10px;
	min-height:2pc;
	min-width:15pc;
	padding:5px;
	margin:0px;
	border:none;
	border-bottom:3px solid #d0e5ff;
	width:100%;
	padding:10px 0;
	font-size:16px;
	font-weight:700;
	color:#4498ff;
	box-shadow:none;
}

.enable_styling .modal__content input:not([type="radio"]):focus-visible {
	border-bottom:3px solid #4498ff;
	outline:none;
}

.enable_styling .modal__content input:not([type="radio"]):-internal-autofill-selected {
	background-color:transparent;
}

.wizard-step .iti--allow-dropdown input[type=tel] {
	z-index:100;
	background:transparent;
}

.wizard-step .iti__flag-container {
	width:auto;
	z-index:101;
}

.wizard-step.expand-panel .iti__flag-container {
	width:100%;
}
 --- END OLD WIZARD: enable_styling input overrides + wizard-step intl-tel-input */

.mepr-form .iti__country-list,.mepr-form .iti__flag-container {
	width:auto;
}

@keyframes mmfadeIn {
	from {
		opacity:0;
	}

	to {
		opacity:1;
	}

}

@keyframes mmfadeOut {
	from {
		opacity:1;
	}

	to {
		opacity:0;
	}

}

@keyframes mmslideIn {
	from {
		transform:translateY(15%);
	}

	to {
		transform:translateY(0);
	}

}

@keyframes mmslideOut {
	from {
		transform:translateY(0);
	}

	to {
		transform:translateY(-10%);
	}

}

.micromodal-slide {
	display:none;
}

.micromodal-slide.is-open {
	display:block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
	animation:mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
	animation:mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
	animation:mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
	animation:mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,.micromodal-slide .modal__overlay {
	will-change:transform;
}

.danger-zone-wrapper {
	padding:15px;
	border:1px solid red;
	border-radius:3px;
	margin-top:15px;
}

.learn_more_link {
	display:inline-block;
	margin-inline-start:10px;
	margin-top:6px;
}

.wp-2fa-settings-wrapper .disabled {
	opacity:0.5;
	pointer-events:none;
}

.wp-2fa-settings-wrapper .disabled * {
	pointer-events:none;
}

.wp2fa-modal .modal__container {
	max-height:70vh;
	max-width:872px;
	min-width:30vw;
	position:relative;
}

.wp2fa-modal .modal__close {
	background:transparent;
	color:#4498ff !important;
	font-size:15px;
	font-weight:700;
	position:absolute;
	inset-inline-end:20px;
	text-decoration:none;
	top:20px;
	background-color:transparent !important;
}

.wp2fa-modal .modal__close :hover {
	color:#888;
	cursor:pointer;
}

/* --- OLD WIZARD: radio checked, wizard-step show/hide, #configure-2fa actions
.wp2fa-modal input[type=radio]:checked:before {
	display:none;
}

.wizard-step:not(.active),.step-setting-wrapper:not(.active) {
	display:none;
}

.wizard-step.active,.step-setting-wrapper.active {
	-webkit-animation:fadein 0.5s;
	-moz-animation:fadein 0.5s;
	-ms-animation:fadein 0.5s;
	-o-animation:fadein 0.5s;
	animation:fadein 0.5s;
}

#configure-2fa .wp2fa-setup-actions,#configure-2fa-backup-codes .wp2fa-setup-actions {
	margin-top:25px;
}

 --- END OLD WIZARD: radio checked, wizard-step show/hide, #configure-2fa actions */
.modal__btn+.modal__btn {
	margin-inline-start:10px;
}

/* --- OLD WIZARD: wp-2fa-configuration-form table display overrides
.wp-2fa-configuration-form td.backup-methods-label,.wp-2fa-configuration-form th {
	display:none;
}

.wp-2fa-configuration-form .wp-2fa-passkey-list-table th {
	display:table-cell;
}
 --- END OLD WIZARD: wp-2fa-configuration-form table display overrides */

.wp2fa-modal h4,.wp2fa-modal h3 {
	word-wrap:break-word;
	font-family:helvetica;
	font-size:22px;
	font-weight:700;
	margin-bottom:15px;
	margin-top:0;
	margin:0 0 10px 0;
}

/* --- OLD WIZARD: enable_styling heading font override
.wp2fa-modal.enable_styling h4,.wp2fa-modal.enable_styling h3 {
	font-family:helvetica !important;
}

 --- END OLD WIZARD: enable_styling heading font override */
/* --- OLD WIZARD: wp2fa-modal fieldset, ol, code.app-key
.wp2fa-modal fieldset {
	padding:0;
	border:0;
}

.wp2fa-modal ol {
	margin:0 0 15px;
	padding-inline-start:17px;
}

.wp2fa-modal ol li {
	position:relative;
	padding:6px;
}

.wp2fa-modal .modal__content code.app-key {
	font-size:16px;
	padding:7px 12px;
	word-break:break-all;
	background:#efefef;
	color:#222;
}
 --- END OLD WIZARD: wp2fa-modal fieldset, ol, code.app-key */

/* --- OLD WIZARD: verification-response + configuration-form button.enable_styling + modal focus
label+.verification-response {
	margin-top:20px;
}

.verification-response:not(:empty) {
	border:3px solid red;
	font-size:9pt;
	margin-bottom:15px;
	padding:10px;
	background:#ffe4e4;
	border-radius:10px;
	font-size:9pt;
	line-height:24px;
	width:100%;
}

.default_styling .verification-response:not(:empty) {
	width:calc(100% - 30px);
}

.wp-2fa-configuration-form .button.enable_styling {
	background-color:#fff !important;
	color:#3e6bff !important;
	font-size:14px;
	line-height:14px;
	margin-bottom:10px;
	outline:none;
	padding:13px 13pt;
	text-align:center;
	text-decoration:none;
	font-weight:800;
	display:inline-block;
	border:3px solid #3e6bff !important;
	border-radius:30px;
	text-transform:uppercase;
	letter-spacing:0.3px;
}

.wp-2fa-configuration-form .button.enable_styling:hover {
	background-color:#3e6bff !important;
	color:#fff !important;
	border:3px solid #3e6bff !important;
}

.wp2fa-modal.enable_styling .modal__content .wp2fa-setup-actions .button:focus,.wp2fa-modal.enable_styling .modal__content .modal__btn:focus,.wp2fa-modal.enable_styling .modal__content .modal__btn.button-confirm:focus,.wp2fa-modal.enable_styling .modal__content .modal__btn.button-decline:focus {
	box-shadow:none;
}

.wp2fa-modal.enable_styling .button+.button {
	margin-inline-start:10px;
}

 --- END OLD WIZARD: verification-response + configuration-form button.enable_styling + modal focus */
.modal__footer {
	margin-top:20px;
}

/* --- OLD WIZARD: enable_styling button overrides + configuration-form button + qr-code-wrapper
.enable_styling .wp-2fa-button-primary,.enable_styling .wp-2fa-button-secondary,.enable_styling #wizard-api-key button,.enable_styling #wizard-sid-key button {
	background-color:#fff;
	color:#3e6bff;
	font-size:14px;
	line-height:14px;
	margin-bottom:10px;
	outline:none;
	padding:13px 13pt;
	text-align:center;
	text-decoration:none;
	font-weight:800;
	display:inline-block;
	border:3px solid #3e6bff;
	border-radius:30px;
	text-transform:uppercase;
	letter-spacing:0.3px;
	transition:all 0.2s ease-in-out;
}

.enable_styling .wp-2fa-button-secondary {
	color:#555;
	border:3px solid #555;
}

.enable_styling .wp-2fa-configuration-form .button.wp-2fa-button-secondary {
	color:#555 !important;
	border:3px solid #555 !important;
}

.enable_styling .wp-2fa-button-primary:focus,.enable_styling .wp-2fa-button-secondary:focus {
	box-shadow:none;
}

.enable_styling .wp-2fa-button-primary:hover,.enable_styling .wp-2fa-button-primary:focus {
	background-color:#3e6bff;
	color:#fff;
	border:3px solid #3e6bff;
	transition:all 0.4s ease-in-out;
}

.enable_styling .wp-2fa-button-secondary:hover,.enable_styling .wp-2fa-button-secondary:focus {
	background-color:#555;
	color:#fff;
	border:3px solid #555;
	transition:all 0.4s ease-in-out;
}

.enable_styling .wp-2fa-configuration-form .button.wp-2fa-button-secondary:hover,.enable_styling #wizard-api-key button:hover,.enable_styling #wizard-sid-key button:hover {
	background-color:#555 !important;
	color:#fff !important;
	border:3px solid #555 !important;
}

.wp-2fa-configuration-form .button {
	margin-inline-end:10px;
}

.wp-2fa-configuration-form .button:hover {
	cursor:pointer;
}

.qr-code-wrapper {
	position:relative;
	overflow:hidden;
	float:right;
}
 --- END OLD WIZARD: enable_styling button overrides + configuration-form button + qr-code-wrapper */

#notify-users .modal__container * {
	opacity:1;
	transition:all 0.3s ease-in-out;
}

#notify-users .modal__container.saving * {
	opacity:0;
	transition:all 0.3s ease-in-out;
}

/* --- OLD WIZARD: qr-code-wrapper.regenerating + backup-codes-wrapper
.qr-code-wrapper.regenerating img {
	visibility:hidden;
}

#backup-codes-wrapper {
	border:none;
	min-height:2pc;
	min-width:15pc;
	padding:10px 0;
	width:100%;
	background-color:transparent !important;
}

#backup-codes-wrapper :focus-visible {
	outline:none;
}

#backup-codes-wrapper:focus-visible {
	outline:none;
}
 --- END OLD WIZARD: qr-code-wrapper.regenerating + backup-codes-wrapper */

.qr-code-wrapper.regenerating:before,#notify-users .modal__container.saving:before {
	content:"";
	box-sizing:border-box;
	position:absolute;
	top:50%;
	inset-inline-start:50%;
	width:20px;
	height:20px;
	margin-top:-10px;
	margin-inline-start:-10px;
	border-radius:50%;
	border:2px solid #ccc;
	border-top-color:#000;
	animation:spinner 0.6s linear infinite;
}

@keyframes spinner {
	to {
		transform:rotate(360deg);
	}

}

/* --- OLD WIZARD: default_styling selectors + responsive media queries for old wizard modal
.default_styling .radio-cells .option-pill {
	position:relative;
	margin-bottom:11px;
}

.default_styling .radio-cells .option-pill label {
	padding-inline-end:40px;
	font-size:12px;
}

.default_styling .wizard-tooltip {
	display:none !important;
}

.default_styling input[type=checkbox],.default_styling input[type=radio] {
	-webkit-appearance:auto;
}

@media screen and (max-width:1299px) {
	.wp2fa-modal .modal__container {
		max-width:96vw;
	}

	#wp-2fa-totp-qrcode {
		max-width:100%;
		text-align:center;
		margin:15px auto;
		display:block;
	}

	.qr-code-wrapper {
		float:none;
	}

	.step-setting-wrapper br {
		display:none;
	}

	.enable_styling .radio-cells {
		flex-wrap:wrap;
		margin:0px 0 20px;
		width:calc(100% + 10px);
		position:relative;
		inset-inline-start:-5px;
		flex-wrap:wrap;
	}

	.enable_styling .radio-cells input:not([type="radio"]) {
		margin-top:5px;
	}

	.enable_styling .radio-cells .option-pill {
		flex-basis:0;
		flex-grow:1;
		border:3px solid #eee;
		border-radius:10px;
		padding:10px;
		margin:5px;
		font-size:11px;
		position:relative;
	}

	.enable_styling .radio-cells .option-pill p {
		height:100%;
	}

	.enable_styling .radio-cells.max-3 .option-pill {
		flex:33.333%;
		display:flex;
		flex-direction:column;
	}

	.enable_styling .radio-cells.max-3 .option-pill p {
		flex:1;
	}

	.enable_styling .radio-cells .option-pill.isSelected {
		border:3px solid #007cba;
	}

	.enable_styling .radio-cells .option-pill label {
		display:block;
		font-size:13px;
		line-height:24px;
		font-weight:500;
		margin-bottom:2px;
		height:100%;
		max-width:calc(100% - 20px);
	}

	.enable_styling .radio-cells .option-pill p {
		font-size:12px;
		line-height:23px;
		opacity:0.9;
		height:auto;
	}

	.enable_styling .option-pill {
		margin-bottom:15px;
	}

	.enable_styling .tooltip-content-wrapper {
		display:none;
	}

	.wp2fa-modal .modal__content code br {
		display:block !important;
	}

	.wp2fa-modal .modal__content code.app-key {
		width:100%;
		display:block;
		text-align:center;
		font-size:16px;
		margin-bottom:30px;
		background:#efefef;
		padding:5px;
		word-break:break-all;
	}

	.wp2fa-modal .modal__content .apps-wrapper {
		margin:10px 0;
	}

	.wp2fa-modal .modal__content a.app-logo {
		padding:0 5px;
	}

	.wp2fa-modal .modal__content .wizard-tooltip {
		background:#3e6bff;
		color:white;
		height:18px;
		display:inline-block;
		width:18px;
		border-radius:50%;
		position:absolute;
		overflow:hidden;
		text-align:center;
		line-height:18px;
		font-weight:700;
		margin-inline-start:4px;
		margin-top:3px;
		bottom:10px;
		inset-inline-end:17px;
	}

	.wp2fa-modal .modal__content .inline-helper {
		background:#eee;
		padding:10px;
		border-radius:10px;
		display:block;
		margin-top:10px;
		font-size:12px;
		line-height:24px;
		display:none;
	}

	.wp2fa-modal .modal__content .click-to-copy {
		border:2px solid #3e6bff;
		border-radius:14px;
		display:inline-block;
		font-size:10px;
		padding:0 9px;
		font-weight:700;
		line-height:16px;
	}

	.wp2fa-modal .modal__content .click-to-copy.done {
		background-color:green !important;
		border:2px solid green;
		color:white;
	}

	.wp2fa-modal .modal__content .click-to-copy:hover {
		background-color:#3e6bff;
		color:white;
		cursor:pointer;
		opacity:0.5;
	}

	.wp2fa-modal .modal__content .app-key-wrapper {
		background:#eee;
		border-radius:4px;
		margin:10px 0 5px;
		overflow:hidden;
		padding:3px 7px;
	}

	.wp2fa-modal .modal__content .app-key-wrapper input {
		background:transparent;
		border:none;
		display:inline-block;
		font-size:9pt;
		margin:0 10px 0 0;
		max-width:15pc;
		min-height:0;
		min-width:200px;
		padding:0;
		color:#888;
	}

	.wp2fa-modal .modal__content .app-key-wrapper input:focus-visible,.wp2fa-modal .modal__content .app-key-wrapper input:focus {
		border:none;
		background-color:transparent;
		outline:none;
	}

	.wp-2fa-configuration-form .button {
		width:auto;
		display:block;
		margin-bottom:10px;
		margin-inline-start:0px;
		margin-inline-end:0px;
		text-align:center;
	}

	.wp2fa-modal .modal__content .wp2fa-setup-actions .button,.wp2fa-modal .modal__content .modal__btn {
		width:auto;
		display:inline-block;
		margin-bottom:10px;
		margin-inline-start:0px;
		margin-inline-end:0px;
		text-align:center;
	}

	.modal__content input:not([type="radio"]) {
		width:100%;
		margin-bottom:10px;
	}

	.hide-on-mobile {
		display:none;
	}

	.wp2fa-modal h4,.wp2fa-modal h3 {
		font-size:20px;
	}

	.wp2fa-modal h4 {
		clear:both;
	}

}

@media screen and (min-width:1300px) {
	.wp2fa-modal .clear-both {
		clear:both;
		display:block;
		overflow:hidden;
	}

	.wp2fa-modal .modal-50 {
		width:50%;
		display:inline-block;
		float:left;
	}

	.wp2fa-modal .modal-60 {
		width:70%;
		display:inline-block;
		float:left;
	}

	.wp2fa-modal .modal-60 .radio-cells {
		width:100%;
		padding-inline-start:10px;
	}

	.wp2fa-modal .modal-40 {
		width:30%;
		float:left;
		display:flex;
		justify-content:center;
	}

	.wp2fa-modal .mb-20 {
		margin-bottom:20px;
	}

	.wp2fa-modal.enable_styling p+.radio-cells,.wp2fa-modal.enable_styling p+fieldset {
		margin:20px 0;
		display:flex;
		flex-wrap:wrap;
	}

	.wp2fa-modal.enable_styling .radio-cells {
		flex-wrap:wrap;
		margin:0px 0 20px;
		width:calc(100% + 10px);
		position:relative;
		inset-inline-start:-5px;
		flex-wrap:wrap;
	}

	.wp2fa-modal.enable_styling .radio-cells input:not([type="radio"]) {
		margin-top:5px;
	}

	.wp2fa-modal.enable_styling .radio-cells .option-pill {
		flex-basis:0;
		flex-grow:1;
		border:3px solid #eee;
		border-radius:10px;
		padding:10px;
		margin:5px;
		font-size:11px;
		position:relative;
	}

	.wp2fa-modal.enable_styling .radio-cells .option-pill p {
		height:100%;
	}

	.wp2fa-modal.enable_styling .radio-cells.max-3 .option-pill {
		flex:33.333%;
		display:flex;
		flex-direction:column;
	}

	.wp2fa-modal.enable_styling .radio-cells.max-3 .option-pill p {
		flex:1;
	}

	.wp2fa-modal.enable_styling .radio-cells .option-pill.isSelected {
		border:3px solid #007cba;
	}

	.wp2fa-modal.enable_styling .radio-cells .option-pill label {
		display:block;
		font-size:13px;
		line-height:24px;
		font-weight:500;
		margin-bottom:2px;
		height:100%;
		max-width:calc(100% - 20px);
	}

	.wp2fa-modal.enable_styling .radio-cells .option-pill p {
		font-size:12px;
		line-height:23px;
		opacity:0.9;
		height:auto;
	}

	.wp2fa-modal .wizard-tooltip {
		background:#3e6bff;
		color:white;
		height:18px;
		display:inline-block;
		width:18px;
		border-radius:50%;
		position:absolute;
		overflow:hidden;
		text-align:center;
		line-height:18px;
		font-weight:700;
		margin-inline-start:4px;
		margin-top:3px;
		bottom:10px;
		inset-inline-end:17px;
	}

	.wp2fa-modal .inline-helper {
		background:#eee;
		padding:10px;
		border-radius:10px;
		display:block;
		margin-top:10px;
		font-size:12px;
		line-height:24px;
		display:none;
	}

	.wp2fa-modal.enable_styling .tooltip-content-wrapper {
		display:none;
	}

	.wp2fa-modal .click-to-copy {
		border:2px solid #3e6bff;
		border-radius:14px;
		display:inline-block;
		font-size:10px;
		padding:0 9px;
		font-weight:700;
		line-height:16px;
	}

	.wp2fa-modal .click-to-copy.done {
		background-color:green !important;
		border:2px solid green;
		color:white;
	}

	.wp2fa-modal .click-to-copy:hover {
		background-color:#3e6bff;
		color:white;
		cursor:pointer;
		opacity:0.5;
	}

	.wp2fa-modal .app-key-wrapper {
		background:#eee;
		border-radius:4px;
		margin:10px 0 5px;
		overflow:hidden;
		padding:3px 7px;
	}

	.wp2fa-modal .app-key-wrapper input {
		background:transparent;
		border:none;
		display:inline-block;
		font-size:9pt;
		margin:0 10px 0 0;
		max-width:15pc;
		min-height:0;
		min-width:200px;
		padding:0;
		color:#888;
	}

	.wp2fa-modal .app-key-wrapper input:focus-visible,.wp2fa-modal .app-key-wrapper input:focus {
		border:none;
		background-color:transparent;
		outline:none;
	}

	.wp2fa-modal .option-pill {
		margin-bottom:15px;
	}

	.wp2fa-modal .qr-code {
		float:left;
		width:100%;
		position:relative;
		inset-inline-start:-2%;
	}

	.wp2fa-modal .mb-30 {
		margin-bottom:30px;
	}

	.show-on-mobile {
		display:none;
	}

}

@media (max-width:500px) {
	.modal__container {
		padding:25px;
	}

	.option-pill:not(last-of-type) {
		margin-bottom:40px;
	}

	.wp2fa-modal .modal__content .apps-wrapper {
		display:block;
	}

	.wp2fa-modal .modal__content a.app-logo {
		width:calc(33.33333% - 13px);
		display:inline-block;
		margin-bottom:5px;
	}

	.wp2fa-modal h4,.wp2fa-modal h3 {
		font-size:18px;
		margin-bottom:9px;
	}

	#configure-2fa-backup-codes .wp2fa-setup-actions,#configure-2fa .wp2fa-setup-actions {
		margin-top:15px;
	}

	.wp2fa-modal .modal__content .modal__btn,.wp2fa-modal .modal__content .wp2fa-setup-actions .button,.wp-2fa-configuration-form .button {
		display:block;
		margin-bottom:10px;
		margin-inline-start:0;
		margin-inline-end:0;
		text-align:center;
		width:auto;
		padding:10px 15px;
		font-size:12px;
	}

	.wp2fa-modal .modal__content .radio-cells .option-pill {
		flex-basis:unset;
		flex-grow:1;
	}

	.wp2fa-modal .modal__content p+.radio-cells {
		margin-top:20px;
	}

}

@media screen and (min-width:801px) and (max-width:1299px) {
	.wp2fa-modal .modal__content p+.radio-cells {
		margin-top:20px;
	}

	.modal-50 {
		width:50%;
		display:inline-block;
		float:left;
	}

	.mb-20 {
		margin-bottom:20px;
	}

	.modal-60 {
		width:70%;
		display:inline-block;
		float:left;
	}

	.modal-60 .radio-cells {
		width:100%;
		padding-inline-start:10px;
	}

	.modal-40 {
		width:30%;
		float:left;
		display:flex;
		justify-content:center;
	}

}

@media screen and (min-width:1024px) {
	.wp2fa-modal .modal__container {
		min-width:768px;
	}

}

@media screen and (min-width:501px) and (max-width:800px) {
	.modal-50 {
		width:50%;
		display:inline-block;
		float:left;
	}

	.modal-60 {
		width:60%;
		display:inline-block;
		float:left;
	}

	.modal-60 .radio-cells {
		width:100%;
		padding-inline-start:10px;
	}

	.mb-20 {
		margin-bottom:20px;
	}

	.modal-40 {
		width:40%;
		float:left;
		display:flex;
		justify-content:center;
	}

}

@media screen and (max-width:800px) {
	.wp2fa-modal .modal__container {
		max-width:95vw;
		min-width:80vw;
	}

	.wp2fa-modal .modal__content .wp2fa-setup-actions .button,.wp2fa-modal .modal__content .modal__btn {
		width:auto;
		display:inline-block;
		margin-bottom:10px;
		margin-inline-start:0px;
		margin-inline-end:0px;
		text-align:center;
	}

	.wp2fa-modal .modal__close {
		inset-inline-end:15px;
		top:15px;
	}

}

@media screen and (max-width:500px) {
	.mb-20 {
		margin-bottom:15px;
	}

	.wp2fa-modal .modal__content .app-key-wrapper input {
		max-width:200px;
	}

	.enable_styling .wp-2fa-button-primary,.enable_styling .wp-2fa-button-secondary {
		display:block !important;
		margin-inline-start:0 !important;
		margin-inline-end:0;
		width:100% !important;
	}

	.wp2fa-modal .modal__content .wizard-tooltip {
		inset-inline-end:5px;
		bottom:5px;
	}

	.verification-response:not(:empty) {
		width:auto;
	}

}
 --- END OLD WIZARD: default_styling selectors + responsive media queries for old wizard modal */

/* --- OLD WIZARD: wizard-custom-counter + enable/default_styling backup-codes
.wizard-custom-counter {
	counter-reset:step-counter;
	list-style:none;
	margin-bottom:0 !important;
}

.wizard-custom-counter li {
	counter-increment:step-counter;
}

.wizard-custom-counter li:last-of-type {
	margin-bottom:0 !important;
}

.enable_styling .wizard-custom-counter li::before {
	content:counter(step-counter);
	background:#3e6bff;
	width:20px;
	height:20px;
	color:white;
	text-align:center;
	display:inline-block;
	line-height:20px;
	position:absolute;
	inset-inline-start:-20px;
	top:8px;
	font-size:14px;
	font-weight:700;
	border-radius:50px;
}

.enable_styling #backup-codes-wrapper {
	border:none;
	border-bottom:3px solid #d0e5ff;
	color:#4498ff;
	font-size:1pc;
	font-weight:700;
	line-height:1;
	margin:0;
	min-height:2pc;
	min-width:15pc;
	padding:10px 0;
	width:100%;
	line-height:26px;
	background-color:transparent !important;
}

.enable_styling #backup-codes-wrapper :focus-visible {
	border-bottom:3px solid #4498ff;
	outline:none;
}

.enable_styling #backup-codes-wrapper:focus-visible {
	border-bottom:3px solid #4498ff;
	outline:none;
}

.default_styling .wizard-custom-counter li::before {
	content:counter(step-counter);
	width:20px;
	height:20px;
	text-align:center;
	display:inline-block;
	line-height:20px;
	position:absolute;
	inset-inline-start:-20px;
	top:8px;
	font-size:14px;
	font-weight:700;
	border-radius:50px;
}
 --- END OLD WIZARD: wizard-custom-counter + enable/default_styling backup-codes */

.mb-0 {
	margin-bottom:0 !important;
}

.wp-2fa-user-profile-form {
	margin:0;
}

.wp-2fa-user-profile-form:first-of-type {
	margin-top:20px;
}

.wp-2fa-user-profile-form:last-of-type {
	margin-bottom:20px;
}

.wp-2fa-user-profile-form tr+tr th,.wp-2fa-user-profile-form tr+tr td {
	padding-top:0;
}

.remove-tr-padding th,.remove-tr-padding td {
	padding-bottom:0;
}

body:not(.wp-admin) .wp-2fa-user-profile-form td,body:not(.wp-admin) .wp-2fa-user-profile-form th {
	padding:0;
	border:none;
}

.wp-2fa-user-profile-form {
	border:none;
}

.wp-2fa-button-primary+.wp-2fa-button-secondary {
	margin-inline-start:10px;
}

/* --- OLD WIZARD: modal-logo-wrapper + wizard-step authy panel expansion
.modal-logo-wrapper {
	text-align:center;
	padding:0;
	margin:0;
}

.wizard-step label[for="authy-token"] {
	min-height:70px;
	-webkit-transition:min-height 0.2s ease-in-out;
	-moz-transition:min-height 0.2s ease-in-out;
	-ms-transition:min-height 0.2s ease-in-out;
	-o-transition:min-height 0.2s ease-in-out;
	transition:min-height 0.2s ease-in-out;
}

.wizard-step.expand-panel label[for="authy-token"] {
	min-height:300px;
	-webkit-transition:min-height 0.2s ease-in-out;
	-moz-transition:min-height 0.2s ease-in-out;
	-ms-transition:min-height 0.2s ease-in-out;
	-o-transition:min-height 0.2s ease-in-out;
	transition:min-height 0.2s ease-in-out;
}

.wizard-step.expand-panel .authy-step-setting-wrapper {
	overflow:hidden;
}

.wizard-step.expand-panel .iti__country-list {
	width:100%;
	max-height:240px;
}
 --- END OLD WIZARD: modal-logo-wrapper + wizard-step authy panel expansion */

[aria-describedby="authy-diag"],[aria-describedby="twilio-diag"] {
	min-width:400px;
	padding:10px;
}

[aria-describedby="authy-diag"] .ui-dialog-titlebar,[aria-describedby="twilio-diag"] .ui-dialog-titlebar {
	background:#fff;
	border-bottom:none;
	height:auto;
	font-size:18px;
	font-weight:600;
	line-height:2;
	padding:10px 36px 0 16px;
	word-wrap:break-word;
	font-family:helvetica;
	font-size:22px;
	font-weight:700;
	margin-bottom:15px;
	margin-top:0;
	margin:0 0 10px 0;
}

[aria-describedby="authy-diag"] .ui-dialog-buttonpane,[aria-describedby="twilio-diag"] .ui-dialog-buttonpane {
	background:#fff;
	border-top:none;
	padding:16px;
}

[aria-describedby="authy-diag"] .ui-dialog-buttonset .ui-button,[aria-describedby="twilio-diag"] .ui-dialog-buttonset .ui-button {
	background-color:#fff;
	color:#3e6bff;
	font-size:14px;
	line-height:14px;
	margin-bottom:10px;
	outline:none;
	padding:13px 13pt;
	text-align:center;
	text-decoration:none;
	font-weight:800;
	display:inline-block;
	border:3px solid #3e6bff;
	border-radius:30px;
	text-transform:uppercase;
	letter-spacing:0.3px;
	-webkit-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	height:auto;
	margin-inline-start:0;
}

[aria-describedby="authy-diag"] .ui-dialog-buttonset .ui-button:hover,[aria-describedby="twilio-diag"] .ui-dialog-buttonset .ui-button:hover {
	background-color:#3e6bff;
	color:#fff;
}

[aria-describedby="authy-diag"] .ui-dialog-buttonpane .ui-dialog-buttonset,[aria-describedby="twilio-diag"] .ui-dialog-buttonpane .ui-dialog-buttonset {
	float:left;
}

[aria-describedby="authy-diag"] .ui-dialog-content,[aria-describedby="twilio-diag"] .ui-dialog-content {
	padding:0 16px 9px;
	overflow:auto;
}

.our-wordpress-plugins {
	width:100%;
	max-width:250px;
	padding:0 20px;
	box-sizing:border-box;
	background:#ffffff;
}

.our-wordpress-plugins h3 {
	font-size:17px;
	line-height:28px;
	color:#23282D;
	font-weight:500;
	margin:0;
	padding:15px 4px 0px;
	text-align:center;
}

.our-wordpress-plugins ul {
	list-style:none;
	margin:0;
	padding:20px 0 0;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.our-wordpress-plugins ul li {
	width:100%;
	margin-bottom:20px;
}

.our-wordpress-plugins ul li .plugin-box {
	width:100%;
	background:#F7F7F7;
	border:1px solid #D9D9D9;
}

.our-wordpress-plugins ul li .plugin-box .plugin-img img {
	width:100%;
	display:block;
}

.our-wordpress-plugins h4 {
	font-size:16px;
	line-height:19px;
	color:#23282D;
	font-weight:600;
	margin:0;
	padding-bottom:10px;
}

.plugin-desc {
	padding:20px 15px;
	font-size:14px;
	line-height:22px;
	font-weight:400;
	color:#23282D;
	text-align:center;
	border-top:1px solid #D9D9D9;
}

.plugin-desc p {
	margin:0 0 15px 0;
}

.cta-btn a {
	font-size:14px;
	line-height:24px;
	color:#fff;
	font-weight:700;
	background:#2B597A;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	display:inline-block;
	text-decoration:none;
	padding:5px 15px;
}

.our-wordpress-plugins.full {
	width:100%;
	max-width:880px;
}

.our-wordpress-plugins.full ul {
	margin-inline-start:-15px;
	margin-inline-end:-15px;
}

.our-wordpress-plugins.full ul li {
	width:25%;
	padding:0 10px;
	box-sizing:border-box;
}

.our-wordpress-plugins.full ul li .plugin-box {
	height:100%;
}

.our-wordpress-plugins.side-bar {
	margin-bottom:30px;
	width:30%;
	padding:0 20px;
	box-sizing:border-box;
	background:#ffffff;
}

.wp2fa-help-section {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:row-reverse;
	flex-direction:row-reverse;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content:flex-end;
	padding-bottom:20px;
	max-width:1170px;
}

.wp2fa-help-section.nav-tabs {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:row-reverse;
	flex-direction:row-reverse;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content:flex-end;
	padding-bottom:20px;
	max-width:1170px;
}

.wp2fa-help-main {
	width:60%;
	padding:10px 20px;
}

.wp2fa-logo {
	text-align:center;
}

.wp2fa-logo img {
	width:100%;
	max-width:350px;
}

.wp2fa-about p {
	word-break:break-all;
}

.title h2 {
	font-size:23px;
	font-weight:400;
	margin:0;
	padding:9px 0;
	line-height:29px;
}

#system-info-textarea {
	font-family:monospace;
	white-space:pre;
	overflow:auto;
	width:100%;
	height:400px;
	margin:0;
}

@media (max-width:991px) {
	.our-wordpress-plugins.full ul li {
		width:100%;
		max-width:255px;
		margin:0 auto;
		margin-bottom:20px;
	}

}

@media (max-width:767px) {
	.wp2fa-help-main {
		width:100%;
		padding-top:40px;
	}

	.our-wordpress-plugins.side-bar {
		width:100%;
		max-width:100%;
		margin:0 auto;
	}

	.wp2fa-help-section.nav-tabs {
		padding-top:30px;
	}

	.our-wordpress-plugins ul {
		margin-inline-end:-15px;
		margin-inline-start:-15px;
	}

	.our-wordpress-plugins ul li {
		width:33.33%;
		padding:0 15px;
		box-sizing:border-box;
	}

	.our-wordpress-plugins ul li .plugin-box {
		height:100%;
	}

}

@media (max-width:580px) {
	.our-wordpress-plugins ul li {
		width:50%;
		margin:0 auto;
		margin-bottom:30px;
	}

}

@media (max-width:400px) {
	.our-wordpress-plugins ul li {
		width:100%;
		margin:0 auto;
		margin-bottom:30px;
	}

}


/* ==============================================
   WP 2FA Admin Notices
   ============================================== */

.wp-2fa-admin-notice {
	border-inline-start: 4px solid #2271b1;
	/* background: #f0f6fc; */
	padding: 20px 24px;
	margin: 15px 20px 2px 20px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}

.wp-2fa-admin-notice p {
	margin: 0 0 14px;
	font-size: 14px;
	line-height: 1.6;
	color: #3c434a;
}

.wp-2fa-admin-notice p:last-of-type {
	margin-bottom: 0;
}

.wp-2fa-admin-notice strong,
.wp-2fa-admin-notice b {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #1d2327;
	margin-bottom: 6px;
}

.wp-2fa-admin-notice .button {
	margin-inline-end: 12px;
	padding: 6px 18px;
	font-size: 13px;
	line-height: 1.5;
	height: auto;
	border-radius: 3px;
	text-decoration: none;
	cursor: pointer;
	vertical-align: middle;
}

.wp-2fa-admin-notice .button-primary {
	background: #2271b1;
	border-color: #2271b1;
	color: #fff;
}

.wp-2fa-admin-notice .button-primary:hover,
.wp-2fa-admin-notice .button-primary:focus {
	background: #135e96;
	border-color: #135e96;
	color: #fff;
}

.wp-2fa-admin-notice .button-secondary {
	background: #fff;
	border: 1px solid #2271b1;
	color: #2271b1;
}

.wp-2fa-admin-notice .button-secondary:hover,
.wp-2fa-admin-notice .button-secondary:focus {
	background: #f0f0f1;
	border-color: #135e96;
	color: #135e96;
}

/* Salt/config notice buttons */
.wp-2fa-admin-notice #salt-update,
.wp-2fa-admin-notice #dismiss-salt-update {
	padding: 6px 18px;
	font-size: 13px;
	line-height: 1.5;
	height: auto;
	border-radius: 3px;
	cursor: pointer;
	vertical-align: middle;
	text-decoration: none;
}

.wp-2fa-admin-notice #salt-update {
	background: #2271b1;
	border: 1px solid #2271b1;
	color: #fff;
}

.wp-2fa-admin-notice #salt-update:hover,
.wp-2fa-admin-notice #salt-update:focus {
	background: #135e96;
	border-color: #135e96;
	color: #fff;
}

.wp-2fa-admin-notice #dismiss-salt-update {
	background: #fff;
	border: 1px solid #2271b1;
	color: #2271b1;
	margin-inline-start: 12px;
}

.wp-2fa-admin-notice #dismiss-salt-update:hover,
.wp-2fa-admin-notice #dismiss-salt-update:focus {
	background: #f0f0f1;
	border-color: #135e96;
	color: #135e96;
}

/* =============================================
   Secret/credential field masking with toggle
   ============================================= */
.wp2fa-secret-field-wrap {
	display: inline-flex;
	align-items: center;
	position: relative;
}

.wp2fa-secret-field-wrap input.wp2fa-secret-field {
	-webkit-text-security: disc;
	padding-right: 36px;
}

.wp2fa-secret-field-wrap input.wp2fa-secret-field.wp2fa-secret-visible {
	-webkit-text-security: none;
}

.wp2fa-secret-toggle {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	padding: 2px;
	cursor: pointer;
	color: #8c8f94;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wp2fa-secret-toggle:hover {
	color: #2271b1;
}

.wp2fa-secret-toggle svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
}
