/* CSS Document */
/*Light Mode Farben*/

:root{

   --cell-default: #FFFFFF;
   --cell-default-dark: #d7d5d5;
   --cell-default-hover: #ededed;
	
   --cell-warning: #f5c89c;
	
   --cell-danger: #f5b1b1;
   --cell-danger-dark: #f56e6e;
   --cell-danger-hover: #f58e8e;
	
   --cell-success: #7093c1;
   --cell-success-dark: #29558F;
   --cell-success-hover: #557fb6;
	
	--cell-primary: #29558F;
}



/*Tabelle allgemein*/
.wartungsplaner-table {
	width: 100%;
	font-family: arial, sans-serif;
	overflow: hidden;
}
		
.wartungsplaner-table thead {
	height: 50px;
}

.wartungsplaner-table td{
	font-size: 13px;
	border: 1px solid #dddddd;
	text-align: left;
	padding: 8px;
}

.wartungsplaner-table th{
	font-size: 11px;
	border: 1px solid #dddddd;
	text-align: left;
	padding: 8px;
}

.TDnew {
	font-size: 9px;
	background-color: var(--cell-success);
}

.TDdefault {
	font-size: 9px;
}



/*Färbung der Zeilen*/
.TRdefault .TDdefault {
	background-color: var(--cell-default);
	color: var(--text-default);
}

.TRdanger .TDdanger {
	background-color: var(--cell-danger);
	color: var(--text-default);
}
		
.TRwarning .TDwarning {
	background-color: var(--cell-warning);
	color: var(--text-default);
}

/*Färbung Kopfzeile*/
.wartungsplaner-table .h-default{
	width: auto;
	background: var(--background-default);
	color: var(--text-default);
	font-size: 14px;
}