/********************************************************************************************************************/
/*Flexbox - Adminbereich - Tabelle - Aufträge bearbeiten*/
/*Wrapper Elemente*/

.fb_auftrag_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;							/*Befehl - auf Flex stellen*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column; 		/*Anordnung - in Spalte*/
	min-height: 100vh;						/*Höhe erzwingen - vh = xx% von view height*/
	font-family: Helvetica, Verdana, sans-serif;
}	

.fb_auftrag_wrapper_zl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;							/*Befehl - auf Flex stellen*/
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row; 			/*Anordnung - in Spalte*/
	border-bottom: 2px solid darkred;		/*Rahmenfarbe*/	

}	

.fb_auftrag_wrapper_knd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;							/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;						/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; 				/*Anordnung - in Spalte*/
	padding: 0.3em 0 0.8em 0.5em;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;			/*Position - Start von oben oder links*/
}	

.fb_auftrag_wrapper_rng {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;						/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	    flex-wrap:nowrap;					/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column; 			/*Anordnung - in Spalte*/
	padding: 0.3em 0 0.8em 0.5em;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;		/*Position - Start von oben oder links*/
}	

.fb_auftrag_wrapper_dat {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;						/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	    flex-wrap:nowrap;					/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column; 			/*Anordnung - in Spalte*/
	padding: 0.3em 0 0.8em 0.5em;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;		/*Position - Start von oben oder links*/
}	

.fb_auftrag_wrapper_sum {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;						/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	    flex-wrap:nowrap;					/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column; 			/*Anordnung - in Spalte*/
	padding: 0.3em 0 0.8em 0.5em;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;		/*Position - Start von oben oder links*/
}

.fb_auftrag_wrapper_zal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;						/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	    flex-wrap:nowrap;					/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column; 			/*Anordnung - in Spalte*/
	padding: 0.3em 0 0.8em 0.5em;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;		/*Position - Start von oben oder links*/
}

.fb_auftrag_wrapper_sta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;						/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	    flex-wrap:nowrap;					/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column; 			/*Anordnung - in Spalte*/
	padding: 0.3em 0 0.8em 0.5em;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;		/*Position - Start von oben oder links*/
}

.fb_auftrag_wrapper_brb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;						/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	    flex-wrap:nowrap;					/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column; 			/*Anordnung - in Spalte*/
	padding: 0.3em 0 0.8em 0.5em;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;		/*Position - Start von oben oder links*/
}

.fb_auftrag_sp_knd { background:hsl( 50,90%,85%); min-width:140px;}
.fb_auftrag_sp_rng { background:hsl(100,90%,85%); min-width: 70px;}
.fb_auftrag_sp_dat { background:hsl(150,90%,85%); min-width:230px;}
.fb_auftrag_sp_sum { background:hsl(200,90%,85%); min-width:150px;}
.fb_auftrag_sp_zal { background:hsl(250,90%,85%); min-width: 80px;}
.fb_auftrag_sp_sta { background:hsl(280,90%,85%); min-width: 70px;}
.fb_auftrag_sp_brb { background:hsl(350,90%,85%); min-width:110px;}

.fb_auftrag_sp_knd { -webkit-box-flex:15; -ms-flex:15 1 auto; flex:15 1 auto;}			/*grow, shrink, basis - default 0,1,auto*/
.fb_auftrag_sp_rng { -webkit-box-flex: 7; -ms-flex: 7 1 auto; flex: 7 1 auto;}			/*grow, shrink, basis - default 0,1,auto*/
.fb_auftrag_sp_dat { -webkit-box-flex:20; -ms-flex:20 1 auto; flex:20 1 auto;}			/*grow, shrink, basis - default 0,1,auto*/
.fb_auftrag_sp_sum { -webkit-box-flex:15; -ms-flex:15 1 auto; flex:15 1 auto;}			/*grow, shrink, basis - default 0,1,auto*/
.fb_auftrag_sp_zal { -webkit-box-flex:10; -ms-flex:10 1 auto; flex:10 1 auto;}			/*grow, shrink, basis - default 0,1,auto*/
.fb_auftrag_sp_sta { -webkit-box-flex:10; -ms-flex:10 1 auto; flex:10 1 auto;}			/*grow, shrink, basis - default 0,1,auto*/
.fb_auftrag_sp_brb { -webkit-box-flex:10; -ms-flex:10 1 auto; flex:10 1 auto;}			/*grow, shrink, basis - default 0,1,auto*/

.fb_auftrag_sp_x5 { min-width:30px;}
.fb_auftrag_sp_x10{ min-width:30px;}
.fb_auftrag_sp_x10{ min-width:40px;}
.fb_auftrag_sp_x20{ min-width:70px;}
.fb_auftrag_sp_x30{ min-width:70px;}
.fb_auftrag_sp_x35{ min-width:80px;}

.fb_auftrag_kopfzl { 
	color:#000;
	border-bottom: 2px solid darkred;		/*Rahmenfarbe*/	
}

.fb_auftrag_kopf_sp { 
	font-size: 16px;
	font-weight:bold;
	padding: 0.8em 0 0.8em 0.5em;
}

.fb_auftrag_sp { 
	font-size: 14px;
	font-weight:normal;
	color:#000;
}

.fb_auftrag_knd_zl1 { 
	font-size: 16px;
	font-weight:bold;
	padding:0 0 0.4em 0;	
}

.fb_auftrag_button { 
	padding:1.5em 0 0 0;	
}

.fb_auftrag_wrapper_sp {				/*Spalten in Spalte*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;						/*Befehl - auf Flex stellen*/
	-ms-flex-wrap:nowrap;
	    flex-wrap:nowrap;					/*Befehl - Zeilenumbruch erlauben*/
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row; 				/*Anordnung - in Spalte*/
}

.fb_auftrag_sp_x5 { 
	-webkit-box-flex: 5; 
	    -ms-flex: 5; 
	        flex: 5;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	padding:0 1em 0 0;
	text-align:right;	
}

.fb_auftrag_sp_x8 { 
	-webkit-box-flex: 8; 
	    -ms-flex: 8; 
	        flex: 8;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_auftrag_sp_x10 { 
	-webkit-box-flex: 10; 
	    -ms-flex: 10; 
	        flex: 10;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_auftrag_sp_x20 { 
	-webkit-box-flex: 20; 
	    -ms-flex: 20; 
	        flex: 20;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
}

.fb_auftrag_sp_x25 { 
	-webkit-box-flex: 30; 
	    -ms-flex: 30; 
	        flex: 30;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	padding:0 1em 0 0;
	text-align:right;	
}

.fb_auftrag_sp_x30 { 
	-webkit-box-flex: 30; 
	    -ms-flex: 30; 
	        flex: 30;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	padding:0 1em 0 0;
	text-align:right;	
}

.fb_auftrag_sp_x35 { 
	-webkit-box-flex: 35; 
	    -ms-flex: 35; 
	        flex: 35;							/*Breite - 2 = Box3 2 x so breit wie der Rest*/
	padding:0 1em 0 0;
	text-align:right;	
}

/*--------------------------------------------------------------------------------------------------------------------------------------- */
/* CSS3 Stylesheet E N D E  */