#headwrap{ 
	display: grid;
	grid-template-columns:2fr 2fr 2fr; 
	grid-template-rows:2fr 2fr 2fr 2fr 1fr; 
	background: var(--main-headerbg-color);
}
#headwrappiom{
	display: grid;
	grid-column-start:1; 
	grid-column-end:3; 
	grid-row-start:1; 
	grid-row-end:4; 
	text-align: center;
}
#headwrapPointbit{
	display: grid;
	grid-column-start:1; 
	grid-column-end:3; 
	grid-row-start:4; 
	grid-row-end:6; 
	text-align: center;
}
#headwrapuser{
	display: grid;
	grid-column-start:3; 
	grid-row-start:1; 
	grid-row-end:4; 
	text-align: center;
}
.contener4billvewTop{
	display: grid;
	grid-template-rows:1fr 1fr; 
	grid-template-columns:3fr 2fr; 
}
.contpart4billviewL{
	display: grid;
	padding: 1em;
	grid-column-start:1; 
	grid-column-end:2; 
	grid-row-start:1; 
	grid-row-end:3; 
}
.contpart4billviewR1{
	padding: 1em;
	display: grid;
	grid-column-start:2; 
	grid-column-end:3; 
	grid-row-start:1; 
	grid-row-end:2; 
}
.contpart4billviewR2{
	padding: 1em;
	display: grid;
	grid-column-start:2; 
	grid-column-end:3; 
	grid-row-start:2; 
	grid-row-end:3; 
}
.contpart4billviewW1{
	padding: 1em;
	display: grid;
	grid-column-start:1; 
	grid-column-end:3; 
	grid-row-start:1; 
	grid-row-end:3; 
}
.dlgviewbillitemline{
	display: grid; 
	grid-template-columns:2fr 7fr 2fr 3fr 3fr 4fr; 
	grid-template-rows:1fr; 
	padding: 0.5em;
	color: var(--main-dlgitem-color);
}
.line4WRItems{
	display: grid; 
	grid-template-columns:2fr 2fr 10fr 2fr; 
	grid-template-rows:1fr; 
	padding: 0 0.5em;
	grid-column-gap: 5px;
	color:var(--main-functionslineTXT-color);
}
.line4WRTimes{
	display: grid; 
	grid-template-columns:2fr 4fr 10fr 5fr 4fr 4fr 4fr; 
	grid-template-rows:1fr; 
	padding: 0 0.5em;
	grid-column-gap: 5px;
	color:var(--main-functionslineTXT-color);
}
.line4Commands4{
	display: grid; 
	grid-template-columns:1fr 1fr 1fr 1fr; 
	grid-template-rows:1fr; 
	padding: 0 0.5em;
	grid-column-gap: 5px;
	color:var(--main-functionslineTXT-color);
}

.lineWORKREPitem{
	display: grid; 
	grid-template-columns:1fr 4fr 3fr 19fr; 
	grid-template-rows:1fr; 
	padding: 0 0.5em;
	grid-column-gap: 5px;
	color:var(--main-functionslineTXT-color);
}
.forRightB{text-align: right; padding-right: 1em;}
.forCenter{text-align: center}
.dlgviewlinebsumm{
	display: grid; 
	grid-template-columns:5fr 2fr; 
	grid-template-rows:1fr; 
	padding: 0.5em;
	color: var(--main-dlgitem-color);
	background: #f7f378;
}
.dlgviewbillitemlinecolor1{background: var(--main-bg-color);}
.dlgviewbillitemlinecolor0{background: var(--main-wrapbg-color);}
.linehedheadlinecolor{background: var(--main-functionslineBG-color); color:var(--main-functionslineTXT-color);}
.dlgviewbillitemlinecolor4{background: var(--main-bg-color); border-bottom: solid 1px var(--main-text-color);}
.dlgviewbillitemitemid{display: grid;grid-column-start:1; grid-column-end:2; grid-row-start:1; text-align: left;}
.dlgviewbillitemdescription{display: grid;grid-column-start:2; grid-column-end:3; grid-row-start:1; text-align: center;}
.dlgviewbillitemquant{display: grid; grid-column-start:3; grid-column-end:4; grid-row-start:1; text-align: center;}
.dlgviewbillitemprice{display: grid;grid-column-start:4; grid-column-end:5; grid-row-start:1; text-align: right;}
.dlgviewbillitemdiscount{display: grid; grid-column-start:5; grid-column-end:6; grid-row-start:1; text-align: right;}
.dlgviewbillitemtotalprice{display: grid; grid-column-start:6; grid-column-end:7; grid-row-start:1; text-align: right;}
.dlgviewbsumm1{display: grid; grid-column-start:1; grid-row-start:1; text-align: left;}
.dlgviewbsumm2{display: grid; grid-column-start:2; grid-row-start:1; text-align: right;}

