/* text-transform: uppercase; */


#overlay {
	position: fixed; /* Sit on top of the page content */
	display: none; /* Hidden by default */
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5); /* Black background with opacity */
	z-index: 9998; /* Specify a stack order in case you're using a different order for other elements */

}


.rpm_fL {
	min-width: 160px;
}

.boxLeft {
	padding-left: 12px;
}

.frageBox {
	display: none;
}

.popUpBox {
	z-index: 9999;
	display: block;
	position: fixed;
	width: 60%;
	height: 20%;
	
	top: 20%;
	left: 20%;
	margin-left: auto;
	margin-right: auto;
	
	padding: 2%;
	
	border: 2px solid #6c6c6c;
	background-color: #f3f3f3;
	
}

.btnDiv {
	cursor: pointer;
	width: 40%;
	margin: 8px 20px 0px 0px;
	padding: 8px;
	border: 1px solid #CCCCCC;
	border-radius: 0px;
	text-transform: uppercase;
	font-size: 100%;
}

.btnRed {
	color: #fff;
	background-color: var(--linkfarbe);
}


.btnGrn {
	color: #fff;
	background-color: #3cb659;
}

.R1 {
	border: 1px solid #FF0000;
	padding: 8px;
	display: none;
}

.R2 {
	border: 1px solid #aaff00;
	padding: 8px;
	display: none;
}

/* Antwort debugging 
display: none;
*/
.A42 {
	margin-top: 80px;
	min-height: 20px;
	border: 1px dashed #00aaff;
	
}



.miscTiny {
	font-size: 10px;
	color: #a3a3a3;	
	max-width: 90%;
	margin-left: 20px;
}

.TXmin {
	width: 24px;
}

.halb {
	width: 50%;
}

.testrot {
	color: #FF0000;
}




.tinyPicture {
	float: left;
	max-width: 100px;
	margin: 2px;
}

.miscSpacer {
	padding: 6px;
	
	background-color: transparent;
	clear: both;
}

.mtDD {
	padding: 6px;
	border: 1px solid #aaaa00;
	border-radius: 3px;
	background-color: transparent;
	clear: both;
}

.tempDiv {
	border: 2px solid #00634c;
	border-radius: 3px;
}

* {
	box-sizing: border-box;
}

.BtnGo, .NBgo, .BtnGoLarge {
	
	cursor: pointer;
	
	display: inline-block;
	margin: 8px 20px 0px 0px;
	padding: 12px 42px 12px 56px;
	border: 1px solid #CCCCCC;
	border-radius: 32px;

	color: #fff;
	font-size: 110%;
	font-weight: 600;
	text-transform: uppercase;

	background: url('../icons/arw_right_bold.svg') no-repeat;
	background-position: 24px 12px;
	background-size: 12px;
	background-color: var(--buttonsBG);

}

/* var(--linkfarbeUP)*/
.BtnGo:hover, .NBgo:hover, .BtnGoLarge:hover {

	color: var(--buttonfarbeUP);
	background: url('../icons/arw_right_bold_hover.svg') no-repeat;
	background-position: 24px 12px;
	background-size: 12px;
	background-color: var(--linkfarbe);
}



a.btnCart:link, a.btnCart:visited {

	cursor: pointer;

	display: inline-block;
	margin: 8px 20px 0px 0px;
	padding: 12px 42px 12px 56px;
	border: 1px solid #CCCCCC;
	border-radius: 32px;

	color: var(--buttonfarbe);
	font-size: 110%;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	background: url('../icons/arw_right_bold.svg') no-repeat;
	background-position: 24px 12px;
	background-size: 12px;
	background-color: var(--buttonsBG);

}

/* var(--linkfarbeUP)*/
a.btnCart:hover, a.btnCart:active {

	color: var(--buttonfarbeUP);
	background: url('../icons/arw_right_bold_hover.svg') no-repeat;
	background-position: 24px 12px;
	background-size: 12px;
	background-color: var(--linkfarbe);
}


