/*
+ 
- 
*/

/*
	NET		195, 86, 41		orange
	@		131, 128, 129	silber
	vision	0, 57, 97		blau
	GfImbH	31, 31, 31		silber
	Rahmen	163, 164, 161	silber
	Brief	116, 152, 179	hellblau
*/

@font-face {
	font-family: TeleNeo;
	src:
		local( "TeleNeo" ),
		url( "./TeleNeo/TeleNeoWeb-Regular.woff2" ) format( "woff2" ),
		url( "./TeleNeo/TeleNeoWeb-Regular.woff" ) format( "woff" );
	size-adjust: 112%;
}
@font-face {
	font-family: TeleNeoBold;
	src:
		url( "./TeleNeo/TeleNeoWeb-Bold.woff2" ) format( "woff2" ),
		url( "./TeleNeo/TeleNeoWeb-Bold.woff" ) format( "woff" );
	size-adjust: 112%;
	font-weight: bold;
}
@font-face {
	font-family: TeleNeoExtraBold;
	src:
		url( "./TeleNeo/TeleNeoWeb-ExtraBold.woff2" ) format( "woff2" ),
		url( "./TeleNeo/TeleNeoWeb-ExtraBold.woff" ) format( "woff" );
	size-adjust: 112%;
	font-weight: bold;
}
@font-face {
	font-family: TeleNeoThin;
	src:
		url( "./TeleNeo/TeleNeoWeb-Thin.woff2" ) format( "woff2" ),
		url( "./TeleNeo/TeleNeoWeb-Thin.woff" ) format( "woff" );
	size-adjust: 112%;
	font-weight: bold;
}
@font-face {
	font-family: TeleNeoItalic;
	src:
		url( "./TeleNeo/TeleNeoWeb-RegularItalic.woff2" ) format( "woff2" ),
		url( "./TeleNeo/TeleNeoWeb-RegularItalic.woff" ) format( "woff" );
	size-adjust: 112%;
	font-style: italic;
}
/* rgb( 224, 84, 31 ) */

/*
	Verlinkungen hellblau:	rgb( 0, 102, 204 )	-> rgb( 0, 0, 0 )
	itHead:					rgb( 0, 57, 97 )	-> #4b4b4b
*/

