/* ID:17004 */
@charset "utf-8";

/*general table*/
table tbody td,
table thead th {
	box-sizing: border-box;
	padding: .5ex 1ex 1ex 1ex;
	text-align:left;
	vertical-align: top;
	p{
		margin:0;
	}
}

/* Header mitscrollen lassen (in Verwendung mit fixer Höhe + Breite) */
div.tableWrapper{
	/* fix table sidebar overlap
	 hintergrundschatten für scrollhinweis*/
	background: linear-gradient(to right, white 100%, rgba(255, 255, 255, 0)) left,
		linear-gradient(to left, rgba(255, 255, 255, 0), white 0%) right,
		linear-gradient(to left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) right,
		linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) left;
	background-repeat: no-repeat;
	background-color: white;
	background-size: 2rem 100%,
		3rem 100%,
		3rem 100%,
		2rem 100%;
	background-attachment: local, local, scroll, scroll;
	margin-bottom: 3ex;
	max-height: 95vh;
	max-width: 100%;
	overflow-x: auto;
	width: fit-content;
	thead{
		position: sticky;
		top: 0;
		z-index: 2;
	}

	table.innerLogTable thead{
		position: initial;
		top: unset;
		z-index: unset;
	}
}

/*kleinerer Schatten rechts auf Mobilgeräten*/
body.touch div.tableWrapper{
	background-size:
		2rem 100%,
		2rem 100%,
		2rem 100%,
		2rem 100%;
}

table.dataRows tbody td{
	text-align:right;
}

td[class=""],
td.iconField,
th.iconField{
	/*this is when icon-columns are generated by showtable*/
	text-align:center;
	white-space: nowrap;
	width: 4em;
}
td.iconField,
th.iconField{
	button,
	a.button,
	span.button{
		margin:0;
	}
}
td.dateField{
	white-space: nowrap;
}

table.filter{
	tbody td,
	thead th {
		padding: 3px 1ex 3px 1ex
	}
}

thead tr,
tr.header{
	td,
	th,
	a{
		background-color: #EDEDED;
		color: black;
		font-weight: normal;
		padding: 0.3ex 1ex 0 1ex
	}
}

.sammelListe{
	tr.header th{
		border-radius: 5px 5px 0 0;
		padding:0.6em 0 0.6em 1em;
	}
	tr th{
		background-color: var(--accordionColor) !important;
		color: var(--accordionFontColor) !important;
	}
}

table{
	tr:hover{
		td.left{
			background-color: whitesmoke;
			a, a:active,a:focus, a:hover {
				color:white !important;
			}
		}
	}
	tbody tr{
		color: var(--mainfontColor);
	}
	&.we_switcher tbody tr{
		color: white;
	}

	&.Tabelle_Matrix{
		& > thead tr,
		td:first-child {
			background: #EDEDED;
		}
		thead tr,
		td:first-child {
			color: var(--themeColor);
		}
	}
	&.Tabelle_Kompakt{
		td {
			padding-top: .5ex;
			padding-bottom: .5ex;
		}
	}
	caption{
		background: #FBFBFB;
	}
}

table.Tabelle_Trenner{
	th[class=""]{
		text-align:center;
	}

	tr:last-of-type td {
		border-bottom: none;/*nur unten weg, sonst werden die borders bei Summen nicht angezeigt*/
	}
	/* make all 'Fällig seit' columns same width*/
	td.Flligseit {
		width: 4%;
	}
	td.Status {
		i.fa-lg.color{
			vertical-align: sub;
			width: 2em;
		}
		button[type="button"] {
			margin-right: 0;
		}
	}
	/* Datumseintrag muss genügend Platz für Darstellung haben*/
	td.Datum,
	th.Datum{
		min-width:8em;
	}

	&.editTable > tbody{
		> tr{
			background: unset;
			> td{
				border: none;
			}
		}
	}
}