.BtnHochladen {
	
	cursor: pointer;
	
	display: inline-block;
	margin: 8px 20px 0px 0px;
	padding: 12px 12px 12px 34px;
	border: 1px solid #CCCCCC;
	border-radius: 0px;

	color: #fff;
	font-size: 80%;
	font-weight: 400;
	text-transform: uppercase;

	background: url('../icons/pfeil_up_ws.svg') no-repeat;
	background-position: 8px 14px;
	background-size: 14px;

	background-color: var(--linkfarbe);

}


.suchField {
	
	margin-top: 8px;
	margin-bottom: 40px;

}
.btnSUCH {
	display: inline-block;
	border: 1px solid var(--randColTX);
	height: 32px;
	border-radius: 5px;
	margin: 4px 4px 0px 4px;
	padding: 0px 5px 0px 30px;
	background: url('../icons/ic_lupe.svg') no-repeat 10px 10px;
	background-size: 14px;
	text-transform: uppercase;
	cursor: pointer;
	vertical-align: bottom;
}



.clearDate {
	display: inline-block;
	border: 1px solid var(--randColTX);
	height: 32px;
	border-radius: 5px;
	margin: 4px 4px 0px 4px;
	padding: 0px 5px 0px 30px;
	background: url('../icons/ic_clearcal.svg') no-repeat 6px 6px;
	background-size: 18px;
	text-transform: uppercase;
	vertical-align: top;
}


.elSpc {
	display: block;
	clear: both;
	width: 100%;
	height: 3px;
	margin: 24px 0px 24px 0px;
	border-bottom: 0px solid #c8c8c8;
}


.addPeople {

	padding: 12px 34px 12px 34px;
	background: url('../icons/ic_plus_white.svg') no-repeat;
	background-position: 5px 11px;
	background-size: 22px;
	background-color: #c8dbd5;

}



.BtnBack {

	cursor: pointer;

	display: inline-block;
	margin: 8px 20px 0px 0px;
	padding: 12px 12px 12px 34px;
	border: 1px solid #CCCCCC;
	border-radius: 0px;

	color: #fff;
	font-size: 110%;
	font-weight: 400;
	text-transform: uppercase;

	background: url('../icons/pfeil_links_ws.svg') no-repeat;
	background-position: 8px 16px;
	background-size: 14px;

	background-color: #cfcfcf;

}

.BtnBack:hover {

	background-color: #bbbbbb;

}

.BgMi {
	margin-top: 50px;
	border: 2px var(--bgColTX);
	cursor: pointer;
	font-size: 110%;
	padding: 1px 0px 1px 30px;
	color: var(--linkfarbe);
	background-color: #ffffff;
	background: url('../../shared/icons/ic_arwlink.svg') no-repeat;
	background-size: 20px;
}

.BgMi:hover {
	color: var(--linkfarbeUP1);
	text-decoration: underline;
}

.formEditHead {
	margin: 1px 0px 10px 0px;
	background-color: #fcfcfc;
	border-bottom: 1px solid #d4d4d4;
}

.linkEdit {
	margin: 1px 0px 1px 8px;
	display: inline-block;
	
	padding: 2px;
	border: 0px solid #CCCCCC;
	height: 24px;
	width: 24px;
	background: url('../icons/werkzeug_grau.svg') no-repeat;
	background-size: contain;
	cursor: pointer;
}

.linkEdit:hover {
	
	background: url('../icons/werkzeug_rot.svg') no-repeat;
	background-size: contain;
}

.linkDel {
	margin: 1px 0px 1px 8px;
	display: inline-block;
	float: right;
	padding: 2px;
	border: 0px solid #CCCCCC;
	height: 24px;
	width: 24px;
	background: url('../icons/tonne.svg') no-repeat;
	background-size: contain;
	cursor: pointer;
}

.linkDel:hover {
	background: url('../icons/tonne_rot.svg') no-repeat;
	background-size: contain;
}


.elRight {
	float: right;
}

.elLeft {
	float: left;
}

.elCenter {
	display: block;
	clear: both;
	margin: 2px auto 2px auto;
}


.formBox {
	border: 0px solid #e1e1e1;
	padding: 1px;
	border-radius: 0px;
	margin: 2px 0px 24px 0px;
}

.formBox:hover {
	border: 0px solid #c6c6c6;
}

