.apikeysconfig {
	.margin-top-extd {
		margin-top: 2em;
	}

	fieldset {
		legend {
			font-size: 12px;
			font-weight: bold;
			padding: 24px;
			color: $text-color-light;
			border-bottom: 3px solid $brand-primary;
			margin-bottom: 0;
		}

		.form-group {
			margin: 0;
			padding: 12px;

			&:nth-last-child(even) {
				background-color: #F9F9F9;
			}

			label {
				line-height: 30px;
				margin-bottom: 0;
				font-weight: normal;
			}
		}
	}

	.button-container {
		margin-top: 24px;
	}

	table {
		&.apitoken {
			margin-top: 24px;

			tr {
				th {
					border-top: none;
					border-bottom: 1px solid #CCCCCC;
				}

				&.invalid-token {
					td {
						background-color: #F5D4D8;
					}
				}

				&.token {
					border-bottom: 1px solid #CCCCCC;

					textarea {
						&.token {
							padding: 6px;
							word-break: break-all;
							width: 100%;
							height: auto;
							border: 1px solid #CCCCCC;
							resize: vertical;
						}
					}
				}
			}

			.copytoken.btn {
				border: none;
				background: unset;
				font-size: 24px;

				&:hover {
					color: $brand-primary !important;
				}
			}
		}
	}
}