/* Licensed under the Apache License, Version 2.0 (the "License") http://www.apache.org/licenses/LICENSE-2.0 */
.hash-panel-main.app {
	width: 100%;
	height: calc(100% - var(--header-height));
}
.nettest {
	padding: 20px;
	height: 100%;

	.test-container {
		display: inline-block;
		position: relative;
		width: 200px;

		button {
			&.not-started, &.started {
				color: var(--bs-secondary);
				border-color: var(--bs-secondary);
			}
			&:hover {
				color: var(--bs-white);
				border-color: transparent;
			}
			&.not-started:hover, &.started:hover {
				background-color: var(--bs-secondary);
			}
			&.complete {
				color: var(--bs-success);
				border-color: var(--bs-success);

				&:hover {
					background-color: var(--bs-success);
				}
				i::before {
					content: '\f00c';
				}
			}
			&.not-started i::before {
				content: '\f04b';
			}
			&.started i {
				animation: fa-spin 2s linear infinite;

				&::before {
					content: '\f110';
				}
			}
		}
		.value {
			min-height: 3em;
		}
		.card-title {
			white-space: nowrap;
		}
	}
	.output {
		border-radius: 10px;
		border: 1px solid #cccccc;
		min-height: calc(100% - 170px);
		max-height: calc(100% - 170px);
		margin-top: 20px;
		overflow: auto;

		.module {
			color: #6b0df7;
			padding: 0 5px;
		}
		.delim {
			color: green;
		}
		.value {
			color: green;
			padding: 0 5px;
		}
	}
}