.initNorm {
	transition: height 2s;
}

/*visibility: hidden; */
.initFutsch {
	
	overflow: hidden;
	height: 0px;
}

/*visibility: hidden; */
.vollFutsch {
	
	visibility: hidden;
	
}

.futsch {
	display: none;
}

.futschBlock {
	padding: 2px 0px 0px 0px;
	border: 0px dotted #0000FF;
	height: 1px;
	overflow: hidden;
}

.klappBlock {
	height: 0px;
	background: #d5ffde;
	transition: height 2s;
}

.klappBlock:hover {
	height: 280px;

}


.secHeadline {
	background-color: #fcfcfc;
	font-size: 120%;
	font-weight: 700;
	border-bottom: 2px solid #000000;
	padding: 24px 0px 6px 6px;
}

.secSubline {
	
	font-size: 110%;
	font-weight: 500;
	padding: 6px 0px 6px 6px;
}

.fL {
	display: inline-block;
	vertical-align: middle;
	margin-top: 5px;
}

.fE {
	padding-left: 200px;
}

.formText {
	padding-left: 200px;
}

.roTX {
	
	background-color: transparent;
	border: 1px solid #FFFFFF;
	border-radius: 5px;
	
	height: 32px;
	padding: 0px;
	font-size: 100%;
}

.TX {

	background-color: var(--bgColTX);
	border: 1px solid #a4a4a4;
	border-radius: 5px;

	height: 32px;
	width: 100%;
	max-width: var(--txMaxWidth);

	padding: 6px;
	font-size: 100%;
}

.missingRed {
	/* border: 0px solid #FF0000;*/
}

.formLabelMH {
	display: inline-block;
	min-width: 170px;
}

.smallhint {
	font-size: 80%;
	color: 	#535353;
}

.TXesim {
	
	background-color: var(--bgColTX);
	border: 1px solid #a4a4a4;
	border-radius: 5px;
	
	height: 32px;
	width: 100%;
	max-width: var(--txMaxWidthEsim);
	margin: 4px 0px 0px 0px;
	padding: 6px;
	font-size: 100%;
}

.TA {
	
	background-color: var(--bgColTX);
	border: 1px solid #a4a4a4;
	border-radius: 5px;
	width: 100%;
	max-width: var(--txMaxWidth);
	height: 320px;
	padding: 6px;
	
}

.TA2 {
	
	background-color: var(--bgColTX);
	border: 1px solid #a4a4a4;
	border-radius: 5px;
	width: 100%;
	max-width: var(--txMaxWidth);
	height: 160px;
	padding: 6px;
	
}

.TXxl {
	background-color: var(--bgColTX);
	width: 100%;
	max-width: var(--txMaxWidth);
	height: 405%;
	min-height: 120px;
	margin: 16px 8px 0px 0px;
	border: 1px solid var(--randColTX);
	border-radius: 1px;
	padding: 4px;
}

.TXplz {
	background-color: var(--bgColTX);
	width: 50%;
	max-width: 80px;
	height: 32px;
	margin: 0px 8px 0px 0px;
	border: 1px solid var(--randColTX);
	border-radius: 5px;
	padding: 3px;
}

.TXort {
	background-color: var(--bgColTX);
	width: 328px;
	height: 32px;
	margin: 0px 8px 0px 0px;
	border: 1px solid var(--randColTX);
	border-radius: 5px;
	padding: 3px;
}


.TXDD {
	background-color: #ffffff;
	border: 1px solid var(--randColTX);
	border-radius: 0px;
	height: 28px;
	padding: 4px;
}


.DDnorm {

	background-color: var(--bgColTX);
	border: 1px solid #a4a4a4;
	border-radius: 5px;

	height: 32px;
	width: 100%;
	max-width: var(--txMaxWidth);

	padding: 6px;
	
}



.LBesim {
	display: inline-block;
	color: #3e3e3e;
	width: 30px;
	border: 0px solid #c5c5c5;
	margin: 1px 2px 4px 0px;
	padding: 4px 2px 2px 2px;
}

