/* LSU secure styling for My2FA */
.my2fa__usercp-content { padding-left: 12px; }
.my2fa__setup-methods,
.my2fa__trusted-devices,
.my2fa__activation .tborder,
.my2fa__verification .tborder,
.my2fa__password-confirmation .tborder,
.my2fa__verification-methods {
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.09) !important;
	border-radius: 9px;
	background: #0e1720;
	box-shadow: 0 12px 28px rgba(0,0,0,.10);
}
.my2fa__setup-methods .thead,
.my2fa__trusted-devices .thead,
.my2fa__activation .thead,
.my2fa__verification .thead,
.my2fa__password-confirmation .thead,
.my2fa__verification-methods .thead {
	padding: 14px 16px !important;
	border-bottom: 1px solid rgba(255,255,255,.08) !important;
	background: #111c27 !important;
	color: #f3f6f7 !important;
	font-size: 11px;
}
.my2fa__setup-methods .tcat,
.my2fa__trusted-devices .tcat,
.my2fa__activation .tcat,
.my2fa__password-confirmation .tcat,
.my2fa__verification-methods .tcat {
	padding: 10px 16px !important;
	border-bottom: 1px solid rgba(255,255,255,.06) !important;
	background: #0b131b !important;
	color: #7890a3 !important;
	font-size: 8px;
	letter-spacing: .05em;
	text-transform: uppercase;
}
.my2fa__method-row td,
.my2fa__setup-methods .trow1,
.my2fa__trusted-devices .trow1,
.my2fa__trusted-devices .trow2,
.my2fa__activation .trow1,
.my2fa__verification .trow1,
.my2fa__password-confirmation .trow1,
.my2fa__verification-methods .trow1 {
	padding: 13px 16px !important;
	border-color: rgba(255,255,255,.07) !important;
	background: #0f1922 !important;
	color: #e6edf0 !important;
}
.my2fa__method-row:hover td { background: #111e28 !important; }
.my2fa__method-row strong { color: #f5f8f9; font-size: 10px; }
.my2fa__method-row .smalltext { margin-top: 3px; color: #8ca0b0; font-size: 8px; }
.my2fa__status {
	display: inline-flex;
	margin-left: 7px;
	padding: 3px 7px;
	border-radius: 999px;
	font-size: 7px;
	font-weight: 800;
	line-height: 1;
}
.my2fa__status--enabled {
	border: 1px solid rgba(186,255,42,.27);
	color: #baff2a;
	background: rgba(186,255,42,.07);
}
.my2fa__method-controls { width: 1%; white-space: nowrap; text-align: right !important; }
.my2fa__method-controls form { display: inline-block; margin-left: 5px; }
.my2fa__method-button,
.my2fa__confirm-button,
.my2fa__remove-trusted-devices-button {
	min-height: 36px;
	padding: 0 14px !important;
	border-radius: 6px !important;
	font-size: 8px !important;
	font-weight: 900 !important;
	line-height: 34px !important;
	box-shadow: none !important;
	cursor: pointer;
}
.my2fa__method-button--activate,
.my2fa__confirm-button {
	border: 1px solid #9ce516 !important;
	background: #9ce516 !important;
	color: #0a1105 !important;
}
.my2fa__method-button--activate:hover,
.my2fa__confirm-button:hover { background: #baff2a !important; }
.my2fa__method-button--deactivate,
.my2fa__remove-trusted-devices-button {
	border: 1px solid rgba(255,72,72,.45) !important;
	background: rgba(185,24,24,.20) !important;
	color: #ff7b7b !important;
}
.my2fa__method-button--deactivate:hover,
.my2fa__remove-trusted-devices-button:hover { background: rgba(185,24,24,.34) !important; }
.my2fa__method-button--manage {
	border: 1px solid rgba(186,255,42,.25) !important;
	background: rgba(186,255,42,.06) !important;
	color: #baff2a !important;
}
.my2fa__method-button--link {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #baff2a !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	cursor: pointer;
}
.my2fa__verification,
.my2fa__verification-methods { max-width: 680px; text-align: center; }
.my2fa__verification { margin: 0 auto; }
.my2fa__activation-content,
.my2fa__verification-content { text-align: center; }
.my2fa__activation-content p,
.my2fa__verification-content p { color: #9aabb8; line-height: 1.65; }
.my2fa__code-input {
	width: 210px !important;
	max-width: 100%;
	box-sizing: border-box;
	padding: 12px 14px !important;
	border: 1px solid rgba(186,255,42,.24) !important;
	border-radius: 7px !important;
	background: #091119 !important;
	color: #f4f8f9 !important;
	font-size: 20px !important;
	font-weight: 900;
	letter-spacing: .28em;
	text-align: center;
	caret-color: #baff2a;
}
.my2fa__code-input:focus {
	border-color: #baff2a !important;
	box-shadow: 0 0 0 3px rgba(186,255,42,.08) !important;
	outline: 0;
}
.my2fa__qr-code {
	display: inline-grid;
	place-items: center;
	margin: 18px auto;
	padding: 14px;
	border: 1px solid rgba(186,255,42,.22);
	border-radius: 10px;
	background: #fff;
}
.my2fa__qr-code svg,
.my2fa__qr-code img { display: block; max-width: 220px; height: auto; }
.my2fa__secret-modal { text-align: center; }
.my2fa__secret-modal code {
	display: inline-block;
	padding: 10px 12px;
	border-radius: 6px;
	background: #081017;
	color: #baff2a;
	font-size: 12px;
	letter-spacing: .08em;
	word-break: break-all;
}
.my2fa__form-buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
}
.my2fa__cancel-button {
	min-height: 34px;
	padding: 0 13px;
	display: inline-flex;
	align-items: center;
	border: 1px solid rgba(255,255,255,.10);
	border-radius: 6px;
	background: rgba(255,255,255,.025);
	color: #9aacb9 !important;
	font-size: 8px;
	font-weight: 800;
}
.my2fa__trust-device {
	max-width: 680px;
	margin: 0 auto;
	padding: 12px 14px;
	box-sizing: border-box;
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 8px;
	background: #0e1720;
	text-align: left;
}
.my2fa__trust-device input { vertical-align: middle; accent-color: #baff2a; }
.my2fa__other-trusted-devices-log {
	width: 100%;
	margin: 14px 0;
	border-collapse: collapse;
	border: 1px solid rgba(255,255,255,.08);
	text-align: center;
}
.my2fa__other-trusted-devices-log caption {
	padding: 8px;
	background: rgba(186,255,42,.06);
	color: #baff2a;
	font-weight: 800;
}
.my2fa__other-trusted-devices-log th,
.my2fa__other-trusted-devices-log td { padding: 8px 10px; border: 1px solid rgba(255,255,255,.07); }
.my2fa__password-confirmation { max-width: 390px; margin: 0 auto; }
.my2fa__password-confirmation input[type="password"] { width: 100%; box-sizing: border-box; }
.my2fa__password-confirmation-fields { margin-bottom: 6px; }
.my2fa__alert { margin-bottom: 10px; border-radius: 7px; }
@media (max-width: 720px) {
	.my2fa__usercp-content { padding-left: 0; }
	.my2fa__method-row td { display: block; width: auto !important; }
	.my2fa__method-controls { text-align: left !important; }
	.my2fa__method-controls form { margin: 5px 5px 0 0; }
	.my2fa__form-buttons { flex-direction: column-reverse; }
	.my2fa__form-buttons > * { width: 100%; box-sizing: border-box; justify-content: center; }
}