.maincontainer > .tabview__panels {
	padding: 10px 0;
}

.inputresult__table {
	margin-top: 15px;
}

tbody tr td {
	box-shadow: none;
}

.label {
	color: rgb(var(--textcolor-secondary)) !important;
	text-align: end;
	vertical-align: top;
	padding-top: 11px;
	max-width: var(--paragraph-min-length);
}

.label.hasmethod {
	cursor: help;
}

.post:not(:empty) {
	padding-right: 20px;
}

.post span {
	text-align: center;
	display: block;
}

span.function {
	font-size: 1.1em;
	margin-right: 5px;
}

td.input {
	display: flex;
	width: 260px;
	flex-flow: column;
}

.input__element {
	display: flex;
	min-height: 28px;
	align-items: center;
}

.input__element select[disabled],
.input__element input[disabled] {
	color: rgb(var(--textcolor-main));
}

.input__radios {
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	margin: calc(var(--spacing-medium) * -1) 0 0 calc(var(--spacing-medium-large) * -1);
}

.input__radios label {
	margin: var(--spacing-medium-large) 0 0 var(--spacing-medium-large);
	font-size: var(--size-base);
	color: rgb(var(--textcolor-secondary));
	display: flex;
	align-items: start;
	min-width: 113px;
}

.input__radios input[type="radio"] {
	min-width: 20px;
}

.input__radios label.outer_spec,
.input__radios label.inner_spec,
.input__radios label.in_spec {
	font-weight: var(--fontweight-normal);
	background-color: unset !important;
}

.input__radios label.outer_spec input[type="radio"],
.input__radios label.in_spec input[type="radio"] {
	background-color: rgb(var(--background-input));
}

.input__radios label.outer_spec input[type="radio"]:checked,
.input__radios label.in_spec input[type="radio"]:checked {
	justify-content: center;
	align-items: center;
}

.input__radios label.outer_spec input[type="radio"]:checked:after,
.input__radios label.in_spec input[type="radio"]:checked:after {
	font-family: "Font Awesome Pro Light";
	font-size: var(--size-small);
	margin: 0;
	height: unset;
	width: unset;
}

.input__radios label.outer_spec input[type="radio"]:checked {
	border: 1px solid rgb(var(--border-error-hard));
}

.input__radios label.outer_spec input[type="radio"]:checked:after {
	content: "\f00d";
	color: rgb(var(--icon-error));
	background-color: rgb(var(--background-input));
}

.input__radios label.outer_spec span {
	color: rgb(var(--textcolor-error));
}

.input__radios label.in_spec input[type="radio"]:checked {
	border: 1px solid rgb(var(--border-success-hard));
}

.input__radios label.in_spec input[type="radio"]:checked:after {
	content: "\f00c";
	color: rgb(var(--icon-success));
	background-color: rgb(var(--background-input));
}

.input__radios label.outer_spec span {
	background-color: unset !important;
	border: none !important;
	font-weight: var(--fontweight-normal);
	padding: 0;
}

.input__radios label.inner_spec span {
	color: rgb(var(--textcolor-secondary)) !important;
	padding: 0;
}

.input__radios label.in_spec span {
	color: rgb(var(--textcolor-success)) !important;
	padding: 0;
}

td.input input:not([type="checkbox"], [type="radio"]),
td.input textarea,
td.input select {
	flex-grow: 1;
	min-width: 0;
}

input:not([type="checkbox"], [type="radio"]).value {
	height: 28px;
}

select.value.empty--required {
	margin-right: 0;
	min-width: 193px;
}

.datetime:not(:last-child),
.date:not(:last-child) {
	border-radius: 5px 0 0 5px;
}

.inputresult__toolbar .icon-show,
.panel .icon-show {
	margin-left: 5px;
	margin-right: 5px;
}

.tabview .btn .badge {
	vertical-align: baseline;
	font-size: var(--size-small);
}

/* region eSignature */
.form--esignature .inputresult__toolbar .btn__commit {
	display: flex;
	align-items: center;
}

.form--esignature .inputresult__toolbar .btn__commit .icon-esignature {
	margin-left: var(--spacing-small);
}