.diskBtn {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 22px;
	border: 0px solid #CCCCCC;
	border-radius: 3px;
	color: var(--linkfarbe);
	margin: 0px 0px 0px 8px;
	padding: 5px 5px 1px 20px;
	background: url('../icons/disk.svg') no-repeat 0px 0px;
	background-size: auto;
	background-size: auto;
	background-size: 16px;
	text-transform: uppercase;
	cursor: pointer;
	
}

.dummyInput {
	color: #8c8c8c;
}


.zeile3 {
	height: 80px;
}

.datum {
	width: 120px;
}

.voll {
	width: 100%;
}

/*border-bottom: 1px dotted #7a7a7a;*/
.punkte {
	
}

/* neu editor elemente */

.editorRow {
	display: flex;
}


.editorRefBox {
	min-height: 40px;
}


.editorElement {
	flex-grow: 1;
	min-height: 40px;
	padding: 5px;
}

.editorElementLine {
	display:flex;
	margin: 2px 0px 0px 0px;
	min-height: 40px;
	align-items: center;
}

.editorLabel {
	display:flex;
	min-width: 180px;
}

.editorFormEl {
	flex-grow: 1;
	min-height: 40px;
	padding: 5px;
	align-items: center;
}

.editorRB {
	margin-top: 7px;
}

/*background-color:#f3eeff; */
.lbl {
	display: inline-block;
	padding-top: 6px;
	
}

.lblFest {
	width: 220px;
}

.tmpLabel {
	border-radius: 0px;
	border: 0px;
	border-bottom: 1px solid #fb420a;
	background-color:#FFFFFF;
}


/* background-color:#eae1ff;*/
.wutL {
	padding-top: 16px;
	
}

.wutM {
	padding-top: 16px;
}

.gbuchLbl {
	min-width: 140px;
	
}

.schuldLbl {
	min-width: 160px;
	
}

.cbArea {
	min-width: 50px;
	display: inline-block;
	padding-left: 12px;
	padding-top: 16px;
	padding-right: 16px;
}

/* background-color: #fff7f2; */
.nixgibtsBG {
	background-color: var(--errorLineBG);
	border-top: var(--errorLineWidth) solid var(--errorLineCol);
	border-left: var(--errorLineWidth) solid var(--errorLineCol);
	border-right: var(--errorLineWidth) solid var(--errorLineCol);
}

.nixgibtsLine {
	width: 100%;
	padding-left: 10px;
	padding-bottom: 5px;
	display: flex;
	flex-direction: row;
	background-color: var(--errorLineBG);
	
	border-bottom: var(--errorLineWidth) solid var(--errorLineCol);
	border-left: var(--errorLineWidth) solid var(--errorLineCol);
	border-right: var(--errorLineWidth) solid var(--errorLineCol);
	
}

/* wie flexlabel ohne margin */
.nixgibtsSpace {
	flex: 70%;
	max-width: 250px;
}



.defaultError {
	border: 0px solid #00aa00;
	width: 100%;
	text-align: left;
	padding: 8p 10px 8px 10px;
	font-weight: 600;
}

/* margin: 2px 26px 2px 0px; */
.radGrp {
	margin: 2px 26px 2px 0px;
}

.boxGrp {
	margin: 2px 2px 2px 0px;
}

/* tmp boxgroup */
.spcRbxg {
	padding-right: 4px;
	padding-left: 8px;
}

/* border: 1px dashed #aa007f; background-color: #ffffff;*/
.enterEl {
	display: flex;
	flex-direction: row;
	margin: 4px 0px 0px 0px;
	
	transition: height 1s;
}

.descTX {
	font-size: 80%;
	color: #595959;
	padding: 6px 0px 0px 0px;
}

.randOben {
	padding: 8px 0px 0px 0px;
	border-top: 0px dashed #aa007f;
}

/* border: 1px dashed #aa007f; */
.checkEl {
	display: flex;
	flex-direction: row;
	margin: 2px 0px 2px 0px;
	background-color: #ffffff;
	
}


.enterEl:hover {
	
}

/* text-align: right; */
.flexLabel {
	padding: 10px;
	flex: 20%;
}

/* 
background-color:#f3fbff;
flex: 20%;
*/

.flexItem {
	padding: 10px;
	flex: auto;	
}