.cmemberlistline{
	display: grid;
	grid-template-columns: 1fr 2.5fr 3fr 3fr 3fr; 
	grid-template-rows:1fr; 
	padding: 0.5em 0em;
	border-top: solid 1px;
}
.listline4grid{
	display: grid;
	grid-template-rows: 1.5fr 1.5fr 1.5fr 2fr; 
	grid-template-columns:1fr; 
	padding: 0.5em 0em;
	border-top: solid 1px;
}
.bbillinllistGrid{
	display: grid;
	grid-template-rows: 1fr 1fr 1fr 1fr; 
	grid-template-columns:1fr; 
	padding: 0.5em 0em;
	border-top: 1px solid;
}
.billlistline{
	display: grid;
	grid-template-rows: 0.8fr 1fr 1fr 1fr 1.5fr 1fr; 
	grid-template-columns:1fr; 
	padding: 0.5em 0em;
	border-top: 1px solid;
}
.billtemplistline{
	display: grid;
	grid-template-rows: 1fr 1fr 1fr 1.5fr 1fr; 
	grid-template-columns:1fr; 
	padding: 0.5em 0em;
	border-top: 1px solid;
}
.offerlistline{
	display: grid;
	grid-template-rows: 0.8fr 1fr 1fr 1fr 1.5fr 1fr;
	grid-template-columns:1fr; 
	padding: 0.5em 0em;
	border-top: 1px solid;
}

.bworkreplistGrid{
	display: grid;
	grid-template-rows: 1fr 2fr 2fr 2fr 3fr; 
	grid-template-columns: 1fr; 
	padding: 0.5em 0em;
	border-top: 1px solid;
}

.bbillinllistGrid2{
	display: grid;
	grid-template-rows: 0.7fr 1fr 1fr 1fr 1fr; 
	grid-template-columns:1fr; 
	padding:0;
	border-top: 1px solid;
}
.billfunctionsgrid{
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns:3em 3em 3em 3em 3em 3em;
	padding: 0;
}
.formWorkPart{
	display: grid;
	grid-template-columns: 1fr; 
	padding: 0.1em 0.5em;
}
.billfunctionsgrid2{
	display: grid;
	grid-template-columns:1fr 1fr 1fr; 
}

.listlineGrid{
	display: grid;
	grid-template-rows: 1fr 1fr 1fr 2fr;
	grid-template-columns:1fr; 
	border-top: 1px solid;	
	padding: 0.5em 0em;
}
.contentInApp{
	display: grid;
	grid-template-rows: 1fr; 
	grid-template-columns:1fr; 
	padding: 0;
}
.contentInAppR1{
	display: grid;
	grid-template-rows: 1fr; 
	grid-template-columns:auto auto; 
	padding: 0.5rem 2rem;
	justify-content: end;
}
.contentInAppL1{
	display: grid;
	grid-template-rows: 1fr; 
	grid-template-columns:auto auto; 
	padding: 0.5rem 2rem;
	justify-content: start;
}
.contentInAppL2{
	display: grid;
	grid-template-rows: 1fr; 
	grid-template-columns:auto auto; 
	grid-column-gap: 2rem;
	padding: 0.5rem 2rem;
	justify-content: start;
}
.contentInAppL1 input[type="checkbox"]{ width: 1rem;}
.contentInAppL1 button{ width: 6rem; margin: 0.5rem; padding: 0.2rem;}
.content0{
	display: grid;
	padding: 0;
}
.content4-5{display: grid;	grid-template-rows: 1fr; grid-template-columns:1fr 1fr 1fr 1fr 1fr ; margin: 1rem 0;}
.partEBPMLine{display: grid;	grid-template-rows: 1fr; grid-template-columns:8fr 4fr 2fr 2fr 2fr; margin: 0.5rem 0; padding: 0.5rem; justify-content:center;}
.content200111a{margin: 1rem 0;}
.content200111b{margin: 1rem 2rem; padding: 1rem; border: solid 1px black; border-radius: 0.5rem;}
.fullsize{ width: 95%;}