.form--esignature .inputresult__toolbar .btn__commit[data-show-panel="false"] .icon-esignature {
	display: none;
}

.form--esignature .inputresult__toolbar .btn__commit[data-show-panel="true"] .icon-esignature {
	display: inline-flex;
}

.form--esignature .signature__field--checked {
	cursor: default;
}

.form--esignature .signature__field--checked input[type="checkbox"] {
	background-color: rgb(var(--background-selected));
}

.form--esignature .signature__field--checked .signature__label {
	color: rgb(var(--textcolor-secondary));
}

.form--esignature .signature__field--checked input[type="checkbox"]:after {
	color: rgb(var(--icon-selected));
}

.panelcontent--auth {
	max-width: 450px;
}
/* endregion */

/* region icons with blue background */

/* region calendar icon */
td.input .icon-calendar {
	background-color: rgb(var(--background-actbtn));
	color: rgb(var(--textcolor-actbtn)) !important;
	padding: 0 0.5em;
	border-radius: 0 5px 5px 0;
	margin-left: -1px;
	display: flex;
	align-items: center;
	min-height: 28px;
}

td.input .icon-calendar:before {
	margin-top: -1px;
}

td.input .icon-calendar:hover {
	transform: unset !important;
	background-color: rgb(var(--background-actbtn-hover));
}
/* endregion */

/* region "now" button */
.btn[role="now"] {
	background-color: rgb(var(--background-actbtn));
	color: rgb(var(--textcolor-actbtn));
	border: none;
	border-radius: 0 5px 5px 0;
	margin-left: -5px;
	height: 28px;
	display: flex;
	align-items: center;
}

.btn[role="now"]:focus {
	outline: solid medium rgb(var(--focus-input));
}

.btn[role="now"]:hover {
	background-color: rgb(var(--background-actbtn-hover));
}
/* endregion */

/* endregion */

/* region attachments */

.inputresult__filetitle {
	width: 230px;
}

/* endregion */

/* region listOptionAttachmentsMixin */

div#attachmentImageContainer {
	float: right;
	max-width: 50%;
}

img.attachmentDrawing {
	border: 1px solid rgb(var(--border-hard));
	padding: 1px;
	display: block;
	margin: 5px;
	float: right;
	max-width: 600px;
}

/* endregion */

/* region operators (< or >) */

form:not(.showOperators) .operator {
	display: none;
}

.showOperators .operator {
	display: inline-block;
}

.showOperators .value.numeric:not(.calculation) {
	width: 135px;
	margin-left: var(--spacing-extra-small);
}

/* endregion */

/* region specifications */

input.outer_spec,
input.inner_spec {
	margin-bottom: -2px; /* compensate for thicker border-bottom */
}

input.inner_spec.numeric {
	color: rgb(var(--textcolor-warning));
}

span#spectrafficlight {
	margin-top: 2px;
	margin-right: var(--spacing-medium);
}

span#spectrafficlight.badge {
	border-bottom: 0 !important;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
}

span#spectrafficlight.badge:after {
	font-family: "Font Awesome Pro Light";
	color: rgb(var(--icon-selected));
}

span#spectrafficlight.badge--info {
	background-color: rgb(var(--tooltip-arrow));
}

span#spectrafficlight.badge.outer_spec {
	background-color: rgb(var(--red-475));
	color: rgb(var(--textcolor-decorative));
}

span#spectrafficlight.badge.outer_spec:after {
	content: "\f057";
}

span#spectrafficlight.badge.goal_spec {
	background-color: rgb(var(--green-475));
	color: rgb(var(--textcolor-decorative));
}

span#spectrafficlight.badge.goal_spec:after {
	content: "\f058";
}

span#spectrafficlight.badge.inner_spec {
	background-color: rgb(var(--background-warning));
	color: rgb(var(--textcolor-decorative-dark));
}

span#spectrafficlight.badge.inner_spec:after {
	content: "\f056";
}

/* endregion */

/* region delimiter */

.delimiter {
	font-weight: var(--fontweight-semibold);
}

.delimiter-main .collapseable__label {
	font-size: var(--size-icon-base);
}

.delimiter-sub {
	font-size: var(--size-base);
}

