/********************************************
 *** Darstellung der Positionen in der Kasse
 ********************************************/

/** Tabelle in der die Positionen angezeigt werden */
.position_table_content {
	position: relative;
	float: left;
	width: calc(100% - 8px);
	height: calc(100% - 40px - 2px);
	margin: 2px 4px 0px 4px;
	background-color: white;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
}
#partial_table_position_table_content {
	height: calc(100% - 40px - 2px - 60px);
}
#partial_table_position_header {
	height: 50px;
	font-size: 18px;	
	background-color: white;
	margin: 6px 4px 0px 4px;
	padding: 5px 5px 0px 5px;
}
/** Zeile in der mehrere Positionen angezeigt werden können */
.position_table_row {
	position: relative;
	float: left;
	width: 100%;
}
/** DIV in dem eine Zeile zwischen gespeichert wird um die Höhe zu berechnen */
#position_table_void_row {
	position: absolute;
	top: -500px;
	width: 100%;
}
/** DIV in der eine Position und seine Zusatzinfos angezeigt wird */
.position_table_cell {
	position: relative;
	float: left;
	width: calc(100% - 1px);
	max-width: 630px;
	border-top: 1px dotted darkgray;
	border-bottom: 1px dotted darkgray;
	border-right: 1px dotted darkgray;
}
.partial_table_position_table_cell {
	width: calc(100% / 2 - 1px);
}
/** DIV in der eine Gangfolge angezeigt wird */
.position_course_number {
	position: relative;
	float: left;
	width: 100%;
	height: 21px;
	padding-top: 5px;
	padding-left: 5px;
	text-align: left;
	background: #F2F2F2;
	border-top: 1px dotted darkgray;
	border-bottom: 1px dotted darkgray;
	border-right: 1px dotted darkgray;
}

/** DIV in der eine Position angezeigt wird */
.position_content_div {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	position: relative;
	float: left;
	width: 100%;
	min-height: 30px;
	overflow: hidden;
}
/** DIV in dem alle Infos (z.B Artikelname, Rabatte) der Position angezeigt werden */
.position_info_div {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-wrap: nowrap;
	position: relative;
	float: left;
	width: 100%;
}

/** Anzeige der Menge */
.position_amount_div {
	position: relative;
	float: left;
	width: 40px;
	padding-top: 2px;
	background: #F2F2F2;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.position_addinfo_div {
	border-top: 1px dotted darkgray;
}
/** DIV in dem die Artikelbeschreibung und der Preis angezeigt werden */
.position_description_div {
	float: left;
	width: calc(100% - 40px);
	display: flex;
	align-items: flex-start;
	justify-content: left;
}
/** DIV in der die Artikelbeschreibung und weiter Infos wie Rabatte oder Notizen angezeigt werden */
.position_article_div {
	float: left;
	width: calc(100% - 80px);
	padding-top: 2px;
}
.position_article_name {
	width: 100%;
}
.position_package, .position_notice, .position_reduction {
	width: 100%;
	font-size: 10px;
	font-weight: normal;
}
/** DIV in dem der Preis und die Icons angezeigt werden */
.position_price_div {
	position: absolute;
	right: 0px;
	height: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: right;
	background-color: white;
	padding-left: 10px;
}
.position_price {
	padding-top: 2px;
	padding-right: 4px;
}

/******************************
 *** Positionen erneut buchen
 ******************************/

.position_rebook_div {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-wrap: nowrap;
}
.position_rebook_detail_div {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	font-weight: normal;
}
.position_rebook_label_div {
	display: flex;
	align-items: center;
	justify-content: left;
	width: 80px;
}
.position_rebook_quantity_div {
	display: flex;
	align-items: center;
	justify-content: left;
	width: 70px;
}
.input_rebook_quantity {
	width: calc(100% - 10px);
	height: 18px;
	font-size: 16px;
}
.input_rebook_quantity_div {
	border: 1px solid #036;
	width: inherit;
	height: 20px;
	font-size: 16px;
}
.position_rebook_icon {
	width: 25px;
	padding-left: 10px;
}

/********************************************
 *** Pfandartikel einer Positionen auswählen
 ********************************************/

.position_deposit_article_div {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-wrap: nowrap;
}
.position_deposit_article_detail_div {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	font-weight: normal;
}
.position_deposit_article_label_div {
	display: flex;
	align-items: center;
	justify-content: left;
	width: 80px;
}
.selectbox_deposit_article {
	display: flex;
	align-items: center;
	justify-content: left;
	width: 70px;
}

/** Buttons zum Blättern und der Gesamtpreis */
.position_table_buttons {
	position: absolute;
	bottom: 0px;
	height: 40px;
	width: inherit;
	background-color: inherit;
	display: flex;
	align-items: center;
}
.position_table_total_price {
	display: flex;
	width: inherit;
	height: inherit;
	align-items: center;
	justify-content: end;
	font-weight: bold;
	font-size: 23px;
	padding-right: 10px;
}