/**************************************************
 *** Standard-Einstellung für die Tischfunktionen
 **************************************************/
#tablefunctions, #kellnerfunctions {
	position: absolute;
	width: calc(100% - 320px);
	height: calc(100% - 5px);
	margin: 5px 5px 0px 5px;
	background: inherit;
}

.tablefunctionLayer {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	background-color: inherit;
}
.tablefunctionContent {
	position: relative;
	float: left;
	width: calc(100% - 4px);
	height: calc(100% - 58px);
	background-color: white;
}
.tablefunctionInfo {
	position: relative;
	margin: 5px 0 10px 0;
	padding: 5px 0 2px 5px;;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 2px solid #fff;
	display: none;
}
.tablefunctionData {
	position: relative;
	height: 590px;
	overflow: auto;
	background-color: white;
}
.tablefunctionButtons {
	position: absolute;
	width: calc(100% - 5px);
	height: 54px;
	bottom: 0px;
	padding-right: 5px;
	background-color: inherit;
}


/****************************************
 *** Dialog zum Suchen von Tischen
 ****************************************/
.searchTableRow {
	display: flex;
	align-items: center;
	font-size: 18px;
	padding-left: 3px;
	width: calc(100% - 3px);
	height: 33px;
	border-top: 1px dotted black;
}
.searchTableAdditionalRow {
	border-top: none;
}
.searchTableHeader {
	background-color: darkgray;
	color: white;
}
.searchTableField {
	position: relative;
	float: left;
	padding: 5px;
	white-space: nowrap;
	overflow: hidden;
}
.searchTableSequence {
	width: 100px;
}
.searchTableTablenumber {
	width: 80px;
}
.searchTableDate {
	width: 100px;
}
.searchTableTime {
	width: 60px;
}
.searchTableAmount {
	width: 100px;
}
.searchTableInfo {
	width: calc(100% - 511px);
}
.searchTableWaiter {
	width: 300px;
}
.searchTableIcons {
	width: calc(100% - 300px);
	display: flex;
	justify-content: end;
}

/****************************************
 *** Dialog zum Umbuchen von Positionen
 ****************************************/
.umbuchenPositionsContent {
	width: calc(100% - 30px);
	height: calc(100% - 20px);
	padding: 10px 10px 10px 20px;
}
.umbuchenPositions {
	position: relative;
	float: left;
	height: calc(22px + 17 * 32px);
	width: 285px;
}
.umbuchenPositionsHeader {
	position: relative;
	float: left;
	height: 20px;
	width: 100%;
	font-weight: bold;
}
.umbuchenPositionsData {
	position: relative;
	float: left;
	height: calc(100% - 20px);
	width: 100%;
	background-color: #69c;
}
.umbuchenPositionsTable {
	position: relative;
	float: left;
	width: calc(100% - 40px);
	height: 100%;
	overflow: hidden;
}
.umbuchenPositionsScrollbar {
	position: relative;
	float: left;
	width: 40px;
	height: 100%;
	display: flex;
	justify-content: center;
}
.positionUmbuchenRow {
	height: 30px;
}
.umbuchenPositionsTableAmount {
	min-width: 35px;
	text-align: center;
}
.umbuchenPositionsTableDescription {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.umbuchenPositionsTableScrollbar {
	position: relative;
	float: right;
	height: inherit;
	width: 40px;
	border: 0;
	background-color: white;
}
.umbuchenPositionsTable table tbody tr {
	background-color: white;
}

/** Abweichung in der Auflösung 1366 * 768 */
@media only screen and (width : 1366px){
	
	.umbuchenPositions {
		width: 450px;
	}
}

/****  Pfeile um die Positionen umzubuchen ****/
.umbuchenPositionsArrows {
	border: 0;
	width: 80px;
	float: left;
	padding-top: 20px;
	display: flex;
	justify-content: center;
}

.umbuchenPositionsMoveRechts, .umbuchenPositionsMoveRechts_aktiv, 
.umbuchenPositionsMoveLinks, .umbuchenPositionsMoveLinks_aktiv {
	width: 50px;
	height: 50px;
	margin: 0 0 15px 0;
}

.umbuchenPositionsMoveRechts, .umbuchenPositionsMoveRechts_aktiv {
	background: transparent url("./../../../img/common/arrows/arrowRight50x50.png") top left no-repeat;
}
.umbuchenPositionsMoveLinks, .umbuchenPositionsMoveLinks_aktiv {
	background: transparent url("./../../../img/common/arrows/arrowLeft50x50.png") top left no-repeat;
}

.umbuchenPositionsMoveRechts_aktiv, .umbuchenPositionsMoveLinks_aktiv {
	border-bottom: 2px solid lightgrey;
	border-right: 2px solid lightgrey;
	border-left: 2px solid #444;
	border-top: 2px solid #444;
}

/****  Popup um eine Teilmenge auszuwählen ****/
.positionsUmbuchenPopup {
	z-index: 10000;
	position: absolute;
	float:  left;
	top: 230px;
	left: 80px;
	/* height: 265px; */
	width: 468px;
	padding: 15px;
	background-color: #69c;
	border: 2px groove black;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 15px;
}
#positionsUmbuchenPopupContent {
	position: relative;
	float: left;
	width: 100%;
	background-color: white;
}
/** DIV mit der Frage nach der Anzahl */
.positionsUmbuchenPupupQuestion {
	height: 40px;
	text-align: center;
	padding: 25px 10px 10px 10px;
}