.functionsline{
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns:2fr 1fr ; 
	width: auto;
	background: var(--main-functionslineBG-color);
	color: var(--main-functionslineTXT-color);
	border-bottom: solid 1px var(--main-text-color);
	margin: -0.5rem;
	margin-bottom: 0.5rem;
}
.functionsline2{
	display: grid;
	width: auto;
	background: var(--main-functionslineBG-color);
	color: var(--main-functionslineTXT-color);
	border-bottom: solid 1px var(--main-text-color);
	margin: -0.5rem;
	margin-bottom: 0.5rem;
}
.functionslineA{
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns:1fr ; 
	width: auto;
	background: var(--main-functionslineBG-color);
	color: var(--main-functionslineTXT-color);
	border-bottom: solid 1px var(--main-text-color);
	margin: -0.5rem;
	margin-bottom: 0.5rem;
}
.functionsline input, .functionslineA input{background-color: var(--main-functionslineFELD-color);}
.functionsline input, .functionslineA input:focus{background-color: var(--main-functionslineFELD-A-color);}
.linepartForFind{
	display: grid;
	grid-template-rows: 1fr 4fr;
	grid-template-columns: 1fr; 
	border-right: solid 3px var(--main-functionslineTXT-color);
}
.linepartForFind2{
	display: grid;
	
}

.linepartForFindO{ display: grid; text-align: center; height: 1.2rem; padding-top: 0.5rem; margin: 0; border-bottom: solid 1px var(--main-functionslineTXT-color);}
.linepartForFindU4{ display: grid; text-align: center; grid-template-columns: 1fr; margin: 0.3rem; }
.linepartForFindU3{ display: grid; text-align: center; grid-template-columns: 1fr; margin: 0.3rem; }
.linepartAO{ line-height: 1.8rem; padding: 0.2rem; padding-top: 0.5rem; margin: 0.1rem; border: solid 1px var(--main-functionslineFELD-color); border-radius: 0.3rem; }
.functionsline span{ font-size: 0.8rem; font-weight: 600;}

.linepartForFunc{ display: grid; text-align: center;}
.linepartForFunc button{ background-color: var(--main-functionslineFELD-color); height: 4rem; margin-top: 3rem; padding: 1.2rem 0.5rem; border-radius: 0.3rem; font-weight: 600; line-height: 1.3rem;}
.linepartForFunc button:hover{ background-color: var(--main-functionslineFELD-A-color);}

#tehWCamView{ display: grid; grid-template-rows: 1fr; grid-template-columns:1fr 5fr;}
#tehWCamViewLeft{ padding: 1rem; border-right: solid 1px var(--main-text-color);}
#tehWCamViewRight{ display: grid; padding: 1rem; grid-template-rows: 1fr; grid-template-columns:1fr 1fr;}
#tehWCamViewRight p{ line-height: 2rem; font-size: 0.9rem; padding: 0 1rem;}
.forWCpic{width: 95%;}
.forWCpicB{width: 90%; padding: 2rem;}
.forViewWCPicComand{ display: grid; grid-template-rows: 1fr; grid-template-columns:2fr 3fr 1fr 3fr 2fr;}
.forCom01{ text-align: center; border: solid 1px var(--main-functionslineFELD-color); border-radius: 0.3rem; margin: 0.5rem; background: var(--main-functionslineFELD-color);}

#itemssetupdiv{ display: grid;}
.lineItem{ display: grid;	grid-template-rows: 1fr; grid-template-columns:3fr 8fr 3fr 4fr 1fr 1fr 5fr; margin: 1rem 0;}
.headingA{ border-left: solid 1px var(--main-text-color); padding-left: 0.1rem;}

.forlineA1{ display: grid;	grid-template-rows: 1fr; grid-template-columns:3fr 8fr; margin: 0.5rem 0.2rem; width: auto;}
.forlineA2{ display: grid;	grid-auto-flow: column dense; align-items: center; grid-column-gap: 0.5rem; border: solid 1px var(--main-functionslineFELD-color); border-radius: 0.3rem; margin: 0.5rem 0.1rem; padding: 0.2rem;}
.forlineA3{ display: grid;	grid-template-columns: repeat(auto-fit, 9rem); align-items: center; grid-column-gap: 0.5rem; }

.foritemedit1{ width: 98%;}

#forarrowtotop{ position:fixed; bottom: 0.5rem; right: 0.5rem; display:none; }

