/*<meta />*/

/* 
Author   : Arno van Geffen
Copyright: ©2024 Xylem Nederland B.V. 
*/

@import url('Libs/Fonts.css');

@import url('Libs/Symbols_Level_0__Indent_.css');

:root
{
	--blue: #1e90ff;
	--white: #ffffff;
	--transparent: transparent;
	--symbolcolor: #0085ad;
	/* Xylem Brand colors (published July 2024) */
	--XylemBlue: #0085ad;
	--DependableBlue: #003e51;
	--ClarityBlue: #67dfff;
	--DynamicGreen: #61d604;
	/* table in blue/white*/
	--tablecolorHeader: #79aec8;
	--tablecolorHeaderText: #000000;
	--TablecolorRowA: #ffffff;
	--TablecolorRowB: #dbe8f0;
	/* Experimental */
	--BlueDark: #1e90ff;
	--BlueLight: #1e90ff;
}

body
{
	/* Default font Roboto, fallback font Arial */
	font-family: Roboto, Arial;
	color: #53565a;
	min-width: 100mm;
	max-width: 250mm;
}

/*
heading style properties
*/

h1,
h2,
h3,
h4,
h5,
h6
{
	font-weight: bold;
	color: #0085ad;
	/*margin-bottom: 0.5em; /*ADDED 11/06/2024*/
	/*margin-top: 0.5em; /*ADDED 11/06/2024*/
}

h1
{
	font-size: 24.0pt;
}

h2
{
	font-size: 18.0pt;
}

h3
{
	font-size: 14.0pt;
}

h4
{
	font-size: 12.0pt;
}

h5
{
	font-size: 10.0pt;
}

h6
{
	font-size: 8.0pt;
}

h1.Appendix,
h2.Appendix,
h3.Appendix,
h4.Appendix,
h5.Appendix,
h6.Appendix
{
	
}

h1.PageHeader
{
	/* only used in pdf-output memo headings */
}