/** DIV mit dem Eingabefeld */
.positionsUmbuchenPopupAnzahl {
	height: 65px;
	width: 200px;
	margin: 0 auto;
}

/** Das Eingabefeld für die Menge */
.inputPositionsUmbuchenAnzahl {
	height: 60px;
	width: 190px;
	font-size: 50px;
	/* color: #036; */
	background: white;
	border: 2px solid #036;
}

/** DIV für eine Fehlermeldung */
.positionsUmbuchenPopupError {
	height: 35px;
	padding: 5px;
	margin: 10px;
	text-align: center;
	color: red;
	font-size: 16px;
	font-weight: bold;
	background-color: white;
	border: 2px solid red;
}

/** DIV in dem die ausgewählte Position angezeigt wird */
.positionsUmbuchenPopupPosition {
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 5px;
	border-top: 1px solid black;
	/* border-bottom: 1px solid white; */
}

/** DIV in dem die Buttons angezeigt werden */
.positionsUmbuchenPopupButton {
	position: relative;
	float: left;
	width: 100%;
	height: 40px;
	padding: 10px 0 10px 0;
	text-align: center;
}

/** Abweichung in der Auflösung 1366 * 768 */
@media only screen and (width : 1366px){
	
	.positionsUmbuchenPopup {
		top: 160px;
		left: 240px;
	}
}

/****************************************
 *** Dialog für den Küchenplan
 ****************************************/
#kitchenPlanArticleList {
	height: calc(100% - 74px - 74px);
}
#kitchenPlanArticleContent {
	padding: 0px 10px 0 10px;
}
#kitchenPlanArticleScrollbar {
	height: 100%;
	display: flex;
	align-items: center;
}

.kitchenPlanArticleRow {
	width: 100%;
	height: 30px;
	font-size: 18px;
}

.kitchenPlanArticleDescription {
	float: left;
	width: calc(100% - 160px);
}

.kitchenPlanArticleStock {
	float: left;
	width: 100px;
	height: 20px;
	font-size: 16px;
	text-align: right;
}

.kitchenPlanArticleStockDiv {
	float: left;
	width: 100px;
	height: 20px;
	font-size: 16px;
	float: inline-start;
	text-align: right;
	padding-right: 3px;
	border: 1px solid #036;
}

.kitchenPlanArticleNegativeStock {
	float: left;
	width: 30px;
	padding-left: 20px;
}