.wideItem {
	flex: 80%;
}

.flexItemBreit {
	padding: 10px;
	flex: 80%;
	
}

.flexItemWide {
	padding: 10px;
	flex: 60%;
}

.flexItemFull {
	padding: 10px;
	flex: 100%;
}


/*  background-color:#faf8ff;*/
.flexLabelBreit {
	padding: 10px;
	flex: 80%;
	
	
}

/* background-color:#faf8ff; */
.checkLabelBreit {
	padding: 0px 4px 0px 0px;;
	flex: 70%;
	max-width: 250px;
	
}

.checkItemBreit {
	padding: 0px 0px 0px 4px ;
	flex: 30%;
}


/* background-color: #55aa7f; justify-content: space-between;*/
.elCCol2 {
	display: flex;
	flex-direction: row;
	
	margin: 2px 0px 6px 0px;
}

.elTxItems {
	display: flex;
	flex-direction: row;
	margin: 2px 0px 6px 0px;
}

.elCboxCol {
	display: flex;
	flex-direction: column;
	margin: 2px 0px 6px 0px;
}

.elTxCol {
	display: flex;
	flex-direction: column;
	margin: 2px 0px 6px 0px;
}

.aktivElement {
	background-color: #fafafa;
}

.refBox {
	max-width: 24px;
	opacity: 0.33;
	padding: 0px 0px 0px 2px;
	flex: 1%;
	border-right: 0px solid #dbdbdb;
}

.refBox:hover {
	opacity: 1;
}

.lineElTx {
	
}

.normRB {
	margin: 0px 10px 0px 0px;
	
}

.lblCB {
	display: inline-block;
	margin: 2px 0px 2px 0px;
}

/*
	background-color: #aaff7f; 
padding: 0px 10px 0px 0px;
*/



.lblCol2 {
	display: inline-block;
}

/* background-color: #ff55ff; */
.felCol2 {

	padding: 10px;
	
}

/* background-color: #ffff00; */
.felCol2end {
	flex-grow: 1;
	padding: 10px;
}

.inventarBlock {
	height: 2px;
	transition: height 1s;
	overflow: hidden;
}

.inventarVoll {
	height: 210px;
}

.TAcr {
	margin: 0px 8px 0px 0px;
	width: 100%;
	max-width: 860px;
	min-height: 100px;
	border: 1px solid var(--randColTX);
	border-radius: 3px;
}

.TAbreit {
	margin: 0px 8px 0px 0px;
	width: 100%;
	max-width: 496px;
	min-height: 90px;
	border: 1px solid var(--randColTX);
	border-radius: 3px;
}

.TAg {
	margin: 0px 8px 0px 0px;
	width: 90%;
	max-width: 360px;
	min-height: 130px;
	border: 1px solid var(--randColTX);
	border-radius: 3px;
}

.crBlock {
	padding-left: 4px;
	padding-top: 24px;
	max-width: 860px;
}

.alr {
	text-align:right;
}

.btnReject {
	cursor: pointer;
	display: inline-block;
	margin: 8px 0px 0px 0px;
	padding: 12px 42px 12px 56px;
	border: 1px solid #CCCCCC;
	border-radius: 32px;
	color: #000;
	font-size: 110%;
	font-weight: 600;
	text-transform: uppercase;
	background: url('../icons/arw_right_bold.svg') no-repeat;
	
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-position: 24px 12px;
	background-size: 12px;
	background-color: var(--acctColA);
}

.btnReject:hover {

color: #FFFFFF;
background: url('../icons/arw_right_bold_hover.svg') no-repeat;
background-position: 24px 12px;
background-size: 12px;
background-color: var(--linkfarbe);
}






/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 800px) {
	.enterEl {
		flex-direction: column;
	}
	
	.checkEl {
		flex-direction: column;
	}
	/* background-color: #aaaa00; */
	.elCCol2 {
		flex-direction: column;
		
	}
	
	.flexLabel {
		text-align: left;
		padding-bottom: 2px;
		flex: 20%;
	}
	
	.felCol2 {
	}
	
	.flexItem {
		padding-top: 2px;
	}
	
	.inventarVoll {
		height: 280px;
	}
	
}