﻿table			{	width: 100.0%; border-collapse: collapse; border-spacing: 0; border-bottom-width: 1px; }

table.mlo		{	border-top-width: 1px; }
table.olu		{	border-bottom-width: 0; }

table *.mlo		{	border-top-width: 1px; }
table *.mlb		{	border-top-width: 2px; }
table *.olo		{	border-top-width: 0; }
table *.mlu		{	border-bottom-width: 1px; }
table *.olu		{	border-bottom-width: 0; }
table *.olo		{	border-top-width: 0; }
table *.lrb		{	border-right-width: 2px; }
table *.oll		{	border-left-width: 0; }
table *.mll		{	border-left-width: 1px; }
table *.oph		{	padding-left: 0; padding-right: 0; }
table *.opa		{	padding: 0; }
table *.opo		{	padding: 0.50em 0; }

table *.fix		{	width:  10.00%; }
table *.semi	{	width:  50.00%; }
table *.small	{	width:  7.50em; }
table *.large	{	width: 12.50em; }
table *.larger	{	min-width: 12.50em; }
table *.ico		{	width:  2.00em; }
table *.nr		{	width:  3.50em; }

tr.out > *		{	opacity: 0.50;  }

tr > *			{	position: relative; }
tr > th			{	padding: 0.50em; vertical-align: bottom; }
tr > td			{	padding: 1.00em 0.50em; }

tr > *.top		{	vertical-align: top; }
tr > *.bot		{	vertical-align: bottom; }
tr > *.right	{	text-align: right;   }
tr > *.center	{	text-align: center;  }

tr.sub > *								{	border-top-width: 2px; }
tr.sub ~ tr > *:first-child				{	padding-left: 3.00em; }
tr.sub ~ tr > *:first-child:before		{	content: ''; position: absolute; top: 0; left: 0; width: 2.00em; height: 100.0%; opacity: 0.25; background-image: url('../img/picts/black/trending_flat.svg'); background-repeat: no-repeat; background-position: left center; background-size: contain; }
tr.sub ~ tr.sub > *:first-child			{	padding-left: 0.50em; }
tr.sub ~ tr.sub > *:first-child:before	{	content: none; }

tbody > tr > *,			tr + tr > *		{	border-top-width:  1px; }
tbody > tr > * + *,	tr  > * + *			{	border-left-width: 1px; }

tr > * > a			{	position: absolute; z-index: 2; top: 0; left: 0; width: calc(100.0% - 0.50em); height: 100.0%; display: flex; flex-flow: row wrap; justify-content: flex-end; align-content: center; align-items: center; }

td .btn.sec			{	/*display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: center; align-items: center;*/ }

td.icon				{	position: relative; width: 4.50em; padding: 0; background-repeat: no-repeat; background-position: center; background-size: 1.75em; }
td.icon > *.ico		{	width: 4.00em; height: auto; margin: -0.50em 0; padding: 0; background-position: center; }

	td.icon.yes		{	background-image: url('../img/picts/black/check.svg'); }
	td.icon.no		{	background-image: url('../img/picts/black/close.svg'); }
	td.icon.brief	{	background-image: url('../img/picts/black/mail_outline.svg');    }
	td.icon.mail	{	background-image: url('../img/picts/black/alternate_email.svg'); }
	td.icon.call	{	background-image: url('../img/picts/black/perm_phone_msg.svg');  }
	
tr > td.icon > .ico.forward			{	 opacity: 0.25; }
tr:hover > td.icon > .ico.forward	{	 opacity: 0.90; background-position: center right 0.50em; }
	
td.frame			{	width: 50.00em; padding: 0 2.00em 0 0; overflow: hidden; }
td.frame > iframe	{	width: 100.0%; }

td:empty:before        {    content: 'fehlt'; padding-right: 4px; }	

.bg-4	{	color: var(--sofa-3); text-align: center; }

table .date > *		{	display: inline-block; margin-right: 0.50em; }

table a[href^="mailto:"], 		table a[href^="tel:"]		{	position: relative; display: inline-block; }
table a[href^="mailto:"]:hover, table a[href^="tel:"]:hover	{	text-decoration: underline}

tr > *.bgg 			{	position: relative; }
tr > *.bgg:before 	{	content: ''; position: absolute; top: 0; left: 0; width: 100.0%; height: 100.0%; background: var(--dark); opacity: 0.035; }

/* --- Toogles --- */

        			    tr.neu, tr.oem-x, tr.oem	{	visibility: collapse; }
.neu-on tr.neu, .oem-on tr.oem-x, .oem-on tr.oem	{	visibility: visible;  }
										
/* --- OEMs --- */

table tr.oem-t > td:first-child, table tr.oem-x > td:first-child 	{	padding-left: 0.25em; }

table tr.oem-t > td:first-child:before, table tr.oem-x > td:first-child:before	{	content: ''; position: absolute; z-index: 2; top: 0; left: 0; width: 0.25em; height: 100.0%; }
								 		table tr.oem-t > td:first-child:before	{	opacity: 0.50; }
								  		table tr.oem-x > td:first-child:before	{	opacity: 0.80; }