.delimiter td {
	padding-top: 40px;
}

.delimiter-title {
	color: rgb(var(--textcolor-link));
}

.hrWithText {
	box-shadow: inset 0 -1px rgb(var(--border-soft));
}

.hrWithText + tr td {
	padding-top: 20px;
}

form[name="inputResult"] tbody.collapseable--collapsed tr:not(.delimiter-main) {
	display: none;
}

form[name="inputResult"] div.delimiter-title {
	display: inline-block;
	max-width: 700px;
}

form[name="inputResult"] hr {
	background-color: rgb(var(--border-soft));
	height: 1px;
	border: none;
}

input[name="toggleDelimiters"] {
	margin-right: 5px;
}

.delimiter-index {
	min-width: 30vw;
	white-space: normal;
}

/* endregion */

/* region wide form styles */

form[name="inputResult"].wide td.input {
	width: 410px;
}

form[name="inputResult"].wide textarea.value {
	height: 100px;
}

/* endregion */

/* region elementtooltip */

span.elementtooltip > .text {
	display: none;
}

@media print {
	.capsule {
		height: unset;
	}

	.icon.elementtooltip {
		display: inline;
	}

	span.elementtooltip > .text {
		display: inline;
		font-family: Arial, sans-serif;
		font-size: 0.8em;
		color: rgb(var(--textcolor-main));
	}
}

/* endregion */

/* region Tanatex inputResult */

li.testFrequencyMatches {
	color: green;
}

li.testFrequencyMatches:before {
	content: "\2713";
}

/* endregion */

/* region media query */
@media (max-width: 768px) {
	#wideFormToggle {
		display: none;
	}

	body:not(.noToolbar) .inputresult__table tr {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-areas:
			"label label label"
			"input input input"
			"post post icons";
		margin-bottom: 1.5em;
	}

	body.noToolbar table.inputresult__table td {
		display: table-cell;
	}

	.inputresult__table tr td.input {
		grid-area: input;
	}

	.inputresult__table tr .label {
		grid-area: label;
		text-align: start;
	}

	.inputresult__table tr .post {
		grid-area: post;
	}

	.inputresult__inputicons {
		text-align: end;
		grid-area: icons;
	}

	.inputresult__attachmentupload {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			"filewrapper filewrapper"
			"title plus";
	}

	.inputresult__attachmentupload .filewrapper {
		grid-area: filewrapper;
	}

	.inputresult__attachmentupload .inputresult__filetitlecontainer {
		grid-area: title;
	}

	.inputresult__attachmentupload .inputresult__attachmenticon {
		grid-area: plus;
	}
}

/* region animations */
@keyframes pulse-red {
	0% {
		box-shadow: 0 0 0 0 rgba(var(--red-475), 0.7);
	}
	70% {
		box-shadow: 0 0 0 8px rgba(var(--red-475), 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(var(--red-475), 0);
	}
}

@keyframes pulse-green {
	0% {
		box-shadow: 0 0 0 0 rgba(var(--icon-success), 0.7);
	}
	70% {
		box-shadow: 0 0 0 8px rgba(var(--icon-success), 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(var(--icon-success), 0);
	}
}

@keyframes pulse-yellow {
	0% {
		box-shadow: 0 0 0 0 rgba(var(--icon-warning), 0.7);
	}
	70% {
		box-shadow: 0 0 0 8px rgba(var(--icon-warning), 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(var(--icon-warning), 0);
	}
}

.animationsEnabled #spectrafficlight {
	transition: background-color 0.25s ease-in;
}

.animationsEnabled #spectrafficlight.outer_spec {
	animation: pulse-red 0.75s ease-in;
}

.animationsEnabled #spectrafficlight.goal_spec {
	animation: pulse-green 0.75s ease-in;
}

.animationsEnabled span#spectrafficlight.inner_spec {
	animation: pulse-yellow 0.75s ease-in;
}

@media (prefers-reduced-motion) {
	.animationsEnabled #spectrafficlight.outer_spec,
	.animationsEnabled #spectrafficlight.goal_spec,
	.animationsEnabled span#spectrafficlight.inner_spec {
		animation: none;
		transition: none;
	}
}
/* endregion */