* {
				word-break: break-all;
			}

			textarea {
				background-color: #F7F9FA;
				border: 0px;
				border-radius: 0.55rem;
				padding: 2px 4px;
				box-shadow: none;
				color: #5E6E80;
				width: 100%;
				height: 120px !important;
				box-shadow: inset 0px 0px 1px 1px rgb(50 174 77);
			}

			.pb-sm-2,
			.py-sm-2 {
				padding-bottom: 0px !important;
			}

			.class-2fa,
			hr {
				float: left;
				width: 100%;
			}

			.title-2fa {
				position: relative;
				color: #3B4B5E;
				font-size: 2rem;
				font-family: "Poppins", sans-serif;
				font-weight: 600;
			}

			.title-p {
				margin-bottom: 0px !important;
			}

			.input-2fa {
				background-color: #F7F9FA;
				border: 0px;
				border-radius: 0.55rem;
				box-shadow: none;
				color: #5E6E80;
				padding: 0.875rem 1.375rem 0.8125rem;
				outline: none !important;
				position: relative;
				width: 100%;
				box-shadow: inset 0px 0px 1px 1px rgb(50 174 77);
				font-size: 0.88rem;
				font-weight: 600;
			}

			.btn-get:hover,
			.btn-qr:hover {
				background: none;
				color: #000;
				box-shadow: inset 0px 0px 1px 1px rgb(50 174 77);
			}

			.input-2fa:focus {
				box-shadow: inset 0px 0px 2px 2px rgb(50 174 77);
				background: white;
			}

			.div-2fa {
				margin-bottom: 0.65rem;
				font-size: 0.88rem;
			}

			.div-2fa>span {
				margin-left: 0.55rem;
				font-weight: 600;
			}

			button {
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

			.message-class {
				font-weight: 300 !important;
			}

			.btn-get {
				background-image: linear-gradient(142.17deg, #009688 6.66%, #00d708de 91.48%);
				box-shadow: inset -0.25rem -0.25rem 0.3125rem rgba(0, 0, 0, 0.1), inset 0.25rem 0.25rem 0.3125rem rgba(255, 255, 255, 0.23);
				border-radius: 0.35rem;
				border: 0;
				color: #fff;
				cursor: pointer;
				font-size: 1rem;
				font-weight: 600;
				padding: 0.23rem 0.86rem;
			}

			#message_js,
			#message {
				margin-left: 1rem;
			}

			.btn-qr {
				float: right;
				border: 0px;
				background-image: linear-gradient(142.17deg, #009688 6.66%, #00d708de 91.48%);
				box-shadow: inset -0.25rem -0.25rem 0.3125rem rgba(0, 0, 0, 0.1), inset 0.25rem 0.25rem 0.3125rem rgba(255, 255, 255, 0.23);
				border-radius: 0.25rem;
				color: #fff;
				cursor: pointer;
				font-size: 0.88rem;
				font-weight: 600;
			}

			.modal {
				display: none;
				position: fixed;
				z-index: 1;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				overflow: auto;
				background-color: rgba(0, 0, 0, 0.4);
			}

			.modal-content {
				background-color: #fefefe;
				padding: 30px;
				position: fixed;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				border: 1px solid #888;
				max-width: 320px;
				overflow: hidden;
				text-align: center;
			}

			.close {
				color: #aaa;
				float: right;
				font-size: 28px;
				font-weight: bold;
			}

			.close:hover,
			.close:focus {
				color: black;
				text-decoration: none;
				cursor: pointer;
			}

			#qrcode {
				width: 250px;
				height: 250px;
				margin: auto;
				display: block;
			}

			.qr-text {
				text-align: center;
				font-size: 16px;
				margin: 20px 0px;
			}

			.del_2fakeys {
				background-image: linear-gradient(142.17deg, #ff6767 6.66%, #ae4c1ade 91.48%) !important;
			}

			.del_2fakeys:hover {
				box-shadow: inset 0px 0px 1px 1px rgb(249 78 78);
				background-image: none !important;
				color: red;
			}

			.index-cx a {
				margin-right: 12px;
			}