/*<meta />*/

/* Import additional style sheets */

@import url('glossary.css');

@import url('notes.css');

@import url('tables.css');

:root
{
	/* HeadingColour is used in the h1, h2, h3 and h4 heading styles */
	--HeadingColour: #1a3661;
	--BinaryBlue: #1A3661;
	/* Primary colour */
	--ContemporaryGold: #FDB913;
	/* Primary colour */
	--GreenPlains: #2bb673;
	/* Secondary colour */
	--MidGradient: #5081ba;
	/* 7th swatch from the right on the primary colour branding gradient. 
	   URL: https://knowledge.binarystream.com/hubfs/Branding%20Documents/Branding%20and%20Style/BS-ColoursFonts-2020.pdf */
}

/* Highlight full-text search results with a custom background colour The class span.SearchHighlight pllies to all search terms */
/* Multiple search words can have their own individual highlight colour, by specifying span.SearchHighlight1, span.SearchHighlight2 etc. */

span.SearchHighlight
{
	background-color: #ffff00;
}

body
{
	color: #000000;
	font-family: 'Segoe UI', Calibri, Arial, Roboto;
}

/* Headings */

.Title
{
	font-family: 'Segoe UI', Calibri, Arial, Roboto;
	font-size: 2.0em;
	font-weight: normal;
	font-variant: small-caps;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.8px;
	padding-top: 0px;
	padding-bottom: 4px;
	color: #ffffff;
	border: 1px solid #a0b5f0;
	background: linear-gradient(to right, #1A3661, #5081ba, #1A3661);
	background-color: #1050c0;
}

/* This is a custom style for the splash page. These styles will be added to the .Title style */

.SplashTitle
{
	margin-top: -5px;
	margin-bottom: -10px;
	/* Prevent this style from sppearing in the Styles window, since it's used only once */
	mc-hidden: hidden;
}

h1
{
	font-family: 'Segoe UI', Calibri, Arial, Roboto;
	font-weight: bold;
	font-size: 1.9em;
	color: var(--HeadingColour);
	/* text-decoration: underline solid #1a3661 2px; */
}

h2
{
	font-family: 'Segoe UI', Calibri, Arial, Roboto;
	font-weight: normal;
	font-size: 1.5em;
	color: var(--HeadingColour);
	letter-spacing: -0.5px;
	/* previous underline colour: #00a8e0 */
	border-bottom: 3px solid #78a9e2;
}

/* H2 heading with an amber underline (as seen here: https://knowledge.binarystream.com/complete-guide-financial-consolidation */

h2.amber
{
	font-family: 'Segoe UI', Calibri, Arial, Roboto;
	font-weight: normal;
	font-size: 1.5em;
	color: var(--HeadingColour);
	letter-spacing: -0.5px;
	border-bottom: 3px solid #fdb913;
}

h3
{
	font-family: 'Segoe UI', Calibri, Arial, Roboto;
	/* font-family: 'Arial'; */
	font-weight: normal;
	font-size: 1.4em;
	letter-spacing: .3px;
	padding-bottom: 0px;
	color: var(--HeadingColour);
}

h4
{
	font-weight: bold;
	font-size: 1.2em;
	color: var(--HeadingColour);
	padding-bottom: 0px;
	margin-bottom: 0px;
	/* margin-top: 1.0em; */
	/* margin-bottom: 1.0em; */
}

h5
{
	font-weight: bold;
	font-size: 10.0pt;
}

h6
{
	font-weight: bold;
	font-size: 8.0pt;
}

/* Default paragraph style */

p
{
	font-family: 'Segoe UI', Calibri, Arial, Roboto;
	font-size: 1em;
	text-align: justify;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 14pt;
	letter-spacing: 0.2px;
	/* letter-spacing: 0.25px; */
	mc-hyphenate-shortest-word: 8;
	mc-hyphenate: always;
}

/* A currewt empty DIV for responsive layouts */

.responsive
{
	columns: 250px 5;
	column-gap: 40px;
	column-rule: 1px double #adadad;
	padding-left: 15px;
}

/* Unordered lists have a top margin to set them off from the previous block of text. Unfortunately, 
   this also pushed the items in the firsy column down a bit, and throws off the horizontal alignment. 
   This margin adjustment fixes that */

.responsive ul
{
	margin-top: -16px;
}

/* The Abbreviation tag will be used for pop-up definitions */

abbr
{
	font-family: inherit;
	font-size: inherit;
}

/* Hide the contents of the paragraph */

p.hidden
{
	visibility: hidden;
}

/* Half-height paragraph */

p.hh
{
	font-family: 'Segoe UI', Calibri, Arial, Roboto;
	font-size: 1em;
	text-align: justify;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 10pt;
	letter-spacing: 0.2px;
	/* letter-spacing: 0.25px; */
}

/* Half-height paragraph, centered */

p.hhc
{
	font-family: 'Segoe UI', Calibri, Arial, Roboto;
	font-size: 1em;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 10pt;
	letter-spacing: 0.2px;
	/* letter-spacing: 0.25px; */
}

/* Table Paragraph. A shorter paragraph without the large default margins of the oridinary paragraph */

p.tp
{
	font-family: 'Segoe UI', Calibri, Arial, Roboto;
	font-size: 1em;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 16pt;
	letter-spacing: 0.2px;
	/* letter-spacing: 0.25px; */
}

/* List item parapgraph style. Each list item (ordered and unordered contains a paragraph tag, and while the 20px top and bottom margins
   are fine for paragraph separation, they make the list items too far apart. Therefore a ListItem class is used for the paragraphs inside each list
   item, with smaller top and bottom margins to make the list look more compact. */

p.ListItem
{
	margin-top: 1em;
	margin-bottom: 1em;
}

/* A 50% screen width box for the splash screens */

.box
{
	width: 600px;
}

/* DD = Drop-down. This is the style from Drop-Down Text hotspots (the initial line that users click on) */
/* It should stand out from the standard paragraph text. */

.DDTitle
{
	font-style: italic;
	color: #224575;
}

/* Image caption text. Ideally, this will be centered under the image */

.imgcaption
{
	/* position: relative; */
	text-align: center;
	font-size: 1.0em;
	font-color: #000000;
	font-style: italic;
	margin-top: 2px;
}

/* Caption container. This is a container for an image and its caption */
/* Having a container makes it easier to centre the caption under the image */

.cc
{
	align: left;
	text-align: center;
	border: 2px solid red;
}

/* Centered images */

.Center
{
	text-align: center;
}

.Code
{
	font-family: 'Courier New';
	font-size: 0.9em;
	font-weight: normal;
}

/* Used to style a red asterisk to indicate that a particular field is mandatory */

.Mandatory
{
	font-family: Monospace;
	font-size: 1em;
	color: #ff0000;
}

.ScreenControl
{
	font-weight: bold;
	color: #285992;
}

/* Indented paragraphs for images */

.Indent-20
{
	margin-left: 20px;
}

.Indent-40
{
	margin-left: 40px;
}

.Indent-60
{
	margin-left: 60px;
}

/* Indents a paragraph so that it's in line with the Screen Location heading. Some screens can be accessed in more than one way
   so I may have multiple lines for the screen l;ocation. This makes sure that every is aligned properly.
   It also pushes the paragraph up a little, to reducwe the white space between the paragraphs. */

.Indent-SL
{
	margin-left: 154px;
	margin-top: -12px;
}

/* Tooltip definitions, which will be identified by a dotted underline */

a.TTDef
{
	color: #000000;
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-color: #000000;
}

/* Tooltip definitions, used in image maps IM = Image Map  */
/* While hovering over the area, the cursor will change to a mouse pointer with a question mark */

.TTDefIM
{
	cursor: help;
}

/* UI Button and Tab (span) styles that mimic the actual buttons */

.ButtonAmber
{
	background: #fea002;
	color: #000000;
	font-weight: normal;
	padding-left: 7px;
	padding-right: 7px;
}

.ButtonBlue
{
	background: #106ebe;
	color: #ffffff;
	font-weight: normal;
	padding-left: 7px;
	padding-right: 7px;
}

.ButtonGray
{
	background: #e8e8e8;
	color: #000000;
	/* The Arial Nova font decreases the height of the button, which makes it look more like highlih=ghted text than a button */
	/* font-family: 'Arial Nova'; */
	font-weight: normal;
	font-size: 0.9em;
	padding-left: 7px;
	padding-right: 7px;
}

.ButtonNavy
{
	background: #0d203c;
	color: #ffffff;
	/* The Arial Nova font decreases the height of the button, which makes it look more like highlighted text than a button */
	/* font-family: 'Arial Nova'; */
	/* font-weight: normal; */
	font-size: 0.9em;
	padding-left: 7px;
	padding-right: 7px;
}

.ButtonDTeal
{
	background: #31708f;
	color: #ffffff;
	/* The Arial Nova font decreases the height of the button, which makes it look more like highlih=ghted text than a button */
	/* font-family: 'Arial Nova'; */
	/* font-weight: normal; */
	font-size: 0.9em;
	padding-left: 7px;
	padding-right: 7px;
}

.ButtonViolet
{
	background: #625afa;
	color: #ffffff;
	/* The Arial Nova font decreases the height of the button, which makes it look more like highlih=ghted text than a button */
	/* font-family: 'Arial Nova'; */
	/* font-weight: normal; */
	font-size: 0.9em;
	padding-left: 7px;
	padding-right: 7px;
}

/* This red text indicated that this item still requires addtional information, or a link */

.MissingInfo
{
	color: #ff0000;
}

.TabBlue
{
	border-bottom: 2px solid #0078d4;
}

/* Mimics the teal text used in Business Central */

.Teal
{
	color: #3a969a;
}

/* List styles and formatting */
/* Ordered lists have default top and bottom margins of 1em (16px) and a left padding of 40px (2.5em) */
/* The default ordered list number style - bold text and blue (taken from the branding guildelines) */

ol > li::marker
{
	font-weight: bold;
	color: #3c6da6;
}

/* Custom list marker styling for the Release notes table: bold and dark blue */

.Release-Notes td ol li::marker
{
	font-weight: bold;
	color: #3c6da6;
}

/* Custom list styling for the Release notes table. The list items were too far aprt, due to the 
   styles already applied to the ordered lists, to separate them from the paragraphs. An exception
   is applied here, to make the presentation more compact. */

.Release-Notes td ol > li p
{
	margin-top: -10px;
	margin-bottom: -10px;
	padding-top: 0px;
	padding-bottom: 0px;
}

ul > li::marker
{
	/* font-weight: bold; */
	color: #278c90;
}

ul > li p
{
	padding-top: 0px;
	padding-bottom: 0px;
	/* Make the unordered list lines slightly closer together. Default top/bottom margin values are 20px each */
	margin-top: 16px;
	margin-bottom: 16px;
}

/* Image styles */

img
{
	max-width: 100%;
}

.GrayBorder
{
	border: 1px solid #a0a0a0;
}

/* Link Styles 
   Links are colour-coded to indicate their function:
   Blue: Project topic
   Green: Glossary definition
   Magenta: External web site
   Maroon: Pop-up window */

a
{
	color: #0000ff;
}

a:visited
{
	color: #0000ff;
}

.ExternalLink,
.ExternalLink:visited
{
	color: #c000ff;
}

/* A blue link to mimic the blue hyperlinks in the F&O application */

.LinkBlue
{
	color: #2266e3;
}

/* A teal link to mimic the links in Business Central */

.LinkTeal
{
	color: #007e87;
}

/* HTML Emphasis style */

em
{
	font-style: italic;
}

strong
{
	font-weight: bold;
}

/* Boxes and Frames */

.Box-Yellow
{
	border-top: 18px solid #fdb913;
	border-bottom: 2px solid #c0c0c0;
	border-left: 2px solid #c0c0c0;
	border-right: 2px solid #c0c0c0;
	border-radius: 6px;
	padding: 10px;
	width: 90%;
	max-width: 600px;
}

/* Custom styles */

.Box-Yellow-Shadow
{
	border-top: 18px solid #fdb913;
	border-bottom: 2px solid #c0c0c0;
	border-left: 2px solid #c0c0c0;
	border-right: 2px solid #c0c0c0;
	border-radius: 6px;
	padding: 10px;
	width: 90%;
	max-width: 600px;
	box-shadow: 7px 7px 18px #d0d0d0;
}

/* Print (PDF) styles */

@media print
{
	/* PDF topic titles have blue text on a white background.
   	The HTML topics titles have white text on a blue gradient background. */

	.Title
	{
		font-family: 'Segoe UI', Calibri, Arial, Roboto;
		font-size: 1.9em;
		font-weight: normal;
		font-variant: small-caps;
		text-align: center;
		text-decoration: none;
		letter-spacing: 0.8px;
		padding-top: 0px;
		padding-bottom: 4px;
		color: #1A3661;
		border: 1px solid #a0a0a0;
		background-color: #f4f4f4;
	}

	h1
	{
		font-family: 'Segoe UI', Calibri, Arial, Roboto;
		font-weight: bold;
		font-size: 1.8em;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 0px;
		padding-bottom: 0px;
		color: var(--HeadingColour);
		/* text-decoration: underline solid #1a3661 2px; */
	}

	/* H2 heading with a blue underline */

	h2
	{
		font-family: 'Segoe UI', Calibri, Arial, Roboto;
		font-weight: normal;
		font-size: 1.4em;
		color: var(--HeadingColour);
		letter-spacing: -0.5px;
		/* previous underline colour: #00a8e0 */
		border-bottom: 3px solid #78a9e2;
	}

	/* Alternate H2 heading with an amber underline (as seen here: https://knowledge.binarystream.com/complete-guide-financial-consolidation */

	h2.amber
	{
		font-family: 'Segoe UI', Calibri, Arial, Roboto;
		font-weight: normal;
		font-size: 1.4em;
		color: var(--HeadingColour);
		letter-spacing: -0.5px;
		border-bottom: 3px solid #fdb913;
	}

	h3
	{
		font-family: 'Segoe UI', Calibri, Arial, Roboto;
		/* font-family: 'Arial'; */
		font-weight: normal;
		font-size: 1.4em;
		letter-spacing: .3px;
		padding-bottom: 0px;
		color: var(--HeadingColour);
	}

	h4
	{
		font-weight: bold;
		font-size: 1.2em;
		color: var(--HeadingColour);
		padding-bottom: 0px;
		margin-bottom: 0px;
		/* margin-top: 1.0em; */
		/* margin-bottom: 1.0em; */
	}

	/* Heading styles for the PDF cover page */

	p.PDFCoverProductName
	{
		/* White text on a dark blue cover background */
		color: #ffffff;
		text-align: center;
		font-size: 48px;
		font-weight: bold;
		margin-top: 20pt;
		margin-bottom: 8pt;
		font-family: 'Segoe UI';
	}

	p.PDFCoverDocTitle
	{
		/* White text on a dark blue cover background */
		color: #ffffff;
		text-align: center;
		font-size: 32px;
		font-weight: bold;
		margin-top: 20pt;
		margin-bottom: 8pt;
		font-family: 'Segoe UI';
	}

	/* The TOC sidebar in the PDF manual */

	th.sidebar
	{
		padding: 20px;
		padding-left: 60px;
		font-size: 20px;
		font-family: Segoe UI;
		text-align: left;
		left-margin: 6px;
		color: #ffffff;
		font-weight: bold;
		margin-top: 4pt;
		margin-bottom: 4pt;
		background-color: #1A3661;
		vertical-align: center;
		border-style: solid;
		border-color: #1A3661;
	}

	/* Page break paragraph to force a new page between the PDF Table of Contents and the Splash page */

	p.PageBreak
	{
		page-break-after: always;
	}
}

@media only screen and (max-width: 1279px)
{
	
}

@media only screen and (max-width: 767px)
{
	
}

/* CSS to make the left navigation pane resizeable */

.sidenav-wrapper
{
	/* ensure sidenav-wrapper comes before nav-border in sidenav-layout
flex row */
	order: 1;
	/* avoid horizontal scrolling on overflow */
	overflow-x: hidden;
}

.nav-border
{
	/* resizable nav-border between nav menu and body content added via
nav-resize.js script */
	background-color: #e1e1e1;
	/* ensure nav-border comes between sidenav-wrapper and body-container in
sidenav-layout flex row */
	order: 2;
	/* allow horizontal (east-west) resizing only */
	cursor: ew-resize;
	/* don't allow nav-border to grow or shrink, and make it 3px wide */
	flex: 0 0 3px;
	/* ensure that text isn't selected while the mouse is being dragged */
	user-select: none;
}

.body-container
{
	/* ensure body-container comes after nav-border in sidenav-layout
flex row */
	order: 3;
}

@media only screen and (max-width: 1279px)
{
	/* hide nav border when nav pane is not displayed */

	.nav-border
	{
		display: none;
	}
}