p.Hazard
{
	/*min-height:10mm;*/
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

p,
p.Line-through
{
	font-size: 12.0pt;
	margin-top: 0em;
	margin-bottom: 0.5em;
	color: #53565a;
}

p.ReleasenotesVersion
{
	font-size: 8pt;
	font-style: italic;
}

p.Indent
{
	margin-left: 38mm;
	text-indent: -38mm;
}

p.SubparagraphTitel
{
	color: #0085ad;
	/* font-size: 12pt; */
	font-weight: bold;
	margin: 1em 0;
}

p.Small,
p.Small-Line-through
{
	margin-top: 0em;
	margin-bottom: 0.5em;
	color: #53565a;
	font-size: 6pt;
}

p.Small-Line-through
{
	/* font-size: 8pt; */
	text-decoration: line-through;
}

p.Line-through
{
	text-decoration: line-through;
}

p.ImageCaption
{
	font-style: italic;
	font-size: 9pt;
	margin: 0pt;
}

p.ImageCaptionSmall	/*Use for right positioned small images only*/
{
	font-style: italic;
	font-size: 9pt;
	margin: 0pt;
}

/*
p.IndexHeading 
{
	font-size: 24pt;
	border-bottom-color: #0085ad;
}
*/

/*
p.Index1,p.Index2,p.Index3,p.Index4,p.Index5,p.Index6
{	
	margin-left: 0em;
	margin-right: 0em;
	padding-left: 0em;
	padding-right: 0em;
}
*/

ol,
ul,
dl
{
	margin-top: 0px;
	margin-bottom: 0px;
	color: #0085ad;
}

img
{
	border: none;
}

a.Popup
{
	
}

div.paragraph	/*for indenting bodytext in printed lay-out only*/
{
	
}

div.Intern
{
	background-color: #dbe8f0;
}

div.Image	/*for full width images*/
{
	margin-bottom: 1em;
	margin-top: 1em;
	text-align: center;
	max-width: 100%;
	max-height: auto;
	page-break-inside: avoid;
}

div.Image_Right_30mm,
div.Image_Right_50mm	/*for images at the right side of text */
{
	/*margin-bottom: 2em; 
	margin-top: 2em;*/
	text-align: center;
	float: right;
	margin-left: 2em;
	page-break-inside: avoid;
}

div.Image_Right_30mm	/*for images at the right side of text, width=30mm */
{
	width: 30mm;
}

div.Image_Right_50mm	/*for images at the right side of text, width=50mm */
{
	width: 50mm;
}

div.LightBlueBackground
{
	margin: 0.0pc;
	padding: 0.5pc;
	background-color: #dbe8f0;
	border: 1px solid black;
	border-radius: 2mm;
}

div.attention_Blue
{
	background-image: url('../Images/Icons/danger_blue.svg');
	background-repeat: no-repeat;
	margin-top: 0.5pc;
	padding-left: 12mm;
	padding-bottom: 0.5pc;
	background-color: transparent;
}

div.attention_White
{
	background-image: url('../Images/Icons/danger_white.svg');
	background-repeat: no-repeat;
	margin-top: 0.5pc;
	padding-left: 12mm;
	padding-bottom: 0.5pc;
	background-color: transparent;
}

/*test begin */

div.Note
{
	max-width: 650px;
	margin: 15pt auto;
	padding: 0px 15px 5px 60px;
	min-height: 40px;
	border: 2px dotted var(--BlueDark);
	border-radius: 10px;
	/*background-color: var(--BlueLight);*/
	/*background-image: url('../Images/Icons/danger_white.svg');*/
	background-size: 30px auto;
	background-position: 15px 10px;
	background-repeat: no-repeat;
	page-break-inside: avoid;
}

div.NoteSimple
{
	max-width: 650px;
	margin: 15pt auto;
	padding: 0px 15px 5px 60px;
	min-height: 40px;
	border: 2px dotted var(--BlueDark);
	border-radius: 10px;
	b_ackground-color: var(--BlueLight);
	background-image: url('../Images/Icons/danger_white.svg');
	background-size: 30px auto;
	background-position: 15px 10px;
	background-repeat: no-repeat;
	page-break-inside: avoid;
}

div.NoteSimple > p:first-child::before
{
	content: "Note: ";
	font-family: var(--FontSansSerif);
	font-weight: bold;
	letter-spacing: 2px;
	color: var(--BlueDark);
	text-transform: uppercase;
}

div.NoteSimple *
{
	font-family: var(--FontSansSerif);
}

div.NoteComplex
{
	margin: 15px 0 0 60px;
	padding: 0 8px 10px 8px;
	min-height: 70px;
	max-width: 80%;
	b_ackground-color: var(–BlueLight);
	border-bottom: 5px solid var(–BlueDark);
	border-left: 5px solid var(–BlueDark);
	border-right: 5px solid var(–BlueDark);
}

div.NoteComplex > p:first-child::before
{
	display: block;
	content: "Note";
	font-family: var(--FontSansSerif);
	font-weight: bold;
	font-size: 14pt;
	letter-spacing: 2pt;
	color: var(--White);
	background-color: var(--BlueDark);
	text-transform: uppercase;
	text-align: center;
	padding: 2px;
	margin: 4px -8px 10px -8px;
}

div.NoteComplex::before
{
	content: ' ';
	float: left;
	width: 48px;
	height: 48px;
	margin-left: -60px;
	margin-top: 30px;
	background-image: url('../Images/Icons/danger_white.svg');
	background-repeat: no-repeat;
}

/* test end */

tbody
{
	font-size: 12pt;
}

thead
{
	font-size: 12pt;
}

span.codeSnippetLineNumbers
{
	mc-disabled: false;
	color: #ffa500;
}

img	/* force all images to fit on the screen */
{
	max-width: 100%;
	max-height: auto;
}

img.Inline	/*Set image height of 1em*/
{
	border: none;
	height: 1em;
	width: auto;
}

img.Width_10mm
{
	width: 10mm;
}

img.Width_30mm
{
	width: 30mm;
}

img.Width_50mm
{
	width: 50mm;
	/*float: right;*/
}

img.Width_10percent
{
	width: 10%;
}

img.Width_100percent	/*full pagewidth*/
{
	width: 100%;
	border: none;
}

@media print
{
	body
	{
		mc-hyphenate: never;
		/*padding-left: 32mm; */
	}

	/*
	heading style properties
	*/

	h1,
	h2,
	h3,
	h4,
	h5,
	h6
	{
		/*color: #000000;*/
		orphans: 2;
	}

	h1
	{
		mc-auto-number-format: 'CH:{chapnum} ';
		page-break-before: right;
		page-break-after: avoid;
		font-size: 30pt;
	}

	h1.Appendix
	{
		/*margin-top: 10mm;*/
		/*margin-bottom: 7mm;*/
		/*font-size: 20pt;*/
		/*text-align: left;*/
		mc-heading-level: 2;
		mc-auto-number-format: 'Bijlage {chapnum}\a';
		/*mc-auto-number-format: 'Appendix {chapnum}\a';*/
	}

	/* Appendix
	h1.Appendix::first-letter {font-size: 82pt }     werkt in pdf en HTML, maar is niet wat ik nodig heb
	h1.Appendix::first-line   {font-size: 82pt }     werkt NIET in pdf, wel in HTML       
	*/

	h1.NoNumber,
	h2.NoNumber,
	h3.NoNumber
	{
		mc-auto-number-format: '';
	}

	h1.NoNumberNoPagebreak
	{
		page-break-before: avoid;
		mc-auto-number-format: '';
	}

	h2
	{
		mc-auto-number-format: 'CH:{chapnum}.{n+} ';
		font-size: 16pt;
	}

	/*	h2.Appendix
	{
		mc-heading-level: 0;
		mc-auto-number-format: '';
	}*/

	h3
	{
		mc-auto-number-format: 'CH:{chapnum}.{n}.{n+} ';
		font-size: 14pt;
	}

	h4
	{
		mc-auto-number-format: 'CH:{chapnum}.{n}.{n}.{n+} ';
		font-size: 12pt;
	}

	h2.Appendix,
	h3.Appendix,
	h4.Appendix,
	h5.Appendix,
	h6.Appendix
	{
		mc-heading-level: 0;
		mc-auto-number-format: '';
	}

	p,
	p.Line-through
	{
		font-size: 10pt;
		widows: 2;
		orphans: 2;
		/*color: #000000;*/
	}

	p.ReleasenotesVersion
	{
		margin-left: 10mm;
	}

	p.ParagraphTitel	/* h1 alternative */
	{
		font-size: 22pt;
		/*color: #000000;*/
		page-break-after: avoid;
		page-break-inside: avoid;
	}

	p.SubparagraphTitel	/* h2 alternative */
	{
		/*color: #000000;*/
		page-break-after: avoid;
		page-break-inside: avoid;
	}

	p.TOC1
	{
		mc-heading-level: 1;
		mc-auto-number-format: 'CH:{chapnum} ';
		margin-top: 1.50em;
	}

	p.ImageCaption
	{
		mc-auto-number-class: inherit;
		mc-auto-number-format: 'GH:{b}Afbeelding {Gn+} - {/b}';
		page-break-inside: avoid;
		page-break-before: avoid;
		orphans: 2;
	}

	p.ImageCaptionSmall
	{
		mc-auto-number-class: inherit;
		mc-auto-number-format: 'GH:{b}Afb. {Gn+} - {/b}';
	}

	caption
	{
		font-size: 10pt;
		m_c-auto-number-format: 'GT:{b}Tabel {Gn+} - {/b}';
		m_c-auto-number-format: 'T:{b}Tabel {n+} - {/b}';
		mc-auto-number-format: '{b}Tabel {Gn+} - {/b}';
	}

	ol,
	ul,
	dl
	{
		font-size: 10pt;
	}

	img.Width_100percent
	{
		
	}

	img.Width_50mm
	{
		
	}

	p.TOC2
	{
		margin-left: 1em;
	}

	a
	{
		/*color: #000000;*/
	}

	a:link
	{
		text-decoration: none;
		/*color: #000000;*/
	}

	ul
	{
		/*color: #000000;*/
	}

	li
	{
		/*color: #000000;*/
		font-size: 10pt;
	}

	ol
	{
		margin-bottom: 0.5em;
		margin-top: 0.5em;
	}

	ol.Xylem
	{
		
	}

	div.paragraph
	{
		padding-left: 32mm;
	}

	div.GlossaryPageDefinition
	{
		f_ont-size: 40pt;
	}

	div.GlossaryPageHeading
	{
		font-size: 32pt;
		font-weight: bold;
		color: #0085ad;
	}

	div.GlossaryPageEntry
	{
		font-size: 10pt;
	}

	div.GlossaryPageTerm
	{
		font-size: 12Pt;
	}

	tbody
	{
		font-size: 10pt;
	}

	thead
	{
		font-size: 10pt;
	}
}

li.NoIndent	/*No indentation needed (eg. used in a table lay-out)*/
{
	text-indent: 0px;
}

ol.NoIndent,
ul.NoIndent	/*No indent (eg. used in a table)*/
{
	margin-top: 0px;
	color: #0085ad;
	margin-bottom: 0px;
	margin-left: 20px;
}

ol.Xylem
{
	list-style-type: decimal;
	list-style-image: none;
}

ol.Xylem > li::marker
{
	content: counter(Xylem) ')';
}

span.mc-variable.DocumentTitle1
{
	font-weight: bold;
	font-size: 36pt;
}

p.DocumentTitle1
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	/*color: #000000;*/
	font-size: 36pt;
}

p.DocumentTitle2
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	/*color: #000000;*/
	font-size: 28pt;
}

p.DocumentTitle3
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	/*color: #000000;*/
	font-size: 24pt;
}

span.lowercase
{
	text-transform: lowercase;
}

p.rotate
{
	transform: rotate(-60deg);
}