:root { font-size: 11pt; }
* { box-sizing: border-box; }
body { /* max-width: 20.1cm; */ color: #444; margin-bottom: 3em; padding: 0; padding-bottom: 1em; }
.clear { clear: both; }
.err { color: red; }
form { padding-top: 0; }

a, span[onclick] { color: rgb( 0, 0, 0 ); cursor: pointer; }
table { border-collapse: collapse; /* width: 100%; */ }
h1, h2, h3, h4, h5, p, th, td, li, div { font-family: TeleNeo, sans-serif; }
strong, bold { font-family: TeleNeoBold; }
i { font-family: TeleNeoItalic; }
h3 { border-bottom: thin solid rgb( 195, 86, 41 ); border-bottom: thin solid #e20074; }
#head h3 { border-bottom: 0; }
h2 { text-transform: uppercase; border-bottom: thin solid rgb( 195, 86, 41 ); border-bottom: thin solid #e20074; padding-top: 1em; }
h1 a { color: #444; text-decoration: none; }
div.formend { border-top: thin solid rgb( 195, 86, 41 ); border-bottom: thin solid #e20074; margin-top: 1em; }
#head h1 { text-transform: uppercase; border-bottom: 0; font-size: 2.5em; }
#head h3 { font-size: 1.45em; }
tr { vertical-align: baseline; }
th { text-align: left; }
#jsHint { font-weight: bold; color: red; }
#necMenu { list-style: none; text-align: center; padding-left: 0; }
#necMenu li { display: inline; padding: 0 1em; }
#necMenu li a { text-decoration: none; }
#necMenu li a:hover, span[onclick]:hover { text-decoration: underline; }

/*
body { border: thin solid red; }
#pageWrapper { border: thin solid blue; }
#pageWrapper { width: 1024px; height: 768px; overflow: scroll; }
*/

#head {
	/* background-color: rgb( 0, 57, 59 ); */
	text-align: center;
	/* padding: 0.75em; */
	min-height: 3em;
	margin-bottom: 1.5em;
	/*
		oben	#6293b1
		unten	#092f64
	*/
	/* background: rgb( 98, 147, 177 ); */
	/* background: linear-gradient( 180deg, rgba( 98, 147, 177, 1 ) 0%, rgba( 9, 47, 100, 1 ) 100% ); */
	/* background: linear-gradient( 180deg, #e20074 0%, #b2005c 100% ); */
	background-color: #e20074;
	padding: 0.5em;
}
#head h1, #head h1 a, #head h3, #head small, #head span { text-decoration: none; color: white; }
a #head { text-decoration: none; }
#head h3 {
	margin-bottom: 0.5em;
}
#head #user {
	color: white;
	text-align: right;
}
#head #user form {
	display: inline;
}

#footer { border-top: thin solid silver; margin-top: 2em; padding-top: 0.5em; }
#footer #partner	{ float: left; width: 25%; height: 3em; }
#footer #necMenu	{ float: left; width: 50%; text-align: center; }
#footer #nav		{ float: right; width: 25%; height: 3em; /* margin-top: 0.5em; background-image: url( "NAV_Logo_neu_mit Zusatz.png" ); background-size: 10em; background-repeat: no-repeat; background-position-x: right; */ text-align: right; }
#footer #partner {
	text-align: left;
	/* width: 10em; */
	background-image:		url( "T_logo_claim_de_rgb_p.png" ); /*" T_logo_carrier_surface_rgb_n.png" */
	background-repeat:		no-repeat;
	background-position-y:	0.5em;
	background-size:		10em;
}
#footer #nav {
	/* width: 10em; */
	background-image:		url( "NAV_Logo_neu_mit Zusatz.png" );
	background-repeat:		no-repeat;
	background-position-x:	right;
	background-position-y:	0.5em;
	background-size:		10em;
}
th, td { padding: 0.15em 0em; }

h2 [onclick]		{ cursor: pointer; }
h3 [onclick]		{ cursor: pointer; }
/* td.cnt				{ width: 2em; } */
.ctrl [onclick]		{ cursor: pointer; }
/*
.ctrl input			{ font-size: 7pt; }
td.cfg				{ white-space: nowrap; }
td.cfg input			{ width: 7em; font-family: "Lucida Console", monospace; font-size: 9pt; }
td.cfg input:first-Child	{ width: 3em; }
*/
td .sto-region { font-size: small; font-weight: bold; }

#customerForm th,
#projectForm th { padding-right: 1em; }
#customerForm th:after,
#projectForm th:after, { content:":"; }
#customerForm tr,
#projectForm tr { vertical-align: top; }
#customerForm input,
#projectForm input { width: 18em; }
#customerForm input[type=checkbox],
#projectForm input[type=checkbox],
#customerForm input[type=radio],
#projectForm input[type=radio] { width: unset; }
#customerForm textarea,
#projectForm textarea { width: 22em; }
#customerForm textarea.nem-dz,
#projectForm textarea.nem-dz { width: unset; }
#customerForm tr th,
#projectForm tr th { width: 16em; padding-top: 0.25em; }


input:placeholder-shown { font-style: italic; }
.invalid,
:invalid { border-color: red; accent-color: red; }

.num, .cnt { text-align: right; white-space: nowrap; }


#region tr:hover { background-color: rgb( 232, 232, 232 ); }

.ovRegion {
	padding-top: 1em;
	padding-bottom: 2em;
	max-height: 30em;
	overflow-y: scroll;
/*
	display: inline-block;
	position: absolute;
	z-index: 255;
	left: 3em;
	margin-top: -1em;
	border: thin solid black;
	background-color: white;
	box-shadow: 10px 5px 5px gray;
	min-width: 10em;
	min-height: 10em;
	padding: 0 0.5em;
*/
}
.ovRegion table {
	width: 100%;
}
.ovRegionResult {
	width: 90%;
	font-size: 80%;
	font-style: italic;
}
.ovRegion tr.area-entry:hover {
	background-color: rgb( 232, 232, 232 ); background-color: white; cursor: pointer;
}
.ovRegion th, .ovRegion td { padding: 0.15em 0.25em; border: thin solid silver; }
.ovRegion th:first-child, .ovRegion td:first-child { padding-left: 0; }
.ovRegion [onClick] {
	cursor: pointer;
}