.line4three{ display: grid;	grid-template-rows: 1fr; grid-template-columns:3fr 2fr 4fr; margin: 0.5rem 0.2rem; width: auto;}
.line4four{ display: grid;	grid-template-rows: 1fr; grid-template-columns:3fr 2fr 4fr 4fr; margin: 0.5rem 0.2rem; width: auto;}

.picDocLine{ display: grid;	grid-template-rows: 1fr; grid-template-columns:1fr 1fr 1fr 1fr ; margin: 0.5rem 0.2rem; width: auto;}

.setLine2{ display: grid; grid-template-rows: 1fr; grid-template-columns:1fr 3fr; margin: 0.5rem 0.2rem; width: auto;}
.setLine2 input[type="text"]{width: 99%;}
.setLine2 span{ font-style: italic; font-size: 0.9rem;}

.weekComandA{ display: grid;	grid-template-rows: 1fr; grid-template-columns: 12rem auto; margin: 0.5rem 0.2rem; width: auto;}
.weekComandB{ 
	display: grid;
	grid-template-rows: 1fr; 
	grid-template-columns:1fr; 
	justify-items: start; 
	margin: 1rem 0.2rem; 
}
.weekComandD{ 
	display: grid; 
	justify-items: start; 
	margin: 0.5rem 0.2rem; 
	padding: 0.5rem; 
	width: auto; 
	max-width: 150px; 
	border: solid 1px var(--main-functionslineFELD-color); 
	border-radius: 0.3rem;
	width: auto; 
	color:var(--main-navAktiv-color);
	background: var(--main-bg-color);
}
.weekComandD a{
	color: var(--main-footertext-color);
	text-decoration: none;
}
.lineadrNewslatter{
	display: grid;
	grid-template-rows: 1fr 1fr 1fr 1fr ; 
	grid-template-columns: 1fr; 
	justify-items: start; 
	margin: 1rem 0.2rem; 
	border-bottom: solid 1px var(--main-text-color);
}
.lineCommand{
	display: grid;
	grid-template-rows: 1em;
	grid-template-columns: 3em 3em 3em; 
	justify-items: start; 
	margin: 1rem 0.2rem; 
}
.lineNewslatter{
	display: grid;
	grid-template-rows: 1fr 1fr 1fr; 
	grid-template-columns: 1fr; 
	justify-items: start; 
	margin: 1rem 0.2rem; 
	border-bottom: solid 1px var(--main-text-color);
}
.lineNewNewslatter{
	display: grid;
	grid-template-rows: 1fr 1fr; 
	grid-template-columns: 1fr; 
	justify-items: start; 
	margin: 1rem 0.2rem; 
	border-bottom: solid 1px var(--main-text-color);
}
.headline01{ border: solid 1px var(--main-text-color); align-items: end;}
.forBreakWord{ word-wrap: break-word;}
.part01{display: grid; margin: 0.2em;}