/* --- Inputs in Table (Edits) --- */

td.edit					{	padding: 0 1px 1px 0; /*overflow: hidden;*/ }
td.edit > input			{	height: 3.50em; }
td.edit > select		{	height: 3.50em; }
td.edit > input.right	{	text-align: right; }
td.edit > input.bold	{	font-weight: bold; }

	td.edit > input, 
	td.edit > textarea			{	box-shadow: none; padding: 0.50em; }
	td.edit > select			{	box-shadow: none; padding-left: 0.50em; }
	tr > td:first-child.edit 	{	border-left-width:  1px; }
	tr > td:last-child.edit 	{	border-right-width: 1px; }
	td.edit > select			{	width: 100.0%; }

tr.hover:hover  {	cursor: pointer; }

/* --- Filterbar --- */

table.filterbar			{	border-width: 1px 1px 0 1px; }
table.filterbar	+ *		{	margin-top: 0; }
table.filterbar	td {	padding-top: 1.00em; padding-bottom: 1.00em; vertical-align: middle; /*border-top-width: 0; border-left-width: 0; border-bottom-width: 0;*/ }
.dropDownDefault option:first-child {	display: unset	}

/* --- Daten --- */

table.data  					{	background-color: transparent; border-bottom-width: 0; }
table.data tr > th				{	padding-bottom: 0.50em; }
table.data tr > *				{	padding: 0.30em 0.30em 0 0.30em; border-width: 0; height: 3.00em; }
table.data tr > *.opa			{	padding: 0; }
table.data tr > *.max			{	width: 30.00em; }
table.data.small tr > *			{	padding-bottom: 0; height: auto; }
table.data tr > *:first-child	{	padding-right: 1.00em; padding-left: 0; }
table.data tr > *:last-child	{	padding-right: 0; }
table.data tr > *.date			{	width: 6.00em; }

table.data tr.space > *				{	padding-bottom: 1.00em; }
table.data tr.space + tr > *		{	border-top-width: 1px; padding-top: 1.00em; }
table.data tr.space.olo + tr > *	{	border-top-width: 0; }
table.data tr > td:nth-child(even)	{	text-align: right;	}

/* --- Sorting--- */

td.sort							{	position: relative; padding: 0; height: 1.20em; }
td.sort input + label:before	{	content: none; }
td.sort input + label			{	position: absolute; top: 0; left: 0; width: 100.0%; height: 100.0%; padding: 0; border-radius: 0; cursor: pointer; 
									opacity: 0.25; background-image: url('../img/picts/black/arrow_drop_up.svg'); background-repeat: no-repeat; background-position: center; background-size: auto 150.0%; }

	td.sort input + label:hover			{	opacity: 0.75; background-image: url('../img/picts/white/arrow_drop_down.svg'); }
	td.sort input:checked + label		{	opacity: 0.25; background-image: url('../img/picts/white/arrow_drop_down.svg'); }
	td.sort input:checked + label:hover	{	opacity: 1.00; background-image: url('../img/picts/white/arrow_drop_down.svg'); }

/* --- Status --- */

table tr > td.status 				{	height: 3.00em; }
table.data tr td.status, td.status	{	width: 12.50em; padding-top: 0.75em; }
table.data tr td.status > *			{	}

td.status > *			{	position: absolute; width: 100.0%; padding: 0 3.50em 0 1.00em; overflow: hidden; }

td.status:hover > *		{	opacity: 0.80; }

td.status > *:before	{	content: ''; position: absolute; top: 0; right: 0; width: 3.00em; height: 100.0%; background-repeat: no-repeat; background-position: center; background-size: 2.00em; }

td.status > *.error:before		{	background-image: url("../img/picts/white/error_outline.svg"); }
td.status > *.pause:before		{	background-image: url('../img/picts/white/pause_circle_outline.svg'); }
td.status > *.planned:before	{	background-image: url("../img/picts/black/alarm_on.svg"); }
td.status > *.ready:before		{	background-image: url("../img/picts/black/check.svg"); }
td.status > *.start:before		{	background-image: url("../img/picts/white/play_circle.svg"); }

td.status > *.running:before	{	animation-name: 			inaction;
									animation-duration: 		2s;
									animation-iteration-count: 	infinite;
									animation-timing-function: 	linear; }
				
									@keyframes inaction {
										00.00% 	{	background-image: url('../img/picts/white/hourglass_bottom.svg'); transform: rotate(0); }
										33.33% 	{	background-image: url('../img/picts/white/hourglass_bottom.svg'); }
										66.66% 	{	background-image: url('../img/picts/white/hourglass_top.svg');    }
										100.0% 	{	background-image: url('../img/picts/white/hourglass_top.svg'); transform: rotate(360deg); }}

/* --- Concept --- */

.concept tr > td			{	vertical-align: top; }
.concept tr > td.bot		{	vertical-align: bottom; }
				
/*	=================================
		END
	================================= */