/*
td[id]:before, input[id]:before, select[id]:before { font-family: "Lucida Console", monspace; font-size: 66%; background-color: aqua; content:attr(id)" "; }
*/


.status-symb { color: green; }
.status-symb i[class*="spinner"] { color: red; }
 
#formCtrlRZ i,
#formCtrlSto i,
.ctrl i { color: rgb( 0, 0, 0 ); }
 
.steps { padding-top: 0.5em; border-top: thin solid silver; }

/*
	iPad max-width: 1024px
	iPhone max-width: 480px
*/

/* tr.th { background-color: lightgoldenrodyellow; } */

.categories {
    /* NTD */
	background-color: white;
}
.categories ul { margin: 0; }
.categories ul.sub { /* margin-left: 1.5em; */ }
.categories ul {
    list-style: none;
    padding: 0;
}
.categories li {
    padding: 0.5em 1em;
}
.categories > ul li {
	margin-bottom: 1em;
}
.categories li.sel,
.categories li:hover {
    color: white; background-color: #4b4b4b;
}
.categories .sub li.sel,
.categories .sub li:hover {
    color: black; background-color: silver;
}

.categories [onClick] {
	cursor: pointer;
}
.items {
    padding: 1em 1.5em;
    border: thin solid silver;
    background-color: rgb( 232, 232, 232 );
}
.xs .items {
	padding: 1em 0.5em;
}
#rzItemList,
#mcItemList,
#stoList {
    clear: both;
    display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    /* vertical-align: top; */
    /* align-items: flex-start; */
	align-items: space-between;
    gap: 2em 2em;	/* row gap, column gap */
    font-weight: normal;
}
.small {
    font-size: 70%;
}
.items .itBox {
    display: inline-block;
    padding: 1em 1.3em;
    border: medium solid black;
    border-radius: 0.5em;
    /* margin-right: 0.7em; margin-top: 1.5em; */
	background-color: rgb( 216, 216, 216 );
}
.items .itBox h4 {
    display: block;
}
.items .itBox .fa-plus-circle {
    display: none;
}
.ctrl {
    display: block;
    float: right;
}

/* [onclick]:hover { cursor: pointer; } */


/*
.categories .cfg { display: none; }
.categories .itBox { padding: 0.5em 1em 0.5em 2em; border-top: thin solid silver; }
.categories .itBox:hover { background-color: rgb( 232, 232, 232 ); }
*/

#rzMain, #mcMain, #stoMain, #customerMain, #projectMain, #offerMain { border-top: thin solid gray; }
#rzMain:hover, #mcMain:hover, #stoMain:hover { cursor: pointer; }
#rzMain #rzMainCtrl:after,
#mcMain #mcMainCtrl:after,
#stoMain #stoMainCtrl:after { font-family: FontAwesome; content:" \F054"; }
#rzMain.sel #rzMainCtrl:after,
#mcMain.sel #mcMainCtrl:after,
#stoMain.sel #stoMainCtrl:after { font-family: FontAwesome; content:" \F078"; }

#rzItemList, #mcItemList, #stoList {
	clear: both;
}

.main-container { display: none; }

