span.cla, td.cla{
	cursor: pointer;
}

.invfrm {
	> table {



		td {
			max-height: 2.5rem;
			background-color: #F4F4F4;


			&.sh_s {
				color: #bf4b06;
			}

			&.av {
				border: 2px solid red;

				+ td.vsel select {
					display: block;
				}
			}

			&.tags .tag {
				display: inline-block;
				padding: 0.1rem 0.3rem;
				background: #FFF;
				margin-top: 0.2rem;
				border: 1px solid #CCC;
				border-radius: 0.3rem;
				font-weight: 300;
				font-size: 0.8rem;
				text-rendering: geometricprecision;

				&.abrechnung_projekt {
					background-color: #1A237E;
					color: #FFF;
				}

				&.angebot_erstellt {
					background-color: #1A237E;
					color: #FFF;
				}

				&.auftrag_erhalten {
					background-color: #427323;
				}

				&.folgeauftrag {
					background-color: #00ACC1;
					color: #FFF;
				}

				&.gutschrift {
					background-color: #D81B60;
				}

				&.korrektur {
					background-color: #D81B60;
				}

				&.rechnung_erledigt {
					background-color: #427323;
					color: #FFF;
				}

				&.topkunde__vip_kunde {
					background-color: #000000;
					color: #FFF;
				}

				&.zur_rechnungsstellung {
					background-color: #ffd600;
				}

				&.fibu_bitte_mit_doris_abstimmen {
					background-color: #D81B60;
					font-size: 1rem;
					padding: 0.15rem 0.5rem;
				}
			}

			> .ctw {
				display: block;
				position: relative;
				max-height: 2.5rem;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			
		}

		tr {
			&.tbhd td {
				opacity: 0.3;
			}

			&:not(.alt) + tr.alt td, &.alt + tr:not(.alt) td {
				border-top: 1px solid #727272;
			}

			th {
				background-color: $fuchs_blau_60;
				color: $fuchs_weiss;
				text-align: left;
			}

			&:hover td {
				border-top-color: orangered !important;
				border-top-width: 2px;
			}

			&.alt td { //&:nth-child(2n+1) td {
				background-color: #E5E5E5;
				border-color: #CCC;

				&.hl {
					background-color: lightyellow;
				}
			}


			&.child td.name {
				color: $fuchs_akzent;
				position: relative;
				padding-left: 1.8rem;

				&::after {
					content: '';
					background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDMyIDMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZS8+PGcgZGF0YS1uYW1lPSIxNS1BcnJvdy1kaXJlY3Rpb24tcG9pbnRlciIgaWQ9Il8xNS1BcnJvdy1kaXJlY3Rpb24tcG9pbnRlciI+PHBvbHlsaW5lIHBvaW50cz0iMjEgMzEgMjcgMjQgMjEgMTYiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMwMDA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoycHgiLz48cG9seWxpbmUgcG9pbnRzPSIyNiAyNCA1IDI0IDUgMSIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjJweCIvPjwvZz48L3N2Zz4=') no-repeat center center;
					position: absolute;
					left: 0.3rem;
					width: 1rem;
					height: 1rem;
					top: 0.7rem;
				}
			}
		}
	}


}




.rfrm {
	min-width: 200px;
	min-height: 200px;
}

table.if {
	border-collapse: collapse;
	margin: 1rem 0;
	background: #FFF;

	tr {
		&:nth-child(2n+1) td {
			background-color: #F9F9F9;
		}

		&.title td {
			background-color: $fuchs_akzent;
			color: white;

			.eid {
				font-weight: bold;
				margin: 0 1rem 0 0.5rem;
				font-size: 140%;
			}

			.nme {
				font-size: 110%;
			}
		}

		&.shd td {
			font-style: italic;
			color: #BBB;
			background-color: #FFF;
			background-color: #FFF !important;
			font-size: 90%;
		}
	}

	td {
		padding: 0.2rem 0.35rem;
		border: 1px solid #DDD;
	}

	th, td {
		&.currency, &.num {
			text-align: right;
			white-space: nowrap;
		}

		&.keep {
			white-space: nowrap;
		}
	}
}

#listframe {
	.lh {
		margin: 1.5rem 0 1.25rem 1.5rem;
		text-decoration: underline;
		font-size: 1rem;
		font-weight: bolder;
	}

	li.cli {
		border-bottom: 1px solid #CCC;
		margin-bottom: 1rem;
		list-style: none;

		.lihd, .lidt {
			padding: 0 0.5rem 0.5rem 3rem;
			position: relative;
			display: block;

			.nme {
				display: block;
				margin-top: 0.5rem;
			}
		}

		.lidt > div {
			display: block;
			&.ivn{
				max-width: 30rem;
			}
		}

		.cbox {
			height: .85rem;
			width: .85rem;
			display: inline-block;
			position: absolute;
			left: 0;
			top: 0;

			&::before {
				content: '\e157';
				font-family: 'Glyphicons Halflings';
				font-size: 24px;
				font-style: normal;
				font-weight: 400;
				line-height: 1;
				cursor: pointer;
			}
		}

		.dli {
			height: .85rem;
			width: .85rem;
			display: inline-block;
			position: absolute;
			left: 0;
			top: 0;

			&::before {
				content: '\e166';
				font-family: 'Glyphicons Halflings';
				font-size: 24px;
				font-style: normal;
				font-weight: 400;
				line-height: 1;
				cursor: pointer;
			}
		}

		&.checked .cbox::before {
			content: '\e067';
		}
	}
}