table.sort{
	thead{
		td, /* für die Tinyklasse sort (Head ist hier thead td)*/
		th{
			div.tablesorter-header-inner{
				cursor: pointer;
				min-height: 3ex;
				padding-right:2ex;
				position:relative;
				&:after{
					font-family: var(--fa-font);
					font-weight: 900;
					position:absolute;
					right:.2ex;
					top:0;
				}
			}
			&.sorter-false div.tablesorter-header-inner{
				cursor: default;
				padding-right:0;
				&:after{
					display:none;
				}
			}
			&.tablesorter-headerUnSorted div.tablesorter-header-inner:after{
				content:var(--fa-var-sort);
			}
			&.tablesorter-headerAsc div.tablesorter-header-inner:after{
				content:var(--fa-var-sort-up);
			}
			&.tablesorter-headerDesc div.tablesorter-header-inner:after{
				content:var(--fa-var-sort-down);
			}
		}
	}
	@media print {
		tr.tablesorter-ignoreRow{
			display:none;
		}
	}
	tr.filtered{
		display:none;
	}
	tr.tablesorter-filter-row{
		td:before{
			display:none;
		}
		td{
			padding-left: 0.1ex;
			padding-right: 0.1ex;
			input.tablesorter-filter{
				border-radius: 5px;
				box-sizing: border-box;
				min-width: unset;
				width:100%;
				&.disabled{
					display:none
				}
			}
		}
	}
}

.fullWidth{
	min-width: 100%;
}

table.centered{
	margin-left: auto;
	margin-right: auto;
}
table.terminTable {
	td.empty, thead th.empty{
		background: #00000000!important;
	}
}

/* table cell separators*/
table:not(.kachel) {
	&.Tabelle_Trenner	{
		thead {
			th,
			td{
				&:before{
					background: #FDFDFD;
				}
			}
		}
		tbody td {
			&:before{
				background: #D0D0D0;
			}
		}
		td,
		th{
			position: relative;
			&:before{
				bottom: 1ex;
				content: "";
				left:0;
				position: absolute;
				top: 1ex;
				width: 1px;
			}
			&:first-of-type:before{
				display:none;
			}
		}
	}
	&.stickyCol-1,
	&.stickyCol-2{
		tr{
			background-color: white;
		}
		tr td{
			background-color:inherit;
		}
	}
	&.stickyCol-1{
		td, th{
			&:nth-child(1){
				position: sticky;
				left: 0;
				z-index: 1;
			}
		}
	}
	&.stickyCol-2{
		td, th{
			&:nth-child(2){
				position: sticky;
				left: 0;
				z-index: 1;
			}
		}
	}
}

/*remove at last col*/
table.Tabelle_Matrix td:nth-of-type(2):before{
	display:none;
}

/*don't display in specific tables*/
table.filter,
table.login,
table.editTable{
	/* nur direkte Kinder, verschachtelte Tabellen sollen funktionieren */
	> tbody > tr > td:before{
		display: none;
	}
}

table:not(.kachel){
	&.Tabelle_Trenner{
		border: none;
		border-spacing: 0;
		tbody td {
			border-bottom-width: 1px;
			border-bottom-style: solid;
		}
	}
	&.Tabelle_Matrix,
	&.Tabelle_Trenner{
		tbody td {
			border-bottom-color: var(--themeColor);
			border-bottom-style: solid;
			border-bottom-width: 1px;
		}
		tbody tr:last-of-type td {
			border-bottom: none;/*nur unten weg, sonst werden die borders bei Summen nicht angezeigt*/
		}
	}
	&.Tabelle_Farbig{
		thead tr td, thead tr th {
			background-color: var(--themeColor);
			color: var(--themeFontColor);
			&:first-child{
				background-color: var(--themeColor);
				color: var(--themeFontColor);
			}
		}
	}
}

.editTable,
.filter{
	thead tr td,
	tr.header td,
	thead tr th,
	tr.header th,
	thead tr a,
	tr.header a{
		color: var(--tableHeadFontColor);
	}
}

/* Kachel layout*/
table.kachel{
	tr {
	background: white;
	border-radius: 1ex;
	box-sizing: border-box;
	box-shadow: 0 0 1ex lightgrey;
		display: grid;
		margin: auto;
		margin-bottom: 1ex;
	overflow: hidden;
	padding: 1ex;
	width: 99%;
	td.author {
		color:grey;
		margin-bottom: -1ex;
		padding: 0;
			text-align: end;
		}
	}
}