table.cnt tr { vertical-align: bottom; }
table.cnt th,
table.cnt td { height: 2em; }
table.cnt { width: unset; display: inline-block; }
table.cnt span.cntAdd {
	display: inline-block;
	height: 2em; width: 3rem;
	padding-top: 0.5em;
	background-color: mediumvioletred;
	background-color: #e20074;
	text-align: center;
	/* border: thin solid gray; */
	border-radius: 0 0.5em 0.5em 0;
	text-align: center;
	cursor: pointer;
}
table.cnt span.cntAdd i {
	color: white;
}
table.cnt span.artVal {
	display: inline-block;
	height: 2em;
	border-top: thin solid silver;
	border-bottom: thin solid silver;
	/* padding-right: 0; */
	/* padding: 0 0.5em 0 0.75em; */
	padding: 0.15em 0.5em 0 0.5em;
}
table.cnt span.artVal input {
	width: 3em; text-align: center; background-color: rgb( 232, 232, 232 ); border: thin solid silver;
}
table.cnt span.cntSub {
	display: inline-block;
	height: 2em; width: 3rem;
	padding-top: 0.5em;
	color: black;
	background-color: silver;
	border-radius: 0.5em 0 0 0.5em;
	text-align: center;
	/* border: thin solid gray; */
	cursor: pointer;
}

#wizCtrl { display: none; }

.items input,
.items textarea {
	font-size: 1em;
}
/*
.it-rzTa input { width: 3em; }
.it-rzMc input { width: 3em; font-size: 1em; }
.it-sto input { width: 3em; font-size: 1em; }
*/