.kalWrap{
	display: grid;
	grid-template-rows: 3rem auto; 
	grid-template-columns: 1fr; 
}
.calTop{
	display: grid;
	grid-template-rows: 1fr; 
	grid-template-columns: 2fr 2fr 2fr 10fr; 
	align-content:flex-end;
	background: var(--main-dialoghead-color);
	color: var(--main-bgdialogmark-color);
	padding-bottom: 0.3rem;
}
.calTopPart{
	display: grid;
	grid-template-columns: auto auto; 
	align-content:flex-end;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.calBody{
	display: grid;
	grid-template-rows: 1fr; 
	grid-template-columns: 6fr 4fr 4fr 4fr 4fr 4fr 4fr 4fr; 
}
.calBodyP{
	margin: 0 0.2rem;
	background: var(--main-bg-color);
}
.theWeekDay{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-weight: 200;
}
.theWeekDat{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.3rem;
	padding: 0.3rem;
	width: 2rem;
	height: 2rem;
	text-align: center;
	font-size: 1.3rem;
	font-weight: 200;
	border: solid var(--main-inputbg-color);
	-webkit-border-radius: 20%;
    border-radius: 20%;
	background-color: var(--main-inputbg-color);
}
.isAktDat
{
	border: solid var(--main-headerbg-color);
    color: white;
	background-color: var(--main-headerbg-color);
}
.lineGrid2S
{
	display: grid;
	max-width: 30rem;
	grid-template-rows: 1fr; 
	grid-template-columns: 1fr 1fr; 
	align-content: space-around;
}
.nothinsp{ display: grid; padding: 0.2rem 0.3rem; align-content: space-around;}
.forPositions{
	display: grid;
	max-width: 20rem;
	grid-template-rows: 1fr; 
	grid-template-columns: 1fr 1fr 1fr; 
}
.forIcons{
	display: grid;
	max-width: 40rem;
	grid-template-rows: 1fr; 
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 
}
.forsleect{ width: 1em; margin: 0.5em;}

.WRDescription{width: 98%;}
.bbillinllist{
	display: grid;
	grid-template-rows: 1fr 1fr 1fr 1fr; 
	grid-template-columns: 1fr; 
	width: 98%;
	text-align: left; 
	border-top: solid 1px ;
}
.bbillinllisttotal{
	display: grid;
	grid-template-rows: 1fr; 
	grid-template-columns: 1fr; 
	width: 100%; 
	text-align: right;
	border-top: 1px solid;
	padding: 1em 0;
}

/* for view WorkReport for signature */

.viewWRnotetxt{ font-family: calbri; font-size: 1.4rem; color: #2562AE; font-style: italic;}
.viewWRheadlinetxt{ font-family: candara; font-size: 2.2rem; color: #2562AE; }
.forviewWRHeadLeft{ }
.forviewWRHead fieldset{ border-color: #2562AE;}
.forviewWRHeadLeft{padding: 0 2rem 0 0;}
.forviewWRHeadRight{padding: 0 0 0 2rem; }
.forviewWRHead{
	display: grid;
	grid-template-rows: 1fr 1fr; 
	grid-template-columns: 1fr; 
	align-content:flex-end;
	padding: 0.3rem;
	font-family: calbri; font-size: 1.4rem; color: black; 
	text-align: left;
}
.viewWRItems{
	display: grid;
	grid-template-rows: 1fr; 
	grid-template-columns: 2fr 4fr 4fr 10fr; 
	align-content:flex-end;
	padding: 0.3rem;
}
.viewWRTimes{
	display: grid;
	grid-template-rows: 1fr; 
	grid-template-columns: 2fr 8fr 4fr 2fr 2fr; 
	align-content:flex-end;
	padding: 0.3rem;
}
.forviewWRsignature{
	display: grid;
	grid-template-rows: 1fr 1fr; 
	grid-template-columns: 1fr; 
	align-content:flex-end;
	padding: 0.5rem;
}
.forviewWRHead p{line-height: 0.5em; }
.viewWRLogo{ text-align: center; padding: 1em 0 1em 0;}
.viewWRComp{width: 80%; border-bottom: 1px solid #2562AE; border-top: 1px solid #2562AE;}
.viewWRHeadlines{font-family: calbri; font-size: 1.4rem; color: #2562AE; font-style: italic; padding-top:0;}
.samlHight{line-height: 0.3em;}
.forviewWRbodyPart{border: 1px solid #2562AE; border-top: 1px solid #2562AE; padding: 0.2em 0.5em; margin: 0.5em; font-family: calbri; font-size: 1.4rem; color: black; }
.forviewWRbodyPart2{padding: 0.2em 0.5em; margin: 0.5em; font-family: calbri; font-size: 1.3rem; color: black; }


.m-signature-pad--body canvas {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 250px;
	border: 1px solid #CCCCCC;
	text-align: left;
}    

.viewRGDocforSignature{ background: white; width: 95%; max-width: 900px;}
.bodyWrap{ 
	display: grid;
	grid-template-rows: 1fr; 
	grid-template-columns: 1fr; 
	align-content:flex-end;
	background: gray; 
	width: 100%; padding: 1em;
	text-align: left;
}
.inputdataline{
	display: grid;
	grid-template-rows: 1fr; 
	grid-template-columns: 1fr 2fr; 
	border-bottom: 0.5px solid #2562AE;
	padding: 5px;
}
.selectaccount{width: 200px; margin: 10px;}
.part{width: 100%;}

.forSave{ padding: 1em 0; }

.jornalaccountlistline{
	display: grid;
	grid-template-rows: 1fr; 
	grid-template-columns: 8% 47% 15% 15% 15%; 
}
.jornaallllistline{
	display: grid;
	grid-template-rows: 1fr; 
	grid-template-columns: 8% 37% 15% 15% 15% 10%; 
}
.jornalaccountlistline div{padding: 0.3em 0.2em;}
.jornaallllistline div{padding: 0.3em 0.2em;}
.formyhypnes{
	word-break: break-all;
}

/* Ende for view WorkReport for signature */

.billlinefuncsgrid{
	display: grid;
	grid-template-rows: 1fr; 
	grid-template-columns: 1fr 1fr ; 
}