/*
* Plugin styles
*/

.gglstpvrfctn-codes-count-wrapper,
#gglstpvrfctn-toggle-codes {
	margin-bottom: 10px;
}

#gglstpvrfctn-status {
	margin-bottom: 20px;
}

#gglstpvrfctn-verified,
#gglstpvrfctn-not-verified {
	display: inline-block;
	vertical-align: baseline;
	margin: 0 5px;
}

#gglstpvrfctn-verified:before,
#gglstpvrfctn-not-verified:before {
	font-family: 'dashicons';
	font-size: 20px;
	vertical-align: middle;
}

#gglstpvrfctn-verified:before {
	content: '\f147';
	color: #46b450;
}

#gglstpvrfctn-not-verified:before {
	content: '\f158';
	color: #bbb;
}

#gglstpvrfctn-cancel-new-secret {
	display: none;
}

.gglstpvrfctn-link-button {
	padding: 0;
	color: #0073aa;
	background-color: transparent;
	text-decoration: none;
	border: none;
	outline: none;
}

.gglstpvrfctn-link-button:hover {
	color: #00a0d2;
	background-color: transparent;
	text-decoration: underline;
	border: none;
	outline: none;
	cursor: pointer;
}

#gglstpvrfctn-qr-link {
	margin: 15px 0;
}
.js #gglstpvrfctn-secret-manual {
	padding: 20px;
	margin: 10px 0;
	text-align: center;
	background-color: #f2eccc;
}
#gglstpvrfctn-new-secret {
	margin-top: 10px;
	font-size: 16px;
	font-weight: bold;
}
#gglstpvrfctn-test-success-message,
#gglstpvrfctn-test-fail-message {
	display: none;
	font-weight: bold;
}
#gglstpvrfctn-test-success-message {
	color: #46b450;
	padding: 10px 0;
}
#gglstpvrfctn-test-fail-message {
	color: #dc3232;
	background-color: #f1f1f1;
	padding: 10px;
	margin-top: 15px;
	float: left;
}
.rtl #gglstpvrfctn-test-fail-message {
	float: right;
}
#gglstpvrfctn-get-new-secret {
	vertical-align: baseline;
}
/* Backup Codes tab */
.gglstpvrfctn-codes-count-wrapper span,
#gglstpvrfctn-generate-backup-codes {
	vertical-align: baseline;
}
#gglstpvrfctn-backup-codes-wrapper td {
	padding: 8px 5px;
}
.gglstpvrfctn-few-codes {
	color: #dc3232;
}
#gglstpvrfctn-toggle-codes {
	display: none;
	padding: 1px 0;
	margin-top: 10px;
}
#gglstpvrfctn-qr-link,
#gglstpvrfctn-test-success-message,
#gglstpvrfctn-test-fail-message {
	display: none;
}
input.gglstpvrfctn-invalid {
	border: 2px solid #dc3232;
}
input.gglstpvrfctn-valid {
	border: 2px solid #5b9dd9;
}
.gglstpvrfctn-error {
	color: #dc3232;
}

/* secret question block */
#gglstpvrfctn-question-data input {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 10px;
}
#gglstpvrfctn-cancel-question-data {
	padding-top: 5px;
	padding-bottom: 15px;
}
#gglstpvrfctn-question-notice-save {
	display: inline-block;
	vertical-align: sub;
	padding-left: 10px;
}

/* secret question message */
.gglstpvrfctn-question-data-not-saved::before,
.gglstpvrfctn-question-data-saved::before {
	font-family: 'dashicons';
	font-size: 20px;
	vertical-align: middle;
}
.gglstpvrfctn-question-data-not-saved::before {
	content: '\f158';
	color: #dc1414;
}
.gglstpvrfctn-question-data-saved:before {
	content: '\f147';
	color: #46b450;
}
.gglstpvrfctn-toggle-password {
	line-height: 30px;
}