button, input[type="submit"], input[type="file"] { padding: 0.5em 0.8em; margin: 0.25em 0.25em 0.25em 0; border: thin solid gray; border-radius: 3px; }
#importForm input[type="file"] { border: thin solid #444; background-color: rgb( 216, 216, 216 ); font-size: 1.5em; }
input[type="file"].success { border: thin solid #e20074; }
button:hover, input[type="submit"]:hover { cursor: pointer; }

.contNav { padding-top: 1em; text-align: center; }
.contNav button, .contNav input[type="submit"] { border: thin solid #e20074; border-radius: 3px; font-size: 1.3em; }
.contNav button:nth-child( 1 ) { float: left; }
.contNav button:nth-child( 2 ), .contNav form { float: right; }
.itBox button { color: #444; border: thin solid #e20074; border-radius: 3px; }
.itBox button.sel { color: white; background-color: #e20074; border: thin solid #e20074; border-radius: 3px; }
.print { text-align: right; }
.print i { cursor: pointer; font-size: 133%; color: rgb( 0, 0, 0 ); }
.save i,
.read i { cursor: pointer; font-size: 133%; color: rgb( 0, 0, 0 ); }

/* sto-conn-wiz */
/*
#stoList .itBox { font-size: 80%; }
#stoList .itBox { font-size: 82%; }
#stoList .itBox h4 { font-size: 120%; margin-bottom: 0; }
#stoList .itBox h4 .sto-name { font-size: 80%; color: gray; }
*/
#stoList .itBox h4 { font-family: TeleNeoThin; font-size: 10pt; color: rgb( 128, 128, 128 ); margin-bottom: 0; }

.config {
	border: thin solid silver; font-family: "Lucida Console"; font-size: 9px;
}

#mqInfo { position: fixed; right: 2em; top: 2em; text-align: left; font-family: "Lucida Console"; font-size: 12px; background-color: white; }
#jsMqInfo { position: fixed; right: 2em; top: 5em; text-align: left; font-family: "Lucida Console"; font-size: 12px; background-color: white; }

/* [id$="-cfg"] { background-color: red; } */

.hiddenInput.stoSumOnce,
.hiddenInput.stoSumMonth { width: 5em; }

.sectHl {
	/* border: thin solid gray; */
	color: white;
	background-color: #6199b6;
	/* background: linear-gradient( 180deg, #e20074 0%, #b2005c 100% ); */
	background-color: #e20074;
	margin-bottom: 0.25em;
	width: 100%;
}
div.sectHl { padding: 0.5em 1em; }

.optDisabled { opacity: 0.5; }
.optHide { display: none; }

.categories li.sub span.subMenu	{ float: left; max-width: 85%; }
.categories li.sub span.ctrl	{ float: right; width: 2.25rem; }
.categories li.sub span.ctrl {
	padding: 0.5em 0.25em;
	background-color: rgb( 0, 0, 0 );
	background-color: #4b4b4b;
}
.categories li.sub span.ctrl i {
	float: right;
	color: white;
}
.subMenu { float: left; padding-top: 0.5em; }
.stoDesc { font-style: italic; }
.stoDesc:before { font-family: "FontAwesome"; content: "\f044"; padding-right: 1em; }

/*
	NET		195, 86, 41		orange
	@		131, 128, 129	silber
	vision	0, 57, 97		blau
	GfImbH	31, 31, 31		silber
	Rahmen	163, 164, 161	silber
	Brief	116, 152, 179	hellblau
*/
.itHead {
	color: black;	background-color: rgb( 240, 240, 240 );
	color: black;	background-color: white;
	color: white;	background-color: rgb( 195, 86, 41 );
	color: black;	background-color: rgb( 131, 128, 129 );
	color: black;	background-color: rgb( 163, 164, 161 );
	color: white;	background-color: rgb( 31, 31, 31 );
	color: black;	background-color: rgb( 116, 152, 179 );
	/* border-bottom: medium solid #e20074; */
	/* border-bottom: thin solid gray; */
	padding: 2px 3px 1px 3px;
	color: white;	background-color: rgb( 116, 152, 179 );
	background-color: #4b4b4b;
	/* text-shadow: 1px 1px 2px black; */
}
.itHead input { display: none; }
/* #it-ta-monit-cfg.itHead { color: rgb( 232, 232, 232 ); background-color: rgb( 232, 232, 232 ); border-bottom: thin solid rgb( 232, 232, 232 ); } */
#rzItemList .itHead,
#mcItemList .itHead,
#stoList .itHead { font-size: 85%; }

table.sectHl { width: 100%; }
#summary table { margin-top: 1.5em; width: 100%; }
/*
#summary ul { margin: 0; padding-left: 1em; }
#summary ul li { font-size: small; }
*/

#summary h3 { border-bottom: 0; }
#summary .sumSum h3 { margin: 0; }
#summary .text { color: #e20074; }
#summary .hl h3,
#summary .hl h4 { margin: 0; margin-top: 1em; }
/*
#summary th, #summary td { padding: 0.5em 0.8em; border-top: thin solid silver; }
*/
/*
	h3	Rechenzentrum, Standortkosten
	h4	TRUSTEDaccess
*/
#summary .Exp tr.th th, #summary .Exp tr.th td,
#summary .Exp tr.hl th, #summary .Exp tr.hl td,
#summary .Exp tr.data th, #summary .Exp tr.data td,
#summary .Exp tr.sum th, #summary .Exp tr.sum td {
	padding: 0.5em 0.8em;
	border-top: thin solid silver; border-bottom: thin solid silver;
}
#summary .Exp tr.sumSum td {
	padding: 0.5em 0.8em;
}
#summary .Exp tr.th.last th, #summary .Exp tr.th.last td,
#summary .Exp tr.hl.last th, #summary .Exp tr.hl.last td,
#summary .Exp tr.data.last th, #summary .Exp tr.data.last td,
#summary .Exp tr.sum.last th, #summary .Exp tr.sum.last td {
	border-bottom: none; 
}
#summary .Exp tr.th.first th, #summary .Exp tr.th.first td,
#summary .Exp tr.hl.first th, #summary .Exp tr.hl.first td,
#summary .Exp tr.data.first th, #summary .Exp tr.data.first td,
#summary .Exp tr.sum.first th, #summary .Exp tr.sum.first td {
	border-top: none; 
}

#summary tr.th {
	/* Spaltenbeschreibung */
	vertical-align: bottom;
	background-color: rgb( 226, 0, 116 );
}
#summary tr.th th {
	/* font-weight: normal; */
	color: white;
}
#summary tr.hl {
	/* Reihe mit (Abschnitts-)Überschrift */
}
#summary tr.data {
	/* Reihe mit Artikel */
}
#summary tr.sum th,
#summary tr.sum td {
	/* Reihe mit Summe */
	font-weight: bold;
	/* background-color: rgb( 223, 237, 248 ); */
}
#summary tr.sumSum {
	/* Reihe mit Gesamtsumme */
	background-color: rgb( 223, 237, 248 );
	font-weight: bold;
}
#summary tr.sum td {
	font-weight: bold;
}
#summary tr.sep td { padding: 0; border-top: thin solid #e20074; border-bottom: thin solid #e20074; }

#summary td.text {
	/* Spalte mit (Abschnitts-)Überschrift */
}
#summary .Exp td.artText {
	/* Spalte mit Artikeltext */
	padding-left: 2em;
}
#summary td.conn {
	/* Spalte mit "Leitungsbezeichnung" */
	/* background-color: silver; */
}
#summary td.pOnce {
	/* Spalte "einmalige Einrichtung" */
	text-align: right;
	/*tmp border-left: thin solid silver; */
	/*tmp border-right: thin solid silver; */
}
#summary td.count,
#summary td.hCount {
	/* Spalte Anzahl */
	text-align: center;
}
#summary td.opt {
	/* Spalte Option(en) */
}
#summary td.puMonth {
	/* Spalte "Einzelpreis/Monat" */
	text-align: right;
	/*tmp border-left: thin solid silver; */
	/*tmp border-right: thin solid silver; */
}
#summary td.pMonth {
	/* Spalte "Summe/Monat" */
	text-align: right;
	/*tmp border-left: thin solid silver; */
	/*tmp border-right: thin solid silver; */
}

/* #summary table { background-color: aqua; } */

.itBox .ctrl .fa { font-size: 133%; }


/* SMARTPHONE max 480 */
#pageWrapper, #user, #importForm { padding: 1em 1em 0 0.5em; margin: 1em auto; width: 100%; }
:root { font-size: 14pt; }
.items .itBox {
	width: 100%;
}
#customerForm th, #projectForm th { display: none; }
table.sectHl tr th.text { display: block; clear: both; width: 100%; float: none; }
table.sectHl tr td.once,
table.sectHl tr td.month { display: block; clear: both; width: 100%; text-align: right; }
/* table.sectHl tr td.once { clear: both; } */
button, input[type="submit"] { font-size: 1.2em; } /* # */
.contNav button, .contNav input[type="submit"] { font-size: 1.5em; }
.itBox button { font-size: 1.3em; }
#summary table.Zip { display: table; }
#summary table.Exp { display: none; }
.sectHl th.text { padding: 0.5em 0.8em; padding-bottom: 0; }
.sectHl td.once { padding: 0.5em 0.8em; padding-top: 0; padding-bottom: 0; }
.sectHl td.month { padding: 0.5em 0.8em; padding-top: 0; }
#footer #partner {
	background-size: 5em;
}
#footer #nav {
	/* width: 10em; */
	background-size: 5em;
}

table.stoOpt th, table.stoOpt td { display: block; }
#user #authHintBlock1 { margin-top:0.75em; }
#user .fa.fa-lg, #user .uIcon { font-size: 1.75em; padding: 0.33em; border: thin solid #4B4B4B; border-radius: 0.15em; }
#user .fa.fa-lg:hover, #user .uIcon:hover { color: #E20074; border-color: gray; background-color: #4B4B4B; }
#user .uIcon { padding: 0 0.33em 0.15em 0.15em; }

/* TABLET max 1024 */
@media only all and ( min-width: 768px ) { /* 481-1024 */
	:root { font-size: 12pt; }
	.items .itBox {
		width: 47%;
	}
	#customerForm th, #projectForm th { display: table-cell; }
	table.sectHl tr th.text { display: table-cell; width: 40%; }
	table.sectHl tr td.once,
	table.sectHl tr td.month { display: table-cell; width: 30%; text-align: right; }
	#summary table.Zip { display: none; }
	#summary table.Exp { display: table; }
	.sectHl th.text { padding: 0.5em 0.8em; }
	.sectHl td.once { padding: 0.5em 0.8em; }
	.sectHl td.month { padding: 0.5em 0.8em; }
	#footer #partner {
		background-size: 10em;
	}
	#footer #nav {
		/* width: 10em; */
		background-size: 10em;
	}
	table.stoOpt th, table.stoOpt td { display: table-cell; }
}
/* Notebook max 1600 */
@media only all and ( min-width: 1024px ) {
	:root { font-size: 11pt; }
    .categories {
		position: sticky; top: 0em;
        float: left;
        width: 21%;
    }
    .items {
        float: left;
        width: 79%;
		min-height: 50em;
    }
	.dummy {
        float: left;
        width: 21%;
	}
	.items .itBox {
		/* width: 30%; */
		width: 45%;
	}
	button, input[type="submit"] { font-size: 1em; }
	.contNav button, .contNav input[type="submit"] { font-size: 1.3em; }
	.itBox button { font-size: 0.8em; }
	#user { padding-right: 2.5em; }
	#user #authHintBlock1 { margin-top: 0; }
	#user .fa.fa-lg, #user .uIcon { font-size: 1.33333333em; padding: 0.25em; border: 0; }
	#user .fa.fa-lg:hover, #user .uIcon:hover { color: #E20074; border: 0; background-color: #4B4B4B; }
	#user .uIcon:hover { padding: 0.25em; }
}
@media only all and ( min-width: 1080px ) {
	#pageWrapper, #user, #importForm { padding: 1em 3em 0 3em; }
	#user { padding-right: 4.5em; }
}
/* DESKTOP > 1600 */
@media only all and ( min-width: 1600px ) {
	#pageWrapper, #user, #importForm { max-width: 1400px; }
	/* :root { font-size: 12pt; } */
	.items .itBox {
		width: 30%;
	}
	/*
	.items #stoList .itBox {
		width: 30%;
	}
	*/
}

@media print {
	.categories,
	ul#tmp,
	#dbSaveForm,
	.sectHl,
	#rzItems,
	#mcItems,
	#stoList,
	#customerForm,
	#projectForm,
	.dummy,
	.tmpPost,
	#mqInfo,
	.print,
	#toTop,
	#summary .sectHl { display: none; }
/*
	#head, #head h1, #head h3, #head span {
		color: black;
		background-color: white;
		background: unset;
		text-align: left;
	}
*/
	/* #summary .sectHl { display: block; color: black; background: unset; padding-left: 0; } */
	#summary button { display: none; }
	.items { border: 0; margin: 0; padding: 0; background-color: white; }
	#pageWrapper, #user, #importForm { margin: 0; padding: 0; width: unset; max-width: unset; }
	#summary tr.th th, #summary tr.th td,
	#summary tr.hl th, #summary tr.hl td,
	#summary tr.data th, #summary tr.data td,
	#summary tr.sum th, #summary tr.sum td,
	#summary tr.sumSum td {
		font-size: 11pt;
		padding: 0.3em 0.5em;
	}
	#user { display: none; }
	/*
	#summary tr.th,
	#summary tr.sum {
		background-color: rgb( 242, 242, 242 );
	}
	#summary tr.th { color: unset; }
	*/
	#footer { break-inside: avoid; }
}

.itBox {
	/* -webkit-box-shadow: 7px 7px 10px 0px rgba(226,0,116,0.66); */
	box-shadow: 7px 7px 10px 0px rgba( 0, 0, 0, 0.66 );
}

/* Demonstration */
#dbSaveForm .hideMe { display: none; }
#pageWrapper pre { display: none; }
#tmp { display: none; }
.debug { display: none; }
.config { display: none; }
.hiddenInput { display: none; }
#mqInfo { display: none; }
#jsMqInfo { display: none; }
#dbSaveForm form { padding-top: 0; text-align: right; }
.tmpPost { display: none; }

.sto-conn-wiz {
	background-color: rgb( 212, 212, 212 );
	border-top: thin solid gray;
	border-bottom: thin solid gray;
	padding: 0.25em 2px 0.25em 2px;
}

/* DRAG'N'DROP */
#rzItemList, #mcItemList, #stoList {
	position: relative;
	z-index: 2;
}
#rzDropzone, #mcDropzone, #stoDropzone {
	position: relative;
	min-height: 10em;
	background-color: rgb( 216, 216, 216 );
}
#rzDropzone {
	min-height: 20em;
}
#rzBGHint, #mcBGHint, #stoBGHint {
	position: absolute;
	z-index: 1;
	/* border: thin solid gray; */
	font-size: 10pt;
	margin: 2.5rem;
	bottom: 0;
	left: 0;
	bottom: 0;
	/*
	transform: rotate( 300deg ); 
	-webkit-transform: rotate( 300deg ); 
	color: #c6afaf;
	*/
	color: gray;
	padding: 0.5em;
}
/* drag'n'drop */
li.sub { background-color: rgb( 216, 216, 216 ); }

#summary table { background-color: white; }
#summary table.Exp tr.data:nth-child( even ) {
	background-color: white;
}
#summary table.Exp tr.data:nth-child( odd ) {
	background-color: rgb( 243, 243, 243 );
}
#summary table.Exp tr.data td:last-child,
#summary table.Exp tr.sum td:last-child {
	background-color: rgb( 223, 237, 248 );
}
#summary table.Exp tr.data:first-child td:last-child {
	background-color: white;
}
/*
#summary table.Exp tr.data td.artText {
	background-color: white;
}
*/

#summary table.Zip th { font-weight: normal; }
#summary table.Zip tr.data th.stoName {
	/* Reihe mit Standortname (ZIP) */
	font-weight: bold;
	padding-top: 0.5em;
}
#summary table.Zip tr.sum td {
	background-color: rgb( 223, 237, 248 );
}
#summary td.pOnce,
#summary td.pMonth { border: 0; }
#summary table.Zip tr.data td.conn { /* text-align: right; */ }
#summary table.Zip tr.sep td { border-top: thin solid #e20074; border-bottom: thin solid #e20074; }
#summary table.Zip td.hCount { padding-left: 1em; }
#summary table.Zip td.lt,
#summary table.Zip th.ee { padding-left: 1em; }
#summary table.Zip th.mon { padding-left: 1em; }

#summary table.Zip .zipSum {
	background-color: rgb( 223, 237, 248 );
}
#summary table.Zip .zipSum th {
	padding-left: 0;
}

#toTop {
	position: fixed;
	z-index: 250;
	bottom: 1em; right: 1em;
	width: 2.5em; height: 2.5em;
	text-align: center; padding-top: 0.5em;
	color: white;
	background-color: #4b4b4b;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	cursor: pointer;
}
#toTop a {
	color: white;
}

.sto-nem-ikle { background-color: white; }
.sto-nem-ikle.true { background-color: red; }
i.fa[onclick] { cursor: pointer; }
#projectForm h3 { display: block; }
#projectForm h3:before { font-family: FontAwesome; content: "\F146"; padding-right: 0.75em; }
#projectForm h3.hide:before { font-family: FontAwesome; content: "\F0FE"; padding-right: 0.75em; }
#projectForm h3:before { font-family: FontAwesome; content: "\F078"; padding-right: 0.25em; }
#projectForm h3.hide:before { font-family: FontAwesome; content: "\F054"; padding-right: 0.25em; }
#projectForm h3.noCtrl:before { content: ""; padding-right: 0; }
#projectForm table { display: table; }
#projectForm table.hide { display: none; }
.sto-name, .p-sto-name { color: gray; font-size: 80%; }
#projectForm tr { display: table-row; }
#projectForm tr.hide { display: none; }
.stoNem { margin-bottom: 0.5em; }
.stoNem input { background-color:rgb( 216, 216, 216 ); }
#projectForm textarea { /* width: 100%; */ }
#projectForm .p-sto-line { font-weight: normal; }

#projectForm .traspit { display: none; }

#user .fa {
	color: #444;
}
body.praeCalc #content {
	min-height: 50em;
	padding: 1em 1.5em;
	border: thin solid silver;
	background-color: rgb( 232, 232, 232 );
}


.opt-opt-label { border: medium solid yellow; display